*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html {
    padding: env(safe-area-inset);
}

html,
body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    margin: 0 auto !important;
}

body {
    margin: 0 auto;
    padding: 0px;
    -webkit-outline: none;
    outline: none;
    position: relative;
    min-width: 320px;
    max-height: 1000000px;
    min-height: 100vh;
    text-decoration-skip: objects;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

:focus,
:active,
:hover,
:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
    -webkit-outline: none;
    outline: none;
}

ul,
ol {
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

li {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

iframe {
    display: block;
    border: none;
}

img {
    display: block;
    border: none;
    max-width: 100%;
}

textarea {
    white-space: pre-wrap;
    resize: none;
}

button,
select {
    display: block;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-family: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
}

button {
    width: auto;
    cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border: none;
    padding: 0;
}

[type=search],
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    -webkit-outline: none;
    outline: none;
}

[type=search]::-webkit-search-decoration,
::-webkit-file-upload-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[hidden],
::-ms-clear,
area {
    display: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

legend {
    display: block;
    padding: 0;
}

menu,
dir {
    list-style: none;
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    color: inherit;
}

:-ms-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-moz-placeholder {
    color: inherit;
}

:-moz-placeholder {
    color: inherit;
}

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    -webkit-outline: none;
    outline: none;
    text-decoration-skip-ink: none;
}

[type=date]::-webkit-inner-spin-button {
    display: none;
}

[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

body {
    font-family: "Montserrat";
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
body.hidden {
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
}

label,
textarea,
input {
    -webkit-appearance: none;
    font-family: "Montserrat";
    border-radius: 0;
}

.site-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}
.site-wrapper .footer {
    margin-top: auto;
}

.logo {
    position: relative;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    gap: 27px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Geologica";
    position: relative;
    z-index: 1;
    transform: translateX(76px);
}
/*.logo > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}*/
.logo picture:hover {
    opacity: 0.75;
}
.logo picture {
    position: relative;
    left: 0;
    top: -7px;
    width: 237px;
    height: 79px;
}
.logo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.logo__text {
    max-width: 217px;
}

.main {
    width: 100%;
    overflow: hidden;
}

.input-item {
    position: relative;
    border: solid 1px transparent;
}
.input-item.error {
    border-color: rgb(255, 70, 55);
}
.input-item input, .input-item textarea {
    border: 0;
    background: transparent;
    width: 100%;
    height: 44px;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: rgb(62, 84, 106);
    border-radius: 0;
    padding: 0;
}
.input-item input::placeholder, .input-item textarea::placeholder {
    opacity: 1;
    text-transform: none;
    color: rgba(62, 84, 106, 0.5);
}
.input-item label {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #80726a;
    display: block;
}
.input-item textarea {
    height: 100px;
    display: block;
    border: solid 1px rgb(189, 189, 189);
    background-color: rgb(255, 255, 255);
    border-radius: 50px;
    width: 100%;
}
.input-item input {
    height: 26px;
}
.input-item input + input {
    margin-top: 24px;
}
.input-item .icon {
    position: absolute;
    bottom: 9px;
    right: 1px;
}
.input-item .icon svg {
    color: rgb(0, 0, 0);
    fill: rgb(0, 0, 0);
}

.check-block {
    display: flex;
    align-items: center;
    min-height: 24px;
    padding: 9px 41px;
}
.check-block input {
    display: none;
}
.check-block input:checked + label {
    color: rgb(62, 84, 106);
}
.check-block input:checked + label::before {
    opacity: 1;
}
.check-block input:disabled + label {
    opacity: 0.33;
    pointer-events: none;
}
.check-block label {
    cursor: pointer;
    padding-left: 38px;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(34, 29, 29);
    display: block;
    text-align: left;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    width: 100%;
}
.check-block label:hover {
    color: rgb(62, 84, 106);
}
.check-block label::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: 5px;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    background-color: rgb(34, 29, 29);
    border: solid 4px #eef1f3;
}
.check-block label::after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    top: 50%;
    left: 5px;
    width: 15px;
    height: 15px;
    border: solid 1px rgb(34, 29, 29);
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
}
.check-block a {
    text-decoration: underline;
    -webkit-transition: text-decoration 0.3s;
    -moz-transition: text-decoration 0.3s;
    -o-transition: text-decoration 0.3s;
    transition: text-decoration 0.3s;
}
.check-block a:hover {
    text-decoration-color: transparent;
}

.selectric {
    border: 0;
    background: transparent;
    width: 100%;
    height: 26px;
    border-radius: 0;
}
.selectric .label {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    height: 100%;
    padding: 0;
    margin: 0;
    color: rgb(50, 63, 79);
}
.selectric .button {
    width: 16px;
    height: 53px;
    background: transparent;
    display: flex;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.0005 1.50043L8.00049 9.50043L0.000488281 1.50043L1.41449 0.0864258L8.00049 6.67243L14.5865 0.0864258L16.0005 1.50043Z' fill='%23F58C1F'/%3e%3c/svg%3e ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s;
    top: -23px;
    right: 10px;
}
.selectric .button::after {
    display: none;
}

.selectric-wrapper {
    border: 0;
    outline: none;
}
.selectric-wrapper.selectric-hover .selectric {
    border-color: rgb(0, 0, 0);
}
.selectric-wrapper.selectric-open .selectric {
    border-color: rgb(0, 0, 0);
}
.selectric-wrapper.selectric-open .selectric .button {
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}
.selectric-wrapper.selectric-above .selectric-items {
    border: solid 1px rgb(0, 0, 0);
}
.selectric-items {
    background: transparent;
    background-color: rgb(255, 255, 255);
    border: 0;
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: -1;
    min-height: 330px;
    min-width: 140px;
    right: -10px;
    left: auto;
    top: calc(100% + 10px);
    width: calc(100% + 20px) !important;
}

.selectric-scroll {
    border: 0;
    scrollbar-color: rgb(245, 140, 31) transparent;
    scrollbar-width: thin;
}
.selectric-scroll ul {
    padding: 4px;
}
.selectric-scroll ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(62, 84, 106);
    padding: 6px 8px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.selectric-scroll ul li.disabled {
    display: none;
}
.selectric-scroll ul li.highlighted, .selectric-scroll ul li.selected {
    color: rgb(255, 255, 255);
    background-color: rgb(245, 140, 31);
}
.selectric-scroll ul li:hover {
    background-color: rgb(245, 140, 31);
    color: #fff;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: initial;
}

.modal {
    font-family: "Montserrat";
    display: none;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    color: #292929;
}

.modal.is-open {
    display: flex;
    z-index: 15;
    position: fixed;
}

.modal__container {
    overflow: visible;
    background: transparent;
    padding: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
    padding: 50px 0;
}

.modal__content {
    padding: 0;
    margin: 0;
}
.modal__content .link {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-decoration-line: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #4c535b;
}
.modal__content .link:hover {
    text-decoration-color: transparent;
}

.modal__close {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    z-index: 10;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #292929;
    align-items: center;
    background-color: rgb(227, 0, 15);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal__close svg {
    pointer-events: none;
    fill: #fff;
}
.modal__close:hover {
    opacity: 0.75;
}

.modal__content .scroll::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-right: 12px;
}
.modal__content .scroll::-webkit-scrollbar-track {
    background: #d9d9d9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.modal__content .scroll::-webkit-scrollbar-thumb {
    background: rgb(0, 0, 0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.modal__inner {
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: inherit;
}

.selectric-open {
    z-index: 4;
}

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

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

video::-webkit-media-controls {
    opacity: 0;
    pointer-events: none;
}
video.opened::-webkit-media-controls {
    opacity: 1;
    pointer-events: initial;
}

picture {
    position: relative;
    display: block;
}
picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.burger {
    display: none;
    position: relative;
    width: 25px;
    height: 15px;
}
.burger-line {
    position: relative;
    display: block;
    width: 100%;
    height: 1.5px;
    background-color: rgb(0, 0, 0);
    transition: all 0.3s;
    pointer-events: none;
    border-radius: 10px;
    overflow: hidden;
}
.burger.opened .burger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
}
.burger.opened .burger-line:nth-child(2) {
    opacity: 0;
}
.burger.opened .burger-line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -4px);
}

@media (min-width: 1200px) {
    body.modal-open {
        overflow: hidden;
        padding-right: 17px;
    }
    _:-webkit-any-link,
    :root body.modal-open {
        padding-right: 17px;
    }
    _:-webkit-any-link .header,
    :root body.modal-open .header {
        width: calc(100% - 17px);
    }
    _:-webkit-any-link,
    :root body.hidden {
        padding-right: 17px;
    }
    _:-webkit-any-link .header,
    :root body.hidden .header {
        width: calc(100% - 17px);
    }
    _:-webkit-any-link,
    :root body.compensate-for-scrollbar {
        padding-right: 17px;
    }
    _:-webkit-any-link .header,
    :root body.compensate-for-scrollbar .header {
        width: calc(100% - 17px);
    }
}
.mCustomScrollBox {
    padding-left: 30px;
    margin-left: -30px;
}

