/*!********************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./scss/index.scss ***!
  \********************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;900&display=swap);
/*!************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./scss/index.scss (1) ***!
  \************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Указываем box sizing */
*, *::before, *::after { box-sizing: border-box; }

/* Убираем внутренние отступы */
ul[class], ol[class] { padding: 0; }

/* Убираем внешние отступы */
body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; }

/* Выставляем основные настройки по-умолчанию для body */
body { min-width: 320px; font-family: 'Raleway', sans-serif; min-height: 100vh; font-size: 20px; font-weight: 400; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; color: #2F2F2F; }

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) { text-decoration-skip-ink: auto; }

a { text-decoration: none; }

/* Упрощаем работу с изображениями */
img { max-width: 100%; display: block; }

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * { margin-top: 1em; }

/* Наследуем шрифты для инпутов и кнопок */
input, button, textarea, select { font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

button { border: none; background-color: inherit; cursor: pointer; padding: 0; margin: 0; }

ul { margin: 0; padding: 0; }

li { padding: 0; margin: 0; }

input { border: none; }

.container { width: 100%; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1220px; } }

.title { font-weight: 700; font-size: 36px; line-height: 47px; }

.title_section { margin-bottom: 50px; }

@media (max-width: 556px) { .title { font-size: 24px; line-height: 31px; }
    .title_section { padding-left: 20px; padding-right: 20px; } }

.btn { display: flex; font-size: 24px; justify-content: center; align-items: center; border-radius: 30px; }

.btn:hover { transition: all 0.2s ease-out; }

