html {
    overflow-x: hidden;
}

html {
    font-size: 16px;

}
@media screen and (max-width: 1900px) {
    html {
        font-size: 15px;
    }
}

@media screen and (max-width: 1800px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 13px;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (max-width: 1300px) {
    html {
        font-size: 10.5px;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 9.5px;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 8.5px;
    }
}
@media screen and (max-width: 924px) {
    html {
        font-size: 8px;
    }
}
@media screen and (max-width: 854px) {
    html {
        font-size: 7.5px;
    }
}
@media screen and (max-width: 774px) {
    html {
        font-size: 7px;
    }
}

:root {
    --f70: 4.375rem;
    --f60: 3.75rem;
    --f50: 3.125rem;
    --f40: 2.5rem;
    --f36: 2.25rem;
    --f32: 2rem;
    --f28: 1.75rem;
    --f24: 1.5rem;
    --f20: 1.25rem;
    --f16: 1rem;
    --f14: 0.875rem;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
body{
    font-family: "Gilroy", Arial !important;
}
/* CONTACTS HEADER */
.contacts-header {
    width: 100%;
    height: 60px;
    background: #1D3062;
    justify-content: space-between;
}
.faq-color{
    background: #DFF1F8 !important;
}
.faq-rotate{
    transform: rotate(180deg);
    transition: 0.5s;
}
.contacts-header_text {
    margin-top: 16px;
    margin-bottom: 16px;
    color: #fff;
    font-style: normal;
    font-weight: 100;
    font-size: var(--f20);
    line-height: 120%;
    display: flex;
    align-items: center;
}

.contacts-header_textleft {
    margin-left: 5.208vw;
}

.contacts-header_textright {
    margin-right: 5.208vw;
}

.contacts-header_textcenter {
    /*margin-left: 460px;*/
    margin-right: 2.604vw;
}

/* CONTACTS HEADER END */

/* NAV-HEADER */
.navheader {
    width: 100%;
    /*height: 125px;*/
    align-items: center;
    background: #fff;
    transition: all 0.5s;
    padding-top: 1.042vw;
    padding-bottom: 1.042vw;
    padding-left: 5.208vw;
    padding-right: 5.208vw;
    justify-content: space-between;
}

.navheaderScroll {
    /*position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;*/
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.04);
}

.navheader-logo {
    /* margin-left: 5.208vw; */
    /*margin-top: 23px;*/
    /*margin-bottom: 18px;*/
}
.navheader-logoscrl,.navheader-linescrl{
    width: 10%;
    height: 10%;

}
.navheader-line {
    margin-left: 16px;
    margin-right: 16px;
    /*margin-top: 23px;*/
    /*margin-bottom: 20px;*/
}

.navheader-text {
    font-family: "Gilroy";
    font-weight: normal;
    font-size: var(--f20);
    line-height: 140% !important;
    color: #333333;
    font-weight: 400;
    /*margin-top: 23px;*/
    /*margin-bottom: 18px;*/
}

.navheader-src {
    /*margin-top: 50px;*/
    /*margin-bottom: 50px;*/
    margin-left: 41px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
}

.navheader-a {
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 20px;
}

.navheader-a:hover {
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
}

.navheader-btn {
    margin-left: 100px;
    /*margin-right: 50px;*/
    /* margin-right: 2.604vw; */
    /*margin-top: 36px;*/
    /*margin-bottom: 29px;*/
}

.btn-request {
    width: 219px;
    height: 60px;
    background: #051D65;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 200;
    font-size: 20px;
}

/* NAV-HEADER END */

/* SLIDER */
.main_img_container{
    width: 39.740vw;
    height: 39.740vw;
    border-radius: 50%;
    border: rgba(218, 231, 236, 0.1) solid 2.031vw;
    position: relative;
}
.mainImg{
    width: 106%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.slider {
    padding-top: 9.635vw;
    width: 100%;
    /*height: 1180px;*/
    padding-bottom: 2.604vw;
    background: #051D65;
}

.slider-main-text {
    margin-left: 5.21vw;
    margin-top: 218px;
    font-weight: bold;
    font-size: var(--f60);
    color: #fff;
    line-height: 120%;
}

.slider-sec-text {
    margin-left: 5.21vw;
    margin-top: 24px;
    font-size: var(--f32);
    color: #fff;
    font-weight: 200;
}

.slider-btns {
    margin-left: 5.21vw;
    margin-top: 50px;
    display: inline-block;

}

.btn-cons-red {
    width: 370px;
    height: 80px;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.btn-cons-red1 {
    width: 370px;
    height: 4.167vw;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--f24);
}

.btn-cons-white {
    margin-left: 24px;
    width: 370px;
    height: 80px;
    background: transparent;
    color: #fff;
    border-radius: 0.55rem;
    border: 2px solid #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.slider-benefits {
    display: flex;
    margin-left: 5.21vw;
    margin-top: 6.510vw;
}

.slider-benefits-text {
    margin-top: 16px;
    margin-right: 110px;
    font-size: 24px;
    line-height: 120%;
    font-weight: 200;
    color: #fff;
}

.slider-ellipse {
    margin-top: 4.948vw;
}

.white-ellipse {
    position: absolute;
    top: 134px;
    left: 55px;
}

.big-ben {
    position: absolute;
    top: 0;
    left: 55px;
}

.upper-card {
    /*width: 338px;
    height: 100px;*/
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    position: absolute;
    /*top: 115px;*/
    top: 5.990vw;
    /*right: 580px;*/
    right: 30.208vw;
}
.gift{
    width: 2.604vw;  
}
.card-border {
    border: 2px dashed #B92831;
    border-radius: 8px;
    padding: 7px 7px 7px 7px;
    margin: 5px 5px 5px 5px;
    /*height: 90px;*/
}
.card-content{
    padding: 1.198vw 1.094vw 1.198vw 0.885vw;
}

.card-text {
    margin-left: 16px;
    /*margin-top: 10px;*/
    font-family: "Gilroy";
    font-style: normal;
    font-weight: normal;
    /*font-size: 20px;*/
    font-size: var(--f20);
    line-height: 120%;
    color: #333333;
    width: 11.458vw;
}
.btmcard-text {
    margin-top: 10px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #333333;
}

.bottom-card {
    /*width: 338px;*/
    /*height: 100px;*/
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    position: absolute;
    /*top: 715px;*/
    top: 37.240vw;
    right: 5.313vw;
}

.upper-card-text {
    font-size: 20px;
    line-height: 120%;
    color: #333333;
    position: absolute;
    top: 175px;
    right: 652px;
}

.bottom-card-text {
    font-size: 20px;
    line-height: 120%;
    color: #333333;
    position: absolute;
    top: 772px;
    right: 184px;
}

/* SLIDER END */

/* BENEFITS */
.storage__slide{
    /*width: 90%;*/
}
.storage__group{
    text-align: center;
}
.teacherimg{
    margin-left:auto;
    margin-right: auto;
    width: 80%;
    height: 23.06vw;
}
.teacherimg:hover{
    /*width:460px;*/
    border:2px solid #051D65;
    border-radius: 12px;
}
.teachers-content{
    margin-left: auto;
    margin-right: auto;
}
.whywe {
    margin-top: 7.292vw;
    margin-bottom: 4.8vw;
    text-align: center;
    font-weight: bold;
    font-size: var(--f50);
    line-height: 100%;
    color: #051D65;
}
.ourbenefitsl{
    display: none;
}

.ourbenefits {
    margin-left: 13.906vw;
}

.benefits-main-text {
    font-weight: bold;
    font-size: 28px;
    color: #333333;
}

.benefits-sec-text {
    font-size: var(--f24);
    color: #333333;
}

.ourbenefits-absolute {
    /* position: absolute;
    left: 420px;
    top: -10px; */
}
.benefits__text{
    margin-left: 20px;
}
.benefits__block{
    display: flex;
    margin-bottom: 2vw;
}
.benefits__img{
    width: 5.260vw;
    height: 5.260vw;
}
.ourbenefitsl{
    display: none;
}

.graduates {
    margin-top: 110px;
}

.ourbenefits-absolute2 {
    position: absolute;
    left: 420px;
    top: 200px;
}

.teachers {
    margin-top: 110px;
}

.ourbenefits-absolute3 {
    position: absolute;
    left: 420px;
    top: 415px;
}

.ourbenefits-absolute4 {
    position: absolute;
    right: 348px;
    top: -10px;
}

.ourbenefits-absolute5 {
    position: absolute;
    right: 348px;
    top: 200px;
}

.ourbenefits-absolute6 {
    position: absolute;
    right: 308px;
    top: 415px;
}
.ourbenefitsrow{
    padding-right: 13vw;
    padding-left: 13vw;
}
.ourbenefits2 {
    margin-left: 20px;
    margin-right: 13.906vw;
}

/* BENEFITS END */

/* PROGRAMS */

.programs {
    margin-top: 150px;
    padding-top: 90px;
    padding-left: 5.2vw;
    padding-right: 5.2vw;
    background-color: rgba(247, 247, 250, 1);
}

.programs-main-text {
    font-weight: bold;
    font-size: var(--f50);
    color: #051D65;
}

.programs-blocks {
    margin-top: 2.083vw;
}

.foradults-base {
    width: 28.438vw;
    /*height: 15.208vw;*/
    background: #051D65;
    border-radius: 10px;
    margin-right: 24px;
}

.foradults {
    display: flex;
    margin-bottom: 24px;
}

.ord-ofnumbrs1 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120%;
    color: #fff;
    margin-left: 24px;
    margin-top: 20px;
}

.base {
    /*margin-left: 1px;*/
    width: 490px;
    /*height: 63px;*/
    background: #75D9FF;
    border-radius: 10px;
    color: #051D65;
    margin-top: 24px;
    margin-right: 24px;
    margin-bottom: 24px;
    font-weight: normal;
    font-size: var(--f36);
    line-height: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: "Gilroy";
}

.foradults-desc-main {
    margin-top: 2.031vw;
    text-align: center;
    margin-bottom: 16px;
    font-weight: bold;
    font-size: var(--f32);
    line-height: 120%;
    color: #fff;
}

.foradults-desc-text {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    font-weight: 200;
    font-size: var(--f20);
    line-height: 120%;
    color: #fff;
}

.showmore {
    font-weight: 200;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    /*margin-left: 306px;*/
    margin-right: 24px;
    /*margin-bottom: 24px;*/
}
.showmoreCont{
    width: 100%;
    text-align: right;
}

.showmore:hover {
    text-decoration: none;
    color: #fff;
}

.ord-ofnumbrs2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120%;
    color: #051D65;
    margin-left: 24px;
    margin-top: 20px;
}

