iframe[name=google_conversion_frame] {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
    word-break: normal;
    text-decoration: none;
}

html, body {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - (100vw - 100%));
    height: 100%;
    font: 0/0 Roboto;
    color: #fff;
}

body {
    margin-top: 8vh;
    overflow-x: hidden;
}

@keyframes FadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes PopOnHover {
    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

h1, h2, h3 {
    text-transform: uppercase;
}

h1 {
    font: 30px/120% Roboto;
}

h2 {
    font: bold 20px/120% Roboto;
}

header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    height: 8vh;
    width: calc(100vw - (100vw - 100%));
    background: #ac0322;
    box-shadow: rgba(0,0,0,0.6) 0 1px 6px 0;
}

    header > .Logo {
        position: absolute;
        top: 1.5vh;
        left: 1.5vw;
        width: 13vw;
        height: 5.2vh;
        background: url(/files/templates/style/logo-white.svg) no-repeat left center;
        background-size: contain;
    }

    header > .Navigation {
        position: absolute;
        display: table;
        bottom: 0;
        left: 16vw;
    }

        header > .Navigation > div {
            display: table-row;
        }

            header > .Navigation > div > div {
                display: table-cell;
                position: relative;
                max-width: 9vw;
                padding: 1vw;
                vertical-align: bottom;
                line-height: 1.5vmin;
            }

                header > .Navigation > div > div > a {
                    text-transform: uppercase;
                    color: #fff;
                    font: 1.5vmin/1.6vmin Roboto;
                }

                    header > .Navigation > div > div > a:hover, header > .Navigation > div > div > a.taphover.hover {
                        color: #e5dc08;
                    }

                header > .Navigation > div > div > div {
                    position: absolute;
                    display: none;
                    top: 100%;
                    animation: navigation-sub 0.3s ease;
                    z-index: 999;
                }

@keyframes navigation-sub {
    from {
        transform: translate(0,-45%) scale(1,0.1);
    }
}

header > .Navigation > div > div.hover > div {
    display: block;
}

header > .Navigation > div > div > div.displaynone {
    display: none;
}

header > .Navigation > div > div > div > a {
    position: relative;
    display: block;
    background: #c90404;
    font: 1.6vmin/2vmin Roboto;
    text-transform: uppercase;
    padding: 0.8vh 0.8vw;
    color: #fff;
    border-bottom: 1px solid #e5dc08;
}

    header > .Navigation > div > div > div > a:hover {
        color: #e5dc08;
    }

    header > .Navigation > div > div > div > a:first-child:after {
        content: '';
        position: absolute;
        top: 0;
        left: -3vmin;
        width: calc(100% + 3vmin);
        height: 1px;
        background: rgba(0,0,0,0.2);
        box-shadow: rgba(0,0,0,0.6) 0 0 3px 0;
    }

    header > .Navigation > div > div > div > a:last-child {
        border-bottom: none;
    }

    header > .Navigation > div > div > div > a:before {
        content: '';
        position: absolute;
        top: 0;
        left: -3vmin;
        width: 1.6vmin;
        padding: 0 .7vmin;
        height: 100%;
        border-bottom: 1px solid #e5dc08;
        background-color: #e5dc08;
        background-image: url(/files/templates/0-site/icon-navigation-list.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 1.2vmin;
        background-origin: content-box;
    }

    header > .Navigation > div > div > div > a:last-child:before {
        border-bottom: none;
    }

    header > .Navigation > div > div > div > a[href*=requirements]:before {
        background-image: url(/files/templates/0-site/icon-navigation-list.png);
    }

    header > .Navigation > div > div > div > a[href*=options]:before {
        background-image: url(/files/templates/0-site/icon-navigation-list.png);
    }

    header > .Navigation > div > div > div > a[href*=art]:before {
        background-image: url(/files/templates/0-site/icon-navigation-paint.png);
    }

    header > .Navigation > div > div > div > a[href*=health]:before {
        background-image: url(/files/templates/0-site/icon-navigation-health.png);
    }

    header > .Navigation > div > div > div > a[href*=tech]:before {
        background-image: url(/files/templates/0-site/icon-navigation-mouse.png);
    }

    header > .Navigation > div > div > div > a[href*=business]:before {
        background-image: url(/files/templates/0-site/icon-navigation-finance.png);
    }

    header > .Navigation > div > div > div > a[href*=career-service]:before {
        background-image: url(/files/templates/0-site/icon-navigation-money.png);
    }

    header > .Navigation > div > div > div > a[href*=work]:before {
        background-image: url(/files/templates/0-site/icon-navigation-money.png);
    }

    header > .Navigation > div > div > div > a[href*=scholarship]:before {
        background-image: url(/files/templates/0-site/icon-navigation-money.png);
    }

    header > .Navigation > div > div > div > a[href*=practicum]:before {
        background-image: url(/files/templates/0-site/icon-navigation-tools.png);
    }

    header > .Navigation > div > div > div > a[href*=trade]:before {
        background-image: url(/files/templates/0-site/icon-navigation-tools.png);
    }

    header > .Navigation > div > div > div > a[href*=education]:before {
        background-image: url(/files/templates/0-site/icon-navigation-graduate.png);
    }

    header > .Navigation > div > div > div > a[href*=alumni]:before {
        background-image: url(/files/templates/0-site/icon-navigation-graduate.png);
    }

    header > .Navigation > div > div > div > a[href*=connect]:before {
        background-image: url(/files/templates/0-site/icon-navigation-students.png);
    }

    header > .Navigation > div > div > div > a[href*=parents]:before {
        background-image: url(/files/templates/0-site/icon-navigation-students.png);
    }

    header > .Navigation > div > div > div > a[href*=student]:before {
        background-image: url(/files/templates/0-site/icon-navigation-students.png);
    }

    header > .Navigation > div > div > div > a[href*=designation]:before {
        background-image: url(/files/templates/0-site/icon-navigation-students.png);
    }

    header > .Navigation > div > div > div > a[href*=legal]:before {
        background-image: url(/files/templates/0-site/icon-navigation-courthouse.png);
    }

    header > .Navigation > div > div > div > a[href*=location]:before {
        background-image: url(/files/templates/0-site/icon-navigation-location.png);
    }

    header > .Navigation > div > div > div > a[href*=apply]:before {
        background-image: url(/files/templates/0-site/icon-navigation-pencil.png);
    }

    header > .Navigation > div > div > div > a[href*=news]:before {
        background-image: url(/files/templates/0-site/icon-navigation-pencil.png);
    }

    header > .Navigation > div > div > div > a[href*=better]:before {
        background-image: url(/files/templates/0-site/icon-navigation-award.png);
    }

    header > .Navigation > div > div > div > a[href*=why-choose]:before {
        background-image: url(/files/templates/0-site/icon-navigation-list.png);
    }

header > .Phone {
    position: absolute;
    bottom: 1vh;
    right: 2vw;
    color: #fff;
    font: 2.5vmin/3.5vmin Roboto;
    font-weight: bold;
}

    header > .Phone::after {
        content: '';
        position: absolute;
        top: 2.4vmin;
        left: -2vmin;
        width: 2vmin;
        height: 2vmin;
        margin-top: -1.6vmin;
        background: url(/files/templates/0-site/top-icon-phone1.png) no-repeat center;
        background-size: 1.9vmin;
    }

header > .SocialMedia_News {
    position: absolute;
    right: 2vw;
    top: 0.5vh;
    width: 29vw;
    height: 2vh;
}

@keyframes SocialMedia {
    50% {
        transform: rotate(-360deg) scale(1.2);
    }
}

footer > div.SocialMedia {
    padding-bottom: 1.5vh;
    text-align: left;
}

.SocialMedia a {
    width: 2.5vmin;
    height: 2.5vmin;
}

    .SocialMedia a:hover {
        animation: SocialMedia 0.6s ease;
    }

.SocialMedia > .Facebook {
    background: url(/files/templates/0-site/top-icon-facebook1.png) center center no-repeat;
    background-size: contain;
    border-right: none;
}

.SocialMedia > .Twitter {
    background: url(/files/templates/0-site/top-icon-twitter1.png) center center no-repeat;
    background-size: contain;
}

.SocialMedia > .Youtube {
    background: url(/files/templates/0-site/top-icon-youtube1.png) center center no-repeat;
    background-size: contain;
}

.SocialMedia > .Instagram {
    background: url(/files/templates/0-site/top-icon-instagram1.png) center center no-repeat;
    background-size: contain;
}

.SocialMedia > .Linkedin {
    background: url(/files/templates/0-site/top-icon-linkedin1.png) center center no-repeat;
    background-size: contain;
}

header > .SocialMedia_News div {
    float: right;
}

#cse-search-box > input[type="text"]:nth-child(4) {
    background-image: none !important;
    width: 10vw;
    border-radius: 25px;
    border: 1px solid #570202 !important;
    background-color: #75121a !important;
    text-indent: 0 !important;
    padding: 2px 11px !important;
    color: #fff;
    font: 1.5vmin/1.6vmin Roboto;
    box-sizing: border-box;
    height: 3vmin;
    position: absolute;
    top: 0;
    left: 0;
}

#cse-search-box > input:focus {
    outline: none;
    animation: glow 800ms ease-out infinite alternate;
    border-color: #e5dc08;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
}

@keyframes glow {
    0% {
        border-color: #fffdd9;
        box-shadow: 0 0 5px #e5dc08, inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    }

    100% {
        border-color: #fcc100;
        box-shadow: 0 0 20px #e5dc08, inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
    }
}

#cse-search-box > input[type="text"]:nth-child(4)::placeholder {
    color: #fff;
    opacity: 1;
}

.search {
    position: relative;
    width: 10vw;
}

    .search a {
        display: block;
        width: 2.9vmin;
        height: 2.9vmin;
        background: url(/files/templates/style/icon-search-black.png) 0px 0px no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 0px;
    }

        .search a:hover {
            background: url(/files/templates/style/icon-search-white.png) 0px 0px no-repeat;
            background-size: contain;
        }

@keyframes lead-form {
    from {
        transform: perspective(200px) rotateX(60deg) scaleY(0) translate3d(0,-40rem,0);
    }
}

header > .ApplyNow {
    position: absolute;
    cursor: pointer;
    right: 2vw;
    top: 100%;
    background: #e5dc08;
    color: #ac0322;
    text-transform: uppercase;
    font: bold 3vmin/3vmin Roboto;
    padding: 1vh 3vw;
    text-align: center;
    border-bottom-left-radius: 1vmin;
    border-bottom-right-radius: 1vmin;
    box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 3px 0 inset;
    transition: all .5s;
    width: 21vw;
    box-sizing: border-box;
}

    header > .ApplyNow:hover {
        opacity: 0.8
    }

header > .RequestInfo {
    position: absolute;
    cursor: pointer;
    right: 23vw;
    top: 100%;
    background: #000000;
    color: #e5dc08;
    text-transform: uppercase;
    font: bold 3vmin/3vmin Roboto;
    padding: 1vh 3vw;
    text-align: center;
    border-bottom-left-radius: 1vmin;
    border-bottom-right-radius: 1vmin;
    box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 3px 0 inset;
    transition: all .5s;
    width: 29vw;
    box-sizing: border-box;
}

    header > .RequestInfo:hover {
        opacity: 0.7
    }

@keyframes lead-form-button {
    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.lead-form {
    position: fixed;
    top: 8vh;
    z-index: 42069;
    right: 0;
    width: 25vw;
    height: 92vh;
    display: none;
    background: #e5dc08;
    overflow: hidden;
    padding: 0 2vw;
    box-shadow: rgba(0,0,0,0.2) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 4px 0 inset;
    animation: lead-form 0.4s ease;
}

    .lead-form > .Close {
        position: absolute;
        right: 2vw;
        top: 3vh;
        content: '\00d7';
        width: 5vmin;
        height: 5vmin;
        font: 6vmin/4vmin Roboto;
        font-weight: lighter;
        color: #867700;
        border: .35vmin solid #867700;
        border-radius: 50%;
        text-align: center;
        transition: all .5s;
    }

        .lead-form > .Close:hover {
            border-color: #000;
            color: #000;
            cursor: pointer;
            transform: rotate(360deg);
        }

    .lead-form > .Title {
        display: block;
        width: 20vw;
        margin: 3vh 0 3.5vh 0;
        padding: 0 5vw 2vh 0;
        font: 4vmin/5vmin Roboto;
        color: #2a2a2a;
        text-transform: uppercase;
        font-weight: 700;
        border-bottom: .3vmin dashed #867700;
    }

    .lead-form > input, .lead-form > select {
        position: relative;
        background: none;
        border: .2vmin solid #867700;
        font: 1.5vmin/2vmin Roboto;
        color: #2a2a2a;
        width: 22.8vw;
        padding: 2vh 1vw;
        margin: 0 0 2vh 0;
    }

        .lead-form > input.error, .lead-form > select.error {
            background: #a29f92 url(invalid-bg.png) right .15vw top .4vh no-repeat;
            color: #fff;
        }

    .lead-form > select {
        width: 25vw;
        padding: 1.8vh 1vw;
    }

        .lead-form > select optgroup, .lead-form > select option {
            background: #e5dc08;
            color: #2a2a2a;
        }

    .lead-form > button {
        width: 25vw;
        padding: 3vh 0;
        font: 2.5vmin/2.5vmin Roboto;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        background: linear-gradient(0deg, #810118, #ac0322);
    }

        .lead-form > button:hover {
            color: #e5dc08;
            background: #000;
            cursor: pointer;
            animation: lead-form-button .3s;
        }

    .lead-form > small {
        display: block;
        color: #4e470c;
        font: 1vmin/1.3vmin Arial;
        margin: 1vh 0 0 0;
    }

    /*
.lead-form button { border: 2px #fff solid; width: calc(100% - 4px); padding: 1rem 0; text-transform: uppercase; font-weight: bold; font-size: 1.5rem; border-radius: 0.5rem; background: #ac0322; background: linear-gradient(0deg, #810118, #ac0322); color: #fff; box-shadow: rgba(0,0,0,0.4) 0 0 0 3px; margin: 1rem 0; cursor: pointer; }
.lead-form button:hover { animation: buttonForm 2s linear infinite; color: rgba(255,255,255,0.9); }
*/
    .lead-form h3 {
        color: #2a2a2a;
        font: 3vmin/3vmin Roboto;
        margin-bottom: 1rem;
        padding-bottom: 0.8rem;
        border-bottom: 1px #867700 dashed;
    }
/*
.lead-form small { font-size: 0.7rem; float: left; line-height: 110%; color: #4e470c; padding: 0.2rem 0.5rem; border-top: 1px #ddc500 dashed; }
.lead-form small:last-child { margin-bottom: 1.5rem; }
*/

@keyframes buttonForm {
    50% {
        box-shadow: none;
        border: 2px transparent solid;
    }
}

.btn-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.5rem;
    border: 1px solid;
    color: #2a2a2a;
    border-radius: 100%;
    line-height: 130%;
    padding: 0.1rem 0.6rem 0.2rem;
    cursor: pointer;
}

    .btn-close:hover {
        animation: iconEffect 0.6s ease infinite;
    }

#prevBtn:hover {
    animation: btnRot1 1s ease infinite;
}

