section.content {
    background: #fff url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat
}

    section.content h4, section.content h5, section.content h6 {
        color: #222
    }

    section.content strong {
        color: #222
    }

    section.content p {
        color: #222
    }

    section.content ul li {
        color: #222
    }

        section.content ul li ul li {
            color: #222
        }

    section.content .widget.form form label {
        color: #222
    }

body, html {
    background: #ffffff url(/media/site_assets/c6a8af8f70954858c164d94c9f14afb5/assets/fancy_deboss.png) top center repeat;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased
}

img {
    display: block;
    height: auto;
    width: 100%
}

b, strong {
    font-weight: bold
}

em, i {
    text-decoration: italic
}

.shadow {
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .5);
    box-shadow: 0 0 18px rgba(0, 0, 0, .5)
}

.top-bar {
    background: #666 url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
    padding: 18px 0 12px 0;
    position: relative
}

    .top-bar #mobile-nav-button {
        display: none
    }

    .top-bar .cta {
        float: right
    }

        .top-bar .cta p {
            color: #fff;
            font-family: Century Gothic;
            font-size: 1.2em;
            font-weight: 500;
            line-height: 30px;
            margin: 0
        }

            .top-bar .cta p a {
                color: #fff;
                font-weight: 700
            }

            .top-bar .cta p strong {
                color: #fff;
                font-size: 1.4em;
                font-weight: 700;
                line-height: 30px
            }

                .top-bar .cta p strong a {
                    color: #fff;
                    font-weight: 700
                }

    .top-bar .social {
        float: left;
        height: 24px;
        margin: 0
    }

        .top-bar .social ul {
            margin: 0;
            list-style-type: none
        }

            .top-bar .social ul li {
                display: inline;
                margin: 0
            }

                .top-bar .social ul li a img {
                    -webkit-background-clip: padding-box;
                    -webkit-border-radius: 3px;
                    -moz-background-clip: padding-box;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    background-clip: padding-box;
                    display: inline;
                    height: 24px;
                    width: auto
                }

header {
    background: #cfcccc url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
    border-top: 3px solid #6a0229;
    padding: 36px 0;
    position: relative;
    width: 100%
}

    header .logo img {
        height: auto;
        margin: 0 auto;
        width: 50%
    }

nav {
    background: #000;
    border-top: 3px solid #6a0229
}

    nav ul.primary {
        list-style-type: none;
        margin: 0;
        text-align: center
    }

        nav ul.primary li {
            border-right: FF0080;
            display: inline;
            margin: 0 0 0 -4px;
            padding: 9px 0 13px 0
        }

            nav ul.primary li a {
                color: #fff;
                font-family: Century Gothic;
                font-size: 1em;
                font-weight: 700;
                line-height: 40px;
                padding: 11px 12px 11px 12px;
                text-decoration: none
            }

                nav ul.primary li a:hover, nav ul.primary li.active a {
                    background: #6a0229;
                }

            nav ul.primary li:first-child {
                border-left: #6a0229;
                margin: 0
            }

.subnav {
    background: #6a0229;
    text-align: center;
    width: 100%
}

    .subnav ul.secondary {
        list-style-type: none;
        margin: 3px 0
    }

        .subnav ul.secondary li {
            display: inline
        }

            .subnav ul.secondary li a {
                -webkit-background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-background-clip: padding-box;
                -moz-border-radius: 20px;
                border-radius: 20px;
                background-clip: padding-box;
                color: #fff;
                font-size: .7em;
                font-weight: bold;
                line-height: 36px;
                padding: 9px 18px;
                text-decoration: none;
                text-transform: uppercase;
                white-space: nowrap
            }

                .subnav ul.secondary li a.active, .subnav ul.secondary li a:hover {
                    background: #e07b00;
                    color: #fff
                }

