/* Minification failed. Returning unminified contents.
(3378,23): run-time error CSS1038: Expected hex color, found '#0000'
(3378,29): run-time error CSS1038: Expected hex color, found '#0000'
(3378,35): run-time error CSS1038: Expected hex color, found '#0000'
(8799,32): run-time error CSS1046: Expect comma, found '0'
(8799,36): run-time error CSS1046: Expect comma, found '/'
(8826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8829,31): run-time error CSS1039: Token not allowed after unary operator: '-video--height'
(8829,54): run-time error CSS1039: Token not allowed after unary operator: '-video--width'
(8869,19): run-time error CSS1030: Expected identifier, found '.'
(8869,30): run-time error CSS1031: Expected selector, found ')'
(8869,30): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
.slick-slide div {
    margin: 5px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
/*.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}*/

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('/static/fonts/slick/slick.eot');
    src: url('/static/fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('/static/fonts/slick/slick.woff') format('woff'), url('/static/fonts/slick/slick.ttf') format('truetype'), url('/static/fonts/slick/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev-bottom,
.slick-next-bottom {
    position: initial !important;
    top: 0% !important;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/static/fonts/fontawesome/fontawesome-webfont.eot');src:url('/static/fonts/fontawesome/fontawesome-webfont.eot') format('embedded-opentype'), url('/static/fonts/fontawesome/fontawesome-webfont.woff') format('woff'), url('/static/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('/static/fonts/fontawesome/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src:url('../fonts/flexslider-icon.eot');
    src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/flexslider-icon.woff') format('woff'),
        url('../fonts/flexslider-icon.ttf') format('truetype'),
        url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}


/* ====================================================================================================================
 * Home Slider
 * ====================================================================================================================*/

.home-slider {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 360px
}

    .home-slider:before, .home-slider:after {
        content: '';
        display: table
    }

    .home-slider:after {
        clear: both
    }

    .home-slider ul.slides li a.biglink {
        position: absolute;
        top: 0;
        left: 0;
        height: 500px;
        display: block;
        width: 100%;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 100
    }

    .home-slider .slide-image {
        height: 260px;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 1
    }

        .home-slider .slide-image img {
            opacity: 0
        }

    .home-slider .slide-text {
        color: #000;
        padding: 30px;
        height: 100px;
        position: relative;
        z-index: 2
    }

        .home-slider .slide-text.text-black {
            color: #000
        }

        .home-slider .slide-text.text-white {
            color: #fff
        }

        .home-slider .slide-text h3 {
            margin-top: -6px;
            font-size: 1.42857em;
            line-height: 1.25em
        }

        .home-slider .slide-text span {
            display: none
        }

            .home-slider .slide-text span p {
                margin-bottom: 0
            }

    /*.home-slider .flex-direction-nav {
    display: none
}*/

    .home-slider img {
        width: 100%;
        max-width: none;
        height: auto;
        display: block
    }



@media screen and (min-width:28.75em) {
    .home-slider {
        height: 447px
    }

        .home-slider .slide-image {
            height: 264px
        }

        .home-slider .slide-text {
            height: 183px;
            padding: 40px
        }

            .home-slider .slide-text span {
                display: block;
                font-size: 1.14286em;
                line-height: 1.25em;
                height: 40px;
                overflow: hidden
            }
}

@media screen and (min-width:37.5em) {
    .home-slider .slide-text h3 {
        font-size: 1.25em;
        line-height: 1.2em
    }

    .home-slider .slide-text span {
        height: 40px;
        font-size: 1em;
        line-height: 1.25em
    }
}

@media screen and (min-width:41.25em) {
    .home-slider {
        height: 60vh;
        max-height: 500px
    }

        .home-slider .slide-image {
            height: 60vh;
            max-height: 500px;
            width: 100%
        }

        .home-slider .slide-text {
            width: 660px;
            margin-top: -210px
        }

        .home-slider .slide-content {
            max-width: 1320px;
            margin-left: auto;
            margin-right: auto
        }

            .home-slider .slide-content.hidden {
                display: none
            }

        .home-slider .slide-text {
            height: 210px
        }

            .home-slider .slide-text h3 {
                font-size: 3.5rem;
                line-height: 1.2em;
                margin-top: -4px
            }

            .home-slider .slide-text p {
                font-size: 1.7rem;
            }

            .home-slider .slide-text span {
                font-size: 1.125em;
                line-height: 1.33333em;
                height: 48px
            }





    /*    .home-slider .flex-direction-nav {
        display: block;
        z-index: 11;
        position: absolute;
        top: 50%;
        width: 100%
    }

    .home-slider .flex-direction-nav li {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative
    }

    .home-slider .flex-direction-nav .flex-prev, .home-slider .flex-direction-nav .flex-next {
        display: block;
        width: 60px;
        height: 0;
        padding-top: 80px;
        overflow: hidden;
        position: absolute;
        margin-top: -40px;
        color: #eee;
        font-family: 'dandad-icons';
        text-decoration: none
    }

    .home-slider .flex-direction-nav .flex-prev:before, .home-slider .flex-direction-nav .flex-next:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 52px;
        line-height: 84px;
        text-align: center
    }

    .home-slider .flex-direction-nav .flex-prev:hover, .home-slider .flex-direction-nav .flex-next:hover {
        color: #333
    }

    .home-slider .flex-direction-nav .flex-prev {
        left: 0
    }

    .home-slider .flex-direction-nav .flex-prev:before {
        content: '\E05C'
    }

    .home-slider .flex-direction-nav .flex-next {
        right: 0
    }

    .home-slider .flex-direction-nav .flex-next:before {
        content: '\E05D'
    }*/

}


@media screen and (min-width:50em) {
    .home-slider .slide-text h3 {
        font-size: 2em;
        line-height: 1.25em
    }

    .home-slider .slide-text span {
        font-size: 1em;
        line-height: 1.33333em;
        height: 50px
    }
}


@media screen and (min-width:56.25em) {
    .home-slider .slide-text {
        padding: 40px 80px;
        width: 680px
    }

}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/


.flexslider {
    margin: 0;
    padding: 0;
}

	.flexslider .slides > li:first-child {
		display: block;
		-webkit-backface-visibility: visible;
		width: 100%;
	}
	
    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    background: #ffffff;
    /*  border: 4px solid #ffffff;
*/  position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
    .flexslider .slides {
        zoom: 1;
    }
        .flexslider .slides img {
            height: 440px;
            width: inherit;
            object-fit: cover;
            -moz-user-select: none;
        }

        .flexslider .slides a {
            width: inherit;
        }
@media screen and (max-width:768px) {
    .flexslider .slides img {
        height: auto;
        -moz-user-select: none;
    }

    .flexslider .slides img.desktopBanner {
        display: none;
    }

    .flexslider .slides img.mobileBanner {
        display: block;
    }
}

@media screen and (min-width:769px) {
    .flexslider .slides img.desktopBanner {
        display: block;
    }

    .flexslider .slides img.mobileBanner {
        display: none;
    }
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 45px;
        height: 65px;
        margin: -20px 0 0;
        position: absolute;
        top: 45%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;


    }
        .flex-direction-nav a:before {
            font-family: "christies-ed";
            font-size: 60px;
            display: inline-block;
            content: '\F104';
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        }
        .flex-direction-nav a.flex-next:before {
            content: '\F105';
        }
    .flex-direction-nav .flex-prev {
        left: -50px;
    }
    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}
    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1;
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}




.text-white {
    color: #fff;
}

/*.slide-text {
text-shadow: 0 -1px 0 rgba(0,0,0,.3);

}*/


/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    /*color: #FFF;*/
/*    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }*/
/*    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;*/
      /*color: #FFF;*/
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      -moz-transition: opacity 200ms ease;
      -ms-transition: opacity 200ms ease;
      -o-transition: opacity 200ms ease;
      transition: opacity 200ms ease;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.owl-carousel .owl-controls .owl-nav {
  font-family: "christies-ed";
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
}

/*.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
  background: url(../../assets/images/ring.svg) no-repeat;
  background-position: center;
  height:40px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev:before {
  content: '\E801';
  font-size:40px;
  position:absolute;
  top:5;
}*/

.owl-carousel {
    margin-bottom:40px;
}


.owl-carousel .owl-controls .owl-nav span {
    border: 3px solid #333;
    color: #333
}

.owl-carousel .owl-controls .owl-nav span:hover {
    background: #333;
    color: #fff
}

.owl-carousel .owl-controls .owl-nav span:before {
    text-shadow: 0 1px 0 #333, 1px 0 0 #333, 0 -1px 0 #333, -1px 0 0 #333;
}

.owl-carousel .owl-controls span:before:hover {
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff
}



.owl-carousel .owl-controls {
    width: 100% !important;
    position: relative !important
}

.owl-carousel .owl-nav span {
    padding: 24px 7px 0;
    position: absolute;
    bottom: -30px;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    width: 30px;
    height: 0;
    margin: -20px 0 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #000;
    z-index: 10;
    overflow: hidden;
    color: #000;
    -webkit-font-smoothing: subpixel-antialiased;
    display: block
}

.owl-carousel .owl-nav span:before {
    font-size: 20px;
    position: absolute;
    top: 0;
    left: -3px;
    right: 0;
    bottom: 0;
    line-height: 23px;
    text-align: center;
/*    text-shadow: 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000, -1px 0 0 #000*/
}

.owl-carousel .owl-nav span.angle-left {
    left: 50%;
    margin-left: -35px;
}

.owl-carousel .owl-nav span.angle-right {
    right: 50%;
    margin-right: -35px
}

.owl-carousel .owl-nav span.angle-right:before {
    right: -6px;
}

.owl-nav span.angle-left:before {
    content: '\f104'
}