.Full {
    position: relative;
    width: calc(100vw - (100vw - 100%));
    min-height: 92vh;
    overflow: hidden;
}

    .Full > * {
        position: relative;
    }

    .Full > .Background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 92vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /* box-shadow: rgba(0,0,0,0.5) 0 -3px 6px 0 inset;  */
        border-bottom: 10px solid #444;
    }

    .Full > * > a.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #e5dc08;
    }

        .Full > * > a.Crumb::after {
            content: ' > ';
            font: 1.6vmin/1.8vmin Roboto;
            color: #fff;
        }

        .Full > * > a.Crumb:hover {
            color: #fcc100;
        }

    .Full > * > span.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #fff;
    }

    .Full > * > .Social {
        margin: 3vh 0 0 0;
        display: flex;
    }

        .Full > * > .Social > iframe.Facebook {
            display: inline-block;
            border: none;
            overflow: hidden;
            width: 50px;
            height: 20px;
        }

        .Full > * > .Social > div.Twitter, .Full > * > .Social > div.Google {
            display: inline-block;
            margin: 0 0 0 5px;
        }

    .Full > * a {
        color: #ac0322;
    }

        .Full > * a:hover {
            color: #e5dc08;
        }

    .Full > * > .Text b, .Full > * > .Text strong {
        font-weight: 900;
    }

    .Full > * > .Text {
        font: 16px/135% Roboto;
        color: #1d2129;
        padding-right: 2vmin;
    }

        .Full > * > .Text .heading {
            color: #ac0322;
            font: bold 2.2vmin/2.6vmin Roboto;
        }

        .Full > * > .Text > ul > li {
            list-style-type: square;
            margin-left: 1vw;
        }

    .Full > .News,
    .Full > .Content {
        margin: 5vh 5vw;
        width: 40vw;
        padding: 3vh 0 7vh 0;
    }

        .Full > .News > a.Crumb,
        .Full > .Content > a.Crumb {
            font: 1.6vmin/1.8vmin Roboto;
            color: #ac0322;
        }

            .Full > .News > a.Crumb::after,
            .Full > .Content > a.Crumb::after {
                content: ' > ';
                font: 1.6vmin/1.8vmin Roboto;
                color: #000;
            }

            .Full > .News > a.Crumb:hover,
            Full > .Content > a.Crumb:hover {
                color: #fcc100;
            }

        .Full > .News > span.Crumb,
        .Full > .Content > span.Crumb {
            font: 1.6vmin/1.8vmin Roboto;
            color: #000;
        }

        .Full > .News > h1,
        .Full > .Content > h1 {
            font: bold 4vmin/5vmin Roboto;
            color: #ac0322;
            margin: 3vh 0 2vh 0;
        }

        .Full > .News > .Story {
            position: relative;
            display: block;
            min-height: 10vh;
            padding: 2vh 1vw 2vh 13vw;
            margin: 0 0 1vh 0;
            border-bottom: .5vh solid #ad0623;
            transition: all .3s;
        }

            .Full > .News > .Story:hover {
                background: #ad0623;
                border-radius: .8vmin;
            }

            .Full > .News > .Story > .Image {
                position: absolute;
                top: 2vh;
                left: 1vw;
                width: 10vw;
                height: 10vh;
                border-left: 0.4vw solid #ac0322;
                border-right: 0.4vw solid #ac0322;
                background-image: url(/files/pages/0-site/content-01.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Full > .News > .Story:hover > .Image {
                border-left-color: #e5dc08;
                border-right-color: #e5dc08;
            }

            .Full > .News > .Story > .Title {
                font: bold 1.6vmin/2.2vmin Roboto;
                text-transform: uppercase;
                color: #000;
                margin: 0 0 .5vh 0;
            }

            .Full > .News > .Story:hover > .Title {
                color: #e5dc08;
            }

            .Full > .News > .Story > .When {
                font: 900 1.2vmin/1.2vmin Arial;
                color: #ac0322;
                margin: 0 0 .5vh 0;
            }

            .Full > .News > .Story:hover > .When {
                color: #fff;
            }

            .Full > .News > .Story > .Preview {
                font: 1.4vmin/2.2vmin Roboto;
                color: #444;
            }

            .Full > .News > .Story:hover > .Preview {
                color: #fff;
            }

        .Full > .News > .More {
            display: inline-block;
            margin-left: 50%;
            padding: 1.5vh 2vw;
            margin-top: 5vh;
            font: 2.5vmin/2.5vmin Roboto;
            color: #fff;
            background: #ad0623;
            transform: translateX(-50%);
            cursor: pointer;
        }

            .Full > .News > .More:hover {
                background: #000;
            }

    .Full > .Events {
        margin: 5vh 5vw;
        width: 40vw;
        padding: 3vh 0 7vh 0;
    }

        .Full > .Events > a.Crumb {
            font: 16px/120% Roboto;
            color: #ac0322;
        }

            .Full > .Events > a.Crumb::after {
                content: ' > ';
                font: 1.6vmin/1.8vmin Roboto;
                color: #000;
            }

            .Full > .Events > a.Crumb:hover {
                color: #fcc100;
            }

        .Full > .Events > span.Crumb {
            font: 16px/120% Roboto;
            color: #000;
        }

        .Full > .Events > h1 {
            font: bold 27px/120% Roboto;
            color: #ac0322;
            margin: 3vh 0 2vh 0;
        }

        .Full > .Events > .Story {
            position: relative;
            display: block;
            min-height: 10vh;
            padding: 2vh 1vw 2vh 0vw;
            margin: 0 0 1vh 0;
            transition: all .3s;
        }
            /*.Full > .Events > .Story:hover { background: #ad0623; border-radius: .8vmin; }*/
            .Full > .Events > .Story > .Image {
                position: absolute;
                top: 2vh;
                left: 1vw;
                width: 10vw;
                height: 10vh;
                border-left: 0.4vw solid #ac0322;
                border-right: 0.4vw solid #ac0322;
                background-image: url(/files/pages/0-site/content-01.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            /*.Full > .Events > .Story:hover > .Image { border-left-color: #e5dc08; border-right-color: #e5dc08; }*/
            .Full > .Events > .Story > .Title {
                font: bold 21px/120% Roboto;
                text-transform: uppercase;
                color: #000;
                margin: 0 0 .5vh 0;
            }
            /*font: bold 23px/120% Roboto !important;*/
            /*.Full > .Events > .Story:hover > .Title { color: #e5dc08; }*/
            .Full > .Events > .Story > .When {
                font: normal 16px/120% Arial;
                color: #ac0322;
                margin: 0 0 .5vh 0;
            }
            /*.Full > .Events > .Story:hover > .When { color: #fff; }*/
            .Full > .Events > .Story > .Preview {
                font: 16px/120% Roboto;
                color: #444;
            }

            .Full > .Events > .Story > .Nothing {
                font: 1.6vmin/2.4vmin Roboto;
                color: #444;
            }

                .Full > .Events > .Story > .Nothing > a {
                    color: #f58a24;
                }

            .Full > .Events > .Story > .Message {
                font: bold 1.6vmin/2.4vmin Roboto;
                color: #000;
                margin: 0 0 .5vh 0;
            }
        /*.Full > .Events > .Story:hover > .Preview { color: #fff; }*/
        .Full > .Events > .More {
            display: inline-block;
            margin-left: 50%;
            padding: 1.5vh 2vw;
            margin-top: 5vh;
            font: 20px/120% Roboto;
            color: #fff;
            background: #ad0623;
            transform: translateX(-50%);
            cursor: pointer;
        }

            .Full > .Events > .More:hover {
                background: #000;
            }

body > .Events {
    position: relative;
    width: 100vw;
    height: 25vh;
    background-color: #ad0623;
}

    body > .Events > .Icon {
        position: absolute;
        left: 3.5vw;
        top: 2.5vh;
        width: 12vw;
        height: 20vh;
        background: url(/files/templates/0-site/events-icon.png) center center no-repeat;
        background-size: contain;
    }

    body > .Events > .Arrow {
        position: absolute;
        left: 17vw;
        top: 0;
        width: 87vw;
        height: 25vh;
        background: #fff url(news-or-events-bg.png) left center no-repeat;
        background-size: 10vw 25vh;
    }

    body > .Events > .Image {
        position: absolute;
        left: 32vw;
        top: 2vh;
        width: 16vw;
        height: 15vh;
        border: 3vmin solid #ad0623;
        background-image: url(/files/pages/0-site/content-01.jpg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    body > .Events > .Title {
        position: absolute;
        top: 2vh;
        left: 32vw;
        font: 3vmin Roboto;
        color: #ad0623;
        font-weight: bold;
        white-space: nowrap;
    }

    body > .Events > .Date {
        position: absolute;
        top: 7vh;
        left: 32vw;
        font: 1.8vmin Roboto;
        width: 30vw;
        color: #000;
        font-style: italic;
    }

    body > .Events > .Text {
        position: absolute;
        top: 11vh;
        left: 32vw;
        font: 2vmin/2.8vmin Roboto;
        width: 45vw;
        color: #000;
    }

    body > .Events > a.ReadFull {
        position: absolute;
        display: block;
        bottom: 2vh;
        left: 32vw;
        background: #ad0623;
        color: #fff;
        font: 2vmin/2vmin Roboto;
        text-transform: uppercase;
        padding: 0.6vh 0;
        transform: skew(-20deg);
        width: 12vw;
        text-align: center;
    }

    body > .Events > a.ReadOther {
        position: absolute;
        display: block;
        bottom: 2vh;
        left: 68vw;
        background: #ad0623;
        color: #fff;
        font: 2vmin/2vmin Roboto;
        text-transform: uppercase;
        padding: 0.6vh 0;
        transform: skew(-20deg);
        width: 12vw;
        text-align: center;
    }

    body > .Events > a.ReadFull:hover, .Events > a.ReadOther:hover {
        color: #e5dc08;
    }

.Full.newsletter > .Background {
    border-bottom: none;
}

.Full.newsletter > .Content {
    width: 90vw;
    box-sizing: border-box;
    background: initial;
}

    .Full.newsletter > .Content .box {
        margin: 0 auto;
    }

        .Full.newsletter > .Content .box .header {
            display: flex;
            margin: 3vh 0 2vh 0;
        }

            .Full.newsletter > .Content .box .header h1 {
                flex: 0 0 43%;
                font: bold 9vmin/10vmin Roboto;
                color: #ac0322;
                margin-right: 2%;
            }

            .Full.newsletter > .Content .box .header p {
                flex: 0 0 55%;
                font: 3.5vmin/3.5vmin Roboto;
                color: black;
                text-transform: uppercase;
                display: flex;
                justify-content: center;
                align-items: center;
            }

        .Full.newsletter > .Content .box .front {
            display: flex;
        }

            .Full.newsletter > .Content .box .front .banner-front {
                height: 50vh;
                flex: 1 0 80%;
                background-size: cover;
                background-repeat: no-repeat;
            }

            .Full.newsletter > .Content .box .front #newsletter-campus {
                flex: 0 1 30%;
                margin-left: 2%;
            }

                .Full.newsletter > .Content .box .front #newsletter-campus a {
                    display: block;
                    text-transform: uppercase;
                    border: solid 1px #ac0322;
                    padding: 8px 10px;
                    margin-bottom: 1vh;
                    color: white;
                    font: bold 2vmin/2.8vmin Roboto;
                    background: url(/files/pages/newsletters/icon-arrow-red.svg) right 0.5vw center no-repeat, linear-gradient(180deg, rgba(193,31,46,1) 0%, rgba(239,64,54,1) 100%);
                    border-radius: 5px;
                }

                    .Full.newsletter > .Content .box .front #newsletter-campus a:hover {
                        animation: border-animation 0.4s ease forwards;
                    }

.Full.newsletter .newsletter-campus-articles {
    margin: 2% 0 2% -2%;
}

    .Full.newsletter .newsletter-campus-articles a {
        width: 23%;
        display: block;
        float: left;
        margin-left: 2%;
        margin-bottom: 2%;
        border: solid 3px #ac0322;
        padding: 1%;
        box-sizing: border-box;
    }

        .Full.newsletter .newsletter-campus-articles a:hover {
            animation: home-slides-programs 0.4s ease forwards;
        }

        .Full.newsletter .newsletter-campus-articles a h2 {
            font: bold 4vmin/4.2vmin Roboto;
            margin-bottom: 0.5em;
        }

        .Full.newsletter .newsletter-campus-articles a p,
        .Full.newsletter #newsletter-articles #row2 .left .newsl-e-desc,
        .Full.newsletter #newsletter-articles #row2 .left .newsl-a-desc,
        .Full.newsletter #newsletter-articles #row1 .right p,
        .Full.newsletter #newsletter-articles #row2 .right article > div > div {
            font: 1.8vmin/2.8vmin Roboto;
            color: #1d2129;
        }

        .Full.newsletter .newsletter-campus-articles a .readmore {
            padding: 0.6vmin 0.5vw;
            font-weight: bold;
            color: white;
            display: block;
            font: 1.8vmin/2.8vmin Roboto;
            background: #ac0322 url(/files/pages/newsletters/icon-arrow-white.svg) right 0.5vw center no-repeat;
            width: 100%;
            background-size: 1.4vw;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            margin-top: 1vmin;
            transition: all .3s;
        }

        .Full.newsletter .newsletter-campus-articles a:hover .readmore {
            color: #e5dc08;
            background-size: 1.4vw;
        }

.Full.newsletter .ShowMore {
    position: relative;
    display: inline-block;
    left: 50%;
    padding: 1.5vh 2vw;
    margin-top: 5vh;
    font: 2.5vmin/2.5vmin 'Roboto', sans-serif;
    color: #fff;
    background: #ac0322;
    transform: translateX(-50%);
    cursor: pointer;
}

    .Full.newsletter .ShowMore:hover {
        background: #ac0322;
        color: #e5dc08;
        transform: translateX(-50%);
    }

.Full.newsletter .Nothing {
    width: 30vw;
    margin: 10vh 10vw 10vh 10vw;
}

.Full.newsletter #newsletter-articles #row1 {
    display: flex;
    height: 60vh;
    margin: 3vh 0 2% 0;
}

    .Full.newsletter #newsletter-articles #row1 .left {
        flex: 1 0 66%;
        background-size: cover;
        background-repeat: no-repeat;
        box-sizing: border-box;
        margin-right: 2%;
    }

    .Full.newsletter #newsletter-articles #row1 .right {
        flex: 1 0 32%;
    }

        .Full.newsletter #newsletter-articles #row1 .right h1 {
            font: bold 7vmin/8vmin Roboto;
            color: #ac0322;
        }

        .Full.newsletter #newsletter-articles #row1 .right h2 {
            font: 3vmin/4vmin Roboto;
            padding-bottom: 2vmin;
            color: #1d2129;
        }

        .Full.newsletter #newsletter-articles #row1 .right p {
            margin-bottom: 1em;
        }

