html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
h1,h2,h3,h4,h5,h6{font-family: 'Soyuz Grotesk';}
* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#221413; /* #такой в фигме 4A100E */
    --yellow:#FDC835;
    --red:#E94445;
    --blue:#84A5F2;
    --white:#FDF5F2; /* #такой в фигме FFF2EE */

}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: 'Tilda Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #fff;
}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
a:visited {color: inherit;}
a:hover{text-decoration: none; color: var(--second);}

input.wrong {border-color: red !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin-bottom: 8px;}
input, textarea {outline: none; font-family: 'Montserrat', Arial,sans-serif; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1280px; position: relative; margin: 0 auto; padding: 0 16px;}
.hidden {display: none !important;}
.center {text-align: center;}

.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}

section {display: block; width: 100%; position: relative; }

.header-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 24px 0 37px; }
.main-menu-wrapper {display: flex; align-items: center; background-color: var(--red); padding: 0 32px; height: 38px;}
.main-menu-wrapper li {display: block; margin: 0 22px; }
.main-menu-wrapper li a {color: var(--white); padding: 8px; font-weight: 400; line-height: 1; transition: all .3s ease-in-out; background-color: var(--red); font-size: 18px;}
.main-menu-wrapper li a:hover {padding: 14px 8px; background-color: var(--yellow); color: var(--main);}

.header-wrapper {}
.header-wrapper .logo-wrapper {width: 224px; }
.header-wrapper .logo-wrapper .logo-inner {width: 224px; display: flex; align-items: center; }
.header-wrapper .logo-wrapper .logo-inner:hover .logo-icon {transform: rotate(2160deg);}
.header-wrapper .logo-wrapper .logo-icon {width: 68px; transition: all 7.2s linear}
.header-wrapper .logo-wrapper .logo-text {width: calc(100% - 68px); padding-left: 12px;}

.circle-link {transition: all .3s ease-in-out; height: 37px; width: 37px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.circle-link.red {background-color: var(--red);}
.circle-link.red:hover {background-color: var(--yellow);}
.circle-link.red.transparent {border: 1px solid var(--red);}
.circle-link.red.transparent:hover {background-color: transparent;}
.circle-link.red.transparent:hover svg path {stroke: var(--red);}
.circle-link.yellow {background-color: var(--yellow);}
.circle-link.yellow:hover {background-color: var(--main);}
.circle-link svg path {transition: stroke .3s ease-in-out;}
.circle-link:hover svg path {stroke: var(--main);}
.circle-link.yellow:hover svg path {stroke: var(--yellow);}
.get-lesson {font-weight: 600; cursor: pointer; font-size: 18px; padding: 8px 47px; background-color: var(--yellow); font-size: 18px; transition: all .3s ease-in-out;}
.get-lesson:hover {background-color: var(--blue); color: var(--white); transform: rotate(-5deg);}
.circle-link svg {display: block; object-fit: contain;}


.top-block-wrapper {display: flex; flex-wrap: wrap; }
.top-block-wrapper h2 {font-size: 72px; line-height: .95; font-family: 'Soyuz Grotesk'; color: var(--yellow);}
.top-block-wrapper h2 span {color: var(--white);}
.top-block-wrapper h1 {font-size: 24px; color: var(--white); text-transform: none; margin: 18px 0; }
.top-block-wrapper h1 span {display: inline-block; background-color: var(--blue);}
.top-block-wrapper .left-side {width: calc(100% - 520px); border-left: 20px solid var(--yellow);}
.top-block-wrapper .right-side {width: 520px; background-image: url(../img/school-teacher.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat;}

.top-block-wrapper .left-side .top-row {background-color: var(--red); padding: 62px 44px;}
.top-block-wrapper .left-side .links-row {display: flex; justify-content: space-between; position: relative; margin-top: 32px; margin-right: 40px;}
.top-block-wrapper .left-side .links-row .flash {position: absolute; transition: all .3s ease-in-out; left: 225px; top: -23px; width: 35px; height: 125px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/icons/flash.svg);}
.top-row h1{font-family: 'Tilda Sans', sans-serif}

.link-flash:hover + .flash {transform: rotate(30deg);}
.s-link {display: flex; align-items: center; position: relative; justify-content: center; align-items: center; width: fit-content; cursor: pointer; transition: all .3s ease-in-out; font-size: 18px; height: 30px; border-radius: 15px;}
.s-link.yellow {background-color: var(--yellow); color: var(--main); font-weight: 600; padding: 4px 38px;box-shadow: 0px 2px 0px 0px #4B10104F;
}
.s-link.brown {background-color: var(--main); color: var(--white); padding: 4px 16px;}
.s-link.brown:hover {background-color: var(--white); color: var(--main);}
.s-link.yellow:hover {background-color: var(--blue); color: var(--white);}
.s-link.arrow {}
.s-link.arrow {justify-content: space-between; padding-right: 38px;}
.s-link.arrow span {position: relative; top: -1px;}
.s-link.arrow svg {position: absolute; right: 15px; top: 11px; }
.s-link.arrow:hover {padding-right: 50px;}
.s-link.arrow svg path {transition: all .3s ease-in-out;}
.s-link.arrow svg rect {transition: all .3s ease-in-out;}
.s-link.arrow:hover svg path {fill:var(--main);}
.s-link.arrow:hover svg rect {fill:var(--main);}
.socials-wrapper {display: flex; }
.socials-wrapper .link {margin:0 6px;}
.top-block-wrapper .bottom-row {display: flex; height: 250px;}
.top-block-wrapper .bottom-row .side {width: 50%; display: flex; flex-direction: column-reverse; position: relative; padding: 0 12px 52px;}
.top-block-wrapper .bottom-row .left.side {background-color: var(--blue);}
.top-block-wrapper .bottom-row .right.side {background-color: var(--yellow);}
.top-block-wrapper .bottom-row .side .icon {position: absolute; top: 12px; right: 12px; transition: .3s ease-in-out;}
.top-block-wrapper .bottom-row .left.side .icon {top: 26px; right: 26px; }
.top-block-wrapper .bottom-row .right.side .icon {top: 12px; right: 12px; }
.top-block-wrapper .bottom-row .left.side .s-link:hover + .icon {transform: rotate(180deg);}
.top-block-wrapper .bottom-row .right.side .s-link:hover + .icon {transform: rotate(360deg);}

.top-block-wrapper .right-side .title-desc {transition: all .3s ease-in-out; transform: rotate(-8deg); position: relative; top: 40px; right: 10px; display: flex; flex-direction: column; align-items: end;}
.top-block-wrapper .right-side .title-desc .title {background-color: var(--yellow); margin-bottom: 12px; width: fit-content; padding: 10px 16px; color: var(--main); text-align: right;  font-family: 'Soyuz Grotesk'; font-size: 38px; font-weight: 700; line-height: .9;}
.top-block-wrapper .right-side .title-desc .desc {font-size: 18px; margin-right: 40px; width: fit-content; color: var(--white); display: inline-block; background-color: var(--red); padding: 4px 25px;}
.top-block-wrapper .right-side .title-desc:hover {top: 60px;}

.burger-wrapper {display: none; width: 36px; height: 36px;position: relative; border-radius: 50%; background-color: var(--red);} 
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%; }
.burger-wrapper .lines-wrapper .burger-line {width: 22px; height: 3px; background-color: var(--white); border-radius: 2px; position: absolute; transition: all .3s ease-in-out; left:7px;}
.burger-wrapper .lines-wrapper .burger-line.first {top: 10px;}
.burger-wrapper .lines-wrapper .burger-line.second {top: 16px;}
.burger-wrapper .lines-wrapper .burger-line.third {top: 22px;}
#check-menu-burger:checked ~ .lines-wrapper .first {display: none;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 7.5px;  top: 17px;}
#check-menu-burger:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 17px;left: 7;}
.mobile-menu-wrapper {transition: left .3s ease-in-out; background-color: var(--red); width: 100%; height: calc(100vh - 82px); position: fixed; bottom: 0; left: -105%; z-index: 5; }
.mobile-menu-wrapper.show {left: 0; }
.mobile-menu-wrapper .inner-wrapper {display: flex; flex-direction: column; justify-content: space-between; padding: 44px 8px; height: 100%;}
.mobile-menu-wrapper li {display: block; width: 100%; border-bottom: 1px solid var(--white);}
.mobile-menu-wrapper li:last-of-type {border-bottom: none;}
.mobile-menu-wrapper li a {padding: 18px 0; display: block; width: 100%; font-size: 30px; color: var(--white); position: relative; top: -3px;}

