@font-face {
    font-family: 'MuseoSansCyrl-100';
    src: url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.eot');
    src: url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face {
    font-family: 'MuseoSansCyrl-300';
    src: url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.eot');
    src: url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl-500';
    src: url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.eot');
    src: url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl-700';
    src: url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.eot');
    src: url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-700/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl-900';
    src: url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.eot');
    src: url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.woff2') format('woff2'),
    url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.woff') format('woff'),
    url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.ttf') format('truetype'),
    url('../fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') format('svg');
    font-weight: bold;
    font-style: normal;
}
*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}
.wrap-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
body{
    font-family: 'MuseoSansCyrl-300';
    overflow-x: hidden;
}
html{
    overflow-x: hidden;
}
@media (min-width: 576px) {
    .wrap-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wrap-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .wrap-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .wrap-container {
        max-width: 1140px;
    }
}
@media (min-width: 1520px) {
    .wrap-container {
        max-width: 1464px;
    }
}
/* header */
.header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height:100px;
    padding:0 60px;
}
.main-logo{
    height:80px;
    width:auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
}
.main-logo:before{
    content:'';
    position: absolute;
    right:0;
    top:-50px;
    background: #EEEEEE;
    width:800px;
    height:calc(100vh + 330px);
    z-index: -1;
}
.main-logo img{
    height:100%;
    width:auto;
}
.header-cen{
    width:60%;
    background: #fff;
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding:0 25px 0 45px;
    margin-right:25px;
}
.menu-toggle{
    width:60px;
    height:40px;
    position: relative;
    cursor: pointer;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.menu-toggle:hover span{
    width:60px;
}
.menu-toggle:before{
    content: 'Meni';
    position: absolute;
    left:0;
    bottom:0;
    font-size:12px;
    text-transform: uppercase;
}
.menu-toggle span{
    position:absolute;
    left:0;
    top:10px;
    width:45px;
    height:2px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    background:#000;
}
.menu-toggle span:before{
    content: '';
    position: absolute;
    left:0;
    top:-9px;
    width:60px;
    height:1px;
    background: #000;
}
.menu-toggle span:after{
    content: '';
    position: absolute;
    left:0;
    top:10px;
    width:60px;
    height:1px;
    background: #000;
}
/* main slider */
.section1{
    padding:0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    margin-bottom:120px;
}
.section1:before{
    content: '';
    position: absolute;
    right:0;
    bottom: 0;
    width:145px;
    z-index: -1;
    height:1000px;
    background:#EEEEEE;
}
.section1:after{
    content: '';
    position: absolute;
    left:100px;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    height:calc(100% - 120px);
    width:370px;
    background: url("../img/dots.png") center center no-repeat;
    background-size:auto 100%;
}
.section1 .swiper-container {
    max-height:900px;
    width:calc(100% - 400px);
    height:calc(100vh - 100px);
    margin:0;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.15), 0 5px 5px rgba(0,0,0,0.12);
            box-shadow: 0 4px 10px rgba(0,0,0,0.15), 0 5px 5px rgba(0,0,0,0.12);
}
.main-text{
    position: absolute;
    left:60px;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    width:570px;
    height: auto;
    z-index:1;
}
.section1 .swiper-slide {
    overflow: hidden;
}