.owl-nav span.angle-right:before {
    content: '\f105'
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .15s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand-r .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s ease .14s,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .14s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

.icon-user:before { content: '\e800'; } /* '' */
.icon-user-1:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-search-1:before { content: '\e803'; } /* '' */
.icon-basket:before { content: '\e804'; } /* '' */
.icon-basket-1:before { content: '\e805'; } /* '' */
.icon-basket-2:before { content: '\e806'; } /* '' */
.icon-youtube:before { content: '\e807'; } /* '' */
.icon-play-circled2:before { content: '\e808'; } /* '' */
.icon-cancel-circled:before { content: '\e809'; } /* '' */
.icon-cancel-circle:before { content: '\e80a'; } /* '' */
.icon-cancel-circled-outline:before { content: '\e80b'; } /* '' */
.icon-cancel:before { content: '\e80c'; } /* '' */
.icon-arrows-cw:before { content: '\e80d'; } /* '' */
.icon-arrows-cw-1:before { content: '\e80e'; } /* '' */
.icon-arrows-cw-2:before { content: '\e80f'; } /* '' */
.icon-right:before { content: '\e810'; } /* '' */
.icon-check:before { content: '\e811'; } /* '' */
.icon-ok:before { content: '\e812'; } /* '' */
.icon-ok-1:before { content: '\e813'; } /* '' */
.icon-ok-circle:before { content: '\e814'; } /* '' */
.icon-arrows-cw-3:before { content: '\e815'; } /* '' */
.icon-search-circled:before { content: '\e816'; } /* '' */
.icon-instagram-circled:before { content: '\f05e'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-play-circled:before { content: '\f144'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-snapchat:before { content: '\f2ab'; } /* '' */
.icon-snapchat-ghost:before { content: '\f2ac'; } /* '' */
.icon-snapchat-square:before { content: '\f2ad'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled-1:before { content: '\f30d'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin-1:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */

.icon-youtube-circled2:before { content: '\E82F'; } /* '' */
.icon-wechat-circled:before { content: '\E830'; } /* '' */

.icon-alumni:before { content: '\E863'; } /* '' */

@charset "UTF-8";

/*

    GLOBAL RESETS
    =============

    Standard reset styles and a few extra bits and pieces including
    setting border-box on all elements.

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

ins,
mark {
    background: #333;
    color: #fff;
    text-decoration: none;
}

mark {
    display: inline-block;
    padding: .1em;
    text-shadow: none;
    background: #f2d3a9;
    color: #a93901;
    border-radius: 2px;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #333;
    color: #fff;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

[type=submit] {
    cursor: pointer;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    appearance: none;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-decoration: none;
    transition: background-color 400ms ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

    button:hover,
    button:focus,
    input[type="button"]:hover,
    input[type="button"]:focus,
    input[type="reset"]:hover,
    input[type="reset"]:focus,
    input[type="submit"]:hover,
    input[type="submit"]:focus,
    .button:hover,
    .button:focus {
        background-color: #000;
        color: #fff;
    }

    button:disabled,
    input[type="button"]:disabled,
    input[type="reset"]:disabled,
    input[type="submit"]:disabled,
    .button:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

        button:disabled:hover,
        input[type="button"]:disabled:hover,
        input[type="reset"]:disabled:hover,
        input[type="submit"]:disabled:hover,
        .button:disabled:hover {
            background-color: #d70c00;
        }

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0;
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375em;
}

input,
select,
textarea {
    display: block;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
}

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input:not([type]),
    textarea,
    select[multiple] {
        background-color: #fff;
        border: 1px solid #e0e7ee;
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        margin-bottom: 0.75em;
        padding: 0.5em;
        transition: border-color 400ms ease;
        width: 100%;
    }

        input[type="color"]:hover,
        input[type="date"]:hover,
        input[type="datetime"]:hover,
        input[type="datetime-local"]:hover,
        input[type="email"]:hover,
        input[type="month"]:hover,
        input[type="number"]:hover,
        input[type="password"]:hover,
        input[type="search"]:hover,
        input[type="tel"]:hover,
        input[type="text"]:hover,
        input[type="time"]:hover,
        input[type="url"]:hover,
        input[type="week"]:hover,
        input:not([type]):hover,
        textarea:hover,
        select[multiple]:hover {
            border-color: #b3b9be;
        }

        input[type="color"]:focus,
        input[type="date"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="email"]:focus,
        input[type="month"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="text"]:focus,
        input[type="time"]:focus,
        input[type="url"]:focus,
        input[type="week"]:focus,
        input:not([type]):focus,
        textarea:focus,
        select[multiple]:focus {
            border-color: #d70c00;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(190, 11, 0, 0.7);
            outline: none;
        }

        input[type="color"]:disabled,
        input[type="date"]:disabled,
        input[type="datetime"]:disabled,
        input[type="datetime-local"]:disabled,
        input[type="email"]:disabled,
        input[type="month"]:disabled,
        input[type="number"]:disabled,
        input[type="password"]:disabled,
        input[type="search"]:disabled,
        input[type="tel"]:disabled,
        input[type="text"]:disabled,
        input[type="time"]:disabled,
        input[type="url"]:disabled,
        input[type="week"]:disabled,
        input:not([type]):disabled,
        textarea:disabled,
        select[multiple]:disabled {
            background-color: #f2f2f2;
            cursor: not-allowed;
        }

            input[type="color"]:disabled:hover,
            input[type="date"]:disabled:hover,
            input[type="datetime"]:disabled:hover,
            input[type="datetime-local"]:disabled:hover,
            input[type="email"]:disabled:hover,
            input[type="month"]:disabled:hover,
            input[type="number"]:disabled:hover,
            input[type="password"]:disabled:hover,
            input[type="search"]:disabled:hover,
            input[type="tel"]:disabled:hover,
            input[type="text"]:disabled:hover,
            input[type="time"]:disabled:hover,
            input[type="url"]:disabled:hover,
            input[type="week"]:disabled:hover,
            input:not([type]):disabled:hover,
            textarea:disabled:hover,
            select[multiple]:disabled:hover {
                border: 1px solid #e0e7ee;
            }

textarea {
    resize: vertical;
}

[type="search"] {
    appearance: none;
}

[type="checkbox"],
[type="radio"] {
    display: inline;
    margin-right: 0.375em;
}

[type="file"] {
    margin-bottom: 0.75em;
    width: 100%;
}

select {
    margin-bottom: 0.75em;
    max-width: 100%;
    width: auto;
}

html {
    box-sizing: border-box;
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.flex {
    flex: 1;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
}

dt {
    font-weight: 600;
    margin: 0;
}

dd {
    margin: 0;
}

figure {
    margin: 0;
}

img,
picture {
    margin: 0;
    max-width: 100%;
    /* make images responsive */
}

table {
    border-collapse: collapse;
    margin: 0.75em 0;
    table-layout: fixed;
    width: 100%;
}

th {
    border-bottom: 1px solid #a8adb3;
    font-weight: 600;
    padding: 0.75em 0;
    text-align: left;
}

td {
    border-bottom: 1px solid #e0e7ee;
    padding: 0.75em 0;
}

tr,
td,
th {
    vertical-align: middle;
}

html {
    font-size: 62.5%;
}

    html,
    html a {
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }

body {
    color: #333;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.55rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.333em;
    line-height: 1.2;
    margin: 0 0 0.75em;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
}

h5,
h6 {
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0 0 0.75em;
    font-family: 'Atlas Grotesk Medium', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
}

p {
    margin: 0 0 0.75em;
}

a {
    color: #333;
    text-decoration: none;
    transition: color 400ms ease;
}

div.page-intro-text p a, div.overview-inner span a, div.overview-inner p a, div.overview-inner p strong a {
    text-decoration: underline !important;
}

    div.page-intro-text p a:hover, div.overview-inner span a:hover, div.overview-inner p a:hover, div.overview-inner p strong a:hover {
        color: #808080 !important;
    }

a:active,
a:focus,
a:hover {
    color: #d70c00;
}

hr {
    border-bottom: 1px solid #e0e7ee;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0;
}

.text-white {
    color: #fff;
}

@font-face {
    font-family: 'christies-ed';
    src: url("/static/fonts/christies-ed/christies-ed.eot?79563470");
    src: url("/static/fonts/christies-ed/christies-ed.eot?79563470#iefix") format("embedded-opentype"), url("/static/fonts/christies-ed/christies-ed.woff2?79563470") format("woff2"), url("/static/fonts/christies-ed/christies-ed.woff?79563470") format("woff"), url("/static/fonts/christies-ed/christies-ed.ttf?79563470") format("truetype"), url("/static/fonts/christies-ed/christies-ed.svg?79563470#christies-ed") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */


/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'christies-ed';
    src: url('../font/christies-ed.svg?79563470#christies-ed') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "christies-ed";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-angle-right:before {
    content: '\e800';
}

.upcomingCourseButtons, .courseButtons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.upcomingCourseButton, .onlineCourseButton {
    border: 1px solid;
    background: white;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 10px 0px 0px;
}

.shortCourseButton {
    border: 1px solid;
    background: white;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
}

.courseButtonsMob {
    display: none;
    margin-left: 10px;
}

@media screen and (max-width: 350px) {
    .courseButtons {
        justify-content: center;
        align-items: center;
        display: inline-grid;
    }

    .onlineCourseButton {
        border: 1px solid;
        background: white;
        padding: 10px;
        border-radius: 6px;
        margin: 10px 10px 0px 0px;
        display: flex;
    }

    .marginCourseBottomMob {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 510px) {
    .courseButtonsMob {
        display: block;
    }

    .marginCourseBottomMob {
        margin-bottom: 25px;
    }

    .courseButtons {
        display: none;
    }
}

.padding-bottom-1 {
    padding-bottom: 1px;
    height: 1100px;
}

.footer-color {
    color: white !important;
    line-height: 2;
}

.title-content h2 {
    color: white
}

.title-content p {
    color: white
}

.title-content span {
    color: white
}
/* '' */
.icon-angle-left:before {
    content: '\e801';
}


/* '' */

.icon-search:before {
    content: '\e802';
}


/* '' */

.icon-search-1:before {
    content: '\e803';
}


/* '' */

.icon-user:before {
    content: '\e804';
}


/* '' */

.icon-user-1:before {
    content: '\e805';
}


/* '' */

@font-face {
    font-family: 'Atlas Grotesk Light';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.svg#Atlas Grotesk Light") format("svg");
    font-weight: 300;
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskLight {
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Regular';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.svg#AtlasGrotesk-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskRegular {
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Regular Italic';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.svg#AtlasGrotesk-RegularItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Medium';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.svg#Atlas Grotesk Medium") format("svg");
    font-weight: 500;
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskMedium {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Bold';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.svg#AtlasGrotesk-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskBold {
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Baskerville10Pro';
    src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot");
    src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro.svg#baskerville_10_proregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.baskerville10Pro {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Baskerville10Pro-Italic';
    src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot");
    src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.svg#baskerville_10_proitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

.baskerville10ProItalic {
    font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LyonRegular';
    src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot");
    src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.woff") format("woff"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.lyon {
    font-family: "LyonRegular", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'christies';
    src: url("/static/fonts/christies/Christies.eot");
    src: url("/static/fonts/christies/Christies.eot?#iefix") format("embedded-opentype"), url("/static/fonts/christies/Christies.woff2") format("woff2"), url("/static/fonts/christies/Christies.ttf") format("truetype"), url("/static/fonts/christies/Christies.svg#baskerville_10_proitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

section.home-video:after {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

section.home-video {
    height: calc(100vh);
    padding-top: 175px;
}

@media only screen and (min-width: 768px) {
    section.home-video {
        padding-top: 200px;
    }
}

@media only screen and (min-width: 1200px) {
    section.home-video {
        padding-top: 250px;
    }
}

.bg-video-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    text-align: left;
}

    .bg-video-content h1 {
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        font-size: 36px;
        text-align: center;
        text-align: left;
        line-height: 1.2;
    }

@media only screen and (min-width: 768px) {
    .bg-video-content h1 {
        font-size: 40px;
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content h1 {
        font-size: 50px;
        padding-bottom: 30px;
    }
}

.bg-video-content h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    font-size: 24px;
    text-align: center;
    text-align: left;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .bg-video-content h2 {
        font-size: 28px;
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content h2 {
        font-size: 32px;
        padding-bottom: 30px;
    }
}

.bg-video-content p {
    margin: 0;
    font-size: 30px;
    line-height: 1.5;
}

.bg-video-content ul li {
    margin: 0;
    font-size: 30px;
    line-height: 1.6;
    margin-left: -7px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
    .bg-video-content ul li {
        font-size: 35px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content ul li {
        font-size: 40px;
    }
}

.bg-video-content ul li a {
    padding: 10px 7px 5px 7px;
}

    .bg-video-content ul li a:hover {
        color: #fff;
        background-color: #D70C00;
    }

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
    .fullscreen-bg__video {
        height: 250%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16 / 9) {
    .fullscreen-bg__video {
        width: 250%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url("/static/images/videoframe.jpg") center center/cover no-repeat;
    }

    .fullscreen-bg__video {
        display: none;
    }
}

.header-wrapper {
    width: 100%;
    background: #fff;
}

header[role="banner"] {
    /* position: relative; */
	position: fixed;
	z-index: 5;
    width: 100%;
    line-height: 1rem;
}

body.node header[role="banner"] {
    margin-bottom: 0;
}

.topbar {
    position: relative;
    display: block;
    min-height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    border-bottom: 1px solid #e0e7ee;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .topbar {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .topbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) {
    .topbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.topbar-expander {
    background-color: #f5f5f5;
    overflow: hidden;
    line-height: auto;
    display: none;
    margin: 0;
}

    .topbar-expander h4.form-head {
        font-size: 24px;
    }

nav[role="sub"] li a:before {
    font-family: 'christies-ed';
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav[role="sub"] li a.topcart:before {
    content: '\E805';
}

nav[role="sub"] li a.search:before {
    content: '\E802';
}

nav[role="sub"] li a.login:before {
    content: '\E800';
}

nav[role="sub"] {
    margin: 0;
    overflow: hidden;
    float: right;
}

    nav[role="sub"] ul {
        float: right;
        line-height: 40px;
        overflow: hidden;
    }

    nav[role="sub"] li {
        float: left;
        overflow: hidden;
        list-style: none;
        display: inline-block;
        /*margin-right: 10px;*/
    }

        nav[role="sub"] li a {
            display: block;
            padding: 0 16px 0 0;
            position: relative;
            width: 48px;
            height: 0;
            padding-top: 50px;
            overflow: hidden;
            color: #333;
        }

            nav[role="sub"] li a span {
                font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                font-size: 11px;
                text-transform: uppercase;
            }

            nav[role="sub"] li a:hover,
            nav[role="sub"] li a.active {
                background-color: #f5f5f5;
                color: #333;
            }

            nav[role="sub"] li a:before {
                position: absolute;
                left: 6px;
                font-size: 18px;
                margin-top: -1px;
                color: #999;
            }

@media screen and (max-width: 769px) {
    nav[role="sub"] li a:before {
        left: 15px;
    }
}

@media screen and (min-width: 769px) and (min-height: 420px) {
    nav[role="sub"] {
        margin: 0 -30px;
        margin: 0;
    }

        nav[role="sub"] ul {
            line-height: 48px;
            -moz-transition: line-height .3s ease, height .3s ease;
            -o-transition: line-height .3s ease, height .3s ease;
            -webkit-transition: line-height .3s ease, height .3s ease;
            transition: line-height .3s ease, height .3s ease;
        }

        nav[role="sub"] li a {
            padding: 0 12px 0 48px;
            height: auto;
            width: auto;
            -moz-transition: padding-left .3s ease;
            -o-transition: padding-left .3s ease;
            -webkit-transition: padding-left .3s ease;
            transition: padding-left .3s ease;
        }

    a.toggle.search {
        padding-left: 26px;
        margin-right: 20px;
    }

    a.toggle.login {
        padding-left: 22px;
    }
}

.badge {
    position: absolute;
    top: 10px;
    left: 26px;
    display: inline-block;
    min-width: 10px;
    padding: 2px 4px;
    font-size: 11px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #d70c00;
    border-radius: 10px;
}

.basket-table {
    border-collapse: collapse;
    border-left: 0;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
    margin-bottom: 20px;
}

    .basket-table .absorb {
        width: 100%;
    }

    .basket-table thead > tr > th {
        font-weight: normal;
    }

    .basket-table thead > tr > th,
    .basket-table tbody > tr > td {
        padding: 10px;
        line-height: 1.42857143;
        border-top: 1px solid #ddd;
        position: relative;
    }

        .basket-table thead > tr > th:first-child,
        .basket-table tbody > tr > td:first-child {
            padding-left: 0;
        }

        .basket-table thead > tr > th:last-child,
        .basket-table tbody > tr > td:last-child {
            padding-right: 0;
        }

        .basket-table thead > tr > th p,
        .basket-table tbody > tr > td p {
            margin-bottom: 0;
        }

    .basket-table input {
        font-size: 1.4rem;
        margin-top: 7px;
    }

.row {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .row:last-child {
        margin-right: 0;
    }

.pull-right {
    float: right !important;
}

#formBasket button {
    font-size: 13px;
}

@media only screen and (min-width: 768px) {
    #formBasket button {
        font-size: 14px;
    }
}

#formBasket div.remove-button {
    width: 100%;
}

#formBasket .btn-remove {
    border: none;
    padding: 5px;
    position: absolute;
    top: 20px;
    right: 10px;
    margin-top: 0;
    color: #999;
}

    #formBasket .btn-remove:hover {
        color: #000;
        background: none;
    }

#formBasket .btn-checkout {
    background-color: #5cb85c;
    border-color: #398439;
    color: #fff;
}

    #formBasket .btn-checkout:hover {
        background-color: #449d44;
    }

#formBasket .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 40px;
}

    #formBasket .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin: 0;
        display: table-cell;
        font-size: 14px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

#formBasket .input-group-btn {
    position: relative;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0;
    display: table-cell;
}

    #formBasket .input-group-btn > .btn {
        position: relative;
        margin: 0;
        padding: 0.65em 1em;
        border-color: #e0e7ee;
        border-radius: 3px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -2px;
        font-size: 12px;
    }

#formBasket dl.dl-horizontal {
    margin-top: 0;
    font-size: 14px;
}

    #formBasket dl.dl-horizontal dt {
        text-align: left;
        width: 130px;
        float: left;
        clear: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: normal;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        line-height: 1.42857143;
    }

    #formBasket dl.dl-horizontal dd {
        margin-left: 140px;
        line-height: 1.42857143;
    }

#formBasket .dl-horizontal dd:before,
#formBasket .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.basketTotals {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .basketTotals:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    .basketTotals {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .basketTotals:last-child {
            margin-right: 0;
        }
}

.VoucherCodeBlock {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .VoucherCodeBlock:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    .VoucherCodeBlock {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .VoucherCodeBlock:last-child {
            margin-right: 0;
        }
}

.VoucherCodeBlock h3 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.VoucherCodeBlock p {
    font-size: 14px;
    line-height: 1.5;
}

.search-container {
    background: #f5f5f5;
    overflow: hidden;
    color: #333;
    position: relative;
    line-height: 1.5rem;
    font-size: 1.2rem;
}

    .search-container .search-form {
        max-width: 1180px;
        margin: 0 auto;
        padding: 25px 15px 25px 20px;
        position: relative;
        cursor: text;
    }

@media only screen and (min-width: 992px) {
    .search-container .search-form {
        padding: 40px 50px;
    }
}

.search-container .input-container {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .search-container .input-container {
        max-width: 600px;
        margin: auto;
    }
}

@media only screen and (min-width: 992px) {
    .search-container .input-container {
        max-width: 708px;
        margin: 10 auto;
    }
}

@media only screen and (min-width: 1200px) {
    .search-container .input-container {
        max-width: 860px;
        position: relative;
    }
}

.search-container .search-form input[type="search"],
.search-container .search-form input[type="text"] {
    height: 30px;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    z-index: 10;
    color: #999;
    position: relative;
    margin: 0;
    text-rendering: optimizeLegibility;
    width: 91%;
    height: 38px;
}

@media only screen and (min-width: 510px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 30px;
        padding-left: 30px;
        width: 93%;
    }
}

@media only screen and (min-width: 768px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 40px;
        height: 48px;
    }
}

@media only screen and (min-width: 1200px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        width: 94%;
        padding-right: 50px;
    }
}

.search-container .search-form input[type="search"]:focus,
.search-container .search-form input[type="text"]:focus {
    color: #333;
    box-shadow: none;
    border: 1px solid #e0e7ee;
}

