@charset "UTF-8";
/* Указываем box sizing */
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

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

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

/* Выставляем основные настройки по-умолчанию для body */
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul,
ol {
    list-style: none;
}

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

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

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

html {
    height: 100%;
}

body {
    font-size: 16px;
    min-height: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    font-family: "Montserrat", sans-serif;
    color: #181e25;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #fafafa;
}

body::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 5px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #7d7d7d;
}

.overflowHidden {
    overflow-y: hidden;
}

h1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 120%;
    color: #181e25;
}

h2 {
    color: #181e25;
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    position: relative;
    padding-bottom: 30px;
}

h2 .green-title {
    position: absolute;
    top: -31px;
    left: -31px;
    font-weight: 800;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #66b269;
    opacity: 0.25;
    z-index: -1;
}

@media screen and (max-width: 910px) {
    h2 .green-title {
        font-size: 56px;
        line-height: 120%;
        left: 0;
    }
}

p {
    color: #181e25;
}

img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.container {
    max-width: 1308px;
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
}

@media screen and (max-width: 910px) {
    .container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 365px) {
    .container {
        padding: 0 15px;
    }
}

.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}

.transparently {
    opacity: .5;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.main-banner {
    position: relative;
    min-height: 590px;
}

@media screen and (max-width: 910px) {
    .main-banner {
        min-height: auto;
    }
}

.main-banner__right {
    height: 590px;
    width: calc(100vw - 50% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-left-radius: 8px;
    overflow: hidden;
}

@media screen and (max-width: 1080px) {
    .main-banner__right {
        display: none;
    }
}

.main-banner__right img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.main-banner__left {
    padding-top: 40px;
    position: relative;
    z-index: 2;
}

.main-banner .plate {
    max-width: 690px;
    background: #ffffff;
    border: 1px solid #66b269;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 25px 50px 38px;
    margin-left: 70px;
}

@media screen and (max-width: 910px) {
    .main-banner .plate {
        margin-left: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
}

.main-banner .plate__title {
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
}

@media screen and (max-width: 910px) {
    .main-banner .plate__title {
        font-size: 24px;
        line-height: 115%;
    }
}

.main-banner .plate__description {
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    padding-top: 15px;
}

@media screen and (max-width: 910px) {
    .main-banner .plate__description {
        font-size: 16px;
        line-height: 130%;
        padding-top: 10px;
    }
}

@media screen and (max-width: 670px) {
    .main-banner .plate__description br {
        display: none;
    }
}

.main-banner .plate .btn {
    margin-top: 30px;
    font-size: 18px;
}

@media screen and (max-width: 910px) {
    .main-banner .plate .btn {
        font-size: 16px;
        margin-top: 20px;
    }
}

.main-advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 655px;
    padding-right: 10px;
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 45px;
}

@media screen and (max-width: 1080px) {
    .main-advantages {
        max-width: 100%;
    }
}

.main-advantages__item {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 670px) {
    .main-advantages__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

.main-advantages__value {
    font-weight: bold;
    font-size: 48px;
    line-height: 100%;
    color: #66b269;
    padding-right: 15px;
}

@media screen and (max-width: 670px) {
    .main-advantages__value {
        width: 76px;
        text-align: center;
    }
}

.main-advantages__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
}

.main .garden {
    padding-top: 110px;
}

@media screen and (max-width: 670px) {
    .main .garden {
        padding-top: 90px;
    }
}

.main .garden .row-flex {
    margin: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.main .garden .row-flex .garden-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 33.3333%;
    flex: 0 33.3333%;
}

@media screen and (max-width: 910px) {
    .main .garden .row-flex .garden-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 50%;
        flex: 0 50%;
    }
}

@media screen and (max-width: 670px) {
    .main .garden .row-flex .garden-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }
}

.main .garden__item {
    height: 368px;
    position: relative;
    display: block;
    margin: 15px;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    overflow: hidden;
    color: #181e25;
}

.main .garden__item:hover .garden__body {
    bottom: 0 !important;
}

.main .garden__item:hover .garden__raiting {
    right: 22px;
    top: 22px;
    opacity: 1;
}

.main .garden__item.with-colors .garden__body {
    bottom: -90px;
}

.main .garden__item.with-colors:hover .garden__colors {
    opacity: 1;
}

.main .garden__img {
    height: calc(100% - 80px);
    background-size: cover;
    background-position: center;
}

.main .garden__body {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -45px;
    width: 100%;
    padding: 15px 25px 72px;
    background-color: #fff;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

@media screen and (max-width: 670px) {
    .main .garden__body {
        bottom: 0 !important;
    }
}

.main .garden__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #000;
    margin-bottom: 5px;
}

.main .garden__price {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: #66b269;
}

.main .garden__price .old-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #181e25;
    opacity: 0.5;
    padding-left: 10px;
}

.main .garden__btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #66b269;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 11px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main .garden__btn:hover {
    opacity: 0.8;
}

.main .garden__raiting {
    position: absolute;
    right: 22px;
    top: -70px;
    width: 60px;
    height: 60px;
    background: #ffcc18;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    opacity: 0;
}

@media screen and (max-width: 670px) {
    .main .garden__raiting {
        right: 22px;
        top: 22px;
        opacity: 1;
    }
}

.main .garden__raiting img {
    width: 17px;
    height: 16px;
    margin-left: 3px;
}

.main .garden__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7.5px;
    opacity: 0;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

@media screen and (max-width: 670px) {
    .main .garden__colors {
        opacity: 1;
    }
}

.main .garden__colors__item {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 7.5px;
    background-color: #eee;
}

.main .garden__colors__item.green {
    background-color: #005340;
}

.main .garden__colors__item.brown {
    background-color: #5e2027;
}

.main .garden__colors__item.dark-brown {
    background-color: #442e2a;
}

.main .calculate {
    padding-top: 100px;
}

@media screen and (max-width: 670px) {
    .main .calculate {
        padding-top: 80px;
    }
}

.main .calculate h2 {
    padding-bottom: 20px;
}

