/* Start:/local/templates/prodesignlab/styles.css?1754396267620*/
#cookie_note{
  z-index: 100;
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
    max-width: 80%;
}

.cookie_accept{
    width:20%;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}

/* End */


/* Start:/local/templates/prodesignlab/template_styles.css?1749560161163559*/
@charset "UTF-8";

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@font-face {
    font-weight: 500;
    font-family: "Manrope";
    font-style: normal;
    src: url(/fonts/Manrope-Medium.woff2) format("woff2"), url(/fonts/Manrope-Medium.woff) format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: "Manrope";
    font-style: normal;
    src: url(/fonts/Manrope-Regular.woff2) format("woff2"), url(/fonts/Manrope-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-weight: 300;
    font-family: "Manrope";
    font-style: normal;
    src: url(/fonts/Manrope-Light.woff2) format("woff2"), url(/fonts/Manrope-Light.woff) format("woff");
    font-display: swap
}

@font-face {
    font-weight: 200;
    font-family: "Manrope";
    font-style: normal;
    src: url(/fonts/Manrope-ExtraLight.woff2) format("woff2"), url(/fonts/Manrope-ExtraLight.woff) format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: "Andika";
    font-style: normal;
    src: url(/fonts/Andika-Regular.woff2) format("woff2"), url(/fonts/Andika-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: "Andika";
    font-style: italic;
    src: url(/fonts/Andika-Italic.woff2) format("woff2"), url(/fonts/Andika-Italic.woff) format("woff");
    font-display: swap
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    height: 100%;
    height: -webkit-fill-available
}

body,
html,
img {
    display: flex
}

body,
html {
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    font-family: "Manrope", Helvetica, Arial, sans-serif
}

body {
    position: relative;
    min-width: 320px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

@media (max-width:1199px) {
    body {
        font-size: 16px
    }
}

a {
    color: #000;
    text-decoration: none
}

button {
    font-weight: 300;
    border: 0;
    outline: 0;
    cursor: pointer
}

dl,
p {
    margin: 0
}

address {
    display: inline;
    font-style: normal
}

img {
    max-width: 100%;
    height: auto
}

section[id] {
    scroll-margin-top: 150px
}

.heading {
    margin: 0;
    padding: 0
}

.hidden {
    display: none
}

.dib {
    display: inline-block;
    vertical-align: top
}

.no-margin {
    margin: 0 !important
}

.list {
    margin: 0;
    padding: 0;
    list-style: none
}

.fieldset,
input {
    margin: 0;
    padding: 0;
    border: 0
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.content {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

input {
    font-family: "Manrope", Helvetica, Arial, sans-serif
}

textarea {
    border: 0;
    resize: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]:focus,
input[type=number]:hover {
    -webkit-appearance: number-input;
    -moz-appearance: number-input;
    appearance: number-input
}

.rouble {
    font-family: "Manrope", Helvetica, Arial, sans-serif
}

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

.gold {
    color: #a18c1e
}

.gold--light {
    color: #e0ca58
}

.container {
    width: 100%;
    max-width: 1501px;
    margin: 0 auto
}

.container--wide {
    max-width: 1676px
}

.only-desktop,
.only-desktop-i,
.only-desktop-ib,
.only-mobile,
.only-mobile-i,
.only-mobile-ib,
.only-tab,
.only-tab-i,
.only-tab-ib {
    display: none !important
}

@media (max-width:1499px) {
    .container {
        padding-right: 48px;
        padding-left: 48px
    }

    .no-desktop {
        display: none !important
    }

    .only-desktop {
        display: block !important
    }

    .only-desktop-i {
        display: inline !important
    }

    .only-desktop-ib {
        display: inline-block !important
    }
}

@media (max-width:1199px) {
    .container {
        padding-right: 18px;
        padding-left: 18px
    }

    .no-tab {
        display: none !important
    }

    .only-tab {
        display: block !important
    }

    .only-tab-i {
        display: inline !important
    }

    .only-tab-ib {
        display: inline-block !important
    }
}

@media (max-width:767px) {

    .container,
    .mobile-container {
        min-width: 320px;
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }

    .no-mobile {
        display: none !important
    }

    .only-mobile {
        display: block !important
    }

    .only-mobile-i {
        display: inline !important
    }

    .only-mobile-ib {
        display: inline-block !important
    }
}

@media (min-width:1500px) {
    .container {
        padding-right: 48px;
        padding-left: 48px
    }
}

.title {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.29;
    color: #000
}

.title--big {
    font-size: 30px
}

.title--small,
.title--smaller {
    font-size: 20px
}

.title--green {
    color: #1c6b37
}

.title--middle {
    font-size: 23px
}

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

.title--short {
    max-width: 1120px
}

.title--medium {
    font-weight: 500
}

.title--star {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.title--arrow::after,
.title--star::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain
}

.title--star::before {
    flex-shrink: 0;
    width: 17px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M6.5 7C8.3127 5.23139 8.5 0.5 8.5 0.5C8.5 0.5 8.84027 5.34027 10.5 7C12.1597 8.65973 17 9 17 9C17 9 12.1597 9.84027 10.5 11.5C8.84027 13.1597 8.5 17.5 8.5 17.5C8.5 17.5 8.15973 13.1597 6.5 11.5C4.84027 9.84027 0 9 0 9C0 9 4.74943 8.70799 6.5 7Z' fill='%231C6B37'/%3E%3C/svg%3E");
    transform: translateY(9px)
}

.title--arrow {
    display: inline-block
}

.title--arrow::after {
    display: inline-block;
    width: 59px;
    height: 16px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='16' viewBox='0 0 59 16' fill='none'%3E%3Cpath d='M58.7071 8.70711C59.0976 8.31658 59.0976 7.68342 58.7071 7.29289L52.3431 0.928932C51.9526 0.538408 51.3195 0.538408 50.9289 0.928932C50.5384 1.31946 50.5384 1.95262 50.9289 2.34315L56.5858 8L50.9289 13.6569C50.5384 14.0474 50.5384 14.6805 50.9289 15.0711C51.3195 15.4616 51.9526 15.4616 52.3431 15.0711L58.7071 8.70711ZM58 7H0V9H58V7Z' fill='%23C8C8C8'/%3E%3C/svg%3E");
    transform: translateY(-3px)
}

.title--white {
    color: #fff
}

@media (min-width:767px) {
    .title {
        font-size: 30px
    }

    .title--big {
        font-size: 40px
    }

    .title--small,
    .title--smaller {
        font-size: 23px
    }
}

@media (min-width:1199px) {
    .title {
        font-size: 38px
    }

    .title--small {
        font-size: 27px
    }

    .title--smaller {
        font-size: 25px
    }

    .title--big {
        font-size: 50px
    }
}

@media (min-width:1499px) {
    .title {
        font-size: 50px
    }

    .title--big {
        font-size: 60px
    }

    .title--small {
        font-size: 27px
    }

    .title--smaller {
        font-size: 25px
    }

    .title--middle {
        font-size: 38px
    }
}

.button {
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #10612c;
    background-color: rgba(28, 107, 55, .1);
    border: 2px solid #10612c
}

.button--trans {
    background-color: transparent
}

.button--green {
    color: #fff;
    background-color: #1c6b37
}

@media (min-width:1199px) {
    .button {
        transition: background-color .2s ease-in, color .2s ease-in
    }

    .button:hover {
        color: #fff;
        background-color: #1c6b37
    }

    .button--green:hover {
        color: #1c6b37;
        background-color: rgba(28, 107, 55, .1)
    }
}

.button__icon {
    flex-shrink: 0
}

@media (max-width:767px) {
    .button__icon {
        width: 30px;
        height: 30px
    }
}

.benefits__items {
    display: flex
}

.benefits__items--about {
    justify-content: center;
    -moz-column-gap: 70px;
    column-gap: 70px
}

.benefits__items--fabrication {
    gap: 40px
}

@media (max-width:1499px) {
    .benefits__items--about {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media (max-width:1199px) {
    .benefits__items {
        gap: 20px
    }
}

@media (max-width:767px) {
    .benefits__items {
        flex-direction: column
    }
}

.benefits__item {
    display: flex;
    flex-direction: column
}

.benefits__item--about {
    max-width: 570px;
    padding: 45px 50px 55px;
    background-color: #fff
}

.benefits__item--fabrication {
    padding: 50px 60px 60px;
    background-color: #efece2
}

@media (max-width:1499px) {
    .benefits__item--about {
        width: 100%;
        max-width: 525px
    }

    .benefits__item--fabrication {
        padding: 45px 50px 38px
    }
}

@media (max-width:1199px) {

    .benefits__item--about,
    .benefits__item--fabrication {
        padding: 30px 30px 38px
    }
}

@media (max-width:767px) {
    .benefits__item {
        width: 100%;
        max-width: 100%
    }

    .benefits__item--about {
        padding: 26px 19px 34px 26px
    }

    .benefits__item--fabrication {
        padding: 30px 30px 40px
    }
}

.benefits__title {
    position: relative;
    display: flex;
    gap: 10px;
    margin: 0 0 10px;
    font-weight: 500;
    line-height: 1.27;
    color: #000
}

.benefits__title::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(/img/icons/star.svg);
    transform: translateY(7px)
}

.benefits__item--fabrication .benefits__title {
    margin-bottom: 15px;
    font-size: 23px
}

.benefits__item--fabrication .benefits__title::after {
    top: 5px
}

.benefits__text {
    font-weight: 300;
    line-height: 1.3
}

.benefits__text--about {
    margin-bottom: 20px;
    line-height: 1.5
}

.benefits__title {
    font-size: 27px
}

@media (max-width:1499px) {
    .benefits__title {
        font-size: 23px;
        line-height: 1.29
    }
}

.benefits__text {
    font-size: 19px
}

@media (max-width:1499px) {
    .benefits__text {
        font-size: 18px
    }
}

.benefits__button {
    max-width: 275px;
    margin-top: auto;
    padding: 18px 50px;
    font-size: 22px
}

@media (max-width:1499px) {
    .benefits__button {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .benefits__button {
        font-size: 18px
    }
}

.content__header {
    z-index: 10;
    height: 69px
}

@media (min-width:767px) {
    .content__header {
        height: 74px
    }
}

@media (min-width:1199px) {
    .content__header {
        height: 87px
    }
}

.header {
    position: sticky;
    top: 0;
    background-color: rgba(255, 255, 255, .01);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transition: background-color .2s
}

.header--index {
    color: #fff
}

.header--white-bg {
    color: #000;
    background-color: #fff
}

.header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px
}

.header__socials {
    display: flex;
    gap: 20px
}

@media (max-width:1499px) {
    .header__socials {
        gap: 10px
    }
}

@media (max-width:1279px) {
    .header__socials {
        display: none
    }
}

.header__logo-img {
    width: 191px;
    height: 47px;
    margin-right: 30px
}

@media (max-width:1499px) {
    .header__logo-img {
        width: 138px;
        height: 34px
    }
}

@media (max-width:1199px) {
    .header__logo-img {
        width: 114px;
        height: 28px
    }
}

.header__contacts {
    display: flex;
    margin-right: 30px;
    gap: 30px
}

@media (max-width:1499px) {
    .header__contacts {
        gap: 20px
    }
}

@media (max-width:1279px) {
    .header__contacts {
        margin-right: 0
    }
}

.header__contact-text {
    display: inline-block;
    white-space: nowrap
}

@media (max-width:767px) {
    .header__contact-text {
        display: none
    }
}

.header__contact-img {
    display: none
}

@media (max-width:767px) {
    .header__contact-img {
        display: block
    }
}

.header__socials-link {
    display: flex;
    color: inherit;
    outline: 0;
    transition: color .2s ease-in
}

.header__socials-link:focus,
.header__socials-link:hover {
    color: #1c6b37
}

.header__socials-img {
    width: 40px;
    height: 40px;
    color: #f6f5f1
}

@media (max-width:1499px) {
    .header__socials-img {
        width: 30px;
        height: 30px
    }
}

@media (max-width:767px) {
    .header__socials-img {
        width: 24px;
        height: 24px
    }
}

.header__contact-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.38;
    color: inherit;
    transition: color .2s ease-in
}

.header__contact-item:hover {
    color: #1c6b37
}

@media (max-width:767px) {
    .header__contact-item {
        font-size: 16px
    }
}

.header__burger {
    padding: 0;
    color: #000;
    background-color: transparent;
    border: 0;
    position: relative;
    display: none;
    width: 22px;
    height: 19px;
    margin-left: 20px
}

.header__burger::after,
.header__burger::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #1c6b37;
    box-shadow: 0 8px 0 0 #1c6b37, 0 16px 0 0 #1c6b37;
    transition: top .2s, left .2s, transform .2s, box-shadow .2s
}

.header__burger--active::after,
.header__burger--active::before {
    top: 50%;
    left: 50%;
    box-shadow: none
}

.header__burger--active::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header__burger--active::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

@media (max-width:1279px) {
    .header__burger {
        display: block
    }
}

.header__logo {
    z-index: 1;
    display: flex;
    color: inherit;
    transition: .3s
}

.header__left-side,
.header__right-side {
    display: flex;
    align-items: center
}

.first {
    position: relative;
    padding: 200px 0 180px;
    background-color: #726e6b
}

@media (max-width:1199px) {
    .first {
        padding: 150px 0
    }
}

@media (max-width:767px) {
    .first {
        padding: 110px 0 130px
    }
}

.first__title {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 70px;
    line-height: 1.1;
    color: #fff
}

@media (max-width:1499px) {
    .first__title {
        font-size: 60px
    }
}

@media (max-width:245px) {
    .first__title {
        font-size: 50px
    }
}

@media (max-width:767px) {
    .first__title {
        font-size: 40px
    }
}

.first__btn {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 20px 30px;
    font-weight: 500;
    font-size: 20px
}

@media (max-width:767px) {
    .first__btn {
        margin-top: 20px;
        padding: 16px 26px;
        font-size: 16px
    }
}

.first__text {
    max-width: 605px;
    font-size: 25px;
    color: #fff
}

@media (max-width:1199px) {
    .first__text {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .first__text {
        font-size: 18px
    }
}

.first__content {
    position: relative;
    z-index: 1
}

.first__video-wrap,
.first__video-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.first__video-wrap::before {
    content: "";
    background-color: rgba(0, 0, 0, .4)
}

.first__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main {
    flex-grow: 1
}

.main__first {
    position: relative;
    margin-top: -69px;
    padding-top: 84px
}

.main__services {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px
}

.main__tags {
    position: relative;
    margin-bottom: 60px
}

.main__about {
    position: relative;
    padding-bottom: 50px;
    background-color: #f6f5f1
}

.main__vacancy {
    margin-top: 80px;
    margin-bottom: 147px
}

.main__vacancy+.main__promo {
    margin-top: 0
}

.main__promo {
    margin-top: 120px;
    margin-bottom: 101px
}

.main__extra {
    margin-bottom: 137px
}

@media (max-width:1199px) {
    .main__extra {
        margin-bottom: 60px
    }
}

.main__cicle {
    margin-bottom: 98px
}

@media (max-width:1199px) {
    .main__cicle {
        margin-bottom: 55px
    }
}

.main__head:not(.main__head--no-margin) {
    margin-top: -87px
}

.main__head--margin-bottom {
    margin-bottom: 120px
}

@media (max-width:1499px) {
    .main__head--margin-bottom {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {
    .main__head:not(.main__head--no-margin) {
        margin-top: -74px
    }

    .main__head--margin-bottom {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .main__head:not(.main__head--no-margin) {
        margin-top: -70px
    }

    .main__head--margin-bottom {
        margin-bottom: 70px
    }
}

.main__overlay {
    position: absolute;
    display: none;
    width: 2217px;
    height: 872px;
    background-image: url(/img/icons/line-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
    touch-action: none
}

@media (min-width:767px) {
    .main__first {
        margin-top: -74px;
        padding-top: 124px
    }

    .main__services {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .main__tags {
        margin-bottom: 80px
    }

    .main__about {
        padding-bottom: 80px;
        background-image: url(/img/icons/about_line-mob.svg);
        background-repeat: no-repeat;
        background-position: 50% -42%;
        background-size: contain
    }

    .main__overlay {
        top: 112px;
        left: 50%;
        display: block;
        max-width: calc(100vw - 18px);
        transform: translateX(-50%)
    }
}

@media (min-width:1000px) {
    .main__about {
        width: 100%;
        height: 100%;
        background-image: url(/img/icons/about_line-tab.svg);
        background-position: left 15%
    }
}

@media (min-width:1199px) {
    .main__first {
        margin-top: -87px
    }

    .main__services {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .main__tags {
        margin-bottom: 120px
    }

    .main__about {
        padding-bottom: 120px
    }

    .main__overlay {
        top: 180px;
        background-position: calc(50% - 161px)
    }
}

@media (min-width:1499px) {
    .main__overlay {
        background-position: center
    }

    .main__about {
        background-image: url(/img/icons/about_line-desc.svg);
        background-position: 50% 0
    }
}

.main__anhors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px auto 70px;
    gap: 10px 30px
}

@media (max-width:1199px) {
    .main__anhors {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .main__anhors {
        margin-bottom: 30px
    }
}

.main__section {
    margin-bottom: 120px
}

.main__section--big-margin {
    margin-bottom: 140px
}

.main__section--first {
    margin-top: -87px
}

@media (max-width:1499px) {
    .main__section {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {
    .main__section {
        margin-bottom: 80px
    }

    .main__section--first {
        margin-top: -74px
    }
}

@media (max-width:767px) {
    .main__section {
        margin-bottom: 70px
    }
}

.main__text:not(:last-of-type) {
    margin-bottom: 20px
}

.main__text--short {
    max-width: 835px
}

.main__text--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.main__section-wrapper {
    margin-bottom: 120px;
    padding: 100px 0 120px
}

.main__section-wrapper--beige {
    background-color: #f6f5f1
}

@media (max-width:1499px) {
    .main__section-wrapper {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {
    .main__section-wrapper {
        margin-bottom: 80px;
        padding: 60px 0
    }
}

@media (max-width:767px) {
    .main__section-wrapper {
        margin-bottom: 70px;
        padding: 60px 0 30px
    }
}

.main__title {
    margin: 0 0 20px
}

.main__table {
    margin-top: 40px
}

@media (max-width:1199px) {
    .main__table {
        margin-top: 25px;
        margin-right: -10px;
        margin-left: -10px;
        padding: 0 10px;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .main__table::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

.main__info-box {
    margin-top: 70px
}

.main__btn {
    margin-top: 40px;
    padding: 18px 32px
}

@media (max-width:767px) {
    .main__btn {
        padding: 15px 25px
    }
}

.menu {
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width:1279px) {
    .menu {
        scrollbar-color: transparent transparent;
        scrollbar-width: none;
        position: fixed;
        top: 65px;
        left: 0;
        z-index: 5;
        flex-direction: column;
        align-items: start;
        width: 100%;
        height: 100%;
        max-height: calc(100% - 65px);
        padding: 24px 20px;
        overflow-y: auto;
        background-color: #fff;
        gap: 15px;
        transform: translateY(-50px);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s, transform .2s, opacity .2s
    }

    .menu::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }

    .menu--show {
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }
}

@media (max-width:767px) {
    .menu {
        padding: 20px 10px
    }
}

.menu__btn {
    background-color: transparent;
    border: 0;
    padding: 10px;
    font-size: 18px;
    line-height: 1;
    font-family: "Manrope", Helvetica, Arial, sans-serif;
    color: inherit
}

@media (min-width:1199px) {
    .menu__btn {
        transition: background-color .2s, color .2s
    }
}

@media (max-width:1279px) {
    .menu__btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-left: 0;
        font-weight: 500;
        font-size: 25px;
        background: linear-gradient(90deg, rgba(246, 249, 247, 0) 18.83%, #f6f9f7 40.93%);
        border-radius: 10px
    }

    .menu__btn::after {
        content: "";
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%23A2ACB5' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
        transform: rotate(-90deg)
    }

    [data-open] .menu__btn::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%231C6B37' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transform: rotate(0)
    }
}

.menu__item {
    position: relative;
    outline: 0
}

@media (min-width:1199px) {

    .menu__item:focus .menu__btn,
    .menu__item:focus-within .menu__btn,
    .menu__item:hover .menu__btn {
        color: #000;
        background-color: #f6f5f1
    }

    .menu__item:focus .menu__inner:not(.menu__item:hover .menu__inner--big, .menu__item:focus .menu__inner--big, .menu__item:focus-within .menu__inner--big),
    .menu__item:focus-within .menu__inner:not(.menu__item:hover .menu__inner--big, .menu__item:focus .menu__inner--big, .menu__item:focus-within .menu__inner--big),
    .menu__item:hover .menu__inner:not(.menu__item:hover .menu__inner--big, .menu__item:focus .menu__inner--big, .menu__item:focus-within .menu__inner--big) {
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }

    .menu__item[data-hover] .menu__inner {
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }
}

@media (max-width:1279px) {
    .menu__item {
        width: 100%
    }
}

@media (min-width:1279px) {
    .menu__inner {
        position: absolute;
        top: 100%;
        left: -20px;
        min-width: 242px;
        padding-top: 20px;
        background-color: #fff;
        box-shadow: 0 4px 4px 0 #0000000d;
        transform: translateY(50px);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s, transform .2s, opacity .2s, pointer-events .2s, touch-action .2s, max-height .2s
    }

    .menu__inner--big {
        position: fixed;
        top: 63px;
        left: 0;
        width: 100%;
        padding: 30px 0 60px;
        transform: none
    }
}

@media (max-width:1279px) {
    .menu__inner {
        display: none;
        margin-top: 15px;
        padding-right: 10px
    }

    [data-open] .menu__inner {
        display: block
    }
}

.menu__inner-list {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.menu__inner-list:not(.menu__inner-list--big) {
    padding: 20px 30px 30px
}

.menu__inner-list--big {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 65px;
    margin: 0 auto;
    list-style: none
}

@media (max-width:1649px) {
    .menu__inner-list--big {
        grid-template-columns: auto minmax(255px, 300px) auto;
        gap: 15px
    }
}

@media (max-width:1279px) {
    .menu__inner-list {
        display: block;
        padding: 0
    }

    .menu__inner-list:not(.menu__inner-list--big) {
        gap: 14px;
        padding: 0
    }
}

.menu__inner-item {
    padding-left: 30px
}

@media (max-width:1279px) {
    .menu__inner-item {
        padding-left: 0
    }

    .menu__inner-item:not(:last-child) {
        margin-bottom: 20px
    }
}

.menu__links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 500px;
    gap: 7px 20px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #eaecee
}

@media (min-width:1199px) {
    .menu__links {
        transition: border-color .2s
    }

    .menu__links:focus-visible,
    .menu__links:hover {
        border-color: #1c6b37
    }
}

@media (max-width:1279px) {
    .menu__links {
        display: block;
        margin-top: 15px;
        padding-top: 0;
        -moz-columns: 200px;
        columns: 200px;
        border-top: none
    }

    .menu__links:not([data-open]+.menu__links) {
        display: none
    }
}

@media (max-width:767px) {
    .menu__links {
        -moz-columns: 150px;
        columns: 150px
    }
}

.menu__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px;
    outline: 0
}

.menu__link--parent {
    position: relative;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 16px;
    color: #1c6b37
}

.menu__link--active {
    color: #1c6b37;
    pointer-events: none;
    touch-action: none
}

@media (min-width:1199px) {
    .menu__link {
        transition: color .2s
    }

    .menu__link:focus-visible,
    .menu__link:hover {
        color: #1c6b37
    }

    .menu__link--parent:focus-visible,
    .menu__link--parent:focus-visible .menu__icon,
    .menu__link--parent:hover,
    .menu__link--parent:hover .menu__icon {
        color: #000
    }

    .menu__link--parent.menu__link--active {
        color: #000;
        pointer-events: none;
        touch-action: none
    }

    .menu__link--parent.menu__link--active .menu__icon {
        color: #000
    }
}

@media (max-width:1279px) {
    .menu__link {
        margin: 7px 0
    }

    .menu__link:first-child {
        margin-top: 0
    }

    .menu__link--parent {
        margin: 0
    }
}

.menu__icon {
    position: absolute;
    top: 1px;
    left: -28px;
    color: #90b69d;
    transition: color .2s
}

@media (max-width:1279px) {
    .menu__icon {
        display: none
    }
}

.menu__collapse-btn {
    display: none
}

@media (max-width:1279px) {
    .menu__collapse-btn {
        padding: 0;
        color: #000;
        background-color: transparent;
        border: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%
    }

    .menu__collapse-btn::before {
        content: "";
        flex-grow: 1;
        width: 100%;
        height: 1px;
        background-color: #efefef
    }

    .menu__collapse-btn::after {
        content: "";
        width: 20px;
        height: 20px;
        background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%23A2ACB5' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
        transform: rotate(-90deg)
    }

    .menu__head[data-open] .menu__collapse-btn::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%231C6B37' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transform: rotate(0)
    }
}

.menu__head {
    display: flex;
    align-items: center;
    gap: 10px
}

.slide-btn {
    padding: 0;
    color: #000;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #d6d2c5;
    border-radius: 50%;
    filter: drop-shadow(0 0 51px rgba(169, 169, 169, .33))
}

.slide-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24' fill='none'%3E%3Cpath d='M1.36188 1.44L11.9219 12L1.36188 22.56' stroke='%232B2D33' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.slide-btn--prev::before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.slide-btn--disabled {
    display: none;
    cursor: default
}

.slide-btn--green {
    background-color: transparent;
    border-color: #1c6b37
}

.slide-btn--green::before {
    width: 23px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' viewBox='0 0 23 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5845 10.8612C22.975 10.4707 22.975 9.83752 22.5845 9.44699L13.9003 0.762782C13.5097 0.372258 12.8766 0.372258 12.486 0.762782C12.0955 1.15331 12.0955 1.78647 12.486 2.177L19.4681 9.1591L1.24281 9.1591C0.690525 9.1591 0.242809 9.60681 0.242809 10.1591C0.242809 10.7114 0.690525 11.1591 1.24281 11.1591L19.4581 11.1591L12.486 18.1312C12.0955 18.5217 12.0955 19.1549 12.486 19.5454C12.8766 19.9359 13.5097 19.9359 13.9003 19.5454L22.5845 10.8612Z' fill='%231C6B37'/%3E%3C/svg%3E")
}

.slide-btn--green.slide-btn--disabled {
    display: block;
    opacity: .5
}

.slide-btn--green:focus,
.slide-btn--green:hover {
    background-color: #fff
}

.slide-btn--blur {
    width: 54px;
    height: 54px;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.slide-btn--blur::before {
    width: 20px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1484 9.21763C19.4738 8.8922 19.4738 8.36456 19.1484 8.03912L11.9115 0.80228C11.5861 0.476843 11.0585 0.476843 10.733 0.80228C10.4076 1.12772 10.4076 1.65535 10.733 1.98079L16.5515 7.79929L1.36216 7.79929C0.901919 7.79929 0.528825 8.17239 0.528825 8.63262C0.528825 9.09286 0.901919 9.46596 1.36216 9.46596L16.543 9.46596L10.733 15.276C10.4076 15.6014 10.4076 16.129 10.733 16.4545C11.0585 16.7799 11.5861 16.7799 11.9115 16.4545L19.1484 9.21763Z' fill='white'/%3E%3C/svg%3E")
}

.slide-btn--blur.slide-btn--disabled {
    display: block;
    opacity: .5
}

@media (max-width:1199px) {
    .slide-btn {
        width: 40px;
        height: 40px
    }

    .slide-btn--green::before {
        width: 15px;
        height: 13px
    }
}

.gallery {
    display: flex;
    align-items: center;
    justify-items: center;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.gallery::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent
}

.gallery--grid {
    display: grid;
    grid-auto-rows: 521px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
    max-width: 1406px;
    margin: 0 auto;
    gap: 30px
}

.gallery--main {
    grid-auto-rows: auto
}

@media (max-width:1499px) {
    .gallery {
        gap: 24px
    }

    .gallery--grid {
        grid-template-rows: auto 88px 1fr
    }
}

@media (max-width:1199px) {
    .gallery:not(.gallery--main) {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
        gap: 20px
    }

    .gallery--main {
        gap: 10px
    }
}

@media (max-width:767px) {
    .gallery {
        gap: 15px
    }

    .gallery--main {
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}

.gallery__badge {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 114px;
    height: 114px;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.29;
    text-align: center;
    color: #fff;
    background: rgba(28, 107, 55, .21);
    border-radius: 500px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.gallery__badge--top-right {
    top: 30px;
    right: 30px;
    left: unset
}

.gallery__badge--top-left {
    top: 30px;
    right: unset;
    left: 30px
}

.gallery__badge--bottom-right {
    right: 30px;
    bottom: 30px;
    left: unset
}

.gallery__badge--big {
    width: 145px;
    height: 145px
}

.gallery__badge abbr {
    text-decoration: none
}

@media (max-width:1499px) {
    .gallery__badge {
        width: 100px;
        height: 100px;
        font-size: 16px
    }

    .gallery__badge--big {
        width: 125px;
        height: 125px
    }
}

@media (max-width:1199px) {
    .gallery__badge {
        bottom: 20px;
        left: 20px;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        height: -moz-fit-content;
        height: fit-content;
        padding: 7px 16px;
        font-size: 16px;
        text-align: left
    }

    .gallery__badge--top-left,
    .gallery__badge--top-right {
        top: unset;
        right: unset;
        bottom: 20px;
        left: 20px
    }

    .gallery__badge br {
        display: none
    }
}

@media (max-width:767px) {
    .gallery__badge {
        padding: 7px 16px
    }

    .gallery__badge,
    .gallery__badge--top-left,
    .gallery__badge--top-right {
        bottom: 10px;
        left: 10px
    }
}

.gallery__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s
}

.gallery__img--slider {
    max-height: 458px
}

.gallery__item {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden
}

.gallery--grid .gallery__item {
    width: 100%;
    height: 100%
}

.gallery--grid .gallery__item:first-child {
    grid-row: 1/span 3
}

.gallery--grid .gallery__item:nth-child(2) {
    align-self: flex-end;
    grid-row: 1/span 2;
    height: calc(100% + 15px)
}

.gallery--grid .gallery__item:nth-child(3) {
    align-self: flex-start;
    grid-column: 2;
    grid-row: 3;
    height: calc(100% + 15px)
}

.gallery--grid .gallery__item:nth-child(4) {
    align-self: flex-end;
    grid-column: 3;
    grid-row: 1
}

.gallery--grid .gallery__item:nth-child(5) {
    align-self: flex-start;
    grid-row: 2/span 2
}

.gallery--corporate .gallery__item:nth-child(4) {
    grid-row: 1/span 3
}

.gallery--corporate .gallery__item:nth-child(5) {
    align-self: unset;
    grid-row: unset
}

.gallery--uniform-1 .gallery__item:nth-child(4) {
    grid-row: 1/span 3
}

.gallery--corporate .gallery__item:nth-last-child(2),
.gallery--wholesale .gallery__item:nth-last-child(2) {
    align-self: flex-start;
    height: calc(100% + 15px)
}

.gallery--corporate .gallery__item:nth-child(3),
.gallery--wholesale .gallery__item:nth-child(3) {
    height: 100%
}

.gallery--uniform-3 .gallery__item:nth-last-child(2) {
    align-self: center;
    grid-row: 1/span 3;
    height: calc(100% + 25px)
}

.gallery--uniform-3 .gallery__item:nth-child(3) {
    grid-column: 3;
    grid-row: 1/span 3;
    height: 100%
}

.gallery__item--slider {
    max-width: 365px
}

@media (max-width:1199px) {
    .gallery--grid .gallery__item:not(.gallery--main .gallery__item) {
        width: 276px;
        min-width: 276px;
        height: 356px
    }

    .gallery--grid .gallery__item:not(.gallery--main .gallery__item):nth-child(2),
    .gallery--grid .gallery__item:not(.gallery--main .gallery__item):nth-child(3) {
        height: 356px
    }

    .gallery--corporate .gallery__item:not(.gallery--main .gallery__item):nth-last-child(2),
    .gallery--wholesale .gallery__item:not(.gallery--main .gallery__item):nth-last-child(2) {
        height: 356px
    }
}

@media (max-width:767px) {
    .gallery--grid .gallery__item {
        width: 207px;
        min-width: 207px;
        height: 267px
    }

    .gallery--grid .gallery__item:nth-child(2),
    .gallery--grid .gallery__item:nth-child(3) {
        height: 267px
    }

    .gallery--corporate .gallery__item:nth-last-child(2),
    .gallery--wholesale .gallery__item:nth-last-child(2) {
        height: 267px
    }

    .gallery__item--slider {
        max-width: 207px
    }

    .gallery--main.gallery--corporate .gallery__item {
        width: 100%;
        height: 150px
    }
}

.gallery__wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.gallery__slide-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.gallery__slide-btn--prev {
    left: 15px
}

.gallery__slide-btn--next {
    right: 15px
}

@media (max-width:767px) {
    .gallery__slide-btn {
        display: none
    }
}

.gallery__slider-wrap {
    position: relative;
    margin-top: 50px
}

@media (max-width:767px) {
    .gallery__slider-wrap {
        margin-top: 40px
    }
}

.gallery__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 40px;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.1;
    color: #fff;
    outline: 0
}

.gallery__link:focus-visible+.gallery__img-box .gallery__img,
.gallery__link:hover+.gallery__img-box .gallery__img {
    transform: scale(1.1)
}

.gallery__link+.gallery__img-box {
    pointer-events: none;
    touch-action: none
}

@media (max-width:1199px) {
    .gallery__link {
        padding: 20px;
        font-size: 23px
    }
}

@media (max-width:767px) {
    .gallery__link {
        font-size: 20px
    }
}

.gallery__link-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    width: 100%
}

.gallery__link-text::after {
    content: "";
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1484 9.21763C19.4738 8.8922 19.4738 8.36456 19.1484 8.03912L11.9115 0.80228C11.5861 0.476843 11.0585 0.476843 10.733 0.80228C10.4076 1.12772 10.4076 1.65535 10.733 1.98079L16.5515 7.79929L1.36216 7.79929C0.901919 7.79929 0.528825 8.17239 0.528825 8.63262C0.528825 9.09286 0.901919 9.46596 1.36216 9.46596L16.543 9.46596L10.733 15.276C10.4076 15.6014 10.4076 16.129 10.733 16.4545C11.0585 16.7799 11.5861 16.7799 11.9115 16.4545L19.1484 9.21763Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

@media (max-width:1199px) {
    .gallery__link-text::after {
        width: 30px;
        height: 30px;
        background-size: 50%
    }
}

.tags__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .tags__text {
        margin-bottom: 30px
    }
}

.tags__title {
    max-width: 575px;
    margin: 0 auto 20px;
    text-align: center
}

@media (max-width:767px) {
    .tags__title {
        margin-bottom: 10px
    }
}

.tags__descr {
    max-width: 1070px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #000
}

@media (max-width:767px) {
    .tags__descr {
        line-height: 1.3
    }
}

.tags__gallery {
    list-style: none;
    justify-content: center;
    margin: 0;
    padding: 0;
    gap: 37px
}

@media (max-width:1499px) {
    .tags__gallery {
        gap: 30px
    }
}

@media (max-width:1199px) {
    .tags__gallery {
        margin: 0 -18px;
        padding: 0 18px;
        gap: 20px
    }
}

@media (max-width:1000px) {
    .tags__gallery {
        justify-content: flex-start
    }
}

@media (max-width:767px) {
    .tags__gallery {
        margin: 0 -10px;
        padding: 0 10px;
        gap: 15px
    }
}

.tags__gallery-item {
    width: 410px;
    height: 306px
}

@media (max-width:1499px) {
    .tags__gallery-item {
        width: 340px;
        height: 254px
    }
}

@media (max-width:1199px) {
    .tags__gallery-item {
        width: auto;
        height: 195px
    }
}

@media (max-width:767px) {
    .tags__gallery-item {
        width: 207px;
        height: 181px
    }
}

.about {
    position: relative;
    background-color: #f6f5f1
}

.about__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:1199px) {
    .about__wrapper {
        grid-template-columns: 1fr
    }
}

.about__content {
    padding: 120px 90px 105px 0
}

@media (max-width:1199px) {
    .about__content {
        padding: 60px 0 50px
    }
}

.about__title {
    margin: 0 0 20px
}

.about__text:not(:last-of-type, .about__text--green) {
    margin-bottom: 20px
}

.about__text--green {
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 25px;
    color: #1c6b37
}

@media (max-width:1199px) {
    .about__text--green {
        margin-bottom: 20px;
        font-size: 20px
    }
}

@media (max-width:767px) {
    .about__text:not(:last-of-type, .about__text--green) {
        margin-bottom: 10px
    }

    .about__text--green {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.about__link {
    margin-top: 30px
}

@media (min-width:1199px) {
    .about__video {
        position: absolute;
        left: 50%;
        width: 50%;
        height: 100%;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width:1199px) {
    .about__video {
        width: 100vw;
        height: 300px;
        margin-left: -18px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.promo__wrapper {
    display: flex;
    align-items: center;
    gap: 40px
}

@media (max-width:767px) {
    .promo__wrapper {
        flex-direction: column;
        gap: 20px
    }
}

.promo__picture {
    flex-shrink: 0
}

.promo__img {
    width: 178px;
    height: 178px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

@media (max-width:1199px) {
    .promo__img {
        width: 155px;
        height: 155px
    }
}

@media (max-width:767px) {
    .promo__img {
        width: 140px;
        height: 140px
    }
}

.promo__title {
    margin: 0 0 20px
}

@media (max-width:767px) {
    .promo__title {
        margin-bottom: 15px;
        text-align: center
    }
}

.promo__link {
    padding: 0;
    color: #000;
    background-color: transparent;
    border: 0
}

@media (max-width:767px) {
    .promo__link {
        margin: 0 auto
    }
}

.contacts {
    position: relative;
    padding: 110px 0 120px;
    background-color: #f6f5f1
}

@media (max-width:767px) {
    .contacts {
        padding: 60px 0 70px
    }
}

.contacts__title {
    max-width: 653px;
    margin-bottom: 20px
}

@media (max-width:1499px) {
    .contacts__title {
        max-width: 450px
    }
}

@media (max-width:1199px) {
    .contacts__title {
        max-width: 351px
    }
}

@media (max-width:767px) {
    .contacts__title {
        max-width: 330px;
        margin-bottom: 10px
    }
}

.contacts__descr {
    max-width: 602px;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.3;
    color: #000
}

@media (max-width:1499px) {
    .contacts__descr {
        max-width: 453px;
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .contacts__descr {
        margin-bottom: 30px;
        line-height: 1.3
    }
}

@media (max-width:767px) {
    .contacts__descr {
        max-width: 323px;
        margin-bottom: 20px
    }
}

.contacts__block {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    max-width: 500px
}

@media (max-width:767px) {
    .contacts__block {
        grid-template-columns: 1fr 20.97%;
        margin-bottom: 30px
    }
}

.contacts__block-item {
    font-weight: 300;
    font-size: 38px;
    line-height: 1.3;
    color: #000;
    transition: color .2s ease-in, opacity .2s ease-in
}

.contacts__block-item:not(:last-child) {
    margin-right: 40px
}

.contacts__block-item--mail {
    font-size: 25px;
    color: #1c6b37
}

.contacts__block-item--mail:hover {
    opacity: .8
}

.contacts__block-item:hover {
    color: #1c6b37
}

@media (max-width:1499px) {
    .contacts__block-item {
        font-size: 38px
    }

    .contacts__block-item--mail {
        font-size: 23px
    }
}

@media (max-width:1199px) {
    .contacts__block-item {
        font-size: 30px
    }

    .contacts__block-item:not(:last-child) {
        margin-right: 32px
    }

    .contacts__block-item--mail {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .contacts__block-item {
        font-size: 25px
    }

    .contacts__block-item:not(:last-child) {
        margin-right: 15px;
        margin-bottom: 8px
    }

    .contacts__block-item--mail {
        font-size: 18px;
        color: #1c6b37
    }
}

.contacts__socials {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    color: #1c6b37;
    transition: opacity .2s ease-in
}

.contacts__socials:hover {
    opacity: .8
}

.contacts__social {
    width: 50px;
    height: 50px;
    color: #fff
}

.contacts__social:not(:last-child) {
    margin-right: 16px
}

@media (max-width:767px) {
    .contacts__social {
        width: 35px;
        height: 35px
    }
}

.contacts__picture {
    max-width: 551px;
    max-height: 367px
}

@media (max-width:1499px) {
    .contacts__picture {
        max-width: 330px;
        max-height: 235px
    }
}

.contacts__img {
    width: 100%
}

.contacts__anchorlink {
    position: absolute;
    top: -87px
}

.contacts__wrapper {
    display: flex;
    justify-content: center;
    -moz-column-gap: 27px;
    column-gap: 27px
}

@media (max-width:767px) {
    .contacts__wrapper {
        display: block
    }
}

.contacts__content {
    margin-right: 88px
}

@media (max-width:1199px) {
    .contacts__content {
        margin-right: 27px
    }
}

.contacts__map {
    border: 1px solid #d4d1c1
}

@media (max-width:1499px) {
    .contacts__map {
        width: 551px;
        height: 367px
    }
}

@media (max-width:1199px) {
    .contacts__map {
        width: 330px;
        height: 235px
    }
}

@media (max-width:767px) {
    .contacts__map {
        width: 100%
    }
}

.footer {
    padding-bottom: 40px
}

.footer--fabrication {
    padding-top: 35px;
    background-color: #f2e9dc
}

.footer--main {
    background-color: #f6f5f1
}

.footer__logo-link {
    align-self: center;
    grid-column: 1;
    margin-right: 40px
}

@media (max-width:1199px) {
    .footer__logo-link {
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .footer__logo-link {
        grid-column: 1/span 2;
        margin-bottom: 18px
    }
}

.footer__idei-text {
    display: none;
    align-self: center;
    grid-column: 1/span 2;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.3;
    color: #999;
    border-bottom: 1px solid #dedede
}

@media (max-width:767px) {
    .footer__idei-text {
        display: block
    }
}

.footer__content {
    display: grid;
    grid-template-columns: repeat(3, auto) 1fr;
    justify-items: start
}

@media (max-width:1199px) {
    .footer__content {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width:767px) {
    .footer__content {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
        justify-items: center
    }
}

.footer__logo {
    width: 139px;
    height: 34px
}

@media (max-width:1199px) {
    .footer__logo {
        height: 26px
    }
}

.footer__social {
    display: flex;
    align-items: center;
    transition: color .2s ease-in
}

.footer__social:hover {
    color: #1c6b37
}

.footer__social+.footer__social {
    margin-left: 20px
}

.footer__social-img {
    margin-right: 13px
}

@media (max-width:767px) {
    .footer__social-img {
        margin-right: 8px
    }
}

.footer__social-text {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.3;
    color: inherit;
    border-bottom: 1px solid #dedede
}

@media (max-width:767px) {
    .footer__social-text {
        font-size: 18px
    }
}

.footer__idei-logo {
    display: grid;
    justify-self: end;
    grid-column: 4;
    grid-template-columns: 1fr 43.98%;
    -moz-column-gap: 13px;
    column-gap: 13px
}

@media (max-width:1199px) {
    .footer__idei-logo {
        grid-column: span 2
    }
}

@media (max-width:767px) {
    .footer__idei-logo {
        display: none
    }
}

.footer__idei-logo-link {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    color: #8a9d7a;
    transition: color .2s ease-in
}

.footer__idei-logo-link:hover {
    color: #bacf04
}

.footer__idei-logo-link--website {
    grid-column: 1;
    margin-top: -1px;
    text-align: right;
    white-space: nowrap
}

.footer__idei-logo-link--studio {
    grid-column: 1;
    grid-row: 2;
    margin-top: -14px;
    text-align: right
}

.footer__idei-logo-link--img {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    grid-column: 2;
    grid-row: span 2
}

.footer__idei-logo-img {
    width: 86px;
    height: 31px
}

.footer__idei-logo-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.28;
    color: #8a9d7a
}

.footer__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    color: #1c6b37
}

.footer__link:focus-visible,
.footer__link:hover {
    opacity: .7
}

@media (max-width:767px) {
    .footer__link {
        margin: 0 auto;
        font-size: 14px
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    transition: opacity .2s ease-in;
    pointer-events: none
}

.modal--active {
    opacity: 1;
    pointer-events: auto
}

.modal__opened {
    overflow: hidden
}

.modal__content {
    position: relative;
    width: 100%;
    max-width: 330px;
    max-height: 95vh;
    margin: 0 15px;
    background-color: #fff;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

.modal__content::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent
}

.modal--active .modal__content {
    overflow-y: auto
}

@media (min-width:767px) {
    .modal__content {
        max-width: 708px;
        margin: 0 30px
    }
}

@media (min-width:1199px) {
    .modal__content {
        max-width: 1018px;
        margin: 0 auto
    }
}

.modal__close {
    position: absolute;
    top: 16px;
    right: 13px;
    padding: 0;
    background-color: transparent
}

.modal__close-img {
    pointer-events: none;
    touch-action: none;
    fill: red
}

@media (min-width:767px) {
    .modal__close-img {
        width: 17px;
        height: 17px
    }
}

.answer__item {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 5px;
    background-color: #fff
}

.answer__item--active {
    display: flex
}

.answer__wrapper {
    display: flex;
    align-items: center;
    justify-items: center
}

.answer__wrapper--false {
    margin-bottom: 20px
}

.answer__img {
    margin-right: 15px
}

.answer__title {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.3;
    color: #1c6b37
}

.answer__title--false {
    color: #df8163
}

.answer__text {
    max-width: 611px;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #000
}

.answer__info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.answer__link {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 19px;
    line-height: 1.29;
    color: #000
}

.answer__socials {
    display: flex
}

.answer__socials-link .answer__img {
    margin: 0;
    color: #f6f5f1
}

.answer__socials-link:not(:last-of-type) {
    margin-right: 20px
}

@media (min-width:767px) {
    .answer__title {
        font-size: 30px
    }

    .answer__info {
        flex-direction: row
    }

    .answer__link {
        margin-right: 30px;
        margin-bottom: 0
    }
}

@media (min-width:1199px) {
    .answer__title {
        font-size: 43px
    }

    .answer__text {
        max-width: 611px;
        font-size: 19px
    }
}

.circle__item {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.29;
    text-align: center;
    color: #fff;
    background: rgba(28, 107, 55, .21);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

.circle__item--right {
    top: 0;
    right: 0
}

.circle__item--center {
    top: 45%;
    right: 31%
}

.circle__item--left {
    top: 65%;
    left: 40%
}

.cicle {
    font-size: 20px;
    line-height: 1.3
}

@media (max-width:1500px) {
    .cicle {
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .cicle {
        font-size: 16px
    }
}

.cicle__title {
    margin: 0 0 50px
}

@media (max-width:1199px) {
    .cicle__title {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .cicle__title {
        margin-bottom: 30px
    }
}

.cicle__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.cicle__list--bottom {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #cfcfcf
}

@media (max-width:1199px) {
    .cicle__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .cicle__list--bottom {
        margin-top: 0;
        padding-top: 0;
        border-top: 0
    }
}

.cicle__item {
    display: grid;
    grid-template-rows: 1fr min-content;
    gap: 35px;
    padding: 30px
}

.cicle__item::before {
    content: "";
    width: 50px;
    height: 50px;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px;
    border-radius: 50%
}

.cicle__item:not(:last-child) {
    border-right: 1px solid #cfcfcf
}

.cicle__item--example::before {
    background-image: url(/img/cicle/example-icon.svg)
}

.cicle__item--machine::before {
    background-image: url(/img/cicle/machine-icon.svg)
}

.cicle__item--coil::before {
    background-image: url(/img/cicle/coil-icon.svg)
}

.cicle__item--furniture::before {
    background-image: url(/img/cicle/furniture-icon.svg)
}

.cicle__item--bow::before {
    background-image: url(/img/cicle/bow-icon.svg)
}

.cicle__item--mark::before {
    background-image: url(/img/cicle/mark-icon.svg)
}

.cicle__item--dress::before {
    background-image: url(/img/cicle/dress-icon.svg)
}

.cicle__item--flower::before {
    background-image: url(/img/cicle/flower-icon.svg)
}

@media (max-width:1199px) {
    .cicle__item {
        margin: 10px 0;
        padding: 20px;
        gap: 20px
    }

    .cicle__item:nth-child(even) {
        border: 0
    }

    .cicle__item:not(.cicle__item--example, .cicle__item--machine) {
        position: relative
    }

    .cicle__item:not(.cicle__item--example, .cicle__item--machine)::after {
        content: "";
        position: absolute;
        bottom: calc(100% + 10px);
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #cfcfcf
    }
}

.extra--sewing {
    padding: 115px 0 139px
}

@media (max-width:1499px) {
    .extra--sewing {
        padding: 115px 0 130px
    }
}

@media (max-width:1199px) {
    .extra--sewing {
        padding: 100px 0 80px
    }
}

@media (max-width:767px) {
    .extra--sewing {
        padding: 70px 0
    }
}

.extra__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 43px 70px;
    box-shadow: 0 0 0 3px #efece2
}

.extra__wrapper--no-padding {
    padding: 0
}

.extra__wrapper:not(.extra__wrapper--no-bg) {
    background-color: #f6f5f1
}

.extra--fabrication .extra__wrapper,
.extra--sewing .extra__wrapper {
    display: flex;
    justify-content: space-between
}

.extra--sewing .extra__wrapper {
    padding: 0;
    background-color: #fff;
    gap: 20px
}

.extra--wholesale .extra__wrapper {
    padding: 0
}

.extra--outsource .extra__wrapper {
    background-color: #efece2
}

.extra__wrapper--common {
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    box-shadow: none;
    gap: 20px
}

@media (max-width:1499px) {
    .extra__wrapper {
        padding: 43px 60px
    }

    .extra__wrapper--no-padding {
        padding: 0
    }
}

@media (max-width:1199px) {
    .extra__wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 50px 50px 30px
    }

    .extra__wrapper--no-padding {
        padding: 0
    }

    .extra--fabrication .extra__wrapper {
        flex-direction: row;
        padding: 40px 45px 50px
    }

    .extra--sewing .extra__wrapper {
        flex-direction: row
    }

    .extra__wrapper--common {
        gap: 0
    }
}

@media (max-width:767px) {
    .extra__wrapper {
        align-items: center;
        padding: 50px 16px;
        gap: 20px
    }

    .extra__wrapper--no-padding {
        padding: 0
    }

    .extra--fabrication .extra__wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px
    }

    .extra--sewing .extra__wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px
    }

    .extra__wrapper--common {
        gap: 0
    }
}

.extra__content:not(.extra__content--full) {
    max-width: 576px
}

.extra--fabrication .extra__content {
    max-width: 848px
}

.extra--sewing .extra__content {
    max-width: 100%;
    padding: 50px 0 70px 60px
}

.extra__content--padding {
    padding: 50px 0 65px 60px
}

@media (max-width:1199px) {
    .extra__content:not(.extra__content--full) {
        max-width: 465px
    }

    .extra--sewing .extra__content {
        padding: 35px 0 40px 50px
    }

    .extra__content--padding {
        padding: 30px
    }
}

@media (max-width:767px) {
    .extra--fabrication .extra__content {
        max-width: 100%
    }

    .extra--sewing .extra__content {
        max-width: 100%;
        padding: 30px 30px 0
    }
}

.extra__title {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.4
}

.extra__title--small {
    font-size: 27px
}

.extra--sewing .extra__title {
    display: flex;
    gap: 10px
}

.extra--sewing .extra__title::before,
.extra__item::before {
    content: "";
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    background: 50% url(/img/icons/star.svg) no-repeat
}

.extra--sewing .extra__title::before {
    background-position: center;
    transform: translateY(15px)
}

.extra__title--green {
    color: #1c6b37
}

@media (max-width:1499px) {
    .extra__title {
        font-size: 27px
    }

    .extra--sewing .extra__title {
        font-size: 33px
    }
}

@media (max-width:1199px) {
    .extra__title {
        font-size: 23px
    }

    .extra--sewing .extra__title {
        max-width: 320px;
        font-size: 30px
    }

    .extra--sewing .extra__title::before {
        transform: translateY(12px)
    }
}

@media (max-width:767px) {
    .extra__title {
        font-size: 25px;
        text-align: center
    }

    .extra--fabrication .extra__title {
        text-align: left
    }

    .extra--sewing .extra__title {
        max-width: 100%;
        text-align: left
    }
}

.extra__text {
    margin: 0;
    font-size: 19px;
    line-height: 1.4
}

.extra--fabrication .extra__text {
    max-width: 535px
}

.extra--sewing .extra__text {
    max-width: 700px
}

@media (max-width:1199px) {
    .extra--fabrication .extra__text {
        max-width: 364px
    }
}

@media (max-width:767px) {
    .extra__text {
        font-size: 16px;
        text-align: center
    }
}

@media (max-width:767px) and (max-width:767px) {

    .extra--fabrication .extra__text,
    .extra--sewing .extra__text {
        max-width: 100%;
        text-align: left
    }
}

.extra__img {
    align-self: center;
    justify-self: flex-end;
    margin-right: 30px
}

.extra--fabrication .extra__img,
.extra--sewing .extra__img {
    margin-right: 0
}

@media (max-width:1499px) {
    .extra__img {
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .extra__img {
        justify-self: unset
    }

    .extra__img:not(.extra__img--common) {
        width: 383px;
        height: 129px;
        margin: 0
    }

    .extra--fabrication .extra__img {
        width: 217px;
        height: 217px;
        margin: 0
    }

    .extra--sewing .extra__img {
        width: 188px;
        height: 200px
    }

    .extra--outsource .extra__img,
    .extra--wholesale .extra__img {
        width: 272px;
        height: 189px
    }
}

@media (max-width:767px) {
    .extra__img {
        margin: 0
    }

    .extra__img:not(.extra__img--common) {
        width: 260px;
        height: 88px
    }

    .extra--fabrication .extra__img {
        width: 282px;
        height: 156px
    }

    .extra--sewing .extra__img {
        width: 188px;
        height: 156px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }

    .extra--outsource .extra__img,
    .extra--wholesale .extra__img {
        width: 272px;
        height: 131px
    }
}

.extra__list {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 705px;
    margin: 15px 0 0
}

@media (max-width:1199px) {
    .extra__list {
        flex-direction: column;
        gap: 15px
    }

    .extra--fabrication .extra__list {
        max-width: 100%
    }
}

.extra__item {
    display: flex;
    gap: 10px;
    max-width: 335px
}

.extra__item::before {
    display: flex;
    transform: translateY(3px)
}

@media (max-width:767px) {
    .extra__item {
        max-width: 100%
    }
}

.extra__img-box {
    flex-shrink: 0;
    align-self: flex-end
}

.extra--sewing .extra__img-box {
    padding-right: 110px
}

@media (max-width:1499px) {
    .extra--wholesale .extra__img-box {
        padding-right: 45px
    }
}

@media (max-width:1199px) {
    .extra--sewing .extra__img-box {
        padding-right: 60px
    }

    .extra--wholesale .extra__img-box {
        padding-right: 35px
    }
}

@media (max-width:767px) {
    .extra__img-box {
        margin: 0 auto
    }

    .extra--sewing .extra__img-box {
        padding-right: 0
    }
}

.fabrication {
    font-weight: 300
}

.fabrication__questions {
    margin: 0 auto
}

.fabrication__consult {
    margin-bottom: 100px
}

@media (max-width:1499px) {
    .fabrication__consult {
        margin-bottom: 75px
    }
}

@media (max-width:1199px) {
    .fabrication__consult {
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .fabrication__consult {
        margin-bottom: 60px
    }
}

.head--gray {
    background-color: #e8ecf2
}

.head--green {
    background-color: #e8f2f0
}

.head--yellow {
    background-color: #f2f0dc
}

.head--blue {
    background-color: #cfd8e5
}

.head--pink {
    background-color: #f2eae8
}

.head__title {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 850px;
    margin: 0 0 35px;
    text-transform: uppercase
}

.head__title--pro::before {
    content: "Pro";
    display: block;
    font-weight: 300;
    font-size: 45px;
    line-height: 1.1
}

@media (max-width:1499px) {
    .head__title--pro::before {
        font-size: 40px
    }
}

@media (max-width:1199px) {
    .head__title {
        font-size: 30px
    }

    .head__title--pro::before {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .head__title {
        font-size: 20px
    }

    .head__title--pro::before {
        font-size: 25px
    }

    .head--fabrication .head__title {
        max-width: 225px
    }

    .head--marketplace .head__title {
        max-width: 265px
    }

    .head--corporate .head__title {
        max-width: 135px
    }
}

.head__title-text {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.1
}

.head__title-text--border {
    border-bottom: 5px solid #1c6b37
}

@media (max-width:1499px) {
    .head__title-text {
        font-size: 50px
    }
}

@media (max-width:1199px) {
    .head__title-text {
        font-size: 40px
    }
}

@media (max-width:767px) {
    .head__title-text {
        font-size: 30px;
        line-height: 1.2
    }
}

.head__title-sup {
    font-weight: 300;
    font-size: 45px;
    line-height: 1.1
}

@media (max-width:1499px) {
    .head__title-sup {
        font-size: 40px
    }
}

@media (max-width:1199px) {
    .head__title-sup {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .head__title-sup {
        font-size: 25px
    }
}

.head__text {
    max-width: 800px;
    font-size: 23px
}

@media (max-width:1499px) {
    .head__text {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .head__text {
        font-size: 18px
    }
}

.head__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 15px
}

.head__item {
    display: flex;
    font-size: 27px;
    gap: 15px
}

.head__item::before {
    content: "";
    flex-shrink: 0;
    width: 27px;
    height: 28px;
    background: 50% url(/img/icons/succes-icon.svg) no-repeat;
    background-size: contain;
    transform: translateY(4px)
}

@media (max-width:1499px) {
    .head__item {
        font-size: 23px
    }
}

@media (max-width:1199px) {
    .head__item {
        font-size: 20px
    }

    .head__item::before {
        width: 25px;
        height: 25px;
        transform: translateY(2px)
    }
}

@media (max-width:767px) {
    .head__item {
        font-size: 18px;
        gap: 10px
    }

    .head__item::before {
        width: 20px;
        height: 20px
    }
}

.head__wrapper {
    position: relative;
    z-index: 1;
    min-height: 540px;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

@media (max-width:1199px) {
    .head__wrapper {
        min-height: 320px;
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.head__picture {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%
}

@media (max-width:767px) {
    .head__picture {
        display: none
    }
}

.head__img {
    width: auto;
    height: 100%;
    max-width: 850px;
    -o-object-fit: contain;
    object-fit: contain
}

.head__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px
}

.head__buttons .head__btn {
    margin-top: 0
}

.head__btn {
    margin-top: 40px;
    padding: 18px 32px;
    font-weight: 500;
    font-size: 22px
}

@media (max-width:767px) {
    .head__btn {
        padding: 12px 24px;
        font-size: 18px
    }
}

.spaces__wrapper {
    display: grid;
    grid-auto-rows: auto 380px;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px
}

@media (max-width:1199px) {
    .spaces__wrapper {
        grid-auto-rows: auto 300px;
        gap: 10px
    }
}

@media (max-width:767px) {
    .spaces__wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: 400px repeat(3, 200px)
    }
}

.spaces__column {
    width: 100%;
    height: 100%
}

.spaces__column--big {
    display: flex;
    align-items: flex-end;
    grid-column: 1/-1;
    min-height: 530px;
    padding: 50px;
    background-image: url(/img/fabrication/spaces-5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.is-webp .spaces__column--big {
    background-image: url(/img/fabrication/spaces-5.webp)
}

.spaces__column--video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1199px) {
    .spaces__column--big {
        min-height: 400px
    }
}

@media (max-width:767px) {
    .spaces__column--big {
        padding: 30px 15px;
        background-image: url(/img/fabrication/spaces-5-mob.jpg)
    }

    .is-webp .spaces__column--big {
        background-image: url(/img/fabrication/spaces-5-mob.webp)
    }
}

.spaces__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.spaces__text {
    font-size: 38px;
    line-height: 1.3;
    color: #fff
}

@media (max-width:1199px) {
    .spaces__text {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .spaces__text {
        font-size: 23px
    }
}

.facts {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1199px) {
    .facts {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px
    }
}

.facts__item {
    width: 100%;
    padding: 30px
}

.facts__item:not(:last-child) {
    border-right: 1px solid #cfcfcf
}

@media (max-width:1199px) {
    .facts__item {
        padding: 20px
    }

    .facts__item:not(:last-child) {
        border-right: 0
    }

    .facts__item:nth-child(odd) {
        border-right: 1px solid #cfcfcf
    }

    .facts__item:not(:nth-child(2), :first-child) {
        position: relative
    }

    .facts__item:not(:nth-child(2), :first-child)::before {
        content: "";
        position: absolute;
        bottom: calc(100% + 10px);
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #cfcfcf
    }
}

.facts__title {
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 40px;
    color: #1c6b37
}

@media (max-width:767px) {
    .facts__title {
        margin-bottom: 20px;
        font-size: 26px
    }
}

.facts__text {
    font-family: "Andika", Helvetica, Arial, sans-serif
}

.facts__text--small {
    margin-left: 5px;
    font-size: 30px
}

@media (max-width:767px) {
    .facts__text--small {
        font-size: 20px
    }
}

.collection__title {
    margin: 0 0 20px
}

.collection__title+.collection__text {
    max-width: 861px;
    margin: 0 auto 74px;
    text-align: center
}

@media (max-width:1499px) {
    .collection__title+.collection__text {
        margin-bottom: 55px
    }
}

@media (max-width:1199px) {
    .collection__title+.collection__text {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .collection__title+.collection__text {
        margin-bottom: 30px
    }
}

.collection__text:not(:last-child, .collection__title+.collection__text) {
    margin-bottom: 15px
}

@media (max-width:767px) {
    .collection__text:not(:last-child, .collection__title+.collection__text) {
        margin-bottom: 10px
    }
}

.collection__images {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-shrink: 0;
    gap: 20px
}

@media (max-width:767px) {
    .collection__images {
        margin: 0 -10px;
        padding: 0 10px;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .collection__images::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

.collection__block {
    display: flex;
    gap: 50px;
    margin-bottom: 100px
}

.collection__block:first-of-type .collection__info {
    max-width: 100%
}

@media (max-width:1499px) {
    .collection__block {
        gap: 40px;
        margin-bottom: 70px
    }

    .collection__block--top .collection__item {
        width: 277px;
        height: 355px
    }

    .collection__block--bot .collection__item {
        width: 279px;
        height: 311px
    }

    .collection__block--bot .collection__item:last-child {
        display: none
    }
}

@media (max-width:1199px) {
    .collection__block {
        margin-bottom: 50px;
        gap: 30px
    }

    .collection__block--bot .collection__item {
        display: flex;
        width: 279px;
        height: 236px
    }
}

@media (max-width:767px) {
    .collection__block {
        flex-direction: column;
        margin-bottom: 60px
    }

    .collection__block--top .collection__item {
        width: 248px;
        height: 318px
    }

    .collection__block--bot .collection__item {
        width: 248px;
        height: 236px
    }
}

.collection__name {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.1
}

@media (max-width:1199px) {
    .collection__name {
        margin-bottom: 15px;
        font-size: 23px
    }
}

@media (max-width:767px) {
    .collection__name {
        margin-bottom: 10px;
        font-size: 25px
    }
}

.collection__subtitle {
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 35px;
    text-align: center
}

@media (max-width:1199px) {
    .collection__subtitle {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .collection__subtitle {
        font-size: 25px
    }
}

.collection__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 50px 0 0
}

@media (max-width:1199px) {
    .collection__list {
        display: flex;
        margin: 0 -10px;
        padding: 0 10px;
        overflow: hidden;
        overflow-x: auto;
        gap: 20px;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .collection__list::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

.collection__list .collection__item {
    flex-shrink: 0
}

@media (max-width:1199px) {
    .collection__block .collection__item:not(:first-child) {
        display: none
    }
}

@media (max-width:767px) {
    .collection__block .collection__item {
        flex-shrink: 0
    }

    .collection__block .collection__item:not(:first-child) {
        display: flex
    }
}

.collection__info {
    max-width: 432px
}

.collection__brand {
    margin-top: 30px
}

@media (max-width:767px) {
    .collection__brand {
        margin-top: 20px
    }
}

.collection__name-mark {
    font-family: "Andika", Helvetica, Arial, sans-serif
}

.collection__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.collection__img--bottom {
    height: 350px
}

@media (max-width:767px) {
    .collection__img--bottom {
        height: 210px
    }
}

.collection__img-box {
    width: 100%;
    height: 100%
}

.questions__title {
    margin: 0 0 35px
}

@media (max-width:1199px) {
    .questions__title {
        margin-bottom: 25px
    }
}

@media (max-width:767px) {
    .questions__title {
        margin-bottom: 20px
    }
}

.questions__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.questions__name {
    position: relative;
    padding: 25px 75px 25px 30px;
    font-size: 23px;
    cursor: pointer;
    transition: .3s
}

.questions__name::after {
    content: "";
    position: absolute;
    top: 17px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #f6f5f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 8.00049L18 28.0005' stroke='black' stroke-width='1.75439' stroke-linecap='round'/%3E%3Cpath d='M28 18L8 18' stroke='black' stroke-width='1.75439' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%
}

.show .questions__name:not(.show .questions__name--new) {
    padding-bottom: 0
}

.show .questions__name::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M28 18L8 18' stroke='%231C6B37' stroke-width='1.75439' stroke-linecap='round'/%3E%3C/svg%3E")
}

.show .questions__name--new {
    color: #1c6b37
}

.show .questions__name--new::after {
    background-color: #fff
}

.questions__name:focus::after,
.questions__name:hover::after {
    box-shadow: inset 0 0 0 1px #000
}

.questions__name--new {
    font-weight: 500;
    font-size: 25px
}

@media (max-width:1199px) {
    .questions__name {
        font-size: 20px
    }
}

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

    .questions__name::after {
        top: 20px;
        width: 35px;
        height: 35px;
        background-size: 25px
    }
}

.questions__count {
    margin-left: 20px;
    font-weight: 300;
    font-size: 19px;
    color: #878787
}

@media (max-width:767px) {
    .questions__count {
        display: none
    }
}

.questions__text:not(.questions__item--new .questions__text) {
    padding: 10px 0 25px 30px;
    gap: 10px
}

@media (max-width:767px) {
    .questions__text:not(.questions__item--new .questions__text) {
        padding-right: 15px;
        padding-left: 15px
    }
}

.questions__content {
    max-height: 0;
    overflow: hidden;
    font-size: 19px;
    transition: all .3s
}

.questions__content:not(.questions__content--new) {
    max-width: 805px;
    color: #1c6b37
}

.questions__content--new {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 30px;
    padding-right: 30px;
    padding-left: 30px
}

@media (max-width:1199px) {
    .questions__content--new {
        grid-template-columns: 1fr;
        gap: 25px
    }
}

@media (max-width:767px) {
    .questions__content--new {
        padding-right: 15px;
        padding-left: 15px
    }
}

.questions__sublist {
    padding: 0;
    list-style: none;
    display: grid;
    gap: 5px;
    margin: 6px 0 0
}

.questions__sublist--new {
    display: block;
    max-width: 400px;
    margin-top: 0
}

.questions__item {
    border-bottom: 1px solid #cfcfcf;
    transition: .3s
}

.questions__item:first-child {
    border-top: 1px solid #cfcfcf
}

.questions__item.show.questions__item--new {
    padding-bottom: 25px;
    background-color: #f6f5f1
}

.questions__text-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 30px
}

@media (max-width:1199px) {
    .questions__text-wrap {
        margin-left: 0
    }
}

.questions__subitem {
    position: relative;
    padding-left: 15px;
    font-weight: 300
}

.questions__subitem::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #1c6b37
}

.questions__subitem:not(:last-child) {
    margin-bottom: 15px
}

.questions__btn {
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 17px;
    text-align: left;
    color: #1c6b37
}

@media (max-width:767px) {
    .questions__btn {
        width: 100%;
        text-align: center
    }
}

@media (max-width:1199px) {
    .questions__picture {
        grid-row: 3
    }
}

@media (max-width:767px) {
    .questions__img {
        width: 100%
    }
}

.form {
    position: relative;
    padding: 50px;
    background-color: #f6f5f1
}

@media (max-width:1199px) {
    .form {
        padding: 30px
    }
}

@media (max-width:767px) {
    .form {
        padding: 50px 15px
    }
}

.form__title {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 43px;
    line-height: 1.3;
    color: #000
}

.form--alt-title .form__title,
.form__title--alt {
    display: none
}

.form--alt-title .form__title--alt,
.form--popup .form__text {
    display: block
}

@media (max-width:1499px) {
    .form__title {
        font-size: 38px
    }
}

@media (max-width:1199px) {
    .form__title {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .form__title {
        margin-bottom: 10px;
        font-size: 25px
    }
}

.form__title-mark {
    color: #1c6b37;
    background-color: transparent
}

.form__text {
    display: none;
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 1.3;
    color: #000
}

@media (max-width:767px) {
    .form__text {
        margin-bottom: 20px
    }
}

.form__wrapper {
    display: grid;
    gap: 20px 45px
}

@media (max-width:1199px) {
    .form__wrapper {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media (max-width:767px) {
    .form__wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px 45px
    }
}

.form__fieldset {
    display: grid;
    align-self: center;
    grid-template-columns: 40.57% 1fr 1fr;
    grid-template-rows: 1fr;
    max-width: 875px;
    margin: 0;
    padding: 0;
    border: 0;
    gap: 10px
}

@media (max-width:1199px) {
    .form__fieldset {
        grid-column: span 2;
        grid-template-columns: 2fr 1fr 1fr;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .form__fieldset {
        grid-template-columns: 1fr;
        width: 100%
    }
}

.form__input-wrapper {
    display: block
}

.form__input {
    width: 100%;
    padding: 17px 20px 18px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.3;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    transition: all .2s ease-in
}

.form__input.error {
    box-shadow: inset 0 0 0 1px #ff4c4c
}

.form__input:hover {
    background-color: #f1f6f1
}

.form__input:focus {
    background-color: #f1f6f1;
    outline: 0;
    box-shadow: inset 0 0 0 1px #1c6b37
}

@media (max-width:1499px) {
    .form__input {
        padding: 18px 20px 19px
    }
}

@media (max-width:1199px) {
    .form__input {
        padding: 19px 20px 20px
    }
}

@media (max-width:767px) {
    .form__input {
        padding: 14px 20px 15px
    }
}

.form__button {
    flex-shrink: 0;
    padding: 16px 26px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.38
}

@media (max-width:767px) {
    .form__button {
        width: 100%;
        margin-top: 10px
    }
}

.form__button-text--modal,
.modal .form__button-text {
    display: none
}

.modal .form__button-text--modal {
    display: block
}

.form__fz {
    max-width: 325px;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.3;
    color: #b8b2b2
}

.form--modal .form__fz {
    max-width: 100%
}

@media (max-width:767px) {
    .form__fz {
        max-width: 100%;
        font-size: 12px;
        text-align: center
    }
}

.form__fz-hide {
    display: none
}

.modal .form__fz-hide {
    display: inline
}

.form__answer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    pointer-events: none
}

.form__footer {
    display: flex;
    align-items: center;
    grid-column: 1/-1;
    gap: 20px
}

@media (max-width:767px) {
    .form__footer {
        flex-direction: column
    }
}

.form__manager {
    grid-column: 2;
    max-width: 300px
}

.modal .form__manager {
    display: none
}

@media (max-width:1499px) {
    .form__manager {
        grid-column: 2;
        grid-row: 1/2
    }
}

@media (max-width:1199px) {
    .form__manager {
        grid-row: 2;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .form__manager {
        order: -1
    }
}

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

.manager__info {
    display: grid;
    gap: 5px;
    line-height: 1.3
}

@media (max-width:767px) {
    .manager__info {
        gap: 0
    }
}

.manager__img {
    width: 85px;
    height: 85px;
    border-radius: 50%
}

@media (max-width:1199px) {
    .manager__img {
        width: 50px;
        height: 50px
    }
}

.manager__name {
    position: relative;
    margin: 0;
    font-size: 23px;
    color: #1c6b37
}

.guidance__subtitle::before,
.manager__name::before {
    content: "";
    background: 50% url(/img/icons/star.svg) no-repeat;
    background-position: center
}

.manager__name::before {
    position: absolute;
    top: 50%;
    right: calc(100% + 5px);
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    opacity: .5
}

@media (max-width:767px) {
    .manager__name {
        font-size: 19px
    }
}

.manager__post {
    max-width: 192px;
    margin: 0
}

@media (max-width:1199px) {
    .manager__post {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .manager__post {
        font-size: 14px
    }
}

.guidance {
    padding: 104px 0 126px
}

@media (max-width:1499px) {
    .guidance {
        padding: 126px 0 120px
    }
}

@media (max-width:1199px) {
    .guidance {
        padding: 80px 0 90px
    }
}

@media (max-width:767px) {
    .guidance {
        padding: 50px 0 70px
    }
}

.guidance__title {
    margin: 0 0 20px;
    line-height: 1.3
}

.guidance--outsource .guidance__title {
    max-width: 745px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

@media (max-width:1199px) {
    .guidance__title {
        margin-bottom: 10px;
        text-align: center
    }

    .guidance__title br {
        display: none
    }
}

.guidance__title-accent {
    font-family: "Andika", Helvetica, Arial, sans-serif
}

.guidance__title-accent--green {
    color: #1c6b37
}

.guidance__text {
    max-width: 690px;
    font-size: 23px
}

.guidance--outsource .guidance__text {
    max-width: 965px;
    text-align: center
}

@media (max-width:1199px) {
    .guidance__text {
        max-width: 100%;
        font-size: 20px;
        text-align: center
    }
}

@media (max-width:767px) {
    .guidance__text {
        font-size: 16px
    }
}

.guidance__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(313px, 1fr));
    gap: 50px;
    margin: 70px 0 0
}

.guidance__list--marketplace {
    display: flex;
    justify-content: space-between;
    max-width: 1145px;
    margin-right: auto;
    margin-left: auto
}

.guidance__list--corporate,
.guidance__list--merch {
    display: flex
}

.guidance__list--two-columns {
    display: flex;
    justify-content: center
}

@media (max-width:1499px) {
    .guidance__list {
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        gap: 80px 50px
    }
}

@media (max-width:1199px) {
    .guidance__list {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        margin-top: 50px;
        gap: 50px
    }

    .guidance__list--corporate,
    .guidance__list--merch {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (max-width:767px) {
    .guidance__list {
        flex-direction: column;
        grid-template-columns: 1fr;
        margin-top: 30px;
        gap: 20px
    }
}

.guidance__subtitle {
    display: flex;
    gap: 13px;
    max-width: 460px;
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 27px
}

.guidance__subtitle::before {
    width: 27px;
    height: 27px;
    transform: translateY(2px);
    opacity: .3
}

@media (max-width:1199px) {
    .guidance__subtitle {
        font-size: 23px;
        line-height: 1.3
    }
}

@media (max-width:767px) {
    .guidance__subtitle {
        max-width: 100%;
        font-size: 21px
    }
}

.guidance__desc {
    max-width: 420px;
    margin-left: 40px
}

.guidance__head {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px
}

.guidance--outsource .guidance__head {
    flex-direction: column-reverse
}

@media (max-width:1499px) {
    .guidance__head {
        gap: 30px
    }
}

@media (max-width:1199px) {
    .guidance__head {
        flex-direction: column;
        gap: 30px
    }
}

.guidance__img-box {
    position: relative;
    flex-shrink: 0
}

.guidance__img-box:not(.guidance__img-box--no-icon)::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 0;
    width: 75px;
    height: 75px;
    background: 50% url(/img/icons/star.svg) no-repeat;
    background-position: center;
    opacity: .3
}

@media (max-width:767px) {
    .guidance__img-box::before {
        top: 10px;
        width: 46px;
        height: 46px
    }
}

@media (max-width:1499px) {
    .guidance__img {
        width: 471px;
        height: 321px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.guidance--outsource .guidance__img {
    width: 100%;
    height: 100%
}

@media (max-width:767px) {
    .guidance__img {
        width: 312px;
        height: 195px
    }

    .guidance--outsource .guidance__img {
        height: 295px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .guidance--outsource .guidance__img:not(.guidance--outsource .guidance__img--center) {
        -o-object-position: right;
        object-position: right
    }
}

.guidance__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 5px 0 0 40px;
    color: #1c6b37;
    text-decoration: underline;
    -webkit-text-decoration-color: #bfd6c7;
    text-decoration-color: #bfd6c7;
    text-underline-offset: 5px;
    outline: 0
}

.guidance__link:focus,
.guidance__link:hover {
    text-decoration: none;
    opacity: .6
}

@media (max-width:1000px) {

    .guidance__list--corporate .guidance__item,
    .guidance__list--merch .guidance__item {
        width: 326px
    }
}

@media (max-width:767px) {

    .guidance__list--corporate .guidance__item,
    .guidance__list--merch .guidance__item {
        width: 100%
    }
}

.sewing__title {
    margin: 0 0 20px;
    text-align: center
}

.sewing__title--left {
    text-align: left
}

@media (max-width:1199px) {
    .sewing__title {
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .sewing__title--no-center {
        text-align: left
    }
}

.sewing__text {
    max-width: 835px;
    margin: 0 auto;
    text-align: center
}

.sewing__text--left {
    margin: 0;
    text-align: left
}

.sewing__text--small {
    max-width: 715px
}

.sewing__text:not(:last-of-type) {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .sewing__text--no-center {
        text-align: left
    }
}

.sewing__gallery {
    padding: 0;
    list-style: none;
    position: static;
    margin: 50px 0 120px
}

.sewing__gallery--slider {
    margin: 0
}

.sewing__gallery--no-margin {
    margin-bottom: 0
}

@media (max-width:1199px) {
    .sewing__gallery {
        margin: 40px -18px 90px;
        padding: 0 18px
    }

    .sewing__gallery--slider {
        margin: 0;
        padding: 0
    }

    .sewing__gallery--no-margin {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .sewing__gallery {
        margin: 30px -10px 80px;
        padding: 0 10px
    }

    .sewing__gallery--slider {
        margin: 0;
        padding: 0
    }

    .sewing__gallery--no-margin {
        margin-bottom: 0
    }
}

.sewing__benefit-block {
    margin-bottom: 115px
}

@media (max-width:1199px) {
    .sewing__benefit-block {
        margin-bottom: 80px
    }
}

.sewing__advantages {
    margin: 116px 0 120px
}

@media (max-width:1199px) {
    .sewing__advantages {
        margin: 80px 0 100px
    }
}

@media (max-width:767px) {
    .sewing__advantages {
        margin: 70px 0
    }
}

.sewing__consult {
    margin-bottom: 120px
}

@media (max-width:1499px) {
    .sewing__consult {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {
    .sewing__consult {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .sewing__consult {
        margin-bottom: 70px
    }
}

.sewing__questions {
    margin: 0 auto;
    padding-top: 0
}

.sewing__section--margin,
.sewing__steps {
    margin-bottom: 120px
}

@media (max-width:1499px) {

    .sewing__section--margin,
    .sewing__steps {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {

    .sewing__section--margin,
    .sewing__steps {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {

    .sewing__section--margin,
    .sewing__steps {
        margin-bottom: 70px
    }
}

.sewing__table {
    margin: 30px 0 40px
}

@media (max-width:1199px) {
    .sewing__table {
        margin-right: -10px;
        margin-left: -10px;
        padding: 0 10px;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .sewing__table::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

.sewing__link {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center
}

@media (max-width:767px) {
    .sewing__link {
        padding: 15px
    }
}

.sewing__button {
    display: block;
    margin: 70px auto 0;
    padding: 18px 32px
}

@media (max-width:767px) {
    .sewing__button {
        margin-top: 40px
    }
}

.sewing__materials {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    max-width: 875px;
    margin: 60px 0 0
}

@media (max-width:767px) {
    .sewing__materials {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 30px
    }
}

.sewing__section--line-top {
    padding-top: 265px;
    background-image: url(/img/icons/line-big.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

@media (max-width:1199px) {
    .sewing__section--line-top {
        padding-top: 165px
    }
}

@media (max-width:767px) {
    .sewing__section--line-top {
        background-image: url(/img/icons/line-mobile.svg);
        background-position: 0 60px
    }
}

.sewing__filter+.sewing__text {
    margin-top: 50px
}

.sewing__columns {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media (max-width:1199px) {
    .sewing__columns {
        flex-direction: column
    }
}

.benefit-block__title {
    position: relative;
    margin-bottom: 10px;
    font-size: 35px
}

.benefit-block__title::before {
    content: "";
    position: absolute;
    top: 17px;
    left: -27px;
    width: 17px;
    height: 17px;
    background: 50% url(/img/icons/star.svg) no-repeat;
    background-position: center
}

@media (max-width:1499px) {
    .benefit-block__title {
        font-size: 33px
    }
}

@media (max-width:1199px) {
    .benefit-block__title {
        margin-bottom: 15px;
        font-size: 30px
    }
}

@media (max-width:767px) {
    .benefit-block__title {
        margin-left: 20px;
        font-size: 22px
    }

    .benefit-block__title::before {
        top: 5px;
        left: -23px
    }
}

.benefit-block__text {
    max-width: 575px
}

.benefit-block__text:not(:last-child) {
    margin-bottom: 10px
}

.benefit-block__content {
    max-width: 593px
}

.benefit-block__button {
    margin-top: 30px;
    padding: 18px 32px
}

.benefit-block__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 491px;
    padding: 30px 0;
    background-image: url(/img/icons/contacts_line-desc.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    gap: 63px
}

@media (max-width:1499px) {
    .benefit-block__wrapper {
        gap: 44px
    }
}

@media (max-width:1199px) {
    .benefit-block__wrapper {
        min-height: 464px;
        background-image: url(/img/icons/contacts_line-tab.svg)
    }
}

@media (max-width:767px) {
    .benefit-block__wrapper {
        min-height: 100%;
        padding: 0;
        background-image: none
    }
}

@media (max-width:1499px) {
    .benefit-block__img {
        width: 264px;
        height: 353px
    }
}

@media (max-width:1199px) {
    .benefit-block__img {
        display: none
    }
}

.package {
    padding: 115px 0;
    background-color: #f6f5f1;
    background-image: url(/img/icons/package-line.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain
}

.package--merch {
    padding-top: 0;
    padding-bottom: 106px
}

.package--outsource {
    padding-top: 110px;
    padding-bottom: 157px;
    background-position: 0 90%
}

@media (max-width:1499px) {
    .package {
        padding: 70px 0 91px;
        background-image: url(/img/icons/package-line-desc.svg)
    }

    .package--merch {
        padding-top: 0
    }
}

@media (max-width:1199px) {
    .package {
        padding: 50px 0;
        background-image: url(/img/icons/package-line-tab.svg)
    }

    .package--merch {
        padding-top: 0;
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .package {
        padding: 40px 0 50px;
        background-image: none
    }

    .package--merch {
        padding-top: 0;
        padding-bottom: 100px;
        overflow: hidden
    }
}

.package__title {
    margin: 0 0 20px;
    line-height: 1.1
}

.package__head .package__title {
    margin-bottom: 70px;
    text-align: center
}

@media (max-width:1499px) {
    .package__title {
        max-width: 430px
    }

    .package__head .package__title {
        max-width: 100%
    }
}

@media (max-width:1199px) {
    .package__head .package__title {
        margin-bottom: 40px
    }
}

.package__text {
    margin-bottom: 20px
}

.package__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 20px
}

.package__item {
    display: flex;
    gap: 10px
}

.package__item::before {
    content: "";
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: 50% url(/img/icons/star.svg) no-repeat;
    background-position: center;
    transform: translateY(4px)
}

.package__wrapper {
    display: flex;
    justify-content: center;
    gap: 60px
}

.package--merch .package__wrapper {
    gap: 0
}

.package--outsource .package__wrapper {
    gap: 37px
}

@media (max-width:1499px) {
    .package__wrapper {
        gap: 10px
    }
}

@media (max-width:767px) {
    .package__wrapper {
        flex-direction: column;
        gap: 30px
    }

    .package--merch .package__wrapper {
        gap: 40px
    }
}

.package__left {
    max-width: 553px
}

.package--merch .package__left {
    padding-top: 115px
}

@media (max-width:1499px) {
    .package--merch .package__left {
        padding-top: 111px
    }
}

@media (max-width:1199px) {
    .package--merch .package__left {
        padding-top: 90px
    }
}

@media (max-width:767px) {
    .package--merch .package__left {
        padding-top: 40px
    }
}

.package__right {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-width: 570px
}

.package--merch .package__right {
    max-width: 640px
}

.package--corporate .package__right {
    max-width: 598px
}

.package--outsource .package__right {
    max-width: 727px;
    margin-top: 50px
}

@media (max-width:1499px) {
    .package__right {
        max-width: 542px
    }

    .package--merch .package__right {
        max-width: 578px
    }

    .package--corporate .package__right {
        max-width: 586px
    }

    .package--outsource .package__right {
        max-width: 520px
    }
}

@media (max-width:1199px) {
    .package__right {
        display: flex;
        justify-content: center;
        width: 293px
    }

    .package--merch .package__right {
        max-width: 270px
    }

    .package--corporate .package__right {
        max-width: 296px
    }
}

@media (max-width:767px) {
    .package__right {
        width: 100%;
        max-width: 290px;
        margin: 0 auto
    }

    .package--merch .package__right {
        margin-right: -10px;
        margin-left: auto
    }

    .package--corporate .package__right {
        max-width: 292px
    }

    .package--outsource .package__right {
        height: 340px
    }
}

.package__circle {
    position: absolute;
    right: 0;
    bottom: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 384px;
    height: 250px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #efece2 inset;
    transform: rotate(5deg)
}

.package--outsource .package__circle {
    bottom: 0
}

@media (max-width:1499px) {
    .package--merch .package__circle {
        bottom: 200px
    }
}

@media (max-width:1199px) {
    .package__circle {
        bottom: 0;
        width: 280px;
        height: 182px
    }

    .package--merch .package__circle {
        bottom: 0
    }
}

@media (max-width:767px) {
    .package--merch .package__circle {
        right: 35px;
        bottom: -35px
    }

    .package__circle--static {
        position: static
    }
}

.package__circle-title {
    max-width: 265px;
    font-size: 27px;
    text-align: center
}

@media (max-width:1199px) {
    .package__circle-title {
        max-width: 196px;
        font-size: 20px
    }
}

.package__circle-accent {
    font-family: "Andika", Helvetica, Arial, sans-serif;
    color: #1c6b37
}

.package__circle-text {
    max-width: 265px;
    text-align: center
}

@media (max-width:1199px) {
    .package__circle-text {
        max-width: 196px
    }
}

.package__img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1499px) {
    .package__img {
        width: 249px;
        height: 567px
    }

    .package--merch .package__img {
        width: 346px;
        height: 646px
    }

    .package--corporate .package__img {
        width: 428px;
        height: 611px
    }

    .package--outsource .package__img {
        width: 410px;
        height: 304px
    }
}

@media (max-width:1199px) {
    .package__img {
        width: 208px;
        height: 471px
    }

    .package--merch .package__img {
        width: 270px;
        height: 504px
    }

    .package--corporate .package__img {
        width: 296px;
        height: 423px
    }

    .package--outsource .package__img {
        width: 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .package__img {
        width: 145px;
        height: 328px
    }

    .package--merch .package__img {
        width: 299px;
        height: 363px
    }

    .package--corporate .package__img {
        width: 262px;
        height: 375px
    }
}

.package__sublist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 100px
}

@media (max-width:1499px) {
    .package__sublist {
        gap: 50px
    }
}

.package__subitem {
    width: 100%;
    max-width: 360px
}

.package__subitem-img {
    margin-bottom: 20px
}

.package__name {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 23px
}

.package__head {
    margin-bottom: 100px
}

@media (max-width:767px) {
    .package__head {
        margin-bottom: 50px
    }
}

.steps:not(.steps--no-bg) {
    background-color: #f6f5f1
}

.steps--outsource {
    padding-top: 120px;
    background: 0 0
}

.steps__title {
    margin: 0 0 50px
}

@media (max-width:767px) {
    .steps__title {
        margin-bottom: 30px
    }
}

.steps__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
    counter-reset: count
}

.steps__list--margin-top {
    margin-top: 40px
}

@media (max-width:1199px) {
    .steps__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px
    }
}

@media (max-width:767px) {
    .steps__list {
        grid-template-columns: 1fr;
        gap: 25px
    }
}

.steps__item {
    position: relative;
    padding-left: 45px;
    counter-increment: count
}

.steps__item::before {
    content: counters(count, "*", decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 19px;
    color: #cfcfcf;
    transform: translateY(3px)
}

.steps__number {
    font-family: "Andika", Helvetica, Arial, sans-serif;
    grid-row: 1/3;
    font-size: 70px;
    line-height: .7;
    color: #b9cebd;
    font-style: italic
}

.steps__subtitle {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3
}

@media (max-width:1499px) {
    .steps__subtitle {
        max-width: 245px
    }
}

@media (max-width:1199px) {
    .steps__subtitle {
        max-width: 100%
    }
}

.steps__text {
    max-width: 870px
}

.steps__quote {
    margin-top: 30px
}

@media (max-width:1199px) {
    .steps__quote {
        margin-top: 0
    }
}

.advantages__title {
    margin: 0 0 50px
}

@media (max-width:767px) {
    .advantages__title {
        margin-bottom: 40px
    }
}

.advantages__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px
}

@media (max-width:1499px) {
    .advantages__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:1199px) {
    .advantages__list {
        gap: 50px
    }
}

@media (max-width:767px) {
    .advantages__list {
        grid-template-columns: 1fr
    }
}

.advantages__item {
    display: grid;
    grid-template-rows: min-content min-content 1fr;
    gap: 10px
}

.advantages__item::before {
    content: "";
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.advantages__item--hourglass::before {
    background-image: url(/img/icons/hourglass.svg)
}

.advantages__item--ruble::before {
    background-image: url(/img/icons/ruble.svg)
}

.advantages__item--diamond::before {
    background-image: url(/img/icons/diamond.svg)
}

.advantages__item--lamp::before {
    background-image: url(/img/icons/lamp.svg)
}

.advantages__subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 23px
}

@media (max-width:1499px) {
    .advantages__subtitle br {
        display: none
    }
}

@media (max-width:767px) {
    .advantages__subtitle {
        font-size: 21px
    }
}

.features__title {
    margin: 0 0 20px
}

@media (max-width:767px) {
    .features__title {
        margin-bottom: 15px
    }
}

.features__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 40px 0 0;
    gap: 20px
}

@media (max-width:1499px) {
    .features__list {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
    }
}

@media (max-width:767px) {
    .features__list {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 25px
    }
}

.features__item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    min-height: 160px;
    padding: 30px;
    color: #fff
}

.features__item::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, .2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px)
}

.features__item--antiseptic::before {
    background-image: url(/img/icons/plus-icon.svg)
}

.features__item--fluorescent::before {
    background-image: url(/img/icons/light-icon.svg)
}

.features__item--wetproof::before {
    background-image: url(/img/icons/no-water-icon.svg)
}

.features__item--fireproof::before {
    background-image: url(/img/icons/no-fire-icon.svg)
}

.features__item--windproof::before {
    background-image: url(/img/icons/wind-icon.svg)
}

@media (max-width:767px) {
    .features__item {
        max-width: 100%
    }

    .features__item::before {
        width: 50px;
        height: 50px
    }
}

.features__button {
    display: block;
    margin: 0 auto;
    padding: 18px 33px
}

@media (max-width:767px) {
    .features__button {
        padding: 19px 21px
    }
}

.features__pictures {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.features__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tabs {
    display: flex;
    flex-direction: column
}

@media (max-width:1199px) {
    .tabs {
        flex-flow: row wrap
    }
}

.tabs__button {
    background-color: transparent;
    border: 0;
    padding: 15px 20px 17px;
    font-size: 20px;
    font-family: "Manrope", Helvetica, Arial, sans-serif;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #cfcfcf;
    outline: 0
}

.tabs__button--active {
    color: #1c6b37;
    background-color: #e8f0eb;
    border-color: #1c6b37
}

.tabs__button:focus-visible,
.tabs__button:hover {
    border-color: #1c6b37
}

@media (max-width:767px) {
    .tabs__button {
        padding: 10px 25px;
        font-size: 16px
    }
}

.vacancy__wrapper {
    position: relative;
    padding: 20px;
    border: 20px solid #e8f0eb;
    overflow: hidden
}

@media (min-width:768px) {
    .vacancy__wrapper {
        padding: 60px 55px 75px 47px;
        border-width: 23px
    }

    .vacancy__wrapper::before {
        content: "";
        position: absolute;
        bottom: -1px;
        right: -1px;
        z-index: -1;
        width: 980px;
        height: 442px;
        background-image: url(/img/icons/vacancy-line.svg);
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media (min-width:1200px) {
    .vacancy__wrapper {
        padding: 65px 60px 80px 52px;
        border-width: 28px
    }
}

@media (min-width:1500px) {
    .vacancy__wrapper {
        padding: 80px 75px 95px 67px
    }
}

.vacancy__title {
    margin-top: 0;
    margin-bottom: 40px
}

.vacancy__inner {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (min-width:1200px) {
    .vacancy__inner {
        flex-direction: row
    }
}

@media (min-width:1500px) {
    .vacancy__inner {
        -moz-column-gap: 121px;
        column-gap: 121px
    }
}

.vacancy__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 15px
}

@media (min-width:768px) {
    .vacancy__list {
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {
    .vacancy__list {
        -moz-column-gap: 40px;
        column-gap: 40px;
        max-height: 300px
    }
}

@media (min-width:1500px) {
    .vacancy__list {
        -moz-column-gap: 82px;
        column-gap: 82px;
        max-height: 200px
    }
}

.vacancy__item {
    position: relative;
    padding-left: 25px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.3
}

.vacancy__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 17px;
    height: 17px;
    background-image: url(/img/icons/star-icon.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width:768px) {
    .vacancy__item {
        font-size: 20px
    }

    .vacancy__item::before {
        top: 4px
    }
}

@media (min-width:1200px) {
    .vacancy__item {
        max-width: 300px
    }
}

@media (min-width:1500px) {
    .vacancy__item {
        max-width: 380px
    }
}

.vacancy__button {
    flex-shrink: 0;
    padding: 17px 62px;
    font-size: 22px;
    background-color: #d3d7c4
}

@media (min-width:768px) {
    .vacancy__button {
        align-self: start
    }
}

@media (min-width:1200px) {
    .vacancy__button {
        align-self: end
    }
}

.quote {
    display: flex;
    flex-direction: column;
    align-items: center
}

.quote::before {
    content: "";
    display: flex;
    width: 160px;
    height: 218px;
    margin-bottom: -40px;
    background: 50% url(/img/icons/branch.svg) no-repeat;
    background-position: center;
    transform: rotate(30deg)
}

@media (max-width:1199px) {
    .quote::before {
        margin-bottom: -20px
    }
}

@media (max-width:767px) {
    .quote::before {
        margin-bottom: -30px
    }
}

.quote__text {
    font-family: "Andika", Helvetica, Arial, sans-serif;
    margin: 0 0 20px;
    font-size: 35px;
    text-align: center;
    font-style: italic
}

@media (max-width:1199px) {
    .quote__text {
        margin-bottom: 40px;
        font-size: 27px
    }
}

@media (max-width:767px) {
    .quote__text {
        margin-bottom: 30px;
        font-size: 21px
    }
}

.quote__button {
    display: flex;
    margin: 50px auto 0;
    padding: 18px 32px;
    font-size: 22px;
    line-height: 1.3
}

@media (max-width:1199px) {
    .quote__button {
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .quote__button {
        margin-top: 30px;
        font-size: 16px
    }
}

.quote__small-text {
    max-width: 875px;
    margin: 0 auto;
    text-align: center
}

.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 17px;
    line-height: 1
}

.table__head {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    color: #1c6b37
}

@media (max-width:1199px) {
    .table__head {
        font-size: 16px
    }
}

.table__data {
    padding: 20px 30px;
    white-space: nowrap
}

.table__head .table__data {
    padding: 30px
}

.table__data span {
    color: #828282
}

@media (min-width:1199px) {
    .table__data:first-child {
        width: 40%
    }
}

@media (max-width:1199px) {
    .table__data {
        min-width: 150px;
        padding: 15px;
        font-size: 16px
    }

    .table__head .table__data {
        padding: 20px 15px
    }

    .table__data:first-child {
        min-width: 170px
    }
}

.table__row {
    outline: 0
}

.table__row:not(.table--borders .table__row, .table__row--head):nth-child(odd) {
    background-color: #f9faf9
}

.table--borders .table__row {
    border-bottom: 1px solid #ddd
}

.table__row:focus,
.table__row:hover {
    background-color: #f2f0e8
}

.material {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 206px
}

.material picture {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .material {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-rows: min-content 1fr;
        max-width: 315px;
        gap: 5px 15px
    }

    .material picture {
        grid-row: span 2;
        margin-bottom: 0
    }
}

.material__img {
    width: 170px;
    height: 170px;
    border-radius: 50%
}

@media (max-width:767px) {
    .material__img {
        width: 78px;
        height: 78px
    }
}

.material__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4
}

@media (min-width:767px) {
    .material__name {
        font-size: 23px;
        text-align: center
    }
}

.material__text {
    align-self: start
}

@media (min-width:767px) {
    .material__text {
        text-align: center
    }
}

.anchor {
    -webkit-text-decoration: underline dotted #a6a6a6;
    text-decoration: underline dotted #a6a6a6;
    text-underline-offset: 6px;
    outline: 0
}

.anchor:focus,
.anchor:hover {
    color: #1c6b37
}

.promo-block__title {
    max-width: 1110px
}

.promo-block__title--no-margin {
    margin: 0
}

.promo-block__title:not(.promo-block__title--no-margin) {
    margin: 0 0 60px
}

@media (max-width:1199px) {
    .promo-block__title:not(.promo-block__title--no-margin) {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .promo-block__title:not(.promo-block__title--no-margin) {
        margin-bottom: 20px
    }
}

.promo-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 265px;
    gap: 20px
}

.promo-block__list--3-columns {
    grid-template-columns: repeat(3, 1fr)
}

.promo-block__list--4-columns {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1499px) {
    .promo-block__list--4-columns {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:1199px) {
    .promo-block__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .promo-block__list {
        grid-template-columns: 1fr
    }
}

.promo-block__item {
    min-height: 280px;
    padding: 50px;
    background-color: #f6f5f1;
    cursor: pointer
}

.promo-block__item--green {
    position: relative;
    padding: 50px 40px 40px;
    color: #fff;
    background-color: #1c6b37;
    transition: .3s
}

.promo-block__item--green:focus,
.promo-block__item--green:hover {
    background: #19863e
}

.promo-block__item--green::before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 54px;
    height: 54px;
    background-image: url(/img/icons/circle-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.promo-block__list--4-columns .promo-block__item {
    padding: 40px
}

@media (max-width:1199px) {
    .promo-block__item {
        min-height: auto;
        padding: 40px
    }

    .promo-block__item--green {
        display: flex;
        justify-content: space-between;
        align-items: center;
        grid-column: 1/-1;
        gap: 15px
    }

    .promo-block__item--green::before {
        position: static;
        flex-shrink: 0;
        order: 1;
        width: 45px;
        height: 45px
    }
}

@media (max-width:767px) {

    .promo-block__item,
    .promo-block__list--4-columns .promo-block__item {
        padding: 30px 20px
    }
}

.promo-block__subtitle {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 25px
}

.promo-block__item--green .promo-block__subtitle {
    margin: 0
}

@media (max-width:767px) {
    .promo-block__subtitle {
        font-size: 20px
    }
}

.promo-block__img-box {
    display: flex;
    align-items: flex-end;
    min-height: 530px;
    margin-bottom: 30px;
    padding: 50px;
    background-image: url(/img/promo-block/img-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.is-webp .promo-block__img-box {
    background-image: url(/img/promo-block/img-1.webp)
}

.promo-block__img-box--military {
    background-image: url(/img/promo-block/img-2.jpg)
}

.is-webp .promo-block__img-box--military {
    background-image: url(/img/promo-block/img-2.webp)
}

.promo-block__img-box--marketplace {
    background-image: url(/img/promo-block/img-3.jpg)
}

.is-webp .promo-block__img-box--marketplace {
    background-image: url(/img/promo-block/img-3.webp)
}

.promo-block__img-box--merch {
    background-image: url(/img/promo-block/img-4.jpg)
}

.is-webp .promo-block__img-box--merch {
    background-image: url(/img/promo-block/img-4.webp)
}

.promo-block__img-box--corporate {
    background-image: url(/img/promo-block/img-5.jpg)
}

.is-webp .promo-block__img-box--corporate {
    background-image: url(/img/promo-block/img-5.webp)
}

.promo-block__img-box--wholesale {
    background-image: url(/img/promo-block/img-6.jpg?v1)
}

.is-webp .promo-block__img-box--wholesale {
    background-image: url(/img/promo-block/img-6.webp?v1)
}

.promo-block__img-box--outsource {
    background-image: url(/img/promo-block/img-7-v2.jpg)
}

.is-webp .promo-block__img-box--outsource {
    background-image: url(/img/promo-block/img-7-v2.webp)
}

.promo-block__img-box--lecals {
    background-image: url(/img/promo-block/img-8-v2.jpg)
}

.is-webp .promo-block__img-box--lecals {
    background-image: url(/img/promo-block/img-8-v2.webp)
}

.promo-block__img-box--embroidery {
    background-image: url(/img/promo-block/img-9.jpg)
}

.is-webp .promo-block__img-box--embroidery {
    background-image: url(/img/promo-block/img-9.webp)
}

.promo-block__img-box--print {
    background-image: url(/img/promo-block/img-10.jpg)
}

.is-webp .promo-block__img-box--print {
    background-image: url(/img/promo-block/img-10.webp)
}

.promo-block__img-box--gray {
    background-image: none;
    background-color: gray
}

@media (max-width:1199px) {
    .promo-block__img-box {
        padding: 40px
    }
}

@media (max-width:767px) {
    .promo-block__img-box {
        min-height: 400px;
        padding: 25px
    }
}

.options__title {
    margin: 0 0 20px
}

@media (max-width:1199px) {
    .options__title {
        margin-bottom: 15px
    }
}

.options__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px
}

@media (max-width:1199px) {
    .options__head {
        flex-direction: column
    }
}

.options__link {
    flex-shrink: 0;
    align-self: flex-end;
    color: #1c6b37;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-underline-offset: 3px
}

@media (max-width:1199px) {
    .options__link {
        align-self: flex-start
    }
}

.options__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 50px 0
}

@media (max-width:1199px) {
    .options__list {
        gap: 10px;
        margin: 30px 0
    }
}

@media (max-width:767px) {
    .options__list {
        display: flex;
        margin: 40px -10px 0;
        padding: 2px 10px;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .options__list::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }

    .options__item {
        min-width: 288px
    }

    .options__show-more {
        display: none
    }
}

@media (min-width:1199px) {
    .good-card {
        outline: 0;
        cursor: pointer
    }

    .good-card:focus-visible .good-card__content,
    .good-card:hover .good-card__content {
        color: #fff;
        background-color: #1c6b37;
        border-color: transparent
    }

    .good-card:focus-visible .good-card__btn,
    .good-card:focus-visible .good-card__count,
    .good-card:hover .good-card__btn,
    .good-card:hover .good-card__count {
        color: inherit
    }
}

@media (max-width:1199px) {
    .good-card {
        display: grid;
        grid-template-rows: 1fr auto
    }
}

@media (max-width:767px) {
    .good-card {
        grid-template-rows: 285px 1fr
    }
}

.good-card__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 20px 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    transition: .2s;
    gap: 15px
}

.good-card__content--grid {
    display: grid;
    grid-template-columns: 1fr max-content
}

@media (max-width:1199px) {
    .good-card__content {
        padding: 15px;
        gap: 10px
    }
}

.good-card__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    grid-column: 1/-1;
    font-size: 18px
}

@media (max-width:1199px) {
    .good-card__name {
        font-size: 14px
    }
}

.good-card__btn {
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #1c6b37
}

@media (max-width:767px) {
    .good-card__btn {
        font-size: 16px
    }
}

.good-card__price {
    font-weight: 500;
    font-size: 23px
}

@media (max-width:1199px) {
    .good-card__price {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .good-card__price {
        font-size: 14px
    }
}

.good-card__count {
    font-weight: 400;
    font-size: 15px;
    color: #878787
}

.good-card__img {
    background-color: #ddd
}

@media (max-width:1199px) {
    .good-card__img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.show-more {
    background-color: transparent;
    border: 0;
    width: 100%;
    padding: 25px;
    font-size: 17px;
    color: #a18c1e;
    border-top: 1px solid #a18c1e;
    border-bottom: 1px solid #a18c1e;
    outline: 0;
    transition: .2s
}

.show-more:focus-visible,
.show-more:hover {
    color: #fff;
    background-color: #a18c1e
}

.examples__title {
    margin: 0 0 20px
}

@media (max-width:1199px) {
    .examples__title {
        margin-bottom: 15px
    }
}

.examples__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 30px
}

.examples__list--mansory,
.examples__list--simple {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px
}

.examples__list--mansory {
    grid-template-rows: 435px 325px;
    margin-top: 30px
}

@media (max-width:1199px) {
    .examples__list {
        gap: 10px;
        margin-top: 30px
    }

    .examples__list--mansory {
        grid-template-rows: repeat(2, 1fr)
    }
}

@media (max-width:767px) {

    .examples__list--mansory,
    .examples__list--simple {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }
}

.examples__item {
    position: relative
}

@media (min-width:767px) {
    .examples__item--full-height {
        align-self: center;
        grid-row: 1/-1;
        height: calc(100% - 30px)
    }

    .examples__item--full-height:first-child {
        grid-column: 1
    }

    .examples__item--full-height:last-child {
        grid-column: 3
    }
}

@media (max-width:767px) {
    .examples__list--simple .examples__item {
        height: 200px
    }

    .examples__list--mansory .examples__item {
        height: 300px
    }

    .examples__list--mansory .examples__item--full-height {
        height: 430px
    }
}

.examples__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.examples__badge {
    position: absolute;
    bottom: 30px;
    left: 30px
}

@media (max-width:1199px) {
    .examples__badge {
        bottom: 25px;
        left: 25px
    }
}

.examples__btn {
    display: block;
    margin: 75px auto 0;
    padding: 18px 32px
}

.seo__title {
    margin: 0 0 20px
}

.seo__title--center {
    margin-right: auto;
    margin-left: auto
}

.seo__btn {
    display: block;
    margin: 40px auto 0;
    padding: 12px 22px
}

.seo__container--borders {
    padding-top: 70px;
    padding-bottom: 70px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.seo__container--beige {
    padding: 60px;
    background: #f6f5f1
}

@media (max-width:767px) {
    .seo__container--borders {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .seo__container--beige {
        padding: 50px 0
    }
}

.seo__img {
    width: 85px;
    height: 85px;
    margin: 0 auto 20px;
    border-radius: 50%
}

@media (max-width:767px) {
    .seo__img {
        width: 65px;
        height: 65px
    }
}

.produce__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin: 40px 0 0
}

@media (max-width:1199px) {
    .produce__list {
        gap: 20px
    }
}

@media (max-width:767px) {
    .produce__list {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.produce__name {
    margin: 0;
    z-index: 2;
    padding: 40px 0 10px;
    font-weight: 500;
    font-size: 25px
}

.produce__item--main .produce__name {
    background-color: #f6f5f1
}

.produce__item--main .produce__name--bg-white {
    background-color: #fff
}

.produce__name--green {
    color: #1c6b37
}

@media (max-width:1199px) {
    .produce__name {
        padding-top: 20px;
        font-size: 20px
    }
}

@media (max-width:767px) {
    .produce__name {
        font-size: 20px
    }
}

.produce__item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.produce__item:not(.produce__item--main) {
    padding-top: 40px;
    border-top: 1px solid #ddd
}

@media (min-width:1199px) {
    .produce__item--main {
        display: grid;
        grid-auto-rows: min-content;
        grid-template-rows: 235px;
        border-bottom: 1px solid #ddd;
        transition: border-color .3s
    }

    .produce__item--main:has(.produce__btn:hover, .produce__btn:focus) {
        border-color: #1c6b37
    }
}

@media (max-width:767px) {
    .produce__item {
        padding-top: 40px;
        border-bottom: 1px solid #ddd
    }
}

.produce__btn {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    font-size: 19px;
    color: #fff;
    background-color: #1c6b37;
    transition: .2s
}

.produce__btn--redesign {
    gap: 10px;
    justify-content: flex-start;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    color: #1c6b37;
    background-color: transparent
}

.produce__btn--redesign::before {
    content: "";
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    background: url(/img/icons/circle-arrow-icon-green.svg) no-repeat center/contain
}

@media (min-width:1199px) {
    .produce__btn:not(.produce__btn--redesign) {
        height: 0;
        opacity: 0
    }

    .produce__item:focus-visible .produce__btn:not(.produce__btn--redesign),
    .produce__item:hover .produce__btn:not(.produce__btn--redesign) {
        height: 50px;
        opacity: 1
    }

    .produce__btn--redesign {
        z-index: 1;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        text-align: left;
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
        transition: color .3s
    }

    .produce__btn--redesign::before {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 145px;
        height: 145px;
        background: #fff;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: background-color .3s, transform .3s
    }

    .produce__btn--redesign::after {
        content: "";
        display: block;
        width: 39px;
        height: 14px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='39' height='14' viewBox='0 0 39 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 1L38 7L32 13' stroke='%231C6B37' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 7L1 7' stroke='%231C6B37' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transition: background-image .3s
    }

    .produce__btn--redesign:focus,
    .produce__btn--redesign:hover {
        color: #fff;
        transition: color .3s
    }

    .produce__btn--redesign:focus::before,
    .produce__btn--redesign:hover::before {
        background-color: #1c6b37;
        transform: translate(-50%, -50%) scale(1.7)
    }

    .produce__btn--redesign:focus::after,
    .produce__btn--redesign:hover::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='39' height='14' viewBox='0 0 39 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 1L38 7L32 13' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 7L1 7' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    }
}

@media (max-width:1199px) {
    .produce__btn {
        height: 100%
    }

    .produce__btn br {
        display: none
    }
}

@media (max-width:767px) {
    .produce__btn {
        justify-content: flex-start;
        height: auto;
        padding: 0;
        font-size: 16px;
        color: #1c6b37;
        background-color: transparent
    }
}

.produce__footer {
    height: 50px;
    border-top: 1px solid #ddd
}

@media (min-width:1199px) {
    .produce__footer--redesign {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-column: 1;
        grid-row: 1;
        justify-self: end;
        align-self: end;
        margin: 15px;
        width: 145px;
        height: 145px;
        border: 0
    }
}

@media (max-width:1199px) {
    .produce__footer--redesign {
        padding-bottom: 20px;
        border-top: none;
        border-bottom: 1px solid #ddd
    }
}

@media (max-width:767px) {
    .produce__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding-bottom: 20px;
        border-top: 0;
        gap: 15px
    }

    .produce__footer:not(.produce__footer--no-style, .produce__footer--redesign)::after {
        content: "";
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='16.5' stroke='%231C6B37'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9945 20.5294C23.3247 20.4409 23.5206 20.1016 23.4322 19.7714L21.4649 12.4293C21.3764 12.0992 21.037 11.9032 20.7069 11.9917C20.3767 12.0802 20.1807 12.4195 20.2692 12.7497L21.8512 18.6539L12.0808 13.0129C11.7848 12.842 11.4063 12.9434 11.2354 13.2395C11.0645 13.5355 11.1659 13.914 11.4619 14.0849L21.2255 19.7219L15.3321 21.301C15.0019 21.3895 14.806 21.7289 14.8945 22.0591C14.9829 22.3892 15.3223 22.5852 15.6525 22.4967L22.9945 20.5294Z' fill='%231C6B37'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain
    }
}

.produce__text {
    flex-grow: 1;
    margin-bottom: 40px
}

@media (max-width:1199px) {
    .produce__text {
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .produce__text {
        margin-bottom: 15px
    }
}

.produce__examples {
    margin-top: 50px
}

.produce__title {
    margin: 0 0 20px
}

@media (max-width:1199px) {
    .produce__title {
        margin-bottom: 15px
    }
}

.produce__picture {
    grid-column: 1;
    grid-row: 1
}

.produce__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:767px) {
    .produce__img {
        height: 150px
    }
}

.textile__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin: 40px 0 0
}

@media (max-width:1199px) {
    .textile__list {
        display: flex;
        margin: 30px -18px 0;
        padding: 0 18px;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none;
        gap: 10px
    }

    .textile__list::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

@media (max-width:767px) {
    .textile__list {
        margin: 30px -10px 0;
        padding: 0 10px
    }
}

.textile__title {
    max-width: 780px;
    margin: 0 0 20px
}

.textile__title--second {
    margin: 30px 0 10px
}

@media (max-width:1199px) {
    .textile__title {
        margin-bottom: 15px
    }
}

.textile__item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    min-height: 160px;
    padding: 20px;
    color: #fff
}

.textile__item:not(.textile__item--no-pointer, .textile__item--pointer) {
    cursor: pointer
}

.textile__item:not(.textile__item--no-pointer, .textile__item--pointer)::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    background-image: url(/img/icons/info-icon.svg);
    background-repeat: no-repeat
}

.textile__item--last {
    background-color: #1c6b37;
    transition: .3s
}

.textile__item--last:focus,
.textile__item--last:hover {
    background: #19863e
}

.textile__item--last::before {
    width: 50px;
    height: 50px;
    background-image: url(/img/icons/circle-arrow-icon.svg);
    background-size: contain
}

.textile__item--pointer {
    justify-content: space-between;
    gap: 10px;
    overflow: hidden
}

.textile__item--pointer::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(/img/icons/circle-arrow-icon.svg) no-repeat center/contain;
    transform: rotate(-30deg);
    transition: transform .2s
}

.textile__item--pointer:focus-visible .textile__img,
.textile__item--pointer:hover .textile__img {
    transform: scale(1.1)
}

.textile__item--pointer:focus-visible::after,
.textile__item--pointer:hover::after {
    transform: rotate(0)
}

.textile__item:focus-visible .textile__text::after,
.textile__item:hover .textile__text::after {
    transform: scale(1.2)
}

@media (min-width:767px) and (max-width:1199px) {
    .textile__item--last {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        grid-column: 1/-1;
        gap: 15px;
        min-height: auto
    }

    .textile__item--last::before {
        position: static;
        flex-shrink: 0;
        order: 1;
        width: 45px;
        height: 45px
    }
}

@media (max-width:1199px) {
    .textile__item {
        min-width: 265px
    }
}

.textile__picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    touch-action: none
}

.textile__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s
}

.textile__modal {
    padding: 50px;
    background-color: #fff
}

@media (max-width:767px) {
    .textile__modal {
        padding: 20px
    }
}

.textile__subtitle {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 43px;
    line-height: 1.3;
    font-style: normal
}

@media (max-width:767px) {
    .textile__subtitle {
        font-size: 21px
    }
}

.textile__text--arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%
}

.textile__text--arrow::after {
    content: "";
    flex-shrink: 0;
    width: 41px;
    height: 41px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Ccircle cx='20.0742' cy='20.0742' r='19.4686' stroke='white' stroke-width='1.21117'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5891 20.6173C28.8256 20.3808 28.8256 19.9974 28.5891 19.7609L22.1325 13.3043C21.896 13.0678 21.5125 13.0678 21.276 13.3043C21.0395 13.5408 21.0395 13.9242 21.276 14.1607L26.7026 19.5872L12.8171 19.5872C12.4826 19.5872 12.2115 19.8583 12.2115 20.1928C12.2115 20.5273 12.4826 20.7984 12.8171 20.7984L26.6952 20.7984L21.276 26.2175C21.0395 26.454 21.0395 26.8374 21.276 27.0739C21.5125 27.3104 21.896 27.3104 22.1325 27.0739L28.5891 20.6173Z' fill='white'/%3E%3C/svg%3E");
    transition: .2s
}

.textile__text:not(:last-of-type) {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .textile__text {
        font-size: 14px
    }
}

.textile__content {
    display: none
}

.plates__title {
    flex-grow: 1;
    margin: 0
}

.plates__head {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.plates__navigation {
    align-self: flex-end
}

.plates__list {
    padding: 0;
    list-style: none;
    margin: 40px 0 0
}

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

@media (max-width:1199px) {
    .plates__list--3-columns {
        display: flex;
        margin: 40px -15px 0;
        padding: 0 15px;
        overflow-x: auto;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }

    .plates__list--3-columns::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent
    }
}

@media (max-width:767px) {
    .plates__list {
        margin-top: 30px
    }
}

.plates__blocks {
    display: grid;
    grid-template-columns: 1fr 29% 19%;
    gap: 20px;
    margin-top: 50px
}

@media (max-width:1199px) {
    .plates__blocks {
        grid-template-columns: 2fr 1fr
    }
}

@media (max-width:767px) {
    .plates__blocks {
        grid-template-columns: 1fr
    }
}

.plates__block {
    position: relative;
    padding: 50px;
    background-color: #fff
}

.plates__block:not(.plates__block--no-icon)::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 85px;
    height: 85px;
    background-image: url(/img/common/manager.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%
}

@media (max-width:1199px) {
    .plates__block {
        padding: 40px
    }
}

@media (max-width:767px) {
    .plates__block {
        padding: 30px 20px
    }

    .plates__block:not(.plates__block--no-icon)::before {
        top: 20px;
        right: 20px;
        width: 60px;
        height: 60px
    }
}

.plates__subtitle {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 38px
}

.plates__subtitle:not(.plates__block--no-icon .plates__subtitle) {
    padding-right: 100px
}

.plates__subtitle--green {
    color: #1c6b37
}

@media (max-width:1199px) {
    .plates__subtitle {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .plates__subtitle {
        font-size: 20px
    }
}

.plates__navigation {
    display: flex;
    gap: 15px
}

.plates__slider {
    position: relative
}

.plates__slider::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 261px;
    height: 100%;
    background: linear-gradient(270deg, #f6f5f1 -6.32%, rgba(246, 245, 241, 0) 81.02%);
    pointer-events: none;
    touch-action: none
}

.plates__slider--reached-end::after {
    display: none
}

@media (max-width:767px) {
    .plates__slider::after {
        display: none
    }
}

.plates__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.plates__plate-box {
    height: auto
}

@media (max-width:1199px) {
    .plates__plate-box {
        grid-column: 1/-1
    }
}

@media (max-width:767px) {
    .plates__img {
        height: 210px
    }
}

.plate-box {
    min-height: 275px;
    padding: 50px;
    background-color: #fff
}

.plate-box--plus {
    position: relative;
    z-index: 1
}

.plate-box--plus::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: -1;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 16V30H16V16H30V14H16V0H14V14H0V16H14Z' fill='%23B9CEBD'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.plate-box--green {
    position: relative;
    min-height: auto;
    padding: 40px;
    color: #fff;
    background: #1c6b37;
    outline: 0;
    cursor: pointer;
    transition: .3s
}

.plate-box--green:focus,
.plate-box--green:hover {
    background: #19863e
}

.plate-box--green::after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 54px;
    height: 54px;
    background-image: url(/img/icons/circle-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.plate-box--slide {
    max-width: 425px;
    height: auto
}

@media (max-width:1199px) {
    .plate-box {
        padding: 40px
    }

    .plate-box--green {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 15px
    }

    .plate-box--green::after {
        position: static;
        flex-shrink: 0;
        width: 45px;
        height: 45px
    }

    .plate-box--slide {
        max-width: 330px
    }

    .plate-box--min-width {
        min-width: 330px
    }
}

@media (max-width:767px) {
    .plate-box {
        padding: 20px
    }

    .plate-box--plus::before {
        width: 24px;
        height: 24px
    }

    .plate-box--green {
        flex-wrap: nowrap
    }

    .plate-box:not(.plate-box--green) {
        min-height: 200px
    }
}

.plate-box__title {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 25px
}

.plate-box--green .plate-box__title {
    margin: 0
}

@media (max-width:1199px) {
    .plate-box__title {
        padding-right: 30px;
        font-size: 23px
    }
}

@media (max-width:767px) {
    .plate-box__title {
        font-size: 20px
    }

    .plate-box__text {
        font-size: 15px
    }
}

.badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 123px;
    height: 123px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: rgba(28, 107, 55, .21);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

@media (max-width:1199px) {
    .badge {
        width: 90px;
        height: 90px;
        font-size: 14px
    }
}

.count-block__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
    counter-reset: count;
    gap: 85px
}

@media (max-width:767px) {
    .count-block__wrapper {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 25px
    }
}

.count-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd
}

@media (max-width:767px) {
    .count-block__list:not(:first-child) {
        border-top: 0
    }
}

.count-block__item {
    display: flex;
    padding: 20px 0;
    font-size: 19px;
    border-bottom: 1px solid #ddd;
    counter-increment: count;
    gap: 30px
}

.count-block__item::before {
    content: counters(count, "*", decimal-leading-zero);
    color: #cfcfcf
}

.count-block__item--button {
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 20px 50px;
    color: #fff;
    background-color: #1c6b37;
    border: 0;
    outline: 0;
    cursor: pointer
}

.count-block__item--button:focus-visible::before,
.count-block__item--button:hover::before {
    transform: scale(1.1)
}

.count-block__item--button::before {
    content: "";
    order: 1;
    width: 37px;
    height: 37px;
    background-image: url(/img/icons/circle-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: .3s
}

@media (max-width:1199px) {
    .count-block__item {
        padding: 15px 0
    }

    .count-block__item--button {
        padding: 15px 15px 15px 50px
    }

    .count-block__item--button::before {
        width: 25px;
        height: 25px
    }
}

.count-block__title {
    margin: 0 0 20px
}

@media (max-width:767px) {
    .count-block__title {
        margin-bottom: 15px
    }
}

.info-box__container {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px
}

@media (max-width:767px) {
    .info-box__container {
        grid-template-columns: 1fr
    }
}

.info-box__content {
    padding: 50px 60px;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7
}

@media (max-width:1199px) {
    .info-box__content {
        padding: 30px
    }
}

@media (max-width:767px) {
    .info-box__content {
        padding: 20px 0
    }
}

.info-box__title {
    max-width: 775px;
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 25px
}

.info-box__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:767px) {
    .info-box__img {
        width: 100%;
        height: 200px
    }

    .info-box__picture {
        grid-row: 1
    }
}

.promo-squares__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

@media (max-width:767px) {
    .promo-squares__wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        border: 0
    }
}

.promo-squares__square {
    position: relative;
    width: 100%;
    min-height: 500px
}

.promo-squares__square--info {
    padding: 60px
}

@media (max-width:1199px) {
    .promo-squares__square {
        min-height: 300px
    }

    .promo-squares__square--info {
        padding: 40px
    }
}

@media (max-width:767px) {
    .promo-squares__square {
        min-height: auto
    }

    .promo-squares__square--last {
        order: 1
    }

    .promo-squares__square--info {
        padding: 0
    }

    .promo-squares__square--swiper {
        margin-bottom: 40px
    }
}

.promo-squares__title {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 50px;
    line-height: 1.2
}

@media (max-width:1199px) {
    .promo-squares__title {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .promo-squares__title {
        margin-bottom: 10px;
        font-size: 30px
    }
}

.promo-squares__text {
    font-size: 20px
}

@media (max-width:1199px) {
    .promo-squares__text {
        font-size: 16px
    }
}

.promo-squares__link {
    margin-top: 20px
}

.promo-squares__nav {
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 15px
}

@media (max-width:1199px) {
    .promo-squares__nav {
        right: 20px;
        bottom: 20px
    }
}

.promo-squares__picture[data-text] {
    position: relative
}

.promo-squares__picture[data-text]::before {
    content: attr(data-text) " от 30₽";
    position: absolute;
    top: 40px;
    left: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    padding: 20px 25px;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-color: rgba(28, 107, 55, .2);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

@media (max-width:1199px) {
    .promo-squares__picture[data-text]::before {
        top: 20px;
        left: 20px;
        width: 100px;
        height: 100px;
        font-size: 16px
    }
}

.promo-squares__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:767px) {
    .promo-squares__img {
        height: 200px
    }
}

.arrow-link {
    display: flex;
    align-items: center;
    gap: 15px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 20px;
    color: #1c6b37;
    outline: 0
}

.arrow-link:focus-visible::after,
.arrow-link:hover::after {
    transform: rotate(30deg)
}

.arrow-link::after {
    content: "";
    flex-shrink: 0;
    width: 33px;
    height: 33px;
    background-image: url(/img/icons/green-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: perspective(1px) translateZ(0);
    backface-visibility: hidden;
    transition: .3s
}

@media (max-width:767px) {
    .arrow-link {
        font-size: 16px
    }
}

.columns__wrapper {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px
}

.columns__wrapper:not(.columns__wrapper--no-margin) {
    margin-bottom: 20px
}

@media (max-width:767px) {
    .columns__wrapper {
        grid-template-columns: 1fr
    }
}

.columns__title {
    margin: 0 0 20px
}

.slides {
    position: relative;
    min-height: 990px;
    padding-top: 180px;
    background-color: rgba(0, 0, 0, .4)
}

@media (max-width:1499px) {
    .slides {
        padding-top: 80px;
        min-height: 660px
    }
}

@media (max-width:1199px) {
    .slides {
        padding-top: 50px;
        min-height: 470x
    }
}

@media (max-width:767px) {
    .slides {
        margin-top: 30px;
        min-height: 700px
    }
}

.slides__wrapper {
    position: static
}

@media (min-width:767px) {
    .slides__wrapper {
        display: grid;
        grid-template-columns: 100%
    }
}

@media (max-width:767px) {
    .slides__wrapper {
        display: flex;
        flex-direction: column
    }
}

.slides__pagination {
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 30px
}

.slides__bullet {
    width: 20px;
    height: 5px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, .15);
    transition: background-color .3s
}

.slides__bullet--active {
    background-color: #fff
}

.slides__list {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.slides__picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s
}

.slides__picture--active {
    opacity: 1
}

.slides__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slides__btn {
    grid-column: 1/-1;
    grid-row: 1/-1;
    justify-self: end;
    z-index: 1
}

@media (max-width:767px) {
    .slides__btn {
        order: 1;
        margin-top: 60px
    }
}

.slide__title {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 50px;
    line-height: 1.1;
    color: #fff
}

@media (max-width:1499px) {
    .slide__title {
        font-size: 38px
    }
}

@media (max-width:1199px) {
    .slide__title {
        margin-bottom: 15px;
        font-size: 30px
    }
}

.slide__accent {
    color: #e0ca58
}

.slide__accent img {
    display: inline;
    vertical-align: middle
}

.slide__text {
    max-width: 765px;
    margin: 0;
    font-size: 20px;
    color: #fff
}

@media (max-width:1499px) {
    .slide__text {
        max-width: 620px;
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .slide__text {
        max-width: 505px;
        font-size: 16px
    }
}

.slide__content {
    max-width: 80%
}

.progress-btn {
    padding: 0;
    color: #000;
    background-color: transparent;
    border: 0;
    position: relative;
    width: 100px;
    height: 100px
}

.progress-btn .progress-btn__border {
    --progress: 0;
    stroke-width: 1px;
    width: 110%;
    height: 110%;
    fill: none;
    stroke-dashoffset: calc(125.6px*(1 - var(--progress)));
    stroke-dasharray: 125.6;
    stroke: #e0ca58;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.progress-btn svg {
    position: absolute;
    inset: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform .2s
}

.progress-btn:active .progress-btn__circle {
    transform: translate(-50%, -50%) scale(.8)
}

@media (max-width:1199px) {
    .progress-btn {
        width: 80px;
        height: 80px
    }

    .progress-btn .progress-btn__circle {
        width: 55px;
        height: 55px
    }
}

.user-consent-wrapper {
  display: flex;
  align-items: flex-start;
  grid-column: 1 / -1;
  margin-top: 10px;
}

.user-consent-wrapper input[name=user_consent] {
  margin-right: 5px;
}

.user-consent-wrapper .form__fz {
  max-width: 100%;
}

/* End */
/* /local/templates/prodesignlab/styles.css?1754396267620 */
/* /local/templates/prodesignlab/template_styles.css?1749560161163559 */