.search-container .search-form button[type="submit"] {
    line-height: 22px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 4px;
    color: #ffffff;
    background: #999;
    border: 0;
    right: 0;
    padding: 0px 9px;
    border-radius: 50px;
}

@media only screen and (min-width: 992px) {
    .search-container .search-form button[type="submit"] {
        height: 40px;
        width: 40px;
    }
}

.search-container .search-form button[type="submit"]:after {
    font-family: 'christies-ed';
    content: '\E802';
    color: #fff;
    position: relative;
    /*top: 50%;*/
    transform: translateY(-50%);
    z-index: 50;
    font-size: 1em;
}

@media only screen and (min-width: 992px) {
    .search-container .search-form button[type="submit"]:after {
        font-size: 1.1em;
    }
}

.search-container .search-form button[type="submit"]:hover,
.search-container .search-form button[type="submit"]:focus {
    background: #333;
}

.login-container {
    line-height: 1.5rem;
    font-size: 1.3rem;
}

    .login-container .form-head {
        margin-bottom: 18px;
        color: #333;
    }

    .login-container hr {
        border-bottom: 1px solid #e0e7ee;
        border-top: 0;
        margin-top: 0;
        margin-bottom: 40px;
        border-left: 0;
    }

    .login-container a {
        color: #333;
        text-decoration: underline;
    }

    .login-container button {
        font-size: 14px;
    }

    .login-container form input[type="text"],
    .login-container form input[type="password"] {
        color: #999;
        text-rendering: optimizeLegibility;
        border: 1px solid #ccc;
    }

        .login-container form input[type="text"]:focus,
        .login-container form input[type="password"]:focus {
            color: #333;
        }

    .login-container form input[type="submit"] {
        font-size: 14px;
        text-rendering: optimizeLegibility;
        margin-right: 50px;
    }

    .login-container p {
        margin-bottom: 20px;
    }

.login-or-register,
.password-reset {
    overflow: hidden;
    margin: auto;
    color: #999;
}

.login-or-register {
    max-width: 1180px;
}

    .login-or-register .forgot-password {
        line-height: 50px;
    }

    .login-or-register .login,
    .login-or-register .join {
        display: block;
        overflow: hidden;
    }

@media only screen and (min-width: 768px) {
    .login-or-register .login,
    .login-or-register .join {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .login-or-register .login {
        padding-right: 5%;
        border-right: 1px solid #ccc;
    }
}

.login-or-register .join {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

@media only screen and (min-width: 768px) {
    .login-or-register .join {
        border: none;
        padding-top: 0;
        padding-left: 5%;
    }
}

.password-reset {
    max-width: 860px;
    overflow: hidden;
}

.back-to-login {
    display: block;
}

@media only screen and (min-width: 768px) {
    .back-to-login {
        display: inline-block;
    }
}

nav[role="main"] {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    nav[role="main"] {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) {
    nav[role="main"] {
        padding: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    nav[role="main"] {
        padding: 0;
    }
}

section#navbar:before {
    height: 40px;
    background: #fff;
    content: ' ';
    display: block;
    left: 0;
    position: absolute;
    top: 50;
    width: 100%;
    z-index: -1;
}

section#navbar {
    width: 100%;
    background-color: #fff;
    z-index: 99;
    position: relative;
    min-height: 95px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
    section#navbar {
        padding-left: 25px;
        padding-right: 25px;
        min-height: 100px;
    }
}

@media only screen and (min-width: 912px) {
    section#navbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media only screen and (min-width: 1024px) {
    section#navbar {
        min-height: 125px;
    }
}


@media only screen and (min-width: 1200px) {
    section#navbar {
        min-height: 90px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

section #navbar.landing {
    position: fixed;
    top: 0;
    left: 0;
}

div.logo-container {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 1rem;
}

    div.logo-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    div.logo-container {
        padding-left: 12px;
    }
}

@media only screen and (min-width: 992px) {
    div.logo-container {
        padding-left: 7px;
    }
}

@media only screen and (min-width: 1200px) {
    div.logo-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.logo-container:last-child {
            margin-right: 0;
        }
}

div.nav-container {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    div.nav-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

a.logo {
    background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
    background-size: contain;
    content: ' ';
    display: inline-block;
    height: 33px;
    margin-top: 15px;
    width: 200px;
}

@media only screen and (min-width: 768px) {
    a.logo {
        height: 33px;
        margin-top: 25px;
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    a.logo {
        height: 33px;
    }
}

@media only screen and (min-width: 1200px) {
    a.logo {
        height: 36px;
        margin-top: 27px;
    }
}

a.logo.logo-ldn {
    background: url(../images/logo/christies_edu_logo_ldn.svg) top left no-repeat;
}

a.logo.logo-ny {
    background: url(../images/logo/christies_edu_logo_ny.svg) top left no-repeat;
}

a.logo.logo-hk {
    background: url(../images/logo/christies_edu_logo_hk.svg) top left no-repeat;
}

a.logo.logo-generic {
    background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
}

a.logo.landing,
a.logo-ny.landing {
    position: fixed;
    z-index: 2;
}

.menu-link,
.hamburger-box,
.hamburger-inner {
    display: none;
}

.menu {
    float: right;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    vertical-align: middle;
}

    .menu ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
        position: relative;
        display: inline-table;
    }

        .menu ul .menu > ul {
            text-align: center;
        }

        .menu ul li {
            padding: 0px;
            margin: 0;
        }

    .menu > ul > li {
        display: inline-block;
        position: relative;
    }

    .menu ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 11px;
        font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

    .menu > ul > li > a {
        text-transform: uppercase;
        height: 60px;
        font-size: 12px;
        line-height: 110px;
        /* This bit chances the size of the text on the main heading */
        padding: 0px 9px;
        /* This is the padding between the different titles */
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        -o-transition: color .15s;
        transition: color .15s;
    }

@media only screen and (min-width: 1200px) {
    .menu > ul > li > a {
        /* height: 90px; */
        line-height: 115px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) {
    .menu-link-arrow {
        border-color: #0000 #0000 #0000 #99a6b9;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        display: inline-block;
        height: 0;
        margin-left: 18%;
        width: 0;
        position: absolute;
        right: 5%;
        margin-top: 2%;
    }
}

@media only screen and (max-width: 768px) {
    .menu-link-arrow {
        display: none;
    }
}

.menu > li > ul.sub-menu {
    min-width: 10em;
    padding: 4px 0;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    margin-left: -50%;
}

.menu ul ul {
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}

.menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    background-color: #fafafa;
    text-align: left;
    /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    top: 50px;
    /* This is for the drop down annimation */
    left: 50%;
    margin-left: -90px;
    min-width: 180px;
    border-top: 1px solid #D70C00;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}

    .menu > ul > li > ul > li > ul {
        opacity: 0;
        visibility: hidden;
        padding: 0;
        background-color: #fafafa;
        text-align: left;
        /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
        position: absolute;
        /* top: 50px; */
        /* This is for the drop down annimation */
        left: 50%;
        margin-left: 0px;
        min-width: 180px;
        -webkit-transition: all .3s .1s;
        -moz-transition: all .3s .1s;
        -o-transition: all .3s .1s;
        transition: all .3s .1s;
    }

@media only screen and (min-width: 1200px) {
    .menu > ul > li > ul {
        top: 80px;
    }
}

.menu > ul > li:hover > ul {
    opacity: 1;
    top: 60px;
    /* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}

    .menu > ul > li:hover > ul > li > ul {
        opacity: 1;
        /* top: 60px; */
        /* This is how far from the top the drop down annimation will go  */
        visibility: hidden;
    }

    .menu > ul > li:hover > ul > li:hover > ul {
        opacity: 1;
        /* top: 60px; */
        /* This is how far from the top the drop down annimation will go  */
        visibility: visible;
        left: 186px;
    }

@media only screen and (min-width: 1200px) {
    .menu > ul > li:hover > ul {
        top: 90px;
    }
}

.menu > ul > li > ul:before {
    content: '';
    display: block;
    border-color: transparent transparent #333333 transparent;
    border-color: transparent transparent #D70C00 transparent;
    border-style: solid;
    border-width: 6px;
    /* The border on the drop down box  */
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -6px;
}

.menu ul ul > li {
    position: relative;
}

#cssmenu > ul ul > li {
    position: relative;
}

.menu ul ul > li a {
    padding: 11px 15px 11px 10px;
    height: auto;
    background-color: #f4f4f4;
    line-height: 18px;
    font-size: 13px;
    text-transform: none;
}

.menu ul ul a {
    /* This is the drop down menu, change font or size when its drops down */
    color: #323232;
    font-size: 13px;
    background-color: #fafafa;
    padding: 5px 8px 7px 16px;
    display: block;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
}

.menu ul ul > li a:hover {
    background-color: #000;
    color: #fff;
}

#cssmenu ul ul a:hover {
    background-color: #f0f0f0;
}

.menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

@media all and (max-width: 768px) {
    .hamburger-box {
        display: inline-block;
    }

    .hamburger-inner {
        display: block;
    }

    a.menu-link {
        display: block;
        color: #fff;
        background-color: #fff;
        float: right;
        text-decoration: none;
        padding: 12px 16px 21px;
        margin-top: 7px;
    }

    .menu {
        clear: both;
        min-width: inherit;
        float: none;
        text-align: left;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -ms-transition: all 0s ease;
        transition: all 0s ease;
    }

        .menu,
        .menu > ul ul {
            overflow: hidden;
            max-height: 0;
            background-color: #f4f4f4;
        }

            .menu > ul ul ul {
                overflow: hidden;
                max-height: 0;
                background-color: #f4f4f4;
            }

            .menu > li > ul.sub-menu {
                padding: 0px;
                border: none;
            }

            .menu.active,
            .menu > ul ul.active {
                max-height: 55em;
            }

            .menu > ul ul ul.active {
                max-height: 55em;
            }

            .menu ul {
                display: inline;
                text-align: left;
            }

            .menu > ul {
                border-top: 1px solid #808080;
            }

                .menu > ul::after {
                    clear: both;
                    content: "";
                    display: table;
                }

                .menu li,
                .menu > ul > li {
                    display: block;
                }

                    .menu > ul > li > ul > li {
                        display: block;
                    }

                    .menu li a {
                        color: #000;
                        display: block;
                        padding: 0.8em;
                        border-bottom: 1px solid #e0e7ee;
                        position: relative;
                    }

                    .menu > ul > li > a {
                        padding-left: 20px;
                        height: 50px;
                        line-height: 50px;
                    }

                        .menu > ul > li > a:hover,
                        .menu > ul > li > a:focus {
                            background-color: #e4e4e4;
                        }

                    .menu > ul > li > ul > li > a {
                        padding-left: 20px;
                        height: 50px;
                        line-height: 50px;
                    }

                        .menu > ul > li > ul > li > a:hover,
                        .menu > ul > li > ul > li > a:focus {
                            background-color: #e4e4e4;
                        }

                    .menu li.has-submenu > a:after {
                        content: '+';
                        position: absolute;
                        top: 0;
                        right: 0;
                        display: block;
                        font-size: 1.5em;
                        padding: 0.1em 1em;
                    }

                    .menu li.has-submenu > a.active:after {
                        content: "-";
                    }

            .menu ul ul > li a {
                background-color: #e4e4e4;
                background-color: #fff;
                height: 50px;
                line-height: 50px;
                padding: 0px 18px 0px 30px;
            }

            .menu ul ul ul > li a {
                background-color: #e4e4e4;
                background-color: #fff;
                height: 50px;
                line-height: 50px;
                padding: 0px 18px 0px 30px;
            }

            .menu ul ul,
            .menu > ul > li > ul,
            .menu ul ul ul {
                display: inherit;
                position: relative;
                left: auto;
                top: auto;
                border: none;
            }

                .menu > ul > li > ul > li > ul,
                .menu ul ul ul ul {
                    display: inherit;
                    position: relative;
                    left: auto;
                    top: auto;
                    border: none;
                }

            .menu > ul > li > ul {
                padding: 0;
                margin: 0;
                opacity: 1;
                visibility: visible;
                -webkit-transition: all 0s 0s;
                -moz-transition: all 0s 0s;
                -o-transition: all 0s 0s;
                transition: all 0s 0s;
            }

                .menu > ul > li > ul > li > ul {
                    padding: 0;
                    margin: 0;
                    opacity: 1;
                    visibility: visible;
                    -webkit-transition: all 0s 0s;
                    -moz-transition: all 0s 0s;
                    -o-transition: all 0s 0s;
                    transition: all 0s 0s;
                }

            .menu > ul > li:hover > ul {
                top: 0;
                /* This is how far from the top the drop down annimation will go  */
            }

            .menu > ul > li > ul > li:hover > ul {
                top: 0;
                /* This is how far from the top the drop down annimation will go  */
            }

            .menu > ul > li:hover > ul > li:hover > ul {
                opacity: 1;
                /* top: 60px; */
                visibility: visible;
                left: 0px;
            }

            .menu ul ul.active > li a:hover {
                color: #323232;
            }

            .menu ul ul.submenu.active > li a:active {
                background-color: #000;
                color: #fff;
            }
}

main {
    min-height: 500px;
    position: relative;
}

.container-wrapper {
    overflow: hidden;
    padding: 40px 40px 30px 40px;
}

@media only screen and (min-width: 992px) {
    .container-wrapper {
        padding: 60px 80px 60px 80px;
    }
}

.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    .container::after {
        clear: both;
        content: "";
        display: table;
    }

.intro {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-bottom: 40px;
    padding-right: 20px;
}

    .intro:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .intro {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .intro:last-child {
            margin-right: 0;
        }
}

strong {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
}

