* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: 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}
input,button,textarea{font-family: "Source Sans Pro", sans-serif;}
ul {display: block; padding: 0;margin: 0;}
:root{
    --main:#1B222C;
    --second:#00804D;
    --brand:#2591FF;
    --deep-navy:#1B222C;
    --blue-2:#1B222C;
    --light-blue:#409EFB;
    --accent-blue:#D6E9FF;
    --ghost-gray:#D6E9FF;

    --white:#F5F5F5;
    --green2:#255642;
    --light-green:#74C465;
    --light:#CEF17B;
    --gray:#F4F4F4;
}

html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", 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: #fbfbfb;
    background-color: #fff;

}

.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; z-index: 1;}
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(--orange);}
.white {color:var(--white)}
input.wrong {border-color: var(--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: 0 0 8px;}
input, textarea {outline: none; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content-w {width: 1288px; position: relative; margin: 0 auto; padding: 0; }
.content {width: 1288px; position: relative; margin: 0 auto; padding: 0 16px; z-index: 1; }
.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;}
.d-flex {display: flex !important;}
.f-wrap {flex-wrap: wrap;}
.f-center {align-items: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}

.site-header {margin:20px auto 28px;}

.page-top-block {position: relative; /*padding-top: 20px;*/ margin-top: 32px; padding-left: 0; padding-right: 0; padding-bottom: 106px; background-repeat: no-repeat; background-size: cover;}
.page-top-block.avtoshkola {padding-bottom: 32px;}
.page-top-block.white-bg {background-color: #fff;} 
/* .page-top-block.main-page {background-image: url(../img/bg-main-top.jpg);} */
.page-top-block.main-page .txt-block {width: 728px;}
.page-top-block.main-page h1 {color: var(--white); text-transform: uppercase; font-size: 68px; line-height: .94;}
.page-top-block.main-page h1 span {color: var(--main);}
.page-top-block.main-page .txt-block .top-desc-w {margin: 24px 0 32px; font-size: 16px; line-height: 1.25;}
.page-top-block.main-page .txt-block .flex-desc {margin-bottom: 8px; }
.page-top-block.main-page .txt-block .flex-desc .s-desc {margin-bottom: 16px; width: 40%;}
.page-top-block.main-page .txt-block .flex-desc .s-desc:last-of-type {margin-right: 0px;}
.page-top-block.main-page .txt-block .flex-desc .s-desc .icon{width: 55px;}
.page-top-block.main-page .txt-block .flex-desc .s-desc .txt{width: calc(100% - 55px); font-size: 14px; padding-left: 10px; line-height: 1.43;}
.main-menu-w .company-desc {font-size: 12px; margin-left: 33px; width: 126px; line-height: 1.1; opacity: .9;}

.ul-desc-w {width: 100%; justify-content: space-between; position: relative; align-items: center;}

.main-menu-w .maiin-menu-ul {}
.white-version .main-menu-w .maiin-menu-ul a {color: var(--white);}
.white-version .main-menu-w .maiin-menu-ul a.current-page {color: var(--light); cursor: context-menu;}
.white-version .main-menu-w .maiin-menu-ul a:hover {color: var(--light);}
.main-menu-w .maiin-menu-ul li {display: inline-block;  margin: 0 15px; }
.main-menu-w .maiin-menu-ul li .current-page {color: var(--light-blue); font-style: italic;}
.main-menu-w .maiin-menu-ul li a:hover {color: var(--light-blue);}
.site-header .btn-get-cosult {display: inline-block; transition: .3s ease-in-out; cursor: pointer; line-height: 1; padding: 10px 27px; background-color: var(--brand); font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 16px; overflow: hidden; color: var(--white);}
.site-header .white-version .btn-get-cosult {color: var(--white);}
.site-header .btn-get-cosult:hover {background-color: var(--accent-blue); color: var(--main);}
.site-header .white-version .btn-get-cosult:hover {background-color: var(--light-blue);}
.home-icon {width: 130px;}
.home-icon {}
.home-icon img {display: block;height: 100%; object-fit: contain;}
.content-w {padding: 10px 16px; background-color: #F4F4F4; border-radius: 26px;box-shadow: 0px 3px 2.5px 0px #00000012;}
.page-top-block .content-w.white-version {background-color: var(--main); color: var(--white); position: relative; z-index: 2;}
.page-top-block .top-btn {display: inline-block; transition: all .3s ease-in-out; background-color: var(--light); padding: 20px 50px; color: var(--light-blue); font-size: 18px; font-weight: 700;}
.page-top-block .top-btn:hover {background-color: var(--green); }
.page-top-block .inner-wrapper {position: relative;}

.main-page.page-top-block .inner-wrapper {padding: 65px 75px 40px; border-radius: 27px;
  background: radial-gradient(70.95% 79.1% at 61.85% 51.49%, #409EFB 0.06%, #0072FF 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
linear-gradient(270deg, rgba(251, 251, 251, 0.5) 13.97%, rgba(251, 251, 251, 0) 46.74%);
}
.page-top-block.main-page .txt-block {position: relative; z-index: 2;}

.page-top-block .inner-wrapper .car-w {position: absolute; width: 629px; height: 383px; right: -33px; bottom: 21px;}
.page-top-block .inner-wrapper .car-w img {width: 100%; height: 100%; object-fit: contain;}
.mobile-menu-wrapper {display: none;}
.m-menu-w {padding: 10px 0; justify-content: space-between;}
.burger-wrapper {}
.burger-phone-w {}
.burger-phone-w .phone-w {margin-left: 20px;}

.burger-wrapper {width: 24px; height: 16px; position: relative; z-index: 1;}
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 99;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%;}
.burger-wrapper .lines-wrapper .burger-line {height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out; background-color: #252525;}
.burger-wrapper .lines-wrapper .burger-line.first { width: 24px;}
.burger-wrapper .lines-wrapper .burger-line.second { top: 6px; width: 24px;}
.burger-wrapper .lines-wrapper .burger-line.third { top: 12px; width: 16px; right: 0;}
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 9px;left: 0;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; top: 9px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}
.mobile-menu-list {position: fixed; padding: 25px; right: -120%; width: 100%; z-index: -9; transition: all .3s ease-in-out; top: 62px; background-color: var(--white); height: calc(100vh - 60px); 
background-color: var(--brand);
}
.mobile-menu-list.show {right: 0; z-index: 9;}
.mobile-menu-list .mobile-menu {margin-top: 72px;}
.mobile-menu-list .mobile-menu li {padding: 10px 0 10px; border-bottom: 1px solid var(--white);}
.mobile-menu-list .mobile-menu li a {text-transform: uppercase; font-size: 44px; font-weight: 800; color: var(--white);}
.site-footer {background-color: var(--main);}
.footer-w {padding: 72px 0 35px;}
.dev-block {background-color: var(--main); color: #A6A6A6; padding: 32px 0; border-top: 1px solid #C4C4C4;}
.dev-block a {color: #A6A6A6;}
.dev-block a:hover {color: var(--white)}
.cr-pp-wrapper {justify-content: space-between; font-size: 14px;}
.footer-menu-w {justify-content: space-between;}
.footer-menu-w .s-column {}
.footer-menu-w .s-column .footer-desc {margin: 15px 0 48px; color: #C4C4C4; font-size: 14px;}
.socials-block .socials-title {font-size: 18px; font-weight: 700; color: #C4C4C4; margin-bottom: 20px;}
.socials-block .socials-w {}
.socials-block .socials-w a {display: block; margin-right: 15px; width: 30px; height: 30px;}
.socials-block .socials-w a svg {display: block; width: 100%; height: 100%; object-fit: contain;}
.socials-block .socials-w a:last-of-type {margin-right: 0px;}
.footer-menu-w .s-column .column-title {color: #C4C4C4; font-weight: 700; font-size: 18px; margin-bottom: 22px;}
.footer-menu-w .s-block {color: #C4C4C4; margin-bottom: 20px; font-size: 14px;}
.footer-menu-w .s-block:last-of-type {margin-bottom: 0px;}
.footer-menu-w .s-block .title { margin-bottom: 10px; opacity: .7;}
.footer-menu-w .s-block a {color: #C4C4C4;}
.footer-menu-w .s-block a:hover {color: var(--brand);}
.footer-menu-w .s-column .link-w {margin-bottom: 12px;}
.footer-menu-w .s-column .link-w {margin-bottom: 12px;}
.footer-menu-w .s-column .link-w .opacity-link {opacity: .8; font-size: 14px; color: #C4C4C4; cursor: pointer; transition: all .3s ease-in-out;}
.footer-menu-w .s-column .link-w .opacity-link:hover {color: var(--brand);}
.footer-menu-w .s-column .link-w:last-of-type {margin-bottom: 0px;}
.main-page-pluses {}
.main-page-pluses {position: relative; background-color: var(--gray); }
/* .main-page-pluses::after {content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; background-image: url(../img/bg-wave.svg); background-repeat: no-repeat; background-position: top;} */
.main-page-pluses .pluses-w {column-gap: 20px; padding: 60px 0;}
.main-page-pluses .pluses-w .s-pluse {width: calc(25% - 15px); padding: 30px 21px; border-radius: 12px; }
.main-page-pluses .pluses-w .s-pluse .title {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.main-page-pluses .pluses-w .s-pluse.first {background-color: var(--brand); color: var(--white);}
.main-page-pluses .pluses-w .s-pluse.second {background-color: var(--light-green);} 
.main-page-pluses .pluses-w .s-pluse.third {background-color: var(--light);} 
.main-page-pluses .pluses-w .s-pluse.fourth {background-color: var(--light-blue); color: var(--white);} 
h2 {text-transform: uppercase; font-size: 44px; font-weight: 800; margin-bottom: 18px; line-height: 1;}
h2 .green {color: var(--brand);}
h2 .green-txt {color: var(--light-green);}
h2 .small {font-size: 20px;}
h3 {font-size: 24px; font-weight: 800; text-transform: uppercase;}
.main-page-pluses .stock-w {justify-content: space-between; margin-bottom: 160px; padding: 42px 0;}
.main-page-pluses .left-block {width: 620px; position: relative;height: fit-content;}
.main-page-pluses .left-block .label {display: inline-block; margin-bottom: 38px; padding: 4px 20px 5px; border-radius: 10px; background-color: var(--brand); color: var(--white); font-size: 14px;}
.main-page-pluses .left-block .stock-desc {font-size: 20px; }
.main-page-pluses .left-block .stock-desc span {font-weight: 900;}

.main-page-pluses .right-block {width: 423px; position: relative;}
/* .main-page-pluses .right-block .dot {width: 28px; height: 28px; display: block; position: relative; border-radius: 50%; margin: 0 auto; background-color: var(--main); top: -80px; box-shadow: 0px 4px 4px 0px #00000040;} */
.main-page-pluses .right-block .label-inner-w {}
.main-page-pluses .right-block .dot {position: relative;
 box-shadow: 0px 4px 4px 0px #00000040; width: 28px; height: 28px; border-radius: 50%; background-color: var(--main); right: -240px;
}
.main-page-pluses .right-block .threads {position: relative; width: fit-content; right: -207px; top:-10px;z-index: 5;
 animation: threads-aw 3.5s 1s infinite;

}
.main-page-pluses .right-block .threads img {transform: rotate(-4deg); z-index: 5; position: relative; }


.main-page-pluses .right-block .hook {position: relative;}
.main-page-pluses .right-block .dot img {margin: 0 auto;}
.main-page-pluses .right-block .label-inner-w {position: relative; top: -70px;  transition: all .3s ease-in-out;
  animation: rolling 3.5s 1s infinite;
  /* transform: rotate(5deg); */

}
/* .main-page-pluses .right-block .label-inner-w::before {content: ''; position: absolute; top: -60px; width: 63px; height: 124px;
  background-image: url(../img/nitki.png); background-size: contain; background-repeat: no-repeat;
} */

@keyframes rolling {
  from {transform: rotate(3deg); }
  50% {transform: rotate(-3deg) translateX(60px);}
  to {transform: rotate(3deg); }

}
@keyframes threads-aw {
  from {transform: rotate(0deg);}
  50% {transform: rotate(-8deg); right: -220px;}
  to {transform: rotate(0deg); }

}


.hook-label-w {position: absolute; top: -74px;}


.main-page-pluses .left-block .desc {margin: 16px 0 40px;}
.main-page-pluses .left-block .stock-date {font-size: 14px; color: #626262; margin: 10px 0 0 16px;}
.blue-btn {display: inline-block; padding: 20px 40px; cursor: pointer; color: #073724; background-color: var(--brand);
  box-shadow: 1px 1px 2px 0px #4665431A;box-shadow: 1px 3px 4px 0px #4665431C; transition: all .3s ease-in-out; font-size: 18px; font-weight: 700;
  width: fit-content; color: var(--white); border-radius: 8px;
}
.blue-btn.btn-accent {color: #1B222C; background-color: #D6E9FF;}
.blue-btn.btn-accent:hover {background-color: #1B222C; color: var(--white);}
.blue-btn-light {padding: 20px 50px; cursor: pointer; display: inline-block; transition: all .3s ease-in-out; background-color: var(--accent-blue); border-radius: 8px; line-height: 1.33; font-size: 18px; font-weight: 700;}
.blue-btn-light:hover {background-color: var(--main); color: var(--white);}
.blue-btn .icon {display: flex; align-items: center; margin-right: 14px;}
.blue-btn .icon svg path {}
.blue-btn:hover .icon svg path {fill: var(--main);}
.blue-btn:hover {background-color: var(--accent-blue); color: var(--main);}
.get-consult-w {line-height: 1;}
.get-consult-w .gc-phone-w {margin-right: 30px;}
.get-consult-w .gc-phone-w {}
.get-consult-w .gc-phone-w a {}
.get-consult-w .gc-phone-w a .icon {margin-right: 15px; position: relative; top: 2px;}
.get-consult-w .gc-phone-w a span {font-size: 15px;}

.l-green-btn {display: inline-block; padding: 20px 50px; border-radius: 8px; cursor: pointer; color: var(--white); background-color: var(--brand);
box-shadow: 1px 1px 2px 0px #4665431A;box-shadow: 1px 3px 4px 0px #4665431C; transition: all .3s ease-in-out; font-size: 18px; font-weight: 700;
}

.l-green-btn:hover {background-color:#D6E9FF; color: var(--main);}
.light-blue-btn {display: inline-block; padding: 20px 50px; border-radius: 8px; cursor: pointer; color: var(--white); background-color: var(--deep-navy);
box-shadow: 1px 1px 2px 0px #4665431A;box-shadow: 1px 3px 4px 0px #4665431C; transition: all .3s ease-in-out; font-size: 18px; font-weight: 700;}
.light-blue-btn:hover {background-color: var(--brand);
box-shadow: 0px 4px 4px 0px #0A2B0640 inset;


}
.absolut-arrow-w {position: absolute; }
.absolut-arrow-w.arrow-1 {bottom: 6px; left: 44%;}
.absolut-arrow-w.arrow-1 .txt {position: relative; font-size: 12px; flex-direction: column-reverse; margin-bottom: 10px; transform: rotate(10deg); left: -10px;}
.absolut-arrow-w .txt {color: #222222; font-weight: 500; padding-left: 16px; display: flex;}
.absolut-arrow-w img {display: block;}
.main-page-pluses .right-block .label-w {box-shadow: 8px 17px 11px 0px #0000000D;
  padding: 57px 46px 46px; border-radius: 10px; background-color: #222222;
}
.main-page-pluses .right-block .label-w .hole {margin: 0 auto 30px; text-align: center; position: relative;}

.right-block .label-w .big-title {color: var(--white); font-style: italic; font-size: 44px; font-weight: 800; text-transform: uppercase; font-family: "Sofia Sans Extra Condensed", sans-serif;}
.right-block .label-w .big-title .green {color: var(--light-green);}
.right-block .label-w .big-title .blue {color: var(--brand);}

.right-block .label-w .middle-title {text-transform: uppercase; color: var(--white); margin: 0px 0 40px; font-size: 24px; font-weight: 600;}
.right-block .label-w .middle-title .green {color: var(--light-green);}
.right-block .label-w .attention {color: var(--light); font-style: italic; font-weight: 800; font-size: 28px; display: inline-block; padding-right: 20px;}
.right-block .label-w .places-stay {font-style: italic; font-size: 18px; color: var(--white);}
.right-block .label-w .places-stay .green {font-size: 18px; font-weight: 700; color: var(--light);}
.right-block .label-w .desc {margin: 20px 0 30px;}
.right-block .label-w .t-p-w {font-size: 18px; font-style: italic;}
.right-block .label-w .prices-w {margin-top: 30px;}
.right-block .label-w .prices-w .old-price {color: #a1a1a1; margin-bottom: 15px;}
.right-block .label-w .prices-w .old-price {display: flex; align-items: center; }
.right-block .label-w .prices-w .old-price .value {color: #8b8f94; position: relative; font-weight:600; font-size: 16px; }
.right-block .label-w .prices-w .old-price .value::before {content: ''; position: absolute; bottom: 8px; height: 1px; width: 100%; background-color: var(--white);}

.right-block .label-w .prices-w .old-price .procent {color: #d6e9ff; font-weight: 600; font-size: 16px; margin-left: 8px;}

.right-block .label-w .prices-w .cyr {font-size: 22px; padding-left: 8px;}
.right-block .label-w .prices-w .new-price {display: inline-block; line-height: 1; font-weight: 900;}
.right-block .label-w .prices-w .new-price .value {font-size: 54px; color: var(--brand);}
.right-block .label-w .prices-w .new-price .cyr {font-size: 32px; color: var(--brand);}
.right-block .label-w .places {font-style: italic; background-color: var(--white); font-size: 18px; padding: 8px; border-radius: 10px; margin-top: 34px;}






.numbers-map-w {padding-bottom: 90px;}
.numbers-map-w .numbers-w {padding: 18px 24px; background-color: var(--white); border-radius: 10px; margin: -50px auto 0;}
.numbers-map-w .numbers-w .s-number {margin-right: 40px;}
.numbers-map-w .numbers-w .s-number:last-of-type {margin-right: 0px;}
.numbers-map-w .numbers-w .number {font-family: "Sofia Sans Extra Condensed", sans-serif;font-size: 64px; font-style: italic; color: var(--brand); font-weight: 800;}
.numbers-map-w .numbers-w .desc {padding-left: 20px; font-size: 18px;}
.numbers-map-w .map-w {position: relative; width: 790px;}
.map-w .map-code iframe {display: block; width: 100%; border-radius: 20px; overflow: hidden; height: 100%;}
.map-w .map-code {box-shadow: 0px 7px 8px -1px #0000000D;box-shadow: 0px 1px 4px 0px #27653714; height: 383px;}
.map-addresses-w .addresses-w {width: calc(100% - 790px); padding-left: 24px;}
.map-addresses-w .addresses-w .addresses-title {background-color: var(--light-blue); color: var(--white); font-size: 24px; font-weight: 700; line-height: 1; padding: 10px; border-radius: 12px;}
.map-addresses-w .map-w .desc-block {padding-right: 60px; margin-bottom: 27px;}
.addresses-w .list-w {padding: 28px 34px; /*height: 424px;*/ background-color: var(--gray); margin-top: 8px; border-radius: 15px; /*overflow-y: scroll;*/}
.addresses-w .list-w .title {font-size: 18px; font-weight: 700; margin-bottom: 4px;}
.addresses-w .list-w .main-office {margin-bottom: 32px;}
.title-desc {margin-bottom: 30px;}

.city-list { height: 300px; overflow-y:scroll}
.city-list .s-city .city-title {font-size: 18px; font-weight: 600; margin-bottom: 12px;}
.city-list .s-city ul {list-style: inside;}
.city-list .s-city ul li {margin-bottom: 4px;}

.absolut-arrow-w.arrow-2 {right: -40px; top: -50px;} 
.absolut-arrow-w.arrow-2 .txt {transform: rotate(10deg); font-size: 14px; margin-top: 10px; padding-left: 10px;}
.allowance-w {justify-content: space-between;background-color: #F8FAFC; margin-bottom: 130px; padding: 30px 10px 30px 60px; border-radius: 20px; margin-right: 44px;}
.percentages-title-w {align-items: baseline;}
.percentages-title-w .title {margin-bottom: 0; margin-left: 24px; font-style: italic;}

.allowance-w .allowance-desc-w {width: 100%; margin-right: 44px; align-items: baseline;}
.allowance-w .allowance-desc-w .percentages {color: var(--brand); font-weight: 800; font-style: italic; font-family: "Sofia Sans Extra Condensed", sans-serif; font-size: 120px; line-height: 92%;}
.allowance-w .allowance-desc-w .title {font-size: 64px; font-weight: 800;font-family: "Sofia Sans Extra Condensed", sans-serif; text-transform: uppercase; }
.allowance-w .allowance-desc-w > .desc {font-size: 18px; padding-right: 110px;}
.allowance-w .allowance-desc-w .items-w {margin: 40px 0 6px;}
.allowance-w .allowance-desc-w .items-w .s-item {margin-bottom: 24px;}
/* .allowance-w .allowance-desc-w .items-w .s-item:last-of-type {margin-bottom: 0px;} */
.allowance-w .allowance-desc-w .items-w .s-item .title{font-size: 20px; margin-bottom: 8px;}
.allowance-w .allowance-desc-w .items-w .s-item .item-desc {color: #8e8e8e;}
.allowance-desc-w .items-w {width: 334px; padding-right: 44px;}
.allowance-desc-w .docs-w {width: 290px;}
.allowance-desc-w .all-docs-w {width: calc(100% - 334px); padding: 24px; background-color: var(--brand); border-radius: 15px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.14);
column-gap: 2%; position: relative; right: -52px; top: 24px;}
.allowance-desc-w .all-docs-w .single-doc {width: 32%; border-radius: 4px; border: 3px solid #2270c0; height: auto;}
.allowance-desc-w .all-docs-w .single-doc img {display: block; width: 100%; height: 100%; object-fit: cover;}
.allowance-w .items-docs-w {margin-bottom: -40px; }



.allowance-desc-w .btns-w {margin-bottom: 46px;}
.allowance-desc-w .btns-w a {margin-right: 20px;}
.allowance-desc-w .btns-w a:last-of-type {margin-right: 0px;}
.allowance-slider-w {width: 380px;}
.allowance-slider-w .slider-inner {height: 520px;}
.allowance-slider-w .single-doc {display: block; height: 520px; border: 1px dashed #1A1A1A99; background-color: #fff;}
.allowance-slider-w .single-doc img {display: block; width: 100%; height: 100%; object-fit: contain;}
.allowance-slider-w .slick-list {height: 100%;}
.allowance-slider-w .arrows {justify-content: center; margin-top: 22px;}
.allowance-slider-w .arrows svg rect,
.allowance-slider-w .arrows svg path {transition: all .3s ease-in-out;}


.allowance-slider-w .arrows .slider-arrow:hover svg path {fill: var(--light);}
.allowance-slider-w .arrows .slider-arrow:hover svg rect {fill: #f4f4f4;}


.arrows .slider-arrow {cursor: pointer;}
.allowance-slider-w .slider-arrow {margin: 0 5px;}
.simple-block {margin: 90px 0;}

.profitably-slider {margin: 0 -10px;}
.profitably-slider .s-block {padding: 34px; border-radius: 15px; background-color: #F8FAFC; margin: 0 10px; cursor: pointer; transition: all .3s ease-in-out;}
.profitably-slider .s-block:hover {background-color: var(--main); color: var(--white);}


.profitably-slider .s-block h3 {font-size: 24px; text-transform: uppercase; font-weight: 800; margin-bottom: 20px;}
.profitably-slider .s-block h3 span {color: var(--brand);}
.profitably-slider .s-block .desc {margin-bottom: 30px;}
.profitably-slider .s-block .link-w {cursor: pointer; width: fit-content;}
.profitably-slider .s-block .link-w .txt {font-family: "Sofia Sans Extra Condensed", sans-serif; transition: all .3s ease-in-out; padding-right: 15px; font-style: italic; font-size: 24px; font-weight: 800;}
.profitably-slider .s-block .link-w .icon svg rect {transition: all .3s ease-in-out;} 
/* .profitably-slider .s-block .link-w:hover .icon svg rect {fill:#f4f4f4;} */
/* .profitably-slider .s-block .link-w:hover .icon svg path {fill:var(--light)} */
/* .profitably-slider .s-block .link-w:hover .txt {color: var(--light-green);} */
.profitably-block .arrows-absolute {position: absolute; right: 16px; top: 0; column-gap: 20px;}
.absolut-arrow-w.arrow-3 {top: -40px;right: 80px;}
.absolut-arrow-w.arrow-3 .txt {transform: rotate(-20deg); padding: 0 10px 0 0; position: relative; top: 30px;}
.slider-arrow {cursor: pointer;}

#overlay {background: #333;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .8; z-index: 11;}
.popup {
  position: fixed; left: 50%;top:-250%;width: 560px;padding: 32px;height: auto; 
  background-repeat: no-repeat;
  background-color: #fff; 
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 6px; 
  border: 1px solid var(--light-green);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 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: 32px; right: 32px; cursor: pointer; opacity: .6; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup .close-btn svg {display: block; width: 100%;}

.popup-inner .popup-title {font-size: 44px; font-weight: 800; text-transform: uppercase; margin-bottom: 12px; padding-right: 40px; font-family: "Sofia Sans Extra Condensed", sans-serif;}
.popup-inner .desc {font-size: 14px; margin-bottom: 16px;line-height: 1.43;}
.popup-inner .inputs-wrapper-block {/*width: 400px;*/}
.input-wrapper {position: relative;}
.inputs-wrapper-block {column-gap: 24px;}
.popup-inner .input-wrapper .label {font-size: 16px; font-weight: 700; margin-bottom: 8px;}
.popup-inner .input-wrapper input {color: var(--main); padding: 16px 18px; border-radius: 6px; font-size: 14px; border: 1px solid #B1B1B1; display: block; width: 100%;}
.popup-inner .input-wrapper {margin-bottom: 12px; position: relative;}
.popup-inner .input-wrapper input:focus {border-color: var(--main);}
.popup-inner .input-wrapper {margin-bottom: 20px;
  width: calc(50% - 12px);
}
.popup-inner .submit-wrapper {/*margin-top: 20px;*/}
.popup-inner .submit {}

.agree-wrapper {margin-top: 24px; display: flex; align-items: center;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--light-blue);
  border-radius: 1px;
  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;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  background-color: transparent;
  position: relative;
}
label.wrong {border-color: var(--red) !important;}
input.agree-checkbox:checked + label.agree {background-color: var(--brand); background-image: url(../img/icons/v-white.svg);}
.input-wrapper.wrong input {border-color: var(--red);}
.agree-wrapper .agree-desc {font-size: 14px; width: calc(100% - 16px); padding-left: 10px;} 
.agree-wrapper .agree-desc a {text-decoration: underline;}
.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 26px; transform: translateY(50%); width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.input-wrapper.wrong::after {opacity: 1;}
.slick-dots {display: flex; justify-content: center; margin-top: 20px;}
.slick-dots li {display: block; margin: 0 2px;}
.slick-dots button {display: block; cursor: pointer; width: 9px; height: 9px; padding: 0; outline: none; border: none; font-size: 1px; color: transparent; background-color: #D9D9D9; border-radius: 50%; transition: all .3s ease-in-out;}
.slick-dots .slick-active button {background-color: var(--light-green)}

.reviews-w {column-gap: 1.25%;}
.s-review {width: 19%; position: relative; padding: 22px 20px; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.s-review .ava {border-radius: 50%; overflow: hidden; width: 60px; height: 60px;}
.s-review .name-surname {font-size: 18px; font-weight: 700; padding-left: 10px; width: calc(100% - 60px);}
.s-review .review-text {margin: 20px 0 15px; font-size: 14px;}
/* .popup-btn-w {position: absolute; bottom: 22px; left: 20px;} */
.s-review .get-review-popup { font-size: 14px; font-style: italic; display: inline-block; font-weight: 700; cursor: pointer; transition: all .3s ease-in-out;}
.s-review .get-review-popup:hover {color: var(--brand); text-decoration: underline;}
.popup .review-img {width: 100%; border-radius: 10px; overflow: hidden;} 
.popup .review-img img {display: block; width: 100%; height: 100%; object-fit: contain;} 
.popup .popup-title .n-s-w .name {color: var(--brand);}
.agree-wrapper.wrong {color: red;}
.agree-wrapper.wrong a {color: red;}

.s-review {background-color: #F8FAFC;}
/* .s-review:nth-child(1) {background-color: #222222;}
.s-review:nth-child(1) .name-surname {color: var(--white);}
.s-review:nth-child(1) .review-text {color: var(--white);}
.s-review:nth-child(1) .get-review-popup {color: var(--light-green);}
.s-review:nth-child(2) {background-color: var(--light-green);}
.s-review:nth-child(2) .get-review-popup {color: #255642;}
.s-review:nth-child(3) {background-color: var(--light);}
.s-review:nth-child(3) .get-review-popup {color: #255642;}
.s-review:nth-child(4) {background-color: #222222;}
.s-review:nth-child(4) .name-surname {color: var(--white);}
.s-review:nth-child(4) .review-text {color: var(--white);}
.s-review:nth-child(4) .get-review-popup {color: var(--light-green);}
.s-review:nth-child(5) {background-color: var(--light);}
.s-review:nth-child(5) .get-review-popup {color: #255642;} */

.quiz-steps-w {position: relative;}
.step-inputs-gift-w {justify-content: space-between;}
.step-inputs-gift-w .gift-w {width: 408px; background-color: #222222; padding: 22px 24px; border-radius: 10px;}
.step-inputs-gift-w .gift-w .mannager {margin-bottom: 20px;}
.step-inputs-gift-w .gift-w .mannager .ava {width: 56px; height: 56px; border-radius: 50%; overflow: hidden;}
.step-inputs-gift-w .gift-w .mannager .ava img {display: block; width: 100%; object-fit: contain;}
.step-inputs-gift-w .gift-w .mannager .name-job {width: calc(100% - 56px); padding-left: 10px;}
.step-inputs-gift-w .gift-w .mannager .name-job .name {font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.step-inputs-gift-w .gift-w .mannager .name-job .job {font-size: 14px;}
.step-inputs-gift-w .gift-w .gift-desc {margin-bottom: 30px; font-size: 14px;}
.step-inputs-gift-w .gift-w .s-gift {padding: 7px 20px; font-weight: 800; width: fit-content; border-radius: 10px; overflow: hidden; margin-bottom: 10px; column-gap: 18px; background-color: var(--white);font-family: "Sofia Sans Extra Condensed", sans-serif; font-size: 24px; text-transform: uppercase;}
.step-inputs-gift-w .gift-w .s-gift .title span { font-weight: 800;}

.step-inputs-gift-w .step-inputs-w {width: calc(100% - 420px); border-radius: 10px; border: 1px solid #cdcdcd; position: relative; padding: 30px 38px;}
.step-inputs-gift-w .step-inputs-w .nav-title-w {margin-bottom: 20px;}
.step-inputs-gift-w .step-inputs-w .nav-title-w .title {padding-left: 20px; position: relative; bottom: 4px; font-size: 20px; font-weight: 700; line-height: 1;}
.step-inputs-gift-w .step-inputs-w .nav-title-w .desc {margin-bottom: 40px;}
.quiz-inputs-w {margin: 40px 0;}
.quiz-inputs-w .radio-input-w {margin-bottom: 7px;}
.quiz-inputs-w .radio-input-w input {display: none;}
.quiz-inputs-w .radio-input-w span {display: flex; align-items: center; position: relative;}
.quiz-inputs-w .radio-input-w label {display: inline-block; cursor: pointer;}
.quiz-inputs-w .radio-input-w span {position: relative;}
.quiz-inputs-w .radio-input-w span::before {content: ''; position: relative; display: block; width: 16px; height: 16px; border: 1.4px solid #808080; border-radius: 50%; margin-right: 15px;}
.quiz-inputs-w .radio-input-w input:checked + span::after {content: ''; width: 10.5px; height: 10.5px; background-color: var(--brand); border-radius: 50%; position: absolute; top: 3px; left: 3px;}
.quiz-inputs-w .radio-input-w input:checked + span::before {border-color: var(--main);}
.f-sb {justify-content: space-between;}
.progress-nav-block .step-counter {font-size: 14px; margin-bottom: 10px;}
.progress-nav-block .step-counter .procent {color: #8e8e8e;}
.progress-nav-block .progress-block {width: 586px;}
.progress-block .progress-bar {height: 16px; border-radius: 8px; background-color: #D0D0D0; position: relative;}
.progress-block .progress-bar::before {content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 16px; border-radius: 8px; background-color: var(--brand );}
.progress-block .progress-bar.p-25::before {width: 25%;}
.progress-block .progress-bar.p-50::before {width: 50%;}
.progress-block .progress-bar.p-75::before {width: 75%;}
.progress-nav-block .next-nav-block {margin-left: 30px; align-items: end; cursor: pointer;}
.progress-nav-block .next-nav-block .txt {font-family: "Sofia Sans Extra Condensed", sans-serif; font-size: 24px; font-weight: 800; text-transform: uppercase;}
.progress-nav-block .next-nav-block .next-step-icon {margin-left: 23px;}
.quiz-form {position: relative;}
.quiz-form .loading {position: absolute; top: 0; left: 0; bottom: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; z-index: -1;}
.quiz-form .loading.show {z-index: 5; opacity: .7;}
.quiz-form .single-step {display: none;}
.quiz-form .single-step.active {display: block;}
.quiz-form  .quiz-nav-btn {cursor: pointer;}
.quiz-form .last-step {}
.quiz-form .last-step .step-inputs-w {background-color: var(--brand);}
.quiz-form .last-step .big-title{font-family: "Sofia Sans Extra Condensed", sans-serif; text-transform: uppercase; font-size: 44px; font-weight: 800;}
.quiz-form .last-inputs-w {column-gap: 30px; margin-top: 30px;}
.quiz-form .last-step .s-input-w {width: 276px;}
.quiz-form .last-step .s-input-w .label {font-weight: 700; display: inline-block; margin-bottom: 10px;}
.quiz-form .last-step .s-input-w input {display: block; width: 100%; transition: all .3s ease-in-out; font-size: 14px; padding: 16px 16px; background-color: var(--white); border-radius: 6px; border: 1px solid var(--light-blue);}
.quiz-form .last-step .s-input-w input:focus {border-color: var(--main);}
.quiz-submit-agree-w {margin-top: 30px;}
.quiz-submit-agree-w .submit {display: inline-block; color: var(--white); padding: 14px 74px; background-color: var(--main); cursor: pointer; font-weight: 700; color: var((--white)); transition: all .3s ease-in-out;
  box-shadow: 1px 3px 4px 0px #4665431C; border-radius: 8px;


}
.quiz-submit-agree-w .submit:hover {background-color:var(--light-blue); color: var(--white);}
.quiz-submit-agree-w .agree-w {font-size: 14px; margin-left: 30px;}
.quiz-submit-agree-w .agree-w .agree-desc {padding-left: 10px;}
.quiz-submit-agree-w .agree-w .agree-desc a {text-decoration: underline; color: var(--white);}
.step-inputs-gift-w.last-step .gift-w .s-gift {background-color: var(--light); color: var(--main);}
.page-top-block .not-main {padding-top: 48px;}
.breadcrumbs {font-size: 14px; margin-bottom: 38px; color: var(--white);}
.black-breadcrumbs .breadcrumbs {color: var(--main); margin-bottom: 12px;}
.black-breadcrumbs .breadcrumbs a {color: var(--main);}
.black-breadcrumbs .breadcrumbs .sep {filter: brightness(0) saturate(100%) invert(8%) sepia(28%) saturate(774%) hue-rotate(175deg) brightness(99%) contrast(89%);}
.breadcrumbs a {color: var(--white);}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs .sep {margin: 0 12px;}
.shooll-top-block {height: 515px; background-color: var(--brand); position: relative; padding: 40px 104px; border-radius: 27px;}
.shooll-top-block h1 {font-size: 64px; text-transform: uppercase; line-height: 1;}

.shooll-top-block .text-block {width: 418px; margin-top: 24px; position: relative;}
.shooll-top-block .video-block {width: 567px; height: 364px;  position: absolute; right: 57px; bottom: -62px; }
.shooll-top-block .video-block .video-w {position: relative; height: 100%; border: 5px solid var(--white); border-radius: 27px; overflow: hidden;}
.shooll-top-block .video-block .video-w a::before {content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-image: url(../img/icons/la_play.svg); background-repeat: no-repeat; background-position: center; }
.shooll-top-block .first-desc,
.shooll-top-block .second-desc {line-height: 1.25;}
.shooll-top-block .second-desc {margin: 18px 0 40px;}

.not-main h1 {font-size: 64px; font-weight: 800; text-transform: uppercase; margin-bottom: 30px; line-height: 1;}

.shooll-top-block .desc {margin-bottom: 40px;}
.shooll-top-block .video-w a {display: block; width: 100%; height: 100%; position: relative;}
.shooll-top-block .video-w img {display: block; height: 100%; width: 100%; object-fit: cover;}
.shooll-top-block .arrow-6 {bottom: 50px; right: -80px; }
.shooll-top-block .arrow-6 .txt {color: var(--white); padding: 0 10px 0 0; transform: rotate(-25deg); position: relative; top: 35px;}
.gray-block {background-color: var(--gray);}
.students-w {align-items: end; margin-bottom: 30px;}
.students-w .left {width: 50%; }
.students-w .right {width: 25%; margin-right: 104px;}
h3 .green-txt {color: var(--brand);}
.students-w .right .item {margin-bottom: 30px;}
.students-w .right .item:last-of-type {margin-bottom: 0px;}
.yellow-block {background-color: var(--brand); padding: 80px 65px 0px 60px; border-radius: 26px; position: relative; margin-top: 130px;}
.yellow-block .girl {width: 382px;position: relative;}
.yellow-block .girl .img-w {width: 100%;position: absolute; bottom: 0;}
.yellow-block .girl .img-w img {display: block; width: 100%;}
.yellow-block .girl .img-w img.mobile {display: none;}
.yellow-block .txt-block {width: 664px; margin-bottom: 60px;}
.yellow-block .links-w {column-gap: 30px;}
a.black {padding: 20px 50px; background-color: var(--main); border-radius: 8px; color: var(--white); line-height: 1; font-weight: 700; transition: all .3s ease-in-out;box-shadow: 1px 3px 4px 0px #4665431C;}
a.black:hover {background-color: var(--white); color: var(--main);}
a.accent {padding: 20px 50px; background-color: #D6E9FF; border-radius: 8px; color: var(--main); line-height: 1; font-weight: 700; transition: all .3s ease-in-out;box-shadow: 1px 3px 4px 0px #4665431C;}
a.accent:hover {background-color: var(--main); color: var(--white);}



.yellow-block .quote {position: absolute; top: -48px; right: 12px; width: 184px; height: 105px;}
.yellow-block .quote img {width: 100%; height: auto; object-fit: contain;}
.cars-w {column-gap: 1.5%;}
.cars-w .car {width:15.4%; margin-bottom: 19px;}
.cars-w .car .thumb {height: 178px; padding: 12px; background-color: #F8FAFC; border-radius: 10px; overflow: hidden;}
.cars-w .car .thumb img {display: block; width: 100%; object-fit: contain;}
.cars-w .car .title {margin: 8px 0; font-size: 20px; font-weight: 700; line-height: 1;}
.instructors-w {column-gap: 2%;}
.instructors-w .s-instructor {width: 23.5%;}
.instructors-w .s-instructor .poster-w {height: 386px; position: relative; border-radius: 10px; overflow: hidden;}
.instructors-w .s-instructor .poster-w img {display: block; object-position: top; width: 100%; height: 100%; object-fit: cover;}
.instructors-w .s-instructor .poster-w .desc-a {position: absolute; z-index: 2; bottom: 20px; right: 12px; left: 12px; padding: 12px; background-color: #E9E9EB; border-radius: 18px; font-size: 14px;}
.instructors-w .s-instructor .poster-w .desc-a::before {content: ''; position: absolute; z-index: 1; width: 16px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/icons/tail.svg); left: 0px; bottom: -4px;}
.instructors-w .name-rating-w {margin: 10px 0 8px;}
.instructors-w .name-rating-w .name {font-size: 20px; font-weight: 700;}
.instructors-w .name-rating-w .rating {}
.instructors-w .name-rating-w .rating .icon {width: 20px; height: 20px; margin-right: 8px;}
.instructors-w .name-rating-w .rating .icon img {display: block; width: 100%; height: auto; object-fit: contain;}
.instructors-w .name-rating-w .rating .value {font-style: italic; font-size: 16px; }
.faq-w .s-faq {margin-bottom: 12px; position: relative; padding: 24px;transition: all .3s ease-in-out; background-color: #FBFBFB; cursor: pointer; transition: all .3s ease-in-out;  padding-right: 40px;}
.faq-w .s-faq.active {background-color: #D6E9FF;}
.faq-w .s-faq .faq-title {font-size: 20px; font-weight: 700; position: relative; padding-right: 20px;}
.faq-w .s-faq .faq-title::after{content: ''; position: absolute; width: 14px; height: 3px; background-color: var(--main); right: -10px; top: calc(50% - 1px);}
.faq-w .s-faq .faq-title::before{content: ''; transition: all .3s ease-in-out; position: absolute; width: 3px; height: 14px; background-color: var(--main); right: -4.5px; top: calc(50% - 7px);}
.faq-w .s-faq.active .faq-title::before {transform: rotate(90deg);}
.faq-w .s-faq.active .answer {height: auto; max-height: 1000px;}
.faq-w .s-faq .answer {height: 0; min-height: 0; overflow: hidden; transition: .3s ease-in-out; padding-right: 20px;}
.faq-w .s-faq .answer .answer-inner {padding-top: 15px;}
.s-service-w {column-gap: 1.5%;}
.s-service-w .s-service {width: 38%; padding: 24px 30px; border-radius: 20px; border: 1px solid #a3a3a3; }
.s-service-w .s-service .title-w {}
.s-service-w .s-service .title-w img {display: block; width: auto; object-fit: contain;}
.s-service-w .s-service .rating {font-size: 100px; font-style: italic; margin: 30px 0 20px; font-weight: 800; font-family: "Sofia Sans Extra Condensed", sans-serif;}
.s-service-w .s-service .stars {}
.s-service-w .s-service .stars .star {width: 20px; height: 20px; margin-right: 3px; }
.s-service-w .s-service .stars .star img {display: block; width: 100%; object-fit: contain;}
.s-service-w .s-service .rating-desc {margin: 24px 0 18px;}
.link-i-w {width: fit-content; transition: all .3s ease-in-out;}
.link-i-w span {font-size: 24px; font-style: italic; position: relative; top: -2px; transition: color .3s ease-in-out; display: inline-block; margin-right: 30px; font-weight: 800;line-height: 1; font-family: "Sofia Sans Extra Condensed", sans-serif;}
.link-i-w:hover span {color: var(--brand);}
.link-i-w .icon svg rect {transition: all .3s ease-in-out;}
.link-i-w:hover svg rect {fill: var(--main);}
.link-i-w:hover svg path {fill:var(--white)}


.s-service-w .send-review {width: 21%; cursor: pointer; transition: all .3s ease-in-out; display: flex; flex-direction: column; justify-content: center; background-color: #F8FAFC; padding: 30px; border-radius: 20px; overflow: hidden;}
.s-service-w .send-review:hover {background-color: var(--main);}
.s-service-w .send-review:hover .desc {color: var(--white);}
.s-service-w .send-review .desc {transition: all .3s ease-in-out;}
.s-service-w .send-review .desc {margin-bottom: 30px;}
.s-service-w .link-w {}
.s-service-w .link-w .txt{font-family: "Sofia Sans Extra Condensed", sans-serif; transition: all .3s ease-in-out;  text-transform: uppercase; font-size: 24px; font-weight: 800; padding-right: 30px;}
.s-service-w .send-review:hover .link-w .txt {color: var(--white);}
.simple-content {margin: 40px 0;}
/* .ceny-i-raspisanie {background-repeat: no-repeat; background-size: cover; background-image: url(../img/bg-top-1.jpg);} */
/* .ceny-i-raspisanie::before {content: ''; position: absolute; right: 0; height: 70%; top: 10%; width: 300px; background-image: url(../img/icons/circles.png); background-position: right; background-repeat: no-repeat; background-size: contain;} */
.ceny-i-raspisanie {position: relative;}
.ceny-i-raspisanie .inner-wrapper {background-color: var(--brand); border-radius: 31px; padding: 36px 44px;}
.ceny-i-raspisanie .inner-pralax {border-radius: 27px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/bg-top-1.jpg); 
  padding: 66px 60px 95px;
  border: 5px solid var(--white); 
}

.white-breadcrumbs {color: var(--white); padding-top: 62px;}
.white-breadcrumbs .sep {filter: invert(100%) sepia(0%) saturate(7433%) hue-rotate(89deg) brightness(122%) contrast(97%)}
.white-breadcrumbs a {color: var(--white);}
.ceny-i-raspisanie h1 {text-transform: uppercase; color: var(--white);margin-top: 20px; font-size: 64px; font-weight: 800;}
h1 .italic {font-weight: 300; font-style: italic; display: inline-block; padding-right: 12px;}
.page-top-block.ceny-i-raspisanie {padding-bottom: 0px;}
.ceny-i-raspisanie .title-desc {width: 725px; margin: 8px 0 54px; line-height: 1.25;}
.ceny-i-raspisanie .in-cost {box-shadow: 0px 4px 7.2px 0px #00000026; background-color: #F4F4F4;
  padding: 20px 40px; border-radius: 20px; position: relative; z-index: 2;
  width: 1040px;
}
.in-cost-own {position: relative; justify-content: center; top: -80px; margin-bottom: -80px;}
.in-cost-w {column-gap: 2%;}
.in-cost .title {font-family: "Sofia Sans Extra Condensed", sans-serif;font-size: 26px; text-transform: uppercase; font-weight: 800; margin-bottom: 16px; line-height: 1.38;}
.in-cost-w .item {margin-bottom: 16px;}
.in-cost-w .item .icon {width: 16px; height: 16px;}
.in-cost-w .item .icon img {width: 100%; object-fit: contain;}
.in-cost-w .item .txt {padding-left: 16px;}
.in-cost-w .item:nth-child(1){width: 24%;}
.in-cost-w .item:nth-child(2){width: 34%; }
.in-cost-w .item:nth-child(3){width: 30%; }
.in-cost-w .item:nth-child(4){width: 24%; margin-bottom: 0;}
.in-cost-w .item:nth-child(5) {width: 34%; margin-bottom: 0;}
.in-cost-w .item:nth-child(6) {width: 30%; margin-bottom: 0;}
.category-blocks-w {column-gap: 1%; }
.category-blocks-w .cat-block {width: 49.5%; padding: 47px 49px; background-color: #F8FAFC; border: 1px solid #D6E9FF; border-radius: 13px;}
.category-blocks-w .cat-block h2 {line-height: 1; margin-bottom: 0px;}
.cat-icon-title-w {margin-bottom: 8px;}
.cat-icon-title-w h2 {margin-left: 16px;}
.category-blocks-w .cat-block .cat-title-desc {font-weight: 900; font-size: 20px;}
.category-blocks-w .cat-block .cat-title-desc .green {color: var(--brand);}
.category-blocks-w .cat-block .cat-desc {margin: 30px 0; }
.category-blocks-w .cat-block .durations {font-style: italic; margin: 30px 0;}
.category-blocks-w .cat-block .durations .duration {width: 50%; padding-right: 8px;}
.cat-block .radio-input-w {margin-bottom: 2px;}
.cat-block .radio-input-w:last-of-type {margin-bottom: 0px;}
.cat-block .radio-input-w input {display: none;}
.cat-block .radio-input-w span {display: flex; align-items: center; position: relative; }
.cat-block .radio-input-w label {display: inline-flex; cursor: pointer;}
.cat-block .radio-input-w span::before {content: ''; position: relative; display: block; width: 14px; height: 14px; border: 1.4px solid #808080; border-radius: 50%; margin-right: 15px;}
.cat-block .radio-input-w input:checked + span::after {content: ''; display: block; width: 8px; height: 8px; background-color: var(--main); border-radius: 50%; position: absolute; top: auto; left: 2.8px;}
.cat-block .radio-input-w input:checked + span::before {border-color: var(--main); }
.cat-block .inputs-block {}
.cat-block .inputs-block .side {width: 50%;}
/* .cat-block .grafic-btn {cursor: pointer;} */
.cat-block .grafic-btn path {transition: fill .3s ease-in-out;}
.cat-block .grafic-btn.active path {fill: var(--light-green);}
.cat-block .grafic-btn.active {text-decoration: underline;}
.cat-block .grafic-btn .txt {padding-left: 20px;}
.cat-block .grafic-w {}
.cat-block .grafic-w.show {}
.cat-block .grafic-w .inner-w {margin: 20px 0 0;}
.cat-block .grafic-w .inner-w .grafic-title {font-size: 14px; font-weight: 700;}
.cat-block .grafic-w .table {padding: 14px 0; font-size: 14px;}
.cat-block .grafic-w .head-row {padding-bottom: 13px; border-bottom: 1px solid #CEF17B; margin-bottom: 9px;}
.cat-block .grafic-w .table .row {margin-bottom: 8px;}
.cat-block .grafic-w .table .title {width: 50%;}
.cat-block .grafic-w .table .value {width: 50%;}
.cat-block .prices-w {align-items: baseline; margin: 20px 0 30px;}
.cat-block .prices-w .new-price {font-size: 54px; font-weight: 900;}
.cat-block .prices-w .new-price span {display: inline-block; font-size: 32px;}
.cat-block .prices-w .old-price {margin-left: 30px; color: #A1A1A1; font-size: 32px; font-weight: 900; text-decoration: line-through;}
.cat-block .btn-w {margin-top: 24px;}
.cat-block .grafic-w {max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out;}
.cat-block .grafic-w.show {max-height: 500px; height: auto;}
.cat-links-w {margin:40px 0 0}
.cat-links-w .s-cat {display: inline-block; line-height: 1; padding: 18px; width: 142px; text-align: center; margin-right: 17px; margin-bottom: 17px; font-weight: 700; font-size: 18px; border: 1px solid #D6E9FF; background-color: #F8FAFC; border-radius: 6px; transition: all .3s ease-in-out;}
.cat-links-w .s-cat.current,
.cat-links-w .s-cat:hover {background-color: var(--brand); color: var(--white);}
.cat-links-w .s-cat:last-child{margin-right: 0;}
.cat-block .inputs-block .side .title {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.category-info .s-desc {margin: 20px 0 32px; line-height: 1.25;}

.best-price-w {position: relative; align-items: end;}
.best-price-w .poster{width: 340px;}
.best-price-w .poster img {display: block; width: 100%; height: 100%; object-fit: contain;}
.best-price-w .txt-block {width: calc(100% - 378px); padding-left: 104px;}
.best-price-w .txt-block .desc {margin: 16px 0 36px; line-height: 1.25;}
.absolut-arrow-w.arrow-4 {top: 40px; right: 220px;}
.absolut-arrow-w.arrow-4 .txt {transform: rotate(15deg); position: relative; top: -10px;}
.best-price-block {margin: 100px 0;}
.page-top-block.obuchenie-page {padding-bottom: 48px;}
.obuchenie-page .top-poster {border-radius: 30px; background-image: url(../img/bg-top-2.jpg); padding: 48px 104px 113px; background-position: center; background-repeat: no-repeat; background-size: cover;}


.obuchenie-page .top-poster .title-desc-w {width: 747px;margin-top: 48px;}
.obuchenie-page .top-poster .desc {margin-bottom: 54px;}
.obuchenie-page .top-poster .title-desc-w h1 {font-family: "Sofia Sans Extra Condensed", sans-serif; text-transform: uppercase; font-size: 64px; line-height: 1; margin-bottom: 16px;}
.transports-cat-w {position: relative; box-shadow: 0px 4px 11.7px -2px #00000024; margin: -50px auto 0; padding: 12px; width: 1095px; column-gap: 1.3%; background-color: var(--brand); border-radius: 10px;}

.transports-cat-w .s-transport {width: 18.9%; cursor: pointer;}
.transports-cat-w .s-transport .inner-border {background-color: #D6E9FF; padding: 3px; border-radius: 7px;}
.transports-cat-w .s-transport .inner-border .inner {position: relative; display: flex; padding: 14px; background-color: #F8FAFC; border-radius: 5px;}
.transports-cat-w .s-transport .inner-border .inner::before{content: ''; position: absolute; border-radius: 3px; top: 0;bottom: 0;left: 0;right: 0; background-color: var(--brand); background-image: url(../img/icons/ei_arrow-up.svg); background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 0; z-index: -1; transition: all .3s ease-in-out;}
.transports-cat-w .s-transport:hover .inner-border .inner::before {z-index: 2; opacity: 2;}

.transports-cat-w .s-transport .title {font-size: 20px; color: #1B222C;}
.transports-cat-w .s-transport .mobile-icon {display: none;}


.passenger-cars-block {margin-bottom: 40px;}
.passenger-cars-block .passenger-cars .poster {width: 495px;}
.passenger-cars-block .txt-block {width: calc(100% - 495px); padding-left: 28px;}
.passenger-cars-block .txt-block .items-w {margin-top: 30px; column-gap: 8%;}
.passenger-cars-block .txt-block .items-w .item {width: 46%; margin-bottom: 30px;}
.passenger-cars-block .txt-block .items-w .item h3 {margin-bottom: 4px;}
.transmissions-w {margin: 40px 0;}
.transmissions-w {column-gap: 2%;}
.transmissions-w .s-transmission {width: 49%; background-color: #FBFBFB; padding: 35px; border-radius: 10px;}
.transmissions-w .s-transmission .title {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.link-ws-arrow {}
.green-link-arrow {display: flex; width: fit-content; cursor: pointer; position: relative; align-items: center; font-family: "Sofia Sans Extra Condensed", sans-serif; text-transform: uppercase; font-weight: 800; font-size: 24px;}
.green-link-arrow .txt {padding-right: 20px; position: relative; transition: all .3s ease-in-out;}
.green-link-arrow svg rect {transition: all .3s ease-in-out;}
.transmissions-w .btn-w {margin-top: 40px;}
.moto {column-gap: 2%;}
.moto .s-category {width: 32%;}
.s-category {padding: 35px; background-color: #FBFBFB; border-radius: 8px; height: fit-content;}
.s-category.ghost-gray {background-color: #F8FAFC;}
.s-category .title {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.s-category .term {margin: 30px 0;}
.s-category .green-link-arrow {margin-top: 30px;}
.s-category .desc {line-height: 1.25;}
.right {text-align: right;}
.large-size-block .large-size-w {column-gap: 2%;}
.large-size-block .large-size-w .poster {width: 32%; position: relative; top: -20px;}
.large-size-block .large-size-w .poster img {display: block;width: 100%; }
.large-size-block .large-size-w .blocks-w {width: 66%; column-gap: 1%;}
.large-size-block .large-size-w .blocks-w .s-category {width: 49%; margin-bottom: 1%;}
.li-title {font-size: 14px; margin-bottom: 16px; margin-left: 12px;}
.training-w .side {width: calc(50% - 10px); padding: 60px 35px; position: relative; border: 1px solid #D6E9FF;}
.training-w .side .title-desc,
.training-w .side .desc {line-height: 1.25;}
.training-w .side .thumb {position: absolute; width: 280px; height: 288px;}
.training-w .side .thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.training-w .side.left-side .thumb {bottom: -40px; left: -48px;}
.training-w .side.right-side .thumb {bottom: -46px; right: -54px;}
.training-w {padding: 0 48px; column-gap: 20px;}
.training-w .side .items-w{column-gap: 2%;}
.training-w .side .items-w .s-item {width: 48%; margin-bottom: 30px;}
.training-w .side .items-w .s-item .title-block {font-family: "Sofia Sans Extra Condensed", sans-serif; text-transform: uppercase; margin-bottom: 6px; font-size: 24px; font-weight: 800;}
.training-w .side .items-w .s-item .btn-w {margin-top: 40px;}
.training-w .side .items-w .s-item .green-btn {padding: 20px; width: 100%; text-align: center;}
.training-w .side .items-w .s-item:last-of-type {margin-bottom: 0;}
.training-w .side .items-w .s-item:nth-child(3) {margin-bottom: 0;}
.footer-logo {margin-bottom: 48px;}
.btn-popup-block {cursor: pointer; transition: all .3s ease-in-out;}
.btn-popup-block:hover {background-color: var(--brand); color: var(--white);}
.m-btn-w {display: none;}
.btn-w-m {display: none;}
.teh-speed-block {margin-bottom: 160px;}
.italic {font-style: italic;}
.page-top-block.kontakty {padding-bottom: 0;}
.page-top-block.kontakty .numbers-map-w {padding-bottom: 0;}
.page-top-block.kontakty .numbers-map-w {margin-top: 80px;}
.page-top-block.kontakty h1 {font-size: 64px; margin:24px 0;}
.contacts-w .txt-block {margin-top: 20px;}
.contacts-blocks-w {column-gap: 8.5%;}
.contacts-blocks-w .s-block {width: 25%;}
.contacts-links-w {margin: 30px 0;}
.error-w {margin: 120px auto; width: 70%;}
.error-w .error-code {font-family: "Sofia Sans Extra Condensed", sans-serif; font-weight: 800;}
.error-w .error-code .code {font-size: 128px; line-height: 1;}
.error-w .error-code .desc {font-size: 68px;}
.error-w .error-desc {margin: 40px 0 50px;}
.error-w .error-links {}
.error-w .error-links a {display: inline-block; margin-right: 20px;}
.empty-category-block {margin-top: 24px;}
.empty-category-block .desc {margin-bottom: 30px;}
.students-w {}
.students-w .item-main {background-color: #F8FAFC; width: 48%; padding: 25px 40px; border-radius: 14px;}
.students-w .item-main .title-desc {margin-bottom: 0;}
.students-w .items-w {width: 50%; }
.students-w .item {background-color: #F8FAFC; width: 48.5%; padding: 20px 14px; border-radius: 10px; height: fit-content;}
.students-w .item .desc {margin-top: 4px;}

.add-less-more {column-gap: 1%; margin: 30px 0;}
.add-less-more .block {width: 49.5%; padding: 34px 48px; border-radius: 13px;}
.add-less-more .add-lessons {background-color: #F8FAFC; border: 1px solid #D6E9FF;}
.add-less-more .add-more {background-color: var(--brand)}
.add-less-more h2 {margin-bottom: 0; margin-left: 16px;}
.passenger-cars-block .txt-block .desc{font-size: 18px; line-height: 1.1;}
.passenger-cars-block .txt-block .items-w .item .item-desc {line-height: 1.25;}
.transmissions-w .btn-w {margin-top: 24px;}
.title-desc.middle {font-size: 18px;}
.title-desc.mb-tall {margin-bottom: 16px;}

/*----- Media----*/
@media screen and (max-width:1680px){

} 
@media screen and (max-width:1536px){


}


@media screen and (max-width:1440px){
  .transmissions-w .btn-w {margin-top: 28px;}


}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
}

@media screen and (max-width:1280px){
  .content-w {width: 100%;}
  .content {padding: 0 20px; width: 100%;}
  .main-menu-w .company-desc {margin-left: 12px;}
  .content-w {width: auto; margin: 0 20px;}
  /* .page-top-block.main-page .txt-block {padding: 80px 0;} */
  .page-top-block .inner-wrapper .car-w {width: 600px;}
  /* .page-top-block {padding-bottom: 20px;} */
  .shooll-top-block {height: auto;}
  /* .shooll-top-block .text-block {width: 100%; margin: 24px 0 40px;} */
  .shooll-top-block h1 {margin-top: 40px;}
  .shooll-top-block .desc {margin-bottom: 24px;}
  .shooll-top-block .video-block {margin: 0 auto;}
  .students-w .right {margin-right: 0; width: 48%;}
  .ceny-i-raspisanie {padding-bottom: 50px;}
  .best-price-w .txt-block {padding-left: 40px;}
  .passenger-cars {margin: 60px 0;}
  .shooll-top-block {padding: 40px;}
  .shooll-top-block .arrow-6 {display: none !important;}
  .add-less-more .block {padding: 34px 38px;}
}

@media screen and (max-width:1152px){
  .allowance-w .allowance-desc-w {width: 100%;}
  .allowance-slider-w {margin: 0 auto;}
  .allowance-w {margin-bottom: 72px;}
  a.black {padding: 20px 30px;}
  .s-service-w .s-service .rating {font-size: 60px; margin: 10px 0;}
  .s-service-w .s-service {width: 49%;}
  .s-service-w .send-review {width: 100%; margin-top: 24px;}
  .best-price-w .txt-block {width: calc(100% - 340px);}
  .contacts-blocks-w {column-gap: 2%;}
  .contacts-blocks-w .s-block {width: 32%;}
  .page-top-block.kontakty h1 {margin: 20px 0 30px;}
  .contacts-w .txt-block {margin-top: 10px;}
  .main-menu-w .maiin-menu-ul li {margin: 0 8px;}
  .get-consult-w .gc-phone-w a .icon {margin-right: 6px;}
  .get-consult-w .gc-phone-w {margin-right: 8px;}
  .home-icon {width: 100px;}
  .main-page-pluses .left-block {width: calc(100% - 423px);}
  .numbers-map-w .map-w {width: 100%;}
  .map-addresses-w .addresses-w {width: 100%; margin-top: 20px; padding-left: 0;}
  .shooll-top-block .video-block {right: 12px;}
  .students-w .item-main {width: 100%; margin-bottom: 24px;}
  .page-top-block.avtoshkola {padding-bottom: 90px;}
  .students-w .items-w {width: 100%;}
  .transports-cat-w {width: 100%;}

}
@media screen and (max-width:1080px){
  .page-top-block.main-page .txt-block {width: 100%;}
  .page-top-block.main-page .txt-block .top-desc-w {width: 100%;}
  .page-top-block .inner-wrapper .car-w {position: relative; width: 60%; margin: 0 auto; bottom: inherit; right: inherit;}
  .page-top-block .inner-wrapper .car-w {background-size: contain;}
  .main-menu-w .maiin-menu-ul li {margin: 0 4px; font-size: 16px;}
  .page-top-block.main-page .txt-block {padding-bottom: 20px;}
  .yellow-block .girl {display: none;}
  .yellow-block .txt-block {width: 100%;}
  .yellow-block .txt-block br {display: none;}
  .cars-w {column-gap: 1.33%;}
  .cars-w .car {width: 24%;}

  .category-blocks-w .cat-block {padding: 46px 28px;}
  .best-price-w .poster {padding-left: 0;}
  .transports-cat-w .s-transport {height: auto;}
  .transmissions-w .btn-w {margin-top: 18px;}
  .large-size-block .large-size-w .poster {display: none;}
  .large-size-block .large-size-w .blocks-w {width: 100%;}
  .training-w {padding: 0;}
  .training-w .side {width: 100%; margin-bottom: 24px;}
  .training-w .side:last-of-type {margin-bottom: 0px;}
  .training-w .side.left-side .thumb {left: 0;}
  .training-w .side.right-side .thumb {right: 0;}
  .error-w {margin: 80px auto;}
  .error-w .error-code .desc {font-size: 38px;}
  .site-header {display: none;}
  .main-page.page-top-block .inner-wrapper {padding: 44px 18px;}
  .page-top-block.main-page .txt-block .top-desc-w {margin: 16px 0 24px;}
  .page-top-block.main-page .txt-block .top-desc-w br {display: none;}
  .allowance-w {margin-right: 0; padding: 32px 24px;}
  .allowance-desc-w .items-w {width: 100%;}
  .allowance-desc-w .all-docs-w {width: 100%; right: initial; top: inherit;}
  .shooll-top-block h1 {font-size: 44px;}
  .shooll-top-block .text-block {width: 100%;}
  .shooll-top-block {margin-bottom: 280px; padding: 40px 40px 50px 40px;}
  .shooll-top-block .video-block {bottom: -340px; right: 50%; transform: translate(50%);}
  .ceny-i-raspisanie .title-desc {width: 100%;}
  .ceny-i-raspisanie .inner-pralax {padding-top: 45px;}
  .ceny-i-raspisanie h1 {font-size: 44px;}
  .transports-cat-w .s-transport .title {font-size: 18px;}

}

@media screen and (max-width:980px){
  /* body {font-size: 14px;} */
  .title-desc {font-size: 16px;}
  .site-header .top-row {display: none;}
  .home-icon {width: 70px;}
  .main-menu-w .company-desc {font-size: 10px;}
  .mobile-menu-wrapper {display: block; background-color: #fff;box-shadow: 0px 4px 20px 0px #00000014;}
  .page-top-block .site-menu {display: none;}
  .main-page.page-top-block .inner-wrapper {margin-top: 25px;}
  .s-review {width: 100%; margin-bottom: 24px;}
  .s-review:last-of-type {margin-bottom: 0px;}
  .page-top-block .not-main {padding-top: 0;}
  /* .page-top-block.white-bg .breadcrumbs {padding-top: 60px;} */
  /* .shooll-top-block .text-block {margin-top: 0;} */
  .ceny-i-raspisanie .in-cost {width: 100%;}
  /* .white-breadcrumbs {padding-top: 12px;} */
  /* .cat-block .radio-input-w input:checked + span::after {top: 3px;} */
  .best-price-w .txt-block .desc {margin: 10px 0 24px;}
  .absolut-arrow-w.arrow-4 {display: none !important;}
  .passenger-cars-block .passenger-cars .poster {display: none;}
  .passenger-cars-block .txt-block {width: 100%; padding-left: 0;}
  .passenger-cars {margin: 0;}
  .s-category .term {margin: 12px 0;}
  input:checked + span::after {top: auto;}
  .quiz-inputs-w .radio-input-w input:checked + span::after {top: auto;}
  .absolut-arrow-w.arrow-1 {display: none !important;}
  .in-cost-w .item:nth-child(1),
  .in-cost-w .item:nth-child(2),
  .in-cost-w .item:nth-child(3),
  .in-cost-w .item:nth-child(4),
  .in-cost-w .item:nth-child(5),
  .in-cost-w .item:nth-child(6) {width: 49%;}
  .in-cost-w .item:nth-child(4) {margin-bottom: 16px;}
  .obuchenie-page .top-poster {padding: 40px;}
  .transports-cat-w {margin-top: 8px;}
  .transports-cat-w .s-transport .title {display: none;}
  .transports-cat-w .s-transport .inner-border .inner {justify-content: center; align-items: center;}
  .transports-cat-w .s-transport .mobile-icon {display: flex; justify-content: center; width: 60%;}
  .transports-cat-w .s-transport .mobile-icon img {display: block; width: 80%; height: 80%; object-fit: contain;}
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .page-top-block.main-page h1 {font-size: 54px;}
  .page-top-block .inner-wrapper .car-w {height: auto; margin-top: 20px;}
  .absolut-arrow-w.arrow-2 {display: none !important;}
  .numbers-map-w .numbers-w .s-number {margin-right: 50px;}
  .instructors-w .s-instructor {width: 49%; margin-bottom: 24px;}
  .cat-block .prices-w .new-price {font-size: 48px;}
  .cat-block .prices-w .old-price {font-size: 28px;}
  .obuchenie-page .top-poster {margin-bottom: 0;}
  /* .transports-cat-w {margin: 20px 0;} */

  .obuchenie-page .top-poster .title-desc-w {width: 100%; margin-top: 40px;}
  .obuchenie-page .top-poster .title-desc-w h1 {font-size: 48px;}
  .transports-cat-w .s-transport .title {font-size: 16px; margin-bottom: 4px;}
  .transports-cat-w .s-transport .category {font-size: 14px;}
  .transports-cat-w .s-transport .desc {margin-bottom: 10px;}
  .transmissions-w {margin: 24px 0 40px;}
  .percentages-title-w {flex-wrap: wrap;}
  .percentages-title-w .title {margin-left: 0;}
}

@media screen and (max-width:800px){
  .footer-menu-w .s-column {width: 100%; margin-bottom: 20px;}
  .footer-menu-w .s-column:last-of-type{ margin-bottom: 0px;}
  .footer-menu-w .s-column .footer-desc {margin: 18px 0;}
  .main-page-pluses .pluses-w {column-gap: 2%; padding: 60px 0 40px;}
  .main-page-pluses .pluses-w .s-pluse {width: 49%; margin-bottom: 20px;}
  .absolut-arrow-w.arrow-3 {display: none !important;}
  .step-inputs-gift-w .step-inputs-w {width: 100%; margin-bottom: 10px;}
  .step-inputs-gift-w .gift-w {width: 100%;}
  .progress-nav-block .progress-block {width: 64%;}
  .progress-nav-block .next-nav-block .next-step-icon {margin-left: 20px;}
  .progress-nav-block .next-nav-block {margin: 20px 0 0 30px; }
  .cat-block .prices-w .new-price {font-size: 40px;}
  .cat-block .prices-w .old-price {margin-left: 18px;}
  .cat-links-w .s-cat {width: 46px; margin: 0 5px 5px 0; padding: 10px;}
  .ceny-i-raspisanie .title-desc {width: 100%;}
  .page-top-block {padding-top: 0;}
  .transmissions-w .s-transmission {width: 100%; padding: 30px 20px; margin-bottom: 10px;}
  .transmissions-w .s-transmission:last-of-type {margin-bottom: 0px;}
  .moto .s-category {width: 100%; margin-bottom: 10px;}
  .moto .s-category:last-of-type {margin-bottom: 0px;}
  .s-category .title {margin-bottom: 14px;}
  .large-size-block .large-size-w .blocks-w .s-category {width: 100%;}
  .s-category .green-link-arrow {margin-top: 18px;}
  .large-size-block .large-size-w .poster {display: block;width: 50%; margin:0 auto 18px; top: 0;}
  .right {text-align: left;}
  .error-w {width: 100%;}
  .error-w .error-desc {margin: 20px 0 30px;}
  .add-less-more .block {width: 100%; margin-bottom: 16px;}
  .add-less-more .block:last-of-type {margin-bottom: 0;}

  .numbers-map-w .numbers-w {align-items: center; padding: 19px 10px; line-height: 1; margin: -170px 0 0 0;}
  /* .numbers-map-w .numbers-w {flex-direction: column; align-items: center; padding: 19px 10px; line-height: 1; margin: -170px 0 0 0;} */
  .numbers-map-w .numbers-w .s-number {margin-right: 0;}
  .numbers-map-w .numbers-w .number {font-size: 60px;}
  .numbers-map-w .numbers-w {margin: 10px 0 0; width: 100%; justify-content: space-between; padding: 14px;}

}

@media screen and (max-width:720px){ 
  .main-page-pluses .left-block {width: 100%;}
  .main-page-pluses .right-block {width: 100%; left: -20px;}
  .main-page-pluses .right-block .label-w {width: 414px; margin: 0 auto;}
  .numbers-map-w .numbers-w .s-number {margin-right: 23px;}
  .students-w .left {width: 100%;}
  .students-w .right {width: 100%;}
  .cars-w {column-gap: 2%;}
  .cars-w .car {width: 32%;}
  .s-service-w .s-service {width: 100%; margin-bottom: 24px;}
  .s-service-w .send-review {margin-top: 0;}
  .s-service-w .send-review .desc {margin-bottom: 12px;}
  .category-blocks-w .cat-block {width: 100%; margin-bottom: 24px;}
  .category-blocks-w .cat-block:last-of-type {margin-bottom: 0px;}
  .best-price-w .poster {width: 100%; margin:0 auto 20px;}
  .best-price-block {margin: 0;}
  .best-price-w .poster img {width: 100%; margin:0 auto;}
  .best-price-w .txt-block {width: 100%; padding-left: 0;}
  .obuchenie-page .top-poster {padding: 0 20px 40px;}
  .transmissions-w .s-transmission {width: 100%;}
  .green-link-arrow .arrow {width: 26px; height: 26px;}
  .green-link-arrow .arrow svg {display: block; width: 100%; height: 100%; object-fit: contain;}
  .green-link-arrow .txt {top: 0; padding-right: 12px;}
  .s-category {padding: 30px 20px;}
  .training-w .side .thumb {width: 220px; height: 220px;}
  .training-w .side.left-side .thumb {bottom: 20px; left: 20px;}
  .training-w .side.right-side .thumb {bottom: 20px; right: 20px;}
  .teh-speed-block {margin-bottom: 70px;}
  .contacts-blocks-w .s-block {width: 100%; margin-bottom: 20px;}
  .contacts-blocks-w .s-block:last-of-type {margin-bottom: 0px;}
  .page-top-block.main-page .txt-block .flex-desc .s-desc {width: 100%; margin-bottom: 16px;}
  .hook-label-w {position: relative; top: inherit;}
  .main-page-pluses .right-block .dot {right: -55%;}
  .main-page-pluses .right-block .threads {animation: threads-aw-m 3.5s 1s infinite; right: -51%; top: -20px; width: fit-content;}
  .main-page-pluses .stock-w {margin-bottom: 40px; padding-bottom: 0;}
  @keyframes threads-aw-m {
  from {transform: rotate(0deg);}
  50% {transform: rotate(-6deg); }
  to {transform: rotate(0deg); }

  }

  .footer-logo {margin-bottom: 32px;}
  .shooll-top-block {padding: 40px 16px 50px 16px;}
  .ceny-i-raspisanie .in-cost {width: 98%; padding: 20px 16px;}
  .ceny-i-raspisanie .inner-wrapper {padding: 30px 16px 60px; border-radius: 0;}
  .page-top-block.ceny-i-raspisanie {margin: 0 -20px; }
  .ceny-i-raspisanie .in-cost {width: 100%; margin: 0 30px;}
  .ceny-i-raspisanie .inner-wrapper 
  .in-cost-own {top: -30px; margin-bottom: -40px;}
  .ceny-i-raspisanie .inner-pralax {padding-bottom: 56px;}
  .obuchenie-page .top-poster {padding: 20px 16px;}
  .page-top-block {margin-top: 18px;}
  .obuchenie-page .top-poster .title-desc-w {margin-top: 170px;}
  .obuchenie-page .top-poster .desc {margin-bottom: 33px;}
  .obuchenie-page .top-poster {background-position: 85%;}
  .numbers-map-w .numbers-w .number {font-size: 48px;}
}

@media screen and (max-width:640px){
  .page-top-block .top-btn {width: 100%; text-align: center;}
  .page-top-block.main-page .txt-block .flex-desc {flex-wrap: wrap;}
  .page-top-block.main-page h1 {font-size: 44px;}
  .page-top-block .inner-wrapper .car-w {width: 80%;}
  .mobile-menu-list .mobile-menu li a {font-size: 28px;}
  .cr-pp-wrapper {flex-wrap: wrap; font-size: 12px;}
  .main-page-pluses .pluses-w .s-pluse {width: 100%;}
  .shooll-top-block .video-block {width: 100%; height: auto;}
  .not-main h1 {font-size: 32px; margin-bottom: 18px;}
  .yellow-block .txt-block {margin-bottom: 0;}
  .yellow-block {padding: 0px 20px 30px; flex-wrap: wrap; margin-top: 0;}
  .yellow-block .quote {width: 90px; height: auto; top: -18px;}
  .yellow-block .girl {display: block; position: relative; width: 70%; margin: 0 auto 24px;}
  .yellow-block .girl .img-w {position: relative;}
  .cat-links-w {margin: 30px 0 20px;}
  .allowance-desc-w .items-w {padding-right: 0;}
  .allowance-w {padding: 24px 12px;}
  .shooll-top-block .video-block {width: 364px; height: 364px;}
  .transports-cat-w .s-transport .inner-border .inner {padding: 8px;}
  .transports-cat-w .s-transport .mobile-icon img {width: 100%; height: 100%;}
  
}
@media screen and (max-width:580px){
  .cr-pp-wrapper {flex-direction: column;}
  .cr-pp-wrapper a {display: inline-block; margin: 6px 0;}
  .dev-block {padding: 14px 0;}
  /* .numbers-map-w .numbers-w .s-number {width: 100%; margin-bottom: 0px;} */
  .numbers-map-w .numbers-w .desc {padding-left: 10px; font-size: 12px;}
  
  .numbers-map-w .numbers-w .s-number {margin-bottom: 0px;}
  .numbers-map-w .numbers-w .s-number:last-of-type {margin-bottom: 0px;}
  .allowance-w .allowance-desc-w .percentages {font-size: 90px;}
  .allowance-desc-w .btns-w a {display: block; width: 100%; margin: 0 0 20px; text-align: center;}

  .popup-inner .input-wrapper {width: 100%; margin-bottom: 12px;}
  .popup-inner .submit-wrapper {margin-top: 12px;}

  .percentages-title-w .title {margin-left: 0; font-size: 48px;}
  .allowance-w .allowance-desc-w > .desc {padding-right: 0;}
  .allowance-desc-w .all-docs-w {padding: 12px;}
  .numbers-map-w {padding-bottom: 28px;}
  .students-w .item {height: auto;width: calc(50% - 2px); text-align: center;}
  .students-w .item-main {padding: 25px 16px; text-align: center; margin-bottom: 4px;}
  .students-w .item h3 span {display: block;}
  .in-cost-w .item:nth-child(1), .in-cost-w .item:nth-child(2), .in-cost-w .item:nth-child(3), .in-cost-w .item:nth-child(4), .in-cost-w .item:nth-child(5), .in-cost-w .item:nth-child(6) {width: 100%; margin-bottom: 6px;}
  .in-cost .title {margin-bottom: 4px;}
  .ceny-i-raspisanie .title-desc {margin-bottom: 14px;}
  .ceny-i-raspisanie .inner-pralax {padding-left: 20px; padding-right: 20px;}
  .breadcrumbs {margin-bottom: 24px;}
  .add-less-more .block {padding: 35px 16px;}
    
}
@media screen and (max-width:540px){
  .absolut-arrow-w.arrow-1,
  .absolut-arrow-w.arrow-2 {display: none !important;}
  .main-page-pluses .left-block {margin-bottom: 20px;}
  .popup-inner .inputs-wrapper-block {width: 100%;}
  .popup {width: 95%;}
  .light-blue-btn,
  .l-green-btn,
  .green-btn {width: 100%; text-align: center;/*border-radius: 10px;*/ font-size: 16px;}
  a.black {width: 100%; text-align: center; padding: 20px; margin-bottom: 20px;}
  a.accent {width: 100%; text-align: center; padding: 20px; margin-bottom: 20px;}
  a.accent:last-of-type {margin-bottom: 0px;}
  .cars-w .car {width: 49%;}
  .in-cost-w .item {width: 100%; margin-bottom: 10px;}
  .in-cost-w .item:nth-child(odd){width: 100%;}
  .in-cost-w .item:nth-child(even){width: 100%; }
  .in-cost-w .item:nth-child(5) {margin-bottom: 10px;}
  .in-cost-w .item:nth-child(6) {margin-bottom: 0;}
  .ceny-i-raspisanie::before {display: none;}
  .passenger-cars-block .txt-block .items-w .item {width: 100%;}
  .passenger-cars-block .txt-block .items-w .item h3 {margin-bottom: 8px;}
  .passenger-cars-block .passenger-cars .poster {display: block; width: 100%; margin-bottom: 18px;}
  .passenger-cars-block .txt-block .items-w .item {margin-bottom: 20px;}
  .passenger-cars-block .txt-block .items-w .item h3 {margin-bottom: 2px;}
  .large-size-block .large-size-w .poster {width: 80%;}
  .li-title {margin: 0 0 24px 0;}
  .training-w .side .thumb {width: 190px; height: 190px;}
  .training-w .side .items-w .s-item .btn-w {display: none;}
  .m-btn-w {display: block; margin-top: 40px; z-index: 2;}
  .btn-w-m {display: block; z-index: 2; margin-top: 40px;}
  .training-w .side.left-side .thumb {left: -20px; z-index: 1;}
  .training-w .side.left-side .thumb {left: -20px;}
  .training-w .side.right-side .thumb {right: -20px;}
  .training-w .side.left-side .thumb {width: 160px; height: 160px; bottom: 120px;} 
  .training-w .side {padding: 35px 24px;}
  .training-w .side.right-side .thumb {width: 190px; height: 180px; bottom: 110px;}
  .error-w .error-links a {margin-bottom: 20px;}
  .popup-inner .popup-title {font-size: 38px;}
  .footer-w {padding: 20px 0;}
  .blue-btn {width: 100%; text-align: center; padding: 20px;}
  .blue-btn-light {width: 100%; text-align: center;}
  .transports-cat-w {padding: 8px;}
  .numbers-map-w .numbers-w .number {font-size: 42px;}
}
@media screen and (max-width:480px){
  .content {padding: 0 16px;}
  .page-top-block.main-page .txt-block {padding-bottom: 45%;}
  .page-top-block .inner-wrapper .car-w {position: absolute; width: calc(100% + 36px); margin: 0; height: auto; left: -20px; right: -20px; bottom: -9%;}
  .main-page-pluses .right-block .label-w {width: 100%;}
  .right-block .label-w .big-title {font-size: 32px;}
  .right-block .label-w .middle-title {font-size: 20px;}
  .main-page-pluses .pluses-w .s-pluse .title {margin-bottom: 14px; font-size: 18px;}
  .main-page-pluses .left-block .desc {margin: 18px 0 24px;}
  /* .map-w .map-code iframe {height: 60vw;} */
  .allowance-w .allowance-desc-w .title {font-size: 42px; margin-bottom: 14px;}
  .allowance-w .allowance-desc-w .items-w .s-item {width: 100%;}
  .allowance-w .allowance-desc-w .items-w {column-gap: 0; margin: 20px 0;}
  .step-inputs-gift-w .step-inputs-w {padding: 30px 20px;}
  .cars-w .car .thumb {height: 148px;}
  .cars-w .car .title {font-size: 18px;}
  .instructors-w .s-instructor {width: 100%;}
  .instructors-w .s-instructor:last-of-type {margin-bottom: 0;}
  .instructors-w .s-instructor .poster-w {height: 100vw;}
  .simple-block {margin: 48px 0;}
  .faq-w .s-faq .faq-title {font-size: 18px;}
  .mobile-menu-list .mobile-menu li a {font-size: 18px;}
  .s-service-w .s-service .rating-desc {margin: 10px 0 24px;}
  .l-green-btn,
  .green-btn {padding: 20px; width: 100%; text-align: center; font-size: 16px;  overflow: hidden;}
  .ceny-i-raspisanie h1 {font-size: 48px;}
  /* .category-info .add-lessons .s-desc {margin: 14px 0;} */
  .obuchenie-page .top-poster .title-desc-w h1 {font-size: 42px;}
  .obuchenie-page .top-poster {background-position: 65%;}
  .passenger-cars-block .txt-block .items-w .item h3 {margin-bottom: 8px;}
  .large-size-block .large-size-w .poster {width: 100%;}
  .page-top-block.kontakty h1 {font-size: 42px;}
  .yellow-block .girl {background-color: var(--white); margin-top: 32px; width: 100%; border-radius: 32px;}
  .yellow-block .girl .img-w img.mobile {display: block;}
  .yellow-block .girl .img-w img.desctop {display: none;}
  .yellow-block .quote {width: 120px;}
  .yellow-block .girl .img-w {margin: 10px auto 0; width: 90%;}
  .page-top-block.main-page {margin-bottom: 0px;}
  .main-page-pluses .right-block .threads {right: -49%;}
  .map-addresses-w .addresses-w .addresses-title {font-size: 20px;}
  .addresses-w .list-w {padding: 28px 18px;}
  .addresses-w .list-w .main-office {margin-bottom: 24px;}
  .obuchenie-page .top-poster {background-position: 90%;}
  .city-list {height: 250px;}
  .numbers-map-w .numbers-w .number {font-size: 24px;}
  .cat-links-w .s-cat {width: 42px;}
  h2 {font-size: 32px; margin-bottom: 12px;}
  h3 {font-size: 20px;}
  
  
  
}
@media screen and (max-width:414px){
  .btn {width: 100%; text-align: center; padding: 18px;}
  .main-page-pluses .right-block .label-w {padding: 50px 40px;}
  .right-block .label-w .desc {margin: 20px 0;}
  .allowance-slider-w {width: 100%;}
  /* .yellow-block .girl {width: 90%;} */
  .faq-w .s-faq .faq-title {font-size: 16px;}
  .cat-block .inputs-block .side {width: 100%; margin-bottom: 18px;}
  .cat-block .inputs-block .side:last-of-type {margin-bottom: 0px;}
  .cat-block .inputs-block {flex-wrap: wrap;}
  .category-blocks-w .cat-block .durations .duration {width: 100%; margin-bottom: 10px;}
  .category-blocks-w .cat-block .durations .duration:last-of-type {margin-bottom: 0px;}
  .category-blocks-w .cat-block .durations {margin: 20px 0;}
  .cat-block .prices-w {margin: 24px 0;}
  .category-info .add-lessons,
  .category-blocks-w .cat-block {padding: 24px 20px;}
  .cat-links-w .s-cat {width: 43px; padding: 10px 12px;}
  .numbers-map-w .numbers-w {padding: 12px;}

}
@media screen and (max-width:400px){
  .l-green-btn,
  .green-btn {width: 100%; text-align: center;}
  .main-page-pluses .left-block .stock-date {margin: 10px; text-align: center;}
  .progress-nav-block .progress-block {width: 100%;}
  .progress-nav-block .next-nav-block {margin: 20px auto 0;}
  .cat-links-w .s-cat {width: auto;}
  .page-top-block.main-page h1 {font-size: 38px;}
  .main-page-pluses .right-block .threads {right: -47%;}
  .shooll-top-block .video-block {width: 100%; }
  .numbers-map-w .numbers-w .desc {padding-left: 8px;font-size: 9px;}
}

@media screen and (max-width:360px){ 
  .popup {padding: 32px 24px;}
    .obuchenie-page .top-poster .title-desc-w h1 {font-size: 40px;}

}


@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 wave {0% {opacity: 1;}  50% {opacity: 0;} 100% {opacity: 1;}}
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.shine {position: relative;overflow: hidden;}
.shine::before {content: '';position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);transform: translateX(-4rem) skewX(-45deg);animation: shine 3.5s 2s infinite;}

@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 dot-color {
  from {
    background-color: rgb(5, 178, 5);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: rgb(5, 178, 5);
  }
}
@keyframes wave-banner {
  0%, 100% {
    width: 50%;
  }
  50% {width: 100%;}
}

@keyframes wave-banner-2 {
  0%, 100% {
    background-image: linear-gradient(90deg, rgb(125, 125, 32) 25%, rgba(125, 125, 32, 0) 60%);
  }
  50% {background-image: linear-gradient(90deg, rgb(125, 125, 32) 45%, rgba(125, 125, 32, 0) 80%);}
}