/*@media only screen and (min-width: 768px) {}*/


    /* =====================  Header [shared assets] =================  */

/* header */
header{
    width:100%;
    position:absolute;
    top:0;
    z-index: 900;
}

.top-bkg-off{
    position: fixed;
    background-color: transparent;
    -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
}

/*.top-bkg-on{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 70px;*/
/*    background-color: #fff;*/
/*    -webkit-transition: background 1s;*/
/*    transition: background 1s;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .top-bkg-on{height: 90px;}*/
/*}*/

/*.top-bkg-on .acc-logo{*/
/*    position:absolute;*/
/*    top:0;*/
/*    left:0;*/
/*}*/



/* ---- header color state control ----*/
.top-bkg-off #cta{display: none;}
.grey5-fill span{color: #fff;}
.internal-page-container .grey5-fill span{color: #2e2e2d;}
/*#online .top-bkg-on .grey5-fill span{color: #2e2e2d;}*/


/*h1.top-header {*/
/*    font-size: .7rem;*/
/*    color: #fff;*/
/*    position: absolute;*/
/*    right: 6rem;*/
/*    top: 0;*/
/*    text-align: right;*/
/*    z-index: 100;*/
/*}*/
/*.navigation-is-open h1.top-header{display:none}*/


/*.top-bkg-on #cta {*/
/*    position: absolute;*/
/*    display: block;*/
/*    right: 6rem;*/
/*    width: 87px;*/
/*    text-align: right;*/
/*    line-height: 0.9rem;*/
/*    top: 1.5rem;*/
/*    z-index: 901;*/
/*}*/
/*@media only screen and (min-width: 769px) {*/

/*    h1.top-header {*/
/*        top: 0.9rem;*/
/*    }*/
/*    .top-bkg-on #cta {*/
/*        top: 2rem;*/
/*        width: unset;*/
/*    }*/
/*}*/
/*#cta a{*/
/*    font-size: 0.7rem;*/
/*    color: #2E2E2D;*/
/*}*/

/*    #cta a:hover{color: #0069B4; text-decoration:none;}*/

nav{
    position: fixed;
    z-index: 3;
    right: 10%;
    top: 27px;
    height: 54px;
    width:20%;

    display:flex;
    justify-content:space-around;
}
nav a{ text-decoration:none;}

.header-nav-item{
    position:fixed;
    top:0;
    right:150px;
    padding:1.5em;
}

/*-----======================--- parent resources on hover ---======================--- */


#cd-nav .cd-secondary-nav .resources-link {
    width: 14rem;
    padding: 10px;
    margin: 1rem 0 1.5rem auto;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#cd-nav .cd-secondary-nav .resources-link a{display: unset;}

#cd-nav .cd-secondary-nav .resources-link .portal-icon path{fill:#FFF}
#cd-nav .cd-secondary-nav .resources-link .portal-icon, .cd-secondary-nav .resources-link p{
    margin: auto;}
#cd-nav .cd-secondary-nav .resources-link .portal-icon{}

#cd-nav .cd-secondary-nav .resources-link p
, #cd-nav .cd-secondary-nav .resources-link p strong
, #cd-nav .cd-secondary-nav .resources-link a strong{
    text-align:center;
    font-size: .9rem;
    color: #fff;
    text-transform: uppercase;
}
#cd-nav .cd-secondary-nav .resources-link a strong{font-weight: 600;}

/*-------- parent resources on hover ------ */
#cd-nav .cd-secondary-nav .resources-link:hover {background-color: #fff;}
#cd-nav .cd-secondary-nav .resources-link:hover .portal-icon{
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#cd-nav .cd-secondary-nav .resources-link:hover .portal-icon path{fill:#2a333c}
#cd-nav .cd-secondary-nav .resources-link:hover p
, #cd-nav .cd-secondary-nav .resources-link:hover p strong
, #cd-nav .cd-secondary-nav .resources-link:hover a{color:#2a333c}



/*---------------------------- FOOTER -----------------------*/
footer#footer {
    width: 100%;
    padding: 3rem 2rem;
}
footer#footer .row{width: 100%;}
#footer p {}
#footer p.large {margin-bottom: 2rem;}
#footer a{color: #646E78;}
#footer strong{color:#212529;}
#footer ul{
    list-style-type: none;
    padding: 0;
    margin-top:2rem;
}
#footer ul li{padding: 0;}
#footer a, #footer p, #footer li{
    font-size: .7rem;
    margin-bottom: .4rem;
    text-decoration: none;
    word-wrap: break-word;
}

@media (min-width: 768px) {
    footer#footer {padding: 3rem 1rem;}
    #footer a, #footer p, #footer li {font-size: .9rem;}
}

@media (min-width: 768px) {
    footer#footer {padding: 3rem 0;}
}

#footer .links a{color:#0069AF;}
#footer .podcast-link{}
#footer .play-icon{width: 20px; float:left;}

/*FOOTER ICONS*/
.social-icons span, .social-icons span svg {width: 16px; margin-right: 4px;}


/* ---- footer hiring button ----*/
.hiring.cta-main-hollow {
    /* font-size: 0.5rem !important; */
    min-width: unset;
    padding: 15px;
    text-align: center;
    display:block;

}

#footer .hiring.cta-main-hollow:hover {
    color: #fff;
    border-color: #0069b4;
    background-color: #0069b4;
}

#footer a.hiring, #footer a.hiring p {
    font-size: .8rem !important;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin-top: 1rem;
    color: #0069af;
    font-weight: 400;
}

#footer .top-btn {
    width: 130px;
    float: right;
    margin-top: 2rem;
    text-align: right;
}




/* --- footer click to the top ---*/
#footer .click-top{text-align: center;}
#footer .click-top:hover{text-decoration: none;}
#footer a.click-top{color: #0069AF;}
.click-top p {margin-top: 1rem;}

#footer .click-top .chevron{
    font-weight: 200;
    font-size: 1.7rem;
    line-height: 3.5rem;
    color: #2E2E2D;

    -webkit-transition: line-height .2s;
    -o-transition: line-height .2s;
    -moz-transition: line-height .2s;
    transition: line-height .2s;
}

.blue-circle:hover span {
    line-height: 3.5rem;
    font-size: 3.3rem;

    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
#footer .blue-circle:hover .chevron {line-height: 2.8rem;}

#footer .blue-circle {
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    border-radius: 2rem;
    border: 2px solid;
    text-align: center;
}




/* =====================  Homepage landing page Index =================  */
.landing_page-container{
    height: auto;
    background-image:url('https://www.acc.edu.au/southlands/img/home-background-400.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #171a24;
    color: #fff;
}

/* make the logo black on the home landing page*/
/*hamburger menu color change*/
/*#landing-page .top-bkg-on .white-fill, #landing-page .top-bkg-on .white-bkg{fill:#2E2E2D; color:#2E2E2D; background-color:#2E2E2D;}*/
/*#landing-page.navigation-is-open .top-bkg-on .white-bkg{background-color:#fff}*/

@media (min-width: 576px) {.landing_page-container{background-image:url('https://www.acc.edu.au/southlands/img/home-background-600.jpg'); }}
@media (min-width: 768px) {
    .landing_page-container{
        background-image:url('https://www.acc.edu.au/southlands/img/home-background-992preload.jpg');
        -webkit-background-size: cover;
        background-size: cover;
        height: 100%;
    }

}

@media (min-width: 992px) {
    .landing_page-container{
        background-image:url('https://www.acc.edu.au/southlands/img/home-background-1200preload.jpg');
    }

}

@media (min-width: 1200px) {
    .landing_page-container{
        background-image:url('https://www.acc.edu.au/southlands/img/home-background-2000preload.jpg');
    }

}
@media (max-width: 992px) and (orientation : landscape) { .landing_page-container {height: auto;}}

#landing-page .container{max-width: 100%;}

#landing-page .cta-main{min-width: 13rem;}

#landing-page .links {
    margin-bottom: 2rem;
    z-index: 200;
    text-align: center;
}
#landing-page .links a, #landing-page .links .cta-main{
    color:#fff;
    border-color: #0069b4;
    background-color: #0069b4;
    transition: all .5s ease;

}
#landing-page .links a:hover{
    color: #fff;
    border-color: #448abb;
    background-color: #448abb;
    transition: all .5s ease;
}