.foradults-advanced {
    width: 28.438vw;
    /*height: 15.208vw;*/
    background: #051D65;
    border-radius: 10px;
    margin-right: 24px;
}

/*.advanced {
    margin-left: 265px;
    width: 185px;
    height: 44px;
    background: #FFD075;
    border-radius: 10px;
    color: #051D65;
    text-align: center;
    margin-top: 24px;
    margin-right: 24px;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    padding-top: 5px;
    font-family: "Gilroy";
}*/

.advanced {
    margin-left: 1px;
    width: 490px;
    /*height: 63px;*/
    background: #FFD075;
    border-radius: 10px;
    color: #051D65;
    margin-top: 2.708vw;
    margin-right: 24px;
    margin-bottom: 1.250vw;
    font-weight: normal;
    font-size: var(--f36);
    line-height: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: "Gilroy";
}

.foradults-desc-main-adv {
    margin-top: 108px;
    margin-left: 24px;
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #051D65;
}

.foradults-desc-text-adv {
    margin-left: 24px;
    margin-bottom: 20px;
    font-weight: 200;
    font-size: 24px;
    line-height: 120%;
    color: #051D65;
}

.business-base {
    width: 28.438vw;
    /*height: 15.208vw;*/
    background: #051D65;
    border-radius: 10px;
    margin-right: 24px;
}