.Full.newsletter #newsletter-articles #row2 {
    display: flex;
}

    .Full.newsletter #newsletter-articles #row2 .right {
        flex: 0 1 66%;
        margin-right: 3px;
    }

    .Full.newsletter #newsletter-articles #row2 .left {
        flex: 1 0 32%;
        margin-right: 2%;
        background-color: #f6e4e7;
        padding: 2%;
        box-sizing: border-box;
    }

        .Full.newsletter #newsletter-articles #row2 .left article {
            padding: 1vmin 0;
        }

            .Full.newsletter #newsletter-articles #row2 .left article .endline {
                width: 16%;
                border-bottom: solid 3px #ac0322;
                margin: 1em 0;
            }

            .Full.newsletter #newsletter-articles #row2 .left article:last-child .endline {
                border-bottom: none;
            }

        .Full.newsletter #newsletter-articles #row2 .left h2 {
            position: relative;
            font: bold 4.5vmin/5vmin Roboto;
            text-transform: uppercase;
            color: #ac0322;
            padding-left: 11vmin;
            height: 10vmin;
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 2vmin;
            box-sizing: border-box;
        }

.Full.newsletter #newsletter-event h2::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    background: url(/files/pages/newsletters/icon-events.svg) left center no-repeat;
    width: 10vmin;
    height: 10vmin;
    background-size: contain;
    display: block;
}

.Full.newsletter #newsletter-announcements h2::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    background: url(/files/pages/newsletters/icon-announcements.png) left center no-repeat;
    width: 10vmin;
    height: 10vmin;
    background-size: contain;
    display: block;
}

.Full.newsletter #newsletter-articles #row2 .left .newsl-e-title, .Full.newsletter #newsletter-articles #row2 .left .newsl-a-title,
.Full.newsletter #newsletter-articles #row2 h3 {
    font: bold 2.5vmin/3vmin Roboto;
    color: #ac0322;
}

.Full.newsletter #newsletter-articles #row2 .left .date {
    font: bold 2vmin/3vmin Roboto;
    color: #1d2129;
    padding: 0.5em 0;
}

.Full.newsletter #newsletter-announcements article.studentmonth .newsl-a-title {
    background-image: url(/files/pages/newsletters/icon-studentmonth.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 7vmin;
    height: 7vmin;
    padding-left: 8vmin;
}

.Full.newsletter #newsletter-articles #row2 .left .newsl-a-desc {
    margin-top: 0.5em;
}

.Full.newsletter #newsletter-articles #row2 .left .newsl-a-studentname {
    font: bold 4vmin/5vmin Roboto;
    color: #1d2129;
}

.Full.newsletter #newsletter-articles #row2 .left .newsl-a-title {
    padding-bottom: 0.5em;
}

.Full.newsletter #newsletter-articles #row2 .right .feature-img {
    object-fit: cover;
    width: 100%;
}

.Full.newsletter #newsletter-articles #row2 .right {
    column-count: 2;
    column-gap: 3%;
}

    .Full.newsletter #newsletter-articles #row2 .right article {
        border: solid 1px black;
        display: inline-block;
        margin: 0 0 6%;
        padding-bottom: 3%;
        width: 100%;
    }

        .Full.newsletter #newsletter-articles #row2 .right article > div {
            padding: 3%;
        }

.Full.newsletter #newsletter-articles #row2 h3 {
    margin-bottom: 0.5em;
}

.Full.newsletter #newsletter-articles #row2 .left .newsl-e-desc *,
.Full.newsletter #newsletter-articles #row2 .left .newsl-a-desc * {
    font-weight: normal !important;
    text-decoration: none !important;
    font-style: normal !important;
}

/* .Full > .Content { margin: 5vh 5vw; width: 25vw; padding: 3vh 3vw 7vh 3vw; background: rgba(0, 0, 0, 0.7); }*/
.Full > .Content > h1, .Full > .Content > .Title {
    font: bold 4vmin/5vmin Roboto;
    color: #ac0322;
    margin: 3vh 0 2vh 0;
    text-transform: uppercase;
}

.Full > .Category {
    margin: 5vh 5vw;
    width: 40vw;
    padding: 3vh 0 7vh 0;
}

    .Full > .Category > a.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #ac0322;
    }

        .Full > .Category > a.Crumb::after {
            content: ' > ';
            font: 1.6vmin/1.8vmin Roboto;
            color: #000;
        }

        .Full > .Category > a.Crumb:hover {
            color: #fcc100;
        }

    .Full > .Category > span.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #000;
    }

    .Full > .Category > h1 {
        font: bold 4vmin/5vmin Roboto;
        color: #ac0322;
        margin: 3vh 0 2vh 0;
    }

    .Full > .Category > .Text {
        font: 1.8vmin/2.6vmin Roboto;
        color: #000;
    }

        .Full > .Category > .Text .heading {
            color: #000;
            font: bold 2.2vmin/2.6vmin Roboto;
            text-transform: uppercase;
            margin: 3vh 0 2vh 0;
        }

    .Full > .Category > a.Program {
        display: block;
        margin-bottom: 0.5vh;
        padding: 0.8vh 0.8vw;
        font: 2vmin/2.6vmin Roboto;
        color: #fff;
        background: #000;
        border-left: 0.4vw solid #e5dc08;
        border-right: 0.4vw solid #e5dc08;
        border-radius: 0.2vmin;
    }

        .Full > .Category > a.Program:hover {
            background: #ac0322;
            animation: PopOnHover .3s;
        }

.Full > .CategoryStatements {
    margin: 5vh 5vw;
    width: 40vw;
    padding: 3vh 0 7vh 0;
}

    .Full > .CategoryStatements > div {
        padding: 2vh 2vw 2vh 6.6vw;
        font: 1.8vmin/2.6vmin Roboto;
        color: #0e0e0e;
        border-left: 1vmin solid #ac0322;
        border-right: 1vmin solid #ac0322;
        border-top: 1vmin solid #ac0322;
        background-position: left 2vw top 2vh;
        background-repeat: no-repeat;
        background-size: 3vw auto;
    }

        .Full > .CategoryStatements > div:first-child {
            border-radius: 7vmin 7vmin 0 0;
        }

        .Full > .CategoryStatements > div:last-child {
            border-radius: 0 0 7vmin 7vmin;
            border-bottom: 1vmin solid #ac0322;
        }

        .Full > .CategoryStatements > div > .heading {
            color: #ac0322;
            font: bold 2.2vmin/2.6vmin Roboto;
            text-transform: uppercase;
            margin: 0 0 1vh 0;
        }

.Full > .Program {
    margin: 5vh 5vw;
    width: 40vw;
    padding: 3vh 0 7vh 0;
}

    .Full > .Program > a.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #ac0322;
    }

        .Full > .Program > a.Crumb::after {
            content: ' > ';
            font: 1.6vmin/1.8vmin Roboto;
            color: #000;
        }

        .Full > .Program > a.Crumb:hover {
            color: #fcc100;
        }

    .Full > .Program > span.Crumb {
        font: 1.6vmin/1.8vmin Roboto;
        color: #000;
    }

    .Full > .Program > h1 {
        font: bold 4vmin/5vmin Roboto;
        color: #ac0322;
        margin: 3vh 0 2vh 0;
    }

    .Full > .Program > .Text {
        font: 1.8vmin/2.6vmin Roboto;
        color: #000;
    }

        .Full > .Program > .Text .heading {
            color: #000;
            font: bold 2.2vmin/2.6vmin Roboto;
            text-transform: uppercase;
            margin: 3vh 0 2vh 0;
        }

    .Full > .Program > .Jobs {
        border: 8px solid #ad0623;
        font: 2.4vmin/2.4vmin Roboto;
        color: #ad0623;
        padding: 0 1vw;
        margin: 5vh 0 0 0;
    }

        .Full > .Program > .Jobs br:first-child, .Full > .Program > .Jobs br:last-child, .Full > .Program > .Jobs .heading + br, .Jobs span:nth-child(2), .Jobs p {
            display: none;
        }

        .Full > .Program > .Jobs b, .Full > .Program > .Jobs strong {
            font: 3vmin/4vmin Roboto;
            font-weight: 900;
        }

        .Full > .Program > .Jobs small {
            font: 1.2vmin/3vmin Roboto;
        }

        .Full > .Program > .Jobs ul {
            margin: 0 -1vw;
        }

            .Full > .Program > .Jobs ul:before {
                display: block;
                content: 'CAREER OPPORTUNITIES';
                font: 900 3vmin/3vmin Roboto;
                text-transform: uppercase;
                color: #e5dc08;
                padding: 1.8vmin 1vw;
                background: #ad0623;
            }

            .Full > .Program > .Jobs ul > li {
                font: 900 1.5vmin/1.5vmin Roboto;
                color: #555;
                padding: 1.5vmin 1vw;
                border-bottom: .1vmin solid #ad0623;
            }

                .Full > .Program > .Jobs ul > li:last-child {
                    border-bottom: none;
                }

@keyframes Course {
    from {
        transform: perspective(200px) rotateX(-160deg) scaleY(0);
    }
}

.Full.ProgramCourses {
    padding: 7vh 0vw 7vh 5vw;
    width: 100vw;
    min-height: 72vh;
}

body.faq .Full.ProgramCourses {
    width: 98%;
    padding-left: 0px;
    padding-top: 20px;
}