#landing-page .description {
    z-index: 200;
    max-width: 90%;
    margin: auto;
    margin-bottom: 2rem;
}
#landing-page .description p {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

@media (min-width: 768px) {
    #landing-page .container {
        max-width: 85%;
        width: 100%;
        margin: auto;
    }
    #landing-page  .cta {margin: 1rem;}
    #landing-page .cta-main{min-width: 15rem;}
    #landing-page .links {margin:2rem 0; text-align: left}
    #landing-page .links a:first-child {margin-right: 2rem;
        margin-left: 0;}
    #landing-page .description {max-width: 750px;margin: 0;}
    #landing-page .description p {font-size: 1.5rem;}
    #landing-page .description p {font-size: 1.5rem;}
}

/*--------------------------- Homepage title animation swipe thingy -----------------------*/


.cd-headline {
    text-align: left;
}
.cd-headline span{width:unset;}

.home-title {
    height: unset;
    width: 72%;
    max-width: 950px;
    margin: 2rem auto 9rem auto;
    align-self: left;
    z-index: 200;

}
.home-title h2 {
    position: relative;
    line-height: 2.5rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}
.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: center;
}
.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}
.cd-words-wrapper b.is-visible {
    position: absolute;
}
.no-js .cd-words-wrapper b {
    opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-headline span{width:auto;}

    .home-title {
        height: 160px;
        width: 85%;
        margin: 0;
        text-align:left;
    }
    .home-title h2 {
        position: relative;
        line-height: 5rem;
        text-align: left;
        font-size: 3rem;
        font-weight: 700;
        color: #fff;
    }
    #landing-page .description p {
        text-align: left
    }
}

@media only screen and (min-width: 1170px) {
    .home-title h2 {
        height: 200px;
        font-size: 5rem;
        color: #fff;
    }
}


/* -------------------------------- xclip -------------------------------- */
.cd-headline.clip span {
    display: inline-block;
    /*padding: 0.2em 6px 0.2em 0;*/
}
.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
    height: 5.5rem;
}
.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px; /* 4px */
    height: 100%;
    background-color: none; /*light blue*/
}
.cd-headline.clip b {
    opacity: 0;
}
.cd-headline.clip b.is-visible {
    opacity: 1;
}

/*3d effect div for homepage*/

#gl {
    display:none;
}

@media (min-width: 768px) {
    #gl {
        display:block;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }
}

#homebkgimage{z-index: 100;}




/* =====================  oncampus =================  */


.mainpage h3{
    width: 100%;
    color: #2a333c;
    font-weight: 500;
    margin-top: .6rem;
    margin-bottom: 1.9rem;
    padding: 0;
    line-height: 2.1rem;
    font-size: 1.6rem;
}

.intro-bkg {
    position: relative;
    height: 25rem;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}


#oncampus .intro-bkg {background-image: url(https://www.acc.edu.au/southlands/img/on_campus/site-header-576.jpg);}
@media (min-width: 576px) {
    #oncampus .intro-bkg{
        height: 51vh;
        background-image:url(https://www.acc.edu.au/southlands/img/on_campus/site-header-768.jpg);
        background-position: center -143px;
        }
}
@media (min-width: 768px) {#oncampus .intro-bkg{background-image:url(https://www.acc.edu.au/southlands/img/on_campus/site-header-992.jpg); height: 41rem; background-position: center bottom;}}
@media (min-width: 992px) {#oncampus .intro-bkg{background-image:url(https://www.acc.edu.au/southlands/img/on_campus/site-header-1200.jpg); height: 44rem; background-position: center center;}}
@media (min-width: 1200px) {
    #oncampus .intro-bkg{
        background-image:url(https://www.acc.edu.au/southlands/img/on_campus/site-header-1600.jpg);
        background-position: center center;
        height: 54rem;
    }
}
@media (min-width: 1600px) {
    #oncampus .intro-bkg{
        background-image:url(https://www.acc.edu.au/southlands/img/on_campus/site-header-2000.jpg);
        height: 43rem;
        background-position: center center;
    }
}


#first-section {
    position: relative;
    margin-bottom: -2rem;
    /*top: -73vh;*/
    /*margin-bottom: calc(-73vh + 2rem);*/
}

.first-content-block{
    position: relative;
    margin-bottom:2rem;

    padding: 2rem 2rem 0 2rem;
    background-color: #fff;
}

@media (min-width: 576px) {
    #first-section {
        top: -48rem;
        margin-bottom: -48rem;
    }
    .first-content-block{
        margin-top: 34rem;
        padding: 3rem 6rem 0 6rem;
    }
}

@media (min-width: 768px) {
    #first-section {
        top: -47rem;
        padding-bottom: 0;
    }
    .first-content-block{
        margin-top: 35rem;
        padding: 4rem 6rem 0 6rem;
    }
}

@media (min-width: 992px) {
        #first-section {
            top: -47rem;
        }
    .first-content-block{
        margin-top: 35rem;
        padding: 4rem 6rem 0 6rem;
    }
}


@media (min-width: 1200px) {
    #first-section {
        top: -57rem;
        margin-bottom: -57rem;
    }
}

@media (min-width: 1600px) {
    #first-section {
        top: -45rem;
        margin-bottom: -45rem;
    }
}
.top{}




#feature-video{
    position: relative;
    display: block;
    height: auto;
    /*margin-top: 4rem;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

    #feature-video.brendan-feature{background-image:url(https://www.acc.edu.au/southlands/img/on_campus/principal-video-576.jpg);}

    @media (min-width: 576px) {
        #feature-video.brendan-feature {background-image:url(https://www.acc.edu.au/southlands/img/on_campus/principal-video-768.jpg); }
        #feature-video .video-breakout{display:none;}
    }
    @media (min-width: 768px) {
        #feature-video{margin-top: 0;}
        #feature-video.brendan-feature { height: 590px; background-image:url(https://www.acc.edu.au/southlands/img/on_campus/principal-video-992.jpg); background-position-x: center;}
        #feature-video.brendan-feature  .video-breakout{display:block;}
    }
    @media (min-width: 992px) {#feature-video.brendan-feature {background-image:url(https://www.acc.edu.au/southlands/img/on_campus/principal-video-1000.jpg); }}
    @media (min-width: 1200px) {#feature-video.brendan-feature {background-image:url(https://www.acc.edu.au/southlands/img/on_campus/principal-video-1000.jpg);}}


#feature-video .play-icon {margin-bottom: 3rem;}
#feature-video .play-icon svg {height: 6rem;}

@media (min-width: 768px) {
    #feature-video .play-icon{
        margin-right: 10rem;}
}


/* ---- CAROUSEL SLIDE -------- */

div#testimonial-carousel {
    padding-bottom: 0;
    height: 86rem;
}
@media (min-width: 576px) {
    div#testimonial-carousel {padding-bottom: 5rem;     height: 34rem;}
}

#testimonial-carousel .card {
    width: 100%;
    background-color: #fff;

    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 2rem;
}

#testimonial-slider{
    position: relative;
    margin-top:-3rem;
    top:-3rem;
    z-index: 1;
    padding: 9rem 0 4rem 0;
}

.card-body {padding: 1.5rem;}
#testimonial-carousel p.card-text {
    color: #2a333c;
    font-size: 1rem;
    font-style: italic;}

@media (min-width: 576px) {

    #testimonial-carousel .card {
        width: 95%;
        background-color: #fff;
        display: flex;
        flex-direction: row;
        margin-bottom: 2rem;
        padding: 0;
    }


}
@media (min-width: 768px) {
    #testimonial-slider{
        padding:16rem 0 3rem 0;
        margin-top: -12rem;
    }
    .carousel-item .row {
        width: 100%;
        margin: 0;
    }
    #testimonial-carousel .card {
        width: calc(33.33% - 2rem);
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding: 0;

    }
}
@media (min-width: 1200px) {
    #testimonial-slider{
        padding:19rem 0 3rem 0;
        margin-top: -12rem;
    }
}
.open-quote {
    width: 100%;
    text-align: center;
}



.carousel, .student-vid-carousel {
    position: relative;
}

.carousel-inner {
    margin: auto;
    position: relative;
    width: 100%;
    /*max-width: 650px;*/
    /*max-width: 996px;*/
    overflow: hidden;
}