.mobile-menu-wrapper .phone-address {}
.mobile-menu-wrapper .phone-address .single-link {display: flex; margin-top: 12px;}
.mobile-menu-wrapper .phone-address .single-link .sqare {width: 33px; height: 33px; background-color: var(--yellow);}
.mobile-menu-wrapper .phone-address .single-link .title-link {width: calc(100% - 33px); padding-left: 22px;}
.single-link .title-link .title {font-family: 'Soyuz Grotesk'; font-weight: 700; font-size: 28px; color: var(--white); line-height: 1;}
.single-link .title-link a {font-size: 24px; font-weight: 300; color: var(--white);}
.footer-wrapper {}
.footer-wrapper .top-line {padding: 74px 0 12px; display: flex; justify-content: space-between; align-items: center;}
.footer-wrapper .footer-menu {display: flex; justify-content: space-between; flex-wrap: wrap; width: 585px;}
.footer-wrapper .footer-menu .column {display: flex; flex-direction: column;}
.footer-wrapper .footer-menu .column a {display: inline-block; margin-bottom: 6px; font-size: 24px;}
.footer-wrapper .footer-menu .column a:hover {color: var(--red);}
.footer-wrapper .footer-menu .column a:last-of-type {margin-bottom: 0px;}
.footer-wrapper .circle-link {width: 46px; height: 46px;}
.footer-wrapper .circle-link svg {width: 55%; height: 60%;}
.footer-wrapper .bottom-line {display: flex; justify-content: space-between; font-size: 18px; font-weight: 300; align-items: center; color: #B8B8B8; padding: 34px 0;}
.footer-wrapper .bottom-line a {color:#B8B8B8;}
.footer-wrapper .bottom-line a:hover {text-decoration: underline;}
.footer-wrapper .sd {opacity: .7; transition: opacity .3s ease-in-out;}
.footer-wrapper .sd:hover {opacity: 1;}

section.contacts {background-color:var(--white); margin-top: 90px; overflow: visible;}
.contacts h2 {font-size: 70px; font-weight: 700; display: inline-block; padding: 8px 52px; line-height: 1; font-family:'Soyuz Grotesk'; position: relative; color: var(--white); background-color: var(--red); top:-30px}
.contacts .phone-address {padding: 50px 0 38px;}
.contacts .phone-address .single-link {display: flex; margin-bottom: 12px;}
.contacts .phone-address .single-link .sqare {width: 33px; height: 33px; background-color: var(--red);}
.contacts .phone-address .single-link .title-link {width: calc(100% - 33px); padding-left: 21px;}
.contacts .phone-address .single-link .title-link .title {font-family:'Soyuz Grotesk'; font-size: 28px; font-weight: 700; color: var(--main);}
.contacts .phone-address .single-link a {color: var(--main);}
.contacts .phone-address .single-link a:hover {color: var(--red);}
.contacts-socials-wrapper {padding-bottom: 26px;}
.contacts-socials-wrapper .socials-wrapper .link {margin: 0 0 0 16px ;}
.contacts-socials-wrapper .circle-link {width: 48px; height: 48px; margin-left: 0;}
.contacts-socials-wrapper .circle-link svg {height: 100%; width: 50%;}
.contacts-wrapper {display: flex; flex-wrap: wrap;}
.contacts-wrapper .left {width: 50%;}
.contacts-wrapper .right {width: 50%; border: 20px solid #fff; margin: -40px 0;}
.contacts-wrapper .right iframe {display: block; height: 100%; width: 100%;}
.shedule-wrapper {background-color: var(--yellow); padding: 18px 0; margin:70px 0; position: relative;}
.shedule-wrapper .run-line {padding: 6px 0; background-color: var(--white);}
.shedule-wrapper .run-line span {display: inline-block; margin: 0 24px; font-size: 30px; line-height: 1; padding: 2px 0 0;}
.shedule-wrapper .str_wrap {}
.shedule-wrapper .shedule-slider {margin: 24px 44px 24px 24px;}
.shedule-wrapper .shedule-slider .single-element {position: relative; background-color: var(--red); padding: 24px; margin-bottom: 24px; margin-right: 44px;}
.shedule-wrapper .shedule-slider .single-element .title {font-family: 'Soyuz Grotesk'; font-weight: 700;color: var(--white); font-size: 38px; margin-bottom: 6px;}
.shedule-wrapper .shedule-slider .single-element .age {color: var(--white); font-size: 24px;}
.shedule-wrapper .shedule-slider .single-element .programm {position: absolute; font-family:'Tilda Sans', san-serif; line-height: .7; bottom: -24px; right: -14px; background-color:var(--main); color: var(--white); padding: 14px; font-size: 36px;}
.shedule-wrapper .shedule-slider .single-element .programm span {position: relative; top: -2px;}
.shedule-wrapper .slider-arrow {cursor: pointer;}
.shedule-wrapper .slider-arrow.prev {display: none !important;}
.shedule-wrapper .arrows-wrapper {position: absolute; right: 8px; top: calc(50% - 23px);}
.shedule-wrapper .arrows-wrapper svg rect {transition: all .3s ease-in-out;}
.shedule-wrapper .arrows-wrapper svg path {transition: all .3s ease-in-out;}
.shedule-wrapper .arrows-wrapper svg:hover rect {fill: var(--white);}
.shedule-wrapper .arrows-wrapper svg:hover path {fill: var(--white);}
.shedule-wrapper .arrows-wrapper svg:hover g rect:first-of-type {fill: var(--main);}
.slick-dots {display: flex; justify-content: center; display: none !important;}
.slick-dots button{display: block; cursor: pointer; width: 15px; height: 15px; border-radius: 50%; background-color: var(--main); color: transparent; border: none; margin: 0 6px;}
.slick-dots button:hover {background-color: var(--red);}
.slick-dots .slick-active button {background-color: var(--red);}
.about-block {margin: 66px 0 82px;}
.about-block .row {display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: 10px;}

h2.red {color: var(--white); font-size: 72px; display: inline-block; background-color: var(--red); font-weight: 700; line-height: 1;}
.about-block h2 {padding: 6px 50px 16px; letter-spacing: -2%; height: fit-content; margin-right: 52px;}

.about-block .row .element {background-color: var(--white); margin-bottom: 10px;}
.about-block .row .element .number {font-family: 'Soyuz Grotesk'; color: var(--red); font-weight: 700;}
.about-block .row .element.first {display: flex; padding: 20px 6px 20px 20px; width: 250px;}
.about-block .row .element .desc {font-size: 24px; font-weight: 300;}
.about-block .row .element.first .desc {padding-left: 15px;}
.about-block .row .element .number {font-size: 54px;}
.about-block .row .element .title {font-family: 'Soyuz Grotesk'; font-size: 28px; font-weight: 700; color: var(--red);}
.about-block .row .element.second {padding: 34px 26px; width: 325px;}
.about-block .row .element.third { width: 318px; padding: 24px 19px;}
.about-block .row .element.third .desc {padding-left: 20px;}
.about-block .row .element.fourth {width: 346px; border-radius: 80px 0 0 0; padding: 36px;}
.about-block .row .element.fifth {width: 315px; padding: 36px 24px;}
.about-block .row .element.sixth {width: 352px; padding: 15px 19px;}
.about-block .row .get-more {display: flex; align-items: center; margin-bottom: 10px; position: relative; font-family: 'Soyuz Grotesk'; font-size: 38px; color:#fff; width: 190px;}
.about-block .row .get-more::before {position: absolute; content: ''; transition: all .3s ease-in-out; transform: rotate(-8deg); width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-color: var(--blue);}
.about-block .row .get-more span {position: relative; z-index: 2;}
.about-block .row .get-more:hover::before {transform: rotate(0);}

.revievs-block {margin:70px 0}
.revievs-block .title-wrapper {text-align: right;}
.revievs-block .title-wrapper h2 {padding: 2px 40px 9px 50px;}
.revievs-block .title-wrapper .desc {font-size: 24px; font-weight: 300; margin-top: 18px;}
.revievs-block .reviews-slider-wrapper {display: flex; align-items: center; margin-top: -80px;}
.revievs-block .reviews-slider-wrapper .reviews-slider {width: 364px;}
.revievs-block .reviews-slider-wrapper .reviews-slider .reviews-slider-nav {width: calc(100% - 364px);}
.reviews-slider .single-slide {position: relative; margin-top: 32px;  margin-left: 11px;}
.reviews-slider .single-slide .icon {position: absolute; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; top: -32px; left: -11px;}
.reviews-slider .single-slide .icon img {display: block; width: 100%; height: 100%; object-fit: cover;}
.reviews-slider .single-slide .name {}
.reviews-slider .single-slide .name span {display: inline-block; width: 80%; background-color: var(--red); color: var(--white); font-size: 30px; padding:13px 13px 13px 140px;}
.reviews-slider .single-slide .review-text {border: 10px solid var(--red); margin-top: -32px; background-color: var(--white); font-size: 18px; color: #000; padding: 58px 24px 48px;}
.revievs-block .reviews-slider-wrapper .reviews-slider-nav {width: calc(100% - 435px); padding-left: 12px; margin-top: 140px;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav {height: 385px; margin: 0 12px; position: relative; cursor: pointer;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav.slick-current::before {opacity: 0;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav::before {position: absolute; transition: all .3s ease-in-out; content: ''; top: 0; bottom: 0;right: 0;left: 0; background-color: #000; opacity: .5;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav:hover::before {opacity: 0;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav::after {position: absolute; transition: all .3s ease-in-out; content: ''; top: 0;bottom: 0;left: 0;right: 0; background-repeat: no-repeat; background-image: url(../img/icons/white-sun.svg); background-position: center; opacity: 1;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav img {display: block; height: 100%; width: 100%; object-fit: cover;}
.reviews-slider-wrapper .reviews-slider-nav .single-nav.slick-current::after {opacity: 0;} 
.reviews-slider-wrapper .slider-arrow {cursor: pointer; }
.reviews-slider-wrapper .slider-arrow svg rect {transition: all .3s ease-in-out;}
.reviews-slider-wrapper .slider-arrow svg:hover path {fill: var(--white);}
.reviews-slider-wrapper .arrows-wrapper svg:hover rect:nth-child(2) {fill: var(--white);}
h2.std {display: inline-block; color: #fff; font-size: 72px; line-height: 1.1; letter-spacing: -2%;}
h2 span.red {display: inline-block; padding: 4px 12px; background-color: var(--red); margin-bottom: 8px;}
.gallery-block {margin:70px auto}
.gallery-block .title-wrapper .desc {margin: 12px auto 24px; font-size: 24px; font-weight: 300;}

.title-baner-wrapper h1 {display: inline-block; }

.gallery-block .gallery-slider {}
.gallery-block .gallery-slider .single-slide {height: 390px; margin: 0 -30px; clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);}
.gallery-block .gallery-slider .single-slide  img {display: block; width: 100%; height: 100%; object-fit: cover;}

.feedback-block {margin: 95px auto 90px; }
.feedback-wrapper {width: 1100px; margin: 0 auto;}
.feedback-block .title {position: relative; background-color: var(--red); height: 44px; }
.feedback-block .title .sun {position: absolute; top: -12px; left: -55px; z-index: 2;}
.feedback-wrapper .title-wrapper {display: flex; justify-content: center; margin-left: 50px; position: relative; top: -3px;}
.feedback-wrapper .title-wrapper .part {font-family: 'Soyuz Grotesk'; position: relative; font-size: 38px; color: #fff; font-weight: 700; margin: 0 5px; display: flex;}
.feedback-wrapper .title-wrapper .part.first {padding-left: 30px;}
.feedback-wrapper .title-wrapper .part span {display: inline-block; color: var(--main); background-color: var(--yellow); position: relative; padding: 0px 6px 8px; top: 0; margin-left: 10px;}
.desc-form-wrapper {margin-top: 42px; display: flex; flex-wrap: wrap; column-gap: 10px;}
.desc-form-wrapper .desc-warpper {width: calc(100% - 322px); display: flex; flex-direction: column; align-items: end;}
.desc-form-wrapper .desc-warpper .inner-wrapper {width: 100%; background-color: var(--white); padding: 23px 96px; font-size: 24px; font-weight: 300; line-height: 1; margin-bottom: 12px;}
.desc-form-wrapper .form-wrapper {width: 312px;}
.input-wrapper {position: relative; margin-bottom: 12px;}
.input-wrapper input {display: block; border: 1px solid transparent; padding: 15px 19px; font-family: 'Tilda Sans', sans-serif; color: #555/*#B0B0B0*/; width: 100%; transition: all .3s ease-in-out; background-color: var(--white); font-size: 18px; }
.input-wrapper input:focus {border-color: var(--red); color: var(--main);}
#popup-form .input-wrapper input {background-color: #fff}
.submit-btn {display: flex; cursor: pointer; border: 1px solid transparent; justify-content: center; align-items: center; height: 32px; font-size: 18px; font-weight: 600; transition: all .3s ease-in-out; line-height: 1; background-color: var(--yellow); }
.submit-btn:hover {background-color: #fff; border-color: #000;}
.desc-form-wrapper .agree-wrapper {width: 626px; background-color: var(--main); color: #fff; font-size: 18px; display: flex; align-items: center; padding: 6px 0 6px 40px; position: relative;}
.desc-form-wrapper .agree-wrapper a {color: #fff;}
.desc-form-wrapper .agree-wrapper a:hover {text-decoration: underline;}

.agree-wrapper .error {display: inline-block; transition: opacity .3s ease-in-out; opacity: 0; position: absolute; z-index: -2; left: 0; bottom: -50px; padding: 6px; background-color: var(--red); color: #fff; font-size: 18px;}
.agree-wrapper .error::before {content:''; position: absolute; top: -13px; left: 30px; width: 9px; height: 13px; background-repeat: no-repeat; background-position: bottom; background-image: url(../img/icons/coner-1.svg);}
.agree-wrapper.wrong .error {z-index: 2; opacity: 1;}
.input-wrapper .error {display: inline-block; z-index: -1; position: absolute; transition: opacity .3s ease-in-out; top: -30px; right: -20px; padding: 6px 12px; background-color: var(--main); color: #fff; font-size: 18px; opacity: 0;}
.input-wrapper.wrong .error {z-index: 2; opacity: 1;}
.input-wrapper .error::before {content:''; position: absolute; bottom: -13px; left: 8px; width: 9px; height: 13px; background-repeat: no-repeat; background-position: bottom; background-image: url(../img/icons/coner-2.svg);}
.input-wrapper.wrong input {border-color: var(--red);}
input.agree-checkbox + label.agree {}
.agree-checkbox {display: none;}
input.agree-checkbox:checked + label.agree { background-image: url(../img/icons/v.svg);}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 0px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  background-color: transparent;
  position: relative;
}
.agree-desc.wrong {color: red;animation: 2s ease-in-out 0s normal none infinite running trambling-animation;}
.agree-desc.wrong a {color: red;}

#overlay {background: #000;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0; 
  /* transition: opacity .3s ease-in-out; */
}
#overlay.show {opacity: .8; z-index: 3;}
.popup {
  position: fixed; left: 50%;top:-120%;width: 1100px;padding: 80px;height: auto;
  background-repeat: no-repeat;
  background-image: url(../img/bg-popup.jpg); 
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0px 5px 10px rgba(106, 106, 106, 0.8);
          box-shadow: 0px 5px 10px rgba(106, 106, 106, 0.8);
  -webkit-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}
.popup.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; z-index: 3; top: 14px; right: 14px; cursor: pointer; opacity: 1; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup .title-wrapper {text-align: center; margin-bottom: 24px;}
.popup .title {font-weight: 700; font-size: 72px; font-family: 'Soyuz Grotesk'; display: inline-block; color: #fff; padding: 6px 12px;background-color: var(--red);}
.popup .desc {font-size: 24px; font-weight: 300; width: 390px; margin: 0 auto;}

.popup .titles-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; font-family: 'Soyuz Grotesk';}
.popup .titles-wrapper .main-title {width: calc(100% - 340px); padding-right: 10px; display: flex; flex-direction: column;}
.popup .titles-wrapper .main-desc {width: 340px;}
.popup .titles-wrapper .main-title .part {width: fit-content; padding: 6px; background-color: var(--red); color: #fff; font-size: 52px; margin-bottom: 8px; line-height: 1; }
.popup .titles-wrapper .main-desc .inner-wrapper {background-color: var(--yellow); padding: 8px; font-size: 34px;}

.popup-desc {font-size: 24px; font-weight: 300; margin: 24px 0;}
.present::before {content: ''; position: absolute; bottom: 30px; right: 0; height: 65%; width: 30%; background-image: url(../img/icons/present.svg); background-repeat: no-repeat; background-position: top right; background-size: contain;opacity:.6;}
.popup-box {position: relative; z-index: 2;}
.popup-form-wrapper {position: relative; z-index: 1;}
.popup-form-wrapper .inputs-wrapper {display: flex; flex-wrap: wrap; width: 664px; justify-content: space-between;}
.popup-form-wrapper .inputs-wrapper .input-wrapper {width: 312px;}
.popup-form-wrapper .submit-btn-popup { width: 312px; cursor: pointer; color: #fff; border:1px solid transparent; transition: all .3s ease-in-out; height: 32px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 18px; background-color: var(--red);}
.popup-form-wrapper .submit-btn-popup:hover {color: var(--main); border-color: var(--main); background-color: var(--white);}
.popup-form-wrapper .agree-wrapper {background-color: var(--main); padding: 0 40px; width: fit-content; margin-top: 20px; line-height: 1; height: 32px; display: flex; align-items: center; color: #fff;}
.popup-form-wrapper .agree-wrapper a {color: #fff;}
.popup-form-wrapper .agree-wrapper a:hover {text-decoration: underline;}

.simple-block {margin: 80px 0;}
.block-desc {font-size: 24px; font-weight: 300; line-height: 1; margin: 40px auto 30px; width: 1050px;}
.block-desc span {display: inline-block; padding: 1px 2px; background-color: var(--yellow);}
.services-block .services {display: flex; flex-wrap: wrap; column-gap: 30px;}
.services-block .services .service {position: relative; border-left: 32px solid var(--red); width: calc(50% - 15px); padding: 54px 42px 42px;}
.services-block .services .service .bg-block {position: absolute; top: 0;right: 0;bottom: 0;left: 0;}
.services-block .services .service .bg-block img {display: block; width: 100%; height: 100%; object-fit: cover;}
.services-block .services .service .list-buttons {position: relative; z-index: 2; display: flex; flex-direction: column;}
.services-block .services .service .list-buttons .item {display: flex; color: #fff; font-size: 30px; margin-bottom: 12px; line-height: 1;}
.services-block .services .service .list-buttons .item::before {content:''; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; display: block; position: relative; top: 12px;}
.services-block .services .service .list-buttons .item span {width: calc(100% - 2px); padding-left: 12px;}
.services-block .services .service .buttons-wrapper {display: flex; flex-direction: column; align-items: flex-end;}
.services-block .services .service .buttons-wrapper .for {font-family: 'Soyuz Grotesk'; font-size: 38px; color: #fff; padding: 2px 16px 12px; width: fit-content; background-color: var(--red); line-height: 1; margin-right: 20px;}
.buttons-wrapper .arrow-link {display: flex; position: relative; z-index: 2; top: -6px; align-items: center; transition: all .3s ease-in-out; border-radius: 15px; padding: 4px 12px 8px 24px; font-size: 18px; font-weight: 600; background-color: var(--yellow);}
.buttons-wrapper .arrow-link span {display: inline-block; line-height: 1; margin-right: 12px; transition: all .3s ease-in-out;}
.buttons-wrapper .arrow-link svg {position: relative; top: 2px;}
.buttons-wrapper .arrow-link:hover {background-color: var(--main);}
.buttons-wrapper .arrow-link:hover span {color: #fff;}
.buttons-wrapper .arrow-link svg rect,
.buttons-wrapper .arrow-link svg path {transition: all .3s ease-in-out;}
.buttons-wrapper .arrow-link:hover svg rect,
.buttons-wrapper .arrow-link:hover svg path {fill:#fff}

.title-baner-wrapper {position: relative; margin-bottom: -60px;}
.title-baner-wrapper h1 {display: inline-block; font-size: 72px; position: relative; z-index: 2; line-height: 1; color: #fff; padding: 0px 40px 12px 50px; background-color: var(--red); margin: 0 auto;}
.title-baner-wrapper .baner {height: 330px; position: relative; top: -60px;}
.title-baner-wrapper .baner img {display: block; width: 100%; height: 100%; object-fit: cover;}
.services-programms-wrapper {margin-top: 40px;}
.services-programms-wrapper .single-programm {margin-bottom: 40px;}
.services-programms-wrapper .single-programm:last-of-type {margin-bottom: 0px;}
.services-programms-wrapper h2 {padding: 0px 34px 8px 34px;}
.services-programms-wrapper .programms-wrapper {margin-top: 32px; display: flex; flex-wrap: wrap; column-gap: 100px; margin-left: 30px;}
.services-programms-wrapper .programms-wrapper .programm {width: calc(50% - 62px);}
.services-programms-wrapper .programms-wrapper .programm h3 {display: inline-block; font-size: 38px; line-height: 1; background-color: var(--yellow); padding: 4px 22px 12px; margin-bottom: 40px; }

.programms-wrapper .title-price-wrapper {display: flex; justify-content: space-between; align-items: center;}
.programms-wrapper .title-price-wrapper h4 {font-size: 28px; width: calc(100% - 110px);}
.programms-wrapper .title-price-wrapper h4 span {display: inline-block; padding: 2px; background-color: var(--yellow);}
.programms-wrapper .title-price-wrapper .price {padding: 6px 16px; text-align: center; background-color: var(--white); font-size: 18px; width: 120px; }
.sgi-programm .target {margin: 12px 0; font-size: 24px; line-height: 1;}
/* .programm-list { margin-left: 20px;} */
.programm-list .item {display: flex; position: relative; font-size: 18px; margin-bottom: 2px; font-size: 18px; margin-left: 20px;}
.programm-list .item::before {content: ''; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main); top: 10px; left: -20px;}

.sgi-programm {margin-bottom:40px;}
.sgi-programm:last-of-type {margin-bottom: 0px;}
.call-or-write {margin-top: 80px; background-color: var(--blue); padding: 12px 32px; display: flex;}
.call-or-write .icon {width: 39px;}
.call-or-write .desc {width: calc(100% - 39px); padding-left: 24px; color: #fff; font-size: 18px;}
.service-run-line-wrapper {margin:100px 0;}
.service-run-line-wrapper .run-line {background-color: var(--white); }
.service-run-line-wrapper .run-line span {display: inline-block; margin: 0 24px; font-size: 30px; padding: 8px 0 12px;}
.steps-wrapper {display: flex; flex-wrap: wrap;}
.steps-wrapper .step-desc {width: 342px; display: flex;}
.steps-wrapper .step-desc .square {width: 90px; height: 78px; background-color: var(--red); position: relative; top: 10px;}
.steps-wrapper .step-desc .title-desc-wrapper {width: calc(100% - 90px); padding-left: 38px;}
.steps-wrapper .step-desc .title-desc-wrapper h3 {font-size: 38px; line-height: 1; }
.steps-wrapper .step-desc .title-desc-wrapper .desc {font-size: 18px; line-height: 1; margin-top: 4px; width: 80%;}
.steps-wrapper .n-steps {display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 342px); padding-left: 60px;}
.steps-wrapper .n-steps .n-step {width: 30%; display: flex;}
.steps-wrapper .n-steps .n-step .count {font-family: 'Soyuz Grotesk'; font-size: 102px; width: 50px; line-height: 1; position: relative; top: -24px;}
.steps-wrapper .n-steps .n-step .inner {width: calc(100% - 50px); padding-left: 12px;}
.steps-wrapper .n-steps .n-step .step-title {font-size: 28px; margin-bottom: 12px; letter-spacing: -2%;}
.steps-wrapper .n-steps .n-step .inner-step-desc {font-size: 18px;}
.steps-wrapper .n-steps .n-step:nth-child(1) {width: 24%;}
.steps-wrapper .n-steps .n-step:nth-child(2) {width: 32%;}
.steps-wrapper .n-steps .n-step:nth-child(3) {width: 37%;}
.steps-wrapper .n-steps .n-step:nth-child(1) .count {width: 30px;}
.mb-wrapper {display: flex; flex-wrap: wrap; position: relative; margin-bottom: 40px;}
.mb-wrapper .first {width: 430px;}
.mb-wrapper .second {width: calc(100% - 430px); padding-left: 12px; padding-right: 24px;}
.mb-wrapper .column img {display: block; width: 100%; height: 100%; object-fit: cover;}
.mb-wrapper .column .photo {margin-bottom: 12px;}
.mb-wrapper .column .photo-1 {height: 212px;}
.mb-wrapper .column .photo-2 {height: 402px;}
.mb-wrapper .column .photo-3 {height: 250px;}
.mb-wrapper .column .photo-4 {height: 364px;}
.mb-wrapper .block-title {position: absolute; line-height: 1; right: 0px; text-align: right; background-color: var(--yellow); font-size: 38px; font-family: 'Soyuz Grotesk'; padding: 12px 24px; transform: rotate(-4deg);}
.mb-wrapper .block-about {position: absolute; right: 0px; text-align: center; bottom: 50px; background-color: var(--red); color: #fff; font-size: 54px; font-family: 'Soyuz Grotesk'; padding: 0px 38px 5px 50px; line-height: 1;}
h2.left-red {font-size:38px; color: #fff; display: inline-block; padding: 0 29px 8px 22px; line-height: 1; background-color: var(--red); margin-bottom: 20px; position: relative; left: -36px;}

.history-wrapper {display: flex; flex-wrap: wrap;}
.history-wrapper .text-block {width: 720px;}
.history-wrapper .sun-block {padding-left: 125px; }
.history-wrapper .sun-block img {transition: transform 2s ease-in-out;}
.history-wrapper .sun-block:hover img {transform: rotate(360deg);}
.history-wrapper .text-block .title {font-size: 24px; margin-bottom: 14px;}
.history-wrapper .text-block .text {font-size: 18px;}
.label-wrapper {margin: 60px auto 0; display: flex; justify-content: center;}
.yellow-label {font-family: 'Soyuz Grotesk'; background-color: var(--yellow); line-height: 1; padding: 8px 82px 12px; font-size: 54px;  display: inline-block;}
.teachers-desc {font-size: 24px;}
.t-slide {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.t-slide .txt-block {width: 60%;}
.t-slide .img-block {width: 40%;display: flex; align-items: center;}
.t-slide .img-block .photo-block {border: 22px solid var(--red); height: 390px; width: 600px;}
.t-slide .img-block .photo-block img {display: block; width: 100%; height: 100%; object-fit: cover;}
.t-slide .img-block .yellow-block {width: 85px; height: 317px; background-color: var(--yellow);}
.t-slide .img-block .blue-block {width: 106px; height: 265px; background-color: var(--blue);}
.t-slide .txt-block {padding: 12px 12px 12px 35px; border-left: 12px solid var(--yellow); height: fit-content;}
.t-slide .txt-block .name {font-size: 24px; font-weight: 900; line-height: 1.3; margin-bottom: 10px;}
.t-slide .txt-block .job {font-size: 24px; margin-bottom: 18px; color: #767676;}
.t-slide .txt-block .add-info {font-size: 18px; line-height: 1;color: #767676;}
.t-slide .txt-block .add-info p {margin-bottom: 0;}
.teachers-slider {position: relative;}
.teachers-slider + .arrows-wrapper {position: absolute; height: 0; width: 100%; justify-content: space-between; top: calc(50% + 20px); display: flex;}
.teachers-slider + .arrows-wrapper .slick-arrow {cursor: pointer;}
.teachers-slider + .arrows-wrapper .slider-arrow.prev {opacity: 0; position: relative; z-index: -1;}
.certificates-slider {margin-top: 40px;}
h1.red {display: inline-block; background-color: var(--red); color: #fff; line-height: 1; font-size: 72px; margin: 40px 0; padding: 4px 50px 12px;}
.page-error {}
.error-page-wrapper {margin: 20px auto 200px;}
.error-page-wrapper .page-error {display: flex; justify-content: center; align-items: center;}
.error-page-wrapper .page-error .code {font-family: 'Soyuz Grotesk'; color: var(--red); font-size: 300px; line-height: 1;}
.error-page-wrapper .page-error .desc {padding-left: 20px;}
.error-page-wrapper .page-error .desc .title {font-family: 'Soyuz Grotesk'; font-size: 36px; margin-bottom: 10px;}
.error-page-wrapper .page-error .desc p {font-size: 24px;}
.error-page-wrapper .page-error .desc a {color: var(--red);}

/*----- Media----*/
@media screen and (max-width:1680px){

}
@media screen and (max-width:1536px){


}


@media screen and (max-width:1440px){
}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){

.teachers-slider + .arrows-wrapper {padding-right: 40px;}


}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .top-block-wrapper h2 {font-size: 48px;}
  .top-block-wrapper .left-side .links-row .flash {height: 60px; top: 20px;}
  .revievs-block .reviews-slider-wrapper {margin-top: 0;}
  .revievs-block .reviews-slider-wrapper .reviews-slider-nav {margin-top: 0;}
  .services-programms-wrapper .programms-wrapper {margin-left: 0;}
  .mb-wrapper .first {width: 30%;}
  .mb-wrapper .second {width: 70%; padding-right: 0;}
  h2.left-red {left: 0;}
  .history-wrapper .sun-block {padding-left: 20px;}
  .t-slide .txt-block {width: 55%; padding-right: 40px;}
  .t-slide .img-block {width: 45%;}
  .simple-block {margin: 40px 0;}
  h1.red {font-size: 28px; padding: 4px 12px 12px; margin: 20px auto;}
  .error-page-wrapper .page-error .code {font-size: 120px; margin-bottom: 40px;}
  .error-page-wrapper .page-error {flex-direction: column;}
  .error-page-wrapper .page-error .desc .title {font-size: 24px;}
  .error-page-wrapper {margin: 20px auto 100px;}
}

@media screen and (max-width:1152px){
  .main-menu-wrapper {padding: 0 12px;}
  .main-menu-wrapper li {margin: 0 4px;}
  .top-block-wrapper .left-side .links-row .flash {display: none;}
  .top-block-wrapper h2 {font-size: 38px;}
  .top-block-wrapper {flex-wrap: wrap;}
  .top-block-wrapper .left-side {width: 50%;}
  .top-block-wrapper .right-side {width: 50%;}
  .footer-wrapper .footer-menu .column a {font-size: 18px;}
  .footer-wrapper .footer-menu {width: 520px;}
  h2.std {font-size: 38px;}
  .feedback-wrapper {width: 100%;}
  .feedback-block .title {height: auto; background-color: transparent;}
  .feedback-wrapper .title-wrapper {flex-direction: column; margin-left: 0; align-items: center;}
  .feedback-wrapper .title-wrapper .part {background-color: var(--red); padding: 0 4px; margin-bottom: 6px; width: fit-content; height: 44px;}
  .feedback-block .title .sun {left: 0;}
  .feedback-wrapper .title-wrapper .part.first {padding-left: 70px;}
  .feedback-wrapper .title-wrapper .part span {top: -2px; height: 50px;}
  .desc-form-wrapper {margin-top: 20px;}
  .popup {width: 95%;}
  .block-desc {margin: 24px 0 32px; width: 100%; text-align: left;}
  .steps-wrapper .step-desc {width: 100%; margin-bottom: 24px;}
  .steps-wrapper .n-steps {width: 100%; padding-left: 0;}
  .mb-wrapper .block-title {font-size: 26px;}
  .mb-wrapper .block-about {font-size: 38px; padding: 0 18px 4px;}
  
}
@media screen and (max-width:1080px){
  .get-lesson {padding: 8px 12px;}
  .footer-wrapper .footer-menu {width: 480px;}
  .footer-wrapper .bottom-line {font-size: 14px;}
  .gallery-block .slick-dots {display: flex !important; margin-top: 28px;}
  .desc-form-wrapper .desc-warpper .inner-wrapper {padding: 24px;}
  .desc-form-wrapper .desc-warpper .agree-wrapper {width: 100%; padding-left: 14px;}
  label.agree {margin-right: 12px;}
  .popup .titles-wrapper {flex-direction: column;}
  .popup .titles-wrapper .main-title {width: 100%; padding-right: 0;}
  .present::before {bottom: auto; top: 10%; width: 20%;}
  .popup .titles-wrapper .main-title .part {font-size: 38px;}
  .popup .titles-wrapper .main-desc .inner-wrapper {font-size: 28px;}
  .services-block .services .service {border-left: 0; padding: 32px 24px;}
  .services-block .services .service .list-buttons .item {font-size: 24px;}
  .services-programms-wrapper .programms-wrapper .programm {width: 100%;}
  .services-programms-wrapper .programms-wrapper {margin-top: 24px;}

  .services-programms-wrapper .programms-wrapper .programm h3 {margin-top: 0px;}
  .sgi-programm {margin-bottom: 24px;}
  .services-programms-wrapper .programms-wrapper .programm h3 {margin-bottom: 12px;}
  .services-programms-wrapper .programms-wrapper .programm {margin-top: 24px;}
  .services-programms-wrapper .programms-wrapper .programm:first-of-type {margin-top: 0px;}
  .title-baner-wrapper h1 {font-size: 38px;}
  .title-baner-wrapper .baner {top: -20px;}
  .history-wrapper .text-block {width: 70%;}
  .history-wrapper .sun-block {width: 30%;}

}

@media screen and (max-width:980px){
  .popup .desc {width: 100%;}
  .logo-wrapper {width: 120px;}
  .main-menu-wrapper li a {font-size: 16px;}
  .get-lesson {font-size: 16px;}
  .top-block-wrapper .left-side {width: 100%; border-left: 9px solid var(--yellow);}
  .top-block-wrapper .right-side {width: 100%; height: 400px; display: flex; flex-direction: column-reverse;}
  .top-block-wrapper .right-side .title-desc {top: auto;}
  .top-block-wrapper .bottom-row .side {padding: 12px 12px 22px;}
  .footer-wrapper .footer-menu {width: 430px;}
  .reviews-slider-wrapper .arrows-wrapper {display: none !important;}
  .revievs-block .reviews-slider-wrapper .reviews-slider-nav {display: none !important;}
  .revievs-block .reviews-slider-wrapper .reviews-slider {width: 100%;}
  .revievs-block .title-wrapper h2 {font-size: 38px;}
  .revievs-block .title-wrapper {text-align: left;}
  .revievs-block .title-wrapper .desc {text-align: center; }
  .revievs-block .reviews-slider-wrapper {margin-top: 20px;}
  .reviews-slider .single-slide .icon {left: 0; width: 82px; height: 82px; top: -20px;}
  .reviews-slider .single-slide .name {margin-left: 0px; border-radius: 20px 0 0 0; overflow: hidden;}
  .reviews-slider .single-slide .name span {width: auto; padding: 8px 24px 8px 100px; }
  .reviews-slider .single-slide {margin-left: 0;}
  .reviews-slider .single-slide .review-text {padding-bottom: 24px;}
  .reviews-slider .slick-dots {display: flex !important; margin-top: 20px;}
  .desc-form-wrapper {width: 80%; margin: 20px auto 0;}
  .desc-form-wrapper .desc-warpper {width: 100%;}
  .desc-form-wrapper .form-wrapper {width: 100%; margin-top: 20px auto 0;}
  .desc-form-wrapper .agree-wrapper {width: 100%; margin-top: 12px;}
  .feedback-block {margin:70px 0;}
  .desc-form-wrapper .agree-wrapper {font-size: 14px;}
  .desc-form-wrapper .desc-warpper .inner-wrapper {font-size: 18px;}
  .submit-btn {height: 38px;}
    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .get-lesson {display: none;}
  .shedule-wrapper .arrows-wrapper {display: none;}
  .shedule-wrapper .shedule-slider {margin: 24px 24px 12px 24px;}
  .shedule-wrapper .slick-dots {display: flex !important;}
  .shedule-wrapper .shedule-slider .single-element {margin-right: 14px; margin-bottom: 12px;}
  .shedule-wrapper .run-line span {font-size: 18px;}
  .shedule-wrapper .run-line {height: 24px; padding: 2px 0;}
  .shedule-wrapper .shedule-slider .single-element .title {font-size: 28px;}
  .shedule-wrapper .shedule-slider .single-element .age {font-size: 18px;}
  .shedule-wrapper .shedule-slider .single-element .programm {font-size:18px; margin-bottom: 14px;}
  .yellow-label {font-size: 28px;}
  .top-block-wrapper .right-side .title-desc:hover{top: auto;}
}

@media screen and (max-width:800px){
  .top-block-wrapper .bottom-row {height: 135px;}
  .top-block-wrapper .bottom-row .side .icon svg {display: block; width: 100%; height: 100%; object-fit: contain; object-position: top;}
  .top-block-wrapper .bottom-row .left.side .icon {width: 40px; top: 15px; right: 23px;}
  .top-block-wrapper .bottom-row .right.side .icon {width: 70px; height: 70px; top: 6px; right: 12px;}
  .footer-wrapper .top-line {flex-direction: column;}
  .footer-wrapper .footer-menu {width: 90%; margin: 48px 0;}
  .contacts-wrapper .left {width: 100%;}
  .contacts-wrapper .right {width: 100%; margin: 0; border-width: 4px; height: 400px;}
  .contacts h2 {top: auto; font-size: 38px; padding: 8px 20px;}
  .contacts .phone-address {padding: 45px 0 30px;}
  .contacts-socials-wrapper {padding-bottom: 45px;}
  .popup.big {padding: 40px;}
  .popup-form-wrapper .inputs-wrapper {width: 100%;}
  .popup-form-wrapper .inputs-wrapper .input-wrapper {width: 100%;}
  .present::before {width: 80px; top: 100px;}
  .popup-form-wrapper .submit-btn-popup {width: 100%;}
  .popup-form-wrapper .agree-wrapper {width: 100%; padding: 0 10px;}
  .popup-desc {margin: 18px 0;}
  .services-block .services .service .buttons-wrapper {position: absolute; bottom: -150px; right: 0;}
  .services-block .services .service {width: 100%; padding-bottom: 130px; margin-bottom: 30px;}
  .steps-wrapper .n-steps {flex-direction: column;}
  .steps-wrapper .n-steps .n-step {padding: 24px; margin-bottom: 12px;}
  .steps-wrapper .n-steps .n-step:nth-child(1) {width: 100%; background-color: var(--main); color: #fff;}
  .steps-wrapper .n-steps .n-step:nth-child(2) {width: 100%; background-color: var(--yellow); color: var(--main); }
  .steps-wrapper .n-steps .n-step:nth-child(3) {width: 100%; background-color: var(--red); color: #fff;}
  .t-slide .img-block .yellow-block {display: none;}
  .t-slide .img-block .blue-block {display: none;}
  .t-slide .img-block .photo-block {width: 100%; border-width: 12px;}
}

@media screen and (max-width:720px){
  .main-menu-wrapper {padding: 0 4px;}
  .about-block {margin:70px 0}
  .shedule-wrapper {margin:70px 0;}
  .about-block h2 {width: 100%; margin-right: 0; text-align: center; font-size: 54px; margin-bottom: 26px;}
  .about-block .row .element.first,
  .about-block .row .element.second,
  .about-block .row .element.third,
  .about-block .row .element.fourth,
  .about-block .row .element.fifth,
  .about-block .row .element.sixth,
  .about-block .row .get-more {width: calc(50% - 5px); order: 7;}
  .about-block .row .element.first {order: 2;}
  .about-block .row .element.second {order: 3; width: 100%;}
  .about-block .row .element.third {order: 4; padding: 12px;}
  .about-block .row .element.fourth {order: 5; border-radius: 0; padding: 12px;}
  .about-block .row .element.sixth {order: 6;}
  .about-block .row .element.fifth {order: 1; padding: 12px;}
  .about-block .row .element .desc {font-size: 18px;}
  .about-block .row .element .number {font-size: 38px;}
  .desc-form-wrapper {width: 100%;}
  .input-wrapper .error {right: 10px; font-size: 16px;}
  .agree-wrapper .error {font-size: 16px;}
  .title-baner-wrapper h1 {font-size: 28px; padding-top: 8px;}
  .history-wrapper .text-block {width: 100%;}
  .history-wrapper .sun-block {width: 265px; margin: 20px auto 0; padding-left: 0;}
  .label-wrapper {margin-top: 40px;}
  .teachers-block .slick-dots {display: flex !important; margin-top: 28px;}
}

@media screen and (max-width:640px){
  .main-menu-wrapper {display: none;}
  .burger-wrapper {display: block; margin-left:24px;}
  .burger-instgram-wrapper {display: flex;}
  .logo-wrapper {width: 160px;}
  .header-wrapper {padding: 12px 0 24px;}
  .header-wrapper .logo-wrapper .logo-inner {width: 186px;}
  .header-wrapper .logo-wrapper .logo-icon {width: 48px;}
  .header-wrapper .logo-wrapper .logo-text {width: calc(100% - 48px);}
  .t-slide .txt-block {width: 100%;}
  .teachers-slider {margin-top: 10px; }
  .t-slide .txt-block {padding: 25px;border-left: 4px solid #474747;}
  .t-slide .img-block {width: 100%;}
  .t-slide .img-block .photo-block {height: 100vw;}
  
}
@media screen and (max-width:580px){
  /* .team-wrapper .person {width: 100%;} */
  .top-block-wrapper .right-side {height: 100vw;}
  .top-block-wrapper {margin-left: -8px;width: calc(100% + 16px);}
  .footer-wrapper .bottom-line {flex-direction: column; align-items: center;}
  .footer-wrapper .bottom-line .pc {display: block; margin: 8px 0 24px;}
  .popup.big {padding: 20px;}
  .steps-wrapper .step-desc .square {width: 34px; height: 24px;}
  .steps-wrapper .step-desc .title-desc-wrapper {width: calc(100% - 34px); padding-left: 12px;}
  .service-run-line-wrapper .run-line span {font-size: 14px;}
  .yellow-label {width: 100%; padding-left: 10px;padding-right: 10px; text-align: center;}


}

@media screen and (max-width:540px){
  .top-block-wrapper .left-side .top-row {padding: 40px 28px;}
  .top-block-wrapper h2 {font-size: 42px;}
  .top-block-wrapper .socials-wrapper {display: none;}
  .top-block-wrapper .left-side .links-row {margin-right: 0;}
  .top-block-wrapper .left-side .links-row .flash {display: block; right: -40px; left: auto; top: calc(50% - 30px);} 
  .top-block-wrapper h1 {margin: 12px 0;}
  .s-link.arrow {font-size: 14px;}
  .top-block-wrapper .right-side .title-desc .title {font-size: 24px;}
  .top-block-wrapper .right-side .title-desc {flex-direction: column-reverse; bottom: 20px;}
  .top-block-wrapper .right-side .title-desc .desc {margin-right: 0; margin-bottom: 12px;}
  .desc-form-wrapper .desc-warpper .inner-wrapper {padding: 12px;}
  .popup-form-wrapper .agree-desc {font-size: 12px;}
  .title-baner-wrapper {margin-bottom: 0;}
  .services-programms-wrapper {margin-top: 0;}
  .mb-wrapper .first {width: 100%; display: flex;}
  .mb-wrapper .column .photo-2,
  .mb-wrapper .column .photo-1 {height: 114px; width: 100%;}
  .mb-wrapper .column .photo-3 {display: none;}
  .mb-wrapper .column .photo-4 {height: 310px;}
  .mb-wrapper .second {width: 100%; padding-left: 0;}
  .mb-wrapper .column .photo {margin-bottom: 0;}
  .mb-wrapper .block-title {top: 60px; padding: 8px 12px;}
  .mb-wrapper .block-about {bottom: 24px;}
  .s-link{width:100%}
  
  
}
@media screen and (max-width:480px){
  .content {padding: 0 8px;}
  .s-link.arrow {padding-right: 32px;}
  .s-link.arrow:hover {padding-right: 32px;}
  .popup {padding: 20px;}
  .footer-wrapper .footer-menu .column {width: 100%; text-align: center;}
  .footer-wrapper .footer-menu .column a {margin-bottom: 18px;}
  .footer-wrapper .footer-menu .column a:last-of-type {margin-bottom: 18px;}
  .footer-wrapper .footer-menu {margin: 32px 0;}
  .desc-form-wrapper .agree-wrapper {padding: 6px 6px 6px 16px; font-size: 12px;}
  .popup-form-wrapper .agree-desc {font-size: 11px;}
  .title-baner-wrapper h1 {font-size: 24px;}
  h2.std {font-size: 28px;}
  .services-programms-wrapper .programms-wrapper .programm h3 {font-size: 26px;}
  .programms-wrapper .title-price-wrapper h4 {font-size: 26px;}
  .sgi-programm .target {font-size: 20px;}
  .services-programms-wrapper .programms-wrapper {margin-top: 0;}
  .sgi-programm {margin-left: 12px; margin-top: 12px;}
  .programm-list .item {font-size: 16px;}
  .top-block-wrapper .left-side {border-left:unset}


}
@media screen and (max-width:414px){
    .content {padding: 0 8px;}
    .about-block .row .element.first,
    .about-block .row .element.third,  
    .about-block .row .element.fourth,
    .about-block .row .element.fifth,
    .about-block .row .element.sixth,
    .about-block .row .get-more {width: 48%;}
    .about-block .row .element.second {width: 100%;}
    .about-block .row .get-more::before {transform: none;}
    .desc-form-wrapper .desc-warpper .inner-wrapper br {display: none;}
    .popup-form-wrapper .agree-desc {font-size: 10px;}
}
@media screen and (max-width:404px){
    .s-link.arrow svg {display: none;}
    .s-link.arrow {padding-right:4px;}
    .single-link .title-link a {font-size: 22px;}
    .feedback-wrapper .title-wrapper .part {font-size: 34px;}


}

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


}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }
@keyframes type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}