.course-selector {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .course-selector:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .course-selector {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .course-selector:last-child {
            margin-right: 0;
        }
}

h3.section-title {
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.6rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin-bottom: 50px;
}

.content-block,
.content-block-owl,
.content-block-iso,
.content-card {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .content-block .block-image-container,
    .content-block-owl .block-image-container,
    .content-block-iso .block-image-container,
    .content-card .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .content-block .block-image-container img,
        .content-block-owl .block-image-container img,
        .content-block-iso .block-image-container img,
        .content-card .block-image-container img {
            display: block;
            width: 100%;
        }

        .content-block .block-image-container:before,
        .content-block-owl .block-image-container:before,
        .content-block-iso .block-image-container:before,
        .content-card .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .content-block .block-image-container:after,
        .content-block-owl .block-image-container:after,
        .content-block-iso .block-image-container:after,
        .content-card .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .content-block a.wrap-link,
    .content-block div.wrap-link,
    .content-block-owl a.wrap-link,
    .content-block-owl div.wrap-link,
    .content-block-iso a.wrap-link,
    .content-block-iso div.wrap-link,
    .content-card a.wrap-link,
    .content-card div.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .content-block a.wrap-link:hover,
        .content-block div.wrap-link:hover,
        .content-block-owl a.wrap-link:hover,
        .content-block-owl div.wrap-link:hover,
        .content-block-iso a.wrap-link:hover,
        .content-block-iso div.wrap-link:hover,
        .content-card a.wrap-link:hover,
        .content-card div.wrap-link:hover {
            color: #d70c00;
            cursor: pointer;
        }

            .content-block a.wrap-link:hover .block-image-container:after,
            .content-block div.wrap-link:hover .block-image-container:after,
            .content-block-owl a.wrap-link:hover .block-image-container:after,
            .content-block-owl div.wrap-link:hover .block-image-container:after,
            .content-block-iso a.wrap-link:hover .block-image-container:after,
            .content-block-iso div.wrap-link:hover .block-image-container:after,
            .content-card a.wrap-link:hover .block-image-container:after,
            .content-card div.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.content-card {
    position: relative;
}

.content-block-iso {
    margin-right: 0 !important;
}

.owl-item {
    background: #fff;
}

.content-block,
.content-block-owl,
.content-block-iso {
    width: 48%;
    min-height: 470px;
}

.content-block1,
.content-block-owl1,
.content-block-iso1 {
    width: 100%;
    min-height: 470px;
}

.content-block::after,
.content-block-owl::after,
.content-block-iso::after {
    clear: both;
    content: "";
    display: table;
}

.content-block1::after,
.content-block-owl1::after,
.content-block-iso1::after {
    clear: both;
    content: "";
    display: table;
}


@media screen and (max-width:768px) {

    .article-container111 {
        display: flex;
        flex-direction: column;
    }

    .article-4 {
        order: 1;
    }

    .article-1 {
        order: 2;
    }

    .article-2 {
        order: 3;
    }

    .article-3 {
        order: 4;
    }
}

@media screen and (max-width: 1200px) {
    .blocks.owl-carousel {
        display: flex !important;
        flex-direction: column;
    }

    #news-blocks.news-blocks-home .block-text-small {
        position: unset !important;
    }

    #news-blocks.news-blocks-home article {
        position: unset !important;
        width: 100%;
    }
    /* article.content-block-owl.bg-white.item, .block-text-small { */
    /* position: unset !important; */
    /* } */

    .content-block-owl a.wrap-link {
        position: unset;
    }
}


@media only screen and (min-width: 510px) and (max-width: 912px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        min-height: 500px;
    }

    .content-block1,
    .content-block-owl1,
    .content-block-iso1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        min-height: 500px;
    }

    .content-block:last-child,
    .content-block-owl:last-child,
    .content-block-iso:last-child {
        margin-right: 0;
    }

    .content-block:nth-child(2n),
    .content-block-owl:nth-child(2n),
    .content-block-iso:nth-child(2n) {
        margin-right: 0;
    }

    .content-block:nth-child(2n+1),
    .content-block-owl:nth-child(2n+1),
    .content-block-iso:nth-child(2n+1) {
        clear: left;
    }

    .content-block1:last-child,
    .content-block-owl1:last-child,
    .content-block-iso1:last-child {
        margin-right: 0;
    }

    .content-block1:nth-child(2n),
    .content-block-owl1:nth-child(2n),
    .content-block-iso1:nth-child(2n) {
        margin-right: 0;
    }

    .content-block1:nth-child(2n+1),
    .content-block-owl1:nth-child(2n+1),
    .content-block-iso1:nth-child(2n+1) {
        clear: left;
    }
}



@media only screen and (min-width: 320px) and (max-width: 512px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        min-height: 450px;
    }

    .content-block1,
    .content-block-owl1,
    .content-block-iso1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        min-height: 450px;
    }

    .content-block:last-child,
    .content-block-owl:last-child,
    .content-block-iso:last-child {
        margin-right: 0;
    }

    .content-block:nth-child(2n),
    .content-block-owl:nth-child(2n),
    .content-block-iso:nth-child(2n) {
        margin-right: 0;
    }

    .content-block:nth-child(2n+1),
    .content-block-owl:nth-child(2n+1),
    .content-block-iso:nth-child(2n+1) {
        clear: left;
    }

    .content-block1:last-child,
    .content-block-owl1:last-child,
    .content-block-iso1:last-child {
        margin-right: 0;
    }

    .content-block1:nth-child(2n),
    .content-block-owl1:nth-child(2n),
    .content-block-iso1:nth-child(2n) {
        margin-right: 0;
    }

    .content-block1:nth-child(2n+1),
    .content-block-owl1:nth-child(2n+1),
    .content-block-iso1:nth-child(2n+1) {
        clear: left;
    }
}