@media (min-width: 1200px) {
    .carousel-inner {
        /*max-width: 996px;*/
    }
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li{display:none;}

@media (min-width: 768px) {
    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        display: flex;
        flex: 0 1 auto;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        margin-right: 8px;
        margin-left: 8px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
    }
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #0069AF;
}

.carousel-inner .thumbnail{
    width: 130px;
    margin-left:auto;
    margin-right: auto;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}




p.caption{
    font-weight:500;
    color: #2A333C;
    font-size:0.9rem;
    text-align: center;
    margin-bottom: 6rem;
}



#oncampus #teaching-team{
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff

}

/*Teaching Team teaching team background images*/
#oncampus #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/teaching-team-768.jpg');}
@media (min-width: 768px) {#oncampus #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/teaching-team-992.jpg'); background-size: 100% auto}}
@media (min-width: 992px) {#oncampus #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/teaching-team-1200.jpg');}}
@media (min-width: 1200px) {#oncampus #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/teaching-team-1600.jpg');}}
@media (min-width: 1600px) {#oncampus #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/teaching-team-2000.jpg');}}


#oncampus #teaching-team > div {
    min-height: 40rem;
    height: auto;
    max-height: 716px;
}

    @media (min-width: 576px) {
        #oncampus #teaching-team > div {min-height: 636px;height: auto;max-height: 100vh;}
    }

    @media (min-width: 768px) {
        #oncampus #teaching-team > div {min-height: 33rem; height: auto; max-height:800px}
    }

    @media (min-width: 992px) {
        #oncampus #teaching-team{background-size: cover;}
        #oncampus #teaching-team > div {min-height: unset; height: 80vh; max-height:700px  }
        #oncampus #teaching-team .col-12.col-lg-6 {margin-top: 2rem;}
    }

    @media (min-width: 1200px) {
        #oncampus #teaching-team {
            -webkit-background-size: cover;
            background-size: cover;
        }
        #oncampus #teaching-team > div {min-height: unset; height: 98vh; max-height:800px }

        #oncampus #teaching-team .col-12.col-lg-6 {margin-top: 2rem;}
    }

#teachers .infographic-text{
    width: 100%;
    padding:1rem;
    text-align: center;
}

#teachers .infographic-text h2{
    font-size: 1.7rem;
    font-weight: 500;
    color: #000;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    float: none;
}


#teachers .infographic-text p{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #000;
    text-align: center;
    float: none;
}

@media only screen and (min-width:463px){
    .bio h2, .bio p {
        padding: 0 2rem;
        margin: 0 auto 0 0;
        clear: both;
    }
}


.testimonial-slider{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/testimonial-slider.jpg');}

#character-formation .cta-main{margin-bottom:0;}

#character-formation .side-image{
    position: relative;
    min-height: unset;
    padding: 2rem 2rem 0 2rem;
}

    @media (min-width: 768px) {
        #character-formation .side-image{
            padding: 6rem;
        }
    }

    @media (min-width: 992px) {
        #character-formation .side-image{
            height: 34rem;
            padding: 0;
            /*position: absolute;*/
        }
    }

@media (min-width: 1200px) {
    #character-formation .side-image {
        height: 36rem;
    }
}
#student-care .side-image{
    background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-500.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/*online-students*/
@media (min-width: 521px) {#student-care .side-image{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-540.jpg'); min-height: 26rem; }}
@media (min-width: 768px) {#student-care .side-image{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-740.jpg'); min-height: 33rem; }}
@media (min-width: 992px) {#student-care .side-image{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-440.jpg');}}
@media (min-width: 1200px) {#student-care .side-image{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-500.jpg');}}
@media (min-width: 1600px) {#student-care .side-image{background-image:url('https://www.acc.edu.au/southlands/img/on_campus/student-care/student-care-740.jpg');}}

/* --------------------- student videos ------------------*/
#student-videos .video-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#student-videos .video-grid .video {
    width: calc(100% - 2rem);
    margin: 1rem auto;
}

#student-videos .video-grid .video p {
    margin-top: .5rem;
}

@media only screen and (min-width: 768px) {
    #student-videos .video-grid .video {
        width: calc(50% - 2rem);
    }
}

/*TESTIMONIALS*/

#testimonials {
    position: relative;
    padding: 3rem 0 3rem;
    max-height: 34rem;
}

    @media (min-width: 768px) {
        #testimonials {padding: 6rem 0 4.5rem; max-height: 52rem;}
    }
#testimonials a{color: inherit;}
#testimonials a:hover{text-decoration: none;}
#testimonials .play-icon {
    position: absolute;
    top: calc(50% - 7rem);
    left: calc(50% - 4rem);
    width: 6rem;
    height: 6rem;
    max-width: 26%;
}

/*#testimonial-modal{*/
    /*width: 60vw;*/
    /*height: 60vh;*/
    /*margin: auto;*/
/*}*/

/* --------------------- student videos ------------------*/
#student-videos .carousel-control-prev,
#student-videos .carousel-control-next {
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: block;
    float: right;
    width: 12px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

#student-videos .carousel-control-prev:hover, #student-videos .carousel-control-prev:focus,
#student-videos .carousel-control-next:hover,
#student-videos .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

#student-videos .carousel-control-prev {
    margin-right: 1rem;
}

#student-videos .carousel-control-next {
    margin-right: 0;
}

#student-videos .carousel-control-prev-icon,
#student-videos .carousel-control-next-icon {
    display: inline-block;
    width: 12px;
    height: 14px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

#student-videos .carousel-control-prev-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAjCAMAAABW1lGaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFHR0bKysp8fHx4+PiuLi3jo6N1NTUgIB/nJybOTk4VlZUxsbGZGRjSEhGqqqp////lGDT+wAAABB0Uk5T////////////////////AOAjXRkAAACJSURBVHjalNPBDoIwEEXRW6AIivD/f6sSjE3nzsJuT9LM65tyZIe/Zbgl8lhxqaAyP3FZQGW847IXVIYNVKaCyjscKp9wKhVUrnBRloLKL1wnU8FlXEkk5Ggn8Pvie3VJ95KJjB67lBa6J4o74223VcTdTKSJLSu9ZfKtS/f6jJ38kprKMb8EGABJIByxcrSJEAAAAABJRU5ErkJggg==');
}

#student-videos .carousel-control-next-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAlCAMAAACEemK6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFHR0bKysp8fHx4+PiuLi3jo6N1NTUgIB/nJybOTk4VlZUxsbGZGRjSEhGqqqp////lGDT+wAAABB0Uk5T////////////////////AOAjXRkAAACPSURBVHjanNPBFoMgDETRB4pite3//22PLYcCybgw27vKZMJbD/dtjdrYdm2QLoznog3yhfGYtBFe2uCI2gizNmiDGK0NwlgThGM1CM8IWVsJQth3G2Vsk7RzT99++bhWcnWs3sPa/47Gssy6601vSd527Gljpt/V+jp0dkTVz5Bl521tqyX9Y8udv/0IMAB5SCP1zwCFDwAAAABJRU5ErkJggg==');
}

#student-videos .carousel-indicators{display:none;}

#student-videos .all-student-videos{
    height:0px;
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}
#student-videos .student-vid-btn:active .all-student-videos {
    height:auto; -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}
#student-videos ul{list-style-type: none}
/*--- ======================== FEE SCHEDULE ======================== */

#fee-schedule .side-image .image{
    position: relative;
}

#fee-schedule .calculator{padding-bottom: 2rem;}

@media only screen and (min-width:768px) {
    #fee-schedule .calculator {padding-bottom: 0;}
}
/* --- THE FORM --- */
.calculator-wrapper {
    height: 90%;
    padding: 2rem;
}

@media only screen and (min-width:769px){
    .calculator-wrapper {padding: 2.5rem;}
    /*#fee-schedule .side-image .image{*/
        /*position: absolute;*/
    /*}*/
}


form#form, select, input {font-family: montserrat, sans-serif;}

.form-field {position: relative; margin-bottom:2rem;}

