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

a[x-apple-data-detectors], a[href^="tel"] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

@font-face {
    font-family: din-pro;
    src: url(../font/dinpro.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: din-pro;
    src: url(../font/dinpro-bold.otf);
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Overpass-Regular';
    src: url('../font/Overpass-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: din-pro,Arial,sans-serif;
    position: relative;
    margin: 0 1.78125vw;
    box-sizing: border-box;
    font-size: 1.65vmin;
}

a {
    color: grey;
}

.nomargin_nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

body > section.basic a {
    color: #dad5d5;
}

header {
    height: 6.473655816720528vh;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 1.78125vw;
    width: 96.4375%;
    box-sizing: border-box;
}

.default_bg {
    background-color: #ec1a3a !important;
}

.studentbox {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 7px 15px;
    text-align: center;
    text-transform: capitalize;
}

#front-tile2 .studentbox, #front-tile3 .studentbox, #front-tile8 .studentbox,
#front-tile10 .studentbox, #front-tile11 .studentbox, #front-tile12 .studentbox, #front-tile15 .studentbox {
    bottom: 0.6vw;
}

#front-tile1, #front-tile10, #front-tile11, #front-tile12 {
    background-color: #ff80b6;
}

#front-tile2, #front-tile3 {
    background-color: #e0ad15;
}

#front-tile4, #front-tile9 {
    background-color: #5cff5c;
}

#front-tile5, #front-tile7, #front-tile15 {
    background-color: #00adab;
}

#front-tile6, #front-tile14 {
    background-color: #f47c20;
}

#front-tile8 {
    background-color: #ff3333;
}

#front-tile13 {
    background-color: #60ebff;
}

#top-nav {
    display: flex;
    height: 100%;
    background-color: white;
}

    #top-nav > div:nth-child(1).bg-nav {
        background-image: url(/Files/templates/main17/images/top-nav-bg.png);
    }

#logo img {
    max-height: 248%;
    max-width: 100%;
    height: initial;
    background-image: url(/Files/templates/main17/images/logo-whitebg.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

    #logo img.small-logo {
        background-image: url(/Files/templates/main17/images/logo-simple.svg);
        background-size: contain;
        background-repeat: no-repeat;
        animation-name: st-appear;
        animation-duration: 1s;
    }

@keyframes st-appear {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#top-nav > div:nth-child(1) {
    flex: 0 1 7.087301587%;
    z-index: 1;
    background: white;
    background-repeat: repeat-x;
    background-position: bottom;
}

#top-nav > div:nth-child(2) {
    flex: 0 1 93.91269841%;
    background-image: url(../images/top-nav-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    display: flex;
    align-items: center;
    z-index: 99999999999999999;
    background-color: white;
    height: 100%;
}

#top-nav nav {
    flex: 0 1 55.52356021%;
    height: 100%;
    margin-bottom: 4px;
}

#top-nav ul {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

#top-nav nav > ul > li {
    height: 100%;
    position: relative;
    /*flex: 1 1 16%;*/
    flex: 1 1 auto;
    text-align: center;
}

    #top-nav nav > ul > li > a {
        text-decoration: none;
        position: relative;
        color: #111;
        font-size: 1.8vmin;
        transition: all ease 0.3s;
        height: 100%;
        display: block;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 9.5% 0 0;
        z-index: 99999999999999999999999;
        background: white;
        cursor: default;
    }

        #top-nav nav > ul > li > a.singlelayer {
            cursor: pointer;
        }

        #top-nav nav > ul > li > a:hover {
            color: grey;
        }

        #top-nav nav > ul > li > a > span {
            position: relative;
        }

            #top-nav nav > ul > li > a > span::after {
                content: "";
                width: 1.5vmin;
                height: 1.5vmin;
                background-size: cover;
                top: 50%;
                transform: translateY(-50%);
                position: absolute;
                display: inline-block;
                background-image: url(../images/nav-arrow.png);
                background-repeat: no-repeat;
                margin-left: 5px;
                box-sizing: border-box;
            }

        #top-nav nav > ul > li > a.singlelayer > span::after {
            background-image: none;
        }

    #top-nav nav > ul > li > ul {
        display: none;
        position: absolute;
        min-width: 160px;
        //box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
        margin: 0;
        padding: 0;
        top: 100%;
        width: 200%;
    }

        #top-nav nav > ul > li > ul > li {
            background-color: #2d2c2d;
        }

    #top-nav nav > ul > li:hover ul {
        display: block;
        animation: request-info-go-down1 .6s cubic-bezier(0.98,-0.18,0.33,1.02);
        animation-fill-mode: forwards;
    }

@keyframes request-info-go-down1 {
    from {
        transform: translate(0,-700%);
    }

    to {
        transform: translate(0,0%);
    }
}

#top-nav nav > ul > li > ul > li > a {
    color: white;
    text-decoration: none;
    display: block;
    width: 91%;
    border-bottom: solid 1px white;
    box-sizing: border-box;
    padding: 4% 1%;
    margin: 0% 5%;
    font-size: 1.5vmin;
    transition: all ease 0.3s;
    text-align: left;
}

    #top-nav nav > ul > li > ul > li > a:hover {
        color: #CCCCCC;
    }

#top-nav nav > ul > li > ul > li:last-child > a {
    border-bottom: none;
}

#top-nav form#cse-search-box {
    flex: 0 1 17.71378709%;
    position: relative;
    display: flex;
}

#top-nav #cse-search-box label {
    flex: 0 1 30%;
    width: 30%;
    color: grey;
    font-size: 1.8vmin;
    text-align: right;
    box-sizing: border-box;
    padding-right: 5px;
}

#top-nav #cse-search-box #search-input {
    flex: 0 1 70%;
    position: relative;
    width: 70%;
}

    #top-nav #cse-search-box #search-input input {
        width: 100%;
        height: 75%;
    }

    #top-nav #cse-search-box #search-input a {
        position: absolute;
        top: 15.5%;
        right: 0%;
        width: 20%;
        height: 68%;
        text-align: right;
    }

#top-nav #nav-tel {
    flex: 0 1 10.55846422%;
    margin-left: 1.558464%;
    font-size: 2.3vmin !important;
    color: red !important;
    padding-right: 1vh;
}

#top-nav #social {
    flex: 1 1 12.04188482%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

    #top-nav #social img {
        flex: 1 1;
        height: 28px;
        margin-left: 10px;
        transition: all ease 0.3s;
    }

    #top-nav #social a:hover img {
        transform: rotate(360deg) scale(1.5,1.5);
    }

#cse-search-box input[name="q"] {
    width: 70%;
}

header #box-reqinfo {
    position: absolute;
    top: 100%;
    right: 25%;
    display: block;
    text-decoration: none;
    color: white;
    width: 25%;
    font-size: 2.2vmin;
    height: 47%;
    text-align: center;
    padding: 0.2% 0 0 0;
}

header #btn-reqinfo {
    color: #000000;
    background-color: #F3F31F;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999999999;
    top: 0;
}

    header #btn-reqinfo:hover {
        background-color: #F04A63;
    }

header #reqinfo-content {
    background-color: #2d2c2d;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 4%;
    box-sizing: border-box;
    text-align: left;
}

    header #reqinfo-content h5 {
        padding: 0;
        margin: 0;
        text-align: left;
        font-size: 2.7vmin;
    }

    header #reqinfo-content > p {
        padding: 0;
        margin: 0;
        width: 86%;
    }

form.lead-form {
    margin: 4% 0;
    font-size: 1.6vmin;
}

    form.lead-form div.CountryID {
        display: none;
    }

#reqinfo-content small {
    font-size: 1vmin;
    line-height: 1.5vmin;
    display: block;
}

.lead-form input[type="text"],
.lead-form select,
.lead-form button {
    -webkit-appearance: none;
    width: 100%;
    padding: 1.5% 2%;
    margin: 2px;
    border: solid grey 1px;
    box-sizing: border-box;
    border-radius: 0;
    background-color: white;
}

.lead-form button {
    background-color: #f04a63;
    color: white;
    border: none;
    font-weight: bold;
    padding: 5.5% 2%;
}

    .lead-form button:hover {
        background-color: #505050;
    }

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

.lead-form .checkbox-custom, .lead-form .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.lead-form .checkbox-custom-label {
    position: relative;
    font-size: 1.2vmin;
    color: white;
}

.lead-form .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    /* background: #fff; */
    border: 1px solid white;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.lead-form .checkbox-custom:checked + .checkbox-custom-label:before {
    content: "✓";
    color: white;
    font-size: 15px;
}

.error {
    -webkit-animation: error .2s linear;
    animation: error .2s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

#application-form-2017 .checkbox-custom {
    opacity: 0;
    position: absolute;
}

#application-form-2017 .checkbox-custom, #application-form-2017 .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    cursor: pointer;
    margin-bottom: 1.5vh;
    box-sizing: border-box;
    height: 3.2vmin;
}

#application-form-2017 .checkbox-custom-label {
    position: relative;
    font-size: 1.5vmin;
    color: white;
}

#application-form-2017 .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    /* background: #fff; */
    border: 1px solid white;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

#application-form-2017 .checkbox-custom:checked + .checkbox-custom-label:before {
    content: "✓";
    color: #ec1a3a;
    font-size: 15px;
}

@-webkit-keyframes error {
    100% {
        transform: scale(1);
    }

    80% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
        background-color: rgba(244,85,85,0.9);
        border: 1px #ea3131 solid;
        box-shadow: rgba(244,85,85,0.6) 0 0 6px 1px;
    }
}

@keyframes error {
    0% {
        transform: scale(1);
    }

    80% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
        background-color: rgba(244,85,85,0.9);
        border: 1px #ea3131 solid;
        box-shadow: rgba(244,85,85,0.6) 0 0 6px 1px;
    }
}

::-webkit-input-placeholder {
    color: black
}

input-placeholder {
    color: black
}

.info p {
    padding: 0;
}

header #box-applynow {
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    font-size: 2.2vmin;
    text-decoration: none;
    color: white;
    width: 25%;
    height: 47%;
    text-align: center;
    padding: 0.2% 0 0 0;
}

header #btn-applynow {
    color: white;
    background-color: #2d2c2d;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999999999;
    top: 0;
}

    header #btn-applynow:hover {
        background-color: #535353;
    }

.goDown {
    top: 100% !important;
    animation: request-info-go-down .6s cubic-bezier(0.98,-0.18,0.33,1.02);
    animation-fill-mode: forwards;
}

.goUp {
    top: 0% !important;
    animation: request-info-go-up .6s cubic-bezier(0.98,-0.18,0.33,1.02);
    animation-fill-mode: forwards;
}

@keyframes request-info-go-up {
    from {
        transform: translate(0,0);
    }

    to {
        transform: translate(0,-100%);
    }
}

@keyframes request-info-go-down {
    from {
        transform: translate(0,-100%);
    }

    to {
        transform: translate(0,0);
    }
}

#apply-content {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: -207%;
    left: 0;
    width: 100%;
}

    #apply-content a {
        width: 50%;
        color: white;
        text-decoration: none;
        font-size: 1.4vmin;
        height: 6em;
        flex: 1 1 50%;
        display: flex;
        text-align: left;
        justify-content: center;
        flex-direction: column;
        padding: 0 3%;
        box-sizing: border-box;
        font-weight: bold;
        transition: all 0.5s ease;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: left;
    }

section.basic.autoheight {
    height: initial;
}

section.basic.flexwrap {
    flex-wrap: wrap;
}

body > section.basic {
    height: 61.84738956vh;
}

main {
    padding-top: 4vmin;
}

section.basic {
    width: 100%;
    margin: 0 0 2.237521515vh 0;
    padding-top: 16.49053356vh;
    display: flex;
    position: relative;
    justify-content: space-between;
}

main section.basic {
    flex-wrap: wrap;
}

section.full {
    width: 100%;
    height: auto;
    margin: 0 0 2.237521515vh 0;
    position: relative;
    justify-content: space-between;
}

main section.basic {
    padding-top: 0;
    padding-bottom: 4vmin;
}