@media only screen and (min-width: 992px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        min-height: 800px;
    }

    .content-block1,
    .content-block-owl1,
    .content-block-iso1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        min-height: 800px;
    }

    .content-block:last-child,
    .content-block-owl:last-child,
    .content-block-iso:last-child {
        margin-right: 0;
    }

    .content-block:nth-child(2n),
    .content-block-owl:nth-child(2n),
    .content-block-iso:nth-child(2n) {
        margin-right: 0;
    }

    .content-block:nth-child(2n+1),
    .content-block-owl:nth-child(2n+1),
    .content-block-iso:nth-child(2n+1) {
        clear: left;
    }

    .content-block1:last-child,
    .content-block-owl1:last-child,
    .content-block-iso1:last-child {
        margin-right: 0;
    }

    .content-block1:nth-child(2n),
    .content-block-owl1:nth-child(2n),
    .content-block-iso1:nth-child(2n) {
        margin-right: 0;
    }

    .content-block1:nth-child(2n+1),
    .content-block-owl1:nth-child(2n+1),
    .content-block-iso1:nth-child(2n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 1200px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        min-height: 450px;
    }

    .news-article {
        display: none !important;
    }

    .content-block:nth-child(2n),
    .content-block-owl:nth-child(2n),
    .content-block-iso:nth-child(2n) {
        margin-right: 2.3576515979%;
    }

    .content-block:nth-child(2n+1),
    .content-block-owl:nth-child(2n+1),
    .content-block-iso:nth-child(2n+1) {
        clear: none;
    }

    .content-block:last-child,
    .content-block-owl:last-child,
    .content-block-iso:last-child {
        margin-right: 0;
    }

    .content-block:nth-child(4n),
    .content-block-owl:nth-child(4n),
    .content-block-iso:nth-child(4n) {
        margin-right: 0;
    }

    .content-block:nth-child(4n+1),
    .content-block-owl:nth-child(4n+1),
    .content-block-iso:nth-child(4n+1) {
        clear: left;
    }


    .content-block1,
    .content-block-owl1,
    .content-block-iso1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        min-height: 800px;
    }

        .content-block1:nth-child(2n),
        .content-block-owl1:nth-child(2n),
        .content-block-iso1:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .content-block1:nth-child(2n+1),
        .content-block-owl1:nth-child(2n+1),
        .content-block-iso1:nth-child(2n+1) {
            clear: none;
        }

        .content-block1:last-child,
        .content-block-owl1:last-child,
        .content-block-iso1:last-child {
            margin-right: 0;
        }

        .content-block1:nth-child(4n),
        .content-block-owl1:nth-child(4n),
        .content-block-iso1:nth-child(4n) {
            margin-right: 0;
        }

        .content-block1:nth-child(4n+1),
        .content-block-owl1:nth-child(4n+1),
        .content-block-iso1:nth-child(4n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 510px) {
    .content-card {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .content-card:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .content-card {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .content-card:last-child {
            margin-right: 0;
        }
}

.gutter-sizer {
    width: 2.3%;
}

.block-text,
.block-text-small,
.block-text-staff,
.block-text-cmag,
.block-more-link {
    padding: 20px 20px 10px 20px;
}

    .block-text h3,
    .block-text-small h3,
    .block-text-small-slick h3,
    .block-text-staff h3,
    .block-text-cmag h3,
    .block-more-link h3 {
        font-size: 2rem;
    }

    .block-text p,
    .block-text-small p,
    .block-text-small-slick p,
    .block-text-staff p,
    .block-text-cmag p,
    .block-more-link p {
        font-size: 1.3rem;
        color: #999;
    }

        .block-text p.small,
        .block-text-small p.small,
        .block-text-small-slick p.small,
        .block-text-staff p.small,
        .block-text-cmag p.small,
        .block-more-link p.small {
            font-size: 1.2rem;
            bottom: 20px;
            margin: 0;
        }

            .block-text p.small span,
            .block-text-small p.small span,
            .block-text-small-slick p.small span,
            .block-text-staff p.small span,
            .block-text-cmag p.small span,
            .block-more-link p.small span {
                color: #333;
            }

    .block-text ul.box-links,
    .block-text-small ul.box-links,
    .block-text-small-slick ul.box-links,
    .block-text-staff ul.box-links,
    .block-text-cmag ul.box-links,
    .block-more-link ul.box-links {
        position: relative;
        padding-top: 10px;
        margin-top: -10px;
    }

        .block-text ul.box-links li,
        .block-text-small ul.box-links li,
        .block-text-small-slick ul.box-links li,
        .block-text-staff ul.box-links li,
        .block-text-cmag ul.box-links li,
        .block-more-link ul.box-links li {
            font-size: 1.4rem;
        }

            .block-text ul.box-links li:first-child:before,
            .block-text-small ul.box-links li:first-child:before,
            .block-text-small-slick ul.box-links li:first-child:before,
            .block-text-staff ul.box-links li:first-child:before,
            .block-text-cmag ul.box-links li:first-child:before,
            .block-more-link ul.box-links li:first-child:before {
                background-color: #000;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                top: 0;
                width: 1em;
            }

.block-text {
    min-height: 147px;
}

.block-text-slick {
    min-height: 147px;
}

.block-text-small {
    position: absolute;
    bottom: 12px;
}

.block-text-small-slick {
    bottom: 12px;
    min-height: 120px;
}

.block-text-staff,
.block-text-cmag {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%);
    padding-bottom: 20px;
    transition: all 0.5s ease-in-out;
}

.block-more-link {
    padding-top: 0;
    position: relative;
}

.block-text.box-nav {
    padding: 20px 0px 20px 0px;
}

    .block-text.box-nav h3 {
        font-size: 1.8rem;
        padding: 0 20px;
    }

    .block-text.box-nav p {
        font-size: 1.4rem;
        color: #999;
    }

        .block-text.box-nav p.small {
            font-size: 1.1rem;
            position: absolute;
            bottom: 20px;
            margin: 0;
        }

            .block-text.box-nav p.small span {
                color: #333;
            }

    .block-text.box-nav ul li {
        font-size: 1.4rem;
        border-top: 1px solid #ddd;
    }

        .block-text.box-nav ul li a {
            color: #333;
            display: block;
            padding: 15px 20px;
        }

            .block-text.box-nav ul li a:hover {
                background-color: #ebebeb;
                background-color: #333;
                color: #fff;
            }

        .block-text.box-nav ul li:last-child {
            border-bottom: 1px solid #ddd;
        }

div.block-text.box-nav i,
nav.block-text.box-nav i {
    margin-right: 10px;
    color: #d70c00;
}

div.block-text.box-nav a:hover i,
nav.block-text.box-nav a:hover i {
    color: #fff;
}

.bg-white {
    background-color: #fff;
}

.bg-light-grey {
    background-color: #f8f8f8;
}

.flex-direction-nav a {
    top: 21%;
}

@media only screen and (min-width: 510px) {
    .flex-direction-nav a {
        top: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .flex-direction-nav a {
        top: 45%;
    }
}

.select-style {
    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 1.4rem;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
}

    .select-style select {
        font-size: 1.4rem;
        padding: 12px 20px;
        margin: 0;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .select-style select:focus {
            outline: none;
        }

.campus-selector-wrapper {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
}

    .campus-selector-wrapper:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .campus-selector-wrapper {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .campus-selector-wrapper:last-child {
            margin-right: 0;
        }
}

div.dd-select {
    background-color: #fff !important;
}

.dd-select {
    border: solid 1px #e0e7ee !important;
}

.dd-select {
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid #e0e7ee !important;
    border-left: 1px solid #e0e7ee !important;
}

.dd-selected {
    padding: 4px 10px 4px 5px !important;
}

@media only screen and (min-width: 768px) {
    .dd-selected {
        padding: 4px 10px 4px 10px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-selected {
        padding: 4px 10px !important;
    }
}

.dd-container .dd-select {
    width: 159px !important;
}

@media only screen and (min-width: 768px) {
    .dd-container .dd-select {
        width: 200px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-container .dd-select {
        width: 200px !important;
    }
}

.dd-selected-text {
    line-height: 21px !important;
    line-height: 39px !important;
    font-size: 10px !important;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 2px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@media only screen and (min-width: 768px) {
    .dd-selected-text {
        font-size: 11px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-selected-text {
        font-size: 11px !important;
    }
}

.dd-selected-image {
    padding-top: 4px;
    padding-top: 13px;
}

.dd-options {
    border: solid 1px #e0e7ee !important;
    border-top: solid 1px #e0e7ee !important;
    margin-top: 8px;
    margin-top: 0px !important;
    box-shadow: none !important;
    transform-origin: 50% 0;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.dd-option-image {
    padding-top: 2px;
    padding-top: 11px;
}

.dd-option {
    border-bottom: none !important;
    padding: 4px 10px 4px 18px !important;
}

@media only screen and (min-width: 1200px) {
    .dd-option {
        padding: 4px 10px !important;
    }
}

label.dd-option-text {
    line-height: 21px;
    line-height: 39px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.dd-pointer {
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}

.dd-pointer-down {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.dd-pointer-up {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.language-selector {
    position: absolute;
    left: 160px;
    top: 19px;
    padding-right: 8px;
}

    .language-selector a {
        padding: 12px 7px 12px 7px;
    }

.header-download-prospectus {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 204px;
}

    .header-download-prospectus a {
        display: inline-block;
    }

        .header-download-prospectus a span {
            font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            font-size: 12px;
            text-transform: uppercase;
        }

@media only screen and (max-width: 300px) {
    .language-selector {
        left: 0px;
    }

    .header-download-prospectus {
        padding-left: 0px;
        padding-right: 0px;
        min-width: min-content;
    }
}

@media only screen and (min-width: 301px) and (max-width: 767px) {
    .language-selector {
        left: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .header-download-prospectus a span, .header-download-prospectus a {
        line-height: 2rem;
        display: table-caption;
    }

    .header-download-prospectus {
        padding-top: 10px;
        min-width: min-content;
    }
}

@media only screen and (min-width: 768px) {
    .language-selector {
        left: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .language-selector {
        left: 65px;
    }
}

/* The Overlay (background) */

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 0;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: black;
    /* Black fallback color */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}


/* Position the content inside the overlay */

.overlay-content {
    position: relative;
    /*top: 25%;*/
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}


/* The navigation links inside the overlay */

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}


    /* When you mouse over the navigation links, change their color */

    .overlay a:hover,
    .overlay a:focus {
        color: #f1f1f1;
    }


/* Position the close button (top right corner) */

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    z-index: 999;
    cursor: pointer;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.title-content {
    width: 100%;
    text-align: center;
    bottom: 0px;
    left: 0;
    z-index: 2;
    position: absolute;
    /* margin-bottom: -5%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.3);
    height: -webkit-fill-available;
    padding-top: 10%;
}

    .title-content h2 {
        font-size: 40px;
        font-weight: 300;
    }

@media only screen and (max-width: 767px) {
    .title-content {
        height: 100%;
        margin-bottom: 0%;
    }

        .title-content h2 {
            font-size: 18px;
            font-weight: 400;
            padding: 0 20px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .title-content {
        height: 120%;
    }

        .title-content h2 {
            font-size: 40px;
            font-weight: 300;
        }

    article .block-text {
        min-height: 65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 912px) {
    article.content-block-iso {
        min-height: 720px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .title-content {
        height: 120%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1366px) {
    .title-content {
        height: 120%;
    }
}

.general-title-content {
    margin-bottom: 0%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .title-content {
        position: absolute;
    }
}

div.title-text,
div.title-text .wide-title,
div.page-title-bg,
div.page-title-bg .wide-title {
    z-index: 101;
    color: #333;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.title-text:last-child,
        div.title-text .wide-title:last-child,
        div.page-title-bg:last-child,
        div.page-title-bg .wide-title:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        padding: 40px 40px 50px;
    }
}

@media only screen and (min-width: 1200px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        padding: 40px 60px 40px;
    }
}

@media only screen and (min-width: 768px) {
    div.title-text div.title-text .wide-title,
    div.title-text div.page-title-bg .wide-title,
    div.title-text .wide-title div.title-text .wide-title,
    div.title-text .wide-title div.page-title-bg .wide-title,
    div.page-title-bg div.title-text .wide-title,
    div.page-title-bg div.page-title-bg .wide-title,
    div.page-title-bg .wide-title div.title-text .wide-title,
    div.page-title-bg .wide-title div.page-title-bg .wide-title {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
    }

        div.title-text div.title-text .wide-title:last-child,
        div.title-text div.page-title-bg .wide-title:last-child,
        div.title-text .wide-title div.title-text .wide-title:last-child,
        div.title-text .wide-title div.page-title-bg .wide-title:last-child,
        div.page-title-bg div.title-text .wide-title:last-child,
        div.page-title-bg div.page-title-bg .wide-title:last-child,
        div.page-title-bg .wide-title div.title-text .wide-title:last-child,
        div.page-title-bg .wide-title div.page-title-bg .wide-title:last-child {
            margin-right: 0;
        }
}

div.title-text span.course-level,
div.title-text span.page-pre-title,
div.title-text .wide-title span.course-level,
div.title-text .wide-title span.page-pre-title,
div.page-title-bg span.course-level,
div.page-title-bg span.page-pre-title,
div.page-title-bg .wide-title span.course-level,
div.page-title-bg .wide-title span.page-pre-title {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding-bottom: 15px;
    display: block;
    letter-spacing: 1px;
}

div.title-text h1,
div.title-text .wide-title h1,
div.page-title-bg h1,
div.page-title-bg .wide-title h1 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 0.6em;
}

@media only screen and (min-width: 768px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 34px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 0.2em;
    }
}

@media only screen and (min-width: 1200px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

div.title-text p,
div.title-text .wide-title p,
div.page-title-bg p,
div.page-title-bg .wide-title p {
    margin: 0 0 1em;
}

ul.slides li {
    position: relative;
    zoom: 1;
}

section#overview {
    width: 100%;
    background: #f8f8f8;
}

div.overview-inner {
    padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
    div.overview-inner {
        padding: 50px 40px 50px;
    }
}

@media only screen and (min-width: 1200px) {
    div.overview-inner {
        padding: 50px 60px 50px;
    }
}

div.overview-inner p {
    font-size: 14px;
    color: #333;
}

@media only screen and (min-width: 992px) {
    div.overview-inner p {
        font-size: 16px;
    }
}

div.overview-inner p strong {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

section.filters {
    width: 100%;
    background: #333333;
    min-height: 65px;
    padding: 20px;
}

@media only screen and (min-width: 768px) {
    section.filters {
        padding: 30px 39px 10px 39px;
    }
}

section.filters div.filter-group {
    display: inline-block;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-bottom: 20px;
}

    section.filters div.filter-group:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    section.filters div.filter-group {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        section.filters div.filter-group:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-group {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        section.filters div.filter-group:last-child {
            margin-right: 0;
        }
}

section.filters div.filter-search {
    display: inline-block !important;
    padding-top: 3px;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    vertical-align: top !important;
    float: none !important;
}

    section.filters div.filter-search:last-child {
        margin-right: 0;
    }

    section.filters div.filter-search [type='text'] {
        border-radius: 0;
        margin-bottom: 0;
        vertical-align: top !important;
    }

        section.filters div.filter-search [type='text']:focus {
            border: none;
        }

@media only screen and (min-width: 768px) {
    section.filters div.filter-search {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        section.filters div.filter-search:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-search {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        margin-left: 25.5894128995%;
    }

        section.filters div.filter-search:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-search.faq-search {
        margin-left: 51.178825799%;
    }
}

section.filters div.filter-group > small {
    color: #fff;
    margin-right: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.dateFilter,
.subjectFilter,
.locationFilter,
.coursesFilter,
.yearFilter,
.topicFilter,
.whenFilter,
.eLocationFilter,
.cLocationFilter,
.typeFilter {
    color: white;
    /*    width: 250px;*/
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background: none;
    border: 1px solid #fff;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    position: relative;
    /*    margin-right: 30px;*/
    padding: 0 15px;
}

    .dateFilter:after,
    .subjectFilter:after,
    .coursesFilter:after,
    .locationFilter:after,
    .yearFilter:after,
    .topicFilter:after,
    .whenFilter:after,
    .eLocationFilter:after,
    .cLocationFilter:after,
    .typeFilter:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 16px;
        top: 50%;
        color: #fff;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: grey transparent;
    }

.dateText,
.subjectText,
.locationText,
.coursesText,
.yearText,
.topicText,
.whenText,
.eLocationText,
.cLocationText,
.typeText {
    /*    padding: 10px;*/
}

.selected {
    background-color: #333;
    color: #fff;
}

.hide {
    display: none;
}

.dateFilter .dateOptions,
.subjectFilter .subjectOptions,
.coursesFilter .coursesOptions,
.locationFilter .locationOptions,
.yearFilter .yearOptions,
.topicFilter .topicOptions,
.whenFilter .whenOptions,
.eLocationFilter .eLocationOptions,
.cLocationFilter .cLocationOptions,
.typeFilter .typeOptions {
    background-color: #fff;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #fff;
    line-height: 28px;
}

    .dateFilter .dateOptions a,
    .coursesFilter .coursesOptions a,
    .subjectFilter .subjectOptions a,
    .locationFilter .locationOptions a,
    .yearFilter .yearOptions a,
    .topicFilter .topicOptions a,
    .whenFilter .whenOptions a,
    .eLocationFilter .eLocationOptions a,
    .cLocationFilter .cLocationOptions a,
    .typeFilter .typeOptions a {
        transition: all 0.2s ease-out;
        padding: 5px 15px;
        font-size: smaller;
        display: block;
    }

a.disabled {
    color: #ccc;
}

    a.disabled.selected {
        background-color: #fff;
    }

.dateFilter .dateOptions a:hover,
.subjectFilter .subjectOptions a:hover,
.coursesFilter .coursesOptions a:hover,
.locationFilter .locationOptions a:hover,
.yearFilter .yearOptions a:hover,
.topicFilter .topicOptions a:hover,
.whenFilter .whenOptions a:hover,
.eLocationFilter .eLocationOptions a:hover,
.cLocationFilter .cLocationOptions a:hover,
.typeFilter .typeOptions a:hover {
    background-color: #f5f5f5;
}

a.disabled:hover {
    background-color: #fff !important;
    cursor: default;
}

.tester {
    /*  display:inline-block;*/
}

section#course-blocks,
section#news-blocks,
section#event-blocks,
section#faculty-blocks,
section#cmag-blocks {
    width: 100%;
    padding: 40px 20px;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
    section#course-blocks,
    section#news-blocks,
    section#event-blocks,
    section#faculty-blocks,
    section#cmag-blocks {
        padding: 50px 39px 30px 39px;
    }
}

section#course-blocks a.wrap-link,
section#news-blocks a.wrap-link,
section#event-blocks a.wrap-link,
section#faculty-blocks a.wrap-link,
section#cmag-blocks a.wrap-link {
    position: auto;
}

section#course-blocks div.wrap-link,
section#news-blocks div.wrap-link,
section#event-blocks div.wrap-link,
section#faculty-blocks div.wrap-link,
section#cmag-blocks div.wrap-link {
    position: auto;
}

.ribbon-wrapper {
    height: 85px;
    width: 90px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 999;
}

    .ribbon-wrapper .ribbon {
        background-color: #d70c00;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        color: #fff;
        left: -3px;
        line-height: 1.8em;
        padding: 4px 7px 2px;
        position: relative;
        text-align: center;
        top: 24px;
        transform: rotate(45deg);
        width: 120px;
        font-size: 10px;
        font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

div.tabbed-content-wrapper {
    width: 100%;
    height: 43px;
    background-color: #333;
    padding: 0;
    display: none;
}

@media only screen and (min-width: 768px) {
    div.tabbed-content-wrapper {
        display: block;
    }
}

section.tabbed-content,
div.tabbed-content,
article.main-content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    section.tabbed-content:last-child,
    div.tabbed-content:last-child,
    article.main-content:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

        section.tabbed-content:last-child,
        div.tabbed-content:last-child,
        article.main-content:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        font-size: 16px;
        line-height: 24px;
        /*        height: 100%; */
    }
}

@media only screen and (min-width: 1200px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
        font-size: 16px;
        line-height: 24px;
    }

        section.tabbed-content:last-child,
        div.tabbed-content:last-child,
        article.main-content:last-child {
            margin-right: 0;
        }
}

section.tabbed-content,
div.tabbed-content,
article.main-content,
article.full-width {
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content,
    article.full-width {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content,
    article.full-width {
        font-size: 16px;
        line-height: 24px;
    }
}

section.tabbed-content a,
article.main-content a,
article.full-width a {
    /*color: #a40900;*/
    color: #000 !important;
    text-decoration: underline !important;
}

@media only screen and (min-width: 768px) {
    div.tabbed-content a {
        /*color: #000 !important;*/
        text-decoration: underline !important;
    }
}

section.tabbed-content a:hover,
div.tabbed-content a:hover,
article.main-content a:hover,
article.full-width a:hover {
    color: #808080 !important;
}

section.tabbed-content h2,
div.tabbed-content h2,
article.main-content h2,
article.full-width h2 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.1em;
    letter-spacing: -1px;
}

section.tabbed-content h3,
div.tabbed-content h3,
article.main-content h3,
article.full-width h3 {
    font-size: 1.8em;
}

section.tabbed-content h4,
div.tabbed-content h4,
article.main-content h4,
article.full-width h4 {
    font-size: 14px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content h4,
    div.tabbed-content h4,
    article.main-content h4,
    article.full-width h4 {
        font-size: 16px;
    }
}

section.tabbed-content h5,
div.tabbed-content h5,
article.main-content h5,
article.full-width h5 {
    font-size: 16px;
    font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content h5,
    div.tabbed-content h5,
    article.main-content h5,
    article.full-width h5 {
        font-size: 18px;
    }
}

section.tabbed-content p,
div.tabbed-content p,
article.main-content p,
article.full-width p {
    color: #333;
    line-height: 1.7em;
}

section.tabbed-content ul,
div.tabbed-content ul,
article.main-content ul,
article.full-width ul {
    margin-bottom: 1em;
    list-style: disc;
}

section.tabbed-content li,
div.tabbed-content li,
article.main-content li,
article.full-width li {
    /*padding-left: 16px;*/
    line-height: 28px;
    margin-left: 20px;
}

article.main-content {
    padding-top: 0;
}

    div.tabbed-content p strong,
    article.main-content p strong {
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: normal;
    }

    div.tabbed-content p.course-intro,
    article.main-content p.news-intro {
        font-size: 21px;
        line-height: 32px;
        font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        padding-bottom: 20px;
    }

@media only screen and (min-width: 992px) {
    div.tabbed-content p.course-intro,
    article.main-content p.news-intro {
        font-size: 24px;
        line-height: 34px;
    }
}

.horizontal-tabs-container {
    margin-bottom: 1.5em;
    overflow: hidden;
    width: 100%;
}

    .horizontal-tabs-container::after {
        clear: both;
        content: "";
        display: table;
    }

    .horizontal-tabs-container a {
        color: #d70c00;
        text-decoration: none;
    }

    .horizontal-tabs-container .horizontal-tabs {
        display: none;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs {
        background-color: #333;
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
    .horizontal-tabs-container .horizontal-tabs {
        padding-left: 60px;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs li {
        list-style: none;
    }

    .horizontal-tabs-container .horizontal-tabs a {
        color: #d70c00;
        text-decoration: none;
        font-size: 14px;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab {
        display: inline-block;
        margin-right: -5px;
        padding: 0.75em 0.809em;
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .horizontal-tabs-container .horizontal-tab {
        padding: 0.75em 1.618em;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab:hover {
        background-color: #000;
    }

    .horizontal-tabs-container .horizontal-tab.is-active {
        background-color: white;
    }
}

.horizontal-tabs-container a.horizontal-tab {
    color: white;
    border-right: 1px solid #fff;
}

    .horizontal-tabs-container a.horizontal-tab.is-active {
        color: #333;
        border-top: 1px solid #fff;
    }

.horizontal-tabs-container a.horizontal-tab-accordion-heading {
    color: #ededed;
    padding: 0.75em 1.618em;
}

    .horizontal-tabs-container a.horizontal-tab-accordion-heading.is-active {
        border-top: 1px solid #fff;
    }

.horizontal-tabs-container .horizontal-tab:focus {
    outline: none;
}

.horizontal-tabs-container .horizontal-tab-content-container {
    display: block;
    margin: -40px -20px 0 -20px;
}

    .horizontal-tabs-container .horizontal-tab-content-container a:focus {
        outline: none;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content-container {
        height: auto;
        width: auto;
        background-color: white;
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }
}

.horizontal-tabs-container .horizontal-tab-content {
    background-color: white;
    padding: 1.5em 1.618em;
    padding-top: 30px;
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content {
        border: 0;
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding: 1.5em 2.427em;
        padding: 0px 10px 40px 0px;
    }
}

@media only screen and (min-width: 992px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding-top: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding-top: 0;
    }
}

.horizontal-tabs-container .horizontal-tab-accordion-heading {
    background-color: #333;
    background-color: #333;
    border-top: 1px solid #e0e7ee;
    cursor: pointer;
    display: block;
    padding: 0.75em 0.809em;
}

    .horizontal-tabs-container .horizontal-tab-accordion-heading:focus,
    .horizontal-tabs-container .horizontal-tab-accordion-heading:hover {
        background-color: #000;
        color: #fff;
    }

    .horizontal-tabs-container .horizontal-tab-accordion-heading:first-child {
        border-top: 0;
    }

    .horizontal-tabs-container .horizontal-tab-accordion-heading.is-active {
        background: #000;
        border-bottom: 0;
        color: #fff;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-accordion-heading {
        display: none;
    }
}

.horizontal-tabs-container .horizontal-tab-accordion-heading:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #ccc;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading.is-active:after {
    content: "\2212";
    /* Unicode character for "minus" sign (-) */
}


/* Style the buttons that are used to open and close the accordion panel */

button.accordion {
    color: #444;
    font-size: 15px;
    cursor: pointer;
    padding: 15px 15px 15px 2px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: 0;
    border-top: 1px solid #e0e7ee;
}

@media only screen and (min-width: 768px) {
    button.accordion {
        padding: 15px 15px 15px 2px;
    }
}

button.accordion:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
    /* Unicode character for "minus" sign (-) */
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

button.accordion:hover,
button.accordion:focus {
    background-color: #eee;
}


/* Style the accordion panel. Note: hidden by default */

div.panel,
div.faq-panel {
    padding: 0 20px 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    display: none;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.panel,
    div.faq-panel {
        padding: 0 9px 10px;
        font-size: 14px;
    }
}

div.panel p,
div.faq-panel p {
    margin: 1em 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

div.panel ul,
div.faq-panel ul {
    list-style: disc;
    padding-left: 30px;
}

div.panel li,
div.faq-panel li {
    list-style: disc;
}


/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */

div.panel.show {
    opacity: 1;
    display: block;
    max-height: 5000px;
    /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

button.accordion.faq {
    font-size: 14px;
    white-space: normal;
    line-height: 2rem;
}

@media only screen and (min-width: 768px) {
    button.accordion.faq {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    button.accordion.faq {
        font-size: 18px;
    }
}

section#testimonials {
    width: 100%;
    background: #333;
    background: #3d4c53;
    padding: 50px 20px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    section#testimonials {
        padding: 70px 20px;
    }
}

section#testimonials .flexslider {
    background: transparent;
}

div.testimonial-inner {
    max-width: 800px;
    margin: 0 auto;
}

    div.testimonial-inner p {
        color: #fff;
    }

        div.testimonial-inner p.testimonial {
            font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 1.2em;
        }

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial {
        font-size: 26px;
        line-height: 38px;
    }
}

div.testimonial-inner p.testimonial-author {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial-author {
        font-size: 14px;
        line-height: 20px;
    }
}

div.testimonial-inner p.testimonial-course,
div.testimonial-inner p.testimonial-position,
div.testimonial-inner p.testimonial-dates {
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial-course,
    div.testimonial-inner p.testimonial-position,
    div.testimonial-inner p.testimonial-dates {
        font-size: 12px;
        line-height: 18px;
    }
}

section#related-content {
    width: 100%;
    background: #f8f8f8;
    padding: 50px 20px 40px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    section#related-content {
        padding: 50px 20px 60px;
    }
}

section#related-content a {
    border: 1px solid #333;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    margin: 0 15px 15px 0;
    transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -ms-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
}

@media only screen and (min-width: 768px) {
    section#related-content a {
        padding: 0 15px;
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        margin: 0 20px 20px 0;
    }
}

section#related-content a:hover,
section#related-content a:focus {
    background: #333;
    color: #fff;
}