input#inputDate {
    border: none;
    border-bottom: 1px solid #0069AF;
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
}
/* arrow down selector for the date picker*
input#inputDate::-webkit-calendar-picker-indicator{
    position:absolute;
    right:16px;
    top:10px;
    color: #2A333C;
    height: 12px;
    width: 22px;
    content: 'pick';
}
 *date up and down arrow things*
input#inputDate::-webkit-inner-spin-button {
    display: none;
}*/

div#students {min-height: 10rem;}

.date, .student{
    background-repeat: no-repeat;
    background-position: 100% 0%;
    border-bottom: 1px solid #0069AF;
    border-radius: 0px;
    width: 100%;
    color: #929FAD;
}

/*.date{background-image: url(https://www.acc.edu.au/southlands/img/on_campus/select-cal.png);}
.student{background-image: url(https://www.acc.edu.au/southlands/img/on_campus/select-down.png);}*/
.student-wrapper {margin-bottom: 1rem; position: relative;}

select {
    border: none;
    width: 100%;
    text-transform: none;
    text-decoration:none;
    background: none;
    -webkit-appearance: none;
    padding: 0.5rem;

}

.is-extra{width:88%}
.remove-student {
    background-image: url('https://www.acc.edu.au/southlands/img/minus.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: transparent;
    position: absolute;
    right: -20px;
    top: 3px;

}

/* Add A Student button */
#fee-schedule .side-image{background-color: #F4F4F4;}
.fee-calculator .btn {margin-top: 2rem;}
.fee-calculator p{margin-bottom: .5rem;}
.fee-calculator .form-date{background-color: #F4F4F4;}

.ctas > .btn:nth-child(1){margin-bottom:1rem;}
.ctas > .btn:nth-child(2){margin-left:0rem;}

a.add-student {
    display: flex;
    align-items: center;
    margin: 3rem 0 1rem 0;
}

a.add-student:hover{text-decoration: none;}

.blue-circle{
    width: 4rem;
    height: 4rem;
    line-height: normal;
    border-radius:3rem;
    border: 2px solid;
    text-align: center;
    margin-right:2rem;
    /*prepare for animation*/
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}

.plus-icon {
    font-weight: 200;
    font-size: 3rem;
    color: #929FAD;
}

.add-student p {margin-top: 1rem;}



@media only screen and (min-width:769px)/*, (orientation : landscape)*/ {
    .--fee-calculator {
        /*background-image: url('https://www.acc.edu.au/southlands/img/fee-calculator-bkg.jpg');*/
        -ms-background-position-x: 70%;
        background-position-x: 35%;
    }


    .ctas > .btn:nth-child(1){margin-bottom:0;}
    .ctas > .btn:nth-child(2){margin-left:1rem;}


}

@media only screen and (max-width: 768px),
(min-device-width: 769px) and (max-device-width: 1024px) {
    /*    Label the data    */
    td:nth-of-type(1):before {
        content: "Years";
    }

    td:nth-of-type(2):before {
        content: "Child 1";
    }

    td:nth-of-type(3):before {
        content: "Child 2";
    }

    td:nth-of-type(4):before {
        content: "Child 3";
    }

    td:nth-of-type(5):before {
        content: "Child 4";
    }

    td:nth-of-type(6):before {
        content: "Child 5+";
    }
}


/* icon for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .remove-student {
        background-image: url('https://www.acc.edu.au/southlands/img/minus.png');
        background-size:16px 16px;
    }
}

/*Uniform pricing modal*/
#uniform-pricing{
    background:#fff;
    max-width:500px;
    padding:15px 30px;
    margin-top: 100px;
    height: auto;
}

/* ------------- technology pricing modal --------------- */
.modal.pricing {
    width: 90%;
    max-width: 900px;
    background-color: #fff;
    padding: 2rem;
    color: #646E78;
}

#technology-pricing .byod-model {
    /*position: relative;*/
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: auto;
    text-align: left;
    margin-left: auto;

    color: #fff;

}

/* BYOD MODEL */
#technology-pricing .byod-model > span {
    padding: 1.5rem;
    position: relative;
}

#technology-pricing .byod-model label{
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 1.5rem;
    position: relative;
    cursor: pointer;
    margin: 0;
}
#technology-pricing input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity:0;
    max-height:0;
    transition: max-height 1s ease;

}

#technology-pricing .byod-model .model-top{background-color:#eeeeec; color: #211f46;}
#technology-pricing .byod-model .model-top span{
    font-size: 1rem;
    color: #211f46;
    font-weight: 500;
}

#technology-pricing .byod-model > label.first, #technology-pricing .byod-model > #toggle-1 + .hidden{background-color: #211f46}
#technology-pricing .byod-model > #toggle-1:checked + .hidden{max-height: unset; padding: 0 1.5rem 0 1.5rem; transition: all 0.6s ease;background-color: #211f46}

#technology-pricing .byod-model > label.second, #technology-pricing .byod-model > #toggle-2 + .hidden{background-color: #13387f}
#technology-pricing .byod-model > #toggle-2:checked + .hidden{max-height: unset; padding: 0 1.5rem 0 1.5rem; transition: max-height 0.6s ease;background-color: #13387f}

#technology-pricing .byod-model > label.third, #technology-pricing .byod-model > #toggle-3 + .hidden{background-color: #0069b3}
#technology-pricing .byod-model > #toggle-3:checked + .hidden{max-height: unset; padding: 0 1.5rem 0 1.5rem; transition: max-height 0.6s ease;background-color: #0069b3}

#technology-pricing .byod-model .h2, #technology-pricing .byod-model .h3, #technology-pricing .byod-model .p, #technology-pricing .byod-model a, #technology-pricing .byod-model li, #technology-pricing .byod-model strong{color:#fff}

#technology-pricing .byod-model .h2{
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    clear: both;
    float: left;
}
#technology-pricing .byod-model .h3{
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 300;
    clear: both;
    float: left;
}
#technology-pricing .byod-model .icon{
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 69px;
    height: 33px;
    float: right;
    text-align: right;
}
#technology-pricing .byod-model .icon span:nth-child(2){margin-left:15px;}

#technology-pricing .byod-model .hidden{
    display: block;
    max-height: 0;
    padding: 0 1.5rem 0 1.5rem;
    width: 100%;
    overflow: hidden;
    transition: all 0.6s ease;
}
#technology-pricing .byod-model p{color: #fff;}

#technology-pricing img{
    width: 100%;
    max-width: 550px;
    margin: 1rem;
}
#technology-pricing .p-wrapper{
    display:flex;
    flex-direction: column;
}
div#technology-pricing p{color: #646E78;}
div#technology-pricing .cta-main{margin-right: 1rem;}
#technology-pricing .buttons{width: 100%;}

@media (min-width: 768px) {
    #technology-pricing .p-wrapper{
        display:block;
        flex-direction: unset;
    }
    #technology-pricing .byod-model {
        width: 311px;
        margin: 1rem;
        float: right;
    }
    #technology-pricing img{float: right; margin: 0 0 0 1rem;}
}


#fees-modal h2 {
    font-size: 1.1rem;
    letter-spacing: .03rem;
    font-weight: 300;
    margin: 1rem 0;
    padding-top: 1rem;
    color: #2a333c;
}
p strong{color: #646e78}
#fees-modal h1:first-child{border-top:0; margin-top: 0rem;}
#fees-modal p{margin-bottom: 0;}

/*------------------- PRINCIPAL TOUR ----------------*/


#principal-tour {
    position: relative;
    height: 538px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    /*background-image:url('https://www.acc.edu.au/southlands/img/principals-tour-576.jpg');*/
    background-position-x: -493px;
    background-size: cover;
    text-align: center;
}
section#principal-tour{padding-top:1rem}

#virtualopenday {
    position: relative;
    height: 722px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    /*background-image:url('https://www.acc.edu.au/southlands/img/principals-tour-576.jpg');*/
    background-position-x: -493px;
    background-size: cover;
    text-align: center;
}