.Samples {
    min-height: 550px;
    height: 80vh;
}

a.slideshow-arrow-l {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 15%;
    width: 6%;
}

a.slideshow-arrow-r {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 15%;
    width: 6%;
}

    a.slideshow-arrow-l img, a.slideshow-arrow-r img {
        height: auto;
        width: 100%;
        background-color: rgba(0,0,0,.1);
    }

        a.slideshow-arrow-l img:hover, a.slideshow-arrow-r img:hover {
            background-color: initial;
        }

section .left {
    flex: 0 1 37%;
    background-color: #ec1a3a;
}

section .heading .left {
    flex: 0 1 10%;
    background-color: white;
    max-width: 50px;
}

section.basic .heading .right {
    flex: 0 1 90%;
    background-color: white;
    flex-direction: row;
    align-items: center;
    display: flex;
}

section .heading .left img {
    width: 100%;
}

section#home .left {
    flex-direction: column;
    justify-content: space-around;
    display: flex;
}

section#home h1.front {
    margin-top: 3.362921868vw;
    flex: 0 1 20%;
}

section#home #front_logo {
    margin-left: 3.362921868vw;
    flex: 1 1 6%;
}

    section#home #front_logo img {
        height: auto;
        width: 30%;
    }

section#home .info {
    margin-left: 3.362921868vw;
    margin-bottom: 3.362921868vw;
    color: white;
    font-size: 1.95vmin;
    padding-right: 3.362921868vw;
    flex: 1 1 20%;
    align-items: flex-end;
    display: flex;
}

section.basic .right {
    flex: 1 1 63%;
    margin-left: 0.6vw;
    /*background-color: #2e2925;*/
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

    section.basic .right.form {
        background-color: #2e2925 !important;
    }

        section.basic .right.form * {
            color: white;
        }

        section.basic .right.form .form-group-alt{
            display: flex;
            flex-direction:row;
            grid-gap:4%;
            padding-right:2px;
        }

            section.basic .right.form .form-group-alt select{
                width: 50% !important;
            }

               /* section.basic .right.form .form-group-alt select select:nth-child(1){
                    margin-right:4%;
                }*/

                form small {
                    font-size: 1vmin;
                    color: #c3c3c3 !important;
                    display: block;
                }

#apply-consent {
    padding: 2vmin 0px;
}

.crumbs + .basic .right {
    background-color: #f3f3f5 !important;
}

    .crumbs + .basic .right.greyebg {
        background-color: #ebebef !important;
        border: solid 1px #e6e5e5;
    }

body.program section.basic .right {
    background-color: white;
    background-size: contain !important;
}

.Sample {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .Sample.Active {
        display: block;
        animation: ChangeSample 1s ease;
    }

@keyframes ChangeSample {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.Samples > .Buttons {
    position: absolute;
    left: 50%;
    bottom: 8vh;
    width: 100%;
    height: 1vh;
    text-align: center;
    z-index: 9;
    transform: translate(-50%,0);
}

    .Samples > .Buttons div {
        float: none;
        display: inline-block;
        width: 3vmin;
        height: 3vmin;
        background: #fff;
        border-radius: 0.5vmin;
        margin: 0 .5vw;
        box-shadow: rgba(0,0,0,0.8) 0 2px 4px 0;
        cursor: pointer;
        border-radius: 100%;
    }

        .Samples > .Buttons div:hover {
            background: #e80404;
        }

        .Samples > .Buttons div.Active {
            transform: scale(1.5);
            background: #e80404;
        }


main section.fronttile {
    margin: 0 -0.6vw;
    width: calc(100% + 0.6vw);
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
}

section.fronttile a {
    transition: all 0.7s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0.6vw 0 0 0.6vw;
    display: block;
    background-blend-mode: multiply;
    opacity: 0.8;
    position: relative;
}

    section.fronttile a.lightbox_trigger_video:after {
        background-image: url(/Files/templates/main17/images/play-icon-white.svg);
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        content: '';
    }

    section.fronttile a:hover {
        opacity: 1 !important;
        background-blend-mode: initial !important;
    }

section.fronttile .right {
    margin-left: 0;
}

section.fronttile .left,
section.fronttile .right {
    background: initial;
    overflow: hidden;
    height: 1000px;
    height: 62vw;
}

section.fronttile.reverse {
    min-height: 550px;
}

section.fronttile a.video:after {
    background-image: url(/Files/templates/main17/images/play-icon-white.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}

section.reverse .left {
    flex: 0 1 63%
}

section.reverse .right {
    flex: 0 1 37%;
}

#front-tile1 {
    height: 59.5%;
}

#front-tile2 {
    width: 50%;
}

#front-tile3 {
    width: 50%;
}

#front-tile4 {
    width: 60.5%;
}

#front-tile5 {
    width: 39.4%;
}

#front-tile6 {
    width: 39.4%;
}

#front-tile7 {
    width: 60.5%;
}

#front-tile8 {
    height: 42%;
}

#front-tile9 {
    height: 70%;
}

#front-tile10 {
    width: 60.5%;
}

#front-tile11 {
    width: 39.5%;
}

#front-tile12 {
    width: 19.4%;
}

#front-tile13 {
    width: 47.2%;
}

#front-tile14 {
    width: 49.2%;
}

#front-tile15 {
    height: 50%;
}

#front-tile-row2 {
    display: flex;
    height: 40.5%
}

#front-tile-row3 {
    display: flex;
    height: 28.8%
}

#front-tile-row4 {
    display: flex;
    height: 29.2%
}

#front-tile-row7 {
    display: flex;
    height: 30%
}

#front-tile-row8 {
    display: flex;
    height: 50%
}

#lightbox, #lightbox_video {
    position: fixed; /* keeps the lightbox window in the current viewport */
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/files/interview/img/popup-bg.png) repeat;
    text-align: center;
    cursor: pointer;
    transition: all 0.7s ease;
    animation: showForm .8s ease;
}

@keyframes showForm {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#lightbox_content {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 100%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

#lightbox p, #lightbox_video p {
    text-align: right;
    color: #fff;
    margin-right: 20px;
    font-size: 12px;
}

#lightbox img {
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
    max-width: 940px;
    height: auto;
    max-height: 800px;
}

#lightbox_video .embed-container iframe, #lightbox_video .embed-container object, #lightbox_video .embed-container embed {
    position: absolute;
    top: 0%;
    left: 0;
    width: 80%;
    height: 65%;
    margin: 10%;
}



#nav-program ul.program a,
#nav-program ul.program li.blue a,
#nav-program ul.program li.red a,
#nav-program ul.program li.pink a,
#nav-program ul.program li.cyan a,
#nav-program ul.program li.orange a,
#nav-program ul.program li.yellow a,
#nav-program ul.program li.green a,
#nav-program ul.program li.purple a {
    opacity: 0.4;
    border-bottom: 10px solid #7b7a7a;
}

    #nav-program ul.program a:hover, #nav-program ul.program a.over,
    #nav-program ul.program li.blue a:hover, #nav-program ul.program li.blue a.over,
    #nav-program ul.program li.red a:hover, #nav-program ul.program li.red a.over,
    #nav-program ul.program li.pink a:hover, #nav-program ul.program li.pink a.over,
    #nav-program ul.program li.cyan a:hover, #nav-program ul.program li.cyan a.over,
    #nav-program ul.program li.orange a:hover, #nav-program ul.program li.orange a.over,
    #nav-program ul.program li.yellow a:hover, #nav-program ul.program li.yellow a.over,
    #nav-program ul.program li.green a:hover, #nav-program ul.program li.green a.over,
    #nav-program ul.program li.purple a:hover, #nav-program ul.program li.purple a.over {
        opacity: 1;
    }

#nav-program ul {
    height: 17vh;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 4vmin;
}

    #nav-program ul li {
        flex: 0 1 11.98412698%;
        height: 100%;
    }

#nav-program a {
    text-decoration: none;
    font-size: 1.35vmin;
    color: #3b393d;
    display: block;
    text-transform: uppercase;
    border-bottom: 10px solid #ff0000;
    transition: all 1s ease;
    position: relative;
    height: 100%;
}

    #nav-program a span {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 7px;
        box-sizing: border-box;
    }

    #nav-program a:hover span, #nav-program a.over span,
    #nav-program li.blue a.over:hover span,
    #nav-program li.red a.over:hover span,
    #nav-program li.pink a.over:hover span,
    #nav-program li.cyan a.over:hover span,
    #nav-program li.orange a.over:hover span,
    #nav-program li.yellow a.over:hover span,
    #nav-program li.green a.over:hover span,
    #nav-program li.purple a.over:hover span {
        color: white;
        background: none !important;
    }

#nav-program li.blue a,
#nav-program ul.program li.blue a:hover,
#nav-program ul.program li.blue a.over:hover,
#nav-program ul.program li.blue a.over {
    border-bottom: 10px solid #3199D0;
}

#nav-program li.blue a {
    background-image: url(../images/program-fashion-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.blue a:hover, #nav-program li.blue a.over:hover {
        background-color: #3199D0;
        background-image: url(../images/program-fashion-design-white.png);
    }

    #nav-program li.blue a.over, #nav-program li.blue a.over span {
        color: #3199D0;
        background-image: url(../images/program-fashion-design-color.png);
    }

#apply-content a.blue_bg:hover {
    background-image: url(../images/program-fashion-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.red a,
#nav-program ul.program li.red a:hover,
#nav-program ul.program li.red a.over:hover,
#nav-program ul.program li.red a.over {
    border-bottom: 10px solid #F0585B;
}

#nav-program li.red a {
    background-image: url(../images/program-game-development-and-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.red a:hover, #nav-program li.red a.over:hover {
        background-color: #F0585B;
        background-image: url(../images/program-game-development-and-design-white.png);
    }

    #nav-program li.red a.over, #nav-program li.red a.over span {
        color: #F0585B;
        background-image: url(../images/program-game-development-and-design-color.png);
    }

#apply-content a.red_bg:hover {
    background-image: url(../images/program-game-development-and-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.pink a,
#nav-program ul.program li.pink a:hover,
#nav-program ul.program li.pink a.over:hover,
#nav-program ul.program li.pink a.over {
    border-bottom: 10px solid #EE4F9C;
}

#nav-program li.pink a {
    background-image: url(../images/program-graphic-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.pink a:hover, #nav-program li.pink a.over:hover {
        background-color: #EE4F9C;
        background-image: url(../images/program-graphic-design-white.png);
    }

    #nav-program li.pink a.over, #nav-program li.pink a.over span {
        color: #EE4F9C;
        background-image: url(../images/program-graphic-design-color.png);
    }

#apply-content a.pink_bg:hover {
    background-image: url(../images/program-graphic-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.cyan a,
#nav-program ul.program li.cyan a:hover,
#nav-program ul.program li.cyan a.over:hover,
#nav-program ul.program li.cyan a.over {
    border-bottom: 10px solid #009C8F;
}

#nav-program li.cyan a {
    background-image: url(../images/program-interior-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.cyan a:hover, #nav-program li.cyan a.over:hover {
        background-color: #009C8F;
        background-image: url(../images/program-interior-design-white.png);
    }

    #nav-program li.cyan a.over, #nav-program li.cyan a.over span {
        color: #009C8F;
        background-image: url(../images/program-interior-design-color.png);
    }

#apply-content a.cyan_bg:hover {
    background-image: url(../images/program-interior-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.orange a,
#nav-program ul.program li.orange a:hover,
#nav-program ul.program li.orange a.over:hover,
#nav-program ul.program li.orange a.over {
    border-bottom: 10px solid #F47C20;
}

#nav-program li.orange a {
    background-image: url(../images/program-marketing-and-merchandising-for-fashion.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.orange a:hover, #nav-program li.orange a.over:hover {
        background-color: #F47C20;
        background-image: url(../images/program-marketing-and-merchandising-for-fashion-white.png);
    }

    #nav-program li.orange a.over, #nav-program li.orange a.over span {
        color: #F47C20;
        background-image: url(../images/program-marketing-and-merchandising-for-fashion-color.png);
    }