.business {
    display: flex;
    margin-bottom: 24px;
}

.ord-ofnumbrs1 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120%;
    color: #fff;
    margin-left: 24px;
    margin-top: 20px;
}

.business-desc-main {
    margin-top: 2.031vw;
    text-align: center;
    margin-bottom: 16px;
    font-weight: bold;
    font-size: var(--f32);
    line-height: 120%;
    color: #fff;
}

.business-desc-text {
    margin-top: 40px;
    margin-left: 33px;
    margin-bottom: 40px;
    font-weight: 200;
    font-size: 24px;
    line-height: 120%;
    color: #fff;
}

.ord-ofnumbrs2 {
    font-weight: bold;
    font-size: 60px;
    line-height: 120%;
    color: #051D65;
    margin-left: 24px;
    margin-top: 20px;
}

.business-advanced {
    width: 28.438vw;
    /*height: 15.208vw;*/
    background: #051D65;
    border-radius: 10px;
    margin-right: 24px;
}
.programs__block{
    width: 28.438vw !important;
    /*height: 15.208vw !important;*/
    background: #051D65;
    border-radius: 10px;
    margin-right: 24px;
    padding-bottom: 20px;
}
@media screen and (max-width: 1440px){
    .programs__block{
        width: 25.438vw !important;
        /*height: 15.208vw !important;*/
        background: #051D65;
        border-radius: 10px;
        margin-right: 24px;
        padding-bottom: 20px;
}
} 



.business-desc-main-adv {
    margin-top: 40px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #051D65;
}

.business-desc-text-adv {
    margin-left: 24px;
    margin-bottom: 20px;
    font-weight: 200;
    font-size: 24px;
    line-height: 120%;
    color: #051D65;
}

.form-main-text1 {
    font-weight: normal;
    font-size: var(--f40);
    line-height: 120%;
    color: #051D65;
    margin-top: 0.948vw;
    margin-bottom: 2.083vw;
}

input {
    width: 100%;
    height: 2.604vw;
    color: rgba(51, 51, 51, 0.3);
    font-size: 20px;
    padding-left: 16px;
    color: black;
}