.Full.ProgramCourses > .Background {
    padding: 10vh 18vw 0 65vw;
    width: 17vw;
    height: 82vh;
    background: url(/files/templates/0-site/program-courses-bg.jpg) repeat-x center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .Full.ProgramCourses > .Background > .Photo {
        height: 27vh;
        border: 1.5vmin solid #fff;
        margin: 0 0 3vh 0;
        background: center center no-repeat;
        background-size: cover;
    }

    .Full.ProgramCourses > .Background > .Name {
        font: bold 2.6vmin/2.6vmin Roboto;
        color: #e5dc08;
        margin: 0 0 1vh 0;
    }

    .Full.ProgramCourses > .Background > .Title {
        font: italic 1.8vmin/2.6vmin Arial;
        color: #fff;
        margin: 0 0 3vh 0;
    }

    .Full.ProgramCourses > .Background > .Testimonial {
        font: 2vmin/3vmin Roboto;
        color: #fff;
    }

        .Full.ProgramCourses > .Background > .Testimonial > br:last-child {
            display: none;
        }

.Full.ProgramCourses > .Title {
    margin: 0 0 3vh 0;
    color: #ac0322;
    font: bold 3vmin/3vh Roboto;
    text-transform: uppercase;
}

.Full.ProgramCourses > .Course {
    position: relative;
    display: block;
    margin: 0 0 .3vh 0;
    width: 40vw;
    cursor: pointer;
    border: 1px solid black;
}

body.faq .Full.ProgramCourses > .Course {
    width: 100%;
    box-sizing: border-box;
}

body.faq .Full.ProgramCourses * {
    box-sizing: border-box;
}

.Full.ProgramCourses > .Course:hover {
    animation: PopOnHover .3s;
}

.Full.ProgramCourses > .Course > .Caption {
    padding: 1.5vh 0 1.5vh 2vw;
    font: 1.6vmin/2.2vh Roboto;
    color: #e5dc08;
    background: black;
}


body.faq .Full.ProgramCourses > .Course > .Caption {
    color: #FFF;
}

body.faq .Full.ProgramCourses > .Course.Active > .Caption {
    color: #e5dc08;
}

.Full.ProgramCourses > .Course > .Caption > b {
    color: #fff;
    font-weight: 900;
}

.Full.ProgramCourses > .Course:before {
    position: absolute;
    left: .6vw;
    top: 2vh;
    width: .8vw;
    height: 1.2vh;
    content: '\00a0';
    background: url(/files/templates/0-site/course-arrow.png) center center no-repeat;
    background-size: contain;
    transition: transform 0.5s;
}

.Full.ProgramCourses > .Course > .Description {
    display: none;
    padding: 1vh 1vw 1vh 2vw;
    font: 1.4vmin/2vmin Roboto;
    color: #0c0c0c;
}

.Full.ProgramCourses > .Course.Active {
    transition: border 0.5s ease-in;
    border-color: black;
    color: #f58a24;
    font-weight: bold;
    animation: Course 0.4s ease;
}

    .Full.ProgramCourses > .Course.Active:before {
        content: '\00a0';
        transform: rotate(90deg);
        background-image: url(/files/templates/0-site/course-arrow-active.png);
    }

    .Full.ProgramCourses > .Course.Active > .Caption {
        font-weight: 900;
    }

    .Full.ProgramCourses > .Course.Active > .Description {
        display: block;
        animation: FadeIn 0.5s ease-in;
    }

.Full.Campus > .Background > a {
    position: absolute;
    right: 8vw;
    top: 10vh;
    width: 35vw;
    height: 75vh;
    background: center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

    .Full.Campus > .Background > a:after {
        opacity: 0;
        position: absolute;
        content: 'CLICK TO VIEW ON GOOGLE MAPS';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10vh;
        background-color: rgba(0,0,0,.5);
        box-shadow: 0 0 2vh rgb(0,0,0);
        color: #fff;
        font: 3vmin/10vh Roboto;
        font-weight: 900;
        text-align: center;
        transition: all .3s;
    }

    .Full.Campus > .Background > a:hover:after {
        opacity: 1;
    }

.Full.Campus > .Content, .Full.ThingsToDo > .Content, .Full.PlacesToVolunteer > .Content {
    margin: 8vh 5vw;
    width: 40vw;
    padding: unset;
    background: unset;
}

.Full.CampusPrograms {
    padding: 8vh 60vw 8vh 5vw;
    width: 40vw;
    min-height: 76vh;
}

    .Full.CampusPrograms > .Title {
        margin: 0 0 3vh 0;
        color: #ac0322;
        font: bold 4vmin/5vmin Roboto;
        text-transform: uppercase;
    }

    .Full.CampusPrograms > .CampusCategory {
        margin: 3vh 0 1.5vh 0;
        color: black;
        font: bold 2vmin/2vmin Roboto;
        text-transform: uppercase;
    }

    .Full.CampusPrograms > a.CampusProgram {
        display: block;
        margin: 0 0 .5vh 0;
        padding: 0.8vh 0.8vw;
        font: 2vmin/2.6vmin Roboto;
        color: #fff;
        background: #000;
        border-left: 0.4vw solid #e5dc08;
        border-right: 0.4vw solid #e5dc08;
        border-radius: 0.2vmin;
    }

        .Full.CampusPrograms > a.CampusProgram:hover {
            background: #ac0322;
            animation: PopOnHover .3s;
        }

.Full.Employment > .Content > .Text .Attributes {
    font: 1.8vmin/2.8vmin Roboto;
    color: #000;
    margin: 0 0 2vh 0;
}

.Full.Employment > .Content > .Text p {
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 2vmin !important;
    font: 1.8vmin/2.8vmin Roboto !important;
    color: #000 !important;
}

    .Full.Employment > .Content > .Text p > big {
        font: 1.8vmin/2.8vmin Roboto !important;
        color: #000 !important;
    }

        .Full.Employment > .Content > .Text p > big > strong {
            display: block !important;
            margin: 2vh 0 0 0 !important;
            color: #4c4a4a !important;
            font: bold 2.2vmin/2.6vmin Roboto !important;
        }

    .Full.Employment > .Content > .Text p > span, .Full.Employment > .Content > .Text p > em > span, .Full.Employment > .Content > .Text h2, .Full.Employment > .Content > .Text p > span > span, .Full.Employment > .Content > .Text p > span > span em, .Full.Employment > .Content > .Text ul li span, .Full.Employment > .Content > .Text em, .Full.Employment > .Content > .Text p > span > strong, .Full.Employment > .Content > .Text p > span em {
        font: 20px/120% Roboto !important;
        color: #000 !important;
        font-weight: normal !important;
        font-style: unset !important;
    }

.Full > * > .Text strong {
    font-weight: bold !important;
}

.Full.Employment > .Content > .Text ul {
    margin: 1vh 0 1vh 2vw !important;
}

    .Full.Employment > .Content > .Text ul > li {
        list-style-position: outside !important;
        list-style-type: square !important;
        font: 1.8vmin/2.8vmin Roboto !important;
        color: #000 !important;
    }

        .Full.Employment > .Content > .Text ul > li > big {
            font: 1.8vmin/2.8vmin Roboto !important;
            color: #000 !important;
        }

        .Full.Employment > .Content > .Text ul > li > span {
            font: 1.8vmin/2.8vmin Roboto !important;
            color: #000 !important;
        }

.Full.Employment > .Content > .Text a {
    display: inline-block;
    padding: 1vh 2vw;
    margin-top: 1vh;
    font: 900 2vmin/2vmin Roboto;
    color: #fff;
    background: #ac0322;
    cursor: pointer;
}

    .Full.Employment > .Content > .Text a:hover {
        background: #e5dc08;
        color: #ac0322;
        animation: PopOnHover .3s;
    }

.Full.Employment > .Content > .Text .Separator {
    display: block;
    height: .3vh;
    margin: 2vh 0 5vh 0;
    background: #888;
}

.Full.HomeSlides > .Slide {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .Full.HomeSlides > .Slide:nth-child(1) > div {
        position: absolute;
        top: 8vh;
        right: 8vw;
        width: 50vw;
        height: 70vh;
    }

        .Full.HomeSlides > .Slide:nth-child(1) > div h1 {
            position: relative;
            font: 5vmin/7vmin serif;
            color: #1a1818;
            margin-bottom: 2vh;
        }

            .Full.HomeSlides > .Slide:nth-child(1) > div h1::before {
                content: '';
                position: absolute;
                top: 1.7vh;
                left: -5vmin;
                width: 4vmin;
                height: 4vmin;
                background: url(/files/templates/0-site/icon-h1.png) no-repeat center;
                background-size: contain;
            }

            .Full.HomeSlides > .Slide:nth-child(1) > div h1 b {
                position: relative;
                clear: both;
                width: 100%;
                font: bold 6vmin/7vmin serif;
                color: #c10426;
            }

        .Full.HomeSlides > .Slide:nth-child(1) > div > .Text {
            font: 2vmin/2.8vmin Roboto;
            color: #1a1818;
        }

            .Full.HomeSlides > .Slide:nth-child(1) > div > .Text .heading {
                color: #c10426;
                font: 4vmin/2.4vmin serif;
                font-weight: bold;
            }

    .Full.HomeSlides > .Slide:nth-child(2) > div {
        position: absolute;
        top: 50%;
        left: 15%;
        width: 70%;
        transform: translate(0,-40%);
        text-align: center;
    }

        .Full.HomeSlides > .Slide:nth-child(2) > div > h2 {
            color: #ac0322;
            font: 8vmin/8vmin serif;
            width: 100%;
        }

        .Full.HomeSlides > .Slide:nth-child(2) > div ul {
            width: 100%;
            display: flex;
            flex-flow: wrap row;
            justify-content: center;
            margin: 4vh 0;
        }

            .Full.HomeSlides > .Slide:nth-child(2) > div ul a {
                float: left;
                border: 1px solid;
                padding: 0.2vw 1vh;
                line-height: 100%;
                margin: 0 0.2vw;
                color: #ac0322;
                font: 1.8vmin Roboto;
                font-weight: 100;
                text-transform: uppercase;
            }

@keyframes home-slides-programs {
    to {
        color: #ac0322;
        box-shadow: #ac0322 0 0 26px 1px,#ac0322 0 0 4px 0px inset;
    }
}

.Full.HomeSlides > .Slide:nth-child(2) > div ul a:hover {
    animation: home-slides-programs 0.4s ease forwards;
}

.Full.HomeSlides > .Slide:nth-child(2) > div h4 {
    font-weight: normal;
    font: 2vmin/2.8vmin Roboto;
    color: black;
}

    .Full.HomeSlides > .Slide:nth-child(2) > div h4 div {
        width: 100%;
        margin: 0.2vh 0;
    }

.Full.HomeSlides > .Buttons {
    position: absolute;
    left: 50%;
    bottom: 8vh;
    width: auto;
    height: 1vh;
    z-index: 9;
    transform: translate(-50%,0);
}

    .Full.HomeSlides > .Buttons div {
        float: left;
        width: 4vmin;
        height: 4vmin;
        background: #ededed;
        border-radius: 100%;
        margin: 0 2vmin;
        box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
        cursor: pointer;
    }

        .Full.HomeSlides > .Buttons div.Active {
            transform: scale(1.5);
            background: #ac0322;
        }

@keyframes home-slides {
    from {
        transform: matrix(1.1,0,0,1.1,0,0);
        opacity: 0.7;
    }
}

.Full.HomeSlides > .Slide.Active {
    display: block;
    animation: home-slides 0.4s ease;
}

.Full > .HomeStatements {
    position: absolute;
    top: 10vh;
    left: 8vw;
    height: 70vh;
}

    .Full > .HomeStatements > h2 {
        font: 7vmin/7vmin serif;
        color: black;
    }

        .Full > .HomeStatements > h2 > b {
            font-weight: bold;
            color: #ac0322;
        }

    .Full > .HomeStatements > div {
        clear: both;
        padding-top: 5vh;
    }

        .Full > .HomeStatements > div > div:nth-child(odd) {
            float: left;
            width: 5vmin;
            height: 5vmin;
        }

        .Full > .HomeStatements > div > div:nth-child(even) {
            float: left;
            width: 15vw;
            margin: 0 1vw;
            font: 1.5vmin/2.2vmin Roboto;
            color: black;
        }

.Full.review {
    background: #2a2a2a;
    box-shadow: rgba(0,0,0,0.5) 0 3px 6px 0 inset;
}

    .Full.review > h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -35%;
        margin-top: -37vh;
        height: 7%;
        width: 70%;
        font: 8vmin/8vmin serif;
    }

        .Full.review > h2 > b {
            color: #e5dc08;
        }

    .Full.review > .title {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -35%;
        margin-top: -26vh;
        font: 3vmin/3vmin serif;
        color: #e5dc08;
    }

    .Full.review > .by {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -35%;
        padding-left: 2vw;
        margin-top: -20vh;
        font: 1.4vmin/1.4vmin Roboto;
    }

    .Full.review > .from {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -35%;
        padding-left: 2vw;
        margin-top: -17.5vh;
        font: 1.4vmin/1.4vmin Roboto;
    }

    .Full.review > .video {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -35%;
        margin-top: -14vh;
        height: 50%;
        width: 50%;
        background: #fff;
    }

    .Full.review > .text {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: -35%;
        margin-top: -14vh;
        height: 50%;
        width: 19%;
        font: 2vmin/2.8vmin Roboto;
    }

    .Full.review > .nav {
        position: absolute;
        top: 59.7vh;
        width: 6vmin;
        height: 6vmin;
        background: url(/files/templates/0-site/pic-btn-review.png) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }

        .Full.review > .nav.prev {
            top: 50%;
            left: 5%;
        }

        .Full.review > .nav.next {
            top: 50%;
            right: 5%;
            transform: scale(-1,1);
        }

    .Full.review > .prev:hover {
        animation: review-prev 1s ease infinite;
    }

    .Full.review > .next:hover {
        animation: review-next 1s ease infinite;
    }

@keyframes review-prev {
    50% {
        transform: matrix(1,0,0,0.8,-10,0);
    }
}

@keyframes review-next {
    50% {
        transform: matrix(-1,0,0,0.8,10,0);
    }
}

body > .News {
    position: relative;
    width: 100vw;
    height: 25vh;
    background-color: #ad0623;
    overflow: hidden;
}

    body > .News > .Icon {
        position: absolute;
        left: 3.5vw;
        top: 2.5vh;
        width: 12vw;
        height: 20vh;
        background: url(/files/templates/0-site/news-icon.png) center center no-repeat;
        background-size: contain;
    }

    body > .News > .Arrow {
        position: absolute;
        left: 17vw;
        top: 0;
        width: 83vw;
        height: 25vh;
        background: #fff url(news-or-events-bg.png) left center no-repeat;
        background-size: 10vw 25vh;
    }

    body > .News > .Image {
        position: absolute;
        left: 32vw;
        top: 2vh;
        width: 16vw;
        height: 15vh;
        border: 3vmin solid #ad0623;
        background-image: url(/files/pages/0-site/content-01.jpg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        body > .News > .Image a {
            display: block;
            width: 100%;
            height: 100%;
        }

        body > .News > .Image:hover {
            border: 3vmin solid #e5dc08;
        }

    body > .News > .Title {
        position: absolute;
        top: 2vh;
        left: 55vw;
        font: 2.5vmin Roboto;
        color: #ad0623;
        font-weight: bold;
        /* white-space: nowrap; */
        height: 4vh;
        width: 41vw;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    body > .News > .Date {
        position: absolute;
        top: 7vh;
        left: 55vw;
        font: 1.8vmin Roboto;
        width: 30vw;
        color: #000;
        font-style: italic;
    }

    body > .News > .Text {
        position: absolute;
        top: 11vh;
        left: 55vw;
        font: 2vmin/2.8vmin Roboto;
        width: 43vw;
        color: #000;
    }

    body > .News > .Title a {
        color: #ad0623;
        font-weight: bold; /* white-space: nowrap; */
    }

    body > .News > .Date a {
        color: #000;
        font-style: italic;
    }

    body > .News > .Text a {
        color: #000;
    }

    body > .News > a.ReadFull {
        position: absolute;
        display: block;
        bottom: 2vh;
        left: 55vw;
        background: #ad0623;
        color: #fff;
        font: 2vmin/2vmin Roboto;
        text-transform: uppercase;
        padding: 0.6vh 0;
        transform: skew(-20deg);
        width: 15vw;
        text-align: center;
        white-space: nowrap;
    }

    body > .News > a.ReadOther {
        position: absolute;
        display: block;
        bottom: 2vh;
        left: 72vw;
        background: #ad0623;
        color: #fff;
        font: 2vmin/2vmin Roboto;
        text-transform: uppercase;
        padding: 0.6vh 0;
        transform: skew(-20deg);
        width: 15vw;
        text-align: center;
        white-space: nowrap;
    }

    body > .News > a.ReadFull:hover, .News > a.ReadOther:hover {
        color: #e5dc08;
    }
/*
.news-and-events { position: relative; width: 100%; background-repeat: no-repeat; background-position: 32vmin center; background-image: -moz-radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0)), url(/files/pages/2016-website/desktop/pic-home-banner1.jpg); background-size:  auto 200%; overflow: hidden; height: 28vh; overflow: hidden; }
.news-and-events > .head { position: absolute; z-index: 2; }
.news-and-events > .head::before { content: ''; position: absolute; top: -20vh; left: -30vh; width: 60vh; height: 60vh; background: #ac0322; transform: rotate(45deg) skew(20deg, 20deg); border: 4vmin solid; box-shadow: #ac0322 0 0 0 4vmin; z-index: 1; }
.news-and-events > .head::after { content: ''; position: absolute; top: 16vh; left: 4.2vw; width: 10vmin; height: 10vmin; background: url(/files/templates/0-site/icon-news-title.png) no-repeat center; background-size: contain; z-index: 2; }
.news-and-events > .head > h3 { position: absolute; top: 5vmin; left: 4vmin; z-index: 3; font: 5vmin Roboto; line-height: 100%; }
.news-and-events > .news-title { position: absolute; top: 2vh; left: 77vmin; font: 3vmin Roboto; color: #ad0623; font-weight: bold; white-space: nowrap; }
.news-and-events > .news-date { position: absolute; top: 7vh; left: 77vmin; font: 1.8vmin Roboto; width: 30vw; color: #000; font-style: italic; }
.news-and-events > .news-text { position: absolute; top: 11vh; left: 77vmin; font: 2vmin/2.8vmin Roboto; width: 55vh; color: #000; }
.news-and-events > a.read-full { position: absolute; display: block; bottom: 2vh; left: 77vmin; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 23vmin; text-align: center; }
.news-and-events > a.read-other { position: absolute; display: block; bottom: 2vh; left: 101vmin; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 23vmin; text-align: center; }
.news-and-events > a.read-full:hover, .news-and-events > a.read-other:hover { color: #e5dc08; }
.news-and-events > .divider { position: absolute; top: -3rem; left: 106rem; width: 2rem; height: 25rem; transform: rotate(20deg); background: #e5dc08; }
.news-and-events > .event { position: absolute; top: -3rem; left: 110rem; width: 200rem; height: 25rem; transform: skew(-20deg); background: #e5dc08; }
.news-and-events > .event-date { position: absolute; top: 1rem; right: 3rem; font-size: 2.2rem; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic; }
.news-and-events > .event-time { position: absolute; top: 4rem; right: 3rem; font-size: 3.5rem; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic; }
.news-and-events > .event-title { position: absolute; top: 9rem; right: 3rem; width: 27rem; font-size: 1.9rem; line-height: 2rem; text-transform: uppercase; color: #000; font-weight: bold; text-align: right; }
.news-and-events > a.event-details { position: absolute; display: block; bottom: 1rem; right: 17rem; background: #fff; color: #ad0623; font-size: 1rem; text-transform: uppercase; padding: 0.6rem 0; transform: skew(-20deg); width: 13rem; text-align: center; }
.news-and-events > a.other-events { position: absolute; display: block; bottom: 1rem; right: 3rem; background: #fff; color: #ad0623; font-size: 1rem; text-transform: uppercase; padding: 0.6rem 0; transform: skew(-20deg); width: 13rem; text-align: center; }
*/

footer {
    width: 100%;
    text-align: center;
    padding: 5vh 15vw 3vh 15vw;
    background: #333;
    box-sizing: border-box;
}

    footer > div > div {
        display: flex;
        justify-content: center;
    }

        footer > div > div > div {
            display: table-cell;
        }

            footer > div > div > div > a {
                display: block;
                padding: 3px 0;
                margin: 0 8px;
                color: #cac899;
                font: lighter 13px/120% Roboto;
            }

                footer > div > div > div > a:first-child {
                    margin-bottom: 0.8vh;
                    padding: 0.3vh 0;
                    text-transform: uppercase;
                    font: bold 13px/120% Roboto;
                    color: #ddd;
                    white-space: nowrap;
                }

                footer > div > div > div > a:last-child {
                    margin-bottom: 3vh;
                }

    footer a:hover {
        color: #fcc100;
    }

    footer > div > div > div a {
        text-align: left;
    }

    footer > div:nth-child(2) {
        border-bottom: .1vmin solid #ddd;
        border-top: .1vmin solid #ddd;
        padding-top: 3vh;
    }

    footer > div > a {
        display: inline-block;
        color: #ddd;
        font: lighter 13px/120% Roboto;
        padding: 0.2vh 0.2vw;
    }

        footer > div > a:nth-of-type(1) {
            border-right: 1px solid #ddd;
        }

        footer > div > a:nth-of-type(2) {
            border-right: 1px solid #ddd;
        }

    footer #careers {
        border-left: 1px solid #ddd;
    }

    footer > div:not(.SocialMedia) > a {
        padding: 0.2vh 1vw;
        margin: 2vh 0;
        cursor: pointer;
    }

#thirdparty-icon {
    display: flex;
    justify-content: center;
    border-bottom: none;
}

    #thirdparty-icon img {
        flex: 0 1 auto;
        width: 12vmin;
        height: 12vmin;
        padding: 2vmin;
    }

@keyframes aNew {
    to {
        color: #e5dc08;
    }
}

@keyframes aNewAfter {
    from {
        transform: matrix(0.1,0,0,1,-100,0);
    }
}





.background-picture-bank {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

    .background-picture-bank li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }




#nextBtn:hover {
    animation: btnRot2 1s ease infinite;
}

@keyframes btnRot1 {
    50% {
        transform: matrix(1,0,0,0.8,-10,0);
    }
}

@keyframes btnRot2 {
    50% {
        transform: matrix(-1,0,0,0.8,10,0);
    }
}

#prevBtn {
    left: 38rem;
}

