@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap);
/*normalize*/
html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font-family:'Roboto', sans-serif; color:#202325; margin: 0;}
hr {-webkit-box-sizing: content-box;box-sizing: content-box; height: 0; overflow: visible;}
a {background-color: transparent; -webkit-text-decoration-skip: objects; cursor: pointer;}
strong {font-weight: 700;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
img {max-width: 100%; border-style: none;}
svg:not(:root) {overflow: hidden;}
button, input, optgroup, select, textarea {font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
.overlay {position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); visibility: hidden; opacity: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.overlay.active {visibility: visible; opacity: 1;}
/*=======*/

h2 {font-size: 36px; font-weight: 400; line-height: 40px;}
p {font-size: 16px; font-weight: 300; line-height: 24px;}
a:hover {text-decoration:none;}
.btn, .btn2 {display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background:#3262d4; border-radius: 5px; padding: 13px 45px; color: #fff; font-size: 20px; font-weight:400; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.btn2 {background:#facb55; color:#202325;}
.btn:hover {background:#2052c9;}
.btn2:hover {background:#e8bc4d;}
.slick-arrow {position: absolute; z-index: 1; top: 50%; width: 64px; height: 64px; font-size: 0; border: 0; border-radius: 100%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.slick-prev {left: 0; background: #facb55 url(../i/prev.png) no-repeat center;}
.slick-next {right: 0; background: #facb55 url(../i/next.png) no-repeat center;}
.slick-prev:hover {background: #e8bc4d url(../i/prev.png) no-repeat center;}
.slick-next:hover {background: #e8bc4d url(../i/next.png) no-repeat center;}
header {position: absolute; top: 0; right: 0; left: 0;}
header .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 11px;}
.menu {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; margin: 0; padding: 0;}
.menu li {padding-right: 25px; list-style-type: none;}
.menu a {font-size: 16px; font-weight: 400; color: #fff;}
.menu .main {color: #facb55; text-decoration: none;}
.feedback {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.call {color: #fff; font-size: 16px; font-weight: 400; text-decoration: underline;}
header .phone {font-size: 30px; font-weight: 700; text-decoration: none; color: #fff;}
header.fixed {position: fixed; background: #3262d4; z-index: 1000; top: 0; width: 100%; height: auto; -webkit-box-shadow: 0 4px 16px rgba(70,106,121,.22); box-shadow: 0 4px 16px rgba(70,106,121,.22); padding:5px 0;}
header.secondary {background: #3262d4; padding: 5px 0;}
.wrapper_secondary {padding-top: 100px;}
.container {width: 100%; max-width: 1440px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.promo {background: url(../i/promo.jpg) center no-repeat; width: 100%; height: 714px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 92px;}
.promo .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.promo_item {width: 60%;}
.promo_item:nth-child(1) {margin-top: 70px;}
.promo h1 {font-size: 18px; font-weight: 700; color: #fff;}
.promo p {font-size: 30px; font-weight: 700; color: #fff;}
.promo .title {font-size: 90px; font-weight: 700; line-height: 90px; margin: 0;}
.promo ul {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 140px 0 0; padding: 0;}
.promo ul li {position: relative; padding-left: 65px; list-style-type: none; font-size: 18px; font-weight: 400; color: #fff; line-height: 24px;}
.promo ul li::before {content: ""; position: absolute; top: -4; left: 0;}
.promo ul li:nth-child(1)::before {background: url(../i/adv_icon1.png); width: 54px; height: 46px;}
.promo ul li:nth-child(2)::before {background: url(../i/adv_icon2.png); width: 51px; height: 48px;}
.promo ul li:nth-child(3)::before {background: url(../i/adv_icon3.png); width: 56px; height: 53px;}
.promo .form {max-width: 544px; background: #3262d4; border-radius: 5px; text-align: center; padding: 40px 0;}
.promo .form p {font-size: 24px; font-weight: 500; line-height: 30px; margin: 0;}
.promo .form p span {font-size: 60px; line-height: 60px; text-transform: uppercase;}
.promo .form .action {font-size: 18px; margin: 10px 0;}
.promo .form .timer-element {background: #2b303a; overflow: hidden; border-radius: 100%;}
.promo .form form {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px;}
.promo .form .input {width: 100%; max-width: 281px;}
.promo .form .smFormContent input {height: 58px; margin: 0 0 10px; padding: 5px 25px;}
.promo .form .checkbox {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left !important; margin: 10px 0 15px;} 
.promo .form .smFormContent .checkbox input {height: auto;}
.promo .form .smFormContent .checkbox label {color:#fff}
.promo .form .checkbox span {font-size: 12px; line-height: normal; text-transform: none;}
.promo .form .smFormContent .button {margin-top: 10px;}
.promo .form button {background: #facb55; border-radius: 5px; min-width: 281px; height: 58px; color: #202325; font-family: 'Roboto', sans-serif; font-size: 20px; margin: 0;-webkit-transition: .3s;-o-transition: .3s; transition: .3s;}
.promo .form button:hover {background:#e8bc4d;}
.promo .adv_list {display: none;}
#teaching {margin-top: 30px;}
#teaching h2 {text-align: center;}
.teaching__list {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px;}
.teaching__item {width: 45%; max-width: 689px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f6f7f8; border-radius: 5px; margin-bottom: 20px; padding: 25px 20px;}
.teaching__info {-webkit-box-flex: 0;-ms-flex: 0 0 64%;flex: 0 0 64%;}
.teaching__item p {margin: 0; font-weight: 500;}
.teaching__item .name {font-size: 30px;}
.teaching__item ul {padding-left: 25px;}
.teaching__item ul li {position: relative; list-style-type: none; font-weight: 300; margin-bottom: 10px; padding-left: 15px;}
.teaching__item ul li::before {content: ""; position: absolute; top: 7px; left: 0; width: 7px; height: 1px; background: #202325;}
.teaching__item .price {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 30px;}
.teaching__item .price p {display: -webkit-box;display: -ms-flexbox;display: flex; font-size: 30px;}
.teaching__item .price .btn {margin-left: 15px;}
#cheaper {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 50px;}
#cheaper > img {-webkit-box-flex: 0;-ms-flex: 0 0 50.5%;flex: 0 0 50.5%;}
#cheaper .text {margin-top: 50px; margin-left: 30px;}
#cheaper h2 {font-size: 60px; line-height: 60px; margin: 0;}
#cheaper .text p {font-size: 36px; font-weight: 400; line-height: 24px; margin: 25px 0 50px;}
#autoschool {display: -webkit-box;display: -ms-flexbox;display: flex;}
#autoschool .container {-webkit-box-flex: 0;-ms-flex: 0 0 26%;flex: 0 0 26%; margin-top: 50px;}
#autoschool > img {-webkit-box-flex: 0;-ms-flex: 0 0 49.5%;flex: 0 0 49.5%;}
#autoschool h2 {line-height: 40px; margin-top: 0;}
#autoschool ul {margin: 35px 0; padding: 0;}
#autoschool ul li {list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px;}
#autoschool ul li img {width: 57px; min-width: 57px; margin-right: 30px;}
#lessons {margin-top: 50px;}
#lessons h2 {text-align: center;}
.gallery__top {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.gallery__top a {width: 49.5%;}
.gallery_bottom {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px}
.gallery_bottom a:nth-child(2), .gallery_bottom a:nth-child(3) {-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;}
.gallery_bottom img {height: 100%; max-height: 327px; -o-object-fit: cover; object-fit: cover;}
.form2 {background: #3262d4; margin-top: 30px; padding: 25px 0 50px;}
.form2 p {margin: 0; text-align: center; font-size: 24px; font-weight: 500; line-height: 30px; color: #fff;}
.form2 p span {font-size: 60px; line-height: 60px; text-transform: uppercase;}
.form2 .action {font-size: 18px; margin: 10px 0 15px;}
.form2 .timer-element {background: #2b303a; overflow: hidden; border-radius: 100%;}
.form2 .smFormContent form {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px;}
.form2 .smFormContent form .leftColumn {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.form2 .smFormContent form .input {width: 100%; max-width: 281px; margin-right: 15px;}
.form2 .smFormContent form input {height: 58px; margin: 0; padding: 5px 25px;}
.form2 .smFormContent form .checkbox {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left !important; margin: 10px 0 15px;} 
.form2 .smFormContent form .checkbox input {height: auto;}
.form2 .smFormContent form .checkbox label {color:#fff}
.form2 .smFormContent form .checkbox span {font-size: 12px; line-height: normal; text-transform: none;}
.form2 .smFormContent form .button {margin: 0 !important;}
.form2 .smFormContent form button {background: #facb55; border-radius: 5px; min-width: 281px; height: 58px; color: #202325; font-family: 'Roboto', sans-serif; font-size: 20px; margin: 0;-webkit-transition: .3s;-o-transition: .3s; transition: .3s;}
.form2 .smFormContent form button:hover {background:#e8bc4d;}
#instructors {margin-top: 40px;}
#instructors h2 {text-align: center;}
.instructors__slider {margin-top: 50px;}
#instructors .slick-list {width:100%; max-width: 1130px; margin: 0 auto;}
.instructors__item img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.instructors__item div {width: 100%; max-width: 357px; background: #f7f7f9; margin: -15px 0; padding: 15px 0; text-align: center;}
.instructors__item p {margin: 0 0 10px;}
.instructors__item .name {font-weight: 700;}
.instructors__item .btn {max-width: 331px; font-size: 18px; margin: 10px 0 25px; padding: 10px 15px; }
#friend {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 50px;}
#friend > img {-webkit-box-flex: 0;-ms-flex: 0 0 50.5%;flex: 0 0 50.5%;}
#friend h2 {font-size: 60px; line-height: 60px; margin: 0 0 30px;}
#friend h2 span {font-size: 36px;}
#friend .text {margin-top: 15px; margin-left: 30px;}
#contacts {display: -webkit-box;display: -ms-flexbox;display: flex;}
.contacts__item {-webkit-box-flex: 0;-ms-flex: 0 0 50.5%;flex: 0 0 50.5%; display: -webkit-box; display: -ms-flexbox; display: flex;}
.contacts__item > div {-webkit-box-flex: 0;-ms-flex: 0 0 59%;flex: 0 0 59%; margin: 0 auto;}
#contacts ul {margin: 0; padding: 0;}
#contacts ul li {position: relative; font-size: 16px; font-weight: 300; margin-bottom: 15px; padding-left: 35px; list-style-type: none;}
#contacts ul li::before {content: ""; position: absolute; top: 0; left: 0; background: url(../i/marker.png); width: 24px; height: 26px;}
#contacts p {font-size: 30px; font-weight: 400; line-height: 40px; margin: 35px 0 20px;}
#map {width:100%; height:636px;}
#contacts .btn {padding: 10px 15px; font-size: 18px; font-weight: 400;}
#contacts .phone {font-size: 30px; font-weight: 400; color: #202325; text-decoration: none;}
footer {background: #f7f7f9; padding: 25px 0;}
footer .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer .text {-webkit-box-flex: 0;-ms-flex: 0 0 38%;flex: 0 0 38%;}
footer .feedback {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%;}
footer .phone {color: #202325; font-size: 30px; font-weight: 400; text-decoration: none; margin-bottom: 10px;}
footer .btn2 {font-size: 18px;}
.sm > div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px;}
.sm > div p {margin: 0 0 0 10px; line-height: 20px;}
.sm a {color: #202325; font-weight:300;}

/*=== ADAPTIVE ===*/
@media screen and (max-width: 1440px) {
    .container {padding: 0 10px;}
    header .phone {font-size: 26px;}
    .promo_item {width: 58%;}
    .promo .title {font-size: 70px; line-height: 70px;}
    .promo ul {margin:80px 0 0;}
    .promo ul li {font-size: 16px;}
    .promo .form {padding: 15px 0;}
    .promo .form p span {font-size: 45px; line-height: 45px;}
    .teaching__item .price .btn {padding: 10px 15px; font-size: 16px;}
    #cheaper {margin-top:15px;}
    #cheaper > img {-webkit-box-flex: 0;-ms-flex: 0 0 45.5%;flex: 0 0 45.5%;}
    #cheaper h2 {font-size: 45px; line-height: 45px;}
    #cheaper .text {margin-top: 25px;}
    #autoschool .container {-webkit-box-flex: 0;-ms-flex: 0 0 31%;flex: 0 0 31%;}
    #autoschool h2 {font-size: 30px; line-height: 36px;}
    #autoschool > img {-webkit-box-flex: 0;-ms-flex: 0 0 54.5%;flex: 0 0 54.5%; object-fit: contain;}
    #lessons {margin-top: 30px;}
    .gallery_bottom a {margin-right: 10px;}
    .gallery_bottom a:nth-child(3) {margin-right:0;}
    .contacts__item > div {-webkit-box-flex: 0;-ms-flex: 0 0 90%;flex: 0 0 90%;}
    #friend h2 {font-size: 45px; line-height: 45px;}
    #autoschool {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

}
@media screen and (max-width: 1300px) {
    .menu {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
    .menu li {padding-right: 15px;}
    header .feedback {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
    .promo .title {font-size: 55px; line-height: 55px;}
    .promo ul {display: block; margin: 50px 0 0;}
    .promo ul li {margin-bottom: 45px;}
    .promo ul li::before {top: -15px;}
    .promo ul li br {display: none;}
    .teaching__info {-webkit-box-flex: 0;-ms-flex: 0 0 70%;flex: 0 0 70%;}
    .teaching__item p {font-size: 14px;}
    .teaching__item .name {font-size: 26px;}
    .teaching__item .price {font-size: 24px;}
    .teaching__item .price p {font-size: 24px;}
    #cheaper > img {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    #cheaper h2 {font-size: 36px; line-height: 40px;}
    #cheaper .text p {font-size: 30px; line-height: 30px; margin: 15px 0 35px;}
    #autoschool {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 25px;}
    #autoschool .container {-webkit-box-flex: 1;-ms-flex: auto;flex: auto; margin-top: 0;}
    #autoschool > img {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
    #autoschool ul {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #autoschool ul li {width: 33%;}
    #autoschool ul li img {margin-right: 15px;}
    #autoschool > img {width: 100%; max-width: 1023px; margin: 0 auto; height: 350px; -o-object-fit: cover; object-fit: cover;}
    #instructors .slick-list {max-width: 767px;}
    .instructors__item {margin-right: 20px;}
    .instructors__item .btn {max-width: none; font-size: 14px; padding: 10px 5px;}
    .feedback {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    #contacts .btn {margin-top: 20px;}
    #contacts p {font-size: 24px; line-height: 30px;}
    #friend h2 {font-size: 35px; line-height: 35px;}
    #friend h2 span {font-size: 24px;}
    #friend {margin-top: 30px;}
    footer .text {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;}
    footer .btn2 {font-size: 14px;}
}
@media screen and (max-width: 1023px) {
    h2 {font-size: 30px; line-height: 36px;}
    .menu a {font-size: 14px;}
    header .phone {font-size: 20px;}
    .promo {background-size: cover; height: auto; padding-bottom: 25px;}
    .promo .container {display: block;}
    .promo_item:nth-child(1) {margin-top: 20px;}
    .promo_item {width: auto;}
    .promo p {margin: 15px 0 0;}
    .promo ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
    .promo ul li::before {top: -5px;}
    .promo ul li br {display: block;}
    .promo .form {max-width: none; padding: 15px;}
    .promo .form p span {font-size: 35px; line-height: 35px;}
    .promo .form form {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row; margin: 0 0 5px;}
    .promo .form form .leftColumn {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .promo .form form .input {max-width: 200px; margin-right: 15px;}
    .promo .form .smFormContent input {height: 48px; margin: 0;}
    #contacts {display: block;}
    #map {height: 356px;}
    .contacts__item > div {-webkit-box-flex: 1;-ms-flex: auto;flex: auto; margin: 0 0 0 10px;}
    #contacts .feedback {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px;}
    #contacts .btn {margin-top: 0; margin-left: 20px;}
    footer .container {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer .text {-webkit-box-flex: 0;-ms-flex: 0 0 80%;flex: 0 0 80%;}
    footer .feedback {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%;}
}
@media screen and (max-width: 992px) {
    .menu {margin-left: 25px;}
    .menu li {padding-right: 10px;}
    .promo .form form {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
    .promo .form .smFormContent .button {margin-top: 0;}
    .promo .form button {min-width: auto; height: auto; margin-top: 10px; padding: 15px 30px;}
    .teaching__item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column; width: 43%; max-width: none;}
    .teaching__img {margin-bottom: 15px;}
    #cheaper .text {margin-top: 20px;}
    #cheaper h2 {font-size: 30px; line-height: 30px;}
    #cheaper .text p {font-size: 20px; line-height: 24px; margin: 15px 0 20px;}
    #cheaper .btn2 {padding: 10px 20px; font-size: 16px;}
    .form2 {padding: 25px 0;}
    .form2 .smFormContent form {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
    .form2 p span {font-size: 45px; line-height: 45px;}
    .form2 .smFormContent form input {height: 48px;}
    .form2 .smFormContent form .button {margin: 20px 0 0 !important;}
    .form2 .smFormContent form button {min-width: auto; height: auto; padding: 15px 35px;}
    #instructors .slick-list {max-width: 600px;}
    #friend .btn2 {font-size: 14px;}
    footer .text {-webkit-box-flex: 1;-ms-flex: 1 1 50%;flex: 1 1 50%;}
    footer .feedback {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row; -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    footer .phone {font-size: 24px;}
    footer .btn2 {margin-left: 25px;}
    .sm {display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px;}
    .sm > div {margin: 0;}
}
@media screen and (max-width: 767px) {
    .menu {display: none;}
    header .feedback {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; margin-left: 20px;}
    header .call {display: none;}
    header .phone {font-size: 24px;}
    .promo_item:nth-child(1) {margin-top: 0;}
    .promo .title {font-size: 40px; line-height: 40px;}
    .promo p {font-size: 20px; margin: 5px 0 0;}
    .promo ul {display: block; margin: 25px 0;}
    .promo ul li {margin-bottom: 25px; padding-left: 50px;} 
    .promo ul li br {display: none;}
    .promo ul li:nth-child(1)::before,
    .promo ul li:nth-child(2)::before,
    .promo ul li:nth-child(3)::before {background-repeat: no-repeat; background-size:70%;}
    .teaching__item {padding:15px;}
    .teaching__img img {width: 75%;}
    .teaching__item .name {font-size: 22px;}
    .teaching__item .price {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
    .teaching__item .price .btn {margin: 10px 0; padding: 15px 35px;}
    #cheaper .text {margin-left: 10px; margin-top: 0;}
    #autoschool ul {margin-top: 0;}
    #autoschool ul li {width: 100%; margin-bottom: 10px;}
    #cheaper > img {display: none;}
    .instructors__slider {margin-top: 30px;}
    #instructors .slick-list {max-width: 300px;}
    .instructors__item {margin-right: 0;}
    #contacts .phone {font-size: 24px;}
    #contacts .btn {font-size: 14px;}
    #friend > img {display: none;}
    #friend .text {margin-top: 0; margin-left: 0; background: #3262d4; color: #fff; width: 100%; padding: 20px;}
    #friend .text {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #friend .btn2 {font-size: 14px; padding: 10px 20px;}
    footer .phone {font-size: 20px;}
    #cheaper .text {margin-top: 0; margin-left: 0; background: #3262d4; color: #fff; width: 100%; padding: 20px;}
}   
@media screen and (max-width: 500px) { 
    h2 {font-size: 24px !important; line-height: 30px !important;} 
    /*header .container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
    header .feedback {margin-top: 10px;}*/
    .wrapper_secondary {padding-top: 60px;}
    .promo {padding-top: 50px;}
    .promo .title {font-size: 30px; line-height: 30px;}
    .promo .form form .leftColumn {display: block;}
    .promo .form form .input {max-width: none; margin-right: 0; margin-bottom: 15px;}
    .promo .form form .input .checkbox {max-width: 255px;}
    #timer0a94a6e0113e723a0bb0c0c9937c34dd {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: auto !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .promo .form .timer-element:last-child {display:none !important;}
    .promo .form .timer-element {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .teaching__item {width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    .teaching__img {width: 100%; text-align: center;}
    .teaching__img img {width: auto;}
    .teaching__info {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
    .teaching__item .price {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row; -ms-flex-pack: distribute; justify-content: space-around;}
    .teaching__item .price .btn {margin: 0 0 0 10px; padding: 10px 20px;}
    .form2 .timer-element:last-child {display:none !important;}
    .form2 .smFormContent form .leftColumn {display: block;}
    .form2 .smFormContent form .input {margin-bottom: 15px; margin-right: 0;}
    #timer0a94a6e0113e723a0bb0c0c9937c34dd0 {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: auto !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .form2 .timer-element {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .form2 p {font-size: 20px; line-height: 24px;}
    .form2 p span {font-size: 35px; line-height: 35px;}
    .slick-arrow {width:40px; height:40px; top: auto; bottom: -15%;}
    .slick-prev, .slick-next {background-size: 25%;}
    .slick-prev:hover, .slick-next:hover {background-size: 25%;}
    .slick-prev {left: -25%; right: 0; margin: 0 auto;}
    .slick-next {left: 0; right: -25%; margin: 0 auto;}
    #contacts .feedback {display: block;}
    #contacts .btn {margin-top: 20px; margin-left: 0;}
    #friend {margin-top: 80px;}
    footer .container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
    footer .text {-webkit-box-flex: 1;-ms-flex: auto;flex: auto; margin-top: -25px;}
    footer .feedback {display: block; text-align: center;}
    footer .btn2 {margin-top: 10px; margin-left: 0;}
    .sm {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .sm > div {margin: 0 0 15px;}
    .gallery_bottom img {max-height: none; height: auto;}
    .promo ul {display: none;}
    .promo .adv_list {display: block;}
    .promo .form {margin-top: 15px;}
    .promo_item {text-align: center;}
    header {background: #3262d4; padding: 5px 0;}
}