#apply-content a.orange_bg:hover {
    background-image: url(../images/program-marketing-and-merchandising-for-fashion-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.yellow a,
#nav-program ul.program li.yellow a:hover,
#nav-program ul.program li.yellow a.over:hover,
#nav-program ul.program li.yellow a.over {
    border-bottom: 10px solid #e0ad15;
}

#nav-program li.yellow a {
    background-image: url(../images/program-architecture-design-and-technology.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.yellow a:hover, #nav-program li.yellow a.over:hover {
        background-color: #e0ad15;
        background-image: url(../images/program-architecture-design-and-technology-white.png);
    }

    #nav-program li.yellow a.over, #nav-program li.yellow a.over span {
        color: #e0ad15;
        background-image: url(../images/program-architecture-design-and-technology-color.png);
    }

#apply-content a.yellow_bg:hover {
    background-image: url(../images/program-architecture-design-and-technology-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.green a,
#nav-program ul.program li.green a:hover,
#nav-program ul.program li.green a.over:hover,
#nav-program ul.program li.green a.over {
    border-bottom: 10px solid #3DAF4D;
}

#nav-program li.green a {
    background-image: url(../images/program-3d-modeling-animation-art-and-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.green a:hover, #nav-program li.green a.over:hover {
        background-color: #3DAF4D;
        background-image: url(../images/program-3d-modeling-animation-art-and-design-white.png);
    }

    #nav-program li.green a.over, #nav-program li.green a.over span {
        color: #3DAF4D;
        background-image: url(../images/program-3d-modeling-animation-art-and-design-color.png);
    }

#apply-content a.green_bg:hover {
    background-image: url(../images/program-3d-modeling-animation-art-and-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

#nav-program li.purple a,
#nav-program ul.program li.purple a:hover,
#nav-program ul.program li.purple a.over:hover,
#nav-program ul.program li.purple a.over {
    border-bottom: 10px solid #9356A2;
}

#nav-program li.purple a {
    background-image: url(../images/program-visual-effects-art-and-design.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    #nav-program li.purple a:hover, #nav-program li.purple a.over:hover {
        background-color: #9356A2;
        background-image: url(../images/program-visual-effects-art-and-design-white.png);
    }

    #nav-program li.purple a.over, #nav-program li.purple a.over span {
        color: #9356A2;
        background-image: url(../images/program-visual-effects-art-and-design-color.png);
    }

#apply-content a.purple_bg:hover {
    background-image: url(../images/program-visual-effects-art-and-design-white.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}

.blue_bg, section.blue_theme .theme_bg, body#fashion-design .theme_bg, body#fashion-design .Samples > .Buttons div.Active, body#fashion-design .Samples > .Buttons div:hover, body#fashion-design div.crumbs a,
body#fashion-design-specialization-in-marketing .theme_bg, body#fashion-design-specialization-in-marketing .Samples > .Buttons div.Active, body#fashion-design-specialization-in-marketing .Samples > .Buttons div:hover, body#fashion-design-specialization-in-marketing div.crumbs a {
    background-color: #3199D0 !important;
}

.blue_alpha_bg, section.blue_theme .theme_alpha_bg, body#fashion-design .theme_alpha_bg,
body#fashion-design-specialization-in-marketing .theme_alpha_bg {
    background: rgba(239, 87, 92, 0.9) !important;
}

.font-blue, section.blue_theme .theme_color, body#fashion-design .theme_color, .fashion-design .theme_color,
body#fashion-design-specialization-in-marketing .theme_color, .fashion-design-specialization-in-marketing .theme_color {
    color: #3199D0 !important;
}

.red_bg, section.red_theme .theme_bg, body#game-development-and-design .theme_bg, body#game-development-and-design .Samples > .Buttons div.Active, body#game-development-and-design .Samples > .Buttons div:hover, body#game-development-and-design div.crumbs a {
    background-color: #F0585B !important;
}

.red_alpha_bg, section.red_theme .theme_alpha_bg, body#game-development-and-design .theme_alpha_bg {
    background: rgba(239, 87, 92, 0.9) !important;
}

.font-red, section.red_theme .theme_color, body#game-development-and-design .theme_color, .game-development-and-design .theme_color {
    color: #F0585B !important;
}

section.red_theme #sub-nav a.sub_btn:hover, section.red_theme #sub-nav a.sub_btn.over, section.red_theme #sub-nav a.sub_parent {
    color: #F0585B;
}

.pink_bg, section.pink_theme .theme_bg, body#graphic-design .theme_bg, body#graphic-design .Samples > .Buttons div.Active, body#graphic-design .Samples > .Buttons div:hover, body#graphic-design div.crumbs a {
    background-color: #EE4F9C !important;
}

.pink_alpha_bg, section.pink_theme .theme_alpha_bg, body#graphic-design .theme_alpha_bg {
    background: rgba(237, 80, 157, 0.9) !important;
}

.font-pink, section.pink_theme .theme_color, body#graphic-design .theme_color, .graphic-design .theme_color {
    color: #EE4F9C !important;
}

section.pink_theme #sub-nav a.sub_btn:hover, section.pink_theme #sub-nav a.sub_btn.over, section.pink_theme #sub-nav a.sub_parent {
    color: #EE4F9C;
}

.cyan_bg, section.cyan_theme .theme_bg,
body#interior-design .theme_bg,
body#interior-design .Samples > .Buttons div.Active,
body#interior-design .Samples > .Buttons div:hover,
body#interior-design div.crumbs a,
body#interior-design-with-co-op .theme_bg,
body#interior-design-with-co-op .Samples > .Buttons div.Active,
body#interior-design-with-co-op .Samples > .Buttons div:hover,
body#interior-design-with-co-op div.crumbs a {
    background-color: #009C8F !important;
}

.cyan_alpha_bg, section.cyan_theme .theme_alpha_bg,
body#interior-design .theme_alpha_bg,
body#interior-design-with-co-op .theme_alpha_bg {
    background: rgba(0, 156, 143, 0.9) !important;
}

.font-cyan, section.cyan_theme .theme_color,
body#interior-design .theme_color,
.interior-design-with-co-op .theme_color,
body#interior-design-with-co-op .theme_color,
.interior-design .theme_color {
    color: #009C8F !important;
}

section.cyan_theme #sub-nav a.sub_btn:hover, section.cyan_theme #sub-nav a.sub_btn.over, section.cyan_theme #sub-nav a.sub_parent {
    color: #009C8F;
}

.orange_bg, section.orange_theme .theme_bg, body#marketing-and-merchandising-for-fashion .theme_bg, body#marketing-and-merchandising-for-fashion .Samples > .Buttons div.Active, body#marketing-and-merchandising-for-fashion .Samples > .Buttons div:hover, body#marketing-and-merchandising-for-fashion div.crumbs a,
.orange_bg, section.orange_theme .theme_bg, body#marketing-and-merchandising-for-fashion-merchandising-specialization .theme_bg, body#marketing-and-merchandising-for-fashion-merchandising-specialization .Samples > .Buttons div.Active, body#marketing-and-merchandising-for-fashion-merchandising-specialization .Samples > .Buttons div:hover, body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a,
.orange_bg, section.orange_theme .theme_bg, body#marketing-and-merchandising-for-fashion-marketing-specialization .theme_bg, body#marketing-and-merchandising-for-fashion-marketing-specialization .Samples > .Buttons div.Active, body#marketing-and-merchandising-for-fashion-marketing-specialization .Samples > .Buttons div:hover, body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a {
    background-color: #F47C20 !important;
}

.orange_alpha_bg, section.orange_theme .theme_alpha_bg, body#marketing-and-merchandising-for-fashion .theme_alpha_bg, body#marketing-and-merchandising-for-fashion-merchandising-specialization .theme_alpha_bg, body#marketing-and-merchandising-for-fashion-marketing-specialization .theme_alpha_bg {
    background: rgba(245, 124, 31, 0.9) !important;
}

.font-orange, section.orange_theme .theme_color, body#marketing-and-merchandising-for-fashion .theme_color, .marketing-and-merchandising-for-fashion .theme_color, body#marketing-and-merchandising-for-fashion-merchandising-specialization .theme_color, .marketing-and-merchandising-for-fashion-merchandising-specialization .theme_color, body#marketing-and-merchandising-for-fashion-marketing-specialization .theme_color, .marketing-and-merchandising-for-fashion-marketing-specialization .theme_color {
    color: #F47C20 !important;
}

section.orange_theme #sub-nav a.sub_btn:hover, section.orange_theme #sub-nav a.sub_btn.over, section.orange_theme #sub-nav a.sub_parent {
    color: #F47C20;
}

.yellow_bg, section.yellow_theme .theme_bg, body#architecture-design-and-technology .theme_bg, body#architecture-design-and-technology .Samples > .Buttons div.Active, body#architecture-design-and-technology .Samples > .Buttons div:hover, body#architecture-design-and-technology div.crumbs a {
    background-color: #e0ad15 !important;
}

.yellow_alpha_bg, section.yellow_theme .theme_alpha_bg, body#architecture-design-and-technology .theme_alpha_bg {
    background: rgba(224, 173, 21, 0.9) !important;
}

.font-yellow, section.yellow_theme .theme_color, body#architecture-design-and-technology .theme_color, .architecture-design-and-technology .theme_color {
    color: #e0ad15 !important;
}

section.yellow_theme #sub-nav a.sub_btn:hover, section.yellow_theme #sub-nav a.sub_btn.over, section.yellow_theme #sub-nav a.sub_parent {
    color: #e0ad15;
}

.green_bg, section.green_theme .theme_bg, body#three-d-modeling-animation-art-and-design .theme_bg, body#three-d-modeling-animation-art-and-design .Samples > .Buttons div.Active, body#three-d-modeling-animation-art-and-design .Samples > .Buttons div:hover, body#three-d-modeling-animation-art-and-design div.crumbs a {
    background-color: #3DAF4D !important;
}

.green_alpha_bg, body#three-d-modeling-animation-art-and-design .theme_alpha_bg, section.green_theme .theme_alpha_bg {
    background: rgba(60, 174, 78, 0.9) !important;
}

.font-green, section.green_theme .theme_color, body#three-d-modeling-animation-art-and-design .theme_color, .three-d-modeling-animation-art-and-design .theme_color {
    color: #3DAF4D !important;
}

section.green_theme #sub-nav a.sub_btn:hover, section.green_theme #sub-nav a.sub_btn.over, section.green_theme #sub-nav a.sub_parent {
    color: #3DAF4D;
}

.purple_bg, section.purple_theme .theme_bg, body#visual-effects-art-and-design .theme_bg, body#visual-effects-art-and-design .Samples > .Buttons div.Active, body#visual-effects-art-and-design .Samples > .Buttons div:hover, body#visual-effects-art-and-design div.crumbs a {
    background-color: #9356A2 !important;
}

.purple_alpha_bg, section.purple_theme .theme_alpha_bg, body#visual-effects-art-and-design .theme_alpha_bg {
    background: rgba(146, 86, 162, 0.9) !important;
}

section.purple_theme #sub-nav a.sub_btn:hover, section.purple_theme #sub-nav a.sub_btn.over, section.purple_theme #sub-nav a.sub_parent {
    color: #9356A2;
}

.font-purple, section.purple_theme .theme_color, body#visual-effects-art-and-design .theme_color, .visual-effects-art-and-design .theme_color {
    color: #9356A2 !important;
}



#front-box {
    display: flex;
    justify-content: space-between;
    height: 100%;
    margin-left: -0.6vw;
}

    #front-box a {
        flex: 0 1 25%;
        margin-left: 0.6vw;
        background-color: #e7e8e9;
        padding: 0% 0% 3vh 0%;
        box-sizing: border-box;
        text-decoration: none;
        transition: all 0.5s ease;
    }

        #front-box a:hover {
            background-color: black;
        }

            #front-box a:hover img {
                opacity: 0.6;
            }

            #front-box a:hover * {
                color: white;
            }

    #front-box div img {
        width: 100%;
        height: auto;
    }

    #front-box a h2, #front-box .heading {
        padding: 3vmin 3vmin 0% 3vmin;
        margin: 0;
        font-size: 2.2vmin;
        color: black;
        font-weight: bold;
    }

    #front-box a p {
        padding: 3vmin 3vmin 0% 3vmin;
        margin: 0;
        font-size: 1.6vmin;
        color: black;
    }