#nextBtn {
    left: 125rem;
    transform: scale(-1,1);
}
/*
.grid-news {
    position: relative;
    width:100%;
    background: #e5dc08;
    box-shadow: rgba(0,0,0,0.4) 0 -2px 4px 0;
    z-index: 2;
}

.news-body {
    position: relative;
    margin: 8rem 20rem;
    width:calc(100% - 40rem);
    background: #fff;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;
    padding: 2rem;
    height: 16rem;
    overflow: hidden;
}

.news-title {
    position: absolute;
    z-index: 2;
    
}
.news-title::before {
    content:'';
    position: absolute;
    top:-10rem;
    left:-18rem;
    width:33rem;
    height: 33rem;
    background: #ac0322;
    transform: rotate(45deg);
    border:2rem solid;
    box-shadow: #ac0322 0 0 0 2rem;
    z-index: 1;
}
.news-title::after {
    content:'';
    position: absolute;
    top:8rem;
    left:6rem;
    width:8rem;
    height:8rem;
    background: url(img//files/templates/0-site/icon-news-title.png) no-repeat center;
    background-size: contain;
    z-index: 2;
}
.news-title h3 {
    position: absolute;
    top:1rem;
    left:1.2rem;
    z-index: 3;
    font-size: 3.5rem;
    line-height: 100%
}

.news-holder {
    position: absolute;
    left:33rem;
    width:calc(100% - 35rem);
    height: calc(100% - 4rem);
}
.news-holder img {
    position: absolute;
    top:5%;
    height: 90%;
}

.news-content {
    position: absolute;
    top:5%;
    left:24rem;
    color:#2a2a2a;
    width:50%;
}
.news-content h3 {
    font-size:2rem;
    width:100%;
    margin-top:-0.5rem;
    margin-bottom:0.5rem;
}
.news-content i {
    margin-right: 1rem;
}
.news-content p {
    margin-top:1rem;
    float: left;
}
.news-content a {
    position: relative;
    float: left;
    color: #ac0322;
    margin-top:1rem;
    padding-bottom:1rem;
    overflow: hidden;
}
.news-content a:hover {
    animation:aNew 0.6s linear forwards;
}
.news-content a:hover::after {
    display: block;
}
.news-content a::after {
    content:'';
    position: absolute;
    top:70%;
    left:0;
    width:100%;
    height:2px;
    background: #ad5f03;
    animation: aNewAfter 0.2s ease;
    display: none;
}
@keyframes aNew {
    to {color:#ad5f03;}
}
@keyframes aNewAfter {
    from {transform: matrix(0.1,0,0,1,-100,0);}
}
*/

.m-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

@keyframes mPage {
    from {
        transform: matrix(1.1,0,0,1.1,0,0);
        opacity: 0.7;
    }
}

@keyframes ulA {
    to {
        color: #ac0322;
        box-shadow: #ac0322 0 0 26px 1px,#ac0322 0 0 4px 0px inset;
    }
}

#m-ourPrograms h4 {
    font-weight: normal;
}

    #m-ourPrograms h4 div {
        width: 100%;
        margin: 0.2rem 0;
    }

.counter {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    width: auto;
    height: 1rem;
    z-index: 9;
    transform: translate(-50%,0);
}

    .counter div {
        width: 1rem;
        height: 1rem;
        background: #ededed;
        border-radius: 100%;
        margin: 0 0.5rem;
        box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
        cursor: pointer;
    }

        .counter div.select {
            transform: scale(1.2);
            background: #ac0322;
        }

#homepage {
    overflow: hidden;
}

#iconSocial a img {
    width: 10%;
    height: 10%;
    margin: 7% 3% 0 0;
}

    #iconSocial a img:hover {
        transform: rotate(360deg);
        transition: all .6s ease-in-out 0s;
    }

/* Admissions->Apply style */
form.application-form input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    position: initial;
    font: initial;
}

form.application-form select, form.application-form input[type=text] {
    background: none;
    border: 0.01vmin solid #0c0c0c;
    color: #000;
}

form.application-form input.dob {
    background: url(/files/templates/0-site/icon-calendar.png) right 2px top 1px no-repeat;
    position: relative;
    cursor: pointer;
}

form.application-form input[type=text].error {
    background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 2px top 1px no-repeat;
}

form.application-form select.error {
    background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 27px top 1px no-repeat;
}

form.application-form input[type=text] {
    width: 11.88vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw;
}

form.application-form select.gender, form.application-form select.country {
    width: 11.89vw;
    padding: 0.25vw 0vw;
    margin: 0 0.25vw 0.25vw 0;
}

form.application-form select {
    width: 24.01vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw 0vw;
}

form.application-form input.email, form.application-form input.address {
    width: 24.01vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw;
}

form.application-form button.ui-datepicker-trigger {
    display: none;
}

form.application-form input::-webkit-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input:-moz-placeholder { /* Firefox 18- */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input:-ms-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form select option, form.application-form select optgroup {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

form.application-form button {
    background: linear-gradient(0deg, #fade1d, #e3ab0c);
    width: 60%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    padding: 2%;
    text-align: center;
    display: block;
    color: #ab0322;
    border-radius: 5px;
    font-weight: bold;
    border: 0.01vmin solid #be8e19;
    margin-top: 3%;
    transition: all .2s ease-in-out;
    font-size: 1.16vw;
    cursor: pointer;
}

    form.application-form button:hover {
        transform: scale(1.05);
        background: linear-gradient(0deg, #ab0322, #ab0322);
        color: #fade1d;
    }

form.application-form h3 {
    margin-top: 2%;
}

form.application-form small {
    display: block;
    color: #aaaaaa;
    font: 1vmin/1.3vmin Arial;
    margin: 1vh 0 0 0;
    width: 96.1%;
}

/* New lead form by ST */
.lead-form > .Title {
    margin: 3vh 0 0 0;
    padding: 0 5vw 0 0;
    border-bottom: none;
    font: 4vmin/5vmin Roboto;
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
    font: 1.5vmin/2vmin Roboto;
    color: black;
    margin: 0 0 1.5vh 0;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    border: .2vmin solid #867700;
    display: inline-block;
    vertical-align: middle;
    width: 2vmin;
    height: 2vmin;
    width: 1.7vmax;
    height: 1.7vmax;
    text-align: center;
    font: 1.9vmin/2.5vmin Roboto;
    font: 1.7vmax/2.5vmin Roboto;
    color: #2a2a2a;
    margin-right: 0.5vw;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "✓";
    color: #810118;
}

form > div.select.CountryID {
    display: none;
}

.lead-form > input, .lead-form > select {
    position: relative;
    background: none;
    padding: 1vh 1vw;
    margin: 0 0 2vh 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.lead-form > button {
    padding: 1.5vh 0;
}

.lead-form > div > select {
    position: relative;
    background: none;
    border: .2vmin solid #867700;
    font: 1.5vmin/2vmin Roboto;
    color: #2a2a2a;
    width: 25vw;
    padding: 1vh 1vw;
    margin: 0 0 2vh 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .lead-form > div > select.error {
        background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right .15vw top .4vh no-repeat;
        color: #fff;
    }

    .lead-form > div > select option {
        background: #e5dc08;
        color: #2a2a2a;
    }

#program-by-campus-link {
    margin: 0 0 3vh 0;
    color: black;
    font: 1.6vmin/1.8vmin Roboto;
}

    #program-by-campus-link a {
        color: #ac0322;
    }

        #program-by-campus-link a:hover {
            color: #fcc100;
        }

.sm-cover {
    position: relative;
    margin-right: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 0 4px 6px 0
}

    .sm-cover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px
    }

    .sm-cover::after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        width: 30px;
        height: 30px
    }

#frameFB::before {
    background: #4c659e
}

#frameFB::after {
    background: url(/files/templates/_site/_desktop/iconHeader.png) no-repeat 0 0;
    background-size: 400%
}

#frameT::before {
    background: #fff
}

#frameT::after {
    background: url(/files/templates/_site/_desktop/iconHeader.png) no-repeat 33% 0;
    background-size: 400%
}

#frameIG::before {
    background: #fff
}

#frameIG::after {
    background: url(/files/templates/_site/_desktop/iconHeader.png) no-repeat 100% 0;
    background-size: 400%
}

#frameYTB::before {
    background: #cc262a
}

#frameYTB::after {
    background: url(/files/templates/_site/_desktop/iconHeader.png) no-repeat 66% 0;
    background-size: 400%
}

.instagram_bg {
    padding-top: 6vmin;
}

.Full > * > .Text > ul {
    margin-left: 2.5vw;
}

#mobile-menu-btn, #mobile-nav {
    display: none;
}

.RequestInfoMobile,
.ApplyNowMobile {
    display: none;
}

.back-to-top {
    margin: 0;
    position: fixed;
    bottom: 4vmin;
    right: 3vmin;
    width: 12vmin;
    height: 12vmin;
    z-index: 100;
    display: none;
    text-decoration: none;
    background-image: url(/files/templates/0-site/icon-up.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.connect-reviews {
    border-bottom: 10px solid #444;
}

body > .Events {
    border-bottom: 10px solid #444;
}

div#home-slides {
    border-bottom: 10px solid #444;
}


/* Admissions->Apply style */
form.application-form input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    position: initial;
    font: initial;
}