.main .calculate__wrap {
    color: #fff;
    background: -o-linear-gradient(177.21deg, #54a657 5.54%, #66b269 97.81%);
    background: linear-gradient(272.79deg, #54a657 5.54%, #66b269 97.81%);
    border-radius: 10px;
    padding: 35px 109px 45px;
    margin-top: 30px;
    position: relative;
}

@media screen and (max-width: 910px) {
    .main .calculate__wrap {
        padding: 40px 15px 35px;
    }
}

.main .calculate__wrap form {
    z-index: 2;
    position: relative;
}

.main .calculate__wrap .callback-form {
    top: -10px;
    position: relative;
}

@media screen and (max-width: 1250px) {
    .main .calculate__wrap .callback-form {
        top: 0;
        padding-top: 20px;
    }
}

.main .calculate__wrap:after {
    content: "";
    background-image: url(../img/vegetables.png);
    background-size: cover;
    position: absolute;
    right: -55px;
    bottom: -54px;
    width: 361px;
    height: 244px;
}

@media screen and (max-width: 1399px) {
    .main .calculate__wrap:after {
        right: 25px;
        bottom: -32px;
        width: 274px;
        height: 184px;
    }
}

@media screen and (max-width: 1250px) {
    .main .calculate__wrap:after {
        display: none;
    }
}

.main .calculate__wrap .row-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12.5px -17.5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.main .calculate__wrap .row-flex .col-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    padding: 12.5px 17.5px;
}

.main .calculate__wrap .result-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.main .calculate__wrap .result-price {
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    padding-top: 10px;
}

.main .calculate__wrap .callback-form p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
}

.main .calculate__wrap .callback-agree {
    padding-top: 16px;
    font-size: 14px;
    line-height: 150%;
}

.main .calculate__wrap .callback-agree a {
    color: #fff;
}

.main .calculate__wrap .callback-row {
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 692px;
    margin: -8.5px;
}

@media screen and (max-width: 670px) {
    .main .calculate__wrap .callback-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.main .calculate__wrap .callback__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 50%;
    flex: 0 50%;
    padding: 8.5px;
}

@media screen and (max-width: 670px) {
    .main .calculate__wrap .callback__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }
}

.main .advantages {
    padding-top: 129px;
}

.main .advantages__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    z-index: 2;
    position: relative;
}

.main .advantages .row-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}

.main .advantages .col-4 {
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 33.3333%;
    flex: 0 33.3333%;
}

@media screen and (max-width: 910px) {
    .main .advantages .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 670px) {
    .main .advantages .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

.main .advantages__item {
    padding: 20px 30px;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    height: 268px;
    position: relative;
    overflow: hidden;
}

.main .advantages__desc {
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    z-index: 2;
    position: relative;
}

.main .advantages__img {
    position: absolute;
}

.main .advantages .advent1 .advantages__img {
    right: 15px;
    bottom: 19px;
}

.main .advantages .advent2 .advantages__img {
    right: 19px;
    bottom: 24px;
}

.main .advantages .advent3 .advantages__img {
    right: 45px;
    bottom: 34px;
}

.main .advantages .advent4 .advantages__img {
    right: 40px;
    bottom: 32px;
}

.main .advantages .advent5 .advantages__img {
    right: 25px;
    bottom: 41px;
}

.main .advantages .advent6 .advantages__img {
    right: 35px;
    bottom: 35px;
}

.main .call {
    padding-top: 266px;
}

@media screen and (max-width: 1399px) {
    .main .call {
        padding-top: 180px;
    }
}

@media screen and (max-width: 670px) {
    .main .call {
        padding-top: 80px;
    }
}

.main .call__wrap {
    padding: 55px 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -o-linear-gradient(177.34deg, #56aa5a 8.98%, #66b269 97.82%);
    background: linear-gradient(272.66deg, #56aa5a 8.98%, #66b269 97.82%);
    border-radius: 10px;
    color: #fff;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

@media screen and (max-width: 910px) {
    .main .call__wrap {
        padding: 20px 20px 30px;
    }
}

.main .call__wrap:before {
    content: "";
    background-image: url(../img/sadovnik.png);
    background-size: cover;
    position: absolute;
    left: -71px;
    bottom: 0;
    width: 493px;
    height: 497px;
}

@media screen and (max-width: 1399px) {
    .main .call__wrap:before {
        width: 393px;
        height: 397px;
        left: 0;
    }
}

@media screen and (max-width: 1250px) {
    .main .call__wrap:before {
        display: none;
    }
}

.main .call__form {
    max-width: 726px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .main .call__form {
        max-width: 100%;
    }
}

.main .call__title {
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    padding-bottom: 10px;
}

@media screen and (max-width: 670px) {
    .main .call__title {
        font-size: 29px;
        padding-bottom: 5px;
    }
}

.main .call__desc {
    font-size: 20px;
    line-height: 100%;
    padding-bottom: 27px;
}

@media screen and (max-width: 670px) {
    .main .call__desc {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        padding-bottom: 20px;
    }
}

.main .call__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -13px;
}

@media screen and (max-width: 670px) {
    .main .call__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -5px -13px;
    }
}

.main .call__row .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 50%;
    flex: 0 50%;
    padding: 13px;
}

@media screen and (max-width: 670px) {
    .main .call__row .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
        padding: 5px 13px;
    }
}

.main .call__agree {
    padding-top: 22px;
    font-size: 14px;
    line-height: 150%;
}

.main .call__agree a {
    color: #fff;
}

.main .garant {
    padding-top: 100px;
}

@media screen and (max-width: 670px) {
    .main .garant {
        padding-top: 80px;
    }
}

.main .garant p {
    font-size: 16px;
    line-height: 150%;
    opacity: 0.8;
    max-width: 1150px;
}

.main .garant .section-title {
    padding-bottom: 10px;
}

.main .garant__item {
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main .garant__ico {
    background: #66b269;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main .garant__text {
    padding-top: 18px;
}

.main .garant .row-flex {
    padding-top: 40px;
    margin: -15px;
}

@media screen and (max-width: 910px) {
    .main .garant .row-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.main .garant .col-3 {
    padding: 15px;
}

@media screen and (max-width: 910px) {
    .main .garant .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 670px) {
    .main .garant .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-bottom: 50px;
    }
}

.main .dillers {
    margin-top: 100px;
    background: #f3c00b;
    padding: 50px 0 56px;
}

@media screen and (max-width: 670px) {
    .main .dillers {
        margin-top: 60px;
    }
}

.main .dillers__text {
    color: #FFFFFF;
    opacity: 0.8;
}

.main .dillers .section-title {
    padding-bottom: 10px;
}

.main .dillers p {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.main .dillers .row-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -15px;
    padding-top: 27px;
}

@media screen and (max-width: 1080px) {
    .main .dillers .row-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 670px) {
    .main .dillers .row-flex {
        margin: -7.5px;
    }
}

.main .dillers .col-3 {
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 25%;
    flex: 0 25%;
}

@media screen and (max-width: 1080px) {
    .main .dillers .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 50%;
        flex: 0 50%;
    }
}