.btn_primary { background-color: #F7AF2A; font-weight: 700; color: #fff; }

.btn_primary:hover { color: #F7AF2A; border: 1px solid #F7AF2A; background-color: transparent; }

.btn_outline { font-weight: 500; color: #F7AF2A; border: 1px solid #F7AF2A; }

.btn_outline:hover { color: #000; border: 1px solid #000; }

.btn_second { color: #000; border: 1px solid #000; }

.btn_second:hover { color: #F7AF2A; border: 1px solid #F7AF2A; }

@media (max-width: 556px) { .btn { font-size: 18px; } }

.agreement { display: flex; align-items: center; }

.agreement__label { font-weight: 400; font-size: 14px; color: #444; }

.agreement__checkbox { width: 13px; height: 13px; border-radius: 3px; background-color: #F7AF2A; margin-right: 5px; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; background-repeat: no-repeat; background-position: center; background-size: contain; }

.agreement__checkbox:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); background-color: #F7AF2A; border-color: #F7AF2A; }

.agreement__link { color: #444; text-decoration: underline; }

.honeyspot { position: absolute; left: 0; top: 0; width: 0.3px; height: 0.3px; opacity: 0; }

.input__input { background-color: transparent; border: none; border-bottom: 1px solid #1F1F1F; padding-left: 5px; padding-bottom: 8px; color: #636363; transition: all 0.2s ease-out; }

.input__input:hover::placeholder { transition: all 0.2s ease-out; color: transparent; }

.text-error { text-align: center; width: 100%; }

.text-error_hidden { display: none; }

.controller__arrow { width: 40px; height: 40px; position: absolute; top: 50%; cursor: pointer; }

.controller__arrow_next { right: -70px; }

.controller__arrow_prev { left: -70px; transform: rotate(180deg); }

.controller__icon { display: flex; width: 100%; height: 100%; object-fit: cover; }

.controller__group-navs { display: flex; justify-content: center; align-items: center; grid-gap: 15px; }

.controller__nav { width: 14px; height: 14px; border: 1px solid #F7AF2A; border-radius: 50px; margin-top: 40px; cursor: pointer; }

.controller__nav.tns-nav-active { background-color: #F7AF2A; }

@media (max-width: 1200px) { .controller__arrow { display: none; } }

.scroll-top { position: fixed; bottom: 40px; right: 40px; width: 80px; height: 80px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25); }

.scroll-top_hidden { display: none; }

@media (max-width: 556px) { .scroll-top { width: 55px; height: 55px; bottom: 20px; right: 20px; } }

.section-fixed { position: fixed; width: 100%; z-index: 1000; top: 40px; }

.fixed__wrapper { width: 1380px; height: 94px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 20px; margin: 0 auto; border: 1px solid rgba(99, 99, 99, 0.2); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); }

.fixed__wrapper-logo { display: flex; width: 84px; height: 73px; justify-content: center; align-items: center; margin-right: 25px; }

.fixed__logo { display: flex; justify-content: center; align-items: center; object-fit: cover; }

.fixed__menu { display: flex; grid-gap: 30px; }

.fixed__item { font-weight: 500; font-size: 22px; line-height: 26px; color: #232323; }

@media (max-width: 1200px) { .fixed__wrapper { width: 95%; }
    .fixed__menu { grid-gap: 15px; }
    .fixed__item { font-size: 18px; } }

@media (max-width: 992px) { .fixed__wrapper { height: 68px; justify-content: space-between; padding: 15px; }
    .fixed__wrapper-logo { width: 70px; height: auto; }
    .fixed__wrapper_show { height: auto; align-items: flex-start; transition: all 0.2s ease-out; }
    .fixed__wrapper_show .fixed__menu { display: flex; }
    .fixed__wrapper_show .fixed__burger span:nth-child(1) { position: absolute; transform: rotate(45deg); }
    .fixed__wrapper_show .fixed__burger span:nth-child(2) { position: absolute; transform: rotate(135deg); }
    .fixed__wrapper_show .fixed__burger span:nth-child(3) { display: none; }
    .fixed__menu { display: none; flex-flow: column; text-align: center; }
    .fixed__burger { width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; grid-gap: 7px; cursor: pointer; position: relative; flex-flow: column; }
    .fixed__burger span { width: 100%; height: 1px; background-color: #000; transition: all 0.2s ease-out; } }

@media (max-width: 556px) { .fixed__item { font-size: 14px; line-height: 20px; } }

.section-banner { background-image: url("../../img/banner/banner-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding-top: 170px; padding-bottom: 40px; min-height: 100vh; }

.banner__wrapper { display: grid; grid-template-columns: 1fr 327px; grid-gap: 60px; }

.banner__desc { display: flex; flex-flow: column; justify-content: center; }

.banner__title { font-weight: 900; font-size: 60px; line-height: 83px; color: #fff; margin-bottom: 30px; }

.banner__btn { width: 361px; height: 70px; }

.banner__group-product { display: grid; grid-template-columns: 1fr; grid-gap: 30px; }

.banner__card { display: flex; height: 171px; flex-flow: column; background: #FFFFFF; border-radius: 20px; }

.banner__img-wrapper { display: flex; height: 110px; justify-content: center; align-items: center; border-radius: 20px 20px 0px 0px; border: 1px solid #FFFFFF; margin-bottom: 12px; }

.banner__img { display: flex; width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0px 0px; }

.banner__name { font-size: 24px; line-height: 28px; text-align: center; }

@media (max-width: 1660px) { .banner__desc { margin-top: 20px; justify-content: start; } }

@media (max-width: 992px) { .banner__wrapper { grid-template-columns: 1fr; }
    .banner__title { font-size: 57px; line-height: 65px; }
    .banner__group-product { grid-template-columns: 1fr 1fr; } }

@media (max-width: 768px) { .banner__title { font-size: 36px; line-height: 42px; } }

@media (max-width: 556px) { .section-banner { padding-left: 20px; padding-right: 20px; }
    .banner__btn { width: 100%; height: 60px; }
    .banner__title { margin-bottom: 25px; }
    .banner__group-product { grid-template-columns: 1fr; }
    .banner__name { font-size: 20px; line-height: 23px; } }

.section-advantage { padding: 120px 0; }

.advantage__card { display: flex; align-items: center; background-image: url("../../img/advantage/advantage-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; height: 440px; justify-content: flex-end; border-radius: 20px; padding-right: 90px; margin-bottom: 30px; }

.advantage__desc { width: 386px; height: 264px; display: flex; flex-flow: column; justify-content: center; background: #FFFFFF; border-radius: 20px; padding: 0 20px; }

.advantage__desc-title { font-weight: 700; font-size: 24px; margin-bottom: 15px; }

.advantage__input { width: 100%; margin-bottom: 15px; }

.advantage__btn { width: 60%; height: 50px; margin-bottom: 10px; }

.advantage__total { display: none; justify-content: space-between; font-weight: 400; font-size: 18px; line-height: 23px; }

.advantage__total-text { color: #F7AF2A; font-size: 20px; font-weight: 700; }

.advantage__total_show { display: flex; }

.advantage__wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }

.advantage__card-icon { display: flex; flex-flow: column; align-items: center; }

.advantage__wrapper-icon { display: flex; justify-content: center; align-items: center; width: 110px; height: 110px; margin-bottom: 15px; }

.advantage__icon { display: flex; justify-content: center; align-items: center; object-fit: cover; }

.advantage__icon-title { text-align: center; }

@media (max-width: 768px) { .advantage__card { background-image: url("../../img/advantage/advantage-bg-mobile.jpg"); height: 570px; padding-right: 0; justify-content: center; align-items: flex-end; padding-bottom: 40px; }
    .advantage__wrapper { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 556px) { .section-advantage { padding: 80px 0; }
    .advantage__desc-title { font-size: 17px; }
    .advantage__card { height: 600px; }
    .advantage__desc { width: 280px; height: 237px; text-align: center; }
    .advantage__desc-text { font-size: 15px; line-height: 20px; }
    .advantage__wrapper { grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; } }

.section-feedback { padding: 110px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }

#sectionFeedbackFirst { background-image: url("../../img/feedback/feedback-bg-black.jpg"); }

#sectionFeedbackSecond { background-image: url("../../img/feedback/feedback-bg-white.jpg"); }

#sectionFeedbackThree { background-image: url("../../img/feedback/section-feedback-three.jpg"); }

#sectionFeedbackFour { background-image: url("../../img/feedback/feedback-bg-four.jpg"); }

.feedback__wrapper { display: flex; max-width: 1089px; height: 403px; padding: 0 50px; justify-content: center; flex-flow: column; border-radius: 20px; margin: 0 auto; }

.feedback__wrapper_black { background: rgba(255, 255, 255, 0.1); border: 5px solid #1F1F1F; }

.feedback__wrapper_white { background: rgba(0, 0, 0, 0.1); border: 5px solid #FFFFFF; color: #fff !important; }

.feedback__title { margin-bottom: 15px; }

.feedback__desc { margin-bottom: 30px; }

.feedback__form { display: flex; flex-wrap: wrap; grid-gap: 25px; align-items: flex-end; }

.feedback__input { width: 282px; height: 34px; }

.feedback__input_white { color: #fff; border-bottom: 1px solid #fff; }

.feedback__input_white::placeholder { color: #fff; }

.feedback__btn { width: 361px; height: 69px; }

.feedback__agreement_white label, .feedback__agreement_white a { color: #fff; }

@media (max-width: 768px) { .feedback__wrapper { height: auto; padding: 50px 20px; }
    .feedback__input { width: 100%; }
    .feedback__btn { width: 100%; } }

@media (max-width: 556px) { .section-feedback { padding: 80px 0; }
    .feedback__subtitle { font-size: 15px; line-height: 20px; }
    .feedback__btn { font-size: 16px; height: 51px; } }

.section-comparison { padding: 110px 0; background: #F3F3F3; }

.comparison__wrapper { display: grid; grid-template-columns: 4fr 1fr; }

.comparison__wrapper-card { display: flex; flex-flow: column; grid-gap: 30px; }

.comparison__card { display: flex; align-items: center; grid-gap: 20px; }

.comparison__wrapper-img { display: flex; max-width: 648px; min-width: 648px; height: 80px; justify-content: center; align-items: center; }

.comparison__img { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; object-fit: cover; border-radius: 30px; }

.comparison__img_mob { display: none; }

.comparison__name { font-size: 24px; text-transform: uppercase; line-height: 31px; }

.comparison__desc { display: flex; background-color: #fff; height: 155px; border-radius: 20px; justify-content: center; align-items: center; padding-left: 20px; padding-right: 20px; }

.comparison__desc-text { font-weight: 300; font-size: 16px; line-height: 21px; }

@media (max-width: 1200px) { .comparison__wrapper { grid-template-columns: 1fr; grid-gap: 30px; }
    .comparison__desc { width: 50%; margin: 0 auto; } }

@media (max-width: 992px) { .comparison__name { font-size: 18px; }
    .comparison__wrapper-img { max-width: 60%; min-width: 60%; height: 55px; }
    .comparison__desc { width: 100%; height: 90px; } }

@media (max-width: 768px) { .comparison__card { flex-flow: column; }
    .comparison__wrapper-img { max-width: 100%; min-width: 100%; height: 65px; } }

@media (max-width: 556px) { .comparison__img { display: none; }
    .comparison__img_mob { display: flex; border-radius: 30px; object-fit: cover; }
    .comparison__wrapper-img { height: 80px; }
    .comparison__name { font-size: 15px; }
    .comparison__card { grid-gap: 10px; }
    .comparison__wrapper-card { grid-gap: 20px; }
    .comparison__desc { width: 278px; height: 155px; } }

.section-product { padding: 110px 0; }

.product__wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 282px); grid-gap: 30px; }

.product__card { display: flex; align-items: flex-end; background-color: #000; border-radius: 20px; background-repeat: no-repeat; background-size: cover; cursor: pointer; }

.product__card:nth-child(1) { background-image: url("../../img/product/product1.jpg"); grid-row: 1/3; }

.product__card:nth-child(2) { background-image: url("../../img/product/product2.jpg"); grid-row: 1/3; }

.product__card:nth-child(3) { background-image: url("../../img/product/product3.jpg"); grid-column: 3/5; }

.product__card:nth-child(4) { background-image: url("../../img/product/product4.jpg"); grid-column: 3/5; }

.product__card-title { display: flex; padding-left: 20px; align-items: center; color: #fff; border-radius: 0px 0px 20px 20px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(50px); font-weight: 700; font-size: 24px; line-height: 31px; width: 100%; height: 70px; }

@media (max-width: 1200px) { .product__wrapper { grid-template-rows: repeat(2, 250px); }
    .product__card-title { font-size: 22px; } }

@media (max-width: 992px) { .product__wrapper { grid-template-columns: repeat(2, 1fr); }
    .product__card:nth-child(1) { grid-row: auto; }
    .product__card:nth-child(2) { grid-row: auto; }
    .product__card:nth-child(3) { grid-column: auto; }
    .product__card:nth-child(4) { grid-column: auto; } }

@media (max-width: 556px) { .section-product { padding: 80px 20px; }
    .product__wrapper { grid-template-columns: 1fr; grid-template-rows: repeat(4, 180px); }
    .product__card-title { font-size: 18px; } }

.section-table { padding: 110px 0; background: #6F6F6F; }

.table__title { color: #fff; }

.table__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #FFFFFF; }

.table__item { display: flex; align-items: center; border-bottom: 1px solid #FFFFFF; padding: 25px 0 20px 0; }

.table__item:nth-last-child(1), .table__item:nth-last-child(2), .table__item:nth-last-child(3) { border-bottom: none; }

.table__item:nth-last-child(2) { border-radius: 0 0 20px 20px; }

.table__item-title { font-weight: 500; font-size: 24px; line-height: 31px; text-transform: uppercase; color: #A7A7A7; }

.table__item-bold { font-weight: 700; font-size: 24px; line-height: 31px; color: #FFFFFF; }

.table__item-light { color: #fff; margin-left: 60px; }

.table__item-title_light { margin-left: 40px; }

.table__item_bg { background: #FFF0D5; padding-left: 60px; }

.table__item_bg:nth-child(2) { border-radius: 20px 20px 0 0; }

.table__mobile-icon { display: none; }

@media (max-width: 992px) { .table__wrapper { overflow-x: auto; scroll-snap-type: x mandatory; }
    .table__item { scroll-snap-align: start; } }

@media (max-width: 768px) { .table__mobile-icon { display: block; margin-bottom: 15px; }
    .table__wrapper { grid-template-columns: repeat(3, 350px); } }

@media (max-width: 556px) { .section-table { padding: 80px 20px; }
    .table__item { padding: 14px; font-size: 16px; }
    .table__item-title { font-size: 17px; }
    .table__wrapper { grid-template-columns: repeat(3, 200px); }
    .table__item-bold { font-size: 16px; }
    .table__item-light { margin-left: 0; }
    .table__item-title_light { margin-left: 0; } }

.section-catalog { padding: 110px 0; }

.catalog__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

.catalog__card { display: flex; height: 321px; background-repeat: no-repeat; background-size: cover; background-position: left bottom; border-radius: 20px; padding: 35px; }

.catalog__card:nth-child(1) { background-image: url("../../img/catalog/catalog1.jpg"); }

.catalog__card:nth-child(2) { background-image: url("../../img/catalog/catalog2.jpg"); }

.catalog__card:nth-child(3) { background-image: url("../../img/catalog/catalog3.jpg"); }

.catalog__card:nth-child(4) { background-image: url("../../img/catalog/catalog4.jpg"); }

.catalog__card-body { display: flex; flex-flow: column; margin-left: auto; height: 100%; justify-content: space-between; }

.catalog__btn { width: 171px; height: 61px; cursor: pointer; }

.catalog__desc { font-size: 24px; }

.catalog__title { font-weight: 700; margin-bottom: 10px; }

.catalog__img-wrapper { display: none; }

@media (max-width: 1200px) { .catalog__img-wrapper { display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; }
    .catalog__img { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover; }
    .catalog__card { height: auto; }
    .catalog__card:nth-child(1) { background: #FFF0D4; }
    .catalog__card:nth-child(2) { background: #E7FFD4; }
    .catalog__card:nth-child(3) { background: #D4FAFF; }
    .catalog__card:nth-child(4) { background: #D4D8FF; }
    .catalog__card-body { width: 100%; justify-content: flex-start; align-items: center; grid-gap: 10px; }
    .catalog__title { text-align: center; } }

@media (max-width: 768px) { .catalog__wrapper { grid-template-columns: 1fr; } }

@media (max-width: 556px) { .section-catalog { padding: 80px 20px; }
    .catalog__card-body { font-size: 18px; line-height: 23px; }
    .catalog__title { font-size: 18px; }
    .catalog__subtitle { font-size: 15px; }
    .catalog__img { object-fit: contain; } }

.section-gallery { padding: 110px 0; }

.section-gallery .container { position: relative; }

.gallery__card { width: 594px; height: 594px; }

.gallery__card_small { display: grid; grid-template-columns: repeat(2, 282px); grid-gap: 30px; }

.gallery__card_small .gallery__img-wrapper:nth-last-child(1) { grid-column: 1/3; }

.gallery__img-wrapper { display: flex; width: 100%; height: 100%; }

.gallery__img { display: flex; justify-content: center; align-items: center; object-fit: cover; border-radius: 20px; }

.gallery__nav { display: none; }

@media (max-width: 1200px) { .gallery__card { width: 100%; height: auto; }
    .gallery__card_small { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 768px) { .gallery__nav { display: block; } }

@media (max-width: 556px) { .section-gallery { padding: 0 20px 80px 20px; }
    .gallery__card_small { grid-gap: 10px; } }

.section-calc { padding: 110px 0; }

.calc__card { background-image: url("../../img/calc/calc-bg.jpg"); background-size: cover; background-position: center center; padding: 110px 67px; border-radius: 30px; }

.calc__wrapper { width: 90%; display: grid; grid-template-columns: repeat(2, 378px); grid-gap: 55px; }

.calc__subtitle { font-weight: 500; font-size: 24px; line-height: 31px; margin-bottom: 33px; }

.calc__entering { display: flex; flex-flow: column; position: relative; }

.calc__entering:after { content: ''; display: block; width: 1px; height: 455px; background-color: #DEDEDE; position: absolute; right: -30px; }

.calc__data { display: flex; flex-flow: column; }

.calc__input { margin-bottom: 30px; }

.calc__btn { width: 100%; height: 61px; margin-bottom: 20px; }

@media (max-width: 992px) { .calc__wrapper { width: 100%; grid-template-columns: 1fr; }
    .calc__entering:after { display: none; }
    .calc__card { padding: 50px; } }

@media (max-width: 556px) { .section-calc { background: #F8F8F8; padding: 80px 20px; }
    .calc__card { padding: 0; background-image: none; }
    .calc__wrapper { grid-gap: 30px; }
    .calc__subtitle { font-size: 17px; line-height: 22px; }
    .calc__input::placeholder { font-size: 15px; } }

.section-payment { padding: 110px 0; }

.payment__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

.payment__card { display: flex; flex-flow: column; align-items: flex-end; justify-content: center; height: 264px; grid-gap: 20px; background-position: center center; background-repeat: no-repeat; padding-right: 33px; }

.payment__card:nth-child(1) { background-image: url("../../img/payment/payment1.jpg"); }

.payment__card:nth-child(2) { background-image: url("../../img/payment/payment2.jpg"); }

.payment__card:nth-child(3) { background-image: url("../../img/payment/payment3.jpg"); }

.payment__card:nth-child(4) { background-image: url("../../img/payment/payment4.jpg"); }

.payment__card-title { font-weight: 500; font-size: 24px; line-height: 31px; }

.payment__card-subtitle { font-weight: 300; font-size: 18px; line-height: 23px; color: #2F2F2F; }

.payment__text-wrapper { width: 70%; }

@media (max-width: 1200px) { .payment__card { background-position: center left; } }

@media (max-width: 992px) { .payment__wrapper { grid-template-columns: 1fr; }
    .payment__card { background-size: cover; border-radius: 20px; } }

@media (max-width: 556px) { .section-payment { padding: 80px 20px; }
    .payment__card { height: 177px; padding-right: 20px; grid-gap: 10px; }
    .payment__card-title { font-size: 17px; line-height: 22px; }
    .payment__card-subtitle { font-size: 15px; line-height: 20px; } }

.section-color { padding: 110px 0; background: #F8F8F8; }

.section-color .container { position: relative; }

.color__card { width: 600px; border-radius: 20px; }

.color__card-header { height: 298px; display: flex; align-items: center; justify-content: center; }

.color__img { display: flex; width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0; }

.color__card-body { height: 364px; display: flex; align-items: center; justify-content: center; flex-flow: column; background: #FFFFFF; grid-gap: 30px; border-radius: 0 0 20px 20px; }

.color__gallery { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 20px; }

.color__gallery_klinker { grid-template-columns: repeat(5, 1fr); }

.color__gallery_klinker .color__wrapper-gallery { height: 57px; }

.color__gallery_klinker .color__gallery-img { border-radius: 0; }

.color__gallery_termo { grid-template-columns: repeat(4, 1fr); }

.color__gallery_termo .color__wrapper-gallery { height: 74px; }

.color__gallery_termo .color__gallery-img { border-radius: 0; border: none; }

.color__wrapper-gallery { display: flex; justify-content: center; align-items: center; height: 121px; }

.color__gallery-img { display: flex; width: 100%; height: 100%; object-fit: cover; border: 2px solid #868686; border-radius: 10px; }

.color__btn { width: 384px; height: 70px; margin-top: auto; margin-bottom: 50px; }

.color__btn-icon { width: 23px; height: 23px; margin-left: 15px; }

.color__card-title { font-weight: 700; font-size: 24px; line-height: 31px; margin-top: 35px; }

.color__nav { display: none; }

@media (max-width: 1200px) { .color__card { width: auto; }
    .color__card-body { padding-left: 15px; padding-right: 15px; }
    .color__gallery { grid-gap: 10px; } }

@media (max-width: 992px) { .color__nav { display: block; } }

@media (max-width: 556px) { .section-color { padding: 80px 20px; }
    .color__card-header { height: 207px; }
    .color__card-body { height: 450px; }
    .color__wrapper-gallery { width: 47px; height: 90px; }
    .color__gallery { display: flex; flex-flow: wrap; align-items: center; justify-content: center; grid-gap: 15px; }
    .color__gallery_klinker .color__wrapper-gallery { width: 90px; }
    .color__gallery_termo .color__wrapper-gallery { width: 90px; }
    .color__btn { width: 98%; height: 55px; font-size: 14px; }
    .color__btn-icon { width: 18px; height: 18px; } }

.section-reviews { padding: 110px 0; }

.reviews__wrapper { display: grid; grid-template-columns: 1fr 80%; grid-gap: 70px; }

.reviews__left { display: flex; flex-flow: column; justify-content: space-between; }

.reviews__controller { display: flex; grid-gap: 30px; margin-bottom: 50px; }

.reviews__prev { position: static; }

.reviews__next { position: static; }

.reviews__card { width: 490px; height: 200px; padding: 25px 30px; background: #F8F8F8; border-radius: 20px; }

.reviews__card-header { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; }

.reviews__card-name { font-weight: 600; font-size: 18px; }

.reviews__card-date { font-weight: 300; font-size: 18px; color: #808080; }

.reviews__card-body { font-size: 18px; line-height: 23px; }

.reviews__nav { display: none; }

@media (max-width: 1200px) { .reviews__card { width: auto; height: auto; } }

@media (max-width: 992px) { .reviews__wrapper { display: block; } }

@media (max-width: 768px) { .reviews__nav { display: block; } }

@media (max-width: 556px) { .section-reviews { padding: 80px 20px; }
    .reviews__card-header { align-items: flex-start; flex-flow: column; } }

.section-faq { padding: 110px 0; }

.faq__card { padding: 20px; border-top: 1px solid #C0C0C0; }

.faq__card:nth-last-child(1) { border-bottom: 1px solid #C0C0C0; }

.faq__card-header { display: flex; justify-content: space-between; cursor: pointer; }

.faq__card-title { font-weight: 500; font-size: 24px; line-height: 31px; }

.faq__card-body { height: 0; transition: all 0.2s ease-out; padding-left: 20px; padding-right: 20px; font-weight: 300; font-size: 18px; line-height: 23px; overflow: hidden; }

.faq__icon { display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; position: relative; transition: all 0.2s ease-out; }

.faq__icon-line { position: absolute; width: 100%; height: 1px; background-color: #000; transition: all 0.2s ease-out; }

.faq__icon-line:nth-last-child(1) { transform: rotate(90deg); }

.faq__card_show .faq__card-body { height: 46px; margin-top: 10px; }

.faq__card_show .faq__icon-line:nth-last-child(1) { transform: rotate(180deg); }

@media (max-width: 992px) { .faq__card-header { align-items: center; }
    .faq__card_show .faq__card-body { height: auto; }
    .faq__icon { min-width: 25px; } }

@media (max-width: 556px) { .section-faq { padding: 80px 20px; }
    .faq__card-title { font-size: 17px; line-height: 22px; }
    .faq__card-body { font-size: 15px; line-height: 20px; } }

.section-footer { background: #6E6E6E; padding: 50px 0; }

.footer__menu { display: flex; justify-content: space-between; align-items: center; }

.footer__menu-wrapper { display: flex; justify-content: space-between; grid-gap: 35px; }

.footer__item { font-size: 18px; line-height: 21px; color: #FFFFFF; }

.footer__logo-wrapper { display: flex; justify-content: center; align-items: center; width: 84px; height: 73px; }

.footer__logo { display: flex; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1200px) { .footer__menu-wrapper { grid-gap: 15px; } }

@media (max-width: 992px) { .footer__menu { align-items: center; flex-flow: column; grid-gap: 30px; }
    .footer__menu-wrapper { flex-flow: column; align-items: center; grid-gap: 20px; }
    .footer__logo-wrapper { width: 80px; height: auto; } }

.section-fz { padding: 30px 0; background-color: #6E6E6E; border-top: 1px solid #CCCCCC; }

.fz__wrapper { display: flex; justify-content: space-between; align-items: center; grid-gap: 20px; }

.fz__link { color: #fff; font-size: 15px; line-height: 18px; text-decoration-line: underline; }

@media (max-width: 992px) { .fz__wrapper { flex-flow: column; justify-content: center; } }

.section-map { min-height: 616px; position: relative; }

.map__info { width: 386px; height: 416px; background-color: #fff; border-radius: 20px; padding: 50px 40px; position: absolute; top: 10%; left: 15%; z-index: 999; }

.map__title { margin-bottom: 20px; }

.map__subtitle { display: block; color: inherit; margin-bottom: 15px; }

.map__desc { font-weight: 300; font-size: 15px; line-height: 20px; }

.map__contact-wrapper { display: flex; flex-flow: column; grid-gap: 15px; margin-bottom: 12px; }

.map__contact-link { display: flex; align-items: center; grid-gap: 5px; }

.map__contact-text { font-weight: 400; font-size: 20px; line-height: 26px; color: #2F2F2F; }

.map__icon { width: 24px; height: 24px; }

@media (max-width: 768px) { .map__info { width: auto; height: auto; position: static; } }

@media (max-width: 556px) { .map__info { padding: 80px 20px; }
    .map__subtitle { font-size: 20px; line-height: 26px; } }

.modal.remodal { max-width: 1145px; padding: 60px 80px; background-color: #fff; }

.modal__wrapper { display: grid; grid-template-columns: 406px 0.8fr; grid-gap: 44px; margin-bottom: 25px; }

.modal__info-wrapper { text-align: left; }

.modal__title { margin-bottom: 10px; font-size: 36px; line-height: 47px; }

.modal__subtitle { font-weight: 400; font-size: 24px; margin-bottom: 22px; }

.modal__characteristic-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; margin-bottom: 15px; align-items: center; }

.modal__characteristic-title { font-size: 18px; line-height: 23px; color: #858585; }

.modal__characteristic-text { font-size: 18px; line-height: 23px; }

.modal__img-wrapper { display: flex; width: 100%; height: 271px; align-items: center; justify-content: center; }

.modal__img-main { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; object-fit: contain; }

.modal__img-main_product { object-fit: cover; }

.modal__gallery { width: 90%; display: flex; flex-wrap: wrap; grid-gap: 15px; margin-bottom: 30px; }

.modal__gallery_termo { width: 100%; }

.modal__gallery_termo img { width: 141px; height: 80px; padding: 5px 20px; }

.modal__gallery_skol { width: 100%; }

.modal__gallery_skol img { width: 150px; height: 50px; }

.modal__gallery_klinker img { width: 91px; height: 51px; }

.modal__gallery_rock img { width: 50px; height: 100px; }

.modal__img-gallery { border: 1px solid #E3E3E3; border-radius: 5px; cursor: pointer; }

.modal__img-gallery:hover { border: 1px solid #000000; }

.modal__img-gallery_active { border: 1px solid #000000; }

.modal__feedback-title { font-size: 32px; margin-bottom: 15px; text-align: left; }

.modal__btn { width: 220px; height: 70px; }

.modal__close { width: 30px; height: 30px; position: absolute; top: 25px; right: 25px; }

.modal__close span { display: block; width: 100%; height: 2px; position: absolute; transform: rotate(45deg); border-radius: 25px; background-color: #000; top: 15px; }

.modal__close span:nth-child(2) { transform: rotate(135deg); }

.modal__product-desc { text-align: left; }

.modal__product-title { text-align: center; font-weight: bold; margin-bottom: 15px; }

.modal__product-text p { margin-bottom: 10px; }

.modal__product-text ul { margin-bottom: 10px; margin-left: 15px; }

.modal__controller { display: none; }

@media (max-width: 1200px) { .modal.remodal { padding: 40px; }
    .modal__wrapper { grid-template-columns: repeat(2, 1fr); }
    .modal__gallery { width: 100%; } }

@media (max-width: 768px) { .modal.remodal { padding: 45px 15px; }
    .modal { position: relative; }
    .modal__img-wrapper { display: none; }
    .modal__img-wrapper_product { display: flex; margin-bottom: 10px; }
    .modal__wrapper { display: block; grid-row: 2; margin-top: 30px; }
    .modal__wrapper_product { grid-row: 1; }
    .modal__btn { width: 100%; }
    .modal__gallery { display: block; width: 100%; }
    .modal__gallery_termo img { padding: 0; }
    .modal__img-gallery { width: 200px !important; height: 130px !important; margin: 0 auto; border: none; }
    .modal__img-gallery:hover { border: none; }
    .modal__controller { display: block; top: 13%; position: absolute; width: 19px; height: 6px; z-index: 1000; }
    .modal__controller_next { right: 4%; }
    .modal__controller_prev { transform: rotate(180deg); left: 4%; }
    .modal__body { display: grid; }
    .modal__title { font-size: 24px; line-height: 31px; }
    .modal__subtitle { font-size: 18px; line-height: 23px; }
    .modal__characteristic-text { font-size: 15px; line-height: 20px; }
    .modal__characteristic-title { font-size: 15px; line-height: 20px; }
    .modal__feedback-title { font-size: 24px; line-height: 31px; }
    .modal__label { text-align: left; font-size: 12px; }
    .modal__btn { height: 50px; }
    .modal__close { width: 25px; height: 25px; top: 10px; right: 10px; }
    .modal__characteristic-wrapper { grid-template-columns: 0.8fr 2fr; }
    .modal__product-text { font-size: 14px; } }


/*# sourceMappingURL=index.css.map*/