div.related-content-inner {
    max-width: 800px;
    margin: 0 auto;
}

    div.related-content-inner p {
        margin-bottom: 30px;
        font-size: 16px;
        font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    }

div.table-list {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

    div.table-list::after {
        clear: both;
        content: "";
        display: table;
    }

    div.table-list .table-head {
        padding: 10px;
        background: #ababab;
        font-size: 16px;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

        div.table-list .table-head h5 {
            font-size: 14px;
            color: #fff;
        }

    div.table-list .table-col-head {
        background: #f8f8f8;
        overflow: hidden;
        display: none;
    }

@media only screen and (min-width: 768px) {
    div.table-list .table-col-head {
        display: block;
    }
}

div.table-list .table-col-head h6 {
    margin: 0;
}

div.table-list ul {
    list-style: none;
    font-size: 14px;
}

    div.table-list ul.meet-region {
        width: 100%;
    }

    div.table-list ul.table-row {
        border-top: 1px solid #e0e7ee;
        padding: 15px 0;
    }

div.table-list li {
    list-style: none;
    padding-left: 0;
    display: block;
}

    div.table-list li::after {
        clear: both;
        content: "";
        display: table;
    }

    div.table-list li:before {
        content: none;
    }

    div.table-list li.table-cell {
        padding-left: 15px;
        vertical-align: top;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.table-list li.table-cell:last-child {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(2n) {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(2n+1) {
            clear: left;
        }

@media only screen and (min-width: 768px) {
    div.table-list li.table-cell {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.table-list li.table-cell:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        div.table-list li.table-cell:nth-child(2n+1) {
            clear: none;
        }

        div.table-list li.table-cell:last-child {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(4n) {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(4n+1) {
            clear: left;
        }
}

span.pre-title {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding-bottom: 10px;
    display: block;
    letter-spacing: 1px;
}

div.page-intro-text.half {
    padding-right: 20px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text.half {
        padding-right: 40px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.page-intro-text.half:last-child {
            margin-right: 0;
        }
}

div.page-intro-text h1 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    div.page-intro-text h1 {
        font-size: 34px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) {
    div.page-intro-text h1 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 0.2em;
    }
}

@media only screen and (min-width: 1200px) {
    div.page-intro-text h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

div.page-intro-text h2 {
    font-size: 24px;
    line-height: 30px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text h2 {
        font-size: 32px;
        line-height: 40px;
    }
}

div.page-intro-text p.intro-text {
    font-size: 16px;
    line-height: 24px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text p.intro-text {
        font-size: 18px;
        line-height: 27px;
    }
}

div.page-intro-text p.intro-text-centred {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0 30px 0;
    font-size: 18px;
    line-height: 26px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    .page-intro-text iframe {
        width: auto;
    }
}

@media only screen and (min-width: 992px) {
    div.page-intro-text p.intro-text-centred {
        font-size: 21px;
        line-height: 30px;
    }
}

.tables {
    border: 1px solid #e0e7ee;
    border-collapse: separate;
    border-collapse: collapse;
    border-left: 0;
    border-radius: 3px;
    border-spacing: 0;
    width: 100%;
    table-layout: auto;
}

    .tables .absorb {
        width: 100%;
    }

    .tables tbody {
        background-color: white;
    }

        .tables tbody tr:hover > td,
        .tables tbody tr:hover > th {
            background-color: #f2f2f2;
        }

    .tables thead:first-of-type tr:first-child > th:first-child {
        border-top-left-radius: 3px;
    }

    .tables thead:first-of-type tr:first-child > th:last-child {
        border-top-right-radius: 3px;
    }

    .tables tbody:last-child tr:last-child > td:first-child {
        border-bottom-left-radius: 3px;
    }

    .tables tbody:last-child tr:last-child > td:last-child {
        border-bottom-right-radius: 3px;
    }

    .tables thead th {
        background-color: white;
        border-bottom: 0;
        border-left: 1px solid #e0e7ee;
        padding: 0.75em 1em;
        text-align: left;
        font-weight: normal;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

        .tables thead th:first-child {
            border-left: 0;
        }

    .tables tbody {
        background-color: white;
    }

        .tables tbody td {
            border-bottom: 0;
            border-left: 1px solid #e0e7ee;
            border-top: 1px solid #e0e7ee;
            padding: 0.75em 1em;
        }

            .tables tbody td button {
                display: inline-block;
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 0.3em;
                margin-right: 0.5em;
                outline: none;
                padding: 0.3em 1em;
                width: 100%;
            }

@media screen and (min-width: 600px) {
    .tables tbody td button {
        margin-bottom: 0;
        width: auto;
    }
}

.tables tbody tr.t-term-row {
    background: gainsboro;
}

.tables tbody tr.t-module-row {
    background: #efefef;
}

.table-minimal {
    border: 1px solid #e0e7ee;
    border-collapse: separate;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
}

    .table-minimal .absorb {
        width: 100%;
    }

    .table-minimal tbody tr:first-child td {
        border-top: 2px solid #e0e7ee;
    }

    .table-minimal thead th {
        background-color: white;
        border-bottom: 0;
        padding: 0.5em 1em;
        text-align: left;
    }

    .table-minimal tbody {
        background-color: #fff;
    }

        .table-minimal tbody td {
            border-bottom: 0;
            border-top: 1px solid #e0e7ee;
            border-left: 1px solid #e0e7ee;
            line-height: 1.5;
            padding: 0.5em 1em;
            min-width: 80px;
        }

            .table-minimal tbody td button {
                display: inline-block;
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 0.3em;
                margin-right: 0.5em;
                outline: none;
                padding: 0.3em 1em;
                width: 100%;
                min-width: 106px;
            }

@media screen and (min-width: 600px) {
    .table-minimal tbody td button {
        margin-bottom: 0;
    }
}

.table-minimal tbody tr.t-course-row {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody tr.t-term-row {
    background: gainsboro;
}

    .table-minimal tbody tr.t-term-row:hover {
        background: #d7d7d7;
    }

.table-minimal tbody tr.t-module-row {
    background: #efefef;
}

    .table-minimal tbody tr.t-module-row:hover {
        background: #eaeaea;
    }

.table-minimal tbody tr.t-session-row {
    background: #fff;
}

    .table-minimal tbody tr.t-session-row:hover {
        background: #fbfbfb;
    }

.table-minimal tbody td.t-course-name {
    background: #333;
    color: #fff;
}

.table-minimal tbody td.t-course-add {
    background: #990000;
}

    .table-minimal tbody td.t-course-add button {
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: #fff;
        border: none;
        font-size: 11px;
    }

.table-minimal tbody td.t-term-name span {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody td.t-module-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.module-body-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-bottom: 40px;
}

    .module-body-text::after {
        clear: both;
        content: "";
        display: table;
    }

    .module-body-text:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .module-body-text {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module-body-text:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    .module-body-text.right {
        float: right;
    }
}

.image-container {
    height: auto;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .image-container::after {
        clear: both;
        content: "";
        display: table;
    }

    .image-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .image-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%;
    }

        .image-container:last-child {
            margin-right: 0;
        }
}

.image-container.right {
    float: right;
}

.image-container.left {
    float: left;
}

.image-container .image-description {
    margin: 10px auto 0;
    padding: 0 0 30px 0;
    width: 100%;
}

.horizontal-tabs-container a.button {
    color: #000;
    text-align: center;
}

    .horizontal-tabs-container a.button:hover {
        color: #fff;
    }

.faculty-block {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .faculty-block .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .faculty-block .block-image-container img {
            display: block;
            width: 100%;
        }

        .faculty-block .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .faculty-block .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .faculty-block a.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .faculty-block a.wrap-link:hover {
            color: #d70c00;
        }

            .faculty-block a.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.faculty-block {
    width: 100%;
    margin-right: 0 !important;
    min-height: 1px;
    background: none;
}

    .faculty-block::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 510px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(2n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 992px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .faculty-block:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .faculty-block:nth-child(2n+1) {
            clear: none;
        }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(3n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(3n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 1200px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .faculty-block:nth-child(3n) {
            margin-right: 2.3576515979%;
        }

        .faculty-block:nth-child(3n+1) {
            clear: none;
        }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(4n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(4n+1) {
            clear: left;
        }
}

.faculty-block .block-image-container:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.faculty-block a.wrap-link {
    position: relative;
}

    .faculty-block a.wrap-link span.learn-more {
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        position: absolute;
        bottom: 0;
        left: 20px;
        opacity: 0;
    }

    .faculty-block a.wrap-link .block-text-staff {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
        padding-bottom: 20px;
        transition: all 0.3s ease-in-out;
    }

    .faculty-block a.wrap-link:hover {
        color: #d70c00;
    }

        .faculty-block a.wrap-link:hover .block-image-container:after {
            background-color: transparent;
            border-bottom: 0;
        }

        .faculty-block a.wrap-link:hover span.learn-more {
            visibility: visible;
            opacity: 1;
            bottom: 20px;
            left: 20px;
        }

        .faculty-block a.wrap-link:hover .block-text-staff {
            padding-bottom: 42px;
        }

div.staff-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    font-size: 12px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin-bottom: 0px;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        font-size: 12px;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

div.staff-container img {
    margin-bottom: 12px;
    width: 100%;
}

div.staff-card {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.staff-card {
        font-size: 12px;
    }
}

div.staff-card img {
    width: 100%;
}

span.staff-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
}

span.staff-position {
    color: #fff;
    font-size: 12px;
}

span.learn-more {
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 10px;
    display: block;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.faculty-member-img {
    width: 100%;
}

.cmag-block {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .cmag-block .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .cmag-block .block-image-container img {
            display: block;
            width: 100%;
        }

        .cmag-block .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .cmag-block .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .cmag-block div.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .cmag-block div.wrap-link:hover {
            color: #d70c00;
        }

            .cmag-block div.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.cmag-block {
    width: 100%;
    margin-right: 0;
    min-height: 1px;
    background: none;
}

    .cmag-block::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 510px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(2n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 992px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .cmag-block:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .cmag-block:nth-child(2n+1) {
            clear: none;
        }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(3n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(3n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 1200px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .cmag-block:nth-child(3n) {
            margin-right: 2.3576515979%;
        }

        .cmag-block:nth-child(3n+1) {
            clear: none;
        }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(4n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(4n+1) {
            clear: left;
        }
}

.cmag-block .block-image-container:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.cmag-block div.wrap-link {
    position: relative;
}

    .cmag-block div.wrap-link span.cmag-links {
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        position: absolute;
        bottom: 0;
        left: 20px;
        opacity: 0;
    }

    .cmag-block div.wrap-link .block-text-cmag {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
        padding-bottom: 20px;
        transition: all 0.3s ease-in-out;
    }

    .cmag-block div.wrap-link:hover {
        color: #fff;
    }

        .cmag-block div.wrap-link:hover .block-image-container:after {
            background-color: transparent;
            border-bottom: 0;
        }

        .cmag-block div.wrap-link:hover span.cmag-links {
            display: block;
            visibility: visible;
            opacity: 1;
            bottom: 20px;
            left: 20px;
        }

@media only screen and (max-width: 480px) {
    .cmag-block div.wrap-link span.cmag-links {
        display: block;
        visibility: visible;
        opacity: 1;
        bottom: 3px;
        left: 20px;
        transition: all 0.3s ease-in-out;
        position: absolute;
    }

    div.cmag-container:last-child {
        margin-right: 0;
    }
}

.cmag-block div.wrap-link:hover .block-text-cmag {
    padding-bottom: 42px;
}

div.cmag-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    font-size: 12px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin-bottom: 0px;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        font-size: 12px;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

div.cmag-container img {
    margin-bottom: 12px;
    width: 100%;
}

div.cmag-card {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.cmag-card {
        font-size: 12px;
    }
}

div.cmag-card img {
    width: 100%;
}

span.cmag-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
}

span.cmag-description {
    color: #fff;
    font-size: 12px;
}

a.cmag-link {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 10px;
    display: inline-block;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
}

    a.cmag-link:hover {
        color: #d70c00;
    }

.cmag-member-img {
    width: 100%;
}

form label {
    font-size: 1.4rem;
    font-weight: normal;
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

form textarea {
    height: 200px;
}

form span {
    color: #D70C00;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /*safari and chrome*/
    form select {
        height: 30px;
        line-height: 30px;
        background: none;
    }
}

form select::-moz-focus-inner {
    /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}

@-moz-document url-prefix() {
    /* targets Firefox only */
    form select {
        padding: 15px 0 !important;
    }
}

@media screen\0 {
    /* IE Hacks: targets IE 8, 9 and 10 */
    form select {
        height: 30px;
        line-height: 30px;
    }
}

.logos-container {
    width: 100%;
    position: relative;
}

.logos {
    display: inline-block;
    width: 49%;
}

.logo-list {
    font-size: 0;
    list-style: none;
}

    .logo-list::after {
        clear: both;
        content: "";
        display: table;
    }

    .logo-list li {
        float: left;
        position: relative;
        height: 150px;
        width: 50%;
        padding: 20px;
    }

        .logo-list li img {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%) scale(0.85);
            font-size: 0;
        }

article.main-content ul.big-list {
    list-style: none;
}

    article.main-content ul.big-list li {
        padding: 40px 0 40px 150px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

        article.main-content ul.big-list li span {
            position: absolute;
            top: 30px;
            left: 0;
            display: block;
            color: #D70C00;
            font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
            font-size: 170px;
            font-weight: bold;
            line-height: 170px;
        }

        article.main-content ul.big-list li:before {
            content: none;
            padding-right: 0px;
        }

.footer-wrapper {
    background-color: #f8f8f8;
    overflow: hidden;
    padding: 50px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
    .footer-wrapper {
        padding: 80px 80px 30px 80px;
    }
}

.footer-links {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 80px;
    text-align: center;
}

    .footer-links::after {
        clear: both;
        content: "";
        display: table;
    }

    .footer-links .block,
    .footer-links .block-wide {
        margin-bottom: 25px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .footer-links .footer-alignment {
        display: flex;
    }   
}

@media only screen and (max-width: 767px) {
    .footer-links .footer-alignment {
        display: block;
    }
    .footer-color.footer-quick-link {
        line-height: 40px;
        display: inline-block;
    }
}

.footer-links .block:last-child,
.footer-links .block-wide:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 768px) {
    .footer-links .block,
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .footer-links .block:last-child,
        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .footer-links .block,
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .footer-links .block:last-child,
        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

.footer-links .block h2,
.footer-links .block-wide h2 {
    color: #000000;
    font-family: 'Atlas Grotesk Medium', Helvetica, sans-serif;
    font-size: 1.3rem;
    line-height: 12px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    font-style: normal;
}

.footer-links .block p,
.footer-links .block-wide p {
    font-size: 1.4rem;
}

.footer-links .block-wide {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .footer-links .block-wide:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

.footer-bottom-wrapper {
    background-color: #333;
    overflow: hidden;
    padding: 10px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
    .footer-bottom-wrapper {
        padding: 10px 80px 10px 80px;
    }
}

.footer-bottom {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    .footer-bottom::after {
        clear: both;
        content: "";
        display: table;
    }

    .footer-bottom ul {
        line-height: 1.5em;
        margin: 0;
        padding: 0;
    }

@media screen and (min-width: 900px) {
    .footer-bottom ul {
        float: left;
        line-height: 1.8em;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.footer-bottom ul li {
    list-style: none;
    padding-right: 1em;
    font-size: 1.3rem;
    color: #fff;
}

@media screen and (min-width: 900px) {
    .footer-bottom ul li {
        display: inline;
        text-align: left;
    }
}

.footer-bottom ul li a {
    color: #999;
    text-decoration: none;
}

    .footer-bottom ul li a:focus,
    .footer-bottom ul li a:hover {
        color: #fff;
    }

footer .footer-social .social-icons a {
    padding-right: 15px;
}

footer .footer-social .social-icons {
    padding: 5px 0 65px;
}

footer .social-bar {
    background-color: #fff;
    float: left;
    width: 100%;
}

footer #social {
    clear: both;
    display: table;
    margin: 0 auto;
}

    footer #social li {
        float: left;
        height: 114px;
        /* width: 150px; */
    }

@media screen and (max-width: 600px) {
    footer #social li {
        width: 50vw;
    }
}

@media screen and (max-width: 375px) {
    footer #social li a img {
        right: 34%;
    }
}

@media screen and (min-width: 375px) {
    footer #social li a img {
        right: 42%;
    }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
    footer #social li {
        width: 33.33vw;
    }
}

@media screen and (min-width: 1024px) {
    footer #social li {
        width: 12vw;
    }
}

footer #social li a {
    display: block;
    height: 114px;
    /* width: 150px; */
    text-align: center;
    position: relative;
    padding-top: 67px;
    color: #999;
    font-size: 14px;
}

    footer #social li a:hover {
        color: #333;
    }

    footer #social li a span,
    footer #social li a img {
        position: absolute;
        /* left: 34%; */
        top: 20px;
        font-size: 36px;
        color: #999;
        transition: color 400ms ease;
    }

    footer #social li a img {
        width: 50px;
        height: 50px;
    }

    footer #social li a:hover span {
        color: #333;
    }

.button-wrapper {
    padding: 0 18px;
}

@media only screen and (min-width: 768px) {
    .button-wrapper {
        padding: 0;
    }
}

a.flat-square-red {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    background: #D70C00;
    padding: 15px 15px;
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 13px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

    a.flat-square-red:disabled {
        cursor: not-allowed;
    }

    a.flat-square-red:focus {
        outline: none;
    }

    a.flat-square-red:hover:not(:disabled) {
        background: #be0b00;
    }

    a.flat-square-red:active:not(:disabled) {
        box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
    }

@media only screen and (min-width: 768px) {
    a.flat-square-red {
        margin: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }
}

a.flat-square {
    padding: 15px 15px;
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 12px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    a.flat-square {
        margin: 0;
        margin-top: 0;
        margin-bottom: 20px;
        color: #fff;
        display: inline-block;
    }
}

.b-red {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    background: #D70C00;
    color: #fff !important;
}

    .b-red:disabled {
        cursor: not-allowed;
    }

    .b-red:focus {
        outline: none;
    }

    .b-red:hover:not(:disabled) {
        background: #be0b00;
    }

    .b-red:active:not(:disabled) {
        box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
    }

.b-dodgerblue {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    border-style: solid;
    border-color: #D70C00;
    color: #D70C00 !important;
}

    .b-dodgerblue:disabled {
        cursor: not-allowed;
    }

    .b-dodgerblue:focus {
        outline: none;
    }

    .b-dodgerblue:hover:not(:disabled) {
        border-color: #be0b00;
        color: #be0b00 !important;
    }

    .b-dodgerblue:active:not(:disabled) {
        box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
    }


.b-trans-w {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.b-trans-b {
    background: none;
    border: 1px solid #333;
    color: #333 !important;
    transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -ms-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
}

    .b-trans-b:hover,
    .b-trans-b:focus {
        background: #333;
        color: #fff !important;
    }

a.flat-square-red i {
    margin-right: 0.5em;
}

a.flat-square i {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.aside-btn {
    margin-bottom: 20px;
}


.aside-btn1 {
    margin-bottom: 20px;
}

a.btn-bordered {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    border: 1px solid #333;
    background: none;
}

    a.btn-bordered:disabled {
        cursor: not-allowed;
    }

    a.btn-bordered:focus {
        outline: none;
    }

    a.btn-bordered:active:not(:disabled) {
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    }

    a.btn-bordered:hover,
    a.btn-bordered:focus {
        background: #333;
        color: #fff !important;
    }

div.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 720px;
}

.page-intro div.container, .horizontal-tabs-container div.container {
    min-height: 10%;
}

div.container::after {
    clear: both;
    content: "";
    display: table;
}

div.outer-container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    div.outer-container::after {
        clear: both;
        content: "";
        display: table;
    }

div.container-pad {
    padding: 10px 10px 20px 20px;
}

div.container-pad-slick {
    padding: 10px 10px 10px 10px;
}

div.container-pad::after {
    clear: both;
    content: "";
    display: table;
}

@media only screen and (min-width: 768px) {
    div.container-pad {
        padding: 40px 20px 20px 40px;
    }
}

@media only screen and (min-width: 992px) {
    div.container-pad {
        padding: 60px 60px 40px 60px;
    }
}

/* news-article stylings */
@media only screen and (min-width: 768px) {
    #news-article > div {
        display: flex
    }

    div.container-pad.left {
        float: left;
        width: 70%;
    }



    div.container-pad.right {
        float: left;
        width: 30%;
        padding: 60px 40px;
    }
}

div.column {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    div.column:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    div.column {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.column:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    div.column {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.column:last-child {
            margin-right: 0;
        }
}

.text-white {
    color: #fff;
}

.text-black {
    color: #333;
}

section.title-grey {
    clear: both;
    background-color: #ccc;
    min-height: 600px;
}

section.mini-content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    section.mini-content:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    section.mini-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        padding-top: 80px;
        padding-right: 1.618em;
    }

        section.mini-content:last-child {
            margin-right: 0;
        }
}

aside {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-top: 30px;
}

    aside:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        padding-top: 0px;
    }

        aside:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        padding-top: 0px;
    }

        aside:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        padding-top: 0px;
        float: right;
    }

        aside:last-child {
            margin-right: 0;
        }
}

aside h3 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.aside-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #f8f8f8;
    margin: 30px 0 30px 0;
    font-size: 14px;
}

@media only screen and (min-width: 510px) {
    .aside-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .aside-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    .aside-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        margin: 0px 0 30px 0;
    }

        .aside-container:last-child {
            margin-right: 0;
        }
}

div.block-text.box-nav i {
    margin-right: 10px;
    color: #d70c00;
}

div.block-text.box-nav a {
    color: #333;
}

.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.hide {
    display: none;
}

label {
    font-weight: normal;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}


/* Course comparison section*/

.no-padding {
    padding: 0 !important;
}

.align-center {
    text-align: center;
}

.course-comparison-section {
    padding: 20px 10px 20px 10px;
    background-color: #f5f5f5;
    color: #000;
}

.register-btn-wrapper {
    /*padding:20%;
    width:250px;*/
    margin: 0 auto;
}

.course-center-box {
    margin: 0 auto;
    width: 65%;
    overflow: hidden;
    clear: both;
}

.course-purple {
    border-radius: 5px;
    border: 1px solid #000;
    min-height: 545px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
}

    .course-purple h3 {
        background-color: black;
        color: white;
        margin: 0;
        border-bottom: 1px solid #000;
        padding: 15px 0 15px 0;
    }

.course-list-purple {
    line-height: 28px;
    /*font-weight: bold;*/
    padding: 25px;
}

.basket-button {
    /*background-color: #4a4a4a;*/
    color: #ffffff;
    padding: 10px;
}

.basket-wrapper {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    align-content: center;
    /* padding: 20%; */
    left: 13%;
    right: 13%;
}

.register-btn {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.basket-button {
    border: none;
    border-radius: 3px;
    font-weight: bold;
}

.basket-price {
    //font-weight: bold;
    font-size: 18px;
}

.course-white {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #ffffff;
    color: #000;
    min-height: 545px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .course-white h3 {
        background-color: black;
        color: white;
        margin: 0;
        border-bottom: 1px solid #000;
        padding: 15px 0 15px 0;
    }

.course-list-white {
    padding: 25px;
    line-height: 28px;
}

.course-white-image {
    border-radius: 50%;
}

.course-white-image-wrapper {
    padding: 10px;
}

.gift-coupon-link {
    color: #000;
    text-decoration: underline;
}

.course-list-box ul::after {
    clear: both;
    content: "";
}

@media only screen and (max-width: 768px) {
    .course-center-box {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 85%;
    }
}

.course-dates-data p {
    text-align: left;
}

.course-dates-container {
    margin: 0 auto;
    width: 50%;
}

@media only screen and (min-width: 768px) {
    .basket-wrapper {
        bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .course-purple,
    .course-white {
        min-height: 620px;
    }
}


/*Enrol now content starts*/

.enroll-btn {
    width: 100%;
    padding: 15px 25px 15px 25px;
    background-color: #d70c00;
    color: #ffffff !important;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 25px;
}

.course-enroll-section {
    width: 50%;
    margin: 0 auto;
}

.enrol-row {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #999;
}


/*Enrol now content ends*/


section#course-blocks .owl-nav span {
    color: #ccc !important;
    border: 3px solid #ccc !important;
}

    section#course-blocks .owl-nav span:hover {
        color: #000 !important;
        border: 3px solid #fff !important;
        background-color: #fff;
    }

section#course-blocks {
    background-color: #333;
}

.akHTMLForm .ak-checkbox__input {
    margin-top: 4px !important;
}

.akHTMLForm .ak-checkbox__body {
    color: #000000 !important;
}

.akHTMLForm {
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}

.ak-group h2 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif !important;
    font-size: 1.33em !important;
}

.akHTMLForm .ak-submit {
    border: 1px solid #000000 !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
}

.akHTMLForm label {
    font-weight: normal !important;
}

.content-block-iso a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-iso a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}

.content-block-owl a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-owl a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}

.content-card a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-card a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}

#ot-sdk-btn.ot-sdk-show-settings.btn-cookie {
    color: white;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.courseButtonsMob > div {
    margin-left: 25px;
}

@media only screen and (max-width: 412px) {
    .courseButtonsMob > div {
        margin-left: 2%;
        display: inline-table;
    }
}

@media only screen and (max-width: 350px) {
    .courseButtonsMob > div {
        margin-left: 15%;
        display: inline-table;
    }
}

@media only screen and (min-width: 412px) {
    .courseButtonsMob > div {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 540px) {
    .courseButtons {
        margin-left: 25px;
    }
}

.location-selector {
    position: relative;
    top: 65px;
    right: 26%;
    font-size: 12px;
}

    .location-selector span a {
        text-transform: uppercase;
        font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: #000;
        padding-right: 4px;
        padding-left: 4px;
    }

    .location-selector span:after {
        content: "|";
        margin: 0 0 0 2px;
    }

    .location-selector span:last-child:after {
        content: '';
    }

@media only screen and (max-width: 820px) {
    .location-selector {
        top: 0;
        right: 0;
        bottom: 5px;
        left: 2%;
    }
    /* main{ 
		/* top: 5px; */
    /* } */
    section#title {
        position: relative;
        top: 5px;
    }

    .menu > ul > li > a {
        padding: 0 4px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
    .location-selector {
        left: 0 !important;
        top: 5px;
    }

    section#title {
        top: 10px;
    }
    
    .menu > ul > li > a {
        padding: 0 3px;
        font-size: 9.5px;
        line-height: 35px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .location-selector {
        top: 35px;
        right: 0%;
    }

    .menu > ul > li > a {
        padding: 0px 7px;
        line-height: 60px;
    }
}

@media only screen and (min-width: 820px) and (max-width: 1024px) {
    .location-selector {
        top: 10px;
        right: 0;
        font-size: 9.5px;
        left: 2.5%;
    }

    .nav-container {
        position: relative;
        left: 3.2%;
        bottom: 50px;
    }

    .menu > ul > li > a {
        padding: 0 3px;
        font-size: 9.5px;
        line-height: 110px;
    }
}

@media only screen and (min-width: 1200px) {
    #filters .filter-course-menu {
        width: 31.7%;
    }
}

.location-selector span a:focus, .location-selector span a:hover, .location-selector span a:active, .location-selector span a.active {
    color: #d70c00;
}

header .social-bar {
    background-color: #fff;
    float: left;
    width: auto;
    height: 45px;
}

header #social {
    clear: both;
    display: table;
    margin: 0;
}

    header #social li {
        float: left;
        height: auto;
        display: block !important;
    }

        header #social li a {
            width: 50px;
            text-align: center;
            position: relative;
            color: #999;
            font-size: 11px;
            display: inline;
        }

            header #social li a:hover {
                color: #333;
            }

            header #social li a span {
                position: absolute;
                font-size: 31px;
                color: #999;
                transition: color 400ms ease;
                right: 25%;
            }

            header #social li a:hover span {
                color: #333;
            }