form.application-form select, form.application-form input[type=text] {
    background: none;
    border: 0.01vmin solid #0c0c0c;
    color: #000;
}

form.application-form input.dob {
    background: url(/files/templates/0-site/icon-calendar.png) right 2px top 1px no-repeat;
    position: relative;
    cursor: pointer;
}

form.application-form input[type=text].error {
    background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 2px top 1px no-repeat;
}

form.application-form select.error {
    background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 27px top 1px no-repeat;
}

form.application-form input[type=text] {
    width: 11.88vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw;
}

form.application-form select.gender, form.application-form select.country {
    width: 11.89vw;
    padding: 0.25vw 0vw;
    margin: 0 0.25vw 0.25vw 0;
}

form.application-form select {
    width: 24.01vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw 0vw;
}

form.application-form input.email, form.application-form input.address {
    width: 24.01vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw;
}

form.application-form button.ui-datepicker-trigger {
    display: none;
}

form.application-form input::-webkit-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input:-moz-placeholder { /* Firefox 18- */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form input:-ms-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.application-form select option, form.application-form select optgroup {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

form.application-form button {
    background: linear-gradient(0deg, #fade1d, #e3ab0c);
    width: 60%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    padding: 2%;
    text-align: center;
    display: block;
    color: #ab0322;
    border-radius: 5px;
    font-weight: bold;
    border: 0.01vmin solid #be8e19;
    margin-top: 3%;
    transition: all .2s ease-in-out;
    font-size: 1.16vw;
    cursor: pointer;
}

    form.application-form button:hover {
        transform: scale(1.05);
        background: linear-gradient(0deg, #ab0322, #ab0322);
        color: #fade1d;
    }

form.application-form h3 {
    margin-top: 2%;
}

form.application-form small {
    display: block;
    color: #aaaaaa;
    font: 1vmin/1.3vmin Arial;
    margin: 1vh 0 0 0;
    width: 96.1%;
}

/* career-services */
form.career-services input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    position: initial;
    font: initial;
}

form.career-services select, form.career-services input[type=text] {
    background: none;
    border: 0.01vmin solid #0c0c0c;
    color: #000;
}

    form.career-services input[type=text].error {
        background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 2px top 1px no-repeat;
    }

    form.career-services select.error {
        background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 27px top 1px no-repeat;
    }

form.career-services textarea.error {
    background: #a29f92 url(/files/templates/0-site/invalid-bg.png) right 25px top 1px no-repeat;
}

form.career-services input[type=text] {
    width: 11.88vw;
    margin-right: 0.25vw;
    margin-bottom: 0.25vw;
    padding: 0.25vw;
    font-family: Arial;
}

form.career-services input[name=Email] {
    width: 24.01vw;
    margin-right: 0.25vw;
    margin-bottom: .65vw;
    padding: 0.25vw;
}

form.career-services input::-webkit-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services input:-moz-placeholder { /* Firefox 18- */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services input::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services input:-ms-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services textarea {
    width: 35.60vw;
    margin-right: 0.25vw;
    margin-bottom: .65vw;
    padding: 0.25vw;
    background: none;
    border: 0.01vmin solid #0c0c0c;
    color: #000;
    height: 12vh;
    font-family: Arial;
}

form.career-services button {
    background: linear-gradient(0deg, #fade1d, #e3ab0c);
    width: 60%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    padding: 2%;
    text-align: center;
    display: block;
    color: #ab0322;
    border-radius: 5px;
    font-weight: bold;
    border: 0.01vmin solid #be8e19;
    margin-top: 3%;
    transition: all .2s ease-in-out;
    font-size: 1.16vw;
    cursor: pointer;
}

    form.career-services button:hover {
        transform: scale(1.05);
        background: linear-gradient(0deg, #ab0322, #ab0322);
        color: #fade1d;
    }

form.career-services h2 {
    color: #000;
    font: bold 2.2vmin/2.6vmin Roboto;
    text-transform: uppercase;
    margin: 3vh 0 2vh 0;
}

form.career-services span.error {
    font: 1.8vmin/2.8vmin Roboto;
    color: #ac0322;
    padding-right: 2vmin;
}

form.career-services textarea::-webkit-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services textarea:-moz-placeholder { /* Firefox 18- */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services textarea::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

form.career-services textarea:-ms-input-placeholder {
    color: #000;
    text-transform: uppercase;
    opacity: 1;
}

#program-and-course-video {
    width: 100vw;
    padding: 5vh;
    border-bottom: 10px solid #444;
}

}

section #video {
    padding: 2em 0;
    margin-left: 0;
    display: flex;
}

#yt-video-div {
    float: left;
    margin-left: 2.5vw;
    color: white
}

#yt-video-mobile {
    display: none;
}

#yt-video {
    width: 22vw;
    height: 25vh;
}

div.video_nav {
    width: 87vw;
    margin: 0 2.5vw;
    margin-top: 4vh;
    box-sizing: border-box;
    clear: both;
}

.video_nav_content {
    height: 100%;
    position: relative;
}

    .video_nav_content div.scroll {
        height: calc(100% + 10px);
        -webkit-overflow-scrolling-x: touch;
    }

    .video_nav_content a {
        margin-right: 10px;
    }

        .video_nav_content a img {
            transition: .3s ease-in-out;
            height: 12vh;
        }

div.video_nav > .video_nav_content #video_left {
    position: absolute;
    right: 100%;
    top: 8%;
    height: 100%;
    display: none;
}

    div.video_nav > .video_nav_content #video_left img, div.video_nav > .video_nav_content #video_right img {
        -webkit-filter: brightness(100%);
        -webkit-transition: all 0.5s ease;
        transition: all 1s ease;
        cursor: pointer;
        height: 100%;
    }

        div.video_nav > .video_nav_content #video_left img:hover, div.video_nav > .video_nav_content #video_right img:hover {
            -webkit-filter: brightness(0%);
        }

div.video_nav > .video_nav_content #video_right {
    position: absolute;
    left: 100%;
    top: 8%;
    height: 100%;
    display: none;
}

#program-and-course-video-desc {
    float: left;
    width: 62vw;
    margin-left: 3vw;
    color: #000;
    font: 1.4vmin/2vmin Lato;
}

.xheader {
    font: bold 4vmin/5vmin Roboto;
    color: #ac0322;
    font-style: normal;
    font-weight: bold;
    font-size: 2vmin;
    line-height: 2.6vmin;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    margin-bottom: 1vw;
    text-transform: uppercase;
}

.xtext {
    font: 1.6vmin/2.4vmin Lato;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6vmin;
    line-height: 2.4vmin;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
}