footer {
    display: flex;
    padding: 7vmin 0;
    font-size: 1.6vmin;
}

    footer section {
        flex: 0 1 auto;
    }

    footer #footer-nav {
        flex: 0 0 75%;
        display: flex;
    }

        footer #footer-nav > div {
            margin-right: 20px;
        }

            footer #footer-nav > div:last-child {
                flex: 2 0 auto;
            }

        footer #footer-nav h6 {
            padding: 0;
            margin: 11px 0;
            font-size: 1.6vmin;
        }

        footer #footer-nav a {
            text-decoration: none;
            color: black;
            font-size: 1.6vmin;
            display: block;
            margin: 5px 0;
        }

            footer #footer-nav a:hover {
                color: grey;
            }

    footer #footer-right {
        flex: 0 0 25%;
    }

        footer #footer-right .line1 {
            display: flex;
            justify-content: flex-end;
        }

            footer #footer-right .line1 > div {
                flex: 1 1 50%;
                /*margin-left: 10%;*/
            }

        footer #footer-right #footer-social {
            flex: 0 1 auto;
            text-align: right;
            display: flex;
            justify-content: flex-end;
        }

            footer #footer-right #footer-social a {
                flex: 0 1 auto;
            }

#footer-social img {
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    height: auto;
    margin-left: 10px;
    transition: all ease 0.3s;
}

#footer-social a:hover img {
    transform: rotate(360deg);
}

#legal {
    padding-left: 2%;
}

    #legal img {
        width: 78%;
        height: auto;
        display: block;
        /*margin-left: -12%;*/
    }

footer #footer-right .line2 {
    margin: 1em 0;
    font-size: 1.3vmin;
    opacity: 0.7;
}

img {
    height: 100%;
}

.res_img {
    width: auto;
    height: 100%;
}

section h1.front {
    margin-top: 10.409692vh;
    background: none;
    font-size: 3.666667vmin;
    font-weight: normal;
}

section h1 {
    padding-left: 3.362921868vw;
    margin-top: 2.40969163vh;
    font-size: 3vmin;
    font-weight: bold;
    color: white;
    background: url(/files/interview/img/h1-arrow.png) no-repeat 3.362922vw 0.5vh;
    background-size: 1.1vw;
}

#home .right .bg {
    background-image: url(/files/interview/img/front-image.jpg);
    animation: bss 12s ease-out;
    -webkit-animation: bss 12s ease-out;
    animation-fill-mode: forwards;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-animation-fill-mode: forwards;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes bss {
    to {
        transform: scale(1.1);
    }
}

@-webkit-keyframes bss {
    to {
        -webkit-transform: scale(1.1);
    }
}

section h2 {
    margin-top: 10.409692vh;
    padding: 0 3.362921868vw;
    font-size: 3.066667vmin;
    color: white;
}

.program section h2 {
    margin-top: 5.409692vh;
}

main section h2 {
    margin: 0;
    padding: 0;
    font-size: 3.066667vmin;
    color: black;
}

.staff-name {
    font-weight: bold;
    font-size: 2.25vmin;
}

.staff-contact {
    font-weight: bold;
    margin-bottom: 2vmin;
    line-height: 1.5em;
}

section p {
    padding: 0 3.362921868vw;
    color: white;
    line-height: 1.5em;
}

section #program-job {
    padding: 0 3.362921868vw;
    color: white;
}

    section #program-job h4 {
        font-size: 2.2vmin;
        margin: 0;
        padding: 4% 0;
    }

    section #program-job ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        section #program-job ul li {
            flex: 0 0 31%;
            align-items: center;
            display: flex;
            justify-content: center;
            text-align: center;
            border: solid 1px white;
            margin: 0 1vmin 1vmin 0;
            box-sizing: border-box;
            padding: 1vmin;
            font-size: 1.2vmin;
            text-transform: uppercase;
        }

main section.full p {
    color: black;
    padding: 0;
}

section > div.left.bg-white {
    color: black;
    background-color: white;
    border: solid 1px #dadada;
}

    section > div.left.bg-white * {
        color: black;
    }



section.basic.autoheight p {
    color: black;
    padding: 0;
    margin: 0 0 1.3em 0;
}

section.basic.autoheight #work-at-desc * {
    font-size: 1.65vmin !important;
}

section.basic.autoheight p:first-child, section.basic.autoheight p:last-child {
    margin: 0;
}

section.basic.autoheight h3 {
    margin: 0;
    padding: 0;
    font-size: 3vmin;
    text-transform: uppercase;
}

section.basic.autoheight h4 {
    margin: 0;
    padding: 0;
    font-size: 2vmin;
}

section .left.stickybar_left {
    flex: 0 1 4%;
    overflow: hidden;
    min-height: 350px;
}

    section .left.stickybar_left.nomin {
        min-height: initial;
    }

    section .left.stickybar_left.instagram_feed {
        min-height: 342px;
    }

section .right.stickybar_right {
    background-color: white;
    flex: 0 1 95%;
    display: flex;
    flex-wrap: wrap;
}

div.row {
    display: flex;
    width: 100%;
    flex: 1 0 100%;
}

section .right.stickybar_right .row {
    flex: 1 1 100%;
    /*border: solid 1px #dadada; */
    display: flex;
    margin-bottom: 5px;
    position: relative;
}

    section .right.stickybar_right .row:last-child {
        margin-bottom: 0px;
    }

.flex1-3 {
    flex: 1 1 30%;
    box-sizing: border-box;
    padding: 0 6vmin;
}

.flex2-3 {
    flex: 1 1 70%;
    box-sizing: border-box;
    padding: 0 6vmin;
}

.flexfull {
    padding: 0 6vmin;
    flex: 1 1 100%;
}

.followMeBar {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
    width: 100%;
    overflow: hidden;
    /*	padding: 34px 10px 10px 4px;
	max-height: 350px;
	height: 100%;*/
    padding: 4vw 1vw 2vw 1vw;
    margin: 0;
    box-sizing: border-box;
    color: white;
}

    .followMeBar.fixed {
        position: fixed;
        top: 14.490534vh;
        left: 1.78125vw;
        width: 3.9% !important;
    }

        .followMeBar.fixed.absolute {
            position: absolute;
            top: initial !important;
            bottom: 0;
            left: 0;
            width: 3.9% !important;
        }

.term-btn {
    float: left;
    padding: 1% 5%;
    margin-right: 0.6vw;
    margin-bottom: 0.6vw;
    color: white;
    background: #ec1a3b;
    cursor: pointer;
}

    .term-btn:hover, .term-btn.over {
        opacity: 0.7;
    }

.sep {
    clear: both;
    border-bottom: 1px solid grey;
    padding-top: 0.6vw;
    margin-bottom: 0.6vw;
}

.clear {
    clear: both;
    margin: 5em 0 0 0;
    font-size: 1px;
}

.course-btn {
    float: left;
    padding: 0% 1%;
    margin-right: 0.6vw;
    cursor: pointer;
}

    .course-btn:hover, .course-btn.over {
        font-weight: bold;
    }

.course-sep {
    float: left;
}

div.crumbs {
    position: absolute;
    margin: 10vh 0 0 8vw;
    width: 88vw;
    box-sizing: content-box;
    z-index: 10;
}

    div.crumbs a {
        background: #2d2c2d;
        color: white;
        text-decoration: none;
        padding: 0.2% 0.5%;
        float: left;
    }

.crumbs a[href]:hover {
    color: #CCCCCC;
}

div.crumbs a:last-child {
    padding: 0.2% 1.5% 0.2% 0.5%;
}

body#fashion-design div.crumbs a:first-child,
body#fashion-design-specialization-in-marketing div.crumbs a:first-child,
body#marketing-and-merchandising-for-fashion div.crumbs a:first-child,
body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a:first-child,
body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a:first-child,
body#interior-design div.crumbs a:first-child,
body#interior-design-with-co-op div.crumbs a:first-child,
body#graphic-design div.crumbs a:first-child,
body#three-d-modeling-animation-art-and-design div.crumbs a:first-child,
body#game-development-and-design div.crumbs a:first-child,
body#architecture-design-and-technology div.crumbs a:first-child,
body#visual-effects-art-and-design div.crumbs a:first-child,
body#fashion-design div.crumbs a:nth-child(3),
body#fashion-design-specialization-in-marketing div.crumbs a:nth-child(3),
body#marketing-and-merchandising-for-fashion div.crumbs a:nth-child(3),
body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a:nth-child(3),
body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a:nth-child(3),
body#interior-design div.crumbs a:nth-child(3),
body#interior-design-with-co-op div.crumbs a:nth-child(3),
body#graphic-design div.crumbs a:nth-child(3),
body#three-d-modeling-animation-art-and-design div.crumbs a:nth-child(3),
body#game-development-and-design div.crumbs a:nth-child(3),
body#architecture-design-and-technology div.crumbs a:nth-child(3),
body#visual-effects-art-and-design div.crumbs a:nth-child(3) {
    background-color: #2d2c2d !important;
}

div.crumbs .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-default.svg);
    background-size: cover;
    background-position: center center;
    display: block;
    float: left;
    padding: 0.2% 1.7%;
    clear: none;
    border: none;
    margin: 0;
}

body#three-d-modeling-animation-art-and-design div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-3d-modeling-animation-art-and-design.svg);
}

body#fashion-design div.crumbs .sep ~ .sep,
body#fashion-design-specialization-in-marketing div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-fashion-design.svg);
}

body#game-development-and-design div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-game-development-and-design.svg);
}

body#graphic-design div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-graphic-design.svg);
}

body#interior-design div.crumbs .sep ~ .sep,
body#interior-design-with-co-op div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-interior-design.svg);
}

body#marketing-and-merchandising-for-fashion div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-marketing-and-merchandising-for-fashion.svg);
}

body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-marketing-and-merchandising-for-fashion.svg);
}

body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-marketing-and-merchandising-for-fashion.svg);
}

body#architecture-design-and-technology div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-architecture-design-and-technology.svg);
}

body#visual-effects-art-and-design div.crumbs .sep ~ .sep {
    background-image: url(/Files/templates/main17/images/breadcrumb-visual-effects-art-and-design.svg);
}

div.popup-process img {
    height: auto;
}

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

#news-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5vmin;
    padding: 0;
}

    #news-group article {
        flex: 0 1 49%;
        display: flex;
        margin-bottom: 5vmin;
    }

        #news-group article:nth-child(odd) {
            margin-right: 2%;
        }

        #news-group article .icon {
            flex: 1 1 8%;
            margin-right: 5%;
            background: url(/Files/templates/main17/images/news-icon.png) top center no-repeat #ec1a3a;
            background-size: contain;
        }

        #news-group article .content {
            flex: 1 1 80%;
            border-bottom: solid 2px black;
        }

a.news-title {
    text-decoration: none;
}

    a.news-title:hover h2, a.news-more:hover, #news-social a:hover, #news-social1 a:hover {
        color: grey;
    }

    a.news-title h2 {
        font-size: 2.466667vmin;
        border-bottom: solid 2px black;
        margin-bottom: 1vmin;
        padding-bottom: 1vmin;
    }

.news-datetime {
    border-bottom: solid 2px black;
    margin-bottom: 3vmin;
    padding-bottom: 1vmin;
}

a.news-more {
    padding-bottom: 3vmin;
    padding-top: 3vmin;
    display: block;
    text-decoration: none;
    color: #ec1a3a;
    font-weight: bold;
    text-transform: uppercase;
}

#news-social {
    margin-bottom: 4vmin;
}

    #news-social a, #news-social1 a {
        display: block;
        text-decoration: none;
        color: black;
        margin-bottom: 1vmin;
    }

        #news-social a img {
            width: 20%;
            max-width: 40px;
            vertical-align: bottom;
        }

