:root {
    --next-arrow: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23393939;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23393939;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23393939;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A");
    --btn-font-color: #393939;
    --bg-color: #fff;
    --popup-bg: rgba(255, 255, 255, 0.95);
    --font-color: #282828;
    --light-font: #585858;
    --dark-font: #262626;
    --transparent: 255, 255, 255, 0;
    --font-family: 'Stolzl', 'sans-serif';
    --transition: .3s all;
    --grad-from: #ffd233;
    --grad-to: #ffc90a;
    --accent-color: #ffd233;
    --accent-color-rgb: 255,210,51;
    --darker-color-rgb: rgb(204,168,40);
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('../fonts/Gilroy Regular'), local('../fonts/Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('../fonts/Gilroy Bold'), local('../fonts/Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('../fonts/Gilroy Light'), local('Gilroy-Light'),
        url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Semibold.eot');
    src: local('../fonts/Gilroy Semibold'), local('../fonts/Gilroy-Semibold'),
        url('../fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
        url('../fonts/Gilroy-Semibold.woff') format('woff'),
        url('../fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('../fonts/Gilroy Medium'), local('../fonts/Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Extrabold.eot');
    src: local('../fonts/Gilroy Extrabold'), local('../fonts/Gilroy-Extrabold'),
        url('../fonts/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
        url('../fonts/Gilroy-Extrabold.woff') format('woff'),
        url('../fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body.qs {font-family: 'Gilroy';font-style: normal;background-color: #fff;}
body.qs footer {display: none}

.container {max-width: 1140px;}
.row {display: flex;align-items: center;flex-wrap: nowrap;flex-direction: row;}
.col-md-6 {display: flex;flex-direction: column;width: 50%;}

.q_first_child {width: 100%;height: 600px;background: url(../img/pquiz/bg.jpg) no-repeat;background-size: cover;background-position: bottom;display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;}

.logo_top {display: flex;flex-direction: row;align-items: center;}
.logo_top img {margin-right: 30px;}
.logo_top span {font-family: 'Gilroy';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #fff;display: flex;}

h1 {font-weight: 700;font-size: 52px;line-height: 63px;color: #FFFFFF;margin: 40px 0 30px;}
.text {font-weight: 300;font-size: 20px;line-height: 30px;color: #FFFFFF;display: flex;flex-direction: column;padding-right: 50px;}
.text p {margin-bottom: 20px;}
.text p:last-child {margin-bottom: 0;}

.video {display: flex;position: relative;max-height: 350px;width: 100%;max-width: 555px;height: 555px;border: 5px solid #fff;border-radius: 20px;overflow: hidden;}
.video_preview {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;position: relative;}
.video_preview span {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;cursor:pointer;position: absolute;top: 0;left: 0;border-radius: 20px;overflow:hidden}
.video_preview iframe {width: 100%;height: 100%;}
.video_preview span:after {content: '';position: absolute;width: 66px;height: 66px;background: #F1CE63;border-radius: 90px;}
.video_preview span:before {content: '';border: 7px solid transparent;border-top: 10px solid #323232;margin-left: 0;margin-top: 0px;display: inline-block;width: 10px;height: 10px;position: absolute;z-index: 2;box-sizing: border-box;-webkit-transform: rotate(265deg) translate3d(0, 5px, 0);transform: rotate(265deg) translate3d(0, 5px, 0);}

.catalog {padding: 80px 0 105px;}
h2 {font-weight: 300;font-size: 42px;line-height: 48px;text-align: center;color: #323232;display: inline-block;width: 100%;}
h2 strong {font-weight: 700;}
.catalog>div>.row {display: flex;flex-direction: column;}
.catalog>div>.row .shadow_block {margin-top: 40px;box-shadow: 5px 15px 40px rgb(30 35 66 / 15%);border-radius: 20px;padding: 40px 0 50px 35px;width: 100%;background: #fff url(../img/pquiz/Intersect.jpg) no-repeat;background-position: right top;background-size: contain;position: relative;}

.catalog>div>.row .shadow_block div {display: flex;flex-direction: row;justify-content: flex-start;}
.catalog>div>.row .shadow_block ul {margin: 0;padding: 0;display: flex;flex-direction: column;width: 35%;}
.catalog>div>.row .shadow_block ul li {font-size: 17px;line-height: 25px;width: 100%;padding-right: 25px;padding-left: 60px;margin-bottom: 25px;position: relative;}
.catalog>div>.row .shadow_block ul li strong {}
.catalog>div>.row .shadow_block ul li:before {position: absolute;left: 0;font-weight: 900;font-size: 40px;line-height: 100%;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #F1CE63;color: #fff;top: calc(50% - 20px);}
.catalog>div>.row .shadow_block div ul:first-child li:nth-child(1):before {content: '01';}
.catalog>div>.row .shadow_block div ul:first-child li:nth-child(2):before {content: '02';}
.catalog>div>.row .shadow_block div ul:first-child li:nth-child(3):before {content: '03';}
.catalog>div>.row .shadow_block div ul:last-child li:nth-child(1):before {content: '04';}
.catalog>div>.row .shadow_block div ul:last-child li:nth-child(2):before {content: '05';}



.catalog>div>.row .shadow_block p {font-weight: 700;line-height: 25px;font-size: 17px;margin-bottom: 24px;}
.catalog>div>.row .shadow_block p:last-child {margin-bottom: 0;}

.catalog>div>.row .shadow_block div a {}

.catalog>div>.row .shadow_block:after {content:'';}
.catalog>div>.row .shadow_block:before {content: '';background: url(../img/pquiz/book.webp) no-repeat;display: inline-block;width: 761px;height: 532px;position: absolute;top: -15px;right: -203px;}

.phones {background: url(../img/pquiz/shum.jpg) repeat;}
.phones>.container>.row {align-items: inherit;}
.phones>.container>.row>.col-md-6 {}
.phones>.container>.row>.col-md-6:first-child {background: url(../img/pquiz/phones.png) no-repeat;background-position: center 80px;position: relative;}
.phones>.container>.row>.col-md-6:last-child {padding: 85px 0 300px 60px;}
.phones>.container>.row>.col-md-6:last-child h2 {text-align: left;margin-bottom: 30px;}
.phones>.container>.row>.col-md-6:last-child ul {}
.phones>.container>.row>.col-md-6:last-child ul li {font-size: 20px;line-height: 30px;margin-bottom: 25px;position: relative;padding-left: 25px;}
.phones>.container>.row>.col-md-6:last-child ul li:after {content:'';background: none;border: 4px solid #F1CE63;border-radius: 90px;display: inline-block;position: absolute;left: 0;width: 15px;height: 15px;box-sizing: border-box;top: 8px;}

.phones a {display: flex;align-items: center;flex-direction: row;padding: 0 35px 0 63px;height: 60px;position: absolute;border-radius: 15px;}
.phones a i {display: flex;width: 24px;height: 24px;background: #fff;border-radius: 50%;align-items: center;justify-content: center;align-content: center;position: absolute;left: 30px;}
.phones a i svg {}
.phones a.telegram i svg {width: 13px;height: 13px;}
.phones a span {white-space: nowrap;font-weight: 500;font-size: 17px;line-height: 20px;color: #fff;}
.phones a.vk {background: #4065D6;right: 0;top: 340px;-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.phones a.telegram {background: #039BE5;top: 458px;-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}

.phones a.telegram:hover {background: #4065D6;}
.phones a.vk:hover {background: #039BE5;}

.green {}
.green>div>div>.col-md-12 {background: #3A7653;box-shadow: 5px 15px 40px rgb(30 35 66 / 15%);border-radius: 20px;display: flex;width: 100%;padding: 53px 0 68px;position: relative;color: #fff;flex-direction: column;align-items: center;margin-top: -195px;}
.green>div>div>.col-md-12>* {z-index: 1;}
.green>div>div>.col-md-12:after {content:'';border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 20px;display: flex;position: absolute;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);z-index: 0;}
.green>div>div>.col-md-12 h2 {font-weight: 700;font-size: 42px;line-height: 51px;color: #fff;margin-bottom: 15px;}
.green>div>div>.col-md-12 h3 {font-weight: 400;font-size: 22px;line-height: 26px;margin-bottom: 43px;}

.green>div>div>.col-md-12 form {}
.green>div>div>.col-md-12 form>div {display: flex;flex-direction: row;align-items: center;}
.green>div>div>.col-md-12 form>div>span {font-weight: 700;font-size: 18px;line-height: 22px;width: 100px;}
.green>div>div>.col-md-12 form>div a {display: flex;flex-direction: column;align-items: center;font-weight: 400;font-size: 15px;line-height: 17px;height: 100px;width: 100px;justify-content: center;margin: 0 8px;}
.green>div>div>.col-md-12 form>div a input {display: none;}
.green>div>div>.col-md-12 form>div a span {margin-top: 8px;}
.green>div>div>.col-md-12 form>div a.active {background: #FFFFFF;box-shadow: 0px 4px 13px rgba(30, 35, 66, 0.11);border-radius: 20px;color: #323232;}
.green>div>div>.col-md-12 form>div [type=text] {background: #FFFFFF;border-radius: 15px;height: 80px;line-height: 80px;padding: 0 37px;font-weight: 400;font-size: 18px;margin-right: 20px;width: 370px;}
.green>div>div>.col-md-12 form>div [type=submit] {height: 80px;white-space: nowrap;width: 295px;border-radius: 15px;font-weight: 500;font-size: 17px;color: #323232;padding: 0 45px;}
.green>div>div>.col-md-12 small {font-weight: 400;font-size: 14px;line-height: 16px;margin-top: 38px;}

.slide {}
.slide>div>div>div {width: 100%;display: flex;flex-direction: column;margin: 78px 0;}
.slide h2 {font-weight: 300;font-size: 42px;line-height: 48px;margin-bottom: 55px;}

.slide .slider {display: flex;flex-direction: row;flex-wrap: wrap;position: relative;}
.slide .slider .slick-list {display: flex;overflow: hidden;}
.slide .slider .item {border-radius: 20px;display: inline-block;width: 360px;height: 360px;}
.slide .slider .item img {height: auto;width: 360px;}
.slick-prev {position: absolute;
    width: 14px;
    height: 14px;
    border-top: 3px solid #323232;
    border-left: 3px solid #323232;
    z-index: 5;
    text-indent: -10000px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg) translate3d(0, 5px, 0);
    transform: rotate(-45deg) translate3d(0, 5px, 0);
    top: calc(50% - 10px);left: -35px;}
.slick-next {position: absolute;
    width: 14px;
    height: 14px;
    border-top: 3px solid #323232;
    border-right: 3px solid #323232;
    z-index: 5;
    text-indent: -10000px;
    overflow: hidden;
    -webkit-transform: rotate(45deg) translate3d(0, 5px, 0);
    transform: rotate(45deg) translate3d(0, 5px, 0);
    top: calc(50% - 10px);
    right: -17px;}
.slick-track {display: flex;flex-direction: row;}
.slick-dots {display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -46px;
    left: 0;}
.slick-dots li {margin-left: 15px;}
.slick-dots li button {display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -100px;
    background: #B2B2B2;
    margin-left: 0px;}
.slick-dots li.slick-active button {background: #F1CE63;}
.slick-dots li:first-child {margin-left: 0;}

section.footer {background: #323232; color: #fff;display: flex;padding: 49px 0 42px;}
section.footer>.container {}
section.footer>.container>.row {}
section.footer>.container>.row:first-child {}
section.footer>.container>.row:first-child .col-md-12 {display: flex;width: 100%;justify-content: space-between;align-items: center;align-content: center;}
section.footer>.container>.row:first-child .col-md-12 .logo_top {text-decoration: none}
section.footer>.container>.row:first-child .col-md-12>div {display: flex;flex-direction: row;align-items: center;}
section.footer>.container>.row:first-child .col-md-12>div .social {margin-right: 70px;display: flex;flex-direction: row;}
section.footer>.container>.row:first-child .col-md-12>div .social a {display: flex;text-decoration: none;margin: 0 6px;}
section.footer>.container>.row:first-child .col-md-12>div .contacts {display: flex;flex-direction: column;align-items: flex-end;}
section.footer>.container>.row:first-child .col-md-12>div .contacts a:first-child {font-weight: 700;font-size: 20px;line-height: 24px;color: #FFFFFF;text-decoration: none;}
section.footer>.container>.row:first-child .col-md-12>div .contacts a:last-child {font-weight: 400;font-size: 14px;line-height: 16px;text-align: right;color: #FFFFFF;text-decoration: none;margin-top: 8px;}

section.footer2 {background: #323232;padding: 28px 0;border-top: 1px solid rgba(255, 255, 255, 0.13);}
section.footer2>.container>.row {}
section.footer2>.container>.row .col-md-12 {display: flex;width: 100%;justify-content: space-between;align-items: center;}
section.footer2>.container>.row span {font-weight: 400;font-size: 16px;line-height: 19px;color: #A9A9A9;}
section.footer2>.container>.row a {font-weight: 400;font-size: 16px;line-height: 19px;color: #A9A9A9;}
section.footer2>.container>.row a:hover {color: #fff}

.btn {
    background-image: linear-gradient(to top, var(--grad-from), var(--grad-to));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.quiz__btn-next {
    width: 35%;
    height: 66px;
    border-radius: 15px;
    box-shadow: 0px 19px 49px 0 #fe585119, 0px 4px 0 0 var(--darker-color-rgb);
    font-size: 16px;
    letter-spacing: 0.16px;
    text-align: left;
    color: var(--btn-font-color);
}
.quiz__btn-next span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.quiz__btn-next span::after {
    content: '';
    margin-left: 0.5rem;
    background-image: var(--next-arrow);
    height: 1.5625rem;
    width: 1.5625rem;
    background-repeat: no-repeat;
    background-position: center;
}


.popup {
    background-color: rgba(27, 27, 27, 0.95);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    display: none;
}

.popup-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.popup-wrap::-webkit-scrollbar {
    width: 0px;
}

.popup-wrap--center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__form {
    box-sizing: border-box;
    width: 100%;
    max-width: 376px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 24px 68px 0 rgba(7, 7, 7, 0.06);
    background-color: #ffffff;
    z-index: 2;
    position: relative;
}

.popup__form-wrap {
    position: relative;
    position: relative;
}

.popup__form-wrap::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -0.4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 97.5%;
    height: 10rem;
    border-radius: 8px;
    box-shadow: 0px 24px 68px 0 #3d3d3d0f;
    background-color: #ffffff;
}

.popup__form-wrap::before {
    z-index: 1;
}

.popup__form__outline {
    border-radius: 8px;
    box-sizing: border-box;
    border: solid 1px #ededed70;
    width: 100%;
    height: 100%;
    padding: 11px 29px;
}

.popup__form__title {
    font-size: 31px;
    letter-spacing: 0.68px;
    text-align: center;
    color: #383838;
    font-weight: 500;
}

@media (max-width: 699px) {
    .popup__form__title {
        font-size: 2.2rem;
    }
}

.popup__form__input {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-top: 2rem;
    margin-bottom: 1.3rem;
}

.popup__form__btn {
    margin-right: auto;
    margin-left: auto;
    width: 24rem;
    max-width: 100%;
}

span#promo-name {
    font-weight: bold;
}

.form__input[name="phone"] {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23696969' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' style='enable-background:new 0 0 480.56 480.56;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z'/%3E%3Cpath d='M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z'/%3E%3Cpath d='M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

input.form__input.popup__form__input {
    height: 65px;
    border-radius: 8px;
    border-width: 0px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #383838;
    padding-left: 54px;
    padding-right: 17px;
    background-size: 17px;
    background-position: left 24px center;
    background-repeat: no-repeat;
}

button.btn.form__btn.popup__form__btn {
    border-radius: 8px;
    box-shadow: 0px 4px 0 0 #e4b91f, 0px 18px 43px 0 #fecb1726, inset 0px 0px 9px 3px #ffde73;
    background-image: linear-gradient(to top, #fecb17, #ffd84d);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.313rem;
    font-weight: bold;
    line-height: 1.17;
    letter-spacing: .32px;
    text-align: center;
    color: #443708;
    font-family: inherit;
    overflow: hidden;
    position: relative;
}

input,
button {
    -webkit-appearance: none;
}

button.button.wa_button.btn__mirror {
    display: block!important;
    position: relative;
    width: 100%;
    max-width: 344px;
    margin: 0px auto;
    transform: unset;
    left: unset;
    right: unset;
    overflow: hidden;
    outline: none;
}

.form__agreement__text {
    opacity: 0.85;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: 0.14px;
    text-align: center;
    color: #3b3b3bd9;
}

#popup-promo>div>div>form>div.popup__form__outline>div.form__agreement>div>a {
    text-decoration: underline;
    color: #4c4c4cd9;
}

.form__agreement {
    position: relative;
}

button.button.wa_button.btn__mirror {
    transition: all .250s linear;
}

button.button.wa_button.btn__mirror:hover {
    opacity: 0.8;
}
.form__btn {
    height: 5.625rem;
    font-size: 1.313rem;
}
.form__agreement {
    display: flex;
    justify-content: center;
    margin-top: 1.7rem;
}

.slide .slider .item a {display: inline-block;
    width: auto;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;}





@media (max-width: 1180px) {
	.row {padding-left: 15px;padding-right: 15px;}
}

@media (max-width: 850px) {
	.q_first_child {height: auto;padding: 40px 0;}
	.q_first_child .row {flex-direction: column;}
	.q_first_child .row .col-md-6 {width: 100%;align-items: center;}
	.q_first_child .row .col-md-6 h1 {text-align: center;line-height: 50px;margin: 20px 0;}
	.text {padding-right: 0;}
	.q_first_child .row .col-md-6 p {text-align: center;margin-bottom: 10px;}
	.q_first_child .row .col-md-6:last-child {margin-top: 20px;}
	.slide .slider .item img {width: 100%;height: 100%;}
	.slide .slider .item {padding: 10px;}
	.slick-prev {left: -17px;}
	.slick-next {right: -19px;}
	.slide h2, 
	.green>div>div>.col-md-12 h2,
	.phones>.container>.row>.col-md-6:last-child h2, .catalog h2 {font-size: 32px;line-height: 32px;}
	.phones>.container>.row>.col-md-6:last-child h2 br, 
	.catalog h2 br {display: none;}
	.phones>.container>.row>.col-md-6:last-child {padding: 85px 0 240px 60px;}
	.phones>.container>.row>.col-md-6:first-child {display: none;}
	.green>div>div>.col-md-12 h3 {padding: 0 15px;text-align: center;font-size: 18px;line-height: 22px;}
	section.footer>.container>.row:first-child .col-md-12 {flex-direction: column;}
	section.footer>.container>.row:first-child .col-md-12 .logo_top {margin-bottom: 30px;}
	.green>div>div>.col-md-12 form>div {flex-direction: row;display: flex;flex-wrap: wrap;justify-content: center;}
	.green>div>div>.col-md-12 form>div [type=text] {margin: 15px 0;width: 70%;}
	.green>div>div>.col-md-12 form>div [type=submit] {margin: 0;width: 70%;}
	.green>div>div>.col-md-12 form>div>span {width: 200px;}
	.phones>.container>.row {align-items: center;display: flex;flex-direction: column-reverse;}
	.phones>.container>.row>.col-md-6 {width: 100%;}
	.catalog>div>.row .shadow_block ul {width: 50%;}
	.catalog>div>.row .shadow_block:before {background-size: contain;width: 390px;top: auto;bottom: 15px;height: 260px;right: -100px;z-index: 2;background-position: center;}
	.catalog>div>.row .shadow_block {background: none;}
}

@media (max-width: 780px) {
	.catalog>div>.row .shadow_block div {display: flex;flex-direction: column;}
	.catalog>div>.row .shadow_block ul {width: 100%;}
	html {margin: 0 !important;}
}

@media (max-width: 500px) {
	.logo_top img {width: 120px;}
	.logo_top span {font-size: 12px;line-height: 12px;}
	.q_first_child .row .col-md-6 h1 {font-size: 32px;line-height: 32px;}
	.q_first_child .row .col-md-6 p {font-size: 16px;}
	.video {max-height: 235px;}
	.catalog {padding: 40px 0 40px;}
	.catalog>div>.row .shadow_block {background: none;padding: 30px 15px;}
	.catalog>div>.row .shadow_block:before {display: none;}
	.quiz__btn-next {width: 100%;height: 60px;font-size: 16px;}
	.catalog>div>.row .shadow_block p {text-align: center;}
	.phones>.container>.row>.col-md-6:last-child {padding: 40px 0 210px 0px;}
	.phones>.container>.row>.col-md-6:last-child ul li {font-size: 16px;line-height: 18px;margin-bottom: 20px;}
	.phones>.container>.row>.col-md-6:last-child ul li:after {top: 1px;}
	
	section.footer2>.container>.row .col-md-12 {flex-direction: column;}
	section.footer>.container>.row:first-child .col-md-12>div {display: flex;flex-direction: column;}
	section.footer>.container>.row:first-child .col-md-12>div .social {margin-right: 0;margin-bottom: 15px;}
	section.footer>.container>.row:first-child .col-md-12>div .contacts {display: flex;flex-direction: column;align-items: center;}
	.green>div>div>.col-md-12 small {padding: 0 20px;text-align: center;margin-top: 20px;}
	.green>div>div>.col-md-12 {padding: 40px 0 40px;}
	.green>div>div>.col-md-12 form>div [type=submit] {margin: 0;width: calc(100% - 40px);}
	.green>div>div>.col-md-12 form>div [type=text] {width: calc(100% - 40px);}
	.green>div>div>.col-md-12 form>div>span {width: 100%;text-align: center;margin-bottom: 20px;}
	.slide>div>div>div {margin: 40px 0;}
	.slide h2 {margin-bottom: 40px;}
	.catalog>div>.row .shadow_block ul li {padding-right: 0;}
	.catalog>div>.row .shadow_block ul li br {display: none;}
	.catalog>div>.row, .green>div>.row {padding: 0;}
	
}

@media (max-width: 375px) {
	
}

@media (max-width: 325px) {
	
}