#background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
    width: 247%;
    left: -62%;
    height: 100%;
}
#background-video .wide-video {display: none;}
#principal-tour h3 {color: #2A333C;}
#virtualopenday h1{margin-bottom:2rem;}
#virtualopenday p{margin-bottom:0;}
#principal-tour .cta-main{margin-top: 0}
#virtualopenday .cta-main{margin-top: 0}
#virtualopenday .cta-main-hollow, #principal-tour .cta-main-hollow{margin-top: -2rem;}
#virtualopenday .cta-main, #virtualopenday .cta-main-hollow{min-width: 18rem;}
@media (min-width: 480px) {
    .cta-main, .cta-main-hollow{min-width: 19rem;}
    .cta-main{margin-top: 2rem}
}
@media (min-width: 576px) {
    .cta-main{margin-top: 8rem;}
    .cta-main{margin-top: 3rem;}
}
@media (min-width: 768px) {
    section#principal-tour{padding-top:1rem}
    #principal-tour, #virtualopenday {justify-content: center;}
    #principal-tour h1 {color: #fff;}
    #virtualopenday h1 {color: #2A333C;}
    #principal-tour .btn{color: #fff;}
    #principal-tour .cta-main, #virtualopenday .cta-main{margin-top: 0;}
    #background-video .wide-video {display: block;}


}

#book-tour .embed-responsive:after, #attend-vod .embed-responsive:after {
    content: 'Please be patient as the form takes a moment or two to load.';
}
#book-tour .embed-responsive, #attend-vod .embed-responsive{height: 100%;}

/*@media (min-width: 576px) {*/
    /*#book-tour .embed-responsive, #attend-vod .embed-responsive{ min-height: 52rem;}*/
/*}*/

/*@media (min-width: 768px) {*/
    /*#book-tour .embed-responsive, #attend-vod .embed-responsive {*/
        /*min-height: 1000px;*/
    /*}*/
/*}*/



/* ---------------- open day bannerpopup ----------------*/

/*body.page-is-changing #openday{transform: translate3d(0, 100%, 0);}*/
#openday{
    position: fixed;
    bottom: 0;
    left: 0;
    /*top: unset;*/
    width: 100%;
    height: unset;
    background-color: #0069b4;
    text-align: center;
    z-index: 100;


}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    /*-webkit-animation-name: slideInUp;*/
    /*animation-name: slideInUp;*/
    -webkit-animation: slideInUp 0.5s forwards;
    -webkit-animation-delay: 3s;
    animation: slideInUp 0.5s forwards;
    animation-delay: 3s;
    transform: translate3d(0, 100%, 0);
}

/* ------ ON CLICKING THE CLOSE BUTTON slide away the openday banner*/

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    /*-webkit-animation-name: slideOutDown;*/
    /*animation-name: slideOutDown;*/
    -webkit-animation: slideOutDown 0.5s forwards;
    animation: slideOutDown 0.5s forwards;
    transform: translate3d(0, 100%, 0);
}

#openday .close-banner{
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 103;

    transition: 0.65s;
    -webkit-transition: 0.65s;
    -moz-transition: 0.65s;
    -ms-transition: 0.65s;
    -o-transition: 0.65s;
}

@media (min-width: 768px) {
    #openday .close-banner{
        right: 2rem;
    }

    #openday .close-banner:hover {
        transition: 0.65s;
        -webkit-transition: 0.65s;
        -moz-transition: 0.65s;
        -ms-transition: 0.65s;
        -o-transition: 0.65s;
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }
}

#openday .openday_details{
    margin: 2rem auto;
    display: block;
    float: left;
    /*padding: 1rem 0;*/
    line-height: 2rem;
}
.openday_details span {
    vertical-align: bottom;
    line-height: normal;
    display: block;
    margin: 0.5rem auto;
}
#openday .title{
    font-weight: 400;
    color: #fff;
    font-size: 2rem}
#openday .date{
    font-weight: 200;
    color: #fff;
    font-size: 2rem
}
#openday .time{
    font-weight: 200;
    color: #fff;
    font-size: 1.2rem
}
#openday .btn{
    margin-bottom: 2rem;
    padding: 1rem 3rem;
    color: #fff;

}

@media (min-width: 768px) {
    @media (min-width: 768px) {
        #openday .openday_details{margin:3rem auto 2.5rem;}
        #openday .openday_details span{margin-right:0.5rem; line-height: 1.6rem; display: unset;}
        #openday .title, #openday .date{font-size: 1.4rem}
        #openday .time{font-size: 1rem}
        #openday .btn{margin: 3rem 0;}
    }
}

@media (min-width: 900px) and (max-width: 1620px ) {
    #openday .openday_details {
        margin: 2.5rem auto 2.5rem;
    }
    .openday_details span {
        line-height: 1.6rem;
    }
    #openday .title, #openday .date {
        margin-top: 0;
    }
    #openday .title {
        width: 100%;
        display: block;
    }

    #openday .btn {
        margin: auto 0;
    }

    #openday .book-btn{
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }
}



/* ----------------------- Youtube video embed principal ----------------------- */
.video-background{display:none}
@media (min-width: 768px) {
    .video-background{display:block}
    #principal-tour{background-image:none;}
}
#background-video{
    position: absolute;
    overflow: hidden;
    /*top: 0;*/
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

#player {
    position: absolute;
    top: -22rem;
    left: -64px;
    right: 0;
    bottom: 0;
    width: 61rem;
    height: 77rem;
}

.home-banner .slide .video-slide {
    background-color: #000; }

.home-banner.loading .video-background {
    opacity: 0; }

.video-background {
    position: absolute;
    top: 50%;
    left: 0;
    padding-top: 56.25%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 2s opacity ease;
    transition: 2s opacity ease;
    opacity: 1; }

.home-banner .image.video-slide{display:none;}

.home-banner.loading .image.video-slide. {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }

@media (min-width: 576px) {
    #principal-tour, #virtualopenday{
        /*background-image:url(https://www.acc.edu.au/southlands/img/principals-tour-768.jpg); */
        background-position-x: -380px;
        overflow: hidden;}

    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container{
        width: 176%;
        height: 100%;
    }
}

@media (min-width: 768px) {
    #principal-tour, #virtualopenday{
        height: 37rem;
        /*background-image:url(https://www.acc.edu.au/southlands/img/principals-tour-992.jpg);*/
        background-position-x: center;
    }

    #background-video{
        height:auto;
        top:0;
    }
    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
        width: 133%;
        left: 0;
        height: 100%;
    }
}

@media (min-width: 992px) {
    /*#principal-tour{background-image:url(https://www.acc.edu.au/southlands/img/principals-tour-1200.jpg); }*/

    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
        width: 110%;
        left: 0;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    #principal-tour, #virtualopenday{
        height: 43rem;
        /*background-image:url(https://www.acc.edu.au/southlands/img/principals-tour-2100.jpg);*/
    }

    #player {
        position: absolute;
        top: -120px;
        left: -64px;
        right: 0;
        bottom: 0;
        width: 111%;
        height: 138%;
    }
}

@media (min-width: 1400px) {
    #principal-tour, #virtualopenday{
        height: 41rem;
        /*background-image:url(https://www.acc.edu.au/southlands/img/principals-tour-2100.jpg);*/
    }

    #player {
        top: -30px;
    }
}

@media (min-width: 1600px) {
    #principal-tour, #virtualopenday {height: 56rem;}
    #player {left: -170px;}
}

.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-interrupting, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen {
    background-color: #023e88;
    background-image: url(https://www.acc.edu.au/southlands/img/principals-tour-1200.jpg);
}



/*================================================================================*/
                                      /*ONLINE DE*/
/*================================================================================*/

/*TOP BACKGROUND -------*/
#online .intro-bkg {
    background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-576.jpg);
    background-position-x: center;
}


@media (min-width: 576px) {
    #online .intro-bkg{
        height: 51vh;
        background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-768.jpg);
        background-position: center -143px;
    }
}
@media (min-width: 768px) {
    #online .intro-bkg{background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-992.jpg); height: 41rem;}
}
@media (min-width: 992px) {
    #online .intro-bkg{background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-1200.jpg); height: 44rem;}
}
@media (min-width: 1200px) {
    #online .intro-bkg{background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-1600.jpg);height: 54rem;}
}
@media (min-width: 1600px) {
    #online .intro-bkg{
        background-image:url(https://www.acc.edu.au/southlands/img/online/site-header-2000.jpg);
        height: 43rem;
        background-position: center bottom;
    }
}

/*feature video - mikayo*/

#online #feature-video {
    height: unset;
    padding-top: 4rem;
}
    @media (min-width: 768px) {
        #online #feature-video {
            height: unset;
            padding: 6rem 0 0;
        }
    }