@media screen and (max-width: 670px) {
    .main .dillers .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
        padding: 7.5px;
    }
}

.main #main-map {
    height: 565px;
    position: relative;
}

@media screen and (max-width: 910px) {
    .main #main-map {
        height: 400px;
    }

    .main #main-map ymaps.ymaps-2-1-78-map {
        display: none;
    }
}

.main #main-map .main-map__block {
    position: absolute;
    left: calc((100vw - 1308px) / 2);
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ffffff;
    border: 1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    max-width: 406px;
    width: 100%;
    padding: 35px 30px 40px;
}

@media screen and (max-width: 1399px) {
    .main #main-map .main-map__block {
        left: calc((100vw - 100% + 20px) / 2);
    }
}

@media screen and (max-width: 910px) {
    .main #main-map .main-map__block {
        max-width: 100%;
    }
}

@media screen and (max-width: 670px) {
    .main #main-map .main-map__block {
        left: calc((100vw - 100% + 60px) / 2);
        max-width: calc(100vw - 60px);
    }
}

.main #main-map .main-map__block .main-map__info + .main-map__info {
    margin-top: 25px;
}

.main #main-map .main-map__block .main-map__info {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 140%;
}

.main #main-map .main-map__block .main-map__info__ico {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-right: 10px;
    text-align: center;
}

.header {
    padding: 25px 0 32px;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    z-index: 999;
}

@media screen and (max-width: 910px) {
    .header {
        padding: 23px 0 26px;
    }
}

.header-logo img {
    max-width: 157px;
}

@media screen and (max-width: 910px) {
    .header-logo img {
        max-width: 125px;
    }
}

.header-address {
    padding-left: 64px;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
}

@media screen and (max-width: 1080px) {
    .header-address {
        display: none;
    }
}

.header-address img {
    padding-right: 10px;
}

.header .mobile-menu {
    display: none;
}

@media screen and (max-width: 1080px) {
    .header .mobile-menu {
        display: block;
        position: absolute;
        width: 100vw;
        height: calc(100vh - 89px);
        background-color: rgba(102, 178, 105, 0.9);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        top: 67px;
        right: -100%;
        z-index: 99;
        -webkit-transition: 0.4s all ease;
        -o-transition: 0.4s all ease;
        transition: 0.4s all ease;
        color: #fff;
    }

    .header .mobile-menu .mobile-links__item {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 15px 30px;
        border-bottom: 1px solid #399c3e;
        text-transform: uppercase;
    }

    .header .mobile-menu .mobile-contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 20px;
        font-size: 18px;
        font-weight: bold;
        margin: -10px -20px;
    }

    .header .mobile-menu .mobile-contacts > div {
        padding: 10px 20px;
    }

    .header .mobile-menu .mobile-contacts > div img {
        -webkit-filter: brightness(1100%);
        filter: brightness(1100%);
        padding-right: 5px;
    }

    .header .mobile-menu .mobile-contacts a {
        color: #fff;
        text-decoration: none;
    }

    .header .mobile-menu.open-menu {
        right: 0;
    }
}

.header .mobile-btn {
    display: none;
}

@media screen and (max-width: 1080px) {
    .header .mobile-btn {
        display: block;
    }
}

.header .mobile-btn .visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.header .mobile-btn .checkbox1:checked + .for-checkbox1 > .hamburger1 > .bar1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 5%;
    -ms-transform-origin: 5%;
    transform-origin: 5%;
    width: 24px;
    top: 2px;
}

.header .mobile-btn .checkbox1:checked + .for-checkbox1 > .hamburger1 > .bar2 {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    background-color: transparent;
}

.header .mobile-btn .checkbox1:checked + .for-checkbox1 > .hamburger1 > .bar3 {
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
    background-color: transparent;
}

.header .mobile-btn .checkbox1:checked + .for-checkbox1 > .hamburger1 > .bar4 {
    -webkit-transform-origin: 5%;
    -ms-transform-origin: 5%;
    transform-origin: 5%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 24px;
}

@media screen and (max-width: 1080px) {
    .header-hamburger {
        display: block;
        position: relative;
        width: 27px;
        height: 20px;
    }

    .header-hamburger .bar {
        padding: 0;
        width: 27px;
        height: 3px;
        background-color: #000;
        display: block;
        border-radius: 5px;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        position: absolute;
    }

    .header-hamburger .bar1 {
        top: 0;
    }

    .header-hamburger .bar2,
    .header-hamburger .bar3 {
        top: 9.5px;
    }

    .header-hamburger .bar4 {
        bottom: 0;
    }
}

.header-phone {
    padding-left: 215px;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
}

@media screen and (max-width: 1080px) {
    .header-phone {
        display: none;
    }
}

@media screen and (max-width: 1250px) {
    .header-phone {
        padding-left: 35px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }
}

.header-phone a {
    text-decoration: none;
    color: #181e25;
}

.header-callback {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

@media screen and (max-width: 1080px) {
    .header-callback {
        display: none;
    }
}

.header-bottom {
    padding-top: 30px;
}

@media screen and (max-width: 1080px) {
    .header-bottom {
        display: none;
    }
}

.header-menu__link {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #181e25;
    text-decoration: none;
    -webkit-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    position: relative;
    z-index: 1;
}

.header-menu__link + a {
    margin-left: 35px;
}

.footer {
    margin-top: 40px;
}

@media screen and (max-width: 670px) {
    .footer .row-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.footer-top {
    padding: 25px 0;
}

.footer-top .row-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer-top .footer-logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px;
}

@media screen and (max-width: 670px) {
    .footer-top .footer-logo {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}

.footer-top .footer-col:nth-child(2) {
    margin-right: 40px;
}

@media screen and (max-width: 670px) {
    .footer-top .footer-col:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 50%;
        flex: 0 50%;
        margin-right: 0;
    }
}

.footer-top .footer-col:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (max-width: 670px) {
    .footer-top .footer-col:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 50%;
        flex: 0 50%;
    }
}

