body {
    font-family: Helvetica, Arial, sans-serif;
    background: url('../images/fon2.svg'), url('../images/fon3.svg'), url('../images/fon4.svg');
    background-position: left calc(100vw - 1920px) top, left calc(100vw - 1920px) top, left calc(100vw - 200px) top;
    background-size: 175px 226px, 714px 976px, 746px 731px;
    background-repeat: no-repeat;
    background-color: #FAFAFA;
}

@media (min-width: 1920px) {
    body {
        background-position: left top, left 0 top, right top;
    }
}

header {
    position: relative;
    font-family: 'Noto Sans', sans-serif;
    padding-top: 20px;
}

header.clone {
    width: 100%;
    position: fixed;
    top: -200px;
    transition: 0.7s top ease-in;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.down header.clone {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

header .row {
    width: 100%;
    align-items: center;
}

.addurok {
    width: 50%;
}

.formaspects {

}

.logo {

}

.logo img {
    margin-left: 29px;
}

header.clone .logo img {
    height: 60px;
}

.phones {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    flex-grow: 1;
}

.phones a {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.phone {
    position: relative;
    margin-left: 30px;
}

.phone:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -22px;
    background-image: url('../images/icon-phone.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.butmenu {
    position: relative;
    width: 50px;
    height: 50px;
    box-shadow: 2px 4px 7px rgba(38, 112, 55, 0.16);
    border-radius: 15px;
    margin-left: 30px;
}

.butmenu span:nth-child(1) {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 2px;
    background-color: #0DB22F;
}

.butmenu span:nth-child(2) {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 15px;
    height: 2px;
    background-color: #0DB22F;
}

.butmenu span:nth-child(3) {
    position: absolute;
    top: 33px;
    right: 10px;
    width: 25px;
    height: 2px;
    background-color: #0DB22F;
}

.butlogin {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #0DB22F;
    margin-left: 30px;
}

.butlogin a {
    color: #0DB22F;
    background: #FFFFFF;
    box-shadow: 2px 4px 7px rgba(38, 112, 55, 0.16);
    border-radius: 15px;
    padding: 13px 37px 15px 37px;
}

.wrap {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

.mainslider .wrap {
    position: relative;
    height: 803px;
}

.mainslider img.img {
    position: absolute;
    right: -147px;
    top: 0px;
}

.mainslider .subtitle {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    background-image: url('../images/subtitle.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 1px 25px 6px 17px;
}

.mainslider .text-block {
    width: 50%;
    padding-top: 163px;
    padding-left: 18px;
    color: #fff;
}

.mainslider .title {
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 90px;
    line-height: 108.19%;
    letter-spacing: 0.03em;
    color: #0DB22F;
    margin-top: 16px;
    margin-bottom: 22px;
}

.mainslider .title span {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    line-height: 108.19%;
    /* or 97px */

    letter-spacing: 0.03em;

    color: #1D1D1D;
}

.mainslider .slogan {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */
    color: #1D1D1D;
}

.icons {
    font-family: Noto Sans;
    margin-bottom: 50px;
}

.icons .wrap {
    display: flex;
    justify-content: center;
}

.icons .iconsi {
    text-align: center;
    width: 25%;
}

.icons .iconsi .imagewrap {
    display: inline-block;
    width: 118px;
    height: 118px;
    padding: 10px;
    border: 1px dashed #0DB22F;
    box-sizing: border-box;
    border-radius: 59px;
    margin-bottom: 10px;
}

.icons .iconsi .image {
    width: 96px;
    height: 96px;
    border-radius: 48px;
    background-color: #fff;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.icons .iconsi .image img {
    height: 60px;
}

.icons .iconsi  .title {
    font-size: 16px;
    color: #0DB22F;
    font-weight: bold;
}

.how {
    margin-bottom: 50px;
}

.how .titleblock {
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 101.69%;
    text-align: center;
    color: #0DB22F;
    margin-bottom: 70px;
}

.how .titleblock span {
    display: block;
    font-weight: normal;
    color: #1D1D1D;
}

.how .image {
    display: flex;
    width: 148px;
    height: 148px;
    background-color: #fff;
    border-radius: 74px;
    justify-content: center;
    align-items: center;
    box-shadow: 6px 3px 31px rgba(218, 218, 218, 0.13);
    margin-bottom: 15px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.how .image span {
    display: flex;
    position: absolute;
    top: -5px;
    left: -5px;
    box-shadow: 4px 3px 9px rgba(242, 90, 41, 0.15);
    background-color: #F25A29;
    width: 45px;
    height: 45px;
    border-radius: 22px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}

.how .howitem {
    text-align: center;
}

.how .row {
    justify-content: center;
    align-items: center;
}

.how .title {
    color: #F25A29;
    font-size: 18px;
    font-weight: bold;
}

.how  .desc {
    font-size: 14px;
}

.videos {
    margin-bottom: 50px;
}

.videos .wrap {
    width: 1430px;
}

.videos .videoimg {
    width: 476px;
    height: 300px;
}

.videos .videoimg img {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    max-width: 100%;
    transition: all 300ms ease;
    border-radius: 20px;
}

.videos .slick-center .videoimg img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    max-width: 100%
}

.videos .slick-arrow {
    background-color: #F25A29;
    border: none;
    width: 30px;
    height: 57px;
    text-indent: -9999px;
    border-radius: 10px;
    position: absolute;
    z-index: 100;
    top: calc(50% - 28px);
    outline: none;
    box-shadow: 0px 18px 36px rgba(242, 90, 41, 0.3);
}

.videos .slick-arrow.slick-next {
    right: 0;
}

.videos .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 57px;
}

.videos .slick-arrow.slick-next:before {
    transform: rotate(180deg);
}

.videos .title {
    text-align: center;
    margin-bottom: 15px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}

footer {
    position: relative;
    padding-top: 200px;
    padding-bottom: 80px;
}

.fss {
    margin-top: 0;

}

footer .menu {
    display: flex;
}

footer .menu ul {
    margin: 0;
    padding: 0;
}

footer .menu ul li {
    list-style: none;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
}

footer .menu ul > li > a {
    display: inline-block;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
    color: #000;
}

footer .menu .menucol > ul > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #0DB22F;
    border-radius: 3px;
}

footer .menu ul ul li {
    font-weight: normal;
    line-height: 21px;
}

footer .menu ul ul li a {
    padding-left: 0;
}

footer .menu .row {
    width: 100%;
}

footer .logo img {
    width: 97px;
}

footer:after {
    content: '';
    background-image: url('../images/footer.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 464px;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.price {
    margin-bottom: 100px;
}

.pricebl {
    text-align: center;
    font-family: Noto Sans;
}

.pricewrap {
    background-color: #fff;
    border-radius: 27px;
    box-sizing: border-box;
    padding-bottom: 40px;
    border: 1px solid #f3f3f3;
}

.price .title {
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    color: #0DB22F;
    text-align: center;
    margin-bottom: 35px;
}

.price .title span {
    color: #1D1D1D;
    font-weight: normal;
}

.price .proce_title {
    background-color: #f3f3f3;
    border-radius: 27px 27px 0 0;
    font-size: 22px;
    color: #474747;
    font-weight: bold;
    padding: 26px 0 23px;
    min-height: 115px;
}

.price .price_cont {
    font-size: 14px;
}

.price .subtitle {
    margin-top: 20px;
}

.price .price_text {
    font-size: 36px;
    font-weight: 600;
    color: #0DB22F;
    margin-bottom: 10px;
}

.price_char span {
    display: inline-block;
    width: 170px;
    text-align: left;
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
}

.icon_calendar:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    background-image: url('../images/price_calendar.svg');
    width: 25px;
    height: 25px;
    background-size: contain;
}

.icon_time:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    background-image: url('../images/time.svg');
    width: 25px;
    height: 25px;
    background-size: contain;
}

.pricebl .price_but a {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #F25A29;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 15px 44px;
    font-size: 16px;
    line-height: 22px;
    color: #F25A29;
    text-decoration: none;
}

.pricebl.active .pricewrap {
    box-shadow: 32px 34px 48px rgba(0, 0, 0, 0.05);
}

.pricebl.active .price_but a {
    background-color: #F25A29;
    color: #fff;
}

.enroll {
    margin-top: 50px;
}

.enrollbl {
    border: 1px dashed #0DB22F;
    box-sizing: border-box;
    border-radius: 33px;
    padding: 16px 20px;
    border-image-width: 1;
    margin-bottom: 70px;
}

.enrollwrap {
    position: relative;
    background: #FFFFFF;
    box-shadow: 32px 34px 48px rgba(0, 0, 0, 0.05);
    border-radius: 27px;
    height: 374px;
}

.enroll_text {
    padding-left: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.enroll_text .title {
    font-size: 36px;
    font-family: Oswald;
    color: #0DB22F;
    font-weight: bold;
    line-height: 116.69%;
    margin-bottom: 25px;
}

.enroll_text .title span {
    display: block;
    color: #000;
    font-weight: normal;
}

.enroll_text ul {
    margin: 0 0 30px;
    padding: 0;
}

.enroll_text ul li {
    position: relative;
    padding: 0 0 0 20px;
    list-style: none;
    margin-bottom: 12px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}

.enroll_text ul li:before {
    content: '';
    background-color: #F25A29;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 6px;
    left: 0;
    position: absolute;
}

.enroll_text .button a {
    display: inline-block;
    filter: drop-shadow(5px 7px 19px rgba(242, 90, 41, 0.3));
    background: #F25A29;
    border-radius: 50px;
    border: none;
    color: #fff;
    padding: 13px 28px 15px;
    text-decoration: none;
}

.enrollwrap img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.motivation {
    background-image: url('../images/motivation.svg');
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: center;
}

.motivation .wrap {
    height: 669px;
}

.motivation_text {
    margin-top: 160px;
    font-family: Oswald;
    font-style: normal;
    color: #fff;
}

.motivation_text .title {
    position: relative;
    font-weight: bold;
    font-size: 64px;
    line-height: 101.69%;
    margin-bottom: 30px;
}

.motivation_text .title:before {
    content: '';
    position: absolute;
    background-image: url('../images/cap.png');
    background-repeat: no-repeat;
    width: 270px;
    height: 270px;
    left: -127px;
    top: -129px;
}

.motivation_text .desc {
    font-weight: normal;
    font-family: Noto Sans;
    font-size: 16px;
}

.motivation_items {
    margin-top: 176px;
    font-family: Noto Sans;
    font-size: 14px;
    color: #fff;
    padding-left: 50px;
}

.motivation_items .subtitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.motivation_item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    color: #fff;
    cursor: pointer;
}

.motivation_item:hover {
    color: #fff;
}

.mi_image {
    display: flex;
    width: 74px;
    height: 74px;
    border-radius: 37px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.mi_text {
    padding: 5px 0;
    margin-left: -10px;
    width: 200px;
    padding-left: 20px;
    background: linear-gradient(90.28deg, rgba(255, 255, 255, 0.18) 0.27%, rgba(255, 255, 255, 0) 86.49%);
}

.boy {
    background-image: url('../images/boy_bg.svg');
    height: 682px;
    background-position: center;
    background-size: 1920px;
    background-repeat: no-repeat;
}

.boy .wrap {
    position: relative;
    height: 682px;
}

.boyimg {
    position: absolute;
    left: -75px;
    top: 14px;
}

.boytitle {
    margin-top: 175px;
    padding-left: 50px;
}

.boytitle .title {
    position: relative;
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    color: #fff;
    line-height: 112.19%;
    margin-bottom: 30px;
    text-align: left;
}

.boytitle .title:after {
    position: absolute;
    content: '';
    background-image: url('../images/Ribbon_Tag.png');
    background-repeat: no-repeat;
    width: 114px;
    height: 114px;
    right: 0;
    bottom: -45px;
}

.boytitle .title span {
    display: block;
    font-size: 30px;
    line-height: 173.69%;
}

.boy .button a {
    display: inline-block;
    filter: drop-shadow(5px 7px 19px rgba(242, 90, 41, 0.3));
    background: #F25A29;
    border-radius: 50px;
    border: none;
    color: #fff;
    padding: 13px 28px 15px;
}

.boy .button a:hover {
    text-decoration: none;
}

.form {
    margin-top: 100px;
    margin-bottom: 100px;
}

.formbl {
    width: 466px;
    background-color: #fff;
    box-shadow: 32px 34px 48px rgba(0, 0, 0, 0.05);
    border-radius: 27px;
    padding: 33px 38px;
}

.formbl .title {
    text-align: center;
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 101.69%;
    color: #0DB22F;
    margin-bottom: 30px;
}

.formbl .title span {
    display: block;
    color: #1D1D1D;
    font-size: 48px;
    line-height: 101.69%;
    font-weight: normal;
}

.formbl .subtitle {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 30px;
    color: #3F3F3F;
}

#basic-addon1 {
    background-image: url('../images/name.svg');
    background-repeat: no-repeat;
    background-position: center;
}

#basic-addon2 {
    background-image: url('../images/Smartphone.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.formbl .input-group {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    border-radius: 50px;
}

.formbl .input-group-text {
    border: none;
    background-color: transparent;
    width: 58px;
    height: 50px;
    border-right: 1px solid #E3E3E3;
}

.formbl .input-group input {
    border: none;
    height: 50px;
    border-radius: 50px;
}

.form .wrap {
    position: relative;
}

.form .formimg {
    position: absolute;
    right: -50px;
    top: -100px;
}

.bgfon {
    display: none;
}

.fcontacts {
    font-family: Noto Sans;
}

.fcontacts .title {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.fcont {
    display: block;
}

.fcont > div {
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 130%;
    font-weight: normal;
}

.fcont .phones span {
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url('../images/phone_small.svg');
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.fcont .phones span a {
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
}

.fcont .email a {
    padding-left: 20px;
    color: inherit;
    background-image: url('../images/mail.svg');
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.fss {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.fss ul {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

.fss ul li {
    list-style: none;
    margin-left: 0;
    margin-right: 10px;
}

.fss ul li img {
    width: 30px;
    height: 30px;
}

.form button {
    filter: drop-shadow(5px 7px 19px rgba(242, 90, 41, 0.3));
    background: #F25A29;
    border-radius: 50px;
    border: none;
    color: #fff;
    padding: 13px 28px 15px;
}

.form .button {
    text-align: center;
    margin-bottom: 30px;
}

.form .info {
    font-size: 12px;
    line-height: 153.19%;
    text-align: center;
}

.copyright {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #00AC00;
    color: #fff;
    font-size: 12px;
    line-height: 147.2%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.formsuccess {
    text-align: center;
    margin-bottom: 30px;
    color: #0DB22F;
}

.mainslider .button a {
    font-family: Noto Sans;
    display: inline-block;
    filter: drop-shadow(5px 7px 19px rgba(242, 90, 41, 0.3));
    background: #F25A29;
    border-radius: 50px;
    border: none;
    color: #fff;
    padding: 13px 55px 15px;
    text-decoration: none;
    margin-top: 30px;
    font-weight: bold;
}

.mainslider .info {
    position: absolute;
    right: 135px;
    bottom: 5px;
    font-family: Noto Sans;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.mainslider .info:before {
    content: '';
    position: absolute;
    width: 142px;
    height: 38px;
    background-image: url('../images/arrbut.svg');
    background-repeat: no-repeat;
    top: 48px;
    left: -97px;
}

.mainslider .info span.underline {
    text-decoration: underline;
    color: #F25A29;
}

.slick-track {
    padding-top: 30px;
}

.slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.slick-dots li {
    list-style: none;
    /*text-indent: -9999px;*/
}

.slick-dots li button {
    text-indent: -9999px;
    border: none;
    width: 18px;
    height: 5px;
    border: 1px solid #0DB22F;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 2px;
    outline: none;
}

.slick-dots li.slick-active  button {
    width: 55px;
    background-color: #0DB22F;
}

.reviews {
    font-family: Noto Sans;
    font-size: 14px;
}

.reviews .titleblock {
    font-family: Oswald;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 101.69%;
    color: #0DB22F;
    text-align: center;
}

.reviews .titleblock span {
    color: #1D1D1D;
    font-weight: normal;
}

.reviewbl {
    margin-bottom: 30px;
}

.reviewwrap {
    position: relative;
    background-color: #fff;
    padding: 30px;
    border-radius: 13px;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
}

.reviews .slick-arrow {
    background-color: #F25A29;
    border: none;
    width: 30px;
    height: 57px;
    text-indent: -9999px;
    border-radius: 10px;
    position: absolute;
    left: -45px;
    z-index: 100;
    top: calc(50% - 28px);
    outline: none;
    box-shadow: 0px 18px 36px rgb(242 90 41 / 30%);
}

.reviews .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 57px;
}

.reviews .slick-arrow.slick-next:before {
    transform: rotate(
            180deg);
}

.reviews .slick-arrow.slick-next {
    right: -45px;
    left: auto;
}

.reviews .date {
    position: absolute;
    top: 30px;
    right: 30px;
    font-weight: bold;
    color: #3F3F3F;
}

.reviews .reviewswrap .title {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.reviews .title .photo img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 2px solid #F25A29;
}

.reviews .review {
    color: #565656;
}

.reviews .name {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 20px;
    margin-left: 15px;
}

.mmenubl {
    position: absolute;
    right: 15px;
    top: 0px;
    border-radius: 7px;
}

.c-hamburger {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    box-shadow: 2px 4px 7px rgb(38 112 55 / 16%);
}
.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 21px;
    left: auto;
    right: 10px;
    height: 2px;
    width: 15px;
    background: #0DB22F;
}
.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    height: 2px;
    background-color: #0DB22F;
    content: "";
}
.c-hamburger span::before {
    top: -9px;
    right: 0;
    width: 20px;
}
.c-hamburger span::after {
    bottom: -9px;
    width: 25px;
    right: 0;
}

.c-hamburger--htx {
    background-color: #fff;
}
.c-hamburger--htx span {
    transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
    transition-property: top, transform;
}
.c-hamburger--htx span::after {
    transition-property: bottom, transform;
}
/* состояние active при открытом меню  */
.c-hamburger--htx.is-active {
    background-color: #fff;
}
.c-hamburger--htx.is-active span {
    background: none;
}
.c-hamburger--htx.is-active span::before {
    top: 4px;
    transform: rotate(45deg);
    width: 30px;
    right: -2px;
}
.c-hamburger--htx.is-active span::after {
    bottom: -4px;
    transform: rotate(-45deg);
    width: 30px;
    right: -2px;
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
}


header .row {
    position: relative;
}

header .menu {
    display: none;
    position: absolute;
    right: 15px;
    top: 100px;
    background-color: #fff;
    z-index: 100;
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 22px;
    box-shadow: 2px 4px 7px rgb(38 112 55 / 16%);
}

header.clone .menu {
    top: 70px;
}

header .menu.active {
    display: block;
}

header .menu ul {
    display: flex;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

header .menu li {
    font-size: 14px;
    list-style: none;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: bold;
}

header .menu ul ul {
    position: absolute;
    padding-left: 0;
}

header .menu ul ul li {
    font-weight: normal;
}

header .menu li a {
    display: inline-block;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
    color: #000;
}

.mmenubl {
    position: relative;
    width: 50px;
    height: 50px;
    margin-left: 30px;
}

#why-us,
#reviews,
#reviews-parents,
#price {
    padding-top: 80px;
    margin-top: -80px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

.mainslider .text-block .button {
    position: relative;
}

















@media (min-width: 1920px) {
    .boy {
        background-size: 100%;
    }

    .motivation {
        background-size: 100%;
    }
}


@media (max-width: 767px) {

    header .menu > ul > li > a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 6px;
        width: 6px;
        height: 6px;
        background-color: #0DB22F;
        border-radius: 3px;
    }

    .mmenubl {
        position: absolute;
    }

    .wrap {
        width: 100%;
    }

    .mainslider .wrap {
        height: auto;
        text-align: center;
    }

    .mainslider .text-block {
        width: 100%;
    }

    .mainslider img.img {
        position: static;
        max-width: 100%;
        right: auto;
        top: auto;
    }

    .icons .wrap {
        flex-wrap: wrap;
    }

    .icons .iconsi {
        width: 50%;
    }

    .videos .wrap {
        width: 100%;
    }

    .mainslider .title {
        font-size: 36px;
        text-align: center;
    }

    .mainslider .title span {
        display: block;
        font-size: 36px;
    }

    .videos .slick-center .videoimg img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        max-width: 100%
    }


    .videos .videoimg {
        width: 100%;
    }

    .form .formimg {
        max-width: 100%;
    }

    .formbl {
        width: 100%;
    }

    .enrollwrap {
        height: auto;
    }

    .enrollwrap img {
        position: relative;
        max-width: 100%;
    }

    .enroll_text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .enroll_text .title {
        text-align: center;
        font-size: 32px;
    }

    .enrollbl {
        padding: 10px;
    }

    .enroll_text button {
        font-weight: bold;
    }

    .enroll .button {
        text-align: center;
    }

    .price {
        margin-bottom: 0;
    }

    .pricebl {
        margin-bottom: 20px;
    }

    .price_char {
        display: flex;
        text-align: center;
    }

    .price_char span {
        display: block;
        width: 50%;
        text-align: center;
        padding-left: 0;
        padding-top: 30px;
    }

    .icon_time:before {
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon_calendar:before {
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .price .title {
        font-size: 32px;
    }

    .boytitle {
        margin-top: 0;
    }

    .boytitle .title {
        font-size: 26px;
    }


    .boytitle .title:after {
        display: none;
    }

    .boytitle {
        padding-left: 15px;
        padding-right: 15px;
    }

    .motivation .wrap {
        height: auto;
    }

    .motivation_text .title {
        font-size: 32px;
    }

    .phone {
        display: block;
    }

    .how .titleblock {
        font-size: 32px;
    }

    .wrap {
        width: 100%;
        margin-left: -15px;
        padding-left: 30px;
    }

    .boy {
        position: relative;
        background: none;
        /*background-position: top -75px center;*/
        /*background-image:  url('../images/boy_bg.svg');*/
        /*background-repeat: no-repeat;*/
        /*height: auto;*/
        /*padding-top: 50px;*/
    }

    .bgfon {
        display: block;
        position: absolute;
        width: 1920px;
        top: 0px;
        left: -380px;
        transform: scale(1.3);
    }

    .boybg {
        position: relative;
        overflow: hidden;
        padding-top: 90px;
        height: 655px;
    }

    .boyimg {
        width: 346px;
        left: calc(50% - 176px);
        bottom: 170px;
        top: auto;
    }

    .boytitle .title span {
        font-size: 18px;
    }

    .boy .button {
        text-align: center;
    }

    .videos .title {
        font-size: 18px;
        line-height: 101.69%;
    }

    .mainslider .text-block {
        padding-top: 50px;
    }

    .pricebl.active .pricewrap {
        box-shadow: none;
    }

    .motivation_items {
        margin-top: 30px;
        padding-left: 15px;
    }

    .motivation {
        position: relative;
        background: none;
    }

    .motivation .bgfon {
        position: absolute;
        top: 94px;
        right: 136px;
        transform: scale(1.5);
        left: auto;
    }

    .motivationwrap {
        position: relative;
        overflow: hidden;
        height: 954px;
    }

    .motivation_text {
        display: block;
        line-height: 101%;
        margin-top: 125px;
    }

    .motivation_text span {
        display: block;
    }

    .motivation_text .desc {
        font-size: 13px;
        line-height: 18px;
    }

    .motivation_text .title:before {
        left: auto;
        right: 92px;
        top: -123px;
        transform: scale(0.7) rotate(45deg);
    }

    .how .titleblock {
        margin-bottom: 50px;
    }

    .howitem {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .how .image {
        width: 110px;
        height: 100px;
        border-radius: 55px;
    }

    .howitem:nth-child(even) .image {
        order: 2;
    }

    .how .desc {
        font-size: 12px;
        line-height: 16px;
    }

    .how .about {
        text-align: left;
        padding-left: 30px;
    }

    .how .title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .form {
        padding-top: 0;
        margin-top: 0;
        text-align: center;
        margin-bottom: 35px;
    }

    .form .formimg {
        position: relative;
        top: -30px;
        right: -10px;
        max-width: 500px;
        width: 100%;
    }

    footer {
        padding-top: 50px;
    }

    footer .logo img {
        height: 73px;
        margin-left: 0;
    }

    footer .logo {
        margin-bottom: 30px;
    }

    footer:after {
        height: 650px;
    }

    footer .menu ul li {
        font-size: 12px;
    }

    footer .menu ul ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    footer .menu ul ul li {
        width: 50%;
    }

    footer .logo img {
        width: auto;
    }

    footer {
        position: relative;
        font-size: 12px;
        padding-bottom: 60px;
    }

    .butlogin a {
        display: inline-block;
        background: #FFFFFF;
        box-shadow: 2px 4px 7px rgba(38, 112, 55, 0.1);
        border-radius: 20px;
        width: 40px;
        height: 40px;
        padding: 0;
        text-indent: -9999px;
        background-image: url(../images/man.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    header .logo img {
        height: 53px;
        width: auto;
    }

    header .butmenu {
        width: 40px;
        height: 40px;
        border-radius: 7px;
    }

    .butmenu span:nth-child(1) {
        top: 12px;
    }

    .butmenu span:nth-child(2) {
        top: 21px;
    }

    .butmenu span:nth-child(3) {
        top: 30px;
    }

    header .row {
        position: relative;
    }

    header .phones {
        position: absolute;
        width: 100%;
        display: flex;
        top: 65px;
        left: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    header .phone {
        display: inline-block;
        width: 50%;
        font-size: 12px;
        line-height: 16px;
        margin: 0;
    }

    header .phones a {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .mainslider {
        margin-top: 30px;
    }

    .phone:before {
        display: none;
    }

    header .row {
        width: auto;
    }

    .mainslider .subtitle {
        font-size: 14px;
        line-height: 21px;
        background-image: url('../images/subtitle_mobile.svg');
        padding: 1px 25px 6px;
    }

    header .butmenu {
        position: absolute;
        right: 15px;
        top: 0;
    }

    header .butlogin {
        position: absolute;
        right: 70px;
        top: 0;
    }

    .fss {
        margin-top: 20px;
    }

    .fss ul {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    .fss ul li {
        list-style: none;
        margin-left: 5px;
        margin-right: 5px;
    }

    .fcont {
        display: flex;
    }

    .fcontacts {
        font-family: Noto Sans;
        margin-top: 15px;
    }

    .fcontacts .title {
        font-size: 13px;
        line-height: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .fcont > div {
        width: 50%;
        text-align: left;
        font-size: 12px;
        line-height: 130%;
        font-weight: normal;
    }

    header.clone {
        padding-bottom: 40px;
        box-shadow: 0px 4px 22px rgb(0 0 0 / 10%);
    }

    header.clone .logo img {
        height: 40px;
    }

    header.clone .phones {
        top: 50px;
    }

    .mainslider .text-block .button {
        position: absolute;
        bottom: -20px;
        width: 100%;
        left: 15px;
    }

    .imgwrap {
        display: inline-block;
        margin-top: 30px;
    }

    .mainslider {
        padding-bottom: 70px;
        margin-bottom: 50px;
    }

    .mainslider .info {
        width: 100%;
        right: 0;
        bottom: -35px;
        font-size: 10px;
    }

    .mainslider .info:before {
        display: none;
    }

    .mainslider .info br {
        display: none;
    }

    .mainslider .info .infospan {
        position: relative;
        display: inline-block;
    }

    .mainslider .info .infospan:before {
        content: '';
        position: absolute;
        left: -30px;
        bottom: 5px;
        background-image: url('../images/arr_r.svg');
        background-repeat: no-repeat;
        width: 33px;
        height: 55px;
    }

    .mainslider .info .infospan:after {
        content: '';
        position: absolute;
        right: -30px;
        bottom: 5px;
        width: 33px;
        height: 55px;
        background-image: url('../images/arr_l.svg');
        background-repeat: no-repeat;
    }

    .mmenubl {
        width: 40px;
        height: 40px;
    }

    header .menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    header .menu ul {
        display: block;
    }

    header .menu ul ul {
        position: relative;
    }

    .c-hamburger--htx.is-active span::before {
        top: 0;
        right: -5px;
    }

    .c-hamburger--htx.is-active span::after {
        top: 0;
        right: -5px;
    }

}