a.news-back {
    color: #ec1a3a;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 2vmin 0;
    text-transform: uppercase;
}

    a.news-back:hover {
        color: #f57185;
    }

#news-group.events article {
    flex: 1 1 98%;
    display: flex;
    margin-bottom: 5vmin;
}

    #news-group.events article:nth-child(odd) {
        margin-right: 0%;
    }

    #news-group.events article .icon {
        flex: 0 1 5.8%;
        margin-right: 2.5%;
    }

    #news-group.events article .content {
        flex: 1 1 92%;
        border-bottom: none;
    }

.fullcontentwithbg > .background {
    position: absolute;
    top: 0;
    left: 70;
    width: 30%;
    height: 93.52634418327947vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.fullcontentwithbg > .flexfull {
    flex: 0 1 65%;
    z-index: 9;
    /* min-height: 93.52634418327947vh;*/
}

.map-link {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
}

    .map-link span {
        display: none;
    }

    .map-link:hover span {
        background: rgba(0,0,0,0.5);
        text-decoration: none;
        color: white;
        font-size: 3vmin;
        width: 100%;
        text-align: center;
        padding: 2vmin;
        display: block;
        animation: campus-map-hover .6s;
    }

@keyframes campus-map-hover {
    from {
        transform: translateY(120%);
    }

    to {
        transform: translateY(0);
    }
}

.form-content {
    padding: 0 3.362921868vw;
}

    .form-content .content-1_2 {
        width: 48.5%;
        float: left;
        margin-right: 3%;
        position: relative;
    }

        .form-content .content-1_2:last-child {
            margin-right: 0%;
        }

    .form-content h2 {
        color: grey;
        padding: 0;
        font-size: 2.066667vmin;
    }

    .form-content input, .form-content select, .form-content textarea, #submitReview.form-content input[name="Phone"],
    #scholarship-form.form-content input[name="Postal"], #scholarship-form.form-content input[name="Phone"] {
        width: 97%;
        background: #6b6969;
        margin-bottom: 1.5vh;
        border: 1px solid #cccccc;
        padding: 0.2vh 0.2vw;
        -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        ;
        font-size: 1.5vmin;
        height: 2.5vmin;
    }

#submitReview.form-content textarea {
    height: 25.6vmin;
}

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

.form-content input:-moz-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

.form-content input::-moz-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

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

.form-content textarea::-webkit-input-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

.form-content textarea:-moz-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

.form-content textarea::-moz-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

.form-content textarea:-ms-input-placeholder {
    color: #d0caca;
    opacity: 1;
    text-transform: uppercase;
}

.form-content select option {
    padding: 0.2vh 0.2vw;
    background: #6b6969;
}

.form-content select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Files/templates/main17/images/arrow-down-white.png);
    background-size: 3%;
    background-repeat: no-repeat;
    background-position: 98%;
}

    .form-content select[name="CountryKey"] {
        background-image: url(/Files/templates/main17/images/arrow-down-white.png);
        background-size: 7%;
        background-repeat: no-repeat;
        background-position: 98%;
    }

.form-content input[name="BirthDate"] {
    background-image: url(/Files/templates/main17/images/icon-calendar-white.png);
    background-size: 3%;
    background-repeat: no-repeat;
    background-position: 98%;
}

.form-content input[name="Phone"],
.form-content input[name="Postal"],
.form-content input[name="City"],
.form-content select[name="CountryKey"] {
    width: 45%;
}

.form-content input[name="Postal"],
.form-content input[name="City"] {
    margin-right: 4%;
}

.form-content button {
    width: 99%;
    color: white;
    border: none;
    background-color: #ec1a3a;
    padding: 0.2vh 0.2vw;
    text-transform: uppercase;
    font-size: 2.15vmin;
    transition: all 0.7s ease;
    border: 1px solid white;
}

    .form-content button:hover {
        background-color: #000000 !important;
    }

.form-content input.error, .form-content select.error {
    border: 1px solid red;
}

div.error_msg {
    clear: both;
    padding: 0 3.362921868vw;
}

#connect-sm {
    display: flex;
    margin: 1% 0 1% 1%;
    box-sizing: border-box;
    height: 92%;
    flex-wrap: wrap;
}

div.sm-cover {
    flex: 0 0 24%;
    flex: 0 0 49%;
    width: 49%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    overflow: hidden;
    border: solid 1px #2d2c2d;
    height: 50%;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}

.instagram_bg {
    padding-top: 6vmin;
    border: solid 3px white;
    border-bottom: solid 5px white;
}

#connect-header {
    flex: 1 0 100%;
    padding: 1vmin 0;
    display: flex;
    justify-content: space-between;
}

    #connect-header h2, #connect-header #review-button {
        flex: 0 1 30%;
    }

    #connect-header #review-dropdown {
        text-align: left;
        width: 51.6%;
        float: right;
        padding: 2vmin 1vmin 0;
    }

        #connect-header #review-dropdown select {
            width: 103%;
            margin: 0;
            padding: 0;
            border: #000000 1px solid;
            color: #ffffff;
            font-size: 2vmin;
            padding: 0.5vmin;
            background: #ec1a3a;
        }

    #connect-header #review-button {
        text-align: right;
    }

    #connect-header h2 {
        font-size: 4.066667vmin;
        color: black;
    }

.custom_feed {
    margin-top: 40px;
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto;
    background: #f5f6f7;
}

.social_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
}

    .social_title > a:hover {
        opacity: 0.5;
    }

.custom_feed article {
    display: flex;
    margin: 1.5vmin;
    padding: 1vmin;
    /* border: solid 1px grey; */
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    border-radius: 3px;
}

.social_title > a {
    transition: all ease 0.5s;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    background-size: 400%;
}

.custom_feed article img {
    margin-right: 1vmin;
    flex: 0 0 30%;
    display: block;
    width: 30%;
}

.custom_feed article > div {
    flex: 1 1 70%;
    box-sizing: border-box;
}

.custom_feed .post_time {
    text-align: right;
    font-size: 1.25vmin;
    margin-bottom: 0.5vmin;
}

#frameFB .social_title {
    background: #4c659e;
}

    #frameFB .social_title > a {
        background: url(/Files/templates/main17/images/iconHeader.png) no-repeat 0 0;
        background-size: 400%;
    }

#frameIG .social_title > a {
    background: url(/Files/templates/main17/images/iconHeader.png) no-repeat 100% 0;
    background-size: 400%;
}

#frameT .social_title > a {
    background: url(/Files/templates/main17/images/iconHeader.png) no-repeat 33% 0;
    background-size: 400%;
}

#frameYTB .social_title {
    background: #cc262a;
}

    #frameYTB .social_title > a {
        background: url(/Files/templates/main17/images/iconHeader.png) no-repeat 66% 0;
        background-size: 400%;
    }

body > section.basic #frameFB .custom_feed article a {
    color: white;
    /* display: block; */
    text-align: right;
    float: right;
    background: #4c659e;
    text-decoration: none;
    padding: 0.5vmin 1vmin;
    border-radius: 3px;
    border: solid 1px #767676;
    margin-top: 1vmin;
    transition: all ease 0.5s;
}

    body > section.basic #frameFB .custom_feed article a:hover {
        background: white;
        color: #00216b;
        border: solid 1px #4c659e;
    }

#frameIG .custom_feed {
    display: flex;
    flex-wrap: wrap;
}

    #frameIG .custom_feed a {
        flex: 1 1 20%;
        margin: 0.5vmin;
        transition: all ease 0.5s;
    }

        #frameIG .custom_feed a:hover {
            opacity: 0.8;
        }

        #frameIG .custom_feed a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 2px;
        }

#frameYTB .custom_feed {
    height: 100%;
    overflow: hidden;
}

#frameT .custom_feed {
    background: #f5fafd;
}

body > section.basic #frameT .custom_feed article a {
    color: white;
    /* display: block; */
    text-align: right;
    float: right;
    background: #5da8dd;
    text-decoration: none;
    padding: 0.5vmin 1vmin;
    border-radius: 3px;
    border: solid 1px #9e9e9e;
    margin-top: 1vmin;
    transition: all ease 0.5s;
}

    body > section.basic #frameT .custom_feed article a:hover {
        background: white;
        color: #00216b;
        border: solid 1px #4c659e;
    }

#news-social.connect {
    margin-bottom: 4vmin;
    padding: 0 3.362921868vw;
}

    #news-social.connect a img {
        max-width: 25px;
        margin-right: 1vmin;
    }

    #news-social.connect a {
        color: white;
    }

        #news-social.connect a:hover {
            color: #ffdada;
        }

#btn-submitReview {
    width: 50%;
    color: #fff;
    background: #2a2a2a;
    text-align: center;
    padding: 2vmin 1vmin;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2vmin;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;
    overflow: hidden;
    cursor: pointer;
    float: right;
    transition: all 0.5s ease;
    text-decoration: none;
}

    #btn-submitReview:hover {
        background: #ec1a3a;
    }

div#showmore-review {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 2.5vmin;
    text-transform: uppercase;
}

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

.instagram_bg {
    padding-top: 6vmin;
}

    .instagram_bg .connect-logo {
        max-height: 100px;
        max-width: 100px;
    }

    .instagram_bg h2 {
        margin-top: 1vmin;
        color: white;
        padding-bottom: 2em;
    }

#Review {
    padding: 0 0 0 3vw;
}

#module-review {
    column-count: 4;
    column-gap: 1em;
    overflow: hidden;
    /* height: 50vh; */
    position: relative;
    margin-bottom: 10vh;
    flex: 1 0 100%;
}

    #module-review article {
        background-color: #eee;
        display: inline-block;
        margin: 0 0 1em;
        width: 100%;
        padding: 1em;
        box-sizing: border-box;
    }

.module-title {
    margin: 1vmin 0 0;
    font-weight: bold;
    font-size: 3.066667vmin;
    padding-bottom: 1%;
}

.module-type {
    border-bottom: solid 2px black;
    margin-bottom: 0.5vmin;
    padding-bottom: 0.5vmin;
}

.module-content {
    margin: 1vmin 0 0;
    line-height: 2.5vmin;
}

#Review .video {
    display: none;
    float: left;
    margin-right: 10px;
    width: 18%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#Review .module-content {
    display: none;
}

#Review article {
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
    margin-bottom: 2.5vmin;
    padding: 0 0 1% 2%;
}

    #Review article::before {
        position: absolute;
        left: -3vw;
        content: '+';
        font-size: 5vmin;
        color: #ffffff;
        background: #ec1a3a;
        top: 0;
        height: 100%;
        text-align: center;
        width: 4%;
        transition: transform 0.5s;
    }

    #Review article .module-content::after {
        content: '';
        clear: both;
    }

    #Review article:not(.Active):hover {
        background: #ec1a3a;
        color: white;
    }

        #Review article:not(.Active):hover .module-type {
            border-bottom: solid 2px white;
        }

    #Review article.Active > .module-preview {
        display: none;
    }

    #Review article.Active > .module-content, #Review article.Active .video {
        display: block;
    }

    #Review article.Active::before {
        content: '-';
    }

.ShowMore .flexfull {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vmin;
}

.btn-ShowMore {
    background: #2a2a2a;
    text-align: center;
    width: 30vmin;
    color: #fff;
    padding: 2vmin 1vmin;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2vmin;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s ease;
}

    .btn-ShowMore:hover {
        background: #ec1a3a !important;
    }

#form-return-msg * {
    display: none;
    color: grey;
}

#submitReview a {
    text-decoration: none;
}

#cse-search-results iframe {
    width: 100% !important;
}

div#legal a {
    color: black;
    text-decoration: none;
}

#faculty-and-staff h6 {
    font-weight: bold;
    font-size: 2.25vmin;
    margin: 0;
    padding: 0;
}

#faculty-description {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

#req_up {
    /*
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 29px;
    padding: 0.5vmin 0;
    font-size: 1.5vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #d0d0d0;
    */
    float: right;
    display: block;
    cursor: pointer;
    height: 3vmin;
    width: 3vmin;
    min-height: 30px;
    min-width: 30px;
    padding: 0 2vmin 0 0;
    box-sizing: content-box;
}