.footer-top .footer-contacts {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 265px;
    flex: 0 1 265px;
}

@media screen and (max-width: 670px) {
    .footer-top .footer-contacts {
        margin: auto;
        text-align: center;
        margin-top: 20px;
    }
}

.footer-top .footer__address {
    font-size: 14px;
    text-decoration: underline;
}

.footer-top .footer__email a {
    font-size: 14px;
    color: #181e25;
    padding-top: 10px;
}

.footer-top .footer__callback {
    padding-top: 15px;
}

.footer-top .footer__callback .btn {
    width: 100%;
}

.footer-top .footer__phone {
    padding-top: 5px;
}

.footer-top .footer__phone a {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #181e25;
    font-family: Open Sans;
}

.footer-bottom {
    border-top: 1px solid #cfcfcf;
    font-size: 15px;
    font-family: Open Sans;
    padding: 15px 0;
}

.footer-bottom a {
    color: #181e25;
}

.footer__menu a {
    color: #181e25;
    font-size: 14px;
}

.footer__menu .bold {
    font-weight: bold;
}

/*Typography*/
.btn {
    padding: 13px 22px;
    background: #66b269;
    border-radius: 6px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.04em;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.btn:disabled {
    background-color: #bbbcbd;
    color: #fff;
    cursor: default;
}

.btn:disabled:hover {
    background-color: #bbbcbd;
}

.btn:disabled:active {
    background-color: #bbbcbd;
}

@media screen and (max-width: 910px) {
    .btn {
        font-size: 16px;
    }
}

.btn:hover {
    background-color: #75b977;
}

.btn:active {
    background-color: #2d6e2f;
}

.left-branch {
    position: relative;
}

.left-branch:before {
    content: "";
    position: absolute;
    background-image: url(../img/branch.png);
    width: 384px;
    height: 670px;
    background-size: cover;
    z-index: -2;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1080px) {
    .left-branch:before {
        display: none;
    }
}

.right-branch {
    position: relative;
}

.right-branch:before {
    content: "";
    position: absolute;
    background-image: url(../img/right-branch.png);
    width: 870px;
    height: 990px;
    background-size: cover;
    z-index: -2;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1399px) {
    .right-branch:before {
        width: 410px;
        height: 490px;
    }
}

@media screen and (max-width: 1080px) {
    .right-branch:before {
        display: none;
    }
}

input[type="text"] {
    background: #ffffff;
    border-radius: 4px;
    border: none;
    padding: 0 15px;
    height: 45px;
    width: 100%;
}

input[type="text"]::-webkit-input-placeholder {
    color: #181e25;
}

input[type="text"]::-moz-placeholder {
    color: #181e25;
}

input[type="text"]:-ms-input-placeholder {
    color: #181e25;
}

input[type="text"]::-ms-input-placeholder {
    color: #181e25;
}

input[type="text"]::placeholder {
    color: #181e25;
}

input[type="submit"].btn {
    text-transform: none;
    border: none;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
}

input[type="submit"].btn:hover {
    opacity: 0.8;
}

.btn-yellow {
    background: #ffcc18;
    border-radius: 4px;
    color: #181e25;
    border: none;
    padding: 15px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.btn-yellow:hover {
    background-color: #ecb905;
}

.custom-checkbox {
    position: absolute;
    /*z-index: -1;*/
    opacity: 0;
    width: 20px;
    height: 20px;
}

.custom-checkbox + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background: #ffffff;
    border-radius: 4px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.custom-checkbox:checked + label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}

/*End typography*/
/*Select style*/
.ss-main .ss-single-selected {
    padding: 0 15px;
    height: 45px;
    border: none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    color: #181e25;
}

.ss-main .ss-single-selected .ss-arrow span {
    border: solid #181e25;
    border-width: 0 1.5px 1.5px 0;
    padding: 4px;
}

.ss-content {
    border: none;
    background: #ffffff;
    -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 0px 0px 4px 4px;
}

.ss-content .ss-list .ss-option {
    border-top: 1px solid #d0d3d6;
    color: #181e25;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    padding: 10px 15px;
}

.ss-option:last-child:hover {
    border-radius: 0px 0px 4px 4px;
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
    background-color: #81573e;
}

/*end select*/
/*Modal*/
.modal-product {
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    max-width: 1060px;
    width: 100%;
}

@media screen and (max-width: 910px) {
    .modal-product {
        padding: 40px 15px 15px;
    }
}

.modal-product .product .row-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 910px) {
    .modal-product .row-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modal-product .product__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 470px;
    flex: 0 1 470px;
    height: 470px;
    background-size: cover;
    border-radius: 10px;
    background-position: center;
}

@media screen and (max-width: 1080px) {
    .modal-product .product__img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 300px;
    }
}

@media screen and (max-width: 910px) {
    .modal-product .product__img {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin-bottom: 20px;
    }
}

.modal-product .product__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
}

@media screen and (max-width: 910px) {
    .modal-product .product__info {
        padding-left: 0;
    }
}

.modal-product .product__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
}

.modal-product .product__price {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: #66b269;
    padding-top: 10px;
}

.modal-product .product__price .old-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    opacity: 0.5;
    color: #181e25;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    padding-left: 15px;
}

.modal-product .product-char {
    padding-top: 15px;
}

.modal-product .product-char__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #a2a5a8;
    line-height: 100%;
}

.modal-product .product-colors {
    padding-top: 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    /* для элемента label связанного с .custom-radio */
    /* создание в label псевдоэлемента  before со следующими стилями */
    /* стили при наведении курсора на радио */
    /* стили для активной радиокнопки (при нажатии на неё) */
    /* стили для радиокнопки, находящейся в фокусе */
    /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
    /* стили для радиокнопки, находящейся в состоянии checked */
}

.modal-product .product-colors__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-product .product-colors .custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.modal-product .product-colors .custom-radio + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-product .product-colors .custom-radio + label::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-color: #adb5bd;
    border-radius: 50%;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.modal-product .product-colors .green.custom-radio + label::before {
    background-color: #005340;
}