.section1 .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}
.section1 .swiper-button-next{
    background-color: #5F97D7;
    background-image:none !important;
    width:60px;
    height:60px;
    color: #fff;
    position: absolute;
    left:62px !important;
    bottom:0 !important;
    outline: none !important;
    top:unset !important;
    -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
            transform: translate(0) !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.section1 .swiper-button-next:before{
    font-family:'FontAwesome';
    content:"\f105";
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    color: #fff;
    font-size:45px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.section1 .swiper-button-prev{
    background-color: #5F97D7;
    background-image:none !important;
    width:60px;
    height:60px;
    color: #fff;
    position: absolute;
    outline: none !important;
    left:0 !important;
    bottom:0 !important;
    top:unset !important;
    -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
            transform: translate(0) !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.section1 .swiper-button-prev:before{
    font-family:'FontAwesome';
    content:"\f104";
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    color: #fff;
    font-size:45px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
@media screen and (min-width:500px){
.section1 .swiper-button-next:hover, .section1 .swiper-button-prev:hover{
    background:#fff;
}
.section1 .swiper-button-next:hover:before, .section1 .swiper-button-prev:hover:before{
    color:#5F97D7;
}
}
.header-cen>p{
    font-size:16px;
    text-transform: uppercase;
}
.header-phone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.header-phone a{
    display: block;
    font-family: 'MuseoSansCyrl-700';
    color: #000;
    font-size:24px;
    position: relative;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.header-phone a:hover{
    color:#5F97D7;
}
.header-phone a:before{
    content: '';
    position: absolute;
    left:-30px;
    top:50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width:21px;
    height:27px;
    background:url("../img/phone-icon.png");
    background-repeat: no-repeat;
    background-size:contain;
}
.header-phone span{
    font-size:15px;
    text-transform: uppercase;
}
.main-text h2{
    font-size:54px;
    text-transform: uppercase;
    margin-bottom:20px;
    font-family: 'MuseoSansCyrl-900';
}
.main-text h2 span{
    color:#5F97D7;
}
.main-text p{
    font-size:18px;
    line-height:25px;
}
/* section2 */
.section2{
    margin-bottom:170px;
    position: relative;
}
.section2:before{
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 380px;
    height: 680px;
    background: url(../img/only-dots.png) center no-repeat;
    background-size: auto 100%;
}
.section2-top{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    margin-bottom:25px;
    min-height:400px;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
}
.section2-top .arch-text{
    padding:40px;
    width:660px;
    background: #fff;
    position: relative;
    right:-40px;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.arch-text h2{
    font-size:36px;
    padding-bottom:22px;
    margin-bottom:20px;
    position: relative;
    font-family: 'MuseoSansCyrl-900';
}
.arch-text h2:before{
    content: '';
    width:150px;
    height:2px;
    background: #2d5f90;
    position: absolute;
    bottom:0;
    left:0;
}
.arch-text p{
    font-size:18px;
    max-width:550px;
    line-height:25px;
}
.section2-top .bg-img{
    position: absolute;
    left:0;
    top:-35px;
    height:calc(100% - 10px);
    width:calc(100% - 450px);
    background-position:center;
    z-index:-1;
    background-repeat: no-repeat;
    background-size: cover;
}
.section2-bottom{
    position: relative;
}
.section2-bottom .arch-text{
    padding:40px;
    width:calc(100% - 660px);
    background: #fff;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.section2-bottom .bg-img{
    position: absolute;
    right:0;
    top:-70px;
    height:calc(100% + 120px);
    width:calc(100% - 660px);
    background-position:center;
    z-index:-2;
    background-repeat: no-repeat;
    background-size: cover;
}
/* about-school */
.about-school{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:80px;
}
.about-school>div:first-child{
    padding:40px;
    background:#272727;
    width:420px;
    position: relative;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.about-school>div:first-child:before{
    content: '';
    position: absolute;
    right:99%;
    z-index: -1;
    top:0;
    height:100%;
    width:1000px;
    background: #272727;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.about-school>div:first-child:after{
    content: '';
    position: absolute;
    left:-80px;
    top:0;
    height:100%;
    width:100px;
    background: #272727;
}
.about-school>div:first-child h2{
    font-size:36px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom:25px;
}
.about-school>div:first-child p{
    font-size:32px;
    color: #fff;
}
.about-school>div:nth-child(2){
    width:calc(100% - 420px);
    padding:35px 30px;
    background:#E1E1E1;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.about-school>div:nth-child(2) p{
    font-size:18px;
    line-height: 25px;
}
.about-school>div:nth-child(2) p:not(:last-child){
    margin-bottom:20px;
}
/* statistic */
.statistic{
    -webkit-box-shadow:-8px 2px 20px rgba(0,0,0,0.09),-1px 2px 10px rgba(0,0,0,0.013);
            box-shadow:-8px 2px 20px rgba(0,0,0,0.09),-1px 2px 10px rgba(0,0,0,0.013);
    padding:30px 40px;
    position: relative;
    background: #fff;
    margin-bottom:80px;
}
.statistic:before{
    content: '';
    position: absolute;
    left:99%;
    background: #fff;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.09),0 2px 10px rgba(0,0,0,0.013);
            box-shadow:0 5px 20px rgba(0,0,0,0.09),0 2px 10px rgba(0,0,0,0.013);
    height:100%;
    width:1000px;
    top:0;
    z-index: -1;
}
.statistic:after{
    content: '';
    position: absolute;
    right:-50px;
    top:0;
    background: #fff;
    width:100px;
    height:100%;
}
.statistic ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.statistic ul li{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding:0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.statistic ul li h2{
    color: #5f97d7;
    font-size:96px;
    font-family:'MuseoSansCyrl-900';
    margin-right:15px;
}
.statistic ul li p{
    font-size:30px;
}
.statistic ul li:nth-child(3) p{
    position: relative;
    top:25px;
    left:-12px;
}
/* section3 */
.section3{
    margin-bottom:80px;
}
.section3 h2{
    font-size:36px;
    text-transform: uppercase;
    font-family: 'MuseoSansCyrl-900';
    margin-bottom:40px;
    text-align: center;
}
.section3 h2 span{
    font-family: 'MuseoSansCyrl-300';
}
.principles{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom:160px;
    position: relative;
}
.principles:before{
    content: '';
    width:55px;
    height:2100px;
    background:#5F97D7;
    position: absolute;
    right:50px;
    bottom:100%;
    z-index: -3;
}
.principles:after{
    content: '';
    width:55px;
    height:2100px;
    background:#F6F6F6;
    position: absolute;
    right:135px;
    bottom:100%;
    z-index: -3;
}
.principles>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width:365px;
    border-radius:2px;
    padding:25px 30px;
    background: #ffffff;
    position: relative;
    -webkit-box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow:0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.principles>div:hover{
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.013);
            box-shadow:0 1px 5px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.013);
}
.principles>div:nth-child(1){
    z-index: 1;
}
.principles>div:nth-child(2){
    position: absolute;
    bottom:40px;
    left:270px;
    z-index: 2;
}
.principles>div:nth-child(3){
    z-index: 3;
}
.principles>div:nth-child(4){
    position: absolute;
    bottom:40px;
    right:270px;
    z-index: 4;
}
.principles>div:nth-child(5){
    z-index: 5;
}
.principle-icon{
    margin-right:20px;
}
.principles>div p{
    font-size:24px;
    line-height:30px;
}
/* slider 2 */
#slider2{
    margin-bottom:200px;
}
.slider2{
    position: relative;
    padding-left:15px;
    width:100%;
}
.slider2:before{
    content: '';
    position: absolute;
    right:calc(100% - 170px);
    bottom:-90px;
    width:380px;
    height:735px;
    background: url("../img/only-dots.png") center no-repeat;
    background-size:380px 735px;
}
#slider2>h2{
    font-size:36px;
    font-family: 'MuseoSansCyrl-900';
    text-transform: uppercase;
    margin-bottom:30px;
    padding:0 15px;
}
#slider2 .swiper-container {
    height:880px;
    margin:0;
    position: relative;
}
#slider2 .swiper-slide {
    overflow: hidden;
    position: relative;
    width:100%;
}

#slider2 .slide-inner {
    position: absolute;
    width: 100%;
    height:calc(100% - 60px);
    left: 0;
    top: 0;
    background-size: cover;
    background-position:center -60px;
}
#slider2 .swiper-button-next2{
    background-color: #5F97D7;
    background-image:none !important;
    width:60px;
    height:60px;
    color: #fff;
    position: absolute;
    left:15px !important;
    bottom:60px !important;
    outline: none !important;
    top:unset !important;
    -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
            transform: translate(0) !important;
    z-index: 2;
    cursor: pointer;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
#slider2 .swiper-button-next2:before{
    font-family:'FontAwesome';
    content:"\f105";
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    color: #fff;
    font-size:45px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
#slider2 .swiper-button-prev2{
    background-color: #5F97D7;
    background-image:none !important;
    width:60px;
    height:60px;
    color: #fff;
    position: absolute;
    outline: none !important;
    left:-45px !important;
    bottom:60px !important;
    top:unset !important;
    -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
            transform: translate(0) !important;
    cursor: pointer;
    z-index: 2;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
#slider2 .swiper-button-prev2:before{
    font-family:'FontAwesome';
    content:"\f104";
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    color: #fff;
    font-size:45px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
@media screen and (min-width:500px){
#slider2 .swiper-button-prev2:hover,#slider2 .swiper-button-next2:hover{
    background: #fff;
}
#slider2 .swiper-button-prev2:hover:before,#slider2 .swiper-button-next2:hover:before{
    color: #5e96d6;
}
}
.slider-buttom{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.slider-buttom>p{
    font-size:18px;
    font-family: 'MuseoSansCyrl-500';
}
.current-slide{
    font-size:48px;
    font-family:'MuseoSansCyrl-900';
    color: #5e96d6;
}
.all-slide{
    font-size:18px;
    color: #808080;
    font-family: 'MuseoSansCyrl-500';
}
/* section4 */
.section4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px;
    padding-bottom:200px;
    position: relative;
}
.section4:before{
    content: '';
    position: absolute;
    right:-183px;
    bottom:20px;
    background-repeat: no-repeat;
    width:183px;
    height:183px;
    background-size:183px 183px;
    background-image: url("../img/circler.png");

}
.section4 .column4{
    width:33.333%;
    padding:0 15px;
    overflow: hidden;
}
.section4 .column4>div{
    width:100%;
    padding:25px;
    text-transform: uppercase;
    font-size:32px;
    font-family: 'MuseoSansCyrl-900';
    color: #fff;
    background: #5f97d7;
    text-align: center;
    position: relative;
    margin-bottom:30px;
}
.section4 .column4:nth-child(2)>div{
    background:#292929;
}
.section4 .column4>div:before{
    content: '';
    position: absolute;
    left:-6px;
    top:0;
    width:1px;
    height:100%;
    background: #5f97d7;
}
.section4 .column4>div:after{
    position: absolute;
    bottom:-23px;
    left:-32px;
    color:rgba(255,255,255,.1);
    font-family: 'MuseoSansCyrl-900';
    font-size:95px;
}
.section4 .column4:nth-child(1)>div:after{
    content: '01';
}
.section4 .column4:nth-child(2)>div:after{
    content: '02';
}
.section4 .column4:nth-child(3)>div:after{
    content: '03';
}
.section4 .column4 li{
    margin-bottom:17px;
    padding-left:20px;
    position: relative;
}
.section4 .column4 li:before{
    content: '\f0da';
    position: absolute;
    left:2px;
    top:2px;
    font-family: 'FontAwesome';
    font-size:24px;
}
.section4 .column4 li h3{
    font-size:24px;
    margin-bottom:5px;
    font-family: 'MuseoSansCyrl-900';
    text-transform: uppercase;
}
.section4 .column4 li p{
    font-size:18px;
}
/* section5 */
.section5{
    padding-top:80px;
    position: relative;
    margin-bottom:120px;
}
.section5:before{
    content: '';
    position: absolute;
    left:-220px;
    top:0;
    width:380px;
    height:735px;
    background: url("../img/only-dots.png") center no-repeat;
    background-size:380px 735px;
}
.section5>h2{
    font-size:36px;
    text-transform: uppercase;
    font-family: 'MuseoSansCyrl-900';
}
.section5>h2 span{
    font-size:36px;
    display: block;
    font-family: 'MuseoSansCyrl-300';
}
.child-target{
    margin:0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom:25px;
}
.child-target .column3{
    width:25%;
    padding:0 15px;
    position: relative;
}
.target{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width:100%;
    border-radius: 2px;
    padding:20px;
    padding-left:25px;
    background: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow: 0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.target:hover{
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.013);
            box-shadow: 0 1px 4px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.013);
}
.target:before{
    content: '';
    position: absolute;
    left:0;
    top: 0;
    height:100%;
    width:4px;
    background:#3398DA;
}
.child-target .column3 .target:nth-child(2){
    margin-top:15px;
}
.target p{
font-size:20px;
}
.target p span{
    font-family: 'MuseoSansCyrl-900';
}
.target-icon{
    width:55px;
}
.target-icon img{
    width:100%;
    height: auto;
}
.child-target .column3:nth-child(1):before,.child-target .column3:nth-child(2):before{
    content: '\f061';
    font-family: 'FontAwesome';
    position: absolute;
    top:50%;
    width:30px;
    height:30px;
    left:calc(100% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    color: #3398DA;
    font-size:20px;
}
.child-target .column3:nth-child(3):before,.child-target .column3:nth-child(3):after{
    content: '\f061';
    font-family: 'FontAwesome';
    position: absolute;
    width:30px;
    height:30px;
    left:calc(100% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #3398DA;
    font-size:20px;
}
.child-target .column3:nth-child(3):before{
    top:5px;
}
.child-target .column3:nth-child(3):after{
    bottom:5px;
}
/* video presentation */
.video-presentation{
    position: relative;
}
.video{
    width:950px;
    height:550px;
    background:url("../img/video-bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}
.video:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2) url("../img/play-btn.png") center no-repeat;
    background-size:130px 130px;
}
.video a{
    display: block;
    width:100%;
    position: relative;
    z-index: 2;
    height:100%;
}
.presentation-text{
    width:560px;
    position: absolute;
    right:0;
    top:50%;
    z-index: 3;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    -webkit-box-shadow: 0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
            box-shadow: 0 3px 25px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013);
}
.presentation-text>div{
    padding:15px 40px;
    background:#404040;
}
.presentation-text>div p{
    color: #fff;
    font-size:24px;
    font-family: 'MuseoSansCyrl-700';
}
.presentation-text>ul{
    padding:25px 25px 25px 60px;
    background: #fff;
}
.presentation-text>ul li{
    font-size:18px;
    margin-bottom:18px;
}
/* section6 */
.section6{
    padding:80px 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin-bottom:120px;
}
.section6:before{
    content: '';
    width:1685px;
    height:948px;
    position: absolute;
    top:0;
    left:-600px;
    z-index: -1;
    background: url("../img/image2.jpg") center no-repeat;
    background-size: contain;
}
.our-teacher-text{
    width:calc(100% - 870px);
}
.our-teacher-text h2{
    font-size:40px;
    font-family: 'MuseoSansCyrl-900';
    margin-bottom:45px;
    margin-top:30px;
    text-transform: uppercase;
}
.our-teacher-text h2 span{
    font-size:28px;
    font-family: 'MuseoSansCyrl-300';
    display: block;
}
.our-teacher-text p{
    font-size:18px;
    line-height:28px;
    margin-bottom:35px;
}
.our-teacher{
    width:800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin:0 -25px;
}
.our-teacher .column4{
    width:33.3333%;
    padding:0 25px;
    margin-bottom:40px;
}
.our-teacher .column4:nth-child(4) .teacher-img,.our-teacher .column4:nth-child(6) .teacher-img,.our-teacher .column4:nth-child(5) .teacher-img{
	background-position: center top !important;
}
.teacher-img{
    position: relative;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    height:270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.teacher-img:before{
    content: '';
    position: absolute;
    left:-20px;
    top:-20px;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    border:8px solid #6A6A6A;
    z-index: -1;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.teacher h3{
    font-size:22px;
    margin:15px 0 10px 0;
    font-family: 'MuseoSansCyrl-900';
}
.teacher p{
    font-size:18px;
}
/* contact-container */
.contact-container{
    position: relative;
}
.contact-container:before{
    content: '';
    position: absolute;
    left:0;
    top: 0;
    width:50%;
    height:100%;
    z-index: -1;
    background:url("../img/form-bg.jpg") center no-repeat;
    background-size: cover;
}
.contact-container .wrap-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.contact-container .column6{
    width: 50%;
}
.contact-form{
    padding:60px 60px 60px 0;
}
.contact-text{
    padding:60px;
    min-height:100%;
    position: relative;
}
.contact-text:after{
    content: '';
    width:200%;
    height:25px;
    position: absolute;
    left:0;
    bottom:-2px;
    background: #5F97D7;
}
.contact-form h2{
    font-size:34px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom:35px;
    font-family: 'MuseoSansCyrl-900';
}
.contact-form h2 span{
    display: block;
    font-family: 'MuseoSansCyrl-300';
}
.form-gr{
    margin-bottom:25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.form-gr label{
    font-size:22px;
    color: #fff;
    font-family:'MuseoSansCyrl-500';
    width:160px;
}
.form-gr input{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height:55px;
    line-height: 55px;
    font-size:22px;
    font-family:'MuseoSansCyrl-500';
    padding:0 20px;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background: #fff;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.form-gr input:focus{
    -webkit-box-shadow:0 0 0 2px #5F97D7;
            box-shadow:0 0 0 2px #5F97D7;
}
.own-select{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.own-select select{
    width: 100%;
    height:55px;
    line-height: 55px;
    font-size:22px;
    background: #fff;
    font-family:'MuseoSansCyrl-500';
    padding:0 20px;
    -webkit-appearance: none;
    border: none;
    outline: none;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.own-select select:focus{
    -webkit-box-shadow:0 0 0 2px #5F97D7;
            box-shadow:0 0 0 2px #5F97D7;
}
.own-select:before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    border-top:8px solid #000;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}

.toggle-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.toggle-container p{
    color: #fff;
}
.switch {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    position: relative;
    display: inline-block;
    width:42px;
    height: 20px;
    margin-right:15px;
}
.submit-con{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content:flex-end;
    padding-left:160px;
}
.switch input {
    display: none;
}
.switch input:checked + .toggle-slider {
    background-color:#fff;
}
.switch input:checked + .toggle-slider:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0);
    background:#5F97D7;
}
.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#E8E8E8;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 20px;
}
.toggle-slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 22px;
    bottom: -2px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
        transform: translateX(-24px);
    background-color: #acacac;
}
.contact-container button{
    height:55px;
    line-height:55px;
    padding:0 40px;
    font-size:22px;
    font-family: 'MuseoSansCyrl-500';
    text-transform: uppercase;
    color: #fff;
    background:#5F97D7;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.contact-container button:hover{
    background: #2d5f90;
}
.contact-text{
    position: relative;
}
.contact-text:before{
    content: '';
    position: absolute;
    width: 604px;
    height:463px;
    top:0;
    background:url("../img/bridge.jpg");
    background-repeat: no-repeat;
    z-index: -1;
    right:-380px;
    background-size: contain;
}
.contact-text h2{
    font-size:34px;
    text-transform: uppercase;
    margin-bottom:35px;
    font-family: 'MuseoSansCyrl-900';
}
.contact-text h2 span{
    display: block;
    font-family: 'MuseoSansCyrl-300';
}
.tab-control{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:40px;
}
.tab-control li{
    margin-right:15px;
    font-size:20px;
    font-family: 'MuseoSansCyrl-700';
    position: relative;
    cursor: pointer;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.tab-control li:hover:before{
    opacity: 1;
}
.tab-control li:before{
    content: '';
    width:100%;
    height:2px;
    background: #5F97D7;
    position: absolute;
    bottom:-7px;
    left:0;
    opacity: 0;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.tab-control li.active:before{
    opacity: 1;
}
.tab-body li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom:40px;
}
.contact-icon{
    margin-right:15px;
    min-width:50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.tab-body ul{
    display: none;
}
.tab-body ul.active{
    display: block;
}
.tab-body li a{
    font-size:24px;
    color: #000;
    font-family:'MuseoSansCyrl-500';
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.tab-body li a:hover{
    color:#5F97D7;
}
.tab-body li p{
    font-size:24px;
    color: #000;
    font-family:'MuseoSansCyrl-500';
}
/* footer */
footer .wrap-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-social{
    width:250px;
    height:100px;
    padding-right:45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer-main{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height:100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff;
    padding-left:45px;
    background: #5F97D7;
    position: relative;
}
.footer-main:before{
    content: '';
    position: absolute;
    left:99%;
    top: 0;
    width:1000px;
    height:100%;
    z-index: -1;
    background: #5F97D7;
}
.footer-main a{
    color: #fff;
    text-decoration: underline;
}
.footer-social li{
    margin-right:15px;
}
.footer-social li a{
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.footer-social li a:hover i.fa{
    color: #5F97D7;
}
.footer-social li i.fa{
    font-size:26px;
    color:#434343;
}


/* menu */
.overlay {
    position: fixed;
    background: #2a3140;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
        transform-origin: right top;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index:111;
}
.close-menu{
    position: absolute;
    right:40px;
    top:60px;
    width:40px;
    height:40px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    cursor: pointer;
}
.close-menu:before{
    content: '';
    position: absolute;
    left:0;
    top:0;
    width:58px;
    height:2px;
    background: #eee;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.close-menu:after{
    content: '';
    position: absolute;
    right:0;
    top:0;
    width:58px;
    height:2px;
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    background: #eee;
    -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.close-menu:hover:before,.close-menu:hover:after{
    background:#5F97D7;
}
.overlay.open {
    opacity: 0.99;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.overlay.open li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fadeInRight 0.4s cubic-bezier(0.42, 0.83, 0.7, 1.5) forwards;
    animation: fadeInRight 0.4s cubic-bezier(0.42, 0.83, 0.7, 1.5) forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
        transform-origin: right bottom;
}
.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.overlay.open li:nth-of-type(5) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.overlayMenu {
    position: absolute;
    left:50%;
    top: 50%;
    -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.overlayMenu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.overlayMenu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    opacity: 0;
    width: 100%;
}
.overlayMenu ul li a {
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    padding: 10px 40px 10px 40px;
    margin: 5px 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.overlayMenu ul li.active a{
    color: #5F97D7;
}
.overlayMenu ul li a:hover, .overlayMenu ul li a:active, .overlayMenu ul li a:focus {
    color: #5F97D7;
}

.locked {
    overflow: hidden;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 50px;
    }
    100% {
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 50px;
    }
    100% {
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media screen and (max-width:1700px) and (min-width:1500px){
    .section1 .swiper-container{
        width: calc(100% - 340px);
    }
    .main-text{
        width:500px;
    }
    .main-text h2{
        font-size:48px;
    }
    .header-cen{
        width:55%;
        padding-left:25px;
    }
    .header-cen>p{
        font-size:15px;
    }
    .header-phone a{
        font-size:22px;
    }
    .header-phone a:before{
        width:20px;
        height:25px;
    }
    .header-phone span{
        font-size:14px;
    }
    .menu-toggle span{
        width:35px;
    }
    .menu-toggle{
        width:50px;
    }
    .menu-toggle:hover span{
        width:50px;
    }
    .menu-toggle span:before,.menu-toggle span:after{
        width:50px;
    }
    .statistic ul li h2{
        font-size:70px;
    }
    .statistic ul li p{
        font-size:25px;
    }
}
@media screen and (max-width:1500px){
    .section1 .swiper-container{
        height:700px;
        width: calc(100% - 250px);
    }
    .section1 .swiper-button-next,.section1 .swiper-button-prev{
        width:45px;
        height:45px;
    }
    .header-cen>p{
        font-size:14px;
    }
    .header-phone a{
        font-size:18px;
    }
    .section1 .swiper-button-next:before,.section1 .swiper-button-prev:before{
        font-size:35px;
    }
    .section1 .swiper-button-next{
        left:46px !important;
    }
    .main-text{
        width:380px;
    }
    .main-text h2{
        font-size:38px;
    }
    .header-cen{
        width:55%;
        padding-left:25px;
    }
    .main-text p{
        font-size:16px;
        line-height:23px;
    }
    .header-phone span{
        font-size:12px;
    }
    .menu-toggle span{
        width:30px;
    }
    .menu-toggle{
        width:40px;
    }
    .menu-toggle:hover span{
        width:40px;
    }
    .menu-toggle span:before,.menu-toggle span:after{
        width:40px;
    }
    .main-logo:before{
        height:1200px;
    }
    .header-phone a:before{
        width:15px;
        height:18px;
        left: -22px;
    }
    .header{
        height:80px;
    }
    .main-logo{
        height:50px;
    }
    .close-menu{
        width:25px;
        height:25px;
    }
    .close-menu:before,.close-menu:after{
        width: 37px;
    }
    .principles:after{
        width:45px;
        right:120px;
    }
    principles:before{
        width:45px;
    }
    .about-school>div:nth-child(2) p{
        font-size:16px;
        line-height: 22px;
    }
    #slider2 .swiper-button-next2{
        width:45px !important;
        height:45px !important;
    }
    #slider2 .swiper-button-prev2{
        width:45px !important;
        height:45px !important;
        left: -31px !important;
    }
    #slider2 .swiper-button-prev2:before,#slider2 .swiper-button-next2:before{
        font-size:35px !important;
    }
    .current-slide{
        font-size:40px;
    }
    .slider-buttom>p{
        font-size:15px;
    }
    .slider2:before{
        bottom:-62px;
        height:680px;
    }
}
@media screen and (max-width:1400px){
    .section1 .swiper-container{
        height:600px !important;
    }
    .header-cen>p{
        font-size:13px !important;
    }
    .main-logo:before{
        height:1080px !important;
    }
}
@media screen and (max-width:1520px){
    .section2-top .arch-text{
        padding:40px 30px;
    }
    .arch-text h2{
        font-size:30px;
        padding-bottom: 17px;
        margin-bottom: 15px;
    }
    .arch-text p{
        font-size:16px;
        line-height:23px;
    }
    .section2-top .bg-img{
        width: calc(100% - 380px);
    }
    .section2-bottom .bg-img{
        width: calc(100% - 340px);
    }
    .section2-top .arch-text{
        width:580px;
    }
    .statistic ul li{
        padding:0 12px;
    }
    .statistic ul li h2{
        font-size:60px;
    }
    .statistic ul li p{
        font-size:20px;
    }
    .principle-icon{
        height:60px;
    }
    .principle-icon img{
        height: 100%;
        width: auto;
    }
    .principles>div{
        padding:25px 20px;
        width:295px;
    }
    .principles>div:nth-child(4){
        bottom: 62px;
        right: 200px;
    }
    .principles>div:nth-child(2){
        bottom: 62px;
        left: 200px;
    }
    .principles:before{
        width:45px !important;
        right:40px !important;
    }
    .principles:after{
        width:45px !important;
        right:115px !important;
    }
    .principles>div p {
        font-size: 20px;
        line-height: 25px;
    }
    #slider2 .swiper-container{
        height:700px;
    }
    .section4 .column4>div{
        font-size:26px;
        padding:15px;
    }
    .section4 .column4>div:after{
        font-size:66px;
        bottom: -16px;
        left: -22px;
    }
    .section4 .column4 li h3,.section4 .column4 li:before{
        font-size:20px;
    }
    .section4 .column4 li p{
        font-size:16px;
    }
    .section4 .column4 li{
        padding-left:15px;
    }
    .section4:before{
        right:0;
        bottom: 10px;
        width: 140px;
        height: 140px;
        background-size: 140px 140px;
    }
    .section4{
        padding-bottom:170px;
    }
    .target-icon{
        width:45px;
    }
    .target p{
        font-size:16px;
    }

    .target{
        padding:15px;
        padding-left:20px;
    }
    .video{
        width:800px;
        height:480px;
    }
    .video:before{
        background-size:100px 100px;
    }
    .presentation-text{
        width:440px;
    }
    .presentation-text>ul{
        padding: 15px 15px 15px 40px;
    }
    .presentation-text>ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .presentation-text>div{
        padding:12px 20px;
    }
    .presentation-text>div p{
        font-size:22px;
    }
    .teacher h3{
        font-size:18px;
        margin: 12px 0 5px 0;
    }
    .teacher p{
        font-size:16px;
    }
    .our-teacher{
        width:600px;
    }
    .our-teacher .column4{
        padding:0 15px;
    }
    .teacher-img:before{
        left: -15px;
        top: -15px;
        border:5px solid #6A6A6A;
    }
    .our-teacher-text {
        width: calc(100% - 625px);
    }
    .our-teacher-text h2{
        font-size:36px;
        margin-top:20px;
    }
    .our-teacher-text p{
        font-size:16px;
        line-height:25px;
    }
    .contact-form h2,.contact-text h2{
        font-size:25px;
    }
    .form-gr input,.own-select select{
        height:40px;
        line-height:40px;
        font-size:16px;
        padding:0 15px;
    }
    .own-select:before{
        right:15px;
    }
    .submit-con{
        padding-left:140px;
    }
    .contact-container button{
        height:45px;
        line-height:45px;
        font-size:16px;
        padding:0 30px;
    }
    .toggle-container p{
        font-size:15px;
    }
    .form-gr label{
        font-size:18px;
        width:140px;
    }
    .tab-control li{
        font-size:18px;
    }
    .tab-body li{
        margin-bottom:30px;
    }
    .tab-body li a,.tab-body li p{
        font-size:18px;
    }
    .footer-social,.footer-main{
        height:70px;
    }
    .overlayMenu ul li a{
        padding-top: 5px;
        padding-bottom:5px;
    }
    .tab-body ul li:nth-child(1) .contact-icon,.tab-body ul li:nth-child(2) .contact-icon{
        width:30px;
        min-width:30px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .tab-body ul li:nth-child(3) .contact-icon{
        height:30px;
        min-width:30px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .tab-body ul li:nth-child(3) .contact-icon img{
        height:100%;
        width: auto;
    }
    .tab-body ul li:nth-child(1) .contact-icon img,.tab-body ul li:nth-child(2) .contact-icon img{
        width:100%;
        height: auto;
    }
    .footer-social li i.fa{
        font-size:22px;
    }
    .footer-social{
        width:200px;
        padding-right:20px;
    }
}
@media screen and (max-width:1860px) and (min-width:1780px){
    .section4:before{
        right: -120px;
        bottom: 10px;
    }
}
@media screen and (max-width:1780px) and (min-width:1700px){
    .section4:before{
        right: -90px;
        bottom: 10px;
    }
}
@media screen and (max-width:1700px) and (min-width:1600px){
    .section4:before{
        right: -40px;
        bottom: 10px;
    }
}
@media screen and (max-width:1600px) and (min-width:1520px){
    .section4:before{
        right: -10px;
        bottom: 10px;
    }
}

@media screen and (max-width:1200px){
    .header-cen{
        min-width:550px;
    }
    .section1,.header{
        padding:0 40px;
    }
    .main-text{
        left:40px;
    }
    .main-text {
        width: 330px !important;
    }
    .main-text h2{
        font-size:30px !important;
    }
    .section2-top .arch-text {
        padding: 25px !important;
    }
    .section2-bottom .arch-text{
        padding:25px !important;
        width:450px;
    }
    .about-school>div:first-child,.about-school>div:nth-child(2){
        padding:25px;
    }
    .statistic{
        padding:25px 30px;
    }
    .statistic ul li h2{
        font-size:50px;
        margin-right:10px;
    }
    .statistic ul li p{
        font-size:16px;
    }
    .statistic ul li:nth-child(3) p {
        top: 15px;
        left: -8px;
    }
    .arch-text h2{
        font-size:26px !important;
    }
    .principle-icon{
        height:40px !important;
    }
    .principles>div p {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .principles>div {
        padding:15px !important;
        width: 230px !important;
    }
    .principles>div:nth-child(2) {
        bottom: 40px !important;
        left: 170px !important;
    }
    #slider2 .swiper-container{
        height:560px !important;
    }
    .principles>div:nth-child(4) {
        bottom: 40px !important;
        right: 170px !important;
    }
    .principles{
        padding-bottom:100px !important;
    }
    #slider2{
        margin-bottom:120px;
    }
    .section4 .column4>div{
        padding:10px 20px !important;
        font-size:20px;
        margin-bottom:20px !important;
    }
    .section4 .column4>div:after {
        font-size: 45px !important;
        bottom: -12px !important;
        left: -15px !important;
    }
    .section4:before {
        width: 100px;
        height: 100px;
        background-size: 100px 100px;
    }
    .section4 {
        padding-bottom: 120px !important;
    }
    .target{
        padding:10px;
        padding-left:15px;
    }
    .target-icon {
        width: 35px !important;
    }
    .target p{
        font-size:14px !important;
    }
    .child-target .column3:nth-child(1):before, .child-target .column3:nth-child(2):before{
        font-size: 15px;
    }
    .child-target .column3:nth-child(3):before, .child-target .column3:nth-child(3):after{
        font-size:15px;
    }
    .child-target .column3:nth-child(3):before{
        top:0;
    }
    .child-target .column3:nth-child(3):after{
        bottom:0;
    }
    .presentation-text{
        width:400px !important;
    }
    .presentation-text>div p{
        font-size:20px !important;
    }
    .presentation-text>ul{
        padding-left:25px;
    }
    .video {
        width: calc(100% - 300px) !important;
        height: 420px !important;
    }
    .section5{
        margin-bottom:80px;
    }
    .video:before {
        background-size: 70px 70px !important;
    }
    .our-teacher .column4{
        width:50% !important;
    }
    .our-teacher{
        width:450px !important;
    }
    .our-teacher-text {
        width: calc(100% - 475px) !important;
    }
    .submit-con{
        padding-left:0;
    }
}
@media screen and (max-width:991px){
    .section1{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom:80px !important;
    }
    .principles:before,.principles:after{
        display: none;
    }
    .main-text{
        position: static;
        left: unset !important;
        top:unset !important;
        width:100% !important;
        padding-bottom:40px;
        padding-top:40px;
        margin:0;
        background: #EEEEEE;
        text-align: center;
        -webkit-transform:translate(0) !important;
            -ms-transform:translate(0) !important;
                transform:translate(0) !important;
    }
    .header{
        background:#fff;
        z-index: 1;
    }
    .header-cen {
        width:65%;
        min-width: 500px;
    }
    .section1:before{
        width:105px;
    }
    .section1:after{
        display: none;
    }
    .section1 .swiper-container{
        width:100% !important;
    }
    .section2-top,.section2-bottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .section2-top .bg-img{
        left:unset;
        top: unset;
        position: static;
        width:100%;
        height:450px;
    }
    .section2-top .arch-text{
        margin:0 0 50px 0  !important;
        right: 0;
        width:100% !important;
    }
    .section2-bottom .arch-text{
        width: 100% !important;
        margin:50px 0 !important;
    }
    .section2-bottom .bg-img{
        left:unset;
        top: unset;
        position: static;
        width:100%;
        height:450px;
    }
    .section2{
        margin-bottom:100px;
    }
    .about-school{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .about-school>div:first-child, .about-school>div:nth-child(2){
        width:100%;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .about-school>div:nth-child(2){
        position: relative;
    }
    .about-school>div:first-child h2{
        margin-bottom:15px;
    }
    .about-school>div:first-child p{
        font-size:26px;
    }
    .statistic ul{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .statistic ul li{
        width:50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding:12px;
    }
    .principles>div:nth-child(2){
        position: static;
        left:unset !important;
        bottom:unset !important;
    }
    .principles>div:nth-child(4){
        position: static;
        right:unset !important;
        bottom:unset !important;
    }
    .principles{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-bottom:0 !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .principles>div{
        margin-right:40px;
        margin-bottom:40px;
    }
    .slider2:before{
        display: none;
    }
    #slider2 .swiper-button-next2{
        left:61px !important;
    }
    #slider2 .swiper-button-prev2{
        left:15px !important;
    }
    .section4 .column4{
        width:50%;
        margin-bottom:40px;
    }
    .section4{
        padding-bottom:20px !important;
    }
    .child-target .column3{
        width:50%;
        margin-bottom:40px;
    }
    .section5>h2{
        margin-bottom:40px;
    }
    .video-presentation{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .presentation-text{
        width:100% !important;
        position: static !important;
        margin-bottom:30px;
        -webkit-transform:translate(0);
            -ms-transform:translate(0);
                transform:translate(0);
    }
    .section6{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom:80px;
    }
    .video,.our-teacher-text{
        width: 100% !important;
    }
    .our-teacher{
        width:100% !important;
        margin: 0;
        margin-top:40px;
    }
    .our-teacher .column4{
        width:33.333% !important;
    }
    .contact-container .column6{
        width:100%;
    }
    .contact-container:before{
        display: none;
    }
    .submit-con{
        padding-left:140px !important;
    }
    .contact-text:after{
        display: none;
    }
    .contact-text,.contact-form{
        padding:40px 0;
        position: relative;
    }
    .contact-form:before{
        content: '';
        position: absolute;
        left: 50%;
        top:50%;
        -webkit-transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%);
                transform:translate(-50%,-50%);
        width:calc(100% + 400px);
        height: 100%;
        z-index: -1;
        background: url(../img/form-bg.jpg) center no-repeat;
        background-size: cover;
    }
    .footer-social{
        background:#5F97D7;
        position: relative;
        color: #fff !important;
    }
    .footer-social:before{
        content: '';
        position: absolute;
        right:99%;
        top:0;
        z-index: -1;
        width:400px;
        height:100%;
        background:#5F97D7;
    }
    .footer-social li a:hover i.fa{
        color: #fff !important;
    }
    .section4:before{
        display: none;
    }
    .child-target .column3:nth-child(3) .target{
        position: relative;
    }
    .child-target .column3:nth-child(3) .target:after{
        content: '\f061';
        font-family: 'FontAwesome';
        position: absolute;
        width: 30px;
        height: 30px;
        right: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #3398DA;
        font-size: 15px;
    }
    .footer-main{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer-main p:first-child{
        margin-bottom:8px;
    }
}
@media screen and (max-width: 900px){
    .header-cen{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .section1 .swiper-container {
        height: 400px !important;
    }
    .main-logo:before,.section2:before,.section5:before{
        display: none;
    }
    .section5{
        padding-top:20px;
    }
    .video{
        height:340px !important;
    }
    .section6{
        padding-top:60px !important;
    }
    .our-teacher .column4{
        width:50% !important;
    }
    .section6{
        margin-bottom:30px !important;
    }
    .section1{
        background: #EEEEEE;
        padding-bottom:40px;
        margin-bottom:40px !important;
    }
    .bg-img{
        height:360px !important;
        margin: 0 !important;
    }
    .section2-top{
        margin-bottom:0 !important;
    }
    .section2,.section3{
        margin-bottom:60px !important;
    }
    #slider2{
        margin-bottom: 80px !important;
    }
    .section4 .column4{
        width:100% !important;
    }
    .principles>div{
        -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
                box-shadow: 0 2px 7px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
        margin-right:25px !important;
        margin-bottom:25px !important;
    }
    #slider2 .swiper-container{
        height:440px !important;
    }
}

@media screen and (max-width:575px){
    .section1, .header{
        padding:0 20px;
    }
    .section1{
        padding-bottom:40px !important;
    }
    .close-menu{
        right:30px !important;
        top: 30px !important;
    }
    .arch-text h2 {
        font-size: 18px !important;
    }
    .section2-bottom .arch-text,.section2-top .arch-text{
        -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
                box-shadow: 0 1px 7px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
        padding:15px !important;
    }
    .arch-text h2:before{
        width:100px !important;
    }
    .arch-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .bg-img {
        height: 250px !important;
    }
    .main-logo{
        height:45px !important;
    }
    .main-text h2 {
        font-size: 25px !important;
    }
    .section1 .swiper-container {
        height: 320px !important;
    }
    .section1 .swiper-button-next, .section1 .swiper-button-prev,#slider2 .swiper-button-next2,#slider2 .swiper-button-prev2 {
        width: 40px !important;
        height: 40px !important;
    }
    .slider-buttom>p{
        display: none;
    }
    .section1 .swiper-button-next {
        left: 41px !important;
    }
    #slider2 .swiper-button-next2 {
        left: 56px !important;
    }
    .about-school>div:first-child p {
        font-size: 22px !important;
    }
    .about-school>div:first-child, .about-school>div:nth-child(2) {
        padding: 15px !important;
    }
    .about-school>div:first-child:after{
        display: none !important;
    }
    .statistic ul li{
        width:100%;
        -webkit-box-pack:start !important;
            -ms-flex-pack:start !important;
                justify-content:flex-start !important;
    }
    .section3 h2,#slider2>h2,.section5>h2 span,.section5>h2,.our-teacher-text h2{
        font-size:30px !important;
    }
    .our-teacher-text h2{
        margin-bottom:25px !important;
    }
    .our-teacher-text p{
        margin-bottom:20px !important;
    }
    .principles>div{
        margin-right:0 !important;
    }
    .statistic {
        -webkit-box-shadow: -1px 2px 6px rgba(0,0,0,0.09), -1px 2px 10px rgba(0,0,0,0.013);
                box-shadow: -1px 2px 6px rgba(0,0,0,0.09), -1px 2px 10px rgba(0,0,0,0.013);}

    .child-target .column3{
        width:100%;
    }
    .child-target .column3:before,.child-target .column3:after,.child-target .column3:nth-child(3) .target:after{
        display: none !important;
    }
    .child-target .column3{
        margin-bottom: 20px !important;
    }
    .child-target .column3 .target:nth-child(2){
        margin-top:20px !important;
    }
    .target,.presentation-text{
        -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
                box-shadow: 0 1px 8px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.013) !important;
    }
    #slider2 .slide-inner{
        background-position: center !important;
    }
    #slider2 .swiper-container {
        height: 320px !important;
    }
    .presentation-text>div,.presentation-text>ul{
        padding:15px !important;
    }

    .presentation-text>div p {
        font-size: 18px !important;
    }
    .video {
        height: 270px !important;
    }
    .video:before {
        background-size: 50px 50px !important;
    }
    .section6{
        padding-top:10px !important;
    }
    .section5{
        margin-bottom:40px !important;
    }
    .form-gr label{
        display: block;
        margin-bottom:7px;
        width:100%;
    }
    .form-gr{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .form-gr input, .own-select select,.own-select{
        width:100% !important;
    }
    .submit-con{
        padding-left:0 !important;
    }
    footer .wrap-container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background:#5F97D7;
        padding:0;
    }
    .footer-social{
        width:100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff;
    }
    .contact-text:before{
        display: none;
    }
    .footer-social li a:hover i.fa {
        color: #5F97D7 !important;
    }
    .tab-control{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .tab-control li{
        width:50%;
        margin-right:0 !important;
        padding:4px 0;
    }
    .footer-main{
        padding: 0 !important;
    }
    .tab-body li a, .tab-body li p {
        font-size: 16px;
    }
    .tab-control li.active{
        color: #5e96d6;
    }
    .tab-control li:before{
        display: none;
    }
}

@media screen and (max-width:400px){
    .section1 .swiper-container,#slider2 .swiper-container {
        height: 250px !important;
    }
    .video {
        height: 240px !important;
    }
    .our-teacher .column4{
        width:100% !important;
    }
    .contact-container button {
        font-size: 14px !important;
        padding: 0 20px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
}

#mihailo-test {
    position: relative !important;
    vertical-align: middle !important;
    height: 80% !important;
}