@media only screen and (max-width: 768px) {
    header .social-bar {
        display: none;
    }
}

.block-text.box-nav {
    display: block;
    bottom: 0;
    z-index: 9;
    overflow-y: scroll;
    max-height: 450px;
    position: inherit;
}

.enquiry-hubspot-form {
    height: 100%;
    visibility: hidden;
    transition-delay: .5s;
    overflow-y: auto;
}

.enquiry-open-form .enquiry-hubspot-form {
    visibility: visible;
    transition: visibility .1s;
}

.enquiry-form-btn:before {
    content: "Download Prospectus";
    position: absolute;
    top: 0;
    left: 50%;
    height: 0;
    width: 285%;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
    border-bottom: 40px solid #000;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    transform: translateX(-50%);
    transition: border-color .3s;
}

.enquiry-form-btn {
    position: absolute;
    top: 50%;
    left: -40px;
    height: 40px;
    width: 120px;
    background: 0 0;
    background-color: #000;
    border: none;
    color: #fff;
    transform: translateY(40px) rotate(-90deg);
    transform-origin: 0 0;
}

.enquiry-open-form .enquiry-form-btn:before {
    content: "Close";
}

.enquiry-form {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    max-width: 500px;
    padding: 30px 20px;
    background-color: #f2f2f2;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(100%);
    transition: transform .5s;
}