#apply_up {
    /*
    background-image: url('/Files/templates/main17/images/buttonapplyup.png');
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 29px;
    padding: 0.5vmin 0;
    font-size: 1.5vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #d0d0d0;
    */
    background: #ec1a3a;
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 3vmin;
    width: 3vmin;
    min-height: 30px;
    min-width: 30px;
    padding: 0.5vmin 0vmin 1.5vmin 0;
    box-sizing: content-box;
    cursor: pointer;
}

    #apply_up .icon {
        /*
    background-image: url(/Files/templates/main17/images/arrow-cross-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;;
    margin-left: 10px;
    */
        background-image: url(/Files/templates/main17/images/arrow-cross-white.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        display: inline-block;
        margin-right: 2vmin;
        margin-top: 0.5vmin;
        background-position: center right;
    }

        #apply_up .icon:hover, #req_up .icon:hover {
            opacity: 0.5;
        }

#req_up .icon {
    background-image: url(/Files/templates/main17/images/arrow-cross-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: inline-block;
    ;
    margin-left: 10px;
}

#conntect-bg {
    display: none;
}

#reqinfo-content-mobile {
    display: none;
}

#thirdparty-icon {
    display: flex;
    margin: 4%;
}

    #thirdparty-icon img {
        flex: 0 1 auto;
        width: 50%;
        height: 50%;
        margin: 4% 4% 0 0;
    }

#newsletter section.basic .left p {
    padding: 0 3.362921868vw;
    color: white;
    line-height: 1.5em;
}

#newsletter main .right img {
    height: auto;
    width: 100%;
}

#newsletter section.basic .left ul li {
    margin: 0 3.362921868vw;
    color: white;
    line-height: 1.5em;
}

#newsletter main .left {
    background-color: #322f31;
    padding: 1vw 0 3.362921868vw 0;
}

#newsletter-social {
    margin: 0 3.362921868vw 3.362921868vw 3.362921868vw;
    display: flex;
    align-items: flex-end;
}

    #newsletter-social img {
        flex: 1 1;
        max-width: 50px;
        max-height: 50px;
        margin-right: 20px;
        transition: all ease 0.3s;
    }

        #newsletter-social img:hover {
            opacity: 0.7;
        }

#newsletter main .right {
    background-color: initial;
    padding: 0 0 0 1.18125vw;
    flex: 0 1 62%;
    box-sizing: border-box;
}

#newsletter main h4 {
    color: #ec1a3b;
    font-size: 3.066667vmin;
}

#newsletter main h2 {
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 3.066667vmin;
    color: white;
    padding: 0 3.362921868vw;
}

#newsletter main #newsletter-event .newsl-e-title {
    margin: 1em 0 0 0;
    padding: 1.5vw 3.362921868vw 0;
    color: #ec1a3b;
    font-weight: bold;
    font-size: 2.3vmin;
}

#newsletter main #newsletter-event .date {
    padding: 0 3.362921868vw;
    color: white;
    font-weight: bold;
    margin: 0 0 1em 0;
}

#newsletter #newsletter-announcements article .newsl-a-title {
    color: #ec1a3b;
    font-weight: bold;
    font-size: 2.3vmin;
    margin: 1.5vw 3.362921868vw 0;
}

#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;
}

#newsletter #newsletter-announcements article.studentmonth .newsl-a-studentname {
    color: white;
    font-size: 2.3vmin;
}

#newsletter #newsletter-announcements article {
    margin: 0 0 1em 0;
}

#newsletter main .newsl-a-title {
    padding-bottom: 0.5em;
}

#newsletter h3 {
    line-height: 1.5em;
    font-size: 1.65vmin;
    color: #ec1a3b;
    padding: 0 3.362921868vw;
    margin: 0;
    text-transform: initial;
}

#newsletter .right article {
    margin-bottom: 2em;
}

    #newsletter .right article h3 {
        padding: 0.5em 0;
        color: #ec1a3b;
        font-weight: bold;
        font-size: 2.6vmin;
    }

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

    .masonry .item {
        display: inline-block;
        background: #fff;
        margin: 0 0 1.5em;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

#newsletter .masonry .item h2 {
    padding: 3.362921868vw;
}

.masonry .item:first-child {
    background: #333032;
}

.masonry.portfolio .item:first-child {
    background: none;
}

.masonry.portfolio {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

    .masonry .item img {
        height: initial;
        width: 100%;
    }

        .masonry .item img:hover {
            opacity: 0.7;
        }

#newsletter section.basic .left .newsl-e-desc *,
#newsletter section.basic .left .newsl-a-desc * {
    font-weight: normal !important;
    text-decoration: none !important;
    color: white !important;
    font-style: normal !important;
}
/* career-services */
.career-services {
    width: 60%;
    margin-top: 5%;
}

    .career-services .flex-form {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2%;
    }

        .career-services .flex-form input, .career-services .flex-form textarea {
            flex: 1 1 auto;
            width: 33%;
            margin-right: 1%;
            margin-bottom: 1.5vh;
            border: 1px solid #cccccc;
            padding: 0.2vh 0.2vw;
            -ms-box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            font-size: 1.5vmin;
            height: 2.5vmin;
        }

        .career-services .flex-form textarea {
            height: 10.5vmin;
        }

        .career-services .flex-form .fullwidth, .career-services .flex-form textarea {
            width: 100%;
        }

        .career-services .flex-form button {
            color: white;
            border: none;
            background-color: #ec1a3a;
            padding: 1.8vh 0.2vw;
            text-transform: uppercase;
            font-size: 2.15vmin;
            transition: all 0.7s ease;
            border: 1px solid white;
            width: 100%;
        }

            .career-services .flex-form button:hover {
                background-color: #505050;
            }

    .career-services div.error_msg {
        padding: 0;
    }

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

    .career-services input:-moz-placeholder {
        color: #8c8888;
        opacity: 1;
        text-transform: uppercase;
    }

    .career-services input::-moz-placeholder {
        color: #8c8888;
        opacity: 1;
        text-transform: uppercase;
    }

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

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

    .career-services textarea:-moz-placeholder {
        color: #8c8888;
        opacity: 1;
        text-transform: uppercase;
    }

    .career-services textarea::-moz-placeholder {
        color: #8c8888;
        opacity: 1;
        text-transform: uppercase;
    }

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

    .career-services input.error::-webkit-input-placeholder {
        color: #d0caca;
    }

    .career-services input:-moz-placeholder {
        color: #d0caca;
    }

    .career-services input::-moz-placeholder {
        color: #d0caca;
    }

    .career-services input:-ms-input-placeholder {
        color: #d0caca;
    }

    .career-services textarea::-webkit-input-placeholder {
        color: #d0caca;
    }

    .career-services textarea:-moz-placeholder {
        color: #d0caca;
    }

    .career-services textarea::-moz-placeholder {
        color: #d0caca;
    }

    .career-services textarea:-ms-input-placeholder {
        color: #d0caca;
    }

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

div.video_nav {
    width: 100%;
    box-sizing: content-box;
    margin-top: 0.3vw;
}

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

    .video_nav_content a {
        margin-right: 0.5vw;
    }

        .video_nav_content a img {
            transition: .3s ease-in-out;
            height: 100%;
            height: 11vh;
            margin-bottom: 0.5vw;
        }

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

    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%;
}


/* portfolio */
#portfolio_index section .right.stickybar_right .row:first-child {
    margin-top: -3px;
}

#portfolio_index section .right.stickybar_right .row {
    margin-bottom: -0.42%;
    margin-top: 0.65vw;
}

a.btn-white {
    text-decoration: none;
    color: #2d2c2d !important;
    background-color: white;
    padding: 0.5em 1em;
    transition: all 0.5s ease;
}

    a.btn-white:hover {
        color: white !important;
        background-color: #2d2c2d;
    }

.masonry .title {
    font-size: 1.75vmin;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-transform: capitalize;
}

.masonry .subtitle {
    font-size: 1.65vmin;
    text-align: right;
}

.form-content input[type="submit"] {
    color: white;
    border: none;
    background-color: #ec1a3a;
    padding: 0.2vh 0.2vw;
    text-transform: uppercase;
    font-size: 2.15vmin;
    transition: all 0.7s ease;
    border: 1px solid white;
}

    .form-content input[type="submit"]:hover {
        background-color: #000000 !important;
    }

a.portfolio-square.Active {
    display: block;
    animation: ChangeSample 1s ease;
}

a.portfolio-square {
    float: left;
    position: relative;
    width: 32.53%;
    padding-bottom: 19%;
    margin: 0 0.4% 0.66%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}

.program-portfolio.half_width a.portfolio-square {
    width: 49%;
}

.program-portfolio.single_width {
    display: flex;
}

    .program-portfolio.single_width a.portfolio-square {
        width: 49%;
        flex: 1 auto;
    }

a.portfolio-square:hover {
    opacity: 0.7;
}

a.portfolio-square .subtitle {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    color: white !important;
    text-align: right;
    padding: 0.9vmin 1.2vmin 0.4vmin !important;
    font-size: 1.55vmin;
    box-sizing: border-box;
    text-transform: uppercase;
}

div.flex2-3.nomargin_nopadding.instagram_bg {
    margin-bottom: -5px !important;
    display: flex;
}

.program-portfolio-next, .program-portfolio-prev {
    flex: 0 0 5%;
    border-bottom: solid 5px white;
}

    .program-portfolio-next a, .program-portfolio-prev a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        transition: .3s ease-in-out;
    }

    .program-portfolio-next img, .program-portfolio-prev img {
        width: 80%;
        height: auto;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .program-portfolio-next a:hover, .program-portfolio-prev a:hover {
        background-color: rgba(0,0,0,.2);
    }

.program-portfolio {
    flex: 1 1 90%;
    border-left: solid 2px white;
    border-right: solid 2px white;
}

.projects {
    min-height: initial;
    //height: 61.84738956vh;
    min-height: 61.84738956vh;
}

.project {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .project.Active {
        display: block;
        animation: ChangeSample 1s ease;
    }

    .project .description {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* background: black; */
        background: rgba(0, 0, 0, 0.6);
    }

.project-ind:first-of-type {
    padding-top: 16.49053356vh;
}

.project-ind section.basic {
    padding-top: 0;
}

.grey_bg, section .left.grey_bg {
    background-color: #777777;
}

.crumbs + .project-ind {
    padding-top: 16.49053356vh;
}

section.basic.project_thumb_group {
    margin: -2.237521515vh 0 2.237521515vh 0;
    height: initial;
}

    section.basic.project_thumb_group .right {
        background-color: white;
        position: relative;
    }

.project_thumb {
    float: left;
    position: relative;
    width: 11.8%;
    padding-bottom: 8%;
    margin: 0.77% 0% 0 0.77%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease;
    opacity: 0.7;
}

    .project_thumb:hover {
        opacity: 1;
    }

.portfolio-thumb-group-main .project_thumb:first-child, .portfolio-thumb-group-main .project_thumb:nth-child(8n+1) {
    margin: 0.77% 0.2% 0 0%;
}

.project-ind:nth-child(odd) section .left {
    background-color: #777777;
}

.project_thumb_group .portfolio-thumb-group-main {
    padding: 0 5.7%;
}

.project_thumb_group .portfolio-thumb-group-left {
    position: absolute;
    top: 8%;
    left: 0;
    height: 92%;
    width: 4.935%;
    transform: initial;
    background-color: grey;
}

.project_thumb_group .portfolio-thumb-group-right {
    position: absolute;
    top: 8%;
    right: 0;
    width: 4.935%;
    height: 92%;
    text-align: right;
    transform: initial;
    background-color: grey;
}

    .project_thumb_group .portfolio-thumb-group-left a.slideshow-arrow-l,
    .project_thumb_group .portfolio-thumb-group-right a.slideshow-arrow-r {
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        height: initial;
        width: initial;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease;
        background-color: grey;
    }

        .project_thumb_group .portfolio-thumb-group-left a.slideshow-arrow-l:hover,
        .project_thumb_group .portfolio-thumb-group-right a.slideshow-arrow-r:hover {
            background-color: #b5b5b5;
        }

.project_thumb_group a.slideshow-arrow-l img, .project_thumb_group a.slideshow-arrow-r img {
    width: 60%;
    background-color: initial;
}

.project_thumb.Active {
    display: block !important;
}

.btn-contact-form {
    text-decoration: none;
    color: white;
    background: url(/Files/templates/main17/images/icon-mail.png) left / 4vmin no-repeat;
    padding: 0 0 0 5vmin;
    word-break: break-word;
    display: block;
}

#lightbox_form {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/files/interview/img/popup-bg.png) repeat;
    text-align: center;
    transition: all 0.7s ease;
    animation: showForm .8s ease;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

form#contact_form {
    display: block;
    margin: 0 auto;
    color: white;
    width: 400px;
    text-align: left;
    padding: 3vmin;
    box-sizing: border-box;
    background: #504d4d;
    position: relative;
}

    form#contact_form input[type="text"], form#contact_form textarea {
        display: block;
        width: 100%;
        margin: 0.5vmin 0 1vmin;
    }

    form#contact_form textarea {
        height: 20vmin;
    }