.modal-product .product-colors .brown.custom-radio + label::before {
    background-color: #5e2027;
}

.modal-product .product-colors .darkbrown.custom-radio + label::before {
    background-color: #442e2a;
}

.modal-product .product-colors .custom-radio:focus + label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-product .product-colors .custom-radio:focus:not(:checked) + label::before {
    border-color: none;
}

.modal-product .product-colors .custom-radio:checked + label::before {
    border: none;
    background-image: url(../img/accept-ico.svg);
}

.modal-product .product-amount {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    padding-top: 30px;
}

.modal-product .product-amount .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 13px;
}

@media screen and (max-width: 440px) {
    .modal-product .product-amount .btn {
        padding: 13px 15px;
        font-size: 15px;
    }
}

.modal-product .product-amount .c-input-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 9px 21px 9px 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

@media screen and (max-width: 440px) {
    .modal-product .product-amount .c-input-number {
        padding: 9px 11px 9px 17px;
    }
}

.modal-product .product-amount .c-input-number .c-input-number__buffer {
    padding-left: 20px;
    min-width: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media screen and (max-width: 440px) {
    .modal-product .product-amount .c-input-number .c-input-number__buffer {
        padding-left: 10px;
    }
}

.modal-product .product-amount .c-input-number .c-input-number__measure {
    padding-right: 25px;
}

@media screen and (max-width: 440px) {
    .modal-product .product-amount .c-input-number .c-input-number__measure {
        padding-right: 15px;
    }
}

.modal-product .product-amount .c-input-number button {
    background-color: #fff;
    border: none;
    font-size: 24px;
    font-family: "Open Sans";
    cursor: pointer;
    outline: none;
    font-weight: 600;
}

.modal-product .product-amount .row-flex {
    padding-top: 15px;
}

.modal-product .fancybox-button {
    background-image: url(../img/close.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    opacity: 1;
}

@media screen and (max-width: 910px) {
    .modal-product .fancybox-button {
        top: 10px;
        right: 15px;
    }
}

.modal-product .fancybox-button svg {
    display: none;
}

.modal-product .product-callback {
    padding: 30px 54px 35px;
    background: #66B269;
    border-radius: 10px;
    margin-top: 30px;
}

@media screen and (max-width: 910px) {
    .modal-product .product-callback {
        padding: 15px;
    }
}

.modal-product .product-callback .row-flex {
    margin: -10px;
}

.modal-product .product-callback .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    padding: 10px;
}

@media screen and (max-width: 910px) {
    .modal-product .product-callback .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }
}

.modal-product .product-callback .agree {
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    margin-top: 16px;
}

.modal-product .product-callback .agree a {
    color: #fff;
}

.modal-product .similar-products {
    padding-top: 30px;
}

@media screen and (max-width: 1080px) {
    .modal-product .similar-products {
        display: none;
    }
}

.modal-product .similar-products h2 {
    font-size: 24px;
    padding-bottom: 15px;
    line-height: 120%;
}

.modal-product .similar-products .row-flex {
    margin: -15px;
}

.modal-product .similar-products .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    padding: 15px;
}

.modal-product .similar-products__item {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #181e25;
}

.modal-product .similar-products__price {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: #66b269;
}

.modal-product .similar-products__price .old-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    opacity: .5;
    color: #181e25;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    padding-left: 5px;
}

.modal-product .similar-products__img {
    height: 271px;
    background-size: cover;
}

.modal-product .similar-products__body {
    padding: 17px 15px;
}

.modal-product .similar-products__title {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 10px;
}

/*end modal*/
.agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.agreement input {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    border: 0;
}

.agreement label {
    font-size: 14px;
    line-height: 150%;
    color: #181E25;
}

.agreement label a {
    font-weight: 600;
    color: #181E25;
    text-decoration: underline;
}

.input-callback {
    height: 45px;
    width: 100%;
    margin: 0px 26px 0px 0px;
    max-width: 350px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    padding: 0 15px;
}

.btn-callback {
    width: 100%;
    max-width: 350px;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    background: #FFCC18;
    border-radius: 4px;
    height: 45px;
}

.bg-calc {
    position: relative;
    min-width: 1920px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -5;
}

.bg-calc:before {
    content: '';
    display: block;
    position: absolute;
    width: 1184px;
    height: 815px;
    top: 1538px;
    left: 0;
    z-index: -5;
    background: url("../img/bgi1.jpg") 0 0/cover no-repeat;
}

@media screen and (max-width: 1250px) {
    .bg-calc:before {
        display: none;
    }
}

.calc {
    padding: 100px 0px 40px;
    position: relative;
}

@media screen and (max-width: 670px) {
    .calc {
        padding: 58px 0px 40px;
    }
}

.calc__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
}

@media screen and (max-width: 670px) {
    .calc__title {
        font-size: 24px;
    }
}

.calc .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: #1C1D27;
    position: relative;
}

.calc .title:before {
    display: block;
    position: absolute;
    -webkit-transform: translate(0, -14px);
    -ms-transform: translate(0, -14px);
    transform: translate(0, -14px);
    bottom: 0;
    left: 0;
    font-weight: 800;
    font-size: 64px;
    z-index: -1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #CCE5FF;
}

.calc .subtitle {
    font-weight: 800;
    font-size: 64px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #007DFF;
    opacity: 0.3;
    position: absolute;
    z-index: -1;
}

.calc .type {
    padding: 70px 0px 0px 0px;
    position: relative;
}

@media screen and (max-width: 670px) {
    .calc .type {
        padding: 65px 0px 0px 0px;
    }
}

.calc .type__title {
    padding: 0px 0px 0px 47px;
    margin: 0px 0px 30px 0px;
    font-size: 24px;
}

.calc .type__title:before {
    content: '01';
}

.calc .type__subtitle {
    top: 60px;
    right: 440px;
}

@media screen and (max-width: 1080px) {
    .calc .type__subtitle {
        right: 200px;
    }
}

@media screen and (max-width: 670px) {
    .calc .type__subtitle {
        display: none;
    }
}

.calc .type__list {
    display: grid;
    row-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(354px, 1fr));
    margin: 0px -15px;
}