.mCSB_scrollTools {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    background-color: #fff;
    border-radius: 20px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mCSB_draggerRail {
    display: none;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: red;
    width: 7px;
}

.modal__overlay {
    background: transparent;
    background-color: rgba(29, 30, 34, 0.47);
    opacity: 1;
}

.btn {
    -webkit-appearance: none;
    border-radius: 8px;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 24px 32px;
    display: inline-block;
    transition: all 0.3s;
}
.btn svg {
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}
.btn svg path {
    fill: rgb(0, 0, 0);
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}
.btn:hover svg path {
    fill: rgb(255, 255, 255);
}

h1,
h2,
h3,
h4,
h5,
h6,
.caption {
    font-family: "Montserrat";
    color: rgb(34, 29, 29);
}

h1,
.caption--h1 {
    font-size: 85px;
    line-height: 80px;
}

h2,
.caption--h2 {
    font-size: 55px;
    font-weight: 800;
    line-height: 65px;
    letter-spacing: -0.05em;
}

h3,
.caption--h3 {
    font-size: 35px;
    line-height: 40px;
}

.header {
    position: relative;
    width: 100%;
    padding: 21px 18px 0;
}
.header__top {
    background-color: rgb(238, 241, 243);
    width: 100%;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 98px;
}
.header__links a {
    font-size: 25px;
    font-weight: 700;
    line-height: 75px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    transition: all 0.3s;
}
.header__links a:hover {
    text-decoration-color: rgb(227, 0, 15);
    color: rgb(227, 0, 15);
}
.header__right {
    display: flex;
    align-items: center;
    gap: 31px;
}
.header__info {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: flex-end;
}
.header__phone {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    transition: all 0.3s;
}
.header__phone:hover {
    text-decoration-color: rgb(227, 0, 15);
    color: rgb(227, 0, 15);
}
.header__call {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    transition: color 0.3s;
    color: rgb(141, 154, 163);
}
.header__call:hover {
    color: rgb(227, 0, 15);
}

.social ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.social .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.3s;
}
.social .icon-whats {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.7184 38C19.9054 38 19.0934 38 18.2803 38C18.1837 37.9782 18.088 37.9435 17.9903 37.9366C16.2462 37.8166 14.553 37.4569 12.9117 36.8801C3.26822 33.4944 -2.03228 23.4734 0.729391 13.8587C4.15655 1.92875 18.2254 -3.66306 29.2711 2.58387C34.4769 5.52844 37.6059 9.98445 38.7069 15.7656C38.8362 16.4435 38.9043 17.1323 39 17.8162C39 18.5833 39 19.3494 39 20.1165C38.9786 20.2354 38.9522 20.3534 38.9349 20.4733C38.829 21.2186 38.7619 21.9719 38.6154 22.7102C37.0972 30.3586 30.7455 36.4013 22.8563 37.7086C22.1481 37.8256 21.4317 37.9039 20.7184 38ZM19.5065 9.47502C19.0272 9.51665 18.5429 9.53152 18.0677 9.60486C11.6224 10.597 8.02126 17.1888 10.7585 22.959C10.8308 23.1106 10.8521 23.3158 10.8185 23.4813C10.5214 24.959 10.2019 26.4338 9.89867 27.9106C9.79996 28.3912 9.99025 28.5617 10.4766 28.4507C11.9328 28.1177 13.3859 27.7748 14.845 27.4576C15.0587 27.411 15.3264 27.4348 15.5268 27.5201C16.7408 28.0354 18.0056 28.3278 19.3264 28.3427C25.1906 28.4091 29.7168 23.5596 29.1083 17.8766C28.6005 13.1381 24.4254 9.49484 19.5065 9.47502Z' fill='%23E3000F'/%3e%3cpath d='M12.4599 25.8917C12.6136 25.1504 12.7102 24.4645 12.9046 23.8045C13.0847 23.1939 12.9768 22.6905 12.695 22.1236C10.6914 18.0927 12.8262 13.2928 17.2007 11.9221C21.3076 10.6347 25.7228 12.9816 26.8106 17.0293C27.9198 21.1582 25.2985 25.2931 21.0319 26.1405C19.2918 26.4864 17.622 26.2753 16.0489 25.4775C15.6245 25.2624 15.244 25.2227 14.7871 25.3506C14.0453 25.5567 13.2862 25.7024 12.4599 25.8917ZM14.5368 16.7508C14.6813 17.2711 14.781 17.8073 14.9784 18.3068C15.3539 19.2553 16.0061 20.0333 16.7347 20.7479C17.8988 21.8887 19.1677 22.8847 20.7887 23.3436C22.4778 23.8223 23.6552 23.4199 24.517 22.0988C24.8538 21.5834 24.69 21.1215 24.0988 20.9392C23.7488 20.8312 23.3794 20.7727 23.0436 20.6339C22.3018 20.3267 21.6882 20.3812 21.1804 21.0641C20.9637 21.3554 20.6279 21.3733 20.2911 21.1889C19.1016 20.5378 18.1013 19.6785 17.2883 18.6121C17.0308 18.2741 17.0451 18.0144 17.3086 17.6695C17.4144 17.5308 17.5671 17.4099 17.624 17.2552C17.7004 17.0471 17.794 16.7825 17.7248 16.5972C17.4907 15.9728 17.2048 15.3652 16.9067 14.7656C16.7255 14.4019 16.288 14.2681 15.9715 14.496C15.2053 15.051 14.6029 15.7171 14.5368 16.7508Z' fill='%23E3000F'/%3e%3c/svg%3e ");
}
.social .icon-telegram {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.5237 2.37954e-05C30.2871 0.0164893 39.0219 8.56371 39 19.0555C38.978 29.4864 30.206 37.9924 19.478 37.9858C8.72978 37.9809 -0.0101342 29.4287 8.81963e-06 18.9287C0.0101518 8.51431 8.80923 -0.0164417 19.5237 2.37954e-05ZM17.5745 21.5286C19.8093 23.1916 21.9326 24.8102 24.1049 26.3629C24.8487 26.8947 25.5435 26.4715 25.7532 25.449C26.6356 21.1499 27.513 16.8491 28.387 12.5484C28.6101 11.455 28.2872 11.1768 27.185 11.5934C21.8616 13.6104 16.545 15.6439 11.2368 17.6987C10.9443 17.8124 10.7465 18.1565 10.5048 18.3936C10.7533 18.6307 10.9596 18.9699 11.2571 19.0851C12.2748 19.4787 13.3364 19.7668 14.3592 20.1505C14.8883 20.348 15.294 20.2789 15.764 19.9825C18.768 18.0956 21.7889 16.235 24.8099 14.3744C25.0956 14.1982 25.4218 14.0829 25.7295 13.9397C25.7904 14.022 25.8495 14.1043 25.9104 14.1867C23.1735 16.5989 20.4348 19.0094 17.5745 21.5286Z' fill='%23E3000F'/%3e%3c/svg%3e ");
}
.social .icon:hover {
    opacity: 0.75;
}

.menu {
    width: 100%;
    background-color: rgb(255, 255, 255);
    padding: 11px 116px;
}
.menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.menu a {
    transition: color 0.3s;
}
.menu a:hover {
    color: rgb(227, 0, 15);
}
.menu .header-mobile {
    display: none;
}
.menu .header__info {
    display: none;
}
.menu .header__links {
    display: none;
}

.footer {
    padding: 0 21px;
}
.footer .logo {
    flex-direction: column;
    gap: 8px;
    text-align: left;
    width: 240px;
    margin: 0;
    transform: translateX(0);
}
.footer .logo__text {
    max-width: 100%;
}

.footer__inner {
    background-color: rgb(238, 241, 243);
    border-radius: 70px 70px 0px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 65px 92px 30px;
}

.footer-menu {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    flex: 1;
    padding-left: 134px;
    padding-top: 13px;
}
.footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 21px 0;
}
.footer-menu li {
    width: calc(33.3333333333% - 15px);
    gap: 21px 0;
}
.footer-menu a {
    color: rgb(34, 29, 29);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration 0.3s;
}
.footer-menu a:hover {
    text-decoration-color: rgb(34, 29, 29);
}

.footer-bottom {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 111px;
    color: rgb(141, 154, 163);
}
.footer-bottom a {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration 0.3s;
}
.footer-bottom a:hover {
    text-decoration-color: rgb(141, 154, 163);
}

.developer a {
    text-decoration: underline;
    transition: text-decoration 0.3s;
}
.developer a:hover {
    text-decoration-color: transparent;
}

.link-call {
    font-size: 55px;
    font-weight: 800;
    line-height: 60px;
    letter-spacing: -0.05em;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    transition: all 0.3s;
}
.link-call:hover {
    text-decoration-color: rgb(227, 0, 15);
    color: rgb(227, 0, 15);
}

.grettings-section {
    padding: 0 18px;
}

.grettings {
    background-color: rgb(238, 241, 243);
    padding-bottom: 50px;
    border-bottom-right-radius: 70px;
    border-bottom-left-radius: 70px;
}