/*#feature-video.mikayo-feature{height: 325px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-576.jpg);}*/

/*@media (min-width: 576px) {*/
    /*#feature-video.mikayo-feature {height: 433px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-768.jpg); }*/
/*}*/
/*@media (min-width: 768px) {*/
    /*#feature-video.mikayo-feature { height: 558px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-992.jpg); background-position-x: center;}*/
/*}*/
/*@media (min-width: 992px) {#feature-video.mikayo-feature { height: 500px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-1200.jpg); }}*/
/*@media (min-width: 1200px) {#feature-video.mikayo-feature {height: 525px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-1600.jpg);}}*/
/*@media (min-width: 1400px) {#feature-video.mikayo-feature {height: 550px; background-image:url(https://www.acc.edu.au/southlands/img/online/mikayo-video-2000.jpg);}}*/


/*ONLINE EXPERIENCES*/

#worlds-best .logo {width: 50%;}
#worlds-best .logo:last-child {margin:auto;}

#worlds-best .logo img {width: 100%;}

@media (min-width: 768px) {
    #worlds-best .logo {width: 20%;}

    #worlds-best .logo img {width: 100%;}
}

/* ---- side images ---*/
.side-image {min-height: 25rem;}
/*learning-schedule*/
section#learning-schedule {margin-bottom: 3rem;}
#learning-schedule .cinemagraph-container{
    overflow: hidden;
}

#learning-schedule video.cinemagraph {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 996px) {
    #learning-schedule video.cinemagraph {
        height: 100%;
        width: auto;
        object-fit: cover;
    }
}
.col-12.col-lg-6.order-1.order-lg-0.cinemagraph-container {
    width: 100%;
    padding: 0;
    max-width: calc(100% - 4rem);
    margin: auto 2rem;
    overflow: hidden;
}

@media (min-width: 768px) {
    .col-12.col-lg-6.order-1.order-lg-0.cinemagraph-container {
        max-width: calc(100% - 4rem);
        margin: 0 2rem;
        padding: 0;
        overflow: hidden;
    }
}

@media (min-width: 996px) {
    .col-12.col-lg-6.order-1.order-lg-0.cinemagraph-container {
        max-width: calc(50% - 4rem);
        margin: 0 2rem;
        overflow: hidden;
    }
}

/*#online #learning-schedule .side-image{background-image:url(https://www.acc.edu.au/southlands/img/online/learning-schedule-540.jpg); background-repeat:no-repeat;}*/
/*@media (min-width: 576px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-540.jpg'); }}*/
/*@media (min-width: 768px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-740.jpg');  }}*/
/*@media (min-width: 992px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-440.jpg'); }}*/
/*@media (min-width: 1200px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-500.jpg');}}*/
/*@media (min-width: 1600px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-740.jpg');}}*/