div#btn-close {
    position: absolute;
    right: 2%;
    top: 2%;
    padding: 7px;
    cursor: pointer;
    background-image: url(/Files/templates/main17/images/arrow-cross-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

    div#btn-close:hover {
        opacity: 0.5;
    }

#contact-msg {
    display: none;
}

form#contact_form input[type="submit"] {
    background-color: #f04a63;
    color: white;
    border: none;
    font-weight: bold;
    padding: 2.5% 14%;
}

    form#contact_form input[type="submit"]:hover {
        background-color: #ffffff;
        color: #f04a63;
    }


div#front-right-studentbox {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    background: black;
    color: white;
    padding: 7px 15px;
    text-align: center;
}

span.student-program {
    font-weight: bold;
}

.mobile-only {
    display: none;
}

/* start responsive layout */

@media only screen and (max-width: 1220px) {
    #top-nav #social {
        display: none;
    }

    #top-nav nav {
        flex: 1 1 55.52356021%;
    }

    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

        .masonry.portfolio {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
        }
}

@media only screen and (max-width: 980px) {
    #top-nav form#cse-search-box {
        display: none;
    }

    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

        .masonry.portfolio {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }
}

@media only screen and (max-width: 800px) {
    body {
        font-size: 3.65vmin;
    }

    main {
        padding-top: 0;
    }

    section.basic.autoheight #work-at-desc * {
        font-size: 3.65vmin !important;
    }

    section.basic .right.form {
        padding: 3vmin 0px;
    }

    section #program-job h4 {
        font-size: 4.2vmin;
    }

    section h2, main section h2, a.news-title h2 {
        font-size: 5.066667vmin;
    }
    /*	body > section:not(#home) .left {
		background-color: white;
	}*/
    body > section .left:not(.theme_bg) h2 {
        background: #ec1a3a;
    }

    body > section .left h2 {
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    /*	body > section .left:not(.theme_bg) p {
		color: black;
	}
*/
    section #program-job ul li {
        font-size: 3.2vmin;
    }

    body.program > section.basic > .right {
        min-height: 200px;
    }

    section .left {
        padding: 0;
    }

    section.fronttile {
        display: block;
    }

    #front-tile13 {
        width: 50%;
    }

    section.basic .row.heading .right, section.basic .row.heading .left,
    section .left.stickybar_left.instagram_feed {
        min-height: initial;
    }

    #front-tile-row7, #front-tile10, #front-tile11, #front-tile12, #front-tile2, #front-tile3 {
        margin-bottom: 0;
    }

    main section.fronttile .right, main section.fronttile .left {
        height: 200vw;
        margin-bottom: 0;
    }

    #newsletter #newsletter-announcements article .newsl-a-title {
        font-size: 4.6vmin;
    }

    section.basic .right, section.basic .left {
        min-height: 30vh;
        margin-left: 0;
        margin-bottom: 2vh;
        height: initial;
        display: block;
        flex: initial;
    }

    #newsletter main .right {
        padding: 0;
    }

    section.basic .left {
        min-height: initial;
    }

    section.fronttile .left,
    section.fronttile .right {
        overflow: visible;
        min-height: initial;
    }

    .fullcontentwithbg > .background {
        display: none;
    }

    section .left.stickybar_left {
        min-height: initial;
        overflow: initial;
        margin-bottom: 10px;
        padding: 0;
        z-index: 99;
    }

    .followMeBar {
        writing-mode: initial;
        -webkit-writing-mode: initial;
        transform: initial;
        -ms-writing-mode: lr-tb;
    }

        .followMeBar.fixed {
            position: initial !important;
            top: initial !important;
            left: initial !important;
            width: initial !important;
        }

    section .right.stickybar_right {
        position: static;
        display: block;
        position: relative;
    }

    .course-group {
        margin-top: 16px;
    }

    .Samples {
        min-height: 300px;
        height: 300px;
    }

    section .right.stickybar_right .row {
        margin-top: 16px;
        flex-direction: column;
        display: block;
    }

        section .right.stickybar_right .row.flexcol-reverse {
            margin-top: 0;
            flex-direction: column-reverse;
            display: flex;
        }

            section .right.stickybar_right .row.flexcol-reverse .flex2-3,
            section .right.stickybar_right .row.flexcol-reverse .flex1-3 {
                min-height: 30vh;
            }

    div.row,
    #news-group {
        display: block;
    }

    section .right.stickybar_right .row.courseprogram {
        display: block;
        clear: both;
        padding-top: 35px;
    }

    .flex2-3, .flex1-3 {
        display: block;
        flex: initial;
        padding: 0;
    }

    #top-nav > div:nth-child(1).bg-nav {
        background-image: none;
    }

    #logo img.small-logo, #logo img {
        background-image: url(/Files/templates/main17/images/logo-simple.svg) !important;
        background-position: center;
        height: 40px;
        width: 60%;
    }

    #top-nav > div:nth-child(2) {
        background-image: none;
        flex: 0 1 70%;
    }

    #top-nav > div:nth-child(1) {
        flex: 0 1 30%;
        padding-left: 1.78125vw;
        box-sizing: content-box;
    }

    #top-nav nav {
        flex: 0 1 57.14285714285714%;
    }

    #top-nav form#cse-search-box, #top-nav #social {
        display: none;
    }

    #top-nav ul {
        display: none;
    }

    #top-nav #nav-tel {
        font-size: 3.6vmin !important;
        flex: 0 1 42.85714285714286%;
        text-align: right;
    }

    header {
        margin: 0 -1.78125vw;
        height: 40px;
        width: 100%;
        background: white;
    }

    section#home.basic {
        padding-top: 17px;
        height: initial;
        display: flex;
    }

    section.basic {
        padding-top: 98px;
        height: auto;
    }

    section#home .info {
        font-size: 2.65vmin;
        padding-bottom: 3.65vmin;
        padding-top: 3.65vmin;
        justify-content: flex-start;
        display: block;
        text-align: left;
    }

    section h1.front {
        font-size: 5.666667vmin;
        padding-bottom: 3.65vmin;
        padding-top: 3.65vmin;
    }

    header #box-reqinfo {
        left: 0;
        width: 50%;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    header #reqinfo-content {
        left: 0;
        width: 200%;
    }

    header #box-applynow {
        width: 50%;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    header #reqinfo-content h5 {
        font-size: 4.2vmin;
    }

    header #reqinfo-content > p {
        width: 100%;
    }

    header #reqinfo-content .checkbox-custom-label,
    #application-form-2017 .checkbox-custom-label {
        font-size: 3.2vmin;
        height: 5.5vmin;
    }

    header #reqinfo-content form {
        font-size: 3.6vmin;
    }

    #apply-content a {
        font-size: 3.5vmin;
        height: 5em;
    }

    #apply-content {
        right: 0;
        width: 200%;
        left: initial;
        height: calc(100vh - 120px);
    }

    #apply_up {
        height: 6.5%;
    }

    #apply-content a {
        height: 23.375%;
    }

    section#home .left {
        flex: initial;
        display: block;
        min-height: initial;
        height: initial;
    }

    nav#nav-program ul.program {
        display: none;
    }

    #nav-program a {
        font-size: 16px;
    }

    #nav-program ul {
        flex-wrap: wrap;
        height: auto;
    }

        #nav-program ul li {
            flex: 1 1 200px;
            height: 150px;
            margin-right: 8px;
            margin-top: 11px;
        }

    #nav-program li a {
        background-size: contain !important;
    }

    #front-box {
        flex-wrap: wrap;
    }

        #front-box a {
            flex: 1 1 300px;
        }

    #mobile-menu-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        #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: #333;
            margin: 3px 0;
            transition: 0.4s;
            border-radius: 1px;
        }

    #mobile-nav {
        margin-top: 68px;
        display: none;
        ;
    }

        #mobile-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

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

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

    #front-box a h2, #front-box .heading {
        padding: 3vmin 3vmin 0% 3vmin;
        margin: 0;
        font-size: 6.2vmin;
        color: black;
    }

    #front-box a p {
        font-size: 4.6vmin;
    }

    div.crumbs {
        margin: 74px 0 0 0;
        height: initial;
    }

        div.crumbs a, div.crumbs .sep {
            font-size: 12px;
        }

    body > section.basic {
        flex-direction: column-reverse;
        display: flex;
        height: initial;
    }

        body > section.basic.flexcol-normal {
            flex-direction: column;
        }

    section.basic {
        display: block;
    }

    section h2 {
        margin-top: 0;
    }

    .notab {
        display: none !important;
    }

    #Review .video {
        float: none;
        margin-bottom: 3vmin;
        width: 100%;
    }

    #news-group + .flex1-3 {
        padding: 7vmin 0 0 0;
    }

    #news-social.connect {
        padding: 3vmin 3.362921868vw;
    }

    #faculty-and-staff h6 {
        font-size: 3.75vmin;
    }

    #faculty-description {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    #legal img {
        width: 62%;
    }

    #thirdparty-icon img {
        width: 17%;
    }

    .form-content h2 {
        font-size: 5.066667vmin;
    }

    .form-content .content-1_2 {
        width: 100%;
        float: none;
    }

    .form-content input[name="Phone"], .form-content input[name="Postal"], .form-content input[name="City"], .form-content select[name="CountryKey"] {
        width: 97%;
        background-size: 3%;
        background-repeat: no-repeat;
        background-position: 98%;
    }

    .form-content input, .form-content select, .form-content textarea, #submitReview.form-content input[name="Phone"], #scholarship-form.form-content input[name="Postal"], #scholarship-form.form-content input[name="Phone"] {
        font-size: 3.5vmin;
        height: 5.5vmin;
    }

    .form-content button {
        font-size: 6.15vmin;
    }

    form small {
        font-size: 2vmin;
    }

    .followMeBar {
        padding: 2vw 1vw 2vw 5vw;
    }

    section.basic.autoheight h3 {
        padding: 5vmin 0 0 0;
        font-size: 4vmin;
    }

    .module-title {
        font-size: 5.066667vmin;
    }

    #mobile-nav ul > li > a.singlelayer {
        border-bottom: none;
    }

    section #program-job {
        padding-bottom: 2vh;
    }

    #news-group.events article .icon {
        flex: 1 1 8%;
        margin-right: 5%;
    }

    #news-group.events article .content {
        flex: 1 1 80%;
    }

    #Review {
        padding: 0 0 0 15vw;
    }

        #Review article::before {
            width: 13.5%;
            left: -15vw;
        }

    #connect-header h2 {
        font-size: 6.066667vmin;
        color: black;
        flex: 1 1 30%;
    }

    div.instagram_bg {
        padding: 6vmin 2vmin;
    }

    #connect-header h2, #connect-header #review-button {
        flex: 0 1 50%;
    }

    #btn-submitReview {
        font-size: 3vmin;
        width: 74%;
    }

    #connect-header #review-dropdown {
        width: 75.6%;
    }

        #connect-header #review-dropdown select {
            font-size: 3vmin;
        }

    .btn-ShowMore {
        font-size: 4vmin;
    }

    section:not(#home) + #nav-program {
        display: none;
    }

    #conntect-bg {
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        display: block;
    }

    #reqinfo-content-mobile {
        display: none;
    }

    #apply-content a.blue_bg {
        background-image: url(../images/program-fashion-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.red_bg {
        background-image: url(../images/program-game-development-and-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.pink_bg {
        background-image: url(../images/program-graphic-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.cyan_bg {
        background-image: url(../images/program-interior-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.orange_bg {
        background-image: url(../images/program-marketing-and-merchandising-for-fashion-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.yellow_bg {
        background-image: url(../images/program-architecture-design-and-technology-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.green_bg {
        background-image: url(../images/program-3d-modeling-animation-art-and-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply-content a.purple_bg {
        background-image: url(../images/program-visual-effects-art-and-design-white.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }

    #apply_up {
        padding: 1.5vmin 0vmin 2vmin 0;
        box-sizing: border-box;
        background: #ffffff;
    }

        #apply_up .icon {
            background-image: url(/Files/templates/main17/images/arrow-cross-black.png);
        }

    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    #newsletter main h2 {
        font-size: 5.066667vmin;
    }

    #newsletter h3 {
        font-size: 4vmin;
    }


    .career-services {
        width: 100%;
    }

        .career-services .flex-form input, .career-services .flex-form textarea {
            font-size: 3.65vmin;
            height: 6.5vmin;
        }

        .career-services .flex-form textarea {
            height: 22.5vmin;
        }

        .career-services .flex-form button {
            font-size: 6.15vmin;
        }



    #yt-video {
        display: none;
    }

    div.video_nav {
        display: none;
    }

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

    #yt-video-div {
        position: relative;
        width: 76.4375vw;
        height: 56vw;
        margin: 0 9vw;
        box-sizing: border-box;
    }

    #yt-video-div-before {
        position: absolute;
        left: -8vw;
        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;
    }

        #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;
    }

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

    .masonry .title,
    .masonry,
    .masonry .subtitle {
        font-size: unset;
    }

    footer {
        display: block;
    }

    #footer-right {
        width: 30%;
        float: right;
    }


    /* Portfolio */
    .crumbs + .project-ind {
        padding-top: 100px !important;
        clear: both;
    }

    a.portfolio-square {
        width: 49%;
        padding-bottom: 31%;
    }

        a.portfolio-square .subtitle {
            font-size: 2.85vmin;
        }

    .program-portfolio-next, .program-portfolio-prev {
        border-bottom: solid 2px white;
    }

    .project-ind section.basic .left {
        min-height: initial;
        padding: 2vh 0;
    }

    .project-ind section.basic .right, .project-ind section.basic .left {
        margin-bottom: 0;
    }

    .project-ind section.basic.project_thumb_group .right, .project-ind section.basic.project_thumb_group .left {
        min-height: 0;
    }

    .project .description, .project .description p {
        line-height: 1.2em;
        font-size: 2.35vmin;
    }

    .instagram_bg h2 {
        width: 72%;
        float: right;
        font-size: 4.65vmin;
        margin-top: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .instagram_bg .connect-logo {
        width: 25%;
        object-fit: contain;
        height: 50px;
    }

    div.instagram_bg {
        clear: both;
        padding-bottom: 2em;
        display: flex;
    }

    body > section.basic.connect_section {
        flex-direction: column;
    }

    div.sm-cover {
        height: 50vmin;
        flex: 0 0 100%;
        width: 100%;
    }

    #conntect-bg {
        display: none;
    }

    #connect-sm {
        margin: 1% 1% 1% 1%;
    }

    #frameIG .custom_feed a {
        flex: 1 1 46%;
    }

    .custom_feed .post_time {
        font-size: 2.25vmin;
    }

    #front-tile2 .studentbox, #front-tile3 .studentbox, #front-tile8 .studentbox,
    #front-tile10 .studentbox, #front-tile11 .studentbox, #front-tile12 .studentbox, #front-tile15 .studentbox {
        bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    .onlymobile {
        display: block !important;
    }

    .mobile-only {
        display: block;
    }

    .destop-only {
        display: none;
    }

    div.crumbs {
        position: initial;
    }

    section.basic {
        padding-top: 0px;
    }

    footer #footer-nav {
        display: none;
    }

    footer #footer-right {
        flex: 0 0 100%;
    }

    #footer-right {
        width: initial;
        float: none;
    }

    #front-tile12 .studentbox {
        /* word-break: break-all; */
        writing-mode: vertical-lr;
        -webkit-writing-mode: vertical-lr;
        transform: rotate(180deg);
        -ms-writing-mode: tb-rl;
    }

    .nomobile {
        display: none !important;
    }

    #faculty-description {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    div.crumbs a, div.crumbs .sep {
        font-size: 12px;
        color: black;
        background: white;
    }

        div.crumbs .sep:before {
            content: '>';
        }

    .flexfull {
        padding: 0;
    }

    body#fashion-design div.crumbs a:first-child, body#fashion-design-specialization-in-marketing div.crumbs a:first-child, body#marketing-and-merchandising-for-fashion div.crumbs a:first-child, body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a:first-child, body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a:first-child, body#interior-design div.crumbs a:first-child, body#interior-design-with-co-op div.crumbs a:first-child, body#graphic-design div.crumbs a:first-child, body#three-d-modeling-animation-art-and-design div.crumbs a:first-child, body#game-development-and-design div.crumbs a:first-child, body#architecture-design-and-technology div.crumbs a:first-child, body#visual-effects-art-and-design div.crumbs a:first-child, body#fashion-design div.crumbs a:nth-child(3), body#fashion-design-specialization-in-marketing div.crumbs a:nth-child(3), body#marketing-and-merchandising-for-fashion div.crumbs a:nth-child(3), body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a:nth-child(3), body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a:nth-child(3), body#interior-design div.crumbs a:nth-child(3), body#interior-design-with-co-op div.crumbs a:nth-child(3), body#graphic-design div.crumbs a:nth-child(3), body#three-d-modeling-animation-art-and-design div.crumbs a:nth-child(3), body#game-development-and-design div.crumbs a:nth-child(3), body#architecture-design-and-technology div.crumbs a:nth-child(3), body#visual-effects-art-and-design div.crumbs a:nth-child(3) {
        background-color: white !important;
    }

    body#three-d-modeling-animation-art-and-design div.crumbs .sep ~ .sep,
    body#fashion-design div.crumbs .sep ~ .sep,
    body#fashion-design-specialization-in-marketing div.crumbs .sep ~ .sep,
    body#game-development-and-design div.crumbs .sep ~ .sep,
    body#graphic-design div.crumbs .sep ~ .sep,
    body#interior-design div.crumbs .sep ~ .sep,
    body#interior-design-with-co-op div.crumbs .sep ~ .sep,
    body#marketing-and-merchandising-for-fashion div.crumbs .sep ~ .sep,
    body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs .sep ~ .sep,
    body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs .sep ~ .sep,
    body#architecture-design-and-technology div.crumbs .sep ~ .sep,
    body#visual-effects-art-and-design div.crumbs .sep ~ .sep {
        background-image: none;
    }

    body#three-d-modeling-animation-art-and-design div.crumbs a,
    body#fashion-design div.crumbs a,
    body#fashion-design-specialization-in-marketing div.crumbs a,
    body#game-development-and-design div.crumbs a,
    body#graphic-design div.crumbs a,
    body#interior-design div.crumbs a,
    body#interior-design-with-co-op div.crumbs a,
    body#marketing-and-merchandising-for-fashion div.crumbs a,
    body#marketing-and-merchandising-for-fashion-merchandising-specialization div.crumbs a,
    body#marketing-and-merchandising-for-fashion-marketing-specialization div.crumbs a,
    body#architecture-design-and-technology div.crumbs a,
    body#visual-effects-art-and-design div.crumbs a {
        background-color: white !important;
    }

    header #btn-reqinfo-mobile {
        color: #242425;
        background-color: #F3F31F;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        z-index: 999999999;
        top: 0;
    }

        header #btn-reqinfo-mobile:hover {
            background-color: #F04A63;
        }

    #reqinfo-content-mobile {
        display: block;
    }

    #req_up {
        display: none;
    }

    #reqinfo-content-mobile {
        background-color: #2d2c2d;
        margin: 0 -1.78125vw;
        padding: 1.78125vw;
        color: white;
    }

        #reqinfo-content-mobile small {
            opacity: 0.5;
        }

        #reqinfo-content-mobile h5 {
            font-size: 7.2vmin;
            margin: 0;
            padding: 2vmin 0;
        }

        #reqinfo-content-mobile form {
            font-size: 5.6vmin;
            margin: 4% 0;
        }

        #reqinfo-content-mobile .checkbox-custom-label {
            position: relative;
            font-size: 5.6vmin;
            color: white;
        }

    #application-form-2017 .checkbox-custom-label {
        font-size: 3.2vmin;
    }

    #application-form-2017 .checkbox-custom + .checkbox-custom-label:before {
        width: 15px;
        height: 15px;
    }

    .lead-form input[type="text"], .lead-form select, .lead-form button {
        padding: 1.5% 2%;
        margin: 2% 0;
    }

    #apply_up .icon {
        margin-right: 4vmin;
    }

    #apply_up {
        height: 10%;
        padding: 3.5vmin 0vmin 4vmin 0;
    }

    #apply-content a {
        height: 22.5%;
    }

    .crumbs + .project-ind {
        padding-top: 0 !important;
        clear: both;
    }


    div#front-right-studentbox {
        width: 100%;
    }
}