@media screen and (max-width: 440px) {
    .calc .type__list {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

.calc .type__item {
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.calc .type__card {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 0px 25px 30px;
    max-width: 406px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calc .type__card:hover {
    -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.calc .type__radio {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 5;
    width: 35px;
    height: 35px;
}

@media screen and (max-width: 440px) {
    .calc .type__radio {
        right: 20px;
    }
}

.calc .type__radio input {
    display: none;
}

.calc .type__radio label {
    cursor: pointer;
}

.calc .type__radio label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #007DFF;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.calc .type__radio label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url("../img/type/radio.svg") center/16px 12px no-repeat;
    background-color: #007DFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.calc .type__radio input:checked + label:after {
    opacity: 1;
}

.calc .type__img {
    width: 100%;
    position: relative;
    padding: 0px 0px 83.6% 0px;
}

.calc .type__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}

.calc .type__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    margin: 0px 0px 18px 0px;
}

@media screen and (max-width: 440px) {
    .calc .type__text {
        font-size: 16px;
    }
}

.calc .type__price {
    font-weight: 800;
    font-size: 24px;
    color: #007DFF;
    margin: 0px 0px 14px 0px;
}

@media screen and (max-width: 440px) {
    .calc .type__price {
        margin: 0px 0px 20px 0px;
    }
}

.calc .type__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 440px) {
    .calc .type__button {
        display: block;
    }
}

.calc .type__more {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #007DFF;
    border: 1px solid #007DFF;
    border-radius: 4px;
    background-color: transparent;
    width: 100%;
    max-width: 50%;
    height: 45px;
    margin: 0px 16px 0px 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.calc .type__more:hover {
    background-color: #007DFF;
    color: #fff;
}

@media screen and (max-width: 440px) {
    .calc .type__more {
        max-width: 100%;
        margin: 0px 0px 25px 0px;
    }
}

.calc .type__select {
    max-width: 50%;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .calc .type__select {
        max-width: 100%;
    }
}

.color {
    padding: 90px 0px 0px 0px;
    position: relative;
}

.color__title {
    padding: 0px 0px 0px 47px;
    margin: 0px 0px 23px 0px;
}

@media screen and (max-width: 670px) {
    .color__title {
        margin: 0px 0px 35px 0px;
    }
}

.color__title:before {
    content: '02';
}

.color__subtitle {
    top: 70px;
    right: 65px;
}

@media screen and (max-width: 670px) {
    .color__subtitle {
        display: none;
    }
}

.color__list {
    margin: 0px -15px;
}

.color__card {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    max-width: 354px;
    padding: 0px 15px 15px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.color__card:hover {
    -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.color__item {
    padding: 0px 15px;
    margin: 0px 0px 30px 0px;
}

.color__radio {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 5;
    width: 24px;
    height: 24px;
}

.color__radio input {
    display: none;
}

.color__radio label {
    cursor: pointer;
}

.color__radio label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #007DFF;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.color__radio label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url("../img/type/radio.svg") center/16px 12px no-repeat;
    background-color: #007DFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.color__radio input:checked + label:after {
    opacity: 1;
}

.color__img {
    padding: 0px 0px 91.4% 0px;
    position: relative;
    margin: 0px 0px 15px 0px;
}

.color__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.color__title-item {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    margin: 0px 0px 5px 0px;
}

.color__info {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
}

.color__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.color__page {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
    margin: 0px 20px;
}

.color .slick-arrow {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.color .slick-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/color/next.svg") 0 0/cover no-repeat;
}

.color .slick-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.size {
    padding: 90px 0px 0px 0px;
    position: relative;
}

.size__title {
    padding: 0px 0px 0px 59px;
    margin: 0px 0px 33px 0px;
}

.size__title:before {
    content: '03';
}

.size__subtitle {
    top: 80px;
    right: 242px;
}

@media screen and (max-width: 1080px) {
    .size__subtitle {
        right: 60px;
    }
}

@media screen and (max-width: 910px) {
    .size__subtitle {
        display: none;
    }
}

.size__content {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 40px 40px 0px;
}

@media screen and (max-width: 670px) {
    .size__content {
        padding: 30px 25px 0px;
    }
}

.size__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -14px;
}

@media screen and (max-width: 670px) {
    .size__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.size__input {
    padding: 0px 14px;
    position: relative;
    margin: 0px 0px 74px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.size__input:first-child {
    margin: 0px 0px 30px 0px;
}

@media screen and (max-width: 670px) {
    .size__input:first-child {
        margin: 0px 0px 20px 0px;
    }
}

.size__input_text {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
}

@media screen and (max-width: 670px) {
    .size__input_text {
        margin: 0px 0px 20px 0px;
    }
}

@media screen and (max-width: 670px) {
    .size__input_text:last-child {
        margin: 0px 0px 79px 0px;
    }
}

.size__input_text input {
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 3px;
    width: 100%;
    height: 45px;
    padding: 10px;
}

.size__input_radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.66667%;
    flex: 0 1 66.66667%;
    margin: 0px 0px 30px 0px;
}

@media screen and (max-width: 670px) {
    .size__input_radio {
        margin: 0px 0px 25px 0px;
    }
}

.size__input_radio input {
    display: none;
}

.size__input_radio label {
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    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;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
}

.size__input_radio input:checked + label {
    color: #FFFFFF;
    border: 0;
    background: #007DFF;
}

.size__input-title {
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    display: block;
    margin: 0px 0px 15px 0px;
}

@media screen and (max-width: 670px) {
    .size__input-title {
        margin: 0px 0px 10px 0px;
    }
}

.size__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px -14px;
    height: 100%;
}

@media screen and (max-width: 440px) {
    .size__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.size__label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    padding: 0px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.size__label label {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.size__label label:hover {
    background-color: #D2E7FF;
}

@media screen and (max-width: 440px) {
    .size__label:not(:last-child) {
        margin: 0px 0px 10px 0px;
    }
}

.size__promt {
    position: absolute;
    top: 100%;
    left: 14px;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    line-height: 120%;
    color: #929398;
    white-space: pre-line;
}

@media screen and (max-width: 670px) {
    .size__promt {
        margin: 5px 0px 0px 0px;
    }
}

.result {
    padding: 40px 0px 0px 0px;
}

.result__body {
    background: #D2E7FF;
    -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 30px 84px 40px;
    position: relative;
}

@media screen and (max-width: 1250px) {
    .result__body {
        padding: 30px 20px 45px;
    }
}

.result .result__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 0px 19px 0px;
}

@media screen and (max-width: 1080px) {
    .result .result__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0px 0px 30px 0px;
    }
}

.result .result__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.66667%;
    flex: 0 1 66.66667%;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1080px) {
    .result .result__list {
        margin: 0px 0px 25px 0px;
    }
}

@media screen and (max-width: 910px) {
    .result .result__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.result .result__item {
    max-width: 315px;
}

@media screen and (max-width: 910px) {
    .result .result__item:not(:last-child) {
        max-width: 100%;
        margin: 0px 0px 25px 0px;
    }
}

.result__title {
    font-size: 14px;
    line-height: 100%;
    color: #000000;
    margin: 0px 0px 10px 0px;
}

.result__subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}

.result__form {
    height: 100%;
}

.result .result__form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin: 0 -15px;
    height: 45px;
}