.grettings-slider {
    background-color: rgb(238, 241, 243);
    width: 100%;
    padding: 67px 98px 38px;
    position: relative;
    overflow: visible;
}
.grettings-slider .swiper-slide {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.grettings-slider .swiper-slide .grettings-slide {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.grettings-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: initial;
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide {
    opacity: 1;
    pointer-events: initial;
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide .caption__text:nth-child(1) {
    transform: translateX(0%);
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide .caption__text:nth-child(2) {
    transform: translateX(0%);
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide .caption__text:nth-child(3) {
    transform: translateX(0%);
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide .caption__text:nth-child(4) {
    transform: translateX(0%);
}
.grettings-slider .swiper-slide.swiper-slide-active .grettings-slide .picture {
    transform: translateX(0%);
}

.grettings-slide .caption {
    transition: all 0.5s;
    position:relative;
    z-index:77
}
.grettings-slide .caption__text {
    font-size: 150px;
    font-weight: 700;
    line-height: 115px;
    letter-spacing: -0.06em;
    text-align: left;
    display: flex;
    flex-direction: column;
    color: rgb(34, 29, 29);
    text-transform: none;
    position: relative;
}
.grettings-slide .caption__text:nth-child(1) {
    transform: translateX(-100%);
    transition: transform 0.5s;
}
.grettings-slide .caption__text:nth-child(2) {
    font-size: 110px;
    line-height: 115px;
    transition: transform 1s;
    transform: translateX(-100%);
}
.grettings-slide .caption__text:nth-child(3) {
    font-size: 85px;
    line-height: 85px;
    font-weight: 600;
    transition: transform 1.5s;
    transform: translateX(-100%);
}
.grettings-slide .caption__text:nth-child(4) {
    font-size: 85px;
    line-height: 85px;
    font-weight: 600;
    transition: transform 2s;
    transform: translateX(-100%);
}
.grettings-slide .picture {
    position: absolute;
    left: calc(50% - 415px);
    top: 53px;
    width: 2425px;
    height: 608px;
    transition: transform 1s;
    transform: translateX(100%);
}
.grettings-slide .picture picture{  height: 608px;}
.grettings-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 122px;
}

.grettings-item {
    width: 100%;
    max-width: 275px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: rgb(141, 154, 163);
}

.grettings-item__icon {
    width: 60px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grettings-btn {
    font-size: 30px;
    font-weight: 700;
    line-height: 26px;
    padding: 33px 0 41px;
    width: calc(100% + 42px);
    background-color: rgb(227, 0, 15);
    text-decoration: underline;
    color: rgb(255, 255, 255);
    display: block;
    text-align: center;
    position: relative;
    left: -21px;
    text-decoration-skip-ink: none;
    text-underline-offset: 12px;
    transition: background-color 0.3s;
}
.grettings-btn__text {
    position: relative;
}
.grettings-btn__text::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.6294 29C10.5948 29 10.5641 29 10.5296 28.9962C9.74995 28.9584 9.08172 28.4595 8.83209 27.7339L0.10282 2.47198C-0.131445 1.79545 0.0413734 1.06224 0.552149 0.55579C1.05908 0.0493423 1.80413 -0.128292 2.49156 0.0946958L28.6947 8.58714C29.4398 8.82903 29.9505 9.48287 29.9966 10.2539C30.0427 11.0249 29.6126 11.7316 28.8983 12.0567L17.2887 17.3366L12.3499 27.9115C12.0388 28.5805 11.3706 29 10.6294 29ZM3.77042 3.69274L10.7907 24.0149L14.6772 15.6887C14.8654 15.2843 15.1957 14.9593 15.6066 14.7741L24.9004 10.5449L3.77042 3.69274ZM17.4692 16.9473C17.4692 16.9511 17.4692 16.9511 17.4692 16.9473V16.9473Z' fill='white'/%3e%3c/svg%3e ");
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    right: -40px;
    top: 30px;
}
.grettings-btn:hover {
    background-color: rgb(202, 0, 13);
}

.about-section {
    padding: 83px 0;
}

.about-slider {
    max-width: 1381px;
    width: 100%;
    overflow: visible;
}
.about-slider .swiper-slide {
    padding: 50px 89px;
    background-color: rgb(238, 241, 243);
    border-radius: 70px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 580px;
}
.about-slider .swiper-slide > * {
    opacity: 0;
    transition: opacity 0.3s;
}
.about-slider .swiper-slide.swiper-slide-active > * {
    opacity: 1;
}
.about-slider .caption {
    display: block;
    margin-bottom: 49px;
    max-width: 620px;
    width: 100%;
}
.about-slider__content {
    max-width: 620px;
    min-height: 300px;
}
.about-slider .small {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.about-slider .small + .small {
    margin-top: 30px;
}
.about-slider .big {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
}
.about-slider .big + .big {
    margin-top: 30px;
}
.about-slider .picture {
    position: absolute;
    right: -35px;
    bottom: 0;
    width: 541px;
    height: 520px;
    mix-blend-mode: multiply;
}
.about-slider .picture img {
    object-fit: contain;
}
.about-slider .swiper-btn-prev {
    position: absolute;
    left: -160px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    transition: all 0.3s;
}
.about-slider .swiper-btn-prev:hover {
    opacity: 0.75;
}
.about-slider .swiper-btn-next {
    position: absolute;
    right: -160px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    transition: all 0.3s;
}
.about-slider .swiper-btn-next:hover {
    opacity: 0.75;
}

.text-scroll {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    height: 100%;
}
.text-scroll .text-scroll__line + .text-scroll__line {
    margin-top: 20px;
}
.text-scroll span {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.05em;
    display: block;
    color: rgb(141, 154, 163);
}

.colors-section {
    padding: 0 21px;
}
.colors-section__inner {
    background-color: rgb(238, 241, 243);
    border-radius: 70px;
}

.colors-block {
    padding: 71px 89px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.colors-block .caption {
    margin-bottom: 24px;
}

.color-block__left {
    width: 50%;
    max-width: 675px;
    color: #221d1d;
}
.color-block__left span {
    display: block;
    text-align: center;
}
.color-block__left p + p {
    margin-top: 25px;
}

.colors-slider {
    background-color: rgb(255, 255, 255);
    padding: 18px 54px;
    margin-top: 41px;
    border-radius: 30px;
    border: solid 1px rgb(34, 29, 29);
}

.colors-slider__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.colors-slider__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.05em;
}

.colors-slider__desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.05em;
    color: rgb(141, 154, 163);
}

.colors-slider__slider {
    margin-top: 36px;
    overflow: visible;
}
.colors-slider__slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.05em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.colors-slider__slider .swiper-slide.swiper-slide-visible {
    opacity: 1;
    pointer-events: initial;
}
.colors-slider__slider .swiper-btn-prev {
    position: absolute;
    left: -35px;
    top: calc(50% - 12px);
    transform: translateY(-50%);
    z-index: 5;
}
.colors-slider__slider .swiper-btn-next {
    position: absolute;
    right: -35px;
    top: calc(50% - 12px);
    transform: translateY(-50%);
    z-index: 5;
}

.color-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.color-circle .circle {
    cursor: pointer;
    position: relative;
    width: 66px;
    height: 66px;
    margin: auto;
    border-radius: 50%;
    border: solid 1px transparent;
}
.color-circle .circle::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px rgb(0, 0, 0);
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: rgba(255, 255, 255, 0.45);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_79_376)'%3e%3cpath d='M14.46 13.67C14.42 13.63 14.38 13.59 14.34 13.54C13.46 12.66 12.59 11.79 11.71 10.91C11.61 10.81 11.56 10.74 11.69 10.62C11.79 10.53 11.86 10.41 11.92 10.29C11.99 10.26 12.01 10.2 12.04 10.15C13.04 8.61003 13.39 6.92003 12.95 5.15003C12.28 2.42003 10.53 0.75003 7.79 0.14003C6.86 -0.07997 5.92 -0.02997 5 0.20003C4.28 0.38003 3.6 0.66003 2.98 1.09003C2.95 1.11003 2.91 1.13003 2.88 1.15003C1.54 2.08003 0.650003 3.33003 0.230003 4.90003C-0.129997 6.26003 -0.0799972 7.62003 0.460003 8.93003C1.39 11.17 3.06 12.54 5.45 13.01C6 13.12 6.57 13.13 7.13 13.08C7.81 13.02 8.46 12.86 9.09 12.59C9.64 12.35 10.16 12.06 10.63 11.68C10.74 11.59 10.8 11.57 10.91 11.68C11.7 12.48 12.5 13.28 13.3 14.08C13.43 14.21 13.55 14.34 13.69 14.46C13.91 14.66 14.24 14.65 14.45 14.44C14.65 14.23 14.66 13.9 14.46 13.67ZM9.91 10.82C9.23 11.35 8.47 11.7 7.63 11.87C4.6 12.47 1.71 10.46 1.22 7.46003C0.870003 5.28003 1.64 3.50003 3.4 2.15003C3.51 2.07003 3.62 1.98003 3.73 1.90003C3.98 1.78003 4.23 1.66003 4.49 1.54003C4.95 1.34003 5.43 1.22003 5.92 1.16003C7.51 0.99003 8.92 1.41003 10.12 2.46003C11.17 3.37003 11.78 4.53003 11.94 5.91003C12.09 7.17003 11.82 8.34003 11.15 9.42003C11.14 9.44003 11.13 9.46003 11.12 9.48003C10.78 10 10.39 10.45 9.91 10.82Z' fill='black'/%3e%3cpath d='M9 6.95662H6.96875V9H6.03125V6.95662H4V6.05479H6.03125V4H6.96875V6.05479H9V6.95662Z' fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_79_376'%3e%3crect width='14.6' height='14.6' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
.color-circle:hover .circle::before {
    opacity: 1;
}

.color-block__right {
    width: 50%;
    height: 681px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50px 50px 0px 0px;
    overflow: hidden;
    z-index: -1;
}
.color-block__right .picture {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.color-block__bottom {
    width: 100%;
    background-color: rgb(227, 0, 15);
    border-radius: 30px;
}

.color-block__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: rgb(255, 255, 255);
    padding: 53px 150px;
}
.color-block__list li {
    display: flex;
    align-items: center;
    gap: 35px;
    width: calc(33.3333333333% - 150px);
}

.modal__container {
    max-width: 560px;
}

#modal-colors .modal__container {
    max-width: 732px;
}

.popup-colors {
    background-color: #fff;
    border-radius: 40px;
    padding: 44px 62px;
    display: flex;
    align-items: center;
}
.popup-colors__color {
    width: 400px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 5px;
    padding: 30px 30px 70px;
    margin-right: 50px;
    mask-image: url("../img/mask.png");
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.popup-colors .name {
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}
.popup-colors .code {
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    display: block;
    padding-bottom: 20px;
    border-bottom: solid 1px rgb(0, 0, 0);
    width: 100%;
}
.popup-colors .fullname {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.05em;
    text-align: left;
    max-width: 166px;
    display: block;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.popup-colors .fullname strong {
    display: block;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
}

.form-section {
    padding: 85px 21px;
}
.form-section__inner {
    padding: 95px 88px;
    background-color: rgb(238, 241, 243);
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-section .input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
}
.form-section .input-item {
    width: calc(50% - 10px);
}
.form-section .input-item input {
    background-color: rgb(215, 221, 225);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 50px;
    padding: 0 45px;
    height: 74px;
    width: 100%;
}
.form-section .textarea-input {
    width: 100%;
}
.form-section .textarea-input textarea {
    padding: 33px 45px;
    height: 133px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    text-align: left;
}

.form-section__left {
    width: 100%;
    max-width: 659px;
}

.form-section__caption {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-section__caption-line:nth-child(1) {
    font-size: 100px;
    font-weight: 800;
    line-height: 75px;
    letter-spacing: -0.05em;
    color: rgb(227, 0, 15);
}
.form-section__caption-line:nth-child(2) {
    font-size: 55px;
    font-weight: 800;
    line-height: 60px;
    letter-spacing: -0.05em;
}

.form-section__desc {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: rgb(141, 154, 163);
    margin-top: 25px;
    display: block;
    max-width: 435px;
}

.form-section__right {
    width: calc(60% - 96px);
    padding: 50px 61px 50px 111px;
    border-left: solid 3px rgb(207, 218, 226);
}

.form-section__result {
    border: solid 1px rgb(189, 189, 189);
    background-color: rgb(255, 255, 255);
    border-radius: 50px;
    width: 100%;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 15px 30px 43px;
}
.form-section__result .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: rgb(141, 154, 163);
    max-width: 250px;
}
.form-section__result .result {
    font-size: 60px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.05em;
    background-color: rgb(227, 0, 15);
    padding: 35px 41px;
    color: rgb(255, 255, 255);
    border-radius: 40px;
}

.faq-section {
    padding: 0 18px;
}
.faq-block {
    border-radius: 70px;
    max-width: 1695px;
    margin: 0 auto;
}
.faq-block .caption {
    max-width: 43%;
    width: 100%;
}

.faq-list {
    margin-top: 49px;
    max-width: 100%;
    width: 100%;
    height: 565px;
    margin-bottom: 79px;
}
.faq-list .mCustomScrollBox {
    padding-left: 0;
    margin-left: 0;
}
.faq-list .mCSB_scrollTools {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    width: 7px;
    background-color: rgb(238, 241, 243);
    border-radius: 20px;
}
.faq-list .mCSB_inside > .mCSB_container {
    margin-right: 165px;
}
.faq-list .mCSB_draggerRail {
    display: none;
}
.faq-list .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: red;
    width: 7px;
}

.faq-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    position: relative;
    z-index: 3;
}
.faq-item + .faq-item {
    margin-top: 26px;
    border-top: solid 1px rgb(0, 0, 0);
    padding-top: 60px;
}
.faq-item.opened .faq-item__quest {
    color: rgb(34, 29, 29);
}

.faq-item__num {
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.05em;
    color: rgb(141, 154, 163);
}

.faq-item__quest {
    cursor: pointer;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.05em;
    color: rgb(141, 154, 163);
    margin-top: 20px;
}

.faq-item__answer {
    display: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 20px;
}
.faq-item__answer a {
    text-decoration: underline;
    transition: text-decoration 0.3s;
}
.faq-item__answer a:hover {
    text-decoration-color: transparent;
}

.partners-section {
    margin: 85px 0;
    padding: 69px 111px 7px;
    border-top: solid 1px rgb(34, 29, 29);
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.section-title::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: calc(50% - 9px);
    left: calc(50% + 28px);
    top: calc(100% + 5px);
    height: 1px;
    background-color: rgb(141, 154, 163);
    transform: translateX(-50%) translateY(-50%);
}
.section-title .caption {
    max-width: 380px;
}
.section-title .text {
    text-align: right;
    transform: translateY(55px);
}

.partners-slider {
    margin-top: 122px;
    width: 100%;
    max-width: 1410px;
    overflow: visible;
    z-index: auto;
}
/*
.partners-slider .swiper-slide {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.partners-slider .swiper-slide.swiper-slide-visible {
  opacity: 1;
  pointer-events: initial;
}
*/
.partners-slider .swiper-slide:hover .picture {
    filter: contrast(1);
}
.partners-slider .picture {
    display: block;
    cursor: pointer;
    position: relative;
    width: 260px;
    margin: auto;
    height: 192px;
    position: relative;
    z-index: 1;
    filter: contrast(0);
    transition: all 0.3s;
    z-index: 5;
}
.partners-slider .picture > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}
.partners-slider .picture img {
    object-fit: contain;
    width: 60%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.partners-slider .swiper-btn-prev {
    position: absolute;
    left: -160px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    transition: all 0.3s;
}
.partners-slider .swiper-btn-prev:hover {
    opacity: 0.75;
}
.partners-slider .swiper-btn-next {
    position: absolute;
    right: -160px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    transition: all 0.3s;
}
.partners-slider .swiper-btn-next:hover {
    opacity: 0.75;
}

marquee {
    font-size: 100px;
    font-weight: 800;
    line-height: 75px;
    letter-spacing: -0.05em;
    color: rgb(227, 230, 232);
    padding: 10px;
    position: relative;
    left: -25px;
    width: calc(100% + 50px);
    border-bottom: solid 1px rgb(0, 0, 0);
    padding-bottom: 50px;
}
marquee span {
    margin: 0 40px;
}

.documents-section {
    padding: 55px 21px;
}

.documents-section__inner {
    padding: 75px 90px;
    background-color: rgb(238, 241, 243);
    border-radius: 50px;
}
.documents-list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 51px;
}

.documents-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    border-radius: 70px;
    padding: 29px;
    gap: 25px;
}
.documents-item .picture {
    border-radius: 30px;
    width: 100%;
    padding-top: 98.1818181818%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.documents-item .picture::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgb(238, 241, 243);
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.documents-item .picture img {
    object-position: top;
}
.documents-item .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.05em;
    display: block;
    text-align: center;
}
.documents-item--exel .picture::before {
    opacity: 1;
    background-image: url("../img/doc-exel.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}
.documents-item--word .picture::before {
    opacity: 1;
    background-image: url("../img/doc-word.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}

.documents-item__load {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: rgb(141, 154, 163);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transition: all 0.3s;
}
.documents-item__load:hover {
    background-color: rgb(227, 0, 15);
}

.info-section {
    border-top: solid 1px rgb(34, 29, 29);
    margin-top: 50px;
    padding: 50px 100px 77px;
}
.info-section__text {
    margin-top: 69px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.info-section__text strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    margin-top: 11px;
    display: block;
    text-transform: uppercase;
}

.slider-info-wrapper {
    padding: 0 21px;
}
.slider-info-wrapper .info-text {
    background-color: rgb(227, 0, 15);
    font-size: 24px;
    font-weight: 800;
    line-height: 33px;
    text-align: center;
    padding: 36px 50px;
    border-radius: 30px;
    color: rgb(255, 255, 255);
    width: 100%;
    margin: 0 auto;
    margin-top: -59px;
    z-index: 5;
    position: relative;
}

.slider-info {
    position: relative;
    background-color: rgb(238, 241, 243);
    width: 100%;
    border-radius: 30px;
    overflow: visible;
    padding-bottom: 50px;
    margin-top: 30px;
}
.slider-info .swiper-slide {
    /* opacity: 0; */
    /* pointer-events: none; */
    margin-top: -65px;
    transition: all 0.3s;
}
.slider-info .swiper-slide.swiper-slide-visible {
    opacity: 1;
    pointer-events: initial;
}
.slider-info .swiper-btn-prev {
    position: absolute;
    left: 65px;
    top: calc(100% - 167px);
    z-index: 5;
}
.slider-info .swiper-btn-next {
    position: absolute;
    right: 65px;
    top: calc(100% - 167px);
    z-index: 5;
}
.slider-info .icon {
    width: 107px;
    height: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin: 0 auto;
}
.slider-info .txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 20px auto 0;
}

.delivery-section__head {
    padding: 64px 110px 46px;
}
.delivery-section__head .caption {
    max-width: 40%;
}

.delivery-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
    padding: 0 21px;
}

.delivery-item {
    padding: 40px 94px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.05em;
    background-color: rgb(238, 241, 243);
    border-radius: 50px;
}
.delivery-item .caption {
    min-height: 162px;
    display: block;
}

.delivery-item__list li {
    position: relative;
    padding-left: 20px;
}
.delivery-item__list li::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 8px;
    height: 8px;
    background-color: rgb(227, 0, 15);
    border-radius: 50%;
    top: 8px;
    left: 0;
}
.delivery-item__list li + li {
    margin-top: 35px;
}

.commercial-offer .form-section__inner {
    padding-bottom: 200px;
}
.commercial-offer .grettings-btn {
    margin-top: -151px;
}

.contacts-section {
    padding: 19px 21px;
    display: flex;
    flex-wrap: wrap;
    border-top: solid 1px rgb(34, 29, 29);
    margin-top: 60px;
}

.contacts-section__left {
    padding: 42px 90px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contacts__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.05em;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 25px;
    max-width: 90%;
}
.contacts__text p {
    max-width: 400px;
}

.contacts__links {
    margin-top: 105px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 80%;
}
.contacts__links a {
    font-size: 33px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.05em;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    transition: all 0.3s;
}
.contacts__links a:hover {
    text-decoration-color: rgb(227, 0, 15);
    color: rgb(227, 0, 15);
}

.contacts__whatt {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.05em;
    margin-top: 49px;
    display: flex;
    align-items: center;
    gap: 9px;
    transition: color 0.3s;
}
.contacts__whatt span {
    color: #b8bfc6;
    font-size: 18px;
    transition: color 0.3s;
}
.contacts__whatt:hover {
    color: rgb(227, 0, 15);
}
.contacts__whatt:hover span {
    color: rgb(227, 0, 15);
}

.contacts__mail {
    font-size: 33px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.05em;
    margin-top: 68px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-skip-ink: none;
    text-underline-offset: 5px;
    transition: all 0.3s;
}
.contacts__mail:hover {
    text-decoration-color: rgb(227, 0, 15);
    color: rgb(227, 0, 15);
}

.contacts-section__right {
    width: 50%;
}

.map {
    width: 100%;
    height: 605px;
    border-radius: 50px;
    overflow: hidden;
}

#modal-colors .modal__close {
    background-color: transparent;
}

.popup {
    background-color: rgb(255, 255, 255);
    border-radius: 40px;
    padding: 87px 25px 40px;
}
.popup .desc {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    display: block;
    margin-top: 15px;
    color: rgb(141, 154, 163);
}
.popup .input-item {
    width: 100%;
    margin-top: 30px;
}
.popup .input-item input {
    background-color: rgb(215, 221, 225);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 50px;
    padding: 0 45px 5px;
    height: 74px;
    width: 100%;
}
.popup .input-item textarea {
    background-color: rgb(215, 221, 225);
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 40px;
    padding: 20px 45px;
    height: 74px;
    width: 100%;
    height: 110px;
    border: 0;
    resize: none;
}
.popup .input-item + .input-item {
    margin-top: 20px;
}
.popup .check-block {
    padding: 20px 0;
}
.popup .grettings-btn {
    margin-top: 0;
    left: -25px;
    width: calc(100% + 50px);
    padding: 12px 0 22px;
    font-size: 20px;
    text-underline-offset: 8px;
}
.popup .grettings-btn__text::before {
    width: 20px;
    height: 20px;
    right: -30px;
    top: 23px;
}

.popup-succes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    min-height: 520px;
    padding: 0 30px;
}