/******* 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: 999999999;
    min-width: 320px;
}

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

    #chat > .close {
        width: 100%;
        height: 28px;
        font-weight: bold;
        background-color: #f3f3f3;
        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: 7vw;
    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: #000000 !important;
    transition: border,background-image .3s ease-in;
    transition: all 0.5s ease;
    z-index:999
}

    #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: -2px;
        right: 1vmin;
        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;
    }
}

/******* instagram  style ***********/

#frameIG .custom_feed article p {
    color: black;
    padding: 2px
}

#frameIG .custom_feed article a {
    color: white;
    /* display: block; */
    text-align: right;
    float: right;
    background: #5da8dd;
    text-decoration: none;
    padding: 0.5vmin 1vmin;
    border-radius: 3px;
    border: solid 1px #9e9e9e;
    margin-top: 1vmin;
    transition: all ease 0.5s;
}

#frameIG .custom_feed article img {
    height: 100px;
    margin-top: 35px
}
/******* end chat style ***********/



.basic .grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    background-color: white;
   /* padding: 10px;*/
    width:100%;
    height:100%
}

    .basic .grid-container > div {
        /* background-repeat:no-repeat;
    background-size:cover;*/
        height: 100%;
        width: 100%;
        position: relative;
        background-position: 50% 50%;
        cursor:pointer
    }

   

    .basic .grid-container .red-layer {
        opacity: 0;
        transition: opacity .2s
    }

    .basic .grid-container >div:hover .red-layer {
        background-color: #ED1B34;
        opacity:.6;
        position:absolute;
        width:100%;
        height:100%;
        cursor:pointer;
        z-index:99
    }

    .basic .grid-container .text {
        position: relative;
        top: 40%;
        z-index:999
    }

    .basic .grid-container h2 {
        font-family: Overpass-Regular;
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 43px;
        text-align: center;
        margin: 0
    }

    .basic .grid-container hr {
        height: 2px;
        width: 71px;
        background-color:white;
        
        
    }

    .basic .grid-container .dark-layer {
        background-color: #242425;
        opacity: .4;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9
    }
   

    @media only screen and (max-width:800px) {
        .basic .grid-container {
        min-height:250px
    }
        .basic .grid-container h2 {
            font-family: Overpass-Regular;
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 25px;
            text-align: center;
        }

        .basic .grid-container hr {
            height: 0px;
            width: 28px;
           
        }
        section#home.basic {
            padding-top: 0px;
           margin-top:-50px
        }
     
}