@media screen and (max-width: 670px) {
    .result .result__form-list {
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        flex-wrap: wrap;
    }

    .result .result__form-list input {
        max-width: 100%;
    }

    .result .result__form-list button {
        max-width: 100%;
    }
}

.result__form-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    padding: 0px 15px;
    height: 100%;
}

@media screen and (max-width: 670px) {
    .result__form-item {
        padding: 0;
    }

    .result__form-item:first-child {
        margin: 0px 0px 14px 0px;
    }
}

@media screen and (max-width: 670px) {
    .result__button {
        margin: 82px 0px 0px 0px;
    }
}

.result__agreement {
    margin: 15px 0px 0px 0px;
}

@media screen and (max-width: 670px) {
    .result__agreement {
        margin: 0px 20px 0px 0px;
        position: absolute;
        bottom: 110px;
        left: 20px;
    }
}

@media (max-width: 476px) {
    .result__agreement {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.result__summ {
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #000000;
}

@media screen and (max-width: 1080px) {
    .result__summ {
        width: 100%;
    }
}

.result__summ span {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #000000;
    margin: 0px 0px 0px 10px;
}

.design {
    padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 910px) {
    .design {
        padding: 5px 0px 0px 0px;
    }
}

.design .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1180px) {
    .design .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.design__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 100%;
    cursor: pointer;
}

@media (max-width: 1180px) {
    .design__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 670px) {
    .design__img img {
        width: 100%;
    }
}

.design__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

@media (max-width: 1180px) {
    .design__info {
        margin: 0px 0px 30px 0px;
    }
}

.design__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
    margin: 0px 0px 27px 0px;
}

@media screen and (max-width: 670px) {
    .design__title {
        font-size: 24px;
    }
}

.design__text {
    font-size: 16px;
    line-height: 150%;
    color: #616161;
}

.questions {
    padding: 96px 0px 0px 0px;
}

@media screen and (max-width: 440px) {
    .questions {
        padding: 50px 0px 0px 0px;
    }
}

.questions__body {
    padding: 55px 120px;
    background-color: #007DFF;
    border-radius: 10px;
    position: relative;
}

@media screen and (max-width: 1250px) {
    .questions__body {
        padding: 55px 20px;
    }
}

@media screen and (max-width: 670px) {
    .questions__body {
        padding: 25px 20px 35px;
    }
}

.questions__body img {
    position: absolute;
    bottom: 0;
    right: 89px;
}

@media screen and (max-width: 1080px) {
    .questions__body img {
        right: 5px;
    }
}

@media (max-width: 1020px) {
    .questions__body img {
        display: none;
    }
}

.questions__title {
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0px 0px 10px 0px;
}

@media screen and (max-width: 440px) {
    .questions__title {
        font-size: 24px;
        margin: 0px 0px 5px 0px;
    }
}

.questions__subtitle {
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0px 0px 27px 0px;
}

@media screen and (max-width: 440px) {
    .questions__subtitle {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }
}

.questions__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 670px) {
    .questions__inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 670px) {
    .questions__input {
        max-width: 100%;
        margin: 0px 0px 76px 0px;
    }
}

@media screen and (max-width: 670px) {
    .questions__button {
        max-width: 100%;
    }
}

.questions__agreement {
    margin: 22px 0px 0px 0px;
}

@media screen and (max-width: 670px) {
    .questions__agreement {
        margin: 0px 20px 0px 0px;
        position: absolute;
        bottom: 94px;
        left: 20px;
    }
}