/* start responsive layout */

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

    form#cse-search-box {
        display: none;
    }
}

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

    .Full > * > .Text {
        padding-right: 0;
    }

    body {
        margin-top: 40px;
    }

    .SocialMedia_News {
        display: none;
    }

    footer > div {
        display: none;
    }

        footer > div:last-child {
            display: block;
        }

    body > .News {
        display: none;
    }

    header > .Navigation {
        display: none;
    }

    .Full.connect > .Content > #SMCover {
        display: none;
    }

    .lead-form > .Close {
        display: none;
    }

    header {
        height: 40px;
    }

        header > .Logo {
            top: 0;
            height: 40px;
            width: 95px;
            left: 10px;
        }

    #mobile-menu-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 25%;
        width: 50%;
        font-family: Roboto;
        pointer: cursor;
    }

    header > .Phone {
        top: 9px;
        font: 22px/22px Roboto;
    }

    #mobile-menu-btn span:first-child {
        font-size: 15px;
        padding-right: 5px;
    }

    #mobile-menu-btn span {
        cursor: pointer;
    }

    #mobile-menu-btn .bar1, #mobile-menu-btn .bar2, #mobile-menu-btn .bar3 {
        width: 15px;
        height: 2px;
        background-color: white;
        margin: 3px 0;
        transition: 0.4s;
        border-radius: 1px;
    }

    #mobile-nav {
        width: calc(100vw - (100vw - 100%));
        font-family: Roboto;
        margin-top: 66px;
        padding: 2vh 2vw;
        box-shadow: rgba(0,0,0,0.5) 0 -3px 6px 0 inset;
        box-sizing: border-box;
    }

        #mobile-nav div > div > a {
            font-size: 20px;
            border-bottom: solid 1px #ec1a3a;
            display: block;
            text-decoration: none;
            color: #ec1a3a;
        }

        #mobile-nav div > div > div a {
            border-bottom: none;
            display: block;
            text-decoration: none;
            color: grey;
            font-size: 16px;
            margin: 6px 0;
        }

    .Full {
        position: static !important;
        min-height: initial;
    }

        .Full > .Background {
            position: static !important;
            height: 40vh !important;
            background-position: center 20%;
            box-shadow: none;
            display: none;
        }

        .Full > .News, .Full > .Content,
        .Full > .Category,
        .Full > .CategoryStatements,
        .Full > .Program,
        .Full.Campus > .Content, .Full.ThingsToDo > .Content, .Full.PlacesToVolunteer > .Content,
        .Full > .Events {
            width: 96%;
            margin: 5vh 2vw;
        }

        .Full.ProgramCourses {
            padding: 0;
            width: calc(100vw - (100vw - 100%));
            margin-bottom: 10vh;
        }

            .Full.ProgramCourses .Background {
                display: none;
            }

            .Full.ProgramCourses > .Title {
                margin: 5vh 2vw;
            }

            .Full.ProgramCourses > .Course {
                margin: .3vh 2vw;
                width: 96%;
            }

    body.faq .Full.ProgramCourses > .Course {
        margin: .3vh 2vw;
        width: 96%;
    }

    .Full > .Program > span.Crumb,
    .Full > .Program > a.Crumb,
    .Full > .Program > a.Crumb::after,
    .Full > .Category > span.Crumb,
    .Full > .Category > a.Crumb,
    .Full > .Category > a.Crumb::after,
    .Full > .News > span.Crumb,
    .Full > .News > a.Crumb,
    .Full > .News > a.Crumb::after,
    .Full > .Content > span.Crumb,
    .Full > .Content > a.Crumb,
    .Full > .Content > a.Crumb::after,
    .Full > .Events > span.Crumb,
    .Full > .Events > a.Crumb,
    .Full > .Events > a.Crumb::after {
        font: 16px/120% Roboto;
    }

    .Full > .Program > h1,
    .Full > .Category > h1,
    .Full > .Content > h1,
    .Full > .Content > .Title,
    .Full.CampusPrograms > .Title,
    .Full > .Events > h1,
    .Full > .News > h1, .Full > .Content > h1,
    .lead-form > .Title {
        font: bold 30px/35px Roboto;
    }

    .Full > .Program > .Text,
    .Full > .Category > .Text,
    .Full > * > .Text,
    .Full.Employment > .Content > .Text p > big,
    .Full.Employment > .Content > .Text p > strong,
    .Full.Employment > .Content > .Text p > span,
    .Full.Employment > .Content > .Text p > em > span,
    .Full.Employment > .Content > .Text p > span > span,
    .Full.Employment > .Content > .Text ul > li,
    .Full.Employment > .Content > .Text ul > li big,
    .Full.Employment > .Content > .Text ul > li > span,
    .Full.Employment > .Content > .Text ul > li > span span,
    .Full.Employment > .Content > .Text p > big > strong,
    .Full.Employment > .Content > .Text p > span > strong,
    .Full.Employment > .Content > .Text h2,
    .Full.Employment > .Content > .Text em,
    .Full.Employment > .Content > .Text p > span em,
    .Full > .Events > .Story > .Message,
    .Full > .Events > .Story > .Nothing,
    .Full > .Events > .Story > .When,
    .Full > .Events > .Story > .Preview,
    .connect .Content > h4,
    .connect .Content > p,
    .Full > .News > .Story > .When,
    .Full > .News > .Story > .Preview,
    .lead-form > input, .lead-form > select,
    .checkbox-custom-label,
    .lead-form > div > select,
    .Full.ProgramCourses > .Course > .Description {
        font: 16px/130% Roboto !important;
    }

    .Full > .Program > .Jobs ul > li {
        font: 900 4.5vmin/6.5vmin Roboto;
    }

    .Full > .Program > .Jobs ul:before {
        font: 900 5vmin/6vmin Roboto;
    }

    .Full.ProgramCourses > .Title {
        font: bold 5vmin/6vmin Roboto;
    }

    .Full.ProgramCourses > .Course > .Caption {
        font: 5vmin/4vh Roboto;
    }

    body.faq .Full.ProgramCourses > .Course > .Caption {
        font: 5vmin/4vh Roboto;
        line-height: 120%;
    }

    .Full.ProgramCourses > .Course > .Caption > b {
        display: block;
    }

    .Full.ProgramCourses > .Course:before {
        display: none;
    }

    .Full > .Category > .Text .heading {
        font: bold 4.6vmin/5.6vmin Roboto;
    }

    .Full > .Category > a.Program {
        display: block;
        margin: 0 0 .5vh 0;
        padding: 0.8vh 0.8vw;
        font: 4vmin/6.6vmin Roboto;
        color: #fff;
        background: #000;
        border-left: 0.4vw solid #e5dc08;
        border-right: 0.4vw solid #e5dc08;
        border-radius: 0.2vmin;
    }

    .Full > .CategoryStatements > div {
        padding: 2vh 2vw;
        font: 4.5vmin/7.2vmin Roboto;
        background-position: left 2vw top 3vh;
        background-repeat: no-repeat;
        background-size: 5vw auto;
    }

        .Full > .CategoryStatements > div > .heading,
        .Full > * > .Text .heading,
        .Full > .Events > .Story > .Title,
        .Full > .News > .Story > .Title {
            font: bold 20px/25px Roboto;
            margin: 0 0 1vh 9vw;
        }

    form.application-form input[type=text],
    form.application-form select.gender,
    form.application-form select.country,
    form.application-form select {
        width: 100%;
        margin-bottom: 0.25vw;
    }

    form.application-form input[type=text] {
        padding: 2.25vw 5px;
    }

    form.application-form select.gender,
    form.application-form select.country,
    form.application-form select {
        padding: 2.25vw 0;
    }

    form.application-form button {
        ;
        font-size: 5.16vw;
        width: 99%;
    }

    form.application-form small,
    .lead-form > small {
        font: 3vmin/3.3vmin Arial;
        opacity: 0.5;
    }

    .Full.Campus > .Background > a {
        position: relative;
        width: 100%;
        height: 40vh;
        display: block;
        top: 0;
        left: 0;
    }

        .Full.Campus > .Background > a:after {
            opacity: 1;
            background-color: rgba(134, 134, 134, 1);
        }

    .Full.Campus > .Content {
        margin: 2vh 2vw;
    }

    .Full.CampusPrograms {
        padding: 8vh 2vw 8vh 2vw;
        width: 96%;
    }

        .Full.CampusPrograms .Background {
            margin: 0 -5vw;
        }

        .Full.CampusPrograms > .CampusCategory {
            color: #000;
            font: bold 4vmin/3vmin Roboto;
        }

        .Full.CampusPrograms > a.CampusProgram {
            font: 4vmin/6.6vmin Roboto;
        }

    #program-by-campus-link {
        font: 4.6vmin/6.8vmin Roboto;
    }

    .Full.Employment > .Content > .Text .Attributes {
        font: 4.2vmin/6.2vmin Roboto;
    }

    .Full.Employment > .Content > .Text p {
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .Full.Employment > .Content > .Text a {
        font: 900 6vmin/7vmin Roboto;
    }

    .social-icons {
        text-align: center;
    }

    .Full > .News > .Story {
        padding: 0;
        margin: 0 0 4vh 0;
    }

        .Full > .News > .Story > .Image {
            position: static;
            width: 100%;
            height: 25vh;
            border: none;
        }

        .Full > .News > .Story > .Title,
        .Full > .Events > .Story > .Title,
        .Full > * > .Text .heading {
            margin: 1vh 0;
        }

        .Full > .News > .Story:hover {
            background: none;
        }

            .Full > .News > .Story:hover > .Title {
                color: initial;
            }

            .Full > .News > .Story:hover > .When {
                color: #ac0322;
            }

            .Full > .News > .Story:hover > .Preview {
                color: #444;
            }

            .Full > .News > .Story:hover > .Image {
                border-left-color: initial;
                border-right-color: initial;
            }

    .Full > .News > .More,
    .lead-form > button {
        font: 20px/120% 'Roboto', sans-serif;
    }

    header > .RequestInfo,
    header > .ApplyNow {
        display: none;
    }

    header > .RequestInfoMobile {
        position: absolute;
        cursor: pointer;
        top: 100%;
        background: #000000;
        color: #e5dc08;
        text-transform: uppercase;
        font: bold 17px/12px Roboto;
        padding: 13px 3vw;
        text-align: center;
        box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 3px 0 inset;
        transition: all .5s;
        width: 50%;
        box-sizing: border-box;
        left: 0;
        border-radius: 0;
        display: block;
        height: 36px;
    }

    header > .ApplyNowMobile {
        position: absolute;
        cursor: pointer;
        top: 100%;
        background: #e5dc08;
        color: #ac0322;
        text-transform: uppercase;
        font: bold 17px/12px Roboto;
        padding: 13px 3vw;
        text-align: center;
        box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 3px 0 inset;
        transition: all .5s;
        width: 50%;
        box-sizing: border-box;
        right: 0;
        border-radius: 0;
        display: block;
        height: 36px;
    }

    .lead-form {
        display: block !important;
        position: static;
        width: calc(100vw - (100vw - 100%));
        animation: unset;
        height: initial;
        padding-bottom: 3vh;
        box-sizing: border-box;
        background: #fffcba;
    }

    header > .Phone::after {
        content: '';
        position: absolute;
        top: 2px;
        left: -23px;
        width: 20px;
        height: 20px;
        margin-top: 0;
        background: url(/files/templates/0-site/top-icon-phone1.png) no-repeat center;
        background-size: 18px;
    }

    .lead-form > .Title {
        width: 82vw;
    }

    .lead-form > input, .lead-form > select,
    .lead-form > div > select {
        width: calc(93vw - (93vw - 97%));
        -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .checkbox-custom + .checkbox-custom-label:before {
        width: 3.7vmax;
        height: 3.7vmax;
        font: 4.7vmax/4.5vmin Roboto;
        margin-right: 10px;
    }

    .lead-form > button {
        width: calc(93vw - (93vw - 100%));
    }

    .Full.HomeSlides {
        position: relative !important;
        min-height: calc(100vh - 40px);
    }

        .Full.HomeSlides > .Slide:nth-child(1) > div h1::before {
            display: none;
        }

        .Full.HomeSlides > .Slide:nth-child(1) > div,
        .Full.HomeSlides > .Slide:nth-child(2) > div {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            background-color: rgba(255,255,255,0.9);
            padding: 7vh 2vw;
            left: 0;
            transform: none
        }

        .Full.HomeSlides > .Slide:nth-child(2) > div {
            padding: 8vh 2vw;
        }

        .Full.HomeSlides > .Slide:nth-child(1) > div h1 {
            font: bold 6vmin/8vmin Roboto;
        }

        .Full.HomeSlides > .Slide:nth-child(1) > div > .Text {
            font: 3.5vmin/5.2vmin Roboto !important;
        }

        .Full.HomeSlides > .Buttons {
            bottom: 4vh;
        }

        .Full.HomeSlides > .Slide:nth-child(2) > div > h2 {
            color: #ac0322;
        }

        .Full.HomeSlides > .Slide:nth-child(2) > div ul {
            justify-content: center;
            margin: 3vmin 0;
            display: flex;
            flex-wrap: wrap;
            padding: 0;
            list-style: none;
        }

            .Full.HomeSlides > .Slide:nth-child(2) > div ul a {
                flex: 0 0 46%;
                align-items: center;
                display: flex;
                justify-content: center;
                text-align: center;
                margin: 0 1vmin 1vmin 0;
                box-sizing: border-box;
                padding: 1vmin;
                font-size: 4.2vmin;
                text-transform: uppercase;
            }

        .Full.HomeSlides > .Slide:nth-child(2) > div h4 {
            font: 4vmin/5vmin Roboto;
            color: #444;
        }

    body > .Events {
        display: none;
    }

    div.HomeSlides + div.Full .Background {
        display: none;
    }

    .Full > .HomeStatements {
        position: static;
        height: initial;
        margin-top: 17vmin;
    }

        .Full > .HomeStatements > h2 {
            margin: 1vmin 2vw;
            padding-bottom: 5vh;
            text-align: center;
        }

        .Full > .HomeStatements > div {
            margin: 0;
            padding-top: 0;
        }

            .Full > .HomeStatements > div > div:nth-child(odd) {
                float: none;
                width: 100%;
                height: 18vmin;
                margin-bottom: 7vmin;
            }

            .Full > .HomeStatements > div > div:nth-child(even) {
                float: none;
                width: 96%;
                margin: 0 2vw;
                font: 4.5vmin/7.2vmin Roboto;
                color: black;
                padding-bottom: 5vh;
            }

    footer > a {
        font: lighter 3.2vmin/4vmin Roboto;
    }

    .Full > * > .Text > ul {
        margin-left: 4.5vw;
    }

    .Full.Employment > .Content > .Text ul {
        margin: 1vh 0 1vh 4.5vw !important;
    }

    footer > div > a {
        font: lighter 13px/120% Roboto;
    }

    .connect-reviews {
        border-bottom: none;
    }

    body > .Events {
        border-bottom: none;
    }

    div#home-slides {
        border-bottom: none;
    }


    form.career-services h2 {
        font: bold 4.6vmin/5.6vmin Roboto;
    }

    form.career-services input[type=text], form.career-services textarea {
        padding: 2.25vw 5px;
    }

    form.career-services input[type=text] {
        width: 100%;
        margin-bottom: 0.25vw;
    }

    form.career-services textarea {
        width: 100%;
        margin-bottom: 0.25vw;
        box-sizing: border-box;
    }

    form.career-services button {
        font-size: 5.16vw;
        width: 99%;
    }

    form.career-services span.error {
        font: 4.5vmin/7.2vmin Roboto !important;
    }

    #program-and-course-video {
        width: 100%;
        margin: 0;
        padding: 4vh 2vw 4vh 2vw;
        box-sizing: border-box;
        border-top: 10px solid #444;
    }

    #yt-video {
        display: none;
    }

    div.video_nav {
        display: none;
    }

    #yt-video-div {
        position: relative;
        width: 79vw;
        height: 56vw;
        margin: 0 7vw;
        float: none;
    }

    #yt-video-div-before {
        position: absolute;
        left: -9vw;
        content: '';
        background: url(/files/templates/landing-page-2017/images/arrow-left.png) center center no-repeat;
        background-size: contain;
        width: 8vw;
        height: 100%;
        cursor: pointer;
    }

    #yt-video-div-after {
        position: absolute;
        left: 100%;
        content: '';
        background: url(/files/templates/landing-page-2017/images/arrow-right.png) center center no-repeat;
        background-size: contain;
        width: 8vw;
        height: 100%;
        cursor: pointer;
    }

    #yt-video-mobile {
        width: 100%;
        height: 56vw;
        flex: 1 1 100%;
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

        #yt-video-mobile iframe {
            width: 100%;
            height: 100%;
            display: none;
        }

            #yt-video-mobile iframe.Active {
                display: block;
            }

    @keyframes news-from-left {
        from {
            transform: translate(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes news-from-right {
        from {
            transform: translate(100%)
        }

        to {
            transform: translate(0)
        }
    }

    .from-left {
        animation: news-from-left .3s;
    }

    .from-right {
        animation: news-from-right .3s;
    }

    #video_desc {
        padding: 0;
        flex: 1 1 100%;
    }

    #yt-mobile-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60%;
    }

    .video_nav_content {
        width: 68%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #program-and-course-video-desc {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 4vh;
        font: 3.5vmin/4.7vmin Lato;
    }

    .xheader {
        font: bold 4.5vmin/6.5vmin Lato;
    }

    .xtext {
        font: 3.5vmin/4.7vmin Lato;
    }



    .Full.newsletter > .Content .box .header {
        display: block;
    }

    .Full.newsletter > .Content {
        width: 96%;
    }

        .Full.newsletter > .Content .box {
            width: initial;
        }

    .Full.newsletter .newsletter-campus-articles a {
        width: 48%;
        margin-left: 2%;
    }

        .Full.newsletter .newsletter-campus-articles a p,
        .Full.newsletter .newsletter-campus-articles a .readmore {
            font: 4.5vmin/7.2vmin Roboto !important;
        }

        .Full.newsletter .newsletter-campus-articles a .readmore {
            background-size: 5.4vw;
        }

        .Full.newsletter .newsletter-campus-articles a h2 {
            font: bold 7vmin/8.5vmin Roboto;
        }

    .Full.newsletter #newsletter-articles #row1 .right h1 {
        margin: 3vh 0 2vh 0;
    }

    .Full.newsletter #newsletter-articles #row1 .right h2 {
        font: bold 4.5vmin/5vmin Roboto;
    }

    .Full.newsletter #newsletter-articles #row1 {
        height: auto;
        flex-direction: column;
    }

        .Full.newsletter #newsletter-articles #row1 .left {
            margin-right: 0%;
            height: 40vh;
        }

    .Full.newsletter #newsletter-articles #row2 .right {
        column-count: 1;
    }

    .Full.newsletter #newsletter-articles #row2 .left .newsl-e-title, .Full.newsletter #newsletter-articles #row2 .left .newsl-a-title, .Full.newsletter #newsletter-articles #row2 h3 {
        font: bold 7vmin/8.5vmin Roboto;
    }

    .Full.newsletter #newsletter-articles #row2 {
        display: block;
    }

        .Full.newsletter #newsletter-articles #row2 .left {
            margin-right: 0;
            margin-bottom: 3%;
        }

            .Full.newsletter #newsletter-articles #row2 .left h2 {
                font: bold 7.5vmin/8vmin Roboto;
            }

            .Full.newsletter #newsletter-articles #row2 .left .date {
                font: bold 4.5vmin/7.2vmin Roboto !important;
            }

    .Full.newsletter #newsletter-announcements article.studentmonth .newsl-a-title {
        background-position: left top;
        background-size: 12vmin;
        height: 21vmin;
        padding-left: 13vmin;
    }
}


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

    .Full.newsletter > .Content .box .front {
        display: block;
    }

        .Full.newsletter > .Content .box .front #newsletter-campus {
            margin-left: 0%;
        }

        .Full.newsletter > .Content .box .front #newsletter-campus {
            margin-top: 2%;
        }

            .Full.newsletter > .Content .box .front #newsletter-campus a {
                font: 4vmin/5.5vmin Roboto;
                margin-bottom: 4vh;
                background-size: 6vh;
            }
}

@media only screen and (max-width: 500px) {
    header > .Phone {
        font: initial;
        font-size: 0;
    }
}