.enquiry-open-form {
    transform: translateX(0);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}

.enquiry-form h3 {
    font-size: 2rem;
}

.overflow-hidden {
    overflow: hidden;
}

.invisibility {
    visibility: hidden;
    height: 1505px;
}


.block-image-container img {
    aspect-ratio: auto 300/400;
    width: -webkit-fill-available;
}

.slides img {
    aspect-ratio: auto 1350/440;
}

.embed-container {
    --video--width: 982;
    --video--height: 360;
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.faq-item {
    width: 100%;
}
/*CEDU-312 Package COurse component*/
article.package-article {
    min-height: 350px;
}

@media(pointer: coarse) {
    .flexslider {
        top: 5px;
    }
}

@media (max-width: 320px) {
    .block-text h3, .block-text-small h3, .block-text-small-slick h3, .block-text-staff h3, .block-text-cmag h3, .block-more-link h3 {
        font-size: 1.4rem;
    }

    .block-text p.small, .block-text-small p.small, .block-text-small-slick p.small, .block-text-staff p.small, .block-text-cmag p.small, .block-more-link p.small {
        font-size: 1rem;
    }
}

.course-block:has(.all-result) {
    padding-top: 30px !important;
}

.slick-track {
    margin-left: 0;
}
/* CEDU-351 popup before register*/
.registerPopup > iframe#register {
    height: 400px;
    width: 100%;
}

.registerPopup > article#register {
    height: 400px;
    width: 100%;
    overflow-y: scroll;
}

/* The Modal (background) */
.registerWrapper {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    /*padding-bottom: 56.25%;*/ /* 16:9 */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.registerPopup {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

@media (max-width: 320px) {
    .registerPopup {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        margin-top: -80px;
    }
}

/* The Close Button */
.closeRegisterPopup {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .closeRegisterPopup:hover,
    .closeRegisterPopup:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.studentdetailheading {
    text-align: center;
}
/*End Cedu-351*/

@media only screen and (max-width: 768px) {
    iframe.videoIframe {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 912px) {
    iframe.videoIframe {
        width: 84vw;
    }
}

@media only screen and (max-width:414px) {
    iframe.videoIframe {
        height: 28vh;
    }
}

/* Start Cedu - 542*/
.bannerHeadContent {
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.bannerHeadContent a {
        color: white;
        text-decoration: underline;
    }

.bannerHeadContent p {
        margin-bottom:0px;
    }

section#bannerHead {
    padding-top: 150px;
}
/*End Cedu -542*/

html {
  overflow-y: scroll;
}


.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.container {
  margin: 0 auto;
  *zoom: 1;
  position: relative;
}
.container:before,
.container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
.last {
  margin-right: 0;
}

select {
  width: 100%;
}

textarea {
  resize: none;
}

.leftcoltext {
  padding: 10px;
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  /*text-transform:uppercase;*/

  font-size: 1.3em;
  background-color: #ebebeb;
  margin: 15px 0;
}
.leftcoltext p {
  margin: 0;
}



/*global helper classes*/

.margin-b10 {
    margin-bottom: 10px;
}

.margin-b20 {
    margin-bottom: 20px;
}

.spacer {
  height: 120px;
}



.scfSectionBorder select {
    width: 50%;
}
.scfSectionBorder table tr td {
    padding: 0;
    border: none;
}


/*FANCYBOX*/

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 11104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11100;
  display: none;
  background-color: rgb(0, 0, 0);
  opacity: 0.7; 
  cursor: pointer; 
  height: 3537px; 
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 11101;
  outline: none;
  width: 540px;
  height: auto; 
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #252525;
}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 11102;
  border: 1px solid #CCCCCC;
  width: 520px; 
  height: auto;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 11101;
}

#fancybox-close {
    right: -35px;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 22px;
  height: 22px;
  background: #252525 url('../images/sprite.png') no-repeat -28px -22px;
  cursor: pointer;
  z-index: 11103;
  display: none;
  border: 5px solid #252525;
}
#fancybox-error {
  color: #444444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  z-index: 11102;
  display: none;
}
#fancybox-left {
  left: 0px;
}
#fancybox-right {
  right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 11102;
  display: block;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */

}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 11001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('includes/fancybox-x.png');
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('includes/fancybox-y.png');
  background-position: -20px 0px;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('includes/fancybox-x.png');
  background-position: 0px -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('includes/fancybox-y.png');
}
#fancybox-title {
  font-size: 12px;
  z-index: 11102;
}
.fancybox-title-fixed {
  position: absolute;
  left: 20px;
  top: -10px;
  background-color: #252525;
  text-transform: uppercase;
  color: white;
  font-family: 'themix5';
  display: inline-block;
  padding: 10px;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333333;
  background: white;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: white;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url('includes/fancy_title_over.png');
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
}
#fancybox-title-float-main {
  color: white;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('includes/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
}
/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
  background: transparent !important;
}






.confirmdialog {
  width: 200px;
}
.sprite {
  background: transparent url('img/bg/sprite.png') no-repeat left top;
}
.highlightmixin {
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;;
  /*text-transform:uppercase;*/

}

.bigarrowlink {
  background: transparent url(img/bg/greyrightarrow.png) no-repeat left 6px;
  padding: 5px 15px;
  font-size: 1.1em;
}
.defaultbutton {
  display: inline-block;
  background-color: #990000;
  color: white !important;
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding: 8px 10px 6px !important;
  text-transform: uppercase;
  border: none !important;
  cursor: pointer;
  font-size: 1.2em;
}
.defaultbutton:hover {
  text-decoration: underline;
}
.defaultbutton.disabled,
.defaultbutton.rejectbutton {
  background-color: #707070;
  color: white !important;
}
.defaultbutton.disabled:hover {
  text-decoration: none;
  cursor: default;
}
.defaultbutton.rightbutton {
  float: right;
}
.overflow {
  color: Red;
  font-weight: bold;
}
.subbutton {
  display: inline-block;
  background-color: white;
  color: #990000;
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding: 5px 7px 3px;
  text-transform: uppercase;
  cursor: pointer;
  border: solid 1px #990000;
}
.subbutton:hover {
  text-decoration: underline;
}
.confirmdialog {
  background-color: white;
  padding: 30px;
}
.confirmdialog .rejectbutton {
  margin-right: 10px;
}
#sitecontainer {
  margin-bottom: 20px;
}
p {
  margin-bottom: 10px;
}
.inlinehighlight {
  font-family: 'Baskerville10Pro-Italic', serif; 
  font-size: 1.2em;
  /*Style is replicated in editor.css - please update both*/

}



/*BOOK A MEETING*/


.addressdisplay {
  padding-top: 0px;
}
.bookameeting {
  padding-right: 10px;
}
.bookameeting .locationlinks {
  padding-bottom: 10px;
}
.bookameeting .meetinglocation {
  padding: 5px;
  background-color: #ebebeb;
  color: #252525;
  font-size: 1.2em;
}
.bookameeting .meetingcontainer {
  width: 100%;
  margin-bottom: 15px;
}
.bookameeting .meetingcontainer th {
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  /*text-transform:uppercase;*/

  text-align: left;
  font-size: 0.9em;
  color: #252525;
  padding: 10px 0 20px;
}
.bookameeting .meetingcontainer .tablecity {
  width: 15%;
}
.bookameeting .meetingcontainer .tableaddress {
  width: 20%;
}
.bookameeting .meetingcontainer .tabledate {
  width: 20%;
}
.bookameeting .meetingcontainer .tablerep {
  width: 20%;
}
.bookameeting .meetingcontainer .tablebutton {
  width: 25%;
}
.bookameeting .meetingcontainer td {
  padding-bottom: 5px;
}
#bookmeetingpopupform {
  background-color: #f5f5f5;
  padding: 20px;
  font-size:1.4rem;
}
#bookmeetingpopupform .meetingform {
  *zoom: 1;
}
#bookmeetingpopupform .meetingform:before,
#bookmeetingpopupform .meetingform:after {
  content: "";
  display: table;
}
#bookmeetingpopupform .meetingform:after {
  clear: both;
}
#bookmeetingpopupform .meetingform h1 {
  font-size: 30px;
  margin-bottom: 25px;
}

#bookmeetingpopupform .meetingform h1 span {
  font-size: 20px;
  display:block;
}
#bookmeetingpopupform .meetingform .meetingdetails {
  float: left;
  width: 220px;
  margin-right: 10px;
}
#bookmeetingpopupform .meetingform .meetingdetails #meetingdate {
  margin-bottom: 20px;
}
#bookmeetingpopupform .meetingform .meetingsignup {
  float: left;
  width: 220px;
  margin-right: 10px;
}
#bookmeetingpopupform .meetingform .meetingsignup h2 {
  margin-bottom: 5px;
}
#bookmeetingpopupform .meetingform .meetingsignup label {
  color: #252525;
  padding-bottom: 2px;
  display:inline-block;
}
#bookmeetingpopupform .meetingform .meetingsignup .tbname,
#bookmeetingpopupform .meetingform .meetingsignup .tbemail {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
}
#bookmeetingpopupform .meetingform .meetingsignup .tbname.error,
#bookmeetingpopupform .meetingform .meetingsignup .tbemail.error {
  border-color: #990000;
}
#bookmeetingpopupform .meetingform .meetingsignup .errormessage {
  color: #990000;
  margin: -10px 0 10px 0;
}
#bookmeetingpopupform .meetingform .meetingsignup .requiredfield {
  color: #990000;
  margin-bottom: 10px;
}
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink {
  display: inline-block;
  background-color: #990000;
  color: white !important;
  font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding: 8px 10px 6px !important;
  text-transform: uppercase;
  border: none !important;
  cursor: pointer;
  font-size: 1.2em;
}
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink:hover {
  text-decoration: underline;
}
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink.disabled,
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink.rejectbutton {
  background-color: #707070;
  color: white !important;
}
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink.disabled:hover {
  text-decoration: none;
  cursor: default;
}
#bookmeetingpopupform .meetingfiledownoad #meetingdownloadlink.rightbutton {
  float: right;
}

.meet-region li{
    position:relative !important;
    top:0px !important;
}

.requiredfield .margin-b10 {
  font-size:12px;
}


/*MEETING DETAILS*/


.meetingdetails + form {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 220px;
}

.meetingdetails + form > .meetingsignup > label {
    font-size: 12px;
}

.meetingdetails + form > .meetingsignup > input[type="text"],
.meetingdetails + form > .meetingsignup > input[type="email"] {
    border: solid 1px #000;
    padding: 0;
    box-shadow: none;
    border-radius: none;
}

.meetingdetails + form > .meetingsignup > input[type="submit"] {
    padding: 10px;
    background: #990000;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}


.meetingform label {
    display: inline-block;
    margin-bottom: 0.2em;
}

.meetingform .sectionheading {
/*  text-transform: uppercase;*/
  border-bottom: 1px solid #898989;
  margin-bottom: 8px !important;
  padding-bottom:5px;
    font-size: 1.1em;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.popupMeeting#fancybox-wrap {
    width: 85%;
    max-width:500px !important;
    padding: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}


.popupMeeting #fancybox-content {
    width: 100%;
}

.popupMeeting #fancybox-close {
    right: 12px;
    top: 12px;
    width: 32px;
    height: 32px;
}


/*POPUP SIGNUP*/

.popupSignup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 999;
    width: 90%;
    max-width: 450px;
    background: #ebebeb;
    height: auto;
    padding: 30px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.popupSignup h1 {
    font-size: 25px; 
    margin: 0px; 
    padding-bottom: 10px; 
    color: #000;
}

.popupSignup p {
    font-size: 15px; 
/*    float: left; 
    width: 100%; */
    color: rgb(0, 0, 0); 
    padding: 10px 0px 0px;
}

.popupSignup p a {
    color: rgb(255, 0, 0);
}

.popupSignup .form-group {
    margin-bottom: 0px; 
    padding: 10px 0px 0px;
    clear: both;
}

.popupSignup .control-label {
    font-size: 14px; 
    margin: 0px; 
    font-weight: 600; 
    color: rgb(0, 0, 0);
}

.popupSignup input {
    padding: 7px; 
    box-shadow: none; 
    border: 1px solid rgb(204, 204, 204); 
    border-radius: 5px; 
    margin: 5px 0px;
}

.popupSignup .form-submit-border {
    float: left; 
    padding-top: 10px;
}

    .popupSignup #fancybox-close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 28px;
        height: 28px;
        cursor: pointer;
        z-index: 11103;
        font-size: 24px;
        line-height: 15px;
        background: #000;
        text-align: center;
        font-weight: normal;
        text-decoration: none;
        color: #fff
    }

.popupContact {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 999;
    width: 85%;
    max-width: 500px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}


form {
    background: transparent;
}

.form-inline.form-control {
  margin: 3px;
}

.required-field .control-label:before,
.required-field .checkbox:after {
  color: #d00;
  content: "*";
  font-weight: bolder;
}
.logo {
    display: inline-block;
    height: 35px;
    margin-top: 15px;
    width: 190px;
}
@media only screen and (min-width: 1200px) {
    section.filters div.filter-groups {        
        width: 15%;
    } }


.ShowArticle{
    display:block !important;
}

.HideArticle {
    display: none !important;
}