/*Online experiences side image*/
/*online-students*/
#online #online-experiences .side-image{background-image:url(https://www.acc.edu.au/southlands/img/online/online-experiences-540.jpg); background-repeat:no-repeat;}
@media (min-width: 576px) {#online #online-experiences .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-experiences-540.jpg'); }}
@media (min-width: 768px) {#online #online-experiences .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-experiences-740.jpg');  }}
@media (min-width: 992px) {#online #online-experiences .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-experiences-440.jpg');  }}
@media (min-width: 1200px) {#online #online-experiences .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-experiences-500.jpg');}}
@media (min-width: 1600px) {#online #online-experiences .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-experiences-740.jpg');}}

#online-experiences .best-logos{margin-top:3rem}
#online-experiences .logo{}

/* -------------------Learning Schedule--------------- */
#online #learning-schedule .side-image{background-image:url(https://www.acc.edu.au/southlands/img/online/learning-schedule-540.jpg); background-repeat:no-repeat;}
@media (min-width: 576px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-540.jpg'); }}
@media (min-width: 768px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-740.jpg');  }}
@media (min-width: 992px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-440.jpg');  }}
@media (min-width: 1200px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-500.jpg');}}
@media (min-width: 1600px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/learning-schedule-740.jpg');}}

/*teaching team Teaching Team*/
#online #teaching-team{
    -webkit-background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

#online #teaching-team h2, #online #teaching-team p, #online #teaching-team h3{
    color: #fff;}
#online #teaching-team a{color:#fff;}
/*#online #teaching-team > div {    min-height: 100vh;height: auto;max-height: 668px;}*/

/*Teaching Team teaching team background images*/
#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-576.jpg');}
@media (min-width: 576px) {#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-768.jpg'); height:594px}}
@media (min-width: 768px) {#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-992.jpg');  height:560px}}
@media (min-width: 992px) {#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-1200.jpg'); height:666px}}
@media (min-width: 1200px) {#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-1600.jpg'); height:800px}}
@media (min-width: 1600px) {#online #teaching-team{background-image:url('https://www.acc.edu.au/southlands/img/online/teaching-team-2000.jpg'); height:800px}}

/*online-students*/
#online #online-students .side-image{background-image:url(https://www.acc.edu.au/southlands/img/online/diverse-students-540.jpg); background-repeat:no-repeat;}
@media (min-width: 576px) {#online #online-students .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/diverse-students-540.jpg'); }}
@media (min-width: 768px) {#online #online-students .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/diverse-students-740.jpg');  }}
@media (min-width: 992px) {#online #online-students .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/diverse-students-440.jpg'); height: 100%;}}
@media (min-width: 1200px) {#online #online-students .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/diverse-students-500.jpg');}}
@media (min-width: 1600px) {#online #online-students .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/diverse-students-740.jpg');}}


/*STudent videos - carousel*/
#student-videos{}

/* --------  OUTER CONTAINER --------- */
#student-videos .container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    #student-videos .container {
        max-width: 600px;
    }
}

@media (min-width: 768px) {
    #student-videos .container {
        max-width: 800px;
    }
}

@media (min-width: 992px) {
    #student-videos .container {
        max-width: 1000px;
    }
}

@media (min-width: 1200px) {
    #student-videos .container {
        max-width: 1136px
    }
    .inner-container {
        max-width: 996px;
    }
}

@media (min-width: 1600px) {
    #student-videos .container {
        max-width: 1400px
    }
    .inner-container {
        max-width: 1150px;
    }

    .start-cell{
        margin-top: 28rem;
    }
}

/*------------- onlnine courses ------------*/
/*online courses*/
#online #online-courses .side-image{background-image:url(https://www.acc.edu.au/southlands/img/online/online-courses-540.jpg); background-repeat:no-repeat;}
@media (min-width: 576px) {#online #online-courses .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-courses-540.jpg'); }}
@media (min-width: 768px) {#online #online-courses .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-courses-740.jpg');  }}
@media (min-width: 992px) {#online #online-courses .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-courses-440.jpg');  }}
@media (min-width: 1200px) {#online #online-courses .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-courses-500.jpg');}}
@media (min-width: 1600px) {#online #online-courses .side-image{background-image:url('https://www.acc.edu.au/southlands/img/online/online-courses-740.jpg');}}

#online-courses video.cinemagraph {
    height: 100%;
    width: auto;
    object-fit: cover;
    overflow:hidden;
    /*flip video horizontally*/
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}


#student-vid-carousel .carousel-inner{width: 100%; max-width: unset;}

#olivia-molino{
    position: relative;
    text-align: center;
}
#olivia-molino .olivia-quote{
    position: relative;
    width: 100%;
    z-index: 62;
    text-align: center;

    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
#olivia-molino .olivia-quote p{width: 100%;}
#olivia-molino .olivia-video{
    width: 100%;
    height: 210px;
    overflow: hidden;
    position: relative;
    opacity:1;

    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

@media (min-width: 480px) {  #olivia-molino .olivia-video{height: 264px;}  }
@media (min-width: 576px) {  #olivia-molino .olivia-video{height: 335px;}  }




#olivia-molino:hover .olivia-video, #olivia-molino:hover .olivia-quote{
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

@media (min-width: 768px) {

    #olivia-molino:hover .olivia-video{opacity:1;}
    #olivia-molino:hover .olivia-quote{opacity:0;}

    #olivia-molino .olivia-quote {
        position: absolute;
        left: 10rem;
        top: 28%;
        width: 22rem;
        z-index: 62;
    }
    #olivia-molino .olivia-video {
        height: 450px;
        opacity:0.4;
    }
}

@media (min-width: 996px) {
    #olivia-molino .olivia-video {
        height: 630px;
    }
}



/* ========================= style for jquery modal ============================================================*/

.blocker{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:990;
    padding:20px;
    box-sizing:border-box;
    background-color:#000;
    background-color:rgba(0,0,0,0.75);
    text-align:center
}
.blocker:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.05em
}
.blocker.behind{
    background-color:transparent
}
.modal:before {
    position: absolute;
    /*content: 'content loading...';*/
    left: 45%;
    top: 50%;
}
#uniform-pricing:before, #technology-pricing:before{content:'';}

.modal{
    display:none;
    background-color: #fff;
    vertical-align:middle;
    position:relative;
    z-index:991;
    box-sizing:border-box;
    width:90%;
    border-radius:0px;
    text-align:left;

    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
    -ms-border-radius:0px;

}

.modal.large{max-width:unset; padding:0;}

.modal a.close-modal{
    color:#E8EBEE;
    border:1px solid #fff;
    border-radius: 24px;
    position:absolute;
    top:-12.5px;
    right:-12.5px;
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}

.modal a.close {
    font-size: 85%;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 5px;
    border-radius: 5px;
    float: right;
}

.modal-spinner{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    padding:12px 16px;
    border-radius:5px;
    background-color:#111;
    height:20px
}
.modal-spinner>div{
    border-radius:100px;
    background-color:#fff;
    height:20px;
    width:2px;
    margin:0 1px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.modal-spinner .rect3{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s
}
.modal-spinner .rect4{
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s
}
@-webkit-keyframes sk-stretchdelay{
    0%,40%,100%{
        -webkit-transform:scaleY(0.5)
    }
    20%{
        -webkit-transform:scaleY(1.0)
    }
}
@keyframes sk-stretchdelay{
    0%,40%,100%{
        transform:scaleY(0.5);
        -webkit-transform:scaleY(0.5)
    }
    20%{
        transform:scaleY(1.0);
        -webkit-transform:scaleY(1.0)
    }
}

/* Modal Content */
.modal h1{font-size:2rem;}

.hidden-details p{
    height:1px;
    margin: 0;
    transition: size 1s ease-in;
}

.modal p{
    overflow:hidden;
    font-size:1rem;
}

.modal input {height: 13px;}
.modal label.h2 {
    font-size: 1.2rem;
    font-weight: 600;
}

.modal .hidden-details input:checked ~ p {height:auto; margin: .5rem 0;}

/* checkbox button styles */
#uniform-pricing input[type=checkbox].modal-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

#uniform-pricing input[type=checkbox].modal-checkbox + label.modal-label {
    padding-left: 2.1rem;
    margin-top: 1rem;
    display: inline-block;
    background-repeat: no-repeat;
    font-size: 1.2rem;
    vertical-align: middle;
    cursor: pointer;
}

#uniform-pricing input[type=checkbox].modal-checkbox:checked + label.modal-label {
    background-image:url(https://www.acc.edu.au/southlands/img/tickchecked.png);
}
#uniform-pricing label.modal-label {
    background-image:url(https://www.acc.edu.au/southlands/img/unchecked.png);
    background-position-y: 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* principals tour Modal */
.book-tour{
    padding: 2rem;
}

#book-tour.modal, #attend-vod.modal{
    width:auto;
    height: 90vh;
    max-height: 513px;
    background-color:#fff;
    /*padding: 0 2rem;*/
}

.fsBody .fsSubField {
    margin-right: 15px;
    width: calc(50% - 15px);
    float: left;
}
.fsRowBody input[type="text"], .fsRowBody input[type="email"], .fsRowBody input[type="number"], .fsRowBody input[type="tel"], .fsForm select, .fsForm textarea {width: 100%;}
.fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameFirst, .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameFirst {
    float: left;}
.fsSubmitButton, .fsNextButton {line-height: 4px;}
.fsForm .fsLabelHorizontal legend.fsLabelHorizontal {width: calc(40% - 15px);}
#book-tour .fsForm .fsLabelHorizontal > label, #book-tour .fsForm .fsLabelHorizontal legend.fsLabelHorizontal, #attend-vod .fsForm .fsLabelHorizontal > label, #attend-vod .fsForm .fsLabelHorizontal legend.fsLabelHorizontal {width:80%;}
.fsRowBody input[type="checkbox"] {margin-right: 10px;}
input#fsSubmitButton3194933 {line-height: 4px;}
.fs-form-dialog--hidden{
    display: none;
    position: absolute;}


/* ================== OPEN DAY PAGE ================ */

#openday-rego{
    position: relative;
    margin-top:-3rem;
    top:-3rem;
    z-index: -1;
    padding:10rem 0 10rem 0;
}

.od-details{
    width: 100%;
    max-width: 768px;
    margin:0 auto;
}

.od-details .item{
    width:100%;
}


@media (min-width: 768px) {
    #openday-rego{padding:10rem 0 1rem 0}
    .od-details .item{
        width:50%;
        float:left;
    }
}

/* ================== STUDENT SHOWCASE ================ */
#showcase {
    display: flex;
    margin-top: 4rem;
    flex-wrap: wrap;
}


#showcase .card {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 1rem 1rem;
    padding: 0 0 2rem 0;
    text-align: center;
    background-color:#fff;
}

#showcase img{width: 100%;}
#showcase .card h2 {
    width: 100%;
    margin: 1rem auto;
    text-align: left;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    /* border-radius: 5px; */
}
#showcase .card .text-block{
    padding: 2rem;
    text-align: left;
}
#showcasee p{font-size:0.85rem;}
#showcase .svg{width:100%; margin:auto;}
hr {
    border-top: solid 2px #ededed;
    border-left:0px;
    color: #fff;
    height: 0px;
    width: calc(100% - 4rem);
}
#showcase .quote{
    width: 15%;
    float: left;
    margin: .5rem .5rem .5rem 0;
}

#showcase .card .text-block:nth-last-child(1) p {width: calc(100% - 4.5rem); float:right}

#showcase .quote p{
width: calc(100% - 4.5rem);
    float:right;
}


@media (min-width: 768px) {
    section.grey1-bkg.showcase-section {
        margin-top: 0;
    }
    #showcase .card {width: calc(33.333% - 2rem);}
    #showcase .card .text-block:nth-child(2) {min-height: 31rem;}
    #showcase .svg {
        width: auto;
        height: 250px;
        max-width: 100%;
    }
    #showcase .card .text-block:nth-last-child(1) p {width: calc(100%); float:right}

}

@media (min-width: 992px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 26rem;
    }
    #showcase .card .text-block:nth-last-child(1) p {width: calc(100% - 4.5rem); float:right}

}

@media (min-width: 1200px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 23rem;
    }
}
@media (min-width: 1600px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 19rem;
    }
}


/* the image */
#showcase .showcase-item img.profile{width:100%;}

/*---------- character development page ------------------*/

#attributes {
    margin-top: 4rem;
}

#attributes .card {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 1rem 1rem;
    padding: 0;
    text-align: center;
}

#attributes img{width: 100%;}

#attributes .card .text-block{
    padding: 2rem;}

#attributes .card h2 {
    color: #fff;
}
#attributes .card h2 {
    width: 100%;
    margin: 0 auto 1rem auto;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    /* border-radius: 5px; */
}


#attributes .card p{
    color: #fff;
}
#attributes .card p {
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.8rem;
}




#attributes .card p.small {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .7rem;
    letter-spacing: .15rem;
    margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
    #attributes .card{width: calc(50% - 4rem);}
    #attributes .card h2{font-size: 1.6rem;}
}



/*------ MEET OUR TEACHERS ------*/

body::after,body::before{content:'';height:50vh;width:100%;position:fixed;left:0;background-color:#fff;z-index:999;-webkit-backface-visibility:hidden;backface-visibility:hidden}body::before{top:0}body::after{bottom:0}
/* ---- Teaching Team PAGE--- */

h1{width: 100%;}

#teachers{
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
}

.intro-section .intro{
    /*background-color:#fff;*/
    /*padding:2rem;*/
    margin-bottom: 1rem;
}