.input-file {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.input-file input {
    display: none;
}
.input-file .doc-name {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: rgb(227, 0, 15);
    width: 100%;
    text-align: center;
    justify-content: center;
}
.input-file label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: rgb(227, 0, 15);
    text-decoration: underline;
    transition: all 0.3s;
}
.input-file label:hover {
    text-decoration-color: transparent;
}

.not-page {
    position: relative;
    padding: 0 18px;
    margin-bottom: 50px;
}
.not-page__inner {
    position: relative;
    padding: 80px;
    background-color: rgb(238, 241, 243);
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    min-height: 850px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.not-page .picture {
    position: absolute;
    left: 0;
    top: 0;
}
.not-page .pic1 {
    width: 900px;
    height: 221px;
    transform: rotate(-15deg);
    left: -340px;
    top: 70px;
}
.not-page .pic2 {
    width: 1200px;
    height: 320px;
    transform: rotate(15deg);
    left: auto;
    right: -120px;
    top: auto;
    bottom: 230px;
}
.not-page .pic3 {
    filter: blur(5px);
    opacity: 0.33;
    width: 245px;
    height: 60px;
    left: calc(50% - 245px);
    transform: rotate(15deg);
    top: 90px;
}
.not-page .pic4 {
    filter: blur(5px);
    opacity: 0.33;
    width: 385px;
    height: 100px;
    left: calc(50% + 560px);
    transform: rotate(-15deg);
    top: 90px;
}
.not-page__title {
    font-size: 150px;
    font-weight: 700;
    line-height: 100px;
    letter-spacing: -0.05em;
    color: rgb(227, 0, 15);
    display: block;
}
.not-page__code {
    font-size: 110px;
    font-weight: 800;
    line-height: 120px;
    color: rgb(34, 29, 29);
    display: block;
}
.not-page__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: rgb(141, 154, 163);
    display: block;
}
.not-page .grettings-btn {
    margin-top: 50px;
    width: calc(100% + 222px);
    left: -111px;
}