/******* start chat style ***********/
#chat {
    font-family: Arial, "Segoe UI", Verdana, Helvetica;
    width: 284px !important;
    height: 457px;
    position: fixed;
    bottom: 1px;
    right: 0px;
    background-color: #f2f2f2 !important;
    border: 1px solid #c0c0c0;
    z-index: 10;
    display: none;
    box-sizing: border-box;
    border: 2px solid #BEBEBE;
    border-radius: 4px;
    z-index: 999999999999;
    min-width: 320px;
}

    #chat > * {
        transition: all 0.5s ease;
    }

    #chat > .close {
        width: 100%;
        height: 28px;
        font-weight: bold;
        background-color: #cecece;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /*cursor: pointer;*/
        color: #ac0322;
        box-shadow: 0px 10px 16px grey;
        border-bottom: 2px solid #BEBEBE;
    }

        /*---------------------------*/
        #chat > .close > div {
            padding: 3px;
            font-size: 20px
        }


            #chat > .close > div:nth-child(2) {
                flex-grow: 1;
                text-align: center;
            }

            #chat > .close > div:nth-child(3) {
                cursor: pointer;
            }

            #chat > .close > div > span:hover {
                /*background-color: white !important;*/
                color: black;
                border-radius: 0px 4px 4px 0px;
            }


    /*---------------------------*/

    /*#chat > .close > text {
            flex-grow: 1;
            text-align: center;
            font-variant: small-caps;
            font: 18px/30px Arial;
            font-weight: 300;
            box-shadow: 0px 10px 16px grey;
            color: #ac0322;
        }

        #chat > .close > span {
            width: 28px;
            height: 28px;
            flex-grow: 0;
            font: 18px/30px Arial;
            text-align: center;
            background-color: #ac0322  !important;
            color: white ;
            padding: 0px 0px;
            font-weight: 800;
            border-radius: 4px;
            transition: background .3s ease-in;
        }

            #chat > .close > span:hover {
                background-color: white  !important;
                color: #ac0322 ;
                border-radius: 0px 4px 4px 0px;
            }*/
    #chat > .chat_area {
        width: 100%;
        height: 423px;
        display: flex;
        flex-direction: column;
    }

        #chat > .chat_area > .send {
            display: flex;
            flex-direction: row;
            height: 38px;
            padding: 3px;
            background-color: white /*#e5e5ea*/;
            border: 2px solid #BEBEBE;
            border-left: NONE;
            border-right: NONE;
        }

            #chat > .chat_area > .send > a {
                width: 28px;
                align-self: center;
                font-size: 18px;
                border-radius: 5px;
                padding: 6px 10px;
                text-align: center;
                text-decoration: none;
                color: #ac0322;
                font-weight: bold;
                margin-left: 2px;
                transition: background .3s ease-in;
            }

                #chat > .chat_area > .send > a:hover {
                    background-color: #ac0322 !important;
                    color: white;
                }

            #chat > .chat_area > .send > textarea {
                width: 80%;
                height: 20px;
                font-size: 12px;
                border-radius: 5px;
                resize: none;
                border: .5px solid #c0c0c0;
                padding: 3px;
                align-self: center;
                resize: none;
                white-space: nowrap;
                overflow-x: scroll;
            }

            #chat > .chat_area > .send > input {
                width: 228px;
                height: 20px;
                font-size: 16px;
                border-radius: 5px;
                resize: none;
                border: .5px solid #c0c0c0;
                padding: 8px;
                align-self: center;
                caret-color: grey;
                margin-left: 2px;
                flex-grow: 1;
                color: #641E16;
            }

                #chat > .chat_area > .send > input:focus {
                    outline-offset: 0px !important;
                    outline: none !important;
                }

        #chat > .chat_area > #conversation_area {
            flex-grow: 0;
            overflow: scroll;
            overflow-x: hidden;
            height: 423px;
            font: 14px/22px Arial;
        }

/***************************************************************HOST MESSAGE*/

#conversation_area > #host {
    display: flex;
    flex-direction: column;
    color: black;
}

    #conversation_area > #host > span {
        flex-grow: 1;
        padding: 15px;
        margin: 4px 20px /*40px*/;
        background-color: #e8e8eb;
        position: relative;
        border-radius: 3px;
        border: 1px solid #f2d7d5;
    }

        #conversation_area > #host > span > time {
            display: block;
            text-align: right;
            font-weight: bold;
            font-size: 12px !important;
            margin-top: 8px;
        }

        #conversation_area > #host > span::before {
            content: "\A";
            border-style: solid;
            border-width: 10px 15px 0px 0;
            border-color: transparent #e8e8eb transparent transparent;
            position: absolute;
            left: -10px;
            top: 0px;
            height: 0vh;
        }

/***************************************************************REMOTE MESSAGE*/
#conversation_area > #remote {
    display: flex;
    flex-direction: column;
}

    #conversation_area > #remote > span {
        flex-grow: 1;
        padding: 15px;
        margin: 4px 40px;
        background-color: #f2d7d5;
        position: relative;
        color: black;
        word-break: break-word;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

        #conversation_area > #remote > span > time {
            display: block;
            text-align: right;
            font-weight: bold;
            font-size: 12px !important;
            margin-top: 8px;
        }

        #conversation_area > #remote > span::after {
            content: "\A";
            border-style: solid;
            border-width: 10px 10px 0px 15px;
            border-color: transparent transparent transparent #f2d7d5;
            position: absolute;
            right: -20px;
            top: 0px;
            height: 0px;
        }

/********************************************************* CHAT BUBBLE */

#chat-bubble {
    position: fixed;
    font-family: Arial, "Segoe UI", Verdana, Helvetica;
    border-radius: 0 0 5px 5px;
    z-index: 8;
    /*bottom: 7vw;*/
    bottom: 513px;
    right: -8.5vmin;
    background-color: #f3f3f3 !important;
    color: white;
    font-size: 2.3vmin;
    padding: 1vmin 2vmin;
    cursor: pointer;
    transform: rotate(90deg);
    box-shadow: 0px 1px 6px #636363;
    transition: border .7s linear;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-bottom: 10px;
    background: #922B21 !important;
    transition: border,background-image .3s ease-in;
    transition: all 0.5s ease;
}

    #chat-bubble:hover {
        background-color: #535353 !important;
        animation: none;
        transform: rotate(90deg);
    }

    #chat-bubble > span:not(.desktop-only) {
        display: inline-block;
        padding: 0px 2.3px;
        text-transform: capitalize;
        transform: rotate(270deg);
    }

/******************/
#chat_Programs, #chat_Countries {
    display: none;
    overflow-x: hidden;
    height: 220px;
}

    #chat_Programs > ul, #chat_Countries > ul {
        font-size: 14px;
        line-height: 14px;
        list-style: none;
        display: inline;
    }

        #chat_Programs > ul > li, #chat_Countries > ul > li {
            background-color: #ccc;
            padding: 6px;
            margin-top: 2px;
            cursor: pointer;
            border-radius: 8px;
            text-align: center;
            color: #641E16;
        }

            #chat_Programs > ul > li:hover, #chat_Countries > ul > li:hover {
                background-color: #007AFF;
                color: white;
            }
/****************************************************************************************/
#host > span > #header {
    font-size: 16px;
    font-weight: 600;
}

#host > span > ul {
    padding: 0;
    list-style-type: none;
}

    #host > span > ul > li {
        list-style: none;
        padding: 8px;
        background-color: white;
        display: block;
        margin-bottom: 8px;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #cbcbcb;
        transition: background-color .3s ease-in;
    }

    #host > span > ul > #button {
        color: #ac0322;
        margin-top: 2px;
    }

    #host > span > ul > #program {
        min-height: 50px;
        color: black;
        border-left: 3px solid #7D6608 /*#1A5276*/;
        text-align: left !important;
    }

        #host > span > ul > #program > i {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            color: #7D6608;
        }

    #host > span > ul > #button > i {
        color: #7D6608;
    }



    #host > span > ul > #program::before {
        content: "";
        width: 7px;
        /*background-color: #00a400;*/
        height: 7px;
        position: absolute;
        left: 5px;
        border-radius: 30px;
        margin-top: 7px;
    }

    #host > span > ul > #button:hover, #host > span > ul > li > #link:hover, #host > span > ul > li > a:hover, #host > span > ul > #program:hover {
        background-color: #f2d7d5;
        color: #ac0322;
    }

    #host > span > ul > li > a {
        color: black;
        text-decoration: none;
    }

    #host > span > ul > li > #header {
        text-align: left;
        font-size: 14px;
        font-weight: 600;
    }

    #host > span > ul > li > #header2 {
        text-align: left;
        font: 16px/22px Arial;
        font-weight: 600;
    }

    #host > span > ul > li > div {
        text-align: left;
    }

    #host > span > ul > li > #link > i {
        color: #7D6608;
    }


    #host > span > ul > li > #link {
        display: block;
        text-align: center;
        border: 1px solid #ac0322;
        padding: 8px;
        border-radius: 4px;
        margin-top: 4px;
        color: #ac0322;
        transition: background .3s ease-in;
    }

#host > span > div > i, #host > span > i {
    font-weight: 400;
    color: grey;
}

#chat-phone-rep {
    display: none;
}

#chat-phone-num {
    display: inline;
}

/**MOBILE VERSION**********/
@media only screen and (max-width:600px) {
    #chat {
        width: 100% !important;
        height: 60% !important;
        left: 0px;
        bottom: 0px;
        margin: 0px;
    }

        #chat > .close, #chat > .close > span {
            height: 30px;
            border-bottom: 1px solid grey;
        }

            #chat > .close > text {
                color: #ac0322;
            }

        #chat > .chat_area {
            height: calc(100% - 30px);
        }

            #chat > .chat_area > #conversation_area {
                height: calc(100% - 38px);
            }

    #conversation_area > #host > span {
        margin: 4px 20px;
    }

    #conversation_area > #remote > span {
        margin: 4px 55px;
    }

    #chat > .chat_area > .send > a {
        padding: 6px 8px !important;
    }

    #chat-phone-num {
        display: none;
    }

    #chat-phone-rep {
        display: inline;
    }

    #chat-bubble {
        transform: none;
        bottom: 93px;
        right: 2.5vmin;
        margin: 0;
        border-radius: 5px 5px 0 0;
        font-size: 9.3vmin;
    }

        #chat-bubble:hover {
            transform: none;
        }

        #chat-bubble > span:not(.desktop-only) {
            transform: none;
        }

        #chat-bubble > span.desktop-only {
            display: none;
        }

    #chat-map {
        height: 300px !important;
    }
}

/******* end chat style ***********/


.overlay-rsvp {
    position: fixed;
    align-items: center;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0px;
    bottom: 0px;
    left: -12px;
    right: 0px;
    height: fit-content;
    min-height: 100%;
    width: 100%;
    z-index: 4206969;
    display: flex;
    justify-content: center;
    transition: none;
}

    .overlay-rsvp .overlay-rsvp-background {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: rgba(0,0,0,0.6);
        z-index: 69;
        cursor: pointer;
    }

.rsvp-popup .overlay-close {
    position: unset;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0px;
    max-width: unset;
    max-height: unset;
    padding-right: 1px;
}

    .rsvp-popup .overlay-close #rsvp-close {
        width: 22px;
        height: 22px;
        position: unset;
        object-fit: contain;
        object-position: center;
        margin: 10px;
        cursor: pointer;
        background: url(/Files/templates/0-site/popup-close.svg) 50% 50% no-repeat;
    }


        .rsvp-popup .overlay-close #rsvp-close:hover {
            width: 22px;
            height: 22px;
            position: unset;
            object-fit: contain;
            object-position: center;
            margin: 10px;
            cursor: pointer;
            background: url(/Files/templates/0-site/popup-close-hover.svg) 50% 50% no-repeat;
            transition: background .3s ease-in;
        }

    .rsvp-popup .overlay-close .icon-rsvp-close {
        width: 22px;
        height: 22px;
        position: unset;
        object-fit: contain;
        object-position: center;
        margin: 10px;
        cursor: pointer;
    }

.rsvp-popup {
    background: url('/files/templates/0-site/popup-bg.png') no-repeat, lightgray 0px 0px / 100% 100% no-repeat;
    filter: drop-shadow(0px 2.17037034034729px 2.17037034034729px rgba(0, 0, 0, 0.25));
    width: 586px;
    height: 586px;
    z-index: 100;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .rsvp-popup .rsvp-popup-content {
        display: flex;
        flex-direction: column;
        position: relative;
        bottom: 0;
        width: 100%;
        /*   max-width:370px;*/
        margin-left: 111px;
    }

        .rsvp-popup .rsvp-popup-content h3 {
            color: #FFF;
            font-family: Roboto;
            font-size: 17px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            letter-spacing: 0.174px;
        }

        .rsvp-popup .rsvp-popup-content h1 {
            color: #E8DD23;
            font-family: Roboto;
            font-size: 31px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            letter-spacing: 0.315px;
        }

        .rsvp-popup .rsvp-popup-content h2 {
            color: #E8DD23;
            font-family: Roboto;
            font-size: 24px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            letter-spacing: 0.244px;
        }

        .rsvp-popup .rsvp-popup-content .rsvp-now {
            width: 217px;
            height: 43px;
            background: #E8DD23;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            margin: 20px 0 30px 0;
            color: #B42025;
            font-family: Roboto;
            font-size: 23px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            letter-spacing: 0.228px;
            cursor: pointer;
            display: inline-block;
            display: grid;
            text-align: center;
            align-items: center;
        }

            .rsvp-popup .rsvp-popup-content .rsvp-now:hover {
                background: #FFFFFF;
            }

@media only screen and (max-width:800px) {
    .rsvp-popup {
        width: 350px;
        height: 350px;
    }

        .rsvp-popup .overlay-close {
            height: 32px;
        }

            .rsvp-popup .overlay-close .icon-rsvp-close {
                width: 13px;
                height: 13px;
            }

        .rsvp-popup .rsvp-popup-content h3 {
            font-size: 10px;
            letter-spacing: 0.104px;
        }

        .rsvp-popup .rsvp-popup-content h1 {
            font-size: 19px;
            letter-spacing: 0.188px;
        }

        .rsvp-popup .rsvp-popup-content h2 {
            font-size: 15px;
            letter-spacing: 0.146px;
        }

        .rsvp-popup .rsvp-popup-content .rsvp-now {
            width: 130px;
            height: 26px;
            margin: 11px 0 15px 0;
            font-size: 14px;
            letter-spacing: 0.136px;
        }

        .rsvp-popup .rsvp-popup-content {
            margin-left: 70px;
        }
}

@media only screen and (max-width:390px) {
    .rsvp-popup {
        width: 300px;
        height: 300px;
    }

        .rsvp-popup .overlay-close .icon-rsvp-close {
            width: 11px;
            height: 11px;
        }

        .rsvp-popup .overlay-close {
            height: 24px;
        }

        .rsvp-popup .rsvp-popup-content h3 {
            letter-spacing: 0.1px;
        }

        .rsvp-popup .rsvp-popup-content h1 {
            font-size: 16px;
            letter-spacing: 0.16px;
        }

        .rsvp-popup .rsvp-popup-content h2 {
            font-size: 12px;
            letter-spacing: 0.12px;
        }

        .rsvp-popup .rsvp-popup-content .rsvp-now {
            width: 111px;
            height: 22px;
            margin: 11px 0 15px 0;
            font-size: 12px;
            letter-spacing: 0.12px;
        }

        .rsvp-popup .rsvp-popup-content {
            margin-left: 70px;
        }
}