@import url(aos.css);
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
    animation:fadein 0.4s;
}
/*header.main-header,header.main-header.white{
    transition:.5s all;
    -moz-transition:.5s all;
    -webkit-transition:.5s all;
}*/
header > a.dropdown-item {
    display: inline-block;
    width: auto;
}

.logo-container{display:block;}

/*.dropdown .dropdown-menu .col-md-6{
    animation: menufadeout ease 900ms;
}*/

/*menu fadein*/

/*.dropdown.show .dropdown-menu .col-md-6:nth-child(1){
    animation: menufade ease 500ms;
}
.dropdown.show .dropdown-menu .col-md-6:nth-child(2) {
    animation: menufade ease 600ms;
}
.dropdown.show .dropdown-menu .col-md-6:nth-child(3) {
    animation: menufade ease 700ms;
}
.dropdown.show .dropdown-menu .col-md-6:nth-child(4) {
    animation: menufade ease 800ms;
}*/

@keyframes menufade{
  0% {
    opacity: 0;
    visibility: hidden;
    }
    80% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes menufadeout{
  0% {
    opacity: 0;
    visibility: hidden;
    }
    100% {
        opacity: 0;
        visibility:hidden;
    }
}

@keyframes fadein {
   0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes fadeIn {
    100% {
        opacity:1;
    }
}

.fullvideoWrap {
    z-index:-1;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
}
.fullvideoWrap iframe{
    width: 100%;
    height: 100%;
}
.video_close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor:pointer;
}
.open-video .fullvideoWrap {
    z-index:10;
    animation:fadeIn 0.3s ease-out 0s 1 normal forwards;
}

/*----responsive-----*/
@media only screen and (min-width:992px){
    .stay_bg{
        background-color:#fff;
    }
    .stay_bg .navbar-inverse .navbar-nav .nav-link {
        color: #0f1f5c;
    }
    .stay_bg .navbar-inverse .navbar-nav .nav-link-focus {
        color: red;
    }
    .stay_bg .logo-new {background: url(../img/logo.svg) no-repeat;}
}

@media only screen and (max-width:991px){
    .navbar-toggler .navbar-toggler-icon {
        display:none;
    }
    .main-header .navbar-toggler{
        width:30px;
        height:20px;
        cursor:pointer;
        outline:none;
        z-index: 2;
    }
    .navbar-toggler:before,.navbar-toggler:after{
        content: '';
        width:26px;
        height: 2px;
        background-color: #0f1f5c;
        position: absolute;
        right:0;
        -webkit-transition:all .4s;
        -moz-transition:all .4s;
        transition:all .4s;
    }
    .navbar-toggler:before{top:0;}
    .navbar-toggler:after{bottom:5px;}
    .navbar-toggler[aria-expanded="true"]:before{
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        top:5px;
    }
    .navbar-toggler[aria-expanded="true"]:after{
        bottom:10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .main-header-inverse .navbar-toggler:before,.main-header-inverse .navbar-toggler:after{
        background-color:#fff;
    }
    .open-nav .main-header-inverse .navbar-toggler:before,.open-nav .main-header-inverse .navbar-toggler:after{
        background-color:#0f1f5c;
    }
    header.main-header{
        background-color: rgba(255,255,255,0) !important;
        transition: all 0.5s ease;
        text-align: left;
    }
    .open-nav header.main-header{background-color: rgba(255,255,255,1) !important;}
    .main-header-inverse .logo-new {background: url(../img/logo-inverse.svg) no-repeat;}
    .open-nav .main-header-inverse .logo-new{background: url(../img/logo.svg) no-repeat;}
    .dropdown-toggle::after{-webkit-transition: .4s;transition: .4s;}
    .dropdown.show .dropdown-toggle::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

    .navbar-nav li:nth-child(1){animation: menufade 150ms;}
    .navbar-nav li:nth-child(2) {animation: menufade 200ms;}
    .navbar-nav li:nth-child(3) {animation: menufade 250ms;}
    .navbar-nav li:nth-child(4) {animation: menufade 300ms;}
    .navbar-nav li:nth-child(5) {animation: menufade 350ms;}
    .navbar-nav li:nth-child(6) {animation: menufade 400ms;}
    .navbar-nav li:nth-child(7) {animation: menufade 450ms;}

}

@media only screen and (max-width:767px){
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Proxima Nova Rg';}
    section.hero_img_wrap {
        position: relative;
        height: 100%;
        padding: 0;
    }
    section.hero_img_wrap #text-container{
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
    }
    section.hero_img_wrap .container{width:100%;}
    section.hero_img_wrap h1{font-size:44px;margin: 0 0 25px;}
    section.index {background-image: url(../img/hero-index-mobile.jpg);background-position: left center;}
    section.onetoone {background-image: url(../img/index-mobile.jpg);background-position: left center;}
    section.about{background-image: url(../img/anais-aboutmobile.jpg)!important;background-position: left center;}
    section.assessment{background-image: url(../img/assessment-mobile.jpg)!important;background-position: left center;}
    section.children{background-image: url(../img/children-mobile.jpg);background-position: left center;}
    section.appoline{background-image: url(../img/teachers/appoline-mobile.jpg);background-position: left center;}
    section.anais{background-image: url(../img/teachers/anais-mobile.jpg);background-position: left center;}
    section.alexandra{background-image: url(../img/teachers/alexandra-mobile.jpg);background-position: left center;}
    section.arta{background-image: url(../img/teachers/arta-mobile.jpg);background-position: left center;}
    section.audrey{background-image: url(../img/teachers/audrey-mobile.jpg);background-position: left center;}
    section.lilianne{background-image: url(../img/teachers/lilianne-mobile.jpg);background-position: left center;}
    section.lynda{background-image: url(../img/teachers/lynda-mobile.jpg);background-position: left center;}
    section.marie-anne{background-image: url(../img/teachers/marie-anne-mobile.jpg);background-position: left center;}
    section.marion{background-image: url(../img/teachers/marion-mobile.jpg);background-position: left center;}
    section.violette{background-image: url(../img/teachers/violette-mobile.jpg);background-position: left center;}
    section.vanina{background-image: url(../img/teachers/vanina-mobile.jpg);background-position: left center;}
    section.margot{background-image: url(../img/teachers/margot-mobile.jpg);background-position: left center;}
    section.anita{background-image: url(../img/teachers/anita-mobile.jpg);background-position: left center;}

    section.emma{background-image: url(../img/teachers/emma-mobile.jpg);background-position: left center;}
    section.amelia{background-image: url(../img/teachers/amelia-mobile.jpg);background-position: left center;}


    section.hugo{background-image: url(../img/teachers/hugo-mobile.jpg);background-position: left center;}
    section.celia{background-image: url(../img/teachers/celia-mobile.jpg);background-position: left center;}
    section.sabrine{background-image: url(../img/teachers/sabrine-mobile.jpg);background-position: left center;}
    section.pauline{background-image: url(../img/teachers/pauline-mobile.jpg);background-position: left center;}
    section.alexandra-2{background-image: url(../img/teachers/alexandra-2-mobile.jpg);background-position: left center;}

    section.marie{background-image: url(../img/teachers/marie-mobile.jpg);background-position: left center;}
    section.university{background-image: url(../img/student-mobile.jpg);background-position: left center;}
    section.method{background-image: url(../img/method-mobile@2x.jpg)!important;background-position: left center;}
    section.classes.classes_conversation{background-image:none!important;}
    section.classes{background-image: url(../img/classes-mobile@2x.jpg)!important;background-position: left center;}
    section.classes.classes_alt{background-image:none!important;}
    section.beginners-daytime{background-image: url(../img/classes/beginners-daytime-cover.jpg)!important;background-position: left center;}
    section.beginners-evening{background-image: url(../img/classes/beginner-evenings-cover.jpg)!important;background-position: left center;}
    section.beginners-weekend{background-image: url(../img/classes/beginners-weekend-cover.jpg)!important;background-position: left center;}
    section.conversation-weekend{background-image: url(../img/classes/conversation-weekend-cover.jpg)!important;background-position: left center;}

    section.courses-hero {background-image: url(../img/courses/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-1 {background-image: url(../img/courses/beginners-1/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-2 {background-image: url(../img/courses/beginners-2/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-3 {background-image: url(../img/courses/beginners-3/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-4 {background-image: url(../img/courses/beginners-4/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-5 {background-image: url(../img/courses/intermediate-1/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-6 {background-image: url(../img/courses/intermediate-2/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-7 {background-image: url(../img/courses/intermediate-3/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-8 {background-image: url(../img/courses/intermediate-4/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-9 {background-image: url(../img/courses/advanced-1/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-10 {background-image: url(../img/courses/advanced-2/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-11 {background-image: url(../img/courses/advanced-3/courses-mobile.jpg);background-position: left center;}
    section.courses-hero-12 {background-image: url(../img/courses/advanced-4/courses-mobile.jpg);background-position: left center;}

    section.red h1{font-size: 1.2rem;}
}

@media only screen and (max-width:420px){
    section.hero_img_wrap h1{font-size: 38px;}
    p.services-title {font-size: 38px!important;}
    section.books {padding: 150px 0;}
    section {padding: 150px 0;}
    section.main .mb-115 {margin-bottom: 70px;}
    .video-button-text{display: none;}
    section.main.books {padding: 72px 0 ;}
    section#why-teachers { padding-bottom: 40px;}
    
}

@media only screen and (max-width:360px){
    section.hero_img_wrap h1{font-size: 32px;}
    p.services-title {font-size: 38px!important;}
    section.books {padding: 150px 0;}
    section {padding: 150px 0;}
    section.main .mb-115 {margin-bottom: 70px;}
    .video-button-text{display: none;}
   section.main.books{padding: 72px 0 ;}
   section#why-teachers { padding-bottom: 40px;}

}


@media only screen and (max-width:990px){
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Proxima Nova Rg';}
    section.hero_img_wrap {
        position: relative;
        height: 100%;
        padding: 0;
    }
    section.hero_img_wrap #text-container{
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
    }
}

@media only screen and (max-width:320px){
    .play-button-white-background{display: none;}
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}


.mobile-font-hack{
    font-family: sofia-pro!important;
}

@media only screen and (max-width: 420px){
section.red h1 {
    font-size: 1.2rem;
}
}

p.services-title{font-weight: 600}

/*New play button*/

button.circle-play-button {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background: #FF0000;
    border: 0;
    margin: 0 14px 0 0;
    cursor: pointer;
}

button.circle-play-button-red {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 0;
    margin: 0 14px 0 0;
    cursor: pointer;
}

a#play-button {
    padding: 0;
    background: none;
}

@media (max-width: 991px){
.navbar-nav {
    float: left;
    text-align: left;
     margin: 0 0 0 10px;
}
}

@media (max-width: 991px){
.navbar-inverse .navbar-nav .nav-link {
    color: #051226;
}

.navbar-inverse .navbar-nav .nav-link:hover {
    color: #051226;
    opacity: 0.8;
}

.navbar-inverse .navbar-nav .open>.nav-link, .navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .nav-link.active {
    color: #051226;
}

.main-header .navbar-main .nav-item .nav-link {
    padding: 20px 22px;
}

.scroll-icon {
    display: none;
}



}





.scroll-icon {
    position: relative;
    left: 50%;
    z-index: 2;
    bottom: 20px;
}

.active .scroll-icon {
    opacity: 1;
    visibility: visible;
    -webkit-animation: btm-scroll linear 1s;
    animation: btm-scroll linear 1s;
}

 .scroll-icon a {
    padding: 10px;
    position: relative;
    -webkit-animation: scroll-icon linear 1.5s infinite;
    -moz-animation: scroll-icon linear 1.5s infinite;
    -ms-animation: scroll-icon linear 1.5s infinite;
    -o-animation: scroll-icon linear 1.5s infinite;
    animation: scroll-icon linear 1.5s infinite;
}

.scroll-icon a {
    display: block;
}

.scroll-icon a img {
    max-height: 35px;
}

#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.text-container-video-cover{
    position: relative;
    z-index: 5;
}


@media only screen and (max-width: 1300px){
section.hero_img_wrap h1 {
    font-size: 47px;
    margin: 0 0 25px;
}

h3.stage-title{

        /*margin-left: 0px;*/
    font-size: 1rem;

}

}

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

span.price-tag-alt {

    left: 0px;

}
}

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

h3.stage-title {

    margin-left: 0px;

}
}