textarea {
    width: 100%;
    height: 5.729vw;
    color: rgba(51, 51, 51, 0.3);
    font-size: 20px;
    padding-top: 23px;
    padding-left: 16px;
    color: black;
}

.btn-skills {
    width: 370px;
    height: 80px;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.skill-a1-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-a2-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-b1-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-b2-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-c1-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-c2-hidden {
    position: absolute;
    top: 90px;
    left: 1151px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.skill-hidden-main {
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    color: #333333;
}

.skill-hidden-text {
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #333333;
}

.skill-hidden-text2 {
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #333333;
}

.skill-hidden-text1 {
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #333333;
}
.vertical {
    position: absolute;
    top: 13.54vw !important;
    right: -10.42vw !important;
    transform: rotate(-90deg);
    /* width: 497px; */
    width: 25.89vw !important;
    height: 5.21vw !important;
    border-radius: 10px !important;
  }

.hidden-text {
    position: absolute;
    top: 30px;
    left: 70px;
}

.field {
    margin-bottom: 1.25vw;
}

.inputs {
    border: 1px solid #051D65;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: "Gilroy", Arial
}

.inputs.error {
    border-color: red;
}

label {
    font-weight: 600;
    font-size: var(--f24);
    line-height: 100.8%;
    color: #051D65;
    margin-bottom: 8px;
}

.form {
    margin-top: 2.083vw;
}

.agreement {
    margin-top: 24px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    color: rgba(51, 51, 51, 0.3);
}

.agreementhref {
    margin-top: 24px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    color: rgba(51, 51, 51, 0.3);
    text-decoration: underline;
}

.agreementhref:hover {
    color: rgba(51, 51, 51, 0.3);
}

/* PROGRAMS END */

/* TEACHERS SLIDER */

.teachers-slider {
    margin-top: 2.604vw;
    padding-top: 5.208vw;
    margin-left: 100px;
    margin-bottom: 70px;
}

.teachers-slider-main {
    font-weight: bold;
    font-size: var(--f40);
    line-height: 120%;
    color: #051D65;
}

.teachers-slider-text {
    margin-top: 16px;
    font-weight: normal;
    font-size: var(--f28);
    line-height: 140%;
    color: #333333;
}

.teachersslider {
    margin-top: 2.604vw;
    margin-left:-80px;
}

.r_arrow {
    margin-right: 100px;
    display: flex;
}

.storage__name {
    font-weight: bold;
    font-size: var(--f32);
    line-height: 120%;
    color: #051D65;
    margin-top: 24px;
}

.teacher-awards {
    font-weight: normal;
    font-size: var(--f24);
    line-height: 120%;
    color: #333333;
    margin-top: 8px;
}

/* TEACHER SLIDER END*/

/* SKILL LVL */

.skill-lvl {
    width: 100%;
    /*height: 837px;*/
    padding-top: 5.208vw;
    margin-top: 3.646vw;
    background: #051D65;
}

.skill-lvl-white {
    margin-left: 5.21vw !important;
    margin-top: 90px;
    margin-bottom: 90px;
    width: 51.72vw !important;
    height: 34.22vw !important;
    background: #fff;
    border-radius: 10px;
}

.skill-column {
    display: flex;
}

.skill-a1 {
    position: absolute;
    top: 114px;
    margin-left: 2.24vw !important;
}

.skill-a2 {
    position: absolute;
    top: 114px;
    left: 15.78vw !important;
}

.skill-b1 {
    position: absolute;
    top: 114px;
    left: 24.11vw !important;
}

.skill-b2 {
    position: absolute;
    top: 114px;
    left: 32.45vw !important;
}

.skill-c1 {
    position: absolute;
    top: 114px;
    left: 40.78vw !important;
}

.skill-c2 {
    position: absolute;
    top: 114px;
    left: 49.11vw !important;
}

.skill-underimg-text {
    position: absolute;
    top: 28.65vw !important;
    margin-top: 16px;
    font-weight: normal;
    font-size: 24px;
    line-height: 100%;
    color: #333333;
}
@media screen and (max-width: 1440px){
    .vertical{
        width: 330px;
        top: 170px;
        right: -120px;
    }
    .skill-underimg-text {
    position: absolute;
    top: 380px;
    }
    .skill-lvl-white{
        height: 440px;
    }
}
.a1__anim{
    width: 86px !important;
    transition: 1s !important;
}
.a2__anim{
    width: 136px !important;
    transition: 1s !important;
}
.b1__anim{
    width: 186px !important;
    transition: 1s !important;
}
.b2__anim{
    width: 236px !important;
    transition: 1s !important;
}
.c1__anim{
    width: 307px !important;
    transition: 1s !important;
}
.c2__anim{
    width: 423px !important;
    transition: 1s !important;
}
.skill-topimg-text {
    font-weight: bold;
    font-size: var(--f28) !important;
    line-height: 140%;
    color: #333333;
    margin-right: 2.19vw;
}

.skill-ask {
    position: absolute;
    right: 0;
    top: 0;
}

.skill-text-main {
    margin-top: 395px;
    font-weight: bold;
    font-size: 50px;
    line-height: 120%;
    color: #FFFFFF;
    z-index: 1;
}

.skill-text {
    font-weight: normal;
    font-size: 28px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.skill-info {
    margin-bottom: 10px;
    width: 1.04vw;
}

/* <!-- SKILL LVL END --> */

/* ABOUT */

.about-us {
    margin-top: 4.375vw;
    margin-left: 5.208vw;
    padding-top: 5vw;
}

.about-main-text {
    margin-top: 16px;
    font-weight: bold;
    font-size: 50px;
    line-height: 120%;
    color: #051D65;
}

.about-text {
    font-weight: normal;
    font-size: 21px;
    line-height: 160%;
    color: #333333;
}

.about-us-right {
    margin-top: 9.375vw;
    margin-left: 16.667vw;
    width: 555px;
    /*height: 800px;*/
    background: #DFF1F8;
    border-radius: 20px;
}

.about-us-benefits {
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
}
.aboutus-fam{
    width: 80%;
}
.aboutbene-main {
    font-weight: bold;
    font-size: var(--f40);
    line-height: 140%;
    color: #051D65;
    margin-bottom: 1rem;
}

.aboutbene-text {
    font-weight: normal;
    font-size: 24px;
    line-height: 140%;
    color: #333333;
    margin-bottom: 1rem;
}

.btn-want {
    margin-top: 20px;
    width: 22.656vw;
    height: 4.167vw;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

/* ABOUT END */

/* PRICES */

.prices {
    margin-top: 5.417vw;
    padding-top: 5vw;
}

.prices-main {
    font-weight: bold;
    font-size: var(--f60);
    line-height: 120%;
    color: #051D65;
    text-align: center;
}

.prices-text {
    font-weight: normal;
    font-size: var(--f28);
    line-height: 140%;
    color: #333333;
    text-align: center;
    margin-bottom: 2.604vw;
}

.prices-blocks {
    margin-left: 353px;
    margin-right: 354px;
    display: flex;
}

.prices-left {
    width: 460px;
    /*height: 583px;*/
    background: #FFFFFF;
    border: 1px solid #051D65;
    box-sizing: border-box;
    border-radius: 10px;
    margin-right: 50px;
}

.prices-right {
    width: 703px;
    /*height: 33.365vw;*/
    background: #051D65;
    border-radius: 10px;
}

.prices-btn2 {
    width: 100%;
    height: 78px;
    border: 0;
    background: transparent;
    color: #051D65;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
}

.prices-btn3 {
    width: 100%;
    height: 78px;
    border: 0;
    background: transparent;
    color: #051D65;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
}

.prices-btn4 {
    width: 100%;
    height: 78px;
    border: 0;
    background: transparent;
    color: #051D65;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
}

.prices-btn1 {
    width: 100%;
    height: 78px;
    border: 0;
    background: transparent;
    color: #051D65;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.prices-btn:active {
    color: #fff;
    background: #051D65;
}

.prices-btn1:active {
    color: #fff;
    background: #051D65;
}

.prices_cards {
    display: none;
}

.prices-active {
    color: #fff;
    background: #051D65;
}

.prices-active-card {
    display: contents;
}

.prices-adults-base {
    padding: 40px 40px 40px 40px;

}

.prices-adults-advanced {
    padding: 40px 40px 40px 40px;
}

.lol {
    padding: 40px 40px 40px 40px;
}

.lolact {
    padding: 40px 40px 40px 40px;
}

.prices-main-text {
    font-weight: bold;
    font-size: var(--f40);
    line-height: 120%;
    color: #fff;
    text-align: left;
}

.prices-base {
    margin-left: auto;
    /*width: 185px;*/
    padding-left: 15px;
    padding-right: 15px;
    height: 44px;
    background: #75D9FF;
    border-radius: 10px;
    color: #051D65;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    padding-top: 5px;
    font-family: "Gilroy";
}

.prices-advanced {
    margin-left: auto;
    /*width: 185px;*/
    padding-left: 15px;
    padding-right: 15px;
    height: 44px;
    background: #FFD075;
    border-radius: 10px;
    color: #051D65;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    padding-top: 5px;
    font-family: "Gilroy";
}

.prices-base-text {
    display: flex;
}

.prices-ul {
    margin-top: 1.250vw;
    margin-bottom: 0px;
}

.prices-list {
    font-weight: 200;
    font-size: var(--f24);
    line-height: 152.5%;
    color: #fff;
}

.prices-for-lesson {
    font-weight: 200;
    font-size: var(--f24);
    line-height: 115.5%;
    color: #fff;
    text-align: right;
}

.prices-for-course {
    font-weight: 200;
    font-size: var(--f24);
    line-height: 110%;
    color: #fff;
    text-align: right;
}

.prices-for-lesson::after {
    /*content: ' 600 ₽ ';
    font-weight: bold;*/
}
.lesson__price{
    font-weight: bold;
}

.prices-for-course::after {
   /* content: ' 2 600 ₽ ';
    font-weight: bold;*/
}

.prices-btn-course {
    width: 100%;
    height: 3.646vw;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--f24);
}

/* PRICES END */

/* VIDEO-REVIEWS */
.video-reviews {
    margin-top: 6.458vw;
    padding-top: 5vw;
}
.video__prevImg{
    width: 4.063vw;
    height: 4.063vw;
}
.video__nextImg{
    width: 4.063vw;
    height: 4.063vw;
}
.video-reviews .slick-slide{
    opacity: 0.5;
}
.video-reviews .slick-slide .video__name{
    display: none;
}
.video-reviews .slick-slide .video-end-ofstudy{
    display: none;
}
.video-reviews .slick-current{
    opacity: 1;
}
.video-reviews .slick-current .video__name{
    display: contents;
}
.video-reviews .slick-current .video-end-ofstudy{
    display: contents;
}
.video{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
    margin-left:auto;
    margin-right:auto;
    
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.storage__slide{
    /* height: 25.521vw; */
}
.video-reviews .slick-slide .video__group{
    width: 35vw;
    margin-top: 2vw;
}
.video-reviews .slick-current .video__group{
    width: 41.167vw;
    margin-top: 0vw;
}
.video__group {
    text-align: center;
    /* width: 44.167vw; */
    margin-left: auto;
    margin-right: auto;
}

/* .video {
    height: 25.521vw;
    width: 44.167vw;
    margin-left: auto;
    margin-right: auto;
} */

.videos-text {
    margin-left: 100px;
}

.video-reviews-main {
    font-weight: bold;
    font-size: var(--f50);
    line-height: 120%;
    color: #051D65;
}

.video-reviews-text {
    font-weight: normal;
    font-size: var(--f32);
    line-height: 140%;
    color: #333333;
}

.video_arrow {
    margin-left: 925px;
    display: flex;
}

.videoslider {
    margin-top: 4.167vw;
}

.video__name {
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    color: #333333;
    /*margin-left: 300px;*/
}

.video-end-ofstudy {
    font-weight: 200;
    font-size: 24px;
    line-height: 120%;
    color: #333333;
    /*margin-left: 320px;*/
}

/* VIDEO-REVIEWS END */

/* TEXT REVIEWS  */

.text-reviews {
    width: 100%;
    /*height: 833px;*/
    background: #051D65;
    margin-top: 13.021vw;
    position: relative;
}
.text-slider{
    padding-bottom: 7.813vw;
}
.text-reviews-main {
    font-weight: bold;
    font-size: var(--f50);
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 4.688vw;
    padding-bottom: 3.646vw;
}

.quote {
    position: absolute;
    left: 1344px;
    top: 91px;
    z-index: 1;
}

.textslider {
    /*margin-left: 480px;*/
    /*margin-right: 480px;*/
}

.reviews__slide {
    background-color: white;
    width: 44.167vw;
    height: 21.719vw;
    /*height: 100%;*/
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}

.slick-track {
    /*display: flex;*/
}

.reviews__group {
    display: flex;
    justify-content: space-between;
}

.reviews__block {
    padding: 2.08vw;
}

.reviews__name {
    font-weight: 700;
    font-size: var(--f32);
}

.reviews__date {
    font-weight: 400;
    font-size: var(--f24);
    opacity: 30%;
}

.reviews__text {
    margin-top: 1.771vw;
    padding-right: 6.5vw;
    font-size: var(--f24);
    line-height: 38px;
}

.text-leftbtn {
    position: absolute;
    left: 100px;
    top: 50%;
    z-index: 1;
}

.text-rightbtn {
    position: absolute;
    top: 50%;
    right: 100px;
    z-index: 1;
}
.text-rightbtn img{
    width: 4.06vw;
}
.text-leftbtn img{
    width: 4.06vw;
}

.title__dots {
    position: absolute;
    bottom: -45px;
    z-index: 999;
    display: block;
    width: 100%;
    /*padding-right: 100px;*/
    margin: 0;
    list-style: none;
    text-align: center;
}

.title__dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.title__dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
}

.title__dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
}

.title__dots li.slick-active button:before {
    opacity: 1;
    color: white;
}

/* TEXT REVIEWS END */

/* FAQ */

.faq {
    margin-top: 5.208vw;
    padding-top: 5.208vw
}

.faqcols {
    padding-left: 100px;
    padding-right: 169px;
}

.faq-main {
    font-weight: bold;
    font-size: var(--f50);
    line-height: 120%;
    color: #051D65;
    margin-left: 5.208vw;

}

.faq-btn {
    /*width: 993px;*/
    width: 80%;
    /*height: 5.208vw;*/
    border: 0;
    margin-bottom: 1.563vw;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: var(--f28);
    line-height: 120%;
    color: #051D65;
    text-align: left;
    /*padding-left: 32px;*/
    margin-left: 5.208vw;
    display: flex;
    justify-content: space-between;
}

.faq-btn2 {
    width: 993px;
    height: 100px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #051D65;
    text-align: left;
    padding-left: 32px;
    margin-left: 100px;
}

.faq-btn3 {
    width: 993px;
    height: 100px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #051D65;
    text-align: left;
    padding-left: 32px;
    margin-left: 100px;
}

.faq-btn4 {
    width: 993px;
    height: 100px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #051D65;
    text-align: left;
    padding-left: 32px;
    margin-left: 100px;
}

.faq-btn5 {
    width: 993px;
    height: 100px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #051D65;
    text-align: left;
    padding-left: 32px;
    margin-left: 100px;
}

.faq-btn6 {
    width: 993px;
    height: 100px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    font-weight: normal;
    font-size: 28px;
    line-height: 120%;
    color: #051D65;
    text-align: left;
    padding-left: 32px;
    margin-left: 100px;
}

.faq-btn-active {
    background: #DFF1F8;
}

.faq-bottom {
    /*position: absolute;*/
    left: 991px;
    width: 1.67vw;
}

.faq-bottom2 {
    /*position: absolute;*/
    left: 991px;
}

.faq-bottom3 {
    /*position: absolute;*/
    left: 991px;
}

.faq-bottom4 {
    /*position: absolute;*/
    left: 991px;
}

.faq-bottom5 {
    /*position: absolute;*/
    left: 991px;
}

.faq-bottom6 {
    /*position: absolute;*/
    left: 991px;
}

.faq-bottom-rotate {
    transform: rotateX(180deg);
}

.faq-li {
    font-weight: normal;
    font-size: var(--f24);
    line-height: 140%;
    color: #333333;
}

.faq-ol {
    margin-left: 5.208vw;
}
.faq-drowdown{
    font-size: var(--f24);
    width: 80%;
    margin-left: 5.208vw;
}

.faq-mainqst {
    font-weight: bold;
    font-size: var(--f40);
    line-height: 120%;
    color: #051D65;
}

.faq-have-aqst {
    margin-left: 146px;
}

.faq-text {
    font-weight: normal;
    font-size: var(--f24);
    line-height: 140%;
    color: #333333;
    padding-right: 5.208vw;
}

.faq-ask-btn {
    margin-top: 2.083vw;
    width: 23.594vw;
    height: 4.167vw;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--f24);
}

/* FAQ END */

/* CALL US */

.callus {
    margin-top: 200px;
    width: 100%;
    height: 763px;
    background: #F7F7FA;
}

.callus-img {
    /*margin-left: 100px;*/
    height: 100%;
}

.callustext {
    margin-top: 100px;
    margin-left: 90px;
}

.callus-how {
    font-weight: bold;
    font-size: 50px;
    line-height: 120%;
    color: #051D65;
    margin-bottom: 30px;
}

.callus-how-text {
    margin-bottom: 40px;
    font-weight: normal;
    font-size: 20px;
    line-height: 140%;
    color: #333333;
    margin-left: 70px;
}

.callus-icon1 {
    position: absolute;
}

.callus-icon2 {
    position: absolute;
}

.callus-icon3 {
    position: absolute;
}

.callus-btn {
    margin-top: 40px;
    width: 100%;
    height: 60px;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    font-size: 24px;
}

/* CALL US END */

/* FOOTER  */

.footer {
    width: 100%;
    /*height: 683px;*/
    padding-bottom: 50px;
    background: #00022F;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    ;
}

.copyright {
    width: 100%;
    /*height: 148px;*/
    background: #00022F;
}

.copyright-text {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.all-right {
    font-weight: normal;
    font-size: 24px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
}

.by-neutron {
    font-weight: normal;
    font-size: 24px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
}

.neutron-href {
    color: rgba(255, 255, 255, 0.2);
    text-decoration: underline;
}

.neutron-href:hover {
    color: rgba(185, 40, 49, 0.2);

}

.footer-social {
    margin-top: 68px;
}

.footer-logo {
    margin-left: 100px;
    margin-bottom: 49px;
}

.footer-line {
    margin-top: -50px;
    margin-left: 21px;
}

.footer-title {
    margin-left: 16px;
    font-weight: 200;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.footer-icons {
    margin-left: 100px;
}

.footer-nav {
    margin-left: 30px;
    margin-top: 70px;
    display: flex;
    flex-direction: column;
}

.footer-nav-main {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 28px;
    line-height: 140%;
    color: #fff;
}

.footer-nav-src {
    font-weight: 200;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 16px;
}

.footer-nav-src:hover {
    color: #B92831;
    text-decoration: none;
}

.footer-nav-programs {
    /*margin-left: -110px;*/
    margin-top: 70px;
    display: flex;
    flex-direction: column;
}

.footer-nav-prmain {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 28px;
    line-height: 140%;
    color: #fff;
}

.footer-nav-prsrc {
    font-weight: 200;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 16px;
}

.footer-nav-prsrc:hover {
    color: #B92831;
    text-decoration: none;
}

.footer-btn {
    width: 328px;
    height: 60px;
    background: #B92831;
    color: #fff;
    border-radius: 0.55rem;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.footer-rightcol {
    margin-top: 70px;
}

.footer-righticons {
    margin-top: 36px;
}

.footer-pos {
    margin-bottom: 40px;
}

.footer-right-text {
    font-weight: normal;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    margin-left: 68px;
    padding-right: 10px;
}

.footer-ricon1 {
    position: absolute;
    width: 2.708vw;
}

.footer-ricon2 {
    position: absolute;
    width: 2.708vw;
}

/* FOOTER END */

.footer-logom {
    margin-top: 24px;
    margin-left: 24px;
}

.footer-linem {
    margin-top: 24px;
    margin-left: 21px;
}

.footer-titlem {
    margin-top: 36px;
    margin-left: 16px;
    font-weight: 200;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.footer-titlemodal {
    margin-top: 24px;
    margin-left: 16px;
    font-weight: 200;
    font-size: 20px;
    line-height: 140%;
    color: #051D65;
}

.footer-titleready {
    margin-top: 24px;
    margin-left: 16px;
    font-weight: 200;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.modal-callus {
    margin-top: 16.146vw;
    margin-left: 1.042vw;
}

.modal-main {
    font-weight: bold;
    font-size: var(--f50);
    line-height: 100%;
    color: #fff;
}

.modal-text {
    font-weight: 200;
    font-size: var(--f24);
    line-height: 140%;
    color: #fff;
}

.container {
    width: 81px;
    margin: 50px auto;
    padding-left: 5px;
}

.customCheckbox {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #051D65;
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
    margin-right: 5px;
    overflow: hidden;
    margin-bottom: 24px;
}

.customCheckbox.customCheckboxChecked {
    background: #B92831;
    border: 1px solid #B92831;
}

.customCheckbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.customCheckbox span {
    display: none;
    text-align: center;
    line-height: 20px;
    font-size: 90%;
    color: #222;

}

.customCheckbox.customCheckboxChecked span {
    display: block;
}

.checkbox_m {
    display: flex;
    flex-direction: column;
    padding-left: 32px;
    padding-top: 32px;
}

.checkbox_b {
    margin-bottom: 24px;
}

.ela {
    font-weight: normal;
    font-size: 24px;
    line-height: 140%;
    color: #051D65;
    padding-left: 16px;
    display: flex;
}
.ela p{
    margin-left: 5px;
}

/*MAP*/
.map {
    margin-top: 10.417vw;
    height: 36.458vw;
    position: relative;
}

.map__window {
    position: absolute;
    right: 3.646vw;
    top: 10%;
    /*margin-left: 3.646vw;*/
    background-color: #051D66;
    color: white;
    width: 29.115vw;
    border-radius: 10px;
}

.map__container {
    display: flex;
    flex-direction: column;
    padding: 2.083vw 2.083vw 2.083vw 2.083vw;
}

.map__title {
    font-weight: 700;
    font-size: var(--f40);
}

.map__item {
    display: flex;
    margin-top: 1.823vw;
}

.map__img {
    width: 2.708vw;
}

.map__text {
    width: 320px;
    font-size: var(--f20);
    margin-left: 0.833vw;
}

.map__btn {
    background-color: rgba(203, 43, 46, 1);
    /*width: 412px;*/
    width: 17.083vw;
    color: white;
    font-size: var(--f24);
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0;
    /*height: 68px;*/
    height: 3.125vw;
    /* line-height: 60px;*/
    line-height: 3.125vw;
    margin-top: 2.083vw;
}

#wrapMap {
    position: relative;
    cursor: help;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}

.mapTitle {
    position: absolute;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px;
    display: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}

/*MAP*/

.close {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1;
}
.slider_benefits_block{
    display: flex;
    flex-direction: column;
}