@media (min-width: 1024px) {
    .menu {
        display: flex !important;
        height: auto !important;
    }
}
@media (max-width: 1899px) {
    .contacts__links {
        max-width: 100%;
    }
    .contacts__text {
        max-width: 100%;
    }
}
@media (max-width: 1799px) {
    .about-slider .swiper-btn-prev {
        left: -40px;
    }
    .about-slider .swiper-btn-next {
        right: -40px;
    }
    .color-block__left {
        max-width: 615px;
    }
    .color-block__list li {
        gap: 15px;
        width: calc(33.3333333333% - 90px);
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 90px;
        line-height: 65px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 45px;
        line-height: 50px;
        max-width: 80%;
    }
    .form-section__right {
        padding: 50px 60px 50px 60px;
    }
    .partners-slider .swiper-btn-next {
        right: -60px;
    }
    .partners-slider .swiper-btn-prev {
        left: -60px;
    }
    .footer-menu {
        padding-left: 75px;
    }
    .not-page .pic1 {
        width: 700px;
        height: 180px;
        left: -340px;
        top: 70px;
    }
    .not-page .pic2 {
        width: 1000px;
        height: 250px;
        right: -120px;
        bottom: 230px;
    }
    .not-page .pic3 {
        width: 200px;
        height: 40px;
        left: calc(50% - 245px);
        top: 90px;
    }
    .not-page .pic4 {
        width: 300px;
        height: 80px;
        left: calc(50% + 560px);
        top: 90px;
    }
}
@media (max-width: 1599px) {
    .header__top {
        padding: 4px 50px;
    }
    .menu {
        padding: 10px 50px;
    }
    .grettings-slider {
        padding: 30px 50px 30px;
    }
    .grettings-slide .caption__text {
        font-size: 130px;
        line-height: 110px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 100px;
        line-height: 105px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 75px;
        line-height: 75px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 75px;
        line-height: 75px;
    }
    .grettings-slide .picture {
        left: calc(50% - 275px);
        top: 13px;
    }
    .grettings-btn {
        font-size: 26px;
        line-height: 28px;
        padding: 20px 0 30px;
    }
    .about-slider .swiper-slide {
        padding: 30px 50px;
        height: 490px;
    }
    .about-slider__content {
        max-width: 50%;
    }
    .about-slider .big {
        font-size: 20px;
        line-height: 30px;
    }
    .about-slider .caption {
        margin-bottom: 25px;
    }
    .about-slider .small + .small,
    .about-slider .big + .big {
        margin-top: 20px;
    }
    h2,
    .caption--h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .about-section {
        padding: 60px 0;
    }
    .about-slider {
        max-width: 1024px;
    }
    .about-slider .caption {
        max-width: 50%;
    }
    .about-slider .small {
        font-size: 14px;
        line-height: 24px;
    }
    .colors-block {
        padding: 50px;
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 80px;
        line-height: 55px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 35px;
        line-height: 40px;
        max-width: 60%;
    }
    .form-section__right {
        padding: 50px 60px 50px 60px;
    }
    .form-section__inner {
        padding: 50px;
    }
    .form-section .input-item input {
        height: 65px;
        padding: 0 30px;
        font-size: 14px;
    }
    .form-section__result .title {
        font-size: 18px;
        line-height: 22px;
    }
    .form-section__result .result {
        font-size: 50px;
        padding: 30px 40px;
    }
    .faq-list {
        height: 495px;
        margin-bottom: 40px;
    }
    .faq-item {
        padding-bottom: 20px;
    }
    .faq-item__quest {
        font-size: 30px;
        line-height: 35px;
    }
    .faq-item + .faq-item {
        margin-top: 20px;
        padding-top: 40px;
    }
    .documents-list {
        gap: 15px;
        margin-top: 30px;
    }
    .documents-item {
        padding: 25px;
        border-radius: 50px;
    }
    .documents-item .name {
        font-size: 16px;
        line-height: 22px;
    }
    .documents-section__inner {
        padding: 50px;
    }
    .delivery-section__head {
        padding: 40px 50px 30px;
    }
    .delivery-item {
        padding: 30px 50px;
        font-size: 14px;
    }
    .delivery-item .caption {
        min-height: 152px;
    }
    .contacts__text {
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        gap: 20px;
    }
    .contacts__links {
        flex-direction: column;
        margin-top: 50px;
        gap: 20px;
    }
    .contacts__links a {
        font-size: 24px;
        line-height: 30px;
    }
    .contacts__mail {
        font-size: 24px;
        line-height: 30px;
        margin-top: 50px;
    }
    .contacts-section__left {
        padding: 40px 50px;
    }
    .footer__inner {
        padding: 50px;
    }
    .link-call {
        font-size: 45px;
        line-height: 50px;
    }
    .not-page .pic1 {
        width: 500px;
        height: 170px;
        left: -100px;
        top: 70px;
    }
    .not-page .pic2 {
        width: 870px;
        height: 230px;
        right: -260px;
        bottom: 280px;
    }
    .not-page .pic3 {
        width: 200px;
        height: 40px;
        left: calc(50% - 245px);
        top: 90px;
    }
    .not-page .pic4 {
        width: 300px;
        height: 80px;
        left: calc(50% + 560px);
        top: 90px;
    }
}
@media (max-width: 1439px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .header__links a {
        font-size: 20px;
        line-height: 30px;
    }
    .header__phone {
        font-size: 20px;
        line-height: 30px;
    }
    .header__call {
        font-size: 14px;
        line-height: 18px;
    }
    .logo__text {
        max-width: 207px;
    }
    .header__right {
        gap: 20px;
    }
    .grettings-slide .caption__text {
        font-size: 110px;
        line-height: 90px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 90px;
        line-height: 80px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 65px;
        line-height: 65px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 65px;
        line-height: 65px;
    }
    .grettings {
        padding-bottom: 30px;
    }
    .grettings-item {
        max-width: 215px;
    }
    .grettings-item__icon {
        width: 50px;
        height: 55px;
    }
    .grettings-slide .picture {
        left: calc(50% - 95px);
        top: 33px;
        width: 1600px;
        height: 438px;
    }
    .grettings-slide .picture picture{
        height:438px
    }
    .grettings-list {
        margin-top: 70px;
    }
    .grettings-btn {
        font-size: 22px;
        line-height: 26px;
        padding: 15px 0 20px;
    }
    .color-block__left {
        max-width: 585px;
        width: 60%;
    }
    .color-block__right {
        width: 40%;
        height: 540px;
    }
    .colors-slider {
        margin-top: 20px;
    }
    .colors-block {
        padding: 30px 50px 30px;
    }
    .color-block__list {
        padding: 50px;
        font-size: 14px;
        line-height: 20px;
    }
    .color-block__list li {
        gap: 15px;
        width: calc(33.3333333333% - 70px);
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 70px;
        line-height: 45px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
        max-width: 60%;
    }
    .form-section__right {
        padding: 30px;
    }
    .form-section__inner {
        padding: 50px;
    }
    .form-section__result .title {
        font-size: 16px;
        line-height: 20px;
    }
    .form-section__result .result {
        font-size: 40px;
        padding: 20px 30px;
    }
    .form-section__result {
        padding: 20px;
        height: auto;
    }
    .form-section__left {
        max-width: 489px;
    }
    .form-section__desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
        max-width: 450px;
    }
    .form-section {
        padding: 50px 21px;
    }
    .faq-block .caption {
        max-width: 50%;
    }
    .faq-item__quest {
        font-size: 25px;
        line-height: 30px;
        margin-top: 10px;
    }
    .faq-item__num {
        font-size: 25px;
        line-height: 30px;
    }
    .faq-item {
        padding-bottom: 10px;
    }
    .faq-item__answer {
        margin-top: 10px;
        font-size: 14px;
    }
    .faq-item + .faq-item {
        margin-top: 10px;
        padding-top: 20px;
    }
    .faq-list {
        height: 305px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .partners-section {
        margin: 55px 0 30px;
        padding: 50px 55px 0;
    }
    h3,
    .caption--h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .section-title .text {
        transform: translateY(40px);
    }
    .section-title .caption {
        max-width: 310px;
    }
    .partners-slider {
        margin-top: 50px;
    }
    marquee {
        font-size: 80px;
        font-weight: 800;
        line-height: 55px;
    }
    .partners-slider .swiper-btn-next {
        right: -20px;
    }
    .partners-slider .swiper-btn-prev {
        left: -20px;
    }
    .info-section__text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 30px;
    }
    .info-section__text strong {
        font-size: 18px;
        line-height: 24px;
    }
    .section-title::before {
        width: calc(50% - 59px);
        left: calc(50% + 8px);
    }
    .info-section {
        border-top: solid 1px rgb(34, 29, 29);
        padding: 30px 70px 50px;
    }
    .slider-info .txt {
        font-size: 18px;
        line-height: 24px;
    }
    .slider-info .swiper-btn-next {
        right: 15px;
    }
    .slider-info .swiper-btn-prev {
        left: 15px;
    }
    .slider-info-wrapper .info-text {
        font-size: 18px;
        line-height: 26px;
        padding: 20px;
    }
    .delivery-section__head .caption {
        max-width: 60%;
    }
    .delivery-item {
        padding: 20px 30px;
    }
    .delivery-item .caption {
        min-height: 132px;
    }
    .commercial-offer .form-section__inner {
        padding-bottom: 130px;
    }
    .commercial-offer .grettings-btn {
        margin-top: -100px;
    }
    .footer-menu {
        font-size: 14px;
        padding-left: 50px;
    }
    .footer-menu li {
        width: calc(50% - 15px);
    }
    .footer-bottom {
        font-size: 12px;
    }
    .link-call {
        font-size: 35px;
        line-height: 40px;
    }
    .not-page__inner {
        padding: 60px;
        min-height: 640px;
    }
    .grettings-btn__text::before {
        right: -30px;
        top: 20px;
        width: 20px;
        height: 20px;
    }
    .popup {
        padding: 17px 25px 20px;
    }
    .popup-succes {
        min-height: 390px;
    }
}
@media (max-width: 1199px) {
    .header__links a {
        font-size: 18px;
        line-height: 24px;
    }
    .header__phone {
        font-size: 18px;
        line-height: 24px;
    }
    .logo {
        flex-direction: column;
        gap: 0;
        max-width: 300px;
        text-align: center;
        transform: translateX(0px);
    }
    .logo__text {
        width: 100%;
        max-width: 100%;
    }
    .grettings-slide .caption__text {
        font-size: 80px;
        line-height: 80px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 70px;
        line-height: 70px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 55px;
        line-height: 55px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 55px;
        line-height: 55px;
    }
    .header__right {
        gap: 20px;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
    .header__top {
        padding: 4px 30px;
    }
    .menu {
        padding: 10px 30px;
    }
    .grettings-slider {
        padding: 15px 30px 15px;
    }
    .grettings-slide .picture {
        left: calc(50% - 135px);
        top: 20px;
        width: 1480px;
        height: 388px;
    }
    .grettings-slide .picture picture{
        height:388px}
    .grettings-item {
        max-width: 185px;
        font-size: 14px;
        line-height: 20px;
    }
    .grettings-btn {
        font-size: 20px;
        line-height: 24px;
        padding: 20px 0 30px;
    }
    .grettings-btn__text::before {
        top: 20px;
    }
    .about-slider {
        max-width: 840px;
    }
    .about-slider .picture {
        right: -35px;
        width: 361px;
        height: 360px;
    }
    .about-slider .swiper-slide {
        padding: 30px 30px;
        height: 410px;
        border-radius: 30px;
    }
    .about-slider .big {
        font-size: 16px;
        line-height: 24px;
    }
    .about-slider .small + .small,
    .about-slider .big + .big {
        margin-top: 10px;
    }
    .about-slider .caption {
        margin-bottom: 20px;
    }
    h2,
    .caption--h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .text-scroll {
        font-size: 14px;
        line-height: 20px;
        transform: translateX(20px);
    }
    .text-scroll .text-scroll__line + .text-scroll__line {
        margin-top: 10px;
    }
    .text-scroll span {
        font-size: 16px;
        line-height: 20px;
    }
    .mCSB_inside > .mCSB_container {
        margin-right: 0;
        padding-bottom: 20px;
    }
    .color-block__left {
        max-width: 585px;
        width: 55%;
    }
    .color-block__right {
        width: 40%;
        height: 100%;
    }
    .color-block__list {
        padding: 50px;
        font-size: 12px;
        line-height: 16px;
    }
    .color-block__list {
        padding: 25px 50px;
    }
    .color-block__list li {
        gap: 10px;
        width: calc(33.3333333333% - 50px);
    }
    .color-block__list li img {
        width: 40px;
    }
    .colors-slider__title {
        font-size: 18px;
        line-height: 30px;
    }
    .colors-slider {
        margin-top: 30px;
        padding: 15px 40px;
    }
    .colors-slider__slider .swiper-btn-prev {
        left: -25px;
    }
    .colors-slider__slider .swiper-btn-next {
        right: -25px;
    }
    .colors-slider__desc {
        font-size: 14px;
    }
    .colors-slider__slider {
        margin-top: 15px;
    }
    .colors-section__inner {
        border-radius: 30px;
    }
    .colors-block {
        padding: 30px;
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 60px;
        line-height: 50px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 20px;
        line-height: 25px;
        max-width: 60%;
    }
    .form-section__left {
        max-width: 439px;
    }
    .form-section .input-item {
        width: 100%;
    }
    .form-section .input-item input {
        height: 55px;
    }
    .form-section__result .title {
        font-size: 14px;
        line-height: 18px;
    }
    .form-section__result {
        gap: 20px;
    }
    .form-section__inner {
        padding: 30px;
    }
    .form-section__desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
    .form-section__caption {
        gap: 10px;
    }
    .documents-item .name {
        font-size: 14px;
        line-height: 20px;
    }
    .documents-section__inner {
        padding: 30px;
    }
    .documents-item {
        padding: 15px;
        border-radius: 30px;
    }
    .documents-item .picture {
        border-radius: 15px;
    }
    .slider-info .txt {
        font-size: 15px;
        line-height: 20px;
        margin-top: 10px;
    }
    .slider-info .swiper-slide {
        margin-top: -30px;
    }
    .slider-info .icon {
        width: 60px;
        height: 60px;
    }
    .slider-info .icon svg {
        width: 30px;
        height: 30px;
    }
    .slider-info .txt {
        max-width: 200px;
    }
    .slider-info .swiper-btn-prev {
        top: calc(100% - 127px);
    }
    .slider-info .swiper-btn-next {
        top: calc(100% - 127px);
    }
    .slider-info-wrapper .info-text {
        font-size: 16px;
        line-height: 24px;
        padding: 15px;
    }
    .info-section__text {
        margin-top: 50px;
    }
    .info-section {
        padding: 30px 50px 30px;
    }
    .section-title::before {
        width: calc(50% - 149px);
        left: calc(50% + 8px);
    }
    h3,
    .caption--h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .delivery-item {
        padding: 20px;
        font-size: 12px;
        line-height: 18px;
    }
    .form-section .textarea-input textarea {
        padding: 15px 30px;
        height: 130px;
        font-size: 12px;
        line-height: 18px;
    }
    .check-block {
        display: flex;
        align-items: center;
        min-height: 24px;
        padding: 5px 15px;
    }
    .check-block label {
        font-size: 12px;
        line-height: 18px;
    }
    .form-section .textarea-input textarea {
        border-radius: 30px;
    }
    .contacts-section__left {
        padding: 30px 30px;
    }
    .contacts__text {
        font-size: 16px;
        line-height: 22px;
    }
    .contacts__links a {
        font-size: 20px;
        line-height: 24px;
    }
    .contacts__whatt {
        font-size: 16px;
        line-height: 24px;
    }
    .contacts__whatt span {
        font-size: 14px;
    }
    .contacts__mail {
        font-size: 20px;
        line-height: 24px;
    }
    .contacts-section__left {
        justify-content: center;
    }
    .popup-succes {
        min-height: 320px;
    }
    .not-page__inner {
        min-height: 690px;
    }
    .not-page__inner .pic2 {
        width: 750px;
        height: 180px;
        right: -430px;
        bottom: 230px;
    }
    .not-page__inner .pic3 {
        left: calc(50% + 5px);
    }
    .not-page__inner .pic4 {
        display: none;
    }
    .not-page__title {
        font-size: 100px;
        line-height: 70px;
    }
}
@media (max-width: 1023px) {
    .header__links {
        display: none;
    }
    .header__right {
        display: none;
    }
    .menu {
        display: none;
        background-color: rgb(238, 241, 243);
        position: absolute;
        left: 20px;
        top: 100%;
        width: calc(100% - 40px);
        height: auto;
        z-index: 9;
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.11);
        border-radius: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .menu .header-mobile {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        gap: 15px;
    }
    .menu .header__links {
        display: flex;
    }
    .menu .header__info {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }
    .logo__text {
        max-width: 207px;
        width: auto;
    }
    .logo {
        max-width: initial;
        flex-direction: row;
        text-align: left;
        gap: 10px;
    }
    .header__top {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        position: relative;
    }
    .burger {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .grettings-slide .picture {
        left: calc(50% - 45px);
        top: 40px;
        width: 1200px;
        height: 298px;
    }
    .grettings-slide .picture picture{
        height:298px
    }
    .grettings-slide .caption__text {
        font-size: 70px;
        line-height: 75px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 65px;
        line-height: 70px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 50px;
        line-height: 55px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 50px;
        line-height: 55px;
    }
    .grettings-list {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 60px;
    }
    .grettings-item {
        width: calc(50% - 10px);
        max-width: 50%;
    }
    .grettings-btn {
        font-size: 18px;
        line-height: 20px;
    }
    .about-slider {
        max-width: 100%;
        padding: 0 60px;
    }
    .about-slider__content {
        max-width: 80%;
        min-height: initial;
    }
    .about-slider .caption {
        max-width: 80%;
    }
    .about-slider .picture {
        right: -65px;
        width: 251px;
        height: 260px;
    }
    .about-slider .swiper-slide {
        height: auto;
        min-height: 280px;
    }
    .about-slider .swiper-btn-next {
        right: 30px;
    }
    .about-slider .swiper-btn-next svg {
        width: 15px;
        height: 15px;
    }
    .about-slider .swiper-btn-prev {
        left: 30px;
    }
    .about-slider .swiper-btn-prev svg {
        width: 15px;
        height: 15px;
    }
    .text-scroll {
        height: 280px;
    }
    .color-block__list li {
        gap: 10px;
        width: calc(33.3333333333% - 30px);
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 50px;
        line-height: 40px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 18px;
        line-height: 22px;
        max-width: 70%;
    }
    .form-section__left {
        max-width: 359px;
    }
    .form-section__result .title {
        width: 100%;
    }
    .form-section__result {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        text-align: center;
        padding: 15px;
        border-radius: 30px;
    }
    .form-section__right {
        width: 50%;
    }
    .form-section__result .result {
        font-size: 30px;
        padding: 10px 20px;
    }
    .form-section .input-list {
        gap: 10px;
    }
    .form-section__right {
        padding: 15px;
    }
    .form-section__desc {
        max-width: 90%;
        font-size: 10px;
        line-height: 14px;
    }
    .form-section__inner {
        border-radius: 30px;
    }
    .faq-block .caption {
        max-width: 80%;
    }
    .faq-list .mCSB_inside > .mCSB_container {
        margin-right: 50px;
    }
    .faq-item__quest {
        font-size: 20px;
        line-height: 25px;
        margin-top: 0;
    }
    .faq-item__num {
        font-size: 18px;
        line-height: 24px;
    }
    .faq-list {
        height: 247px;
    }
    .faq-item + .faq-item {
        margin-top: 15px;
        padding-top: 20px;
    }
    .faq-item__answer {
        margin-top: 0;
    }
    .partners-section {
        margin: 35px 0 10px;
        padding: 30px 35px 0;
    }
    h3,
    .caption--h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .section-title .text {
        transform: translateY(30px);
    }
    .section-title .caption {
        max-width: 250px;
    }
    .section-title::before {
        width: calc(50% - 79px);
        left: calc(50% + 18px);
    }
    .partners-slider .picture {
        width: 200px;
        height: 132px;
    }
    .partners-slider {
        margin-top: 30px;
    }
    marquee {
        font-size: 60px;
        font-weight: 800;
        line-height: 45px;
        padding-bottom: 30px;
    }
    .documents-list {
        grid-template-columns: 1fr 1fr;
    }
    .documents-item {
        gap: 15px;
    }
    .info-section {
        padding: 30px 30px;
    }
    .delivery-item .caption {
        min-height: inherit;
    }
    .delivery-item {
        padding: 20px 30px;
    }
    .delivery-list {
        grid-template-columns: 1fr;
    }
    .delivery-item__list {
        margin-top: 15px;
    }
    .delivery-item__list li + li {
        margin-top: 15px;
    }
    .contacts__text {
        font-size: 14px;
        line-height: 20px;
    }
    .contacts__links {
        gap: 10px;
    }
    .contacts__links a {
        font-size: 18px;
        line-height: 20px;
    }
    .contacts__whatt {
        font-size: 14px;
        line-height: 20px;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 30px;
    }
    .contacts__whatt svg {
        width: 20px;
    }
    .contacts__whatt span {
        font-size: 12px;
    }
    .contacts__mail {
        font-size: 18px;
        line-height: 20px;
        margin-top: 30px;
    }
    .contacts__links {
        margin-top: 30px;
    }
    .link-call {
        order: 2;
        font-size: 25px;
        line-height: 30px;
    }
    .footer .logo {
        order: 1;
        gap: 0;
    }
    .footer-menu {
        width: 100%;
        flex: initial;
        order: 3;
        padding: 0;
        margin-top: 30px;
    }
    .footer-menu ul {
        gap: 15px 5px;
    }
    .footer-menu li {
        width: calc(25% - 10px);
    }
    .footer-bottom {
        order: 4;
        margin-top: 70px;
    }
    .map {
        border-radius: 30px;
    }
    .footer__inner {
        padding: 30px;
        border-radius: 30px 30px 0px 0px;
    }
    .popup-colors {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .grettings-slide .caption__text {
        font-size: 55px;
        line-height: 40px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 50px;
        line-height: 60px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 40px;
        line-height: 50px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 40px;
        line-height: 50px;
    }
    .logo picture {
        width: 177px;
        height: 57px;
    }
    .header__top {
        padding: 4px 20px;
    }
    .grettings-slider {
        padding: 10px 20px 10px;
    }
    .logo__text {
        font-size: 12px;
        line-height: 14px;
    }
    .grettings-slide .picture {
        left: calc(50% - 75px);
        top: 30px;
        width: 1000px;
        height: 250px;
    }
    .grettings-slide .picture picture{
        height:250px}
    .grettings-item {
        font-size: 12px;
        line-height: 16px;
        max-width: 45%;
        gap: 10px;
    }
    .grettings-btn {
        font-size: 16px;
        line-height: 18px;
        margin-top: 10px;
        padding: 15px 0 25px;
        text-underline-offset: 7px;
    }
    .grettings-btn__text::before {
        top: 15px;
        width: 20px;
        height: 20px;
        right: -25px;
    }
    .grettings-item__icon {
        width: 30px;
        height: 45px;
    }
    .grettings-list {
        margin-top: 40px;
    }
    .about-slider .caption {
        max-width: 70%;
    }
    .about-slider__content {
        max-width: 70%;
    }
    .about-section {
        padding: 30px 0;
    }
    .about-slider .big {
        font-size: 14px;
        line-height: 20px;
    }
    h2,
    .caption--h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .text-scroll {
        height: 260px;
    }
    .color-block__left {
        width: 100%;
        max-width: 100%;
    }
    .color-block__right {
        width: 100%;
        position: relative;
        height: auto;
        padding-top: 74.4878957169%;
        margin-top: 20px;
        border-radius: 30px;
    }
    .color-block__list li {
        width: 100%;
    }
    .color-block__list {
        flex-wrap: wrap;
        gap: 25px;
    }
    .colors-block {
        padding: 15px 15px;
    }
    .colors-slider__title {
        font-size: 16px;
    }
    .colors-slider__desc {
        font-size: 12px;
    }
    .popup-colors {
        flex-wrap: wrap;
        padding: 30px 15px;
        gap: 30px;
        border-radius: 30px;
    }
    .popup-colors .fullname{
        max-width: 100%;
    }
    .form-section__left {
        width: 100%;
        max-width: 100%;
    }
    .form-section__inner {
        flex-wrap: wrap;
    }
    .form-section__right {
        padding: 15px 0;
        border: 0;
        border-top: solid 2px rgb(207, 218, 226);
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }
    .form-section__result {
        text-align: left;
        justify-content: space-between;
    }
    .form-section {
        padding: 30px 21px;
    }
    .faq-block .caption {
        max-width: 60%;
    }
    .faq-item__quest {
        font-size: 18px;
        line-height: 22px;
        margin-top: 5px;
    }
    .faq-item__num {
        font-size: 16px;
        line-height: 24px;
    }
    .faq-item {
        padding-bottom: 0;
    }
    .faq-item + .faq-item {
        margin-top: 15px;
        padding-top: 15px;
    }
    .documents-section__inner {
        border-radius: 30px;
    }
    .faq-list {
        height: 230px;
    }
    .documents-list {
        margin-top: 15px;
    }
    .documents-section {
        padding: 30px 18px;
    }
    .documents-section__inner {
        padding: 30px 15px;
    }
    .documents-item__load {
        width: 35px;
        height: 35px;
    }
    .documents-item__load svg {
        width: 15px;
    }
    .documents-item .name {
        font-size: 12px;
        line-height: 20px;
    }
    .section-title::before {
        width: calc(50% - 79px);
        left: 0;
        transform: translateX(0px);
        top: calc(100% + 7px);
    }
    .commercial-offer .grettings-btn {
        margin-top: -100px;
    }
    .commercial-offer .form-section__inner {
        padding-bottom: 100px;
    }
    .contacts-section__left {
        width: 100%;
        padding: 0;
    }
    .contacts-section__right {
        width: 100%;
        margin-top: 30px;
    }
    .map {
        height: 300px;
    }
    .footer .logo {
        align-items: flex-start;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 15px;
    }
    .modal__container {
        padding: 15px 10px;
    }
    .popup {
        border-radius: 40px;
        padding: 17px 15px 20px;
        overflow: hidden;
    }
    .modal__close {
        width: 36px;
        height: 36px;
    }
    .modal__close svg {
        width: 12px;
    }
    .popup .input-item textarea {
        height: 100px;
        padding: 15px 30px;
        font-size: 14px;
        border-radius: 30px;
    }
    .popup .input-item input {
        height: 55px;
        padding: 0 30px;
        font-size: 14px;
    }
    .popup .desc {
        font-size: 12px;
        line-height: 16px;
        margin-top: 15px;
    }
    .popup .input-item {
        margin-top: 20px;
    }
    .popup-succes {
        min-height: 280px;
    }
    .input-file label {
        font-size: 14px;
        line-height: 20px;
    }
    .popup .grettings-btn__text::before {
        top: 15px;
    }
    .not-page__inner {
        min-height: 520px;
        padding: 50px 30px;
    }
    .not-page__inner .pic1 {
        width: 480px;
        height: 170px;
        left: -210px;
        top: 20px;
    }
    .not-page__inner .pic2 {
        width: 400px;
        height: 100px;
        right: -150px;
        bottom: 160px;
    }
    .not-page__inner .pic3 {
        left: calc(50% + 5px);
    }
    .not-page__inner .pic4 {
        display: none;
    }
    .not-page__title {
        font-size: 80px;
        line-height: 40px;
    }
    .not-page__code {
        font-size: 80px;
        line-height: 90px;
    }
    .not-page__text {
        font-size: 18px;
        line-height: 22px;
    }
    .popup .grettings-btn {
        font-size: 12px;
        padding: 7px 0 12px;
        text-underline-offset: 4px;
    }
}
@media (max-width: 639px) {
    .grettings-slide .caption__text {
        font-size: 40px;
        line-height: 30px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 40px;
        line-height: 50px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 25px;
        line-height: 30px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 20px;
        line-height: 30px;
    }
    .grettings-slide .picture {
        left: calc(50% - 53px);
        top: 20px;
        width: 800px;
        height: 180px;
    }
    .grettings-slide .picture picture{
        height:180px}
    .logo picture {
        width: 177px;
        height: 45px;
        top: -3px;
    }
    .logo__text {
        font-size: 10px;
        line-height: 12px;
        max-width: 130px;
    }
    .header {
        padding: 10px 10px 0;
    }
    .grettings-section {
        padding: 0 10px;
    }
    .about-slider .small {
        font-size: 12px;
        line-height: 20px;
    }
    .about-slider .swiper-slide {
        border-radius: 30px;
        padding: 15px;
    }
    .about-slider__content {
        max-width: 100%;
    }
    .about-slider .picture {
        right: -35px;
        width: 201px;
        height: 170px;
        bottom: auto;
        top: -30px;
    }
    .about-slider {
        padding: 0 40px;
    }
    .about-slider .swiper-btn-next {
        right: 15px;
    }
    .about-slider .swiper-btn-prev {
        left: 15px;
    }
    .about-slider .caption {
        margin-bottom: 10px;
    }
    .text-scroll {
        height: 260px;
        font-size: 12px;
        line-height: 18px;
    }
    .text-scroll span {
        font-size: 14px;
        line-height: 18px;
    }
    .colors-section {
        padding: 0 10px;
    }
    .colors-block .caption {
        margin-bottom: 10px;
    }
    body {
        font-size: 12px;
        line-height: 20px;
    }
    .form-section {
        padding: 30px 10px;
    }
    .form-section__inner {
        padding: 15px;
    }
    .faq-list {
        height: 280px;
    }
    .faq-list .mCSB_inside > .mCSB_container {
        margin-right: 20px;
    }
    .section-title {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .section-title .text {
        margin-left: auto;
        transform: translateY(0);
    }
    .section-title .caption {
        max-width: 250px;
    }
    .section-title::before {
        width: calc(50% + 31px);
        left: 0;
        transform: initial;
        top: calc(100% - 11px);
    }
    .partners-section {
        margin: 30px 0;
        padding: 20px 25px;
    }
    .partners-slider .picture {
        width: 180px;
        height: 110px;
    }
    .partners-slider .swiper-btn-next {
        right: -15px;
    }
    .partners-slider .swiper-btn-prev {
        left: -15px;
    }
    .partners-section {
        margin: 30px 0 10px;
        padding: 20px 25px 10px;
    }
    .documents-section {
        padding: 30px 10px;
    }
    .section-title::before {
        width: 40%;
    }
    .swiper-btn-next {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
    }
    .swiper-btn-next svg {
        width: 15px;
        height: 15px;
    }
    .swiper-btn-prev {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
    }
    .swiper-btn-prev svg {
        width: 15px;
        height: 15px;
    }
    .slider-info-wrapper .info-text {
        font-size: 14px;
        line-height: 20px;
        padding: 15px;
    }
    .info-section {
        margin-top: 10px;
        padding: 30px 15px;
    }
    .delivery-section__head {
        padding: 30px 18px;
    }
    .slider-info-wrapper {
        padding: 0 10px;
    }
    .delivery-list {
        padding: 0 10px;
        gap: 15px;
    }
    .delivery-item {
        border-radius: 30px;
        padding: 20px 15px;
    }
    .contacts-section {
        padding: 15px 10px;
        margin-top: 30px;
    }
    .footer-menu {
        margin-top: 0;
    }
    .footer-menu li {
        width: calc(50% - 15px);
    }
    .footer__inner {
        gap: 30px;
        padding: 30px 15px;
    }
    .footer-bottom {
        margin-top: 50px;
    }
    .footer {
        padding: 0 10px;
    }
    .footer-menu ul {
        gap: 10px 5px;
        justify-content: space-between;
    }
    .footer-menu {
        font-size: 12px;
    }
    .popup-colors .name {
        font-size: 20px;
        line-height: 30px;
    }
    .popup-colors .code {
        font-size: 20px;
        line-height: 30px;
    }
    .popup-colors__color {
        width: 100%;
        padding: 30px 15px 30px;
    }
    .popup-colors .fullname {
        font-size: 16px;
        line-height: 20px;
    }
    .modal__close {
        right: 20px;
        top: 15px;
    }
    .not-page__inner .pic2 {
        right: -280px;
        bottom: 250px;
    }
    .not-page .grettings-btn {
        margin-top: 30px;
    }
    .not-page {
        padding: 0 10px;
    }
}
@media (max-width: 479px) {
    .logo {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
        max-width: 80%;
    }
    .logo__text {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
    .header__top {
        align-items: flex-start;
        padding: 4px 10px;
    }
    .burger {
        transform: translateY(16px);
        left: -15px;
    }
    .grettings-slide .caption__text {
        font-size: 30px;
        line-height: 25px;
    }
    .grettings-slide .caption__text:nth-child(2) {
        font-size: 30px;
        line-height: 40px;
    }
    .grettings-slide .caption__text:nth-child(3) {
        font-size: 18px;
        line-height: 30px;
    }
    .grettings-slide .caption__text:nth-child(4) {
        font-size: 18px;
        line-height: 30px;
    }
    .grettings-slider {
        padding: 10px 10px 10px;
    }
    .grettings-slide .picture {
        left: calc(50% - 23px);
        top: 48px;
        width: 500px;
        height: 100px;
    }
    .grettings-slide .picture picture{
        height:100px}
    .grettings-item {
        font-size: 10px;
        line-height: 14px;
        max-width: 45%;
        gap: 5px;
    }
    .grettings-item__icon {
        width: 25px;
        height: 35px;
    }
    .grettings-list {
        margin-top: 20px;
    }
    .grettings-btn {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
        padding: 10px 0 15px;
        text-underline-offset: 4px;
    }
    .grettings-btn__text::before {
        display: none;
    }
    .grettings {
        padding-bottom: 15px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .menu {
        padding: 15px;
    }
    .header__links a {
        font-size: 16px;
        line-height: 20px;
    }
    .header__phone {
        font-size: 16px;
        line-height: 20px;
    }
    .header__call {
        font-size: 12px;
        line-height: 16px;
    }
    .about-slider {
        padding: 0 10px;
    }
    .about-slider__content {
        padding: 5px 20px;
    }
    .about-slider .caption {
        max-width: 80%;
        width: 100%;
    }
    .about-slider .picture {
        right: -35px;
        width: 141px;
        height: 110px;
        bottom: auto;
        top: 0px;
    }
    h2,
    .caption--h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .about-slider .big {
        font-size: 12px;
        line-height: 18px;
    }
    .colors-slider {
        margin-top: 20px;
        padding: 10px 30px;
    }
    .colors-slider__slider .swiper-btn-next svg {
        width: 15px;
        height: 15px;
    }
    .colors-slider__slider .swiper-btn-prev svg {
        width: 15px;
        height: 15px;
    }
    .color-block__list {
        padding: 30px 30px;
    }
    .form-section__caption-line:nth-child(1) {
        font-size: 40px;
        line-height: 30px;
    }
    .form-section__caption-line:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
        max-width: 80%;
    }
    .faq-item__quest {
        font-size: 16px;
        line-height: 20px;
    }
    .faq-item__num {
        font-size: 14px;
        line-height: 20px;
    }
    .faq-list {
        height: 252px;
    }
    .faq-item__answer {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .section-title::before {
        width: 30%;
    }
    h3,
    .caption--h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .section-title .caption {
        max-width: 210px;
    }
    marquee {
        font-size: 40px;
        font-weight: 800;
        line-height: 25px;
        padding-bottom: 20px;
    }
    .documents-item {
        gap: 5px;
    }
    .documents-list {
        grid-template-columns: 1fr;
    }
    .info-section__text {
        font-size: 12px;
        line-height: 18px;
    }
    .info-section__text strong {
        font-size: 16px;
        line-height: 22px;
    }
    .slider-info .txt {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
        max-width: 130px;
    }
    .slider-info-wrapper .info-text {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 20px;
    }
    .commercial-offer .grettings-btn {
        margin-top: -70px;
    }
    .commercial-offer .form-section__inner {
        padding-bottom: 70px;
    }
    .check-block label {
        padding-left: 30px;
    }
    .check-block {
        padding: 5px 0;
    }
    .map {
        height: 180px;
    }
    .contacts__text {
        font-size: 12px;
        line-height: 18px;
    }
    .contacts__links {
        gap: 10px;
    }
    .contacts__links a {
        font-size: 16px;
        line-height: 20px;
    }
    .contacts__whatt {
        font-size: 12px;
        line-height: 18px;
    }
    .contacts__whatt span {
        font-size: 10px;
    }
    .contacts__mail {
        font-size: 16px;
        line-height: 20px;
    }
    .not-page__title {
        font-size: 50px;
        line-height: 20px;
    }
    .not-page__code {
        font-size: 60px;
        line-height: 90px;
    }
    .not-page__text {
        font-size: 14px;
        line-height: 18px;
    }
    .not-page__inner {
        min-height: 410px;
        padding: 30px 15px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .not-page__inner .pic1 {
        width: 420px;
        height: 120px;
        left: -110px;
        top: 20px;
    }
    .not-page__inner .pic2 {
        display: none;
    }
    .not-page {
        margin-bottom: 30px;
    }
    .popup .grettings-btn {
        font-size: 12px;
        padding: 7px 0 12px;
        text-underline-offset: 4px;
    }
}
@media(max-width:2100px){
    .grettings-slide .swiper-slide:nth-child(2) picture img{
        object-fit:contain;
        object-position:left
    }
}

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

.cookie-consent {
    font-family: "Inter";
    transition: all .3s;
    transform: translateY(100%);
    opacity: 0;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 100;
}

.cookie-consent.show {
    transform: translateY(-16px);
    opacity: 1;
}

.cookie-consent a {
    color: #e33c18;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.cookie-consent__wrapper {
    max-width: 100%;
    padding: 18px;
    background: #fff;
    box-shadow: 0 0 2px 2px #413A3A1A;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.cookie-consent__row {
    display: flex;
    gap: 29px;
    align-items: center;
}

.cookie-consent .agree-cookie {
    border: 1px solid #e33c18;
    padding: 12.34px;
    width: 100%;
    text-align: center;
    color: #e33c18;
    transition: all .3s;
    background: transparent;
    font-size: 14px;
    line-height: 100%;
    white-space: nowrap;
    min-width: 200px;
    justify-content: center;
    background: transparent;
}

.cookie-consent .agree-cookie::after {
    background: transparent;
}

.cookie-consent .agree-cookie:hover {
    color: #fff;
    background: #e33c18;
}

@media (max-width: 720px) {
    .cookie-consent__row {
        gap: 16px;
        flex-direction: column;
    }
    .cookie-consent__wrapper {
        padding: 24px;
    }
}

@media (max-width: 540px) {
    .cookie-consent__wrapper {
        padding: 16px 10px;
        font-size: 14px;
        line-height: 18px;
    }
}


.popular-goods {
    margin-bottom: 5rem;
}
.popular-goods__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.popular-goods__header-btn {
    display: none;
}
.popular-goods__swiper-button-prev.swiper-btn-prev,
.popular-goods__swiper-button-next.swiper-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
}
.popular-goods__swiper-button-prev.swiper-btn-prev {
    left: -40px;
}
.popular-goods__swiper-button-next.swiper-btn-next {
    right: -40px;
}
.popular-goods__swiper-box {
    position: relative;
}
.product-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px;
    background-color: rgb(248, 248, 248);

    align-items: center;
    border-radius: 24px;
    position: relative;
}
.product-card__img{
    max-height: 300px;
    border-radius: 15px;
}

.popular-goods__card-content {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.product-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1rem;
}
.product-card__tooltip-hiiden {
    display: none;
    position: absolute;
    left: 0;
    top: -50px;
    padding: 10px;
    background-color: #fff;
    font-size: 14px;
    z-index: 99999;
}
.product-card__tooltip{
    display: inline-block;
}
.product-card__tooltip-wrapper:hover .product-card__tooltip-hiiden {
    display: block;
}
.popular-goods__card-price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popular-goods__card-price-wrapper {
    display: flex;
}
.popular-goods__card-price-wrapper--wholesale {
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.popular-goods__card-price-wrapper--wholesale span {
    color: #e33c18;
}
.popular-goods__card-btn {
    transition: background-color 0.3s, margin-top 0.3s;
    margin-top: 1.5rem;
    margin-bottom: 2.4rem;
    width: 100%;
    padding: 1.8rem 3.2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}
.popular-goods__card-btn-svg-box img {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

.product-card__price-block{
    width: 100%;
    position: relative;
}
.product-card__price-left {
    display: flex;
    gap: 10px;
    align-items: center;
}
.product-card__sale-price-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
}
.product-card__button{
    display: flex;
    background-color: rgb(227, 0, 15);
    color: white;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 12px;
    margin-top: 20px;
}
.product-card__button:hover,
.product-card__button:active{
    background-color: rgb(202, 0, 13);
}
.product-card__price-wrapper{
    white-space: nowrap;
}
.product-card__tooltip-wrapper{
    height: 18px;
}
.popular-goods__swiper .swiper-slide{
    height: auto;
}
.product-card__price-block{
    margin-top: auto;
}
.custom-text li::before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 8px;
    height: 8px;
    background-color: rgb(227, 0, 15);
    border-radius: 50%;
    top: 8px;
    left: 0;
}
.custom-text li {
    position: relative;
    padding-left: 20px;
    line-height: 20px;
}
.custom-text-block{
    padding-top: 80px;
}
.custom-text{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.detail {
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: height 200ms ease, opacity 200ms ease;
}

.detail[data-visible="true"] {
    opacity: 1;

}
.show-more-btn{
    display: flex;
    background-color: rgb(227, 0, 15);
    color: white;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px 20px;
    border-radius: 12px;
    margin-inline: auto;
    max-width: max-content;
}
.show-more-btn:hover,
.show-more-btn:active{
    background-color: rgb(202, 0, 13);
}
@media(max-width: 1439px){
    .popular-goods__swiper-button-prev.swiper-btn-prev {
        left: -20px;
    }
    .popular-goods__swiper-button-next.swiper-btn-next {
        right: -20px;
    }
}
@media(max-width: 1023px){
    .popular-goods__swiper-button-prev.swiper-btn-prev svg,
    .popular-goods__swiper-button-next.swiper-btn-next svg{
        width: 15px;
        height: 15px;
    }
    .popular-goods__swiper-button-prev.swiper-btn-prev{
        left: 0;
    }
    .popular-goods__swiper-button-next.swiper-btn-next {
        right: 0;
    }
}

@media(max-width: 767px){
    .custom-text-block{
        padding-top: 40px;
    }
}
#modal-info .modal__container{max-width:900px}
.popular-goods__swiper .product-card{height:100%}
@media(min-width: 768px){
    #modal-info .modal__container .popup-colors{padding-right:82px}
}

@media(max-width: 1023px){
    #modal-info .modal__container{max-width:90%; overflow-y:auto;}
}
@media(max-width: 767px){
    #modal-info .modal__container .popup-info-html h3{padding-right:45px}
}