section.content {
    padding: 48px 0
}

    section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6, section.content p {
        margin: 0 0 18px 0
    }

    section.content h1, section.content h2, section.content h3, section.content h4, section.content h5, section.content h6 {
        font-family: Century Gothic;
        font-weight: 500;
        line-height: 1em
    }

    section.content h1 {
        border-bottom: 3px solid #000;
        color: #000;
        font-size: 2em;
        text-transform: uppercase
    }

    section.content h2 {
        color: #717171;
        font-size: 1.8em
    }

    section.content h3 {
        color: #999;
        font-size: 1.6em
    }

    section.content h4 {
        font-size: 1.4em
    }

    section.content h5 {
        font-size: 1.2em
    }

    section.content h6 {
        font-size: 1em
    }

    section.content p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: .9em;
        line-height: 1.5em
    }

    section.content ul {
        list-style-position: inside;
        list-style-type: disc;
        margin: 0
    }

        section.content ul li {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: .9em;
            line-height: 1.5em
        }

            section.content ul li ul {
                list-style-position: inside;
                list-style-type: circle;
                margin: 12px 0 0 18px
            }

                section.content ul li ul li {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 1.1em;
                    line-height: 1.7em
                }

    section.content a {
        color: #6a0229;
        font-weight: bold
    }

        section.content a:hover {
            text-decoration: none
        }

        section.content a.btn {
            background: #95b033;
            -webkit-background-clip: padding-box;
            -webkit-border-radius: 6px;
            -moz-background-clip: padding-box;
            -moz-border-radius: 6px;
            border-radius: 6px;
            background-clip: padding-box;
            color: #fff;
            font-family: Rokkitt, serif;
            font-size: 1.2em;
            font-weight: 700;
            line-height: 36px;
            padding: 9px 18px;
            text-decoration: none
        }

            section.content a.btn:hover {
                background: #6a0229
            }

    section.content iframe, section.content img {
        background: #fff;
        border: 3px solid #e1e1e1;
        display: block;
        padding: 3px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    section.content .widget {
        margin-bottom: 18px
    }

        section.content .widget.carousels nav.carousel-nav {
            background: #e1e1e1;
            text-align: center
        }

            section.content .widget.carousels nav.carousel-nav a {
                color: #999;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: .8em;
                font-weight: bold;
                line-height: 1.5em;
                text-decoration: none
            }

                section.content .widget.carousels nav.carousel-nav a.prev {
                    margin: 9px 0 9px 12px
                }

                section.content .widget.carousels nav.carousel-nav a.next {
                    margin: 9px 12px 9px 0
                }

                section.content .widget.carousels nav.carousel-nav a:hover {
                    color: #6a0229
                }

        section.content .widget.form {
            clear: both
        }

            section.content .widget.form form label {
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: .9em;
                font-weight: normal;
                line-height: 1.5em
            }

            section.content .widget.form form input, section.content .widget.form form select, section.content .widget.form form textarea {
                background: #fff;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-background-clip: padding-box;
                -webkit-border-radius: 0;
                -moz-background-clip: padding-box;
                -moz-border-radius: 0;
                border-radius: 0;
                background-clip: padding-box;
                border: 3px solid #e1e1e1;
                width: 100%
            }

            section.content .widget.form form select {
                padding: 12px
            }

            section.content .widget.form form input[type=submit] {
                background: #6a0229;
                border: none;
                -webkit-background-clip: padding-box;
                -webkit-border-radius: 6px;
                -moz-background-clip: padding-box;
                -moz-border-radius: 6px;
                border-radius: 6px;
                background-clip: padding-box;
                color: #fff;
                font-family: Century Gothic;
                font-size: 1.05em;
                font-weight: 700;
                line-height: 1em;
                margin: 0;
                padding: 11px 18px 10px 18px;
                text-shadow: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                width: auto
            }

                section.content .widget.form form input[type=submit]:hover {
                    background: #000
                }

            section.content .widget.form form input[type="checkbox"] {
                margin: 0 0 18px 0
            }

        section.content .widget.map {
            border: 3px solid #e1e1e1
        }

            section.content .widget.map a {
                border: 3px solid #fff;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

                section.content .widget.map a img {
                    border: none;
                    padding: 0
                }

    section.content .row:last-child {
        margin-bottom: -18px
    }

section.mobile-nav {
    display: none
}

section.footer-blocks {
    background: #000 url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
    padding: 24px 0 18px 0
}

    section.footer-blocks h1, section.footer-blocks h2, section.footer-blocks h3 {
        font-family: Rokkitt, serif;
        font-weight: 700;
        line-height: 1em;
        margin: 0 0 18px 0
    }

    section.footer-blocks h1 {
        border-bottom: 3px solid #6a0229;
        color: #6a0229;
        font-size: 2em;
        text-transform: uppercase
    }

    section.footer-blocks h2 {
        color: #95b033;
        font-size: 1.8em
    }

    section.footer-blocks h3 {
        color: #999;
        font-size: 1.6em
    }

    section.footer-blocks p {
        color: #999;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: .9em;
        line-height: 1.5em
    }

    section.footer-blocks a {
        color: #6a0229;
        font-weight: bold
    }

        section.footer-blocks a:hover {
            color: #ffa83d
        }

    section.footer-blocks ul {
        list-style-position: inside;
        list-style-type: none;
        margin: 0
    }

        section.footer-blocks ul li {
            color: #999;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: .9em;
            line-height: 1.5em;
            margin: 0
        }

footer {
    background: #000 url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
    padding: 18px 0
}

    footer .copyright p {
        color: #6a0229;
        font-family: Century Gothic;
        font-size: 1.2em;
        font-weight: 700;
        line-height: 1em;
        margin: 0;
        text-align: center
    }

    footer .accreditation p {
        line-height: 100%;
        margin: 0;
        text-align: center
    }

        footer .accreditation p a {
            color: #fff;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: .8em
        }

            footer .accreditation p a:hover {
                text-decoration: none
            }

@media only screen and (max-width: 959px) {
    nav ul.primary li {
        padding: 3px 0 7px 0
    }
}

@media only screen and (max-width: 959px) {
    nav ul.primary li a {
        line-height: 27px;
        padding: 5px 6px 5px 6px
    }
}

@media only screen and (max-width: 959px) {
    .subnav ul.secondary li a {
        line-height: 30px;
        padding: 6px 12px
    }
}

@media only screen and (max-width: 767px) {
    .top-bar {
        padding: 18px 0
    }
}

@media only screen and (max-width: 767px) {
    .top-bar #mobile-nav-button {
        background: #111;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-background-clip: padding-box;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        background-clip: padding-box;
        display: block;
        margin: 0 18px 0 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .top-bar #mobile-nav-button a {
        color: #fff;
        display: block;
        font-size: .9em;
        font-weight: bold;
        padding: 3px 12px;
        line-height: 26px;
        text-decoration: none;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 767px) {
    .top-bar #mobile-nav-button a img {
        float: left;
        height: 10px;
        margin: 8px 6px 0 0;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .cta {
        float: none;
        margin: 18px 0 0 0;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .cta p {
        line-height: 1em
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .cta p strong {
        display: block;
        font-size: 1.8em;
        line-height: .8em;
        margin: 3px 0 0 0
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .social {
        float: none;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .top-bar .social ul {
        text-align: left
    }
}

@media only screen and (max-width: 767px) {
    header {
        border-bottom: 3px solid #e1e1e1
    }
}

@media only screen and (max-width: 767px) {
    header .logo img {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    nav.primary {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .subnav {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    section.content {
        border-bottom: 3px solid #e1e1e1;
        padding: 36px 18px
    }
}

@media only screen and (max-width: 767px) {
    section.content .widget.carousels nav.carousel-nav {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav {
        background: #ffc157 url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
        display: block;
        padding: 36px 18px
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav {
        background: #ffc157 url(/media/template_assets/witty/v1/assets/1x1.png) top center repeat;
        border-top: none
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary {
        height: 100%;
        list-style-type: none;
        margin: 0;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li {
        display: inline;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 6px;
        -moz-background-clip: padding-box;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-clip: padding-box;
        background: #c1c1c1;
        color: #fff;
        display: block;
        font-family: Rokkitt, serif;
        font-size: 1.4em;
        font-weight: 700;
        margin: 0 0 3px 0;
        padding: 12px 9px 9px 9px;
        text-decoration: none;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li.active a {
        background: #6a0229;
        border-bottom: none
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li.active a:hover {
        background: #6a0229;
        border-bottom: none
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li a:hover {
        background: #95b033;
        border-bottom: none;
        color: #fff
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary {
        background: #f1f1f1;
        border: 3px solid #e1e1e1;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 6px;
        -moz-background-clip: padding-box;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-clip: padding-box;
        margin: 0 0 12px 0
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li a {
        background: none;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 0;
        -moz-background-clip: padding-box;
        -moz-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        border-bottom: 3px solid #e1e1e1;
        color: #999;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: .75em;
        font-weight: bold;
        margin: 0;
        padding: 6px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li a.active, section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li a:hover {
        background: #95b033;
        border-bottom: 3px solid #e1e1e1;
        color: #fff
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li:first-child a.active, section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li:first-child a:hover {
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-background-clip: padding-box;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        background-clip: padding-box
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li:last-child a {
        border-bottom: none
    }
}

@media only screen and (max-width: 767px) {
    section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li:last-child a.active, section.mobile-nav nav ul.mobile-nav-primary li ul.mobile-secondary li:last-child a:hover {
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-background-clip: padding-box;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        background-clip: padding-box
    }
}

@media only screen and (max-width: 767px) {
    section.footer-blocks {
        padding: 18px
    }
}

@media only screen and (max-width: 767px) {
    .container .container {
        width: 384px
    }
}

@media only screen and (max-width: 767px) {
    .container .container .columns {
        width: 384px
    }
}

@media only screen and (max-width: 479px) {
    .container .container {
        width: 264px
    }
}

@media only screen and (max-width: 479px) {
    .container .container .columns {
        width: 264px
    }
}