.teacher{
    flex: 1 0 25%;
    width: 100%;
    position: relative;
    padding: 0 0 2em 0;
    background-color: #fff;
    transition: all .1s ease-in;
    margin: 1em;
    display: flex;
    flex-flow: column;
    box-sizing:border-box;
}

.bio > span {
    float: left;
    width: 100%;
    display: block;
    padding-left: 2rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 576px){.teacher, .principal-bio {width: 50%;} }
@media (min-width: 768px) {
    .intro-section h1{margin-left:1rem;}
    .intro-section .intro{margin:0 1rem;}
    .teacher, .principal-bio {width: 33.33333%;} }

/*@media only screen and (min-width: 783px)!*, (min-width: 1890px)*! {*/
/*.teacher:last-child {display: block; padding-bottom:0; }*/
/*.teacher:last-child.teacher h2 {margin-top: .5rem;}*/
/*.teacher:last-child.p {margin-bottom: 1rem;}*/
/*.teacher:last-child a {width: 23%; float: left; margin-right: 1rem;}*/
/*.teacher:last-child img {width: 100%; margin-bottom:0;}*/
/*.teacher:last-child .play-icon {right:unset; left:10px;}*/
/*}*/

/*brendan's wider video frame*/


.principal{
    width:100%;
    position: relative;
    padding: 0 0 2em 0;
    margin: 0;
    background-color: #fff;
    transition: all .1s ease-in;
    margin-bottom: 1em;
    display: block;
    flex: none;
    flex-flow: column;
    box-sizing:border-box;
}

.principal a {
    height: 100%;
}
.principal h2 {
    color: #212529;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 !important;
    bottom: 1rem;
    text-align: center;
    width: 100%;
}

.principal-bio {
    flex: none;
    width: 100%;
    position: relative;
    padding: 0 0 2em 0;
    background-color: #fff;
    transition: all .1s ease-in;
    margin: 0;
    display: block;
}

.bio span p {
    font-size: 90%;
    padding: 0;
    color: #2A333C;
}

.bio span p, .bio span h2 {
    float: left;
    line-height: 1rem;
    margin-right: 5px;
    padding: 0 5px 5px 0;
}


.teacher:hover, .principal-bio:hover {
    box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}

.teacher:hover img, .principal-bio:hover img{opacity: 0.9;}

.principal .thumb{background-image:url('https://www.acc.edu.au/southlands/img/teaching-team/Malcolm-Bromhead.jpg');}
.principal .thumb:hover{background-image:url('https://www.acc.edu.au/southlands/img/teaching-team/Malcolm-Bromhead-lifestyle.jpg');}

.teacher .play-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    background-image:url('https://www.acc.edu.au/southlands/img/play-icon.svg');
    -webkit-background-size: contain;
    background-size: contain;
}

.principal .play-icon {
    width: 70px;
    height: 70px;
    /*left: 40%;*/
    /*top: 35%;*/
}

.bio h2, .bio p {
    padding: 0 2rem;
    margin: 0;
    clear: none;
}

.teacher p, .principal-bio p {color:#2a333c;}

.teacher img{
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    /*margin-bottom:2rem;*/
}

.thumb{
    height: 100%;
    padding-bottom: 60%;
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
}


.teacher a {
    color: black;
    text-decoration: none;
    background-color: #444c4c;
}

.teacher-content {
    padding: 1.4rem;
}

@media only screen and (min-width:463px){
    .bio h2, .bio p {
        padding: 0 2rem;
        margin: 0 auto 0 0;
        clear: both;
    }
}

@media only screen and (min-width:768px)/*, (orientation : landscape)*/ {
    .principal{
        width: auto;
        min-width: 50%;
        max-width: 100%;
        margin:1rem;
        position: relative;
        padding: 0 0 2em 0;
        background-color: #fff;
        transition: all .1s ease-in;
        margin-bottom: 1em;
        display: flex;
        flex-flow: column;
        box-sizing: border-box;
    }

    .principal .thumb {background-position: 53%;}
    .principal h2 {
        color: #212529;
        position: absolute;
        left: 2rem;
        top: 2rem;
        text-align: left;
        width: 100%;
    }
    .principal-bio{
        flex: 1 0 25%;
        width: 100%;
        position: relative;
        padding: 0 0 2em 0;
        background-color: #fff;
        transition: all .1s ease-in;
        margin: 1em;
        display: flex;
        flex-flow: column;
        box-sizing:border-box;
    }
    .principal .play-icon {
        width: 60px;
        height: 60px;
        /*left: 43%;*/
        /*top: 50%;*/
    }
}

@media (min-width: 996px) {
    .bio h2, .bio p {
        padding: 0 2rem;
        margin: 0;
        clear: none;
    }

}
@media (min-width: 1130px) {
    .principal{
        width:64%;
        flex: initial;
    }
}

@media (min-width: 1510px) {
    .principal{
        width:48%;
        flex: initial;
    }
}

@media (min-width: 1890px) {
    .principal{
        width:58%;
        flex: initial;
    }
}


/*---- blog page ----*/

#blog {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#blog .row{margin-top: 3rem;}
#blog b, #blog strong{
    font-weight: bold;
    color: #2E2E2D;
}
#blog ul{padding:0;}
.blog-list li{
    padding: 0 0 1rem 0;
    color: #646e78;
    width: 100%;
}

.blog-list li p{
    padding-top: 2rem;
    border-top: 1px solid #E9ECEF;
    color: #646E78
}
.blog-list a {color: #646e78;}

@media (min-width: 768px) {
    .blog-list li{float:left; width: calc(50% - 4rem);}
    .blog-list li:nth-child(odd) {margin-right: 2rem;}
    .blog-list li:nth-child(even) {margin-left: 2rem;}
}

#footer .blog-list li:nth-child(+n+5) {
    display:none;
}
#footer .blog-list li {width: 100%;}
#footer .blog-list li p{display:none;}
#footer .blog-list li:nth-child(even) {margin-left: 0;}
#footer .blog-list li:nth-child(odd) {margin-right: 0;}


/* ------------------- eBook Sigmup ----------------*/

#ebooksignup {
    padding: 0;
    overflow: hidden;
}


.mailchimp-top{margin-bottom: 2rem;}
.ebook-request > div{
    margin: 1.5rem auto 0 auto;
    width: 90%;
    text-align: center;
}
/*POSTER*/
.poster img{
    width: 100%;
    max-width: 400px;
    -webkit-box-shadow: -12px -11px 19px -4px rgba(0,0,0,0.33);
    -moz-box-shadow: -12px -11px 19px -4px rgba(0,0,0,0.33);
    box-shadow: -12px -11px 19px -4px rgba(0,0,0,0.33);
}
.signup-form{
    padding-top: 1px;
    margin-top: 3rem;
    max-width: 400px;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

@media only screen and (min-width: 768px) {
    #ebooksignup {height: 25rem;}
    .ebook-request > div {
        width: calc(50% - 6rem);
        float: left;
        margin-left: 3rem;
        margin-right: 3rem;
        margin-bottom: 3rem;
        max-width: unset;
    }

    .poster img{margin-top:0}
    .signup-form{margin-top: 0;}

    .signup-form {
        max-width: 300px;
    }
}




.signup-form p {
    font-size: 1rem;
}

section.full-width{
    padding-bottom: 3rem;
}

/*MAILCHIMP*/
#mailchimp-top {
    color: #646E78;
    border-radius: 5px;}

#mailchimp-top .mc-field-group.form-field {margin: 0;}
#mailchimp-top .mc-field-group.form-field:first-child {padding-top: 1rem;}
#mailchimp-top input {
    border: medium none;
    color: #646E78;
    font-family: montserrat, sans-serif;
    font-size: .8rem;
    margin-bottom: 10px;
    padding: 20px 18px;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#mailchimp-top input.email { background: #fff }
#mailchimp-top input.name { background: #fff}
#mailchimp-top input[type="submit"] {
    background: #0069AF;
    color: #fff;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 1.3rem;
}
#mailchimp-top input[type="submit"]:hover { color: #EEEEEF }
.white-bkg.bottom {
    padding: 20px 28px;
    border-radius: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    background-color:#E9ECEF !important;
}


/*form rego tour page*/

#rego-page{
    max-width: 996px;
    margin: auto;
}