@media (max-width: 476px) {
    .questions__agreement {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

.questions__agreement label {
    color: #FFFFFF;
}

.questions__agreement label a {
    color: #FFFFFF;
}

.bg-advantage {
    position: relative;
    min-width: 1920px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.bg-advantage:before {
    content: '';
    display: block;
    position: absolute;
    width: 610px;
    height: 939px;
    top: 380px;
    right: 0;
    z-index: -5;
    background: url("../img/bgi2.jpg") 0 0/cover no-repeat;
}

@media screen and (max-width: 1250px) {
    .bg-advantage:before {
        display: none;
    }
}

.advantage {
    padding: 100px 0px 0px 0px;
    position: relative;
}

@media screen and (max-width: 670px) {
    .advantage {
        padding: 50px 0px 0px 0px;
    }
}

.advantage__title {
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    color: #181E25;
    margin: 0px 0px 30px 0px;
}

@media (max-width: 816px) {
    .advantage__title {
        font-size: 36px;
    }
}

@media screen and (max-width: 670px) {
    .advantage__title {
        font-size: 24px;
        margin: 0px 0px 15px 0px;
    }
}

.advantage__content {
    height: 588px;
    position: relative;
    border-radius: 10px;
}

@media screen and (max-width: 1250px) {
    .advantage__content {
        background: #fff;
        height: 100%;
    }
}


.advantage__item {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    max-width: 510px;
    padding: 15px 30px 10px 39px;
}

.advantage-item {
    position: absolute;
}

.advantage-item:hover .advantage-item__marker:after {
    width: 200%;
    height: 200%;
}

@media (min-width: 1251px) {
    .advantage-item:nth-child(1) {
        top: 151px;
        left: 47px;
    }

    .advantage-item:nth-child(2) {
        bottom: 56px;
        left: 123px;
    }

    .advantage-item:nth-child(3) {
        top: 178px;
        right: 119px;
    }

    .advantage-item:nth-child(4) {
        bottom: 25px;
        right: 30px;
    }
}

@media screen and (max-width: 1250px) {
    .advantage-item {
        position: relative;
        margin: 0 auto 20px;
        padding: 20px 5px 25px 25px;
    }
}

.advantage-item__marker {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
}

@media screen and (max-width: 670px) {
    .advantage-item__marker {
        display: none;
    }
}

.advantage-item__marker:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    background: #FFCC18;
    border-radius: 50%;
}

.advantage-item__marker:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    height: 0;
    width: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #007DFF;
    opacity: 0.3;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.advantage-item__title {
    font-weight: bold;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #181E25;
    margin: 0px 0px 10px 0px;
}

.advantage-item__item {
    font-size: 16px;
    line-height: 150%;
    color: #616161;
    margin: 0px 0px 4px 0px;
}

.production {
    padding: 100px 0px 52px 0px;
}

@media (max-width: 1181px) {
    .production {
        padding: 100px 0px 0px 0px;
    }
}

@media screen and (max-width: 670px) {
    .production {
        padding: 50px 0px 0px 0px;
    }
}

.production__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

@media screen and (max-width: 670px) {
    .production__title {
        margin: 0px 0px 15px 0px;
    }
}

.production__text {
    font-size: 16px;
    line-height: 150%;
    color: #181E25;
    margin: 0px 0px 40px 0px;
}

@media screen and (max-width: 670px) {
    .production__text {
        margin: 0px 0px 53px 0px;
    }
}

.production__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.production__item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    padding: 0px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1181px) {
    .production__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        margin: 0px 0px 105px 0px;
    }
}

@media screen and (max-width: 670px) {
    .production__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}

.production__logo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #007DFF;
    position: relative;
    margin: 0px 0px 18px 0px;
}

.production__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.production__info {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #000000;
    max-width: 257px;
}

.works {
    padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 670px) {
    .works {
        padding: 0;
    }
}

.works__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
    margin: 0px 0px 35px 0px;
    padding: 0;
}

@media screen and (max-width: 670px) {
    .works__title {
        margin: 0px 0px 20px 0px;
    }
}

.works__list {
    margin: 0px -15px;
    height: 100%;
}

.works__item {
    padding: 0px 15px;
    height: 100%;
}

.works__card {
    -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
}

.works__card img {
    width: 100%;
    height: 100%;

}

.works .slick-prev {
    left: 40px;
    width: 45px;
    height: 45px;
    background: url("../img/works/prev.svg") 0 0/cover no-repeat;
    z-index: 5;
}

.works .slick-prev:before {
    content: '';
}

.works .slick-next {
    right: 40px;
    background: url("../img/works/next.svg") 0 0/cover no-repeat;
    width: 45px;
    height: 45px;
    z-index: 5;
}

.works .slick-next:before {
    content: '';
}

.works .big {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.works .slick-list {
    overflow: visible;
}

.works .container {
    overflow: hidden;
    padding: 0px 25px 100px;
    max-width: 1328px;
}

@media (max-width: 1328px) {
    .works .container {
        padding: 0px 15px 100px;
        max-width: 1308px;
    }
}

@media screen and (max-width: 910px) {
    .works .container {
        padding: 0 30px 100px;
    }
}

@media screen and (max-width: 670px) {
    .works .container {
        padding: 0px 30px 50px;
    }
}

@media screen and (max-width: 365px) {
    .works .container {
        padding: 0 15px 50px;
    }
}

.works .slick-slide:not(.slick-active) .works__card {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-type {
    padding: 0;
    display: none;
    border-radius: 10px;
}

.modal-type__body {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 45px 25px 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1063px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 440px) {
    .modal-type__body {
        padding: 10px 10px 10px 10px;
    }
}

@media screen and (max-width: 1080px) {
    .modal-type__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modal-type__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 48px 0px 0px;
}

@media screen and (max-width: 1080px) {
    .modal-type__img {
        margin: 0;
    }
}

.modal-type__img-profile {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    width: 77%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-type__img-profile:after {
    content: '99 +/- 3';
    display: block;
    position: absolute;
    top: 13px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
}

@media screen and (max-width: 1080px) {
    .modal-type__img-profile:after {
        top: 17px;
    }
}

.modal-type__img-profile:before {
    content: '60';
    display: block;
    position: absolute;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
}

@media screen and (max-width: 1080px) {
    .modal-type__img-profile:before {
        bottom: 40px;
    }
}

.modal-type__info {
    width: 100%;
}

.modal-type__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
    margin: 25px 0px 20px 0px;
}

.modal-type__subtitle {
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    color: #007DFF;
    margin: 0px 0px 19px 0px;
}

.modal-type__item {
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 15px;
    position: relative;
}

.modal-type__item:before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #007DFF;
    border-radius: 50%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-type__text {
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    margin: 5px 0px 10px 0px;
}

.modal-type__button {
    margin: 20px 0px 30px 0px;
    max-width: 170px;
    width: 100%;
    border-radius: 4px;
}

.modal-type__color-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    margin: 0px 0px 15px 0px;
}

.modal-type__color-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-type__color-item {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0px 15px 15px 0px;
}

.modal-type .fancybox-button {
    width: 30px;
    height: 30px;
    top: 30px;
    right: 45px;
}

.modal-type .fancybox-button svg {
    display: none;
}

.modal-type .fancybox-button:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background: url("../img/popup/close.svg") 0 0/cover no-repeat;
}

@media screen and (max-width: 440px) {
    .modal-type .fancybox-button {
        top: 10px;
        right: 10px;
    }
}

.modal-design {
    padding: 0;
    max-width: 802px;
    width: 100%;
    max-height: 684px;
    height: 100%;
    display: none;
}

.modal-design img {
    width: 100%;
    height: 100%;
}

li.design__text {
    list-style: initial;
}

.design__title-new {
    font-weight: bold;
    font-size: 32px;
    line-height: 120%;
    color: #181E25;
    margin: 0px 0px 27px 0px;
    padding: 0;
}