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

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

[dir=ltr] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-right: var(--swiper-centered-offset-before)
}

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

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI_GjVaQ.ttf) format('truetype')
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI92kVaQ.ttf) format('truetype')
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI7mlVaQ.ttf) format('truetype')
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOCWg.ttf) format('truetype')
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5KPyWg.ttf) format('truetype')
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4uPiWg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeOvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSd-OvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSG-OvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsS9-SvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSzuSvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeSvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSgOSvHg.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNRwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexc1RwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1WwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexXRWwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNWwaA.ttf) format('truetype')
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpWwaA.ttf) format('truetype')
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.hidden,
[hidden] {
    display: none
}

.container-fluid {
    min-width: 320px;
    overflow: hidden
}

.container {
    max-width: calc(71.1rem + (10px * 2));
    max-width: calc(71.1rem + (var(--wrapper-paddings) * 2));
    padding-right: 10px;
    padding-right: var(--wrapper-paddings);
    padding-left: 10px;
    padding-left: var(--wrapper-paddings)
}

.container-xl {
    max-width: 91.1rem;
    padding-right: 10px;
    padding-right: var(--wrapper-paddings);
    padding-left: 10px;
    padding-left: var(--wrapper-paddings)
}

.container .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.container,
.container-fluid,
.container-xl {
    margin-right: auto;
    margin-left: auto
}

[class^=grid-] {
    display: grid;
    grid-gap: clamp(.9375rem, .7713rem + .7092vw, 1.25rem) clamp(.3125rem, -.1862rem + 2.1277vw, 1.25rem)
}

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

.grid-3 {
    grid-template-columns: repeat(3, 1fr)
}

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

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

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 10px !important
}

.mt-1,
.my-1 {
    margin-top: 10px !important
}

.mr-1,
.mx-1 {
    margin-right: 10px !important
}

.mb-1,
.my-1 {
    margin-bottom: 10px !important
}

.ml-1,
.mx-1 {
    margin-left: 10px !important
}

.m-2 {
    margin: 20px !important
}

.mt-2,
.my-2 {
    margin-top: 20px !important
}

.mr-2,
.mx-2 {
    margin-right: 20px !important
}

.mb-2,
.my-2 {
    margin-bottom: 20px !important
}

.ml-2,
.mx-2 {
    margin-left: 20px !important
}

.m-3 {
    margin: 30px !important
}

.mt-3,
.my-3 {
    margin-top: 30px !important
}

.mr-3,
.mx-3 {
    margin-right: 30px !important
}

.mb-3,
.my-3 {
    margin-bottom: 30px !important
}

.ml-3,
.mx-3 {
    margin-left: 30px !important
}

.m-4 {
    margin: 40px !important
}

.mt-4,
.my-4 {
    margin-top: 40px !important
}

.mr-4,
.mx-4 {
    margin-right: 40px !important
}

.mb-4,
.my-4 {
    margin-bottom: 40px !important
}

.ml-4,
.mx-4 {
    margin-left: 40px !important
}

.m-5 {
    margin: 50px !important
}

.mt-5,
.my-5 {
    margin-top: 50px !important
}

.mr-5,
.mx-5 {
    margin-right: 50px !important
}

.mb-5,
.my-5 {
    margin-bottom: 50px !important
}

.ml-5,
.mx-5 {
    margin-left: 50px !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 10px !important
}

.pt-1,
.py-1 {
    padding-top: 10px !important
}

.pr-1,
.px-1 {
    padding-right: 10px !important
}

.pb-1,
.py-1 {
    padding-bottom: 10px !important
}

.pl-1,
.px-1 {
    padding-left: 10px !important
}

.p-2 {
    padding: 20px !important
}

.pt-2,
.py-2 {
    padding-top: 20px !important
}

.pr-2,
.px-2 {
    padding-right: 20px !important
}

.pb-2,
.py-2 {
    padding-bottom: 20px !important
}

.pl-2,
.px-2 {
    padding-left: 20px !important
}

.p-3 {
    padding: 30px !important
}

.pt-3,
.py-3 {
    padding-top: 30px !important
}

.pr-3,
.px-3 {
    padding-right: 30px !important
}

.pb-3,
.py-3 {
    padding-bottom: 30px !important
}

.pl-3,
.px-3 {
    padding-left: 30px !important
}

.p-4 {
    padding: 40px !important
}

.pt-4,
.py-4 {
    padding-top: 40px !important
}

.pr-4,
.px-4 {
    padding-right: 40px !important
}

.pb-4,
.py-4 {
    padding-bottom: 40px !important
}

.pl-4,
.px-4 {
    padding-left: 40px !important
}

.p-5 {
    padding: 50px !important
}

.pt-5,
.py-5 {
    padding-top: 50px !important
}

.pr-5,
.px-5 {
    padding-right: 50px !important
}

.pb-5,
.py-5 {
    padding-bottom: 50px !important
}

.pl-5,
.px-5 {
    padding-left: 50px !important
}

.m-n1 {
    margin: -10px !important
}

.mt-n1,
.my-n1 {
    margin-top: -10px !important
}

.mr-n1,
.mx-n1 {
    margin-right: -10px !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -10px !important
}

.ml-n1,
.mx-n1 {
    margin-left: -10px !important
}

.m-n2 {
    margin: -20px !important
}

.mt-n2,
.my-n2 {
    margin-top: -20px !important
}

.mr-n2,
.mx-n2 {
    margin-right: -20px !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -20px !important
}

.ml-n2,
.mx-n2 {
    margin-left: -20px !important
}

.m-n3 {
    margin: -30px !important
}

.mt-n3,
.my-n3 {
    margin-top: -30px !important
}

.mr-n3,
.mx-n3 {
    margin-right: -30px !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -30px !important
}

.ml-n3,
.mx-n3 {
    margin-left: -30px !important
}

.m-n4 {
    margin: -40px !important
}

.mt-n4,
.my-n4 {
    margin-top: -40px !important
}

.mr-n4,
.mx-n4 {
    margin-right: -40px !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -40px !important
}

.ml-n4,
.mx-n4 {
    margin-left: -40px !important
}

.m-n5 {
    margin: -50px !important
}

.mt-n5,
.my-n5 {
    margin-top: -50px !important
}

.mr-n5,
.mx-n5 {
    margin-right: -50px !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -50px !important
}

.ml-n5,
.mx-n5 {
    margin-left: -50px !important
}


.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

:root {
    --swiper-theme-color: #007aff;
    --grey-theme-color: #aaa;
    --background-theme-color: #f5f5f5;
    --white-theme-color: #ffff;
    --fontSize: 18px;
    --font: 'Mulish', sans-serif;
    --title: 'Kanit', sans-serif;
    --black: #262626;
    --white: #fff;
    --yellow: #E9BD52;
    --d-yellow: #D4A530;
    --red: #C12D32;
    --green: #1C7E20;
    --d-green: #155c18;
    --d-red: #A11C21;
    --blue: #2E3A59;
    --l-blue: #405487;
    --grey: #E1E1E1;
    --d-grey: #9A9A9A;
    --l-grey: #F5F5F5;
    --mrg: -15px;
    --brs: 4px;
    --wrapper-paddings: 10px;
    --h1: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
    --h2: clamp(1.625rem, 1.4126rem + 0.9061vw, 2.5rem);
    --h3: clamp(1.375rem, 1.2536rem + 0.5178vw, 1.875rem);
    --h4: clamp(1.125rem, 1.0947rem + 0.1294vw, 1.25rem)
}

body,
html {
    font-size: 18px;
    font-size: var(--fontSize)
}

body {
    background-color: #f5f5f5;
    background-color: var(--l-grey);
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    font-weight: 400;
    line-height: 1.4;
    color: #262626;
    color: var(--black);
    padding-top: 80px
}

.btn,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    font-family: Kanit, sans-serif;
    font-family: var(--title)
}

.h1,
h1 {
    font-size: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
    font-size: var(--h1);
    line-height: 1
}

.h2,
h2 {
    font-size: clamp(1.625rem, 1.4126rem + .9061vw, 2.5rem);
    font-size: var(--h2);
    line-height: 1.1
}

.h3,
h3 {
    font-size: clamp(1.375rem, 1.2536rem + .5178vw, 1.875rem);
    font-size: var(--h3);
    line-height: 1.2
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-size: var(--h4);
    line-height: 1.3
}

b,
strong {
    font-weight: 700
}

a {
    color: inherit;
    text-decoration: none
}

a:visited {
    color: inherit
}

p {
    margin: 1rem 0
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.tt-cap {
    text-transform: unset !important
}

.tt-upper {
    text-transform: uppercase !important
}

.title {
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 500;
    margin: 0
}

.red {
    color: #c12d32;
    color: var(--red)
}

.blue {
    color: #2e3a59;
    color: var(--blue)
}

.btn,
a {
    -webkit-transition: color .3s, background .3s, border-color .3s, -webkit-box-shadow .3s;
    transition: color .3s, background .3s, border-color .3s, -webkit-box-shadow .3s;
    -o-transition: color .3s, background .3s, box-shadow .3s, border-color .3s;
    transition: color .3s, background .3s, box-shadow .3s, border-color .3s;
    transition: color .3s, background .3s, box-shadow .3s, border-color .3s, -webkit-box-shadow .3s
}

a.btn {
    display: inline-block
}

button {
    display: inline-block;
    outline: 0;
    cursor: pointer
}

.btn {
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    text-align: center
}

.btn:not(.btn-plus):not(.btn-minus) {
    border: none;
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-size: var(--h4);
    text-transform: uppercase;
    line-height: 1;
    font-weight: 600;
    padding: 1.1rem
}

.btn-sm {
    font-size: .78rem !important;
    font-weight: 500 !important;
    padding: .89rem 1.1rem !important
}

.btn-minus,
.btn-plus {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.1rem;
    height: 1.1rem
}

.btn-plus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAB3RJTUUH6AcDDyUH651CyAAAAcVJREFUSMftlz1IW1EYhp/vJKBYU7Kk2oqQQRDEhtvioBmsri5mVBeXDi6FjoUWTEUo3QvtkoKTPyBEB90kZlHxB39CsDgYqaTWLIG0dmg9p5PF9CbipebaIc90ee/hvufe770f3xEuYfVE/PyqtbTmCTeIMnpne2UmflmTi4tQ1+BzREbB+KkEhgyG6O7q5ASAByAUHooivAFqqRSCHyHS0NwuXz+nEmJ1DgS1kkNcRGvTq4xSo7iMRzGsDETcNjZIxOs0TD5fHa0twSIte5Ij+yXn5DF+r9PdtrYEib17VaS9j83y4eOss1+MW6Jq7Breq9Lrq79j0+/W15Vc++B+wKYXvn2nUDgr3chC4UFT6sbYyxH6+7r/6a3Wt9I8fTZerfF/Gq6NrTRgL39TY4COx21F2qeDDPsHR7a1V7XRssbzi0nmF5M2veNRG7G/jJeSm9WWWTW+frjKkT3JMbewbEu149mvXMt04VNL/hZ880rQcfeHPRNX55oJt41/al57To9TmUBTCBF6XBrmo+nVqTkPwOnx3vK95vYjQSygMmcnJK/P9YvU2vTbokPbBQ/DQ/2Ctm60pkYShZofO5lE/E+QfwOgkItwuSk/swAAAABJRU5ErkJggg==)
}

.btn-minus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAB3RJTUUH6AcDDyQusDTr5QAAAUxJREFUSMftlz1Lw1AUht9zI1iEQpYqKgV/QA0ZNYv1F5jRdvEvODoIjZM4O+hSoZMfUIh/QKKLFRxaDYI4GLGLnQLxY9Ce61SpQwXJR0XyTJd74TzDeeGcS+hDL5oqPjI6MxYQIUJyq3l+ZPffUe+gzZdWQVQBpIo4kPAgYV019msAoACAZpQtEDYBZBAXBBUEcyJfoKdH1yF9bnmGBd0jQZjlopBCVJAwisCKkICZtFiCTBFbmH5GFRgSqfj/i0cGPUxN5kIXD55fEASvvxNXt9dDy3eqdezu1dMe/9FwnZxdIpsdC1X89s4bPCU1oyTTHqfiVByRmPwheH1BYDv5ZU/aosuoJS1+Z2wonbbr5aY1EKGY0DJv3TQOjhUA6LSvT8fzhQcC6QBiWnfJ5y6vuReHW98+bT1mjfISgfVIeyrJCUbfWp5jfwX5Ez3ZZFH+IzrYAAAAAElFTkSuQmCC)
}

.btn-red {
    background-color: #c12d32;
    background-color: var(--red);
    color: #fff;
    color: var(--white)
}

.btn-red:visited {
    color: #fff;
    color: var(--white)
}

.btn-red:hover {
    background-color: #a11c21;
    background-color: var(--d-red)
}

.btn-yellow {
    background-color: #e9bd52;
    background-color: var(--yellow);
    color: #2e3a59;
    color: var(--blue)
}

.btn-yellow:visited {
    color: #2e3a59;
    color: var(--blue)
}

.btn-yellow:hover {
    background-color: #d4a530;
    background-color: var(--d-yellow)
}

.btn-green {
    background-color: #1c7e20;
    background-color: var(--green);
    color: #fff;
    color: var(--white)
}

.btn-green:visited {
    color: #fff;
    color: var(--white)
}

.btn-green:hover {
    background-color: #155c18;
    background-color: var(--d-green)
}

.btn-trs {
    border: 1px solid #2e3a59 !important;
    border: 1px solid var(--blue) !important;
    color: #2e3a59;
    color: var(--blue)
}

.btn-trs:visited {
    color: #2e3a59;
    color: var(--blue)
}

.btn-trs:hover {
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white)
}

.btn-blue {
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white)
}

.btn-blue:visited {
    color: #fff;
    color: var(--white)
}

.btn-blue:hover {
    background-color: #262626;
    background-color: var(--black)
}

.btn.btn-inner {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.btn-fix {
    border-radius: 0;
    background-color: transparent;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: .89rem;
    font-weight: 500;
    color: #2e3a59;
    color: var(--blue);
    -ms-flex-item-align: end;
    align-self: end;
    border: none
}

.btn-calc {
    position: absolute;
    right: 0;
    border: 1px solid #fff;
    border: 1px solid var(--white);
    border-radius: 6px;
    -ms-writing-mode: tb;
    -webkit-writing-mode: tb;
    writing-mode: tb;
    background-color: #e9bd52;
    background-color: var(--yellow);
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    text-transform: unset !important;
    padding: .5rem !important;
    -webkit-transition: top 2s, width .3s, -webkit-transform .3s;
    transition: top 2s, width .3s, -webkit-transform .3s;
    -o-transition: transform .3s, top 2s, width .3s;
    transition: transform .3s, top 2s, width .3s;
    transition: transform .3s, top 2s, width .3s, -webkit-transform .3s
}

.btn-calc:hover {
    color: #262626;
    color: var(--black);
    background-color: #d4a530;
    background-color: var(--d-yellow)
}

.btn-up {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 3rem !important;
    height: 3.5rem !important;
    padding: 1rem !important;
    -ms-flex-item-align: end;
    align-self: end;
    margin-bottom: 5rem;
    background-color: var(--yellow);
    border-radius: .3rem
}

.btn-up svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: .5rem
}

input,
textarea {
    display: block;
    width: 100%;
    border: none;
    background-color: #fff;
    background-color: var(--white);
    border-radius: 2px;
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: .67rem .83rem
}

label {
    cursor: pointer
}

.custom-check {
    display: inline-block
}

.custom-check input:checked ~ .pseudo-label:after {
    position: absolute;
    content: '';
    display: block;
    left: .3em;
    top: .3rem;
    width: .8rem;
    height: .7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTQuMjk0Mkw3LjcyNTE1IDE3LjcxNzdDOC4wMjY3NSAxNy45MzYyIDguNDA0MDcgMTguMDMzNiA4Ljc3ODI4IDE3Ljk4OTdDOS4xNTI0OSAxNy45NDU3IDkuNDk0NjYgMTcuNzYzOCA5LjczMzMxIDE3LjQ4MkwyMiAzIiBzdHJva2U9IiM0Q0FGNTAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.custom-check .pseudo-label {
    position: relative;
    display: inline-grid;
    grid-auto-flow: column;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    font-size: 12px;
    font-weight: 500
}

.custom-check .pseudo-label:before {
    content: '';
    display: block;
    background-color: #fff;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 9px;
    border-radius: 50%;
    width: 1.27rem;
    height: 1.27rem
}

.quantity {
    display: grid;
    grid-template-columns: 1.1rem 2.2rem 1.1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.quantity input {
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: 1rem;
    color: #262626;
    color: var(--black);
    line-height: 0;
    text-align: center;
    padding: 0 8px
}

.calc-input-group {
    display: grid;
    grid-template-columns: auto minmax(5.5rem, 13.5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-column-gap: .77rem;
    -moz-column-gap: .77rem;
    -webkit-column-gap: .77rem;
    column-gap: .77rem;
    margin: 1.1rem 0
}

.calc-input-group select {
    background-color: #fff;
    background-color: var(--white);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    width: 100%;
    max-width: 13.5rem;
    font-size: .89rem;
    font-weight: 400;
    cursor: pointer;
    padding: 6px
}

.form-group input,
.form-group textarea {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey)
}

.form-group textarea {
    resize: none;
    min-height: clamp(8.75rem, 7.5667rem + 5.0485vw, 13.625rem)
}

.custom-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2e3a59;
    color: var(--blue)
}

.custom-radio input:checked ~ .pseudo-label:after {
    opacity: 1
}

.custom-radio .pseudo-label {
    position: relative;
    padding-left: 1.7rem
}

.custom-radio .pseudo-label:after,
.custom-radio .pseudo-label:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-radio .pseudo-label:before {
    left: 0;
    border-radius: 50%;
    border: 1px solid #2e3a59;
    border: 1px solid var(--blue);
    width: 1.1rem;
    height: 1.1rem
}

.custom-radio .pseudo-label:after {
    left: .265rem;
    background-color: #2e3a59;
    background-color: var(--blue);
    border-radius: 50%;
    width: .77rem;
    height: .77rem;
    opacity: 0
}

.itc-select {
    position: relative;
    width: 100%;
    margin-top: 10px
}

.itc-select__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: .85rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4;
    background-color: #fff;
    background-color: var(--white);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    border-radius: 4px;
    border-radius: var(--brs);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.itc-select__toggle::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.15rem;
    height: .5rem;
    margin-left: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1L8 7L1 0.999999' stroke='%23161B22' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    content: ""
}

.itc-select__toggle:focus {
    outline: 0
}

.itc-select_show .itc-select__toggle::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.itc-select__dropdown {
    position: absolute;
    top: 4rem;
    right: 0;
    left: 0;
    z-index: 2;
    display: none;
    overflow-y: auto;
    background-color: #fff;
    background-color: var(--white);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    border-radius: 4px;
    border-radius: var(--brs)
}

.itc-select_show .itc-select__dropdown {
    display: block
}

.itc-select_show .itc-select__backdrop {
    display: block
}

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

.itc-select__option {
    font-weight: 500;
    padding: .375rem .75rem;
    margin-top: 0 !important
}

.itc-select__option_selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e1f5fe
}

.itc-select__option_selected::after {
    width: .75rem;
    height: .75rem;
    color: #0277bd;
    content: ""
}

.itc-select__option:hover {
    background-color: #f5f5f5;
    cursor: pointer;
    -webkit-transition: .2s background-color ease-in-out;
    -o-transition: .2s background-color ease-in-out;
    transition: .2s background-color ease-in-out
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #262626;
    background-color: var(--black);
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    color: #fff;
    color: var(--white);
    padding: 1.15rem 0;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
    z-index: 50
}

.header-logo {
    max-width: 14.4rem
}

.header-logo svg {
    width: 100%;
    height: auto
}

.header-cart {
    position: relative;
    z-index: 1
}

.header-cart:hover .cart-counter {
    background-color: #e9bd52;
    background-color: var(--yellow)
}

.header .cart-counter {
    position: absolute;
    bottom: 65%;
    left: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e9bd52;
    background-color: var(--yellow);
    width: .94rem;
    height: .94rem;
    font-size: .55rem;
    font-weight: 500;
    line-height: 0;
    color: #262626;
    color: var(--black);
    text-align: center;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.header-inner {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1.1rem;
    -moz-column-gap: 1.1rem;
    -webkit-column-gap: 1.1rem;
    column-gap: 1.1rem
}

.header-nav-menu {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    margin-left: 2.15rem;
    z-index: 10
}

.header-nav-menu li {
    margin-top: 0
}

.header-user-interface {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    margin-left: auto
}

.phone {
    display: grid;
    align-items: center;
    row-gap: 8px;
}

.header-phone {
    display: grid;
    grid-template-columns: 2.33rem 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 4px;
    -moz-column-gap: 4px;
    -webkit-column-gap: 4px;
    column-gap: 4px;
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-size: var(--h4);
    font-weight: 800;
    margin-bottom: 0.3rem;
}

.header a:not(.submenu-title) {
    line-height: 1;
    color: inherit
}

.header a:not(.submenu-title):visited {
    color: inherit
}

.header a:not(.submenu-title):hover:not(.logo) {
    color: #e9bd52;
    color: var(--yellow)
}

.header-search-widget {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    background-color: var(--white);
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey);
    color: #262626;
    color: var(--black);
    padding: clamp(1.25rem, .5851rem + 2.8369vw, 2.5rem) 0 clamp(1.25rem, .5851rem + 2.8369vw, 2.75rem)
}

.search-widget-group {
    display: grid;
    grid-gap: clamp(1.25rem, -.7447rem + 8.5106vw, 5rem)
}

.search-widget-cats {
    font-size: 0
}

.search-widget-cats .custom-label {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px
}

.search-widget-cats .custom-label:not(:last-of-type) {
    margin-right: clamp(.625rem, .2926rem + 1.4184vw, 1.25rem)
}

.search-widget-cats .custom-label .pseudo-label {
    position: relative;
    padding-left: 1.66rem
}

.search-widget-cats .custom-label .pseudo-label:after,
.search-widget-cats .custom-label .pseudo-label:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-widget-cats .custom-label .pseudo-label:before {
    left: 0;
    border-radius: 50%;
    border: 1px solid #2e3a59;
    border: 1px solid var(--blue);
    width: 1.1rem;
    height: 1.1rem
}

.search-widget-cats .custom-label .pseudo-label:after {
    left: 4px;
    border-radius: 50%;
    background-color: #2e3a59;
    background-color: var(--blue);
    width: .77rem;
    height: .77rem;
    opacity: 0
}

.search-widget-cats .custom-label input:checked + .pseudo-label:after {
    opacity: 1
}

.search-widget-block .form-group {
    position: relative
}

.search-widget-block .form-group input {
    border-left: none;
    border-top: none;
    border-right: none;
    padding-right: 2rem;
    font-size: .77rem;
    padding: 0 2rem 10px 0
}

.search-widget-block .form-group .btn {
    position: absolute;
    right: 0;
    bottom: .55rem;
    width: 1.22rem;
    font-size: 0;
    height: auto;
    padding: 0
}

.search-widget-block-hints {
    margin-top: 1.1rem
}

.search-widget-block-hints-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-widget-block-hints .btn.btn-hint {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    text-transform: unset;
    color: #262626;
    color: var(--black);
    font-size: 1rem;
    padding: 12px 10px;
    margin-top: 10px
}

.search-widget-block-hints .btn.btn-hint:not(:last-of-type) {
    margin-right: 10px
}

.search-widget-block-hints .btn.btn-hint:hover {
    border-color: #2e3a59;
    border-color: var(--blue);
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white)
}

.submenu {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    font-weight: 400;
    padding-top: 3.65rem;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.submenu-title {
    font-weight: 700;
    color: #e9bd52;
    color: var(--yellow);
    margin-bottom: 1.1rem
}

.submenu-title:visited {
    color: #e9bd52;
    color: var(--yellow)
}

.submenu-inner-content {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    border-radius: var(--brs);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    background-color: #fff;
    background-color: var(--white);
    padding: 2.2rem
}

.submenu-inner-content img {
    max-width: 14.4rem
}

.submenu li {
    margin-top: 5px
}

.submenu a:not(.submenu-title) {
    font-size: .77rem;
    color: #262626;
    color: var(--black)
}

.submenu a:not(.submenu-title):visited {
    color: #262626;
    color: var(--black)
}

.submenu a:not(.submenu-title):hover {
    color: #2e3a59 !important;
    color: var(--blue) !important;
    text-decoration: underline
}

.submenu-custom-inner-content .submenu-preview {
    margin-top: 3.3rem
}

.submenu-custom-inner-content .submenu-preview + .submenu-nav-wrapper {
    margin-top: 2.75rem
}

.submenu-custom-inner-content .submenu-preview + .submenu-nav-wrapper li:first-of-type {
    margin-top: 0
}

.menu-item-has-children {
    position: relative
}

.menu-item-has-children a:not(.submenu-title) {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: 4px;
    -webkit-column-gap: 4px;
    column-gap: 4px
}

.menu-item-has-children:hover > a:not(.submenu-title) {
    color: #e9bd52;
    color: var(--yellow)
}

.menu-item-has-children:hover .menu-item-arrow {
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.50503 6.49497C5.77839 6.76834 6.22161 6.76834 6.49497 6.49497L10.9497 2.0402C11.2231 1.76684 11.2231 1.32362 10.9497 1.05025C10.6764 0.776886 10.2332 0.776886 9.9598 1.05025L6 5.01005L2.0402 1.05025C1.76684 0.776885 1.32362 0.776885 1.05025 1.05025C0.776886 1.32362 0.776886 1.76683 1.05025 2.0402L5.50503 6.49497ZM5.3 5L5.3 6L6.7 6L6.7 5L5.3 5Z" fill="%23E9BD52"/%3E%3C/svg%3E');
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.menu-item-has-children:hover .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.menu-item-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.50503 6.49497C5.77839 6.76834 6.22161 6.76834 6.49497 6.49497L10.9497 2.0402C11.2231 1.76684 11.2231 1.32362 10.9497 1.05025C10.6764 0.776886 10.2332 0.776886 9.9598 1.05025L6 5.01005L2.0402 1.05025C1.76684 0.776885 1.32362 0.776885 1.05025 1.05025C0.776886 1.32362 0.776886 1.76683 1.05025 2.0402L5.50503 6.49497ZM5.3 5L5.3 6L6.7 6L6.7 5L5.3 5Z" fill="white"/%3E%3C/svg%3E');
    background-size: contain;
    width: 12px;
    height: 7px;
    -webkit-transition: background-image .2s, -webkit-transform .3s;
    transition: background-image .2s, -webkit-transform .3s;
    -o-transition: background-image .2s, transform .3s;
    transition: background-image .2s, transform .3s;
    transition: background-image .2s, transform .3s, -webkit-transform .3s
}

.fixed-header .header {
    position: fixed;
    top: -5rem;
    -webkit-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .075);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .075);
    background-color: #fff;
    background-color: var(--white);
    color: #262626;
    color: var(--black);
    padding: .5rem 0
}

.fixed-header .header .icon {
    color: #2e3a59;
    color: var(--blue)
}

.fixed-header .header-phone {
    color: #2e3a59;
    color: var(--blue)
}

.fixed-header .header .cart-counter {
    background-color: #c12d32;
    background-color: var(--red);
    color: #fff;
    color: var(--white)
}

.fixed-header .header a:not(.submenu-title):hover {
    color: #2e3a59;
    color: var(--blue)
}

.fixed-header .header li:hover a:not(.submenu-title) {
    color: #2e3a59;
    color: var(--blue)
}

.fixed-header .header .submenu {
    padding-top: 2.45rem
}

.fixed-header .menu-item-has-children .menu-item-arrow {
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.50503 6.49497C5.77839 6.76834 6.22161 6.76834 6.49497 6.49497L10.9497 2.0402C11.2231 1.76684 11.2231 1.32362 10.9497 1.05025C10.6764 0.776886 10.2332 0.776886 9.9598 1.05025L6 5.01005L2.0402 1.05025C1.76684 0.776885 1.32362 0.776885 1.05025 1.05025C0.776886 1.32362 0.776886 1.76683 1.05025 2.0402L5.50503 6.49497ZM5.3 5L5.3 6L6.7 6L6.7 5L5.3 5Z" fill="%232e3a59"/%3E%3C/svg%3E')
}

.share-trigger {
    position: relative;
    color: #fff;
    color: var(--white);
    z-index: 1
}

.share-trigger .btn {
    color: #fff !important;
    color: var(--white) !important;
    padding: 0 !important
}

.share-content-inner {
    position: absolute;
    top: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 2.89rem;
    z-index: -1
}

.share-content {
    border-radius: 4px;
    border-radius: var(--brs);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    background-color: #fff;
    background-color: var(--white);
    font-size: 0;
    padding: 5px 1rem
}

.open-header-menu .header-nav-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header-mobile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    background-color: #262626;
    background-color: var(--black);
    color: #fff;
    color: var(--white);
    padding: 12px 0;
    z-index: 50
}

.header-mobile-logo {
    font-size: 0
}

.header-mobile-logo:first-child {
    position: relative;
    z-index: 2
}

.header-mobile-logo:nth-of-type(2) {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    -o-transition: transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    margin-right: .5rem
}

.header-mobile .btn:not(.btn-blue):not(.btn-hint) {
    font-size: 0 !important;
    color: inherit !important;
    padding: 0 !important
}

.header-mobile-trigger {
    position: relative;
    z-index: 2
}

.header-mobile-trigger .icon-open {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.header-mobile-top {
    display: grid;
    grid-template-columns: auto auto 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 1.1rem;
    padding-right: 15px;
    padding-left: 15px
}

.header-mobile-top .icon {
    width: 100%
}

.header-mobile-bottom {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: grid;
    background-color: inherit;
    grid-template-columns: repeat(4, minmax(50px, 76px));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: clamp(.625rem, -1.3697rem + 8.5106vw, 4.375rem);
    font-size: 0;
    padding: 5px 15px 12px;
    -webkit-transition: padding .1s, -webkit-transform .1s;
    transition: padding .1s, -webkit-transform .1s;
    -o-transition: transform .1s, padding .1s;
    transition: transform .1s, padding .1s;
    transition: transform .1s, padding .1s, -webkit-transform .1s;
    z-index: 1
}

.header-mobile-bottom > * {
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    border: 1px solid var(--white);
    height: 45px;
    padding: 5px 9px
}

.header-mobile-bottom > :hover {
    background-color: #fff;
    background-color: var(--white);
    color: #262626;
    color: var(--black)
}

.header-mobile-bottom > :hover .cart-counter {
    background-color: #262626;
    background-color: var(--black);
    color: #fff;
    color: var(--white)
}

.header-mobile-bottom .cart-counter {
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--white);
    width: 1.1rem;
    height: 1.1rem;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.1rem;
    color: #262626;
    color: var(--black)
}

.header-mobile-inner {
    position: absolute;
    top: 65px;
    right: 0;
    background-color: #fff;
    background-color: var(--white);
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-bottom: 7rem;
    color: #262626;
    color: var(--black);
    padding-top: 1rem;
    padding-right: 15px;
    padding-left: 15px;
    z-index: 10
}

.header-mobile-nav-menu {
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid var(--grey);
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey);
    background-color: #f5f5f5;
    padding: 10px !important
}

.header-mobile-nav-menu .menu-item-has-children {
    position: relative;
    z-index: 1
}

.header-mobile-nav-menu .menu-item-has-children > a {
    width: 100%;
    position: relative;
    padding-right: 30px
}

.header-mobile-nav-menu .menu-item-has-children.open:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% + 1.1rem);
    height: 100%;
    background-color: #fff;
    background-color: var(--white);
    z-index: -1
}

.header-mobile-nav-menu .menu-item-has-children.open .submenu-nav {
    display: block
}

.header-mobile-nav-menu .menu-item-has-children.open > a {
    color: #c12d32;
    color: var(--red)
}

.header-mobile-nav-menu .menu-item-has-children.open .mobile-menu-item-arrow {
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.70711 0.292893C8.31658 -0.097631 7.68342 -0.097631 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 2L9 1L7 1L7 2L9 2Z" fill="%23E9BD52"/%3E%3C/svg%3E');
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.header-mobile-nav-menu .mobile-menu-item-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 14px;
    margin-top: -5px;
    -webkit-transition: background-image .2s, -webkit-transform .3s;
    transition: background-image .2s, -webkit-transform .3s;
    -o-transition: background-image .2s, transform .3s;
    transition: background-image .2s, transform .3s;
    transition: background-image .2s, transform .3s, -webkit-transform .3s;
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.50503 6.49497C5.77839 6.76834 6.22161 6.76834 6.49497 6.49497L10.9497 2.0402C11.2231 1.76684 11.2231 1.32362 10.9497 1.05025C10.6764 0.776886 10.2332 0.776886 9.9598 1.05025L6 5.01005L2.0402 1.05025C1.76684 0.776885 1.32362 0.776885 1.05025 1.05025C0.776886 1.32362 0.776886 1.76683 1.05025 2.0402L5.50503 6.49497ZM5.3 5L5.3 6L6.7 6L6.7 5L5.3 5Z" fill="%232e3a59"/%3E%3C/svg%3E');
    background-size: 12px 7px;
    background-position: center right
}

.header-mobile-nav-menu a {
    display: block;
    color: inherit
}

.header-mobile-nav-menu a:visited {
    color: inherit
}

.header-mobile-nav-menu > li {
    margin-top: 0
}

.header-mobile-nav-menu > li > a {
    font-size: 1.3rem;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 500;
    line-height: 1;
    padding: 10px 0
}

.header-mobile-nav-menu > li:not(:last-of-type) {
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey)
}

.header-mobile-nav-menu .submenu-nav {
    display: none;
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid var(--grey);
    font-family: var(--text);
    font-size: .89rem;
    font-weight: 400;
    padding: 10px 0 10px 12px
}

.header-mobile-nav-menu .submenu-nav li + li {
    margin-top: 10px
}

.header-mobile-nav-menu .submenu-nav a {
    font-size: 1.2rem
}

.header-mobile-phone {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 8px;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: 1.3rem;
    font-weight: 500;
    color: #262626;
    color: var(--black);
    margin: 0;
}

.header-mobile-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0 1.1rem
}

.header-mobile-files a {
    font-size: 0
}

.header-mobile-files a:not(:last-of-type) {
    margin-right: 40px
}

.header-mobile [data-fancybox] {
    text-transform: unset !important;
    width: 100%;
    padding: 1.35rem 1rem !important;
    margin-top: 1rem
}

.fixed-header .header-mobile {
    position: fixed;
    top: -90px;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background-color: #fff;
    background-color: var(--white);
    color: #262626;
    color: var(--black);
    -webkit-transition: height .2s, -webkit-transform .2s;
    transition: height .2s, -webkit-transform .2s;
    -o-transition: height .2s, transform .2s;
    transition: height .2s, transform .2s;
    transition: height .2s, transform .2s, -webkit-transform .2s
}

.fixed-header .header-mobile-bottom > * {
    border-color: #262626;
    border-color: var(--black);
    color: #262626;
    color: var(--black)
}

.fixed-header .header-mobile-bottom > * .cart-counter {
    background-color: #262626;
    background-color: var(--black);
    color: #fff;
    color: var(--white)
}

.fixed-header .header-mobile-bottom > :hover {
    background-color: #262626;
    background-color: var(--black);
    color: #fff;
    color: var(--white)
}

.fixed-header .header-mobile-bottom > :hover .cart-counter {
    background-color: #fff;
    background-color: var(--white);
    color: #262626;
    color: var(--black)
}

.scroll-down.fixed-header .header-mobile-logo:nth-child(2) {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.scroll-down.fixed-header .header-mobile-bottom {
    -webkit-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    transform: translateY(-105%);
    grid-template-columns: repeat(4, 44px);
    background-color: transparent;
    padding: 12px 18% 12px 22%
}

.scroll-down.fixed-header .header-mobile-bottom > * {
    height: 40px
}

.scroll-down.fixed-header .header-mobile-bottom > * .cart-counter {
    right: 0
}

.open-mobile-menu {
    overflow: hidden
}

ol[class],
ul[class] {
    list-style: none;
    padding: 0;
    margin: 0
}

ol,
ul {
    padding-left: 0;
    list-style-position: inside;
    margin: 1.85rem 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    padding-left: 1rem;
    margin-top: .5rem
}

ol ul,
ul ul {
    list-style-type: disc
}

ol li + li,
ul li + li {
    margin-top: .5em
}

table {
    border-collapse: collapse
}

b,
span,
strong {
    display: inline-block
}

:focus {
    outline: 0
}

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

[data-src] {
    cursor: pointer
}

a {
    -webkit-transition: opacity .2s, color .2s;
    -o-transition: opacity .2s, color .2s;
    transition: opacity .2s, color .2s
}

a[data-src] {
    display: block
}

.areas-map img,
.blog-card-header img,
.calc-content-preview img,
.desc-block-preview img,
.door-glass-item img,
.door-preview-item img,
.door-single-spec .img-block img,
.doors-preview-item .img-block img,
.img-cover,
.team-item .img-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.door-preview-item-cont-header img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.custom-check input,
.custom-radio input,
.search-widget-cats .custom-label input,
.visually-hidden {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    clip: rect(0, 0, 0, 0)
}

.img-block {
    display: block;
    font-size: 0;
    line-height: 0
}

button {
    border: none;
    outline: 0;
    background-color: transparent;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s;
    transition: color .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s, color .2s, border-color .2s, background-color .2s;
    transition: box-shadow .2s, color .2s, border-color .2s, background-color .2s;
    transition: box-shadow .2s, color .2s, border-color .2s, background-color .2s, -webkit-box-shadow .2s
}

.content {
    overflow: hidden
}

[disabled] {
    opacity: .7;
    cursor: not-allowed
}

.section {
    margin: clamp(2.5rem, 1.5898rem + 3.8835vw, 5.25rem) 0
}

.section--pd {
    padding: clamp(2.5rem, 1.5898rem + 3.8835vw, 6.25rem) 0
}

.section-content,
.section-error {
    background-color: #fff;
    background-color: var(--white)
}

.section-content h2:first-child,
.section-content h3:first-child,
.section-content h4:first-child {
    margin-top: 0
}

.section-content p:last-child {
    margin-bottom: 0
}

.section-error .btn {
    width: 100%;
    max-width: 400px
}

.section-windows p {
    max-width: 545px
}

.section-screen-content {
    display: grid;
    grid-gap: 1.85rem
}

.section-screen h1 {
    color: #2e3a59;
    color: var(--blue)
}

.main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    padding-top: clamp(.89rem, 10vw, 30px)
}

.title-bordered {
    position: relative;
    padding-left: 15px;
    padding-bottom: .25em;
    margin-bottom: 2.5rem
}

.title-bordered.h3 {
    padding-bottom: .35em
}

.title-bordered:after,
.title-bordered:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    background-color: #e9bd52;
    background-color: var(--yellow)
}

.title-bordered:before {
    height: 90%;
    width: 6px
}

.title-bordered:after {
    height: 6px;
    width: 86px
}

.title-header {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row-gap: 10px;
    row-gap: 10px
}

.title-line {
    background-color: #e9bd52;
    background-color: var(--yellow);
    padding: 12px 0;
    margin: 40px 0
}

.title-line .container {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px
}

.title-line .container--icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-auto-flow: column;
    display: flex;
    align-items: center;
    gap: 12px;
}

.title-line .container .icon {
    margin-right: clamp(.0625rem, -.5291rem + 2.5243vw, 2.5rem)
}

.title-line .title {
    margin: 0
}

.title-line .btn {
    width: 100%;
    max-width: 400px;
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem) !important;
    font-size: var(--h4) !important;
    margin-left: auto
}

.title-line .social-url-item {
    grid-gap: 4px;
    margin: -7px 0 -7px auto
}

.title-line .social-url-item img {
    max-width: 162px
}

.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icon-compare {
    background-image: url('data:image/svg+xml,%3Csvg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24.156 9.16169V7.99825C24.156 7.77214 23.9702 7.59125 23.738 7.59125L9.87641 7.56247C9.64418 7.56247 9.45841 7.37747 9.45841 7.15136C9.45841 6.51003 8.93063 5.98792 8.27196 5.98792H3.19685C2.54241 5.98792 2.01041 6.50591 2.01041 7.14314V9.12058C1.19129 9.27269 0.566406 9.97569 0.566406 10.8144L1.94285 22.8887C1.94285 23.8384 2.74085 24.6154 3.71618 24.6154H22.4122C23.3875 24.6154 24.1855 23.8384 24.1855 22.8887L25.4311 10.8144C25.4311 10.0332 24.8906 9.37136 24.156 9.16169Z" fill="%23262626"/%3E%3Cpath d="M5.5813 8.50806H10.5509C9.56708 8.68483 7.52774 9.76195 7.52774 15.6532L5.59819 13.7744L3.77419 15.5504C3.77419 15.5504 3.00996 9.60161 5.5813 8.50806Z" fill="%23262626"/%3E%3Cpath d="M14.2704 15.6079L16.5081 15.9245L14.8868 17.462L15.2668 19.6327L13.2655 18.6049L11.2641 19.6286L11.6484 17.4579L10.0312 15.9204L12.269 15.6079L13.2697 13.6305L14.2704 15.6079Z" fill="white"/%3E%3Cpath d="M2.44922 9.16162L23.6026 9.29729" stroke="%23262626" stroke-width="0.91" stroke-miterlimit="10"/%3E%3Cpath d="M10.5703 8.21204H23.6085" stroke="%23262626" stroke-width="0.91" stroke-miterlimit="10"/%3E%3Cpath d="M19.7094 5.59741L17.155 0.384521L16.471 1.92208C11.7717 -0.762478 7.67188 2.36608 7.67188 2.36608C11.455 1.32597 14.5583 3.40619 15.103 3.85841L13.7941 5.14519L19.7052 5.59741H19.7094Z" fill="%23262626"/%3E%3C/svg%3E');
    width: 24px;
    height: 24px
}

.icon-favorite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyOSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljc1NTUgMi4xODQyM0MyMy44NDE5IC0wLjcyOTM3OCAxOS4xMTYzIC0wLjcyOTM3OCAxNi4xOTc5IDIuMTg0MjNMMTQuNTAxOSAzLjg4NTA0TDEyLjgwMTEgMi4xODQyM0M5Ljg4MjY3IC0wLjcyOTM3OCA1LjE1NzEyIC0wLjcyOTM3OCAyLjI0MzUyIDIuMTg0MjNDLTAuNjc0OTIyIDUuMDk3ODMgLTAuNjc0OTIyIDkuODI4MjIgMi4yNDM1MiAxMi43NDE4TDMuOTQ0MzMgMTQuNDQyNkwxNC41MDE5IDI1LjAwMDJMMjUuMDU0NyAxNC40NDI2TDI2Ljc1NTUgMTIuNzQxOEMyOC4yMDk5IDExLjI4NzQgMjguOTQ0MyA5LjM3NDAyIDI4Ljk0NDMgNy40NjU0NEMyOC45NDQzIDUuNTUyMDMgMjguMjA5OSAzLjY0MzQ1IDI2Ljc1NTUgMi4xODQyM1oiIGZpbGw9IiMyNjI2MjYiLz4KPC9zdmc+Cg==);
    width: 28px;
    height: 25px
}

.breadcrumbs {
    font-family: Kanit, sans-serif !important;
    font-family: var(--title) !important;
    font-size: 0;
    font-weight: 500;
    padding-top: 1.6rem !important;
    margin: 0 0 1.6rem !important
}

.breadcrumbs li {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1rem;
    padding-right: 10px
}

.breadcrumbs li:not(:last-of-type):after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjQ5NDk3IDYuNDk0OTdDNi43NjgzNCA2LjIyMTYxIDYuNzY4MzQgNS43NzgzOSA2LjQ5NDk3IDUuNTA1MDNMMi4wNDAyIDEuMDUwMjVDMS43NjY4NCAwLjc3Njg4NSAxLjMyMzYyIDAuNzc2ODg1IDEuMDUwMjUgMS4wNTAyNUMwLjc3Njg4NiAxLjMyMzYyIDAuNzc2ODg2IDEuNzY2ODMgMS4wNTAyNSAyLjA0MDJMNS4wMTAwNSA2TDEuMDUwMjUgOS45NTk4QzAuNzc2ODg1IDEwLjIzMzIgMC43NzY4ODUgMTAuNjc2NCAxLjA1MDI1IDEwLjk0OTdDMS4zMjM2MiAxMS4yMjMxIDEuNzY2ODMgMTEuMjIzMSAyLjA0MDIgMTAuOTQ5N0w2LjQ5NDk3IDYuNDk0OTdaTTUgNi43TDYgNi43TDYgNS4zTDUgNS4zTDUgNi43WiIgZmlsbD0iIzI2MjYyNiIvPgo8L3N2Zz4K);
    width: .4rem;
    height: .6rem;
    margin-left: 10px
}

.breadcrumbs-blog li:not(:last-of-type):after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjQ5NDk3IDYuNDk0OTdDNi43NjgzNCA2LjIyMTYxIDYuNzY4MzQgNS43NzgzOSA2LjQ5NDk3IDUuNTA1MDNM Mi4wNDAyIDEuMDUwMjVDMS43NjY4NCAwLjc3Njg4NSAxLjMyMzYyIDAuNzc2ODg1IDEuMDUwMjUgMS4wNTAyNUMwLjc3Njg4NiAxLjMyMzYyIDAuNzc2ODg2IDEuNzY2ODMgMS4wNTAyNSAyLjA0MDJMNS4wMTAwNSA2TDEuMDUwMjUgOS45NTk4QzAuNzc2ODg1IDEwLjIzMzIgMC43NzY4ODUgMTAuNjc2NCAxLjA1MDI1IDEwLjk0OTdDMS4zMjM2MiAxMS4yMjMxIDEuNzY2ODMgMTEuMjIzMSAyLjA0MDIgMTAuOTQ5N0w2LjQ5NDk3IDYuNDk0OTdaTTUgNi43TDYgNi43TDYgNS4zTDUgNS4zTDUgNi43WiIgZmlsbD0iI2FhYSIvPgo8L3N2Zz4=");
}

.breadcrumbs li a {
    color: inherit
}

.breadcrumbs li a:visited {
    color: inherit
}

.breadcrumbs li a:hover {
    text-decoration: underline
}

.social-url-item {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    font-size: .89rem
}

.social-url-item a {
    text-decoration: none;
    color: inherit
}

.socials {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: calc(10px * 2);
    grid-gap: calc(var(--wrapper-paddings) * 2)
}

.desc-block {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(1.875rem, -.0061rem + 8.0259vw, 9rem)
}

.desc-block-preview {
    position: relative;
    background-color: #e1e1e1;
    background-color: var(--grey);
    padding: 37.32% 0;
    z-index: 1
}

.trust-inner {
    display: grid;
    grid-gap: clamp(1.25rem, -1.4096rem + 11.3475vw, 4rem)
}

.trust-inner p:first-of-type {
    margin-top: 0
}

.advant-list {
    display: grid;
    grid-gap: 15px
}

.advant-list li {
    position: relative;
    background-color: #fff;
    background-color: var(--white);
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 400;
    padding: 15px 95px 15px 20px;
    margin-top: 0;
    z-index: 1
}

.advant-list li .img-block {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--white);
    width: 90px;
    height: 90px;
    padding: 3px
}

.advant-list li .img-block img,
.advant-list li .img-block svg {
    max-height: 90%
}

.advant-list-title {
    font-size: clamp(1.625rem, 1.4126rem + .9061vw, 2.5rem);
    font-size: var(--h2);
    line-height: 1.1
}

.advant-list .desc {
    font-size: clamp(1.125rem, 1.034rem + .3883vw, 1.5rem);
    color: #2e3a59;
    color: var(--blue)
}

.team-item {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px
}

.team-item .img-block {
    position: relative;
    height: clamp(20.5rem, 19.8575rem + 2.7414vw, 23.25rem);
    z-index: 1
}

.team-item-name {
    font-size: var(--h6);
    font-weight: 600;
    margin-top: 8px
}

.fleet-content {
    display: grid;
    grid-gap: clamp(1.25rem, -5.3989rem + 28.3688vw, 13.75rem)
}

.fleet-content p:first-of-type {
    margin-top: 0
}

.fleet-content p:last-of-type {
    margin-bottom: 0
}

.fleet-content-col.img-block {
    display: grid;
    grid-gap: 1.1rem
}

.fleet-content img,
.fleet-content picture {
    display: block;
    width: 100%;
    height: 100%
}

.fleet-content img {
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

.choose-card {
    display: grid;
    grid-gap: 1.1rem;
    counter-reset: customCounter
}

.choose-card li {
    position: relative;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.25rem, .9176rem + 1.4184vw, 1.875rem)
}

.choose-card li + li {
    margin-top: 0
}

.choose-card li:before {
    display: block;
    content: attr(data-counter);
    counter-increment: customCounter;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: var(--h6);
    color: #2e3a59;
    color: var(--blue)
}

.choose-card .title {
    color: #2e3a59;
    color: var(--blue);
    margin: 10px 0
}

.section-thanks {
    background-color: #fff;
    background-color: var(--white)
}

.thanks-container {
    max-width: 39.4rem;
    margin-right: auto;
    margin-left: auto
}

.thanks-container .h2 {
    margin: 2.2rem 0 1.1rem
}

.thanks-container .btn-wrapper {
    margin-top: clamp(1.25rem, .4189rem + 3.5461vw, 2.8125rem)
}

.thanks-container .btn-wrapper .btn {
    width: 100%;
    max-width: 22.2rem
}

.calc {
    background-color: #e9bd52;
    background-color: var(--yellow);
    max-width: 22.22rem;
    padding: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem) clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem) 1.1rem
}

.calc-card .img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.calc-card .img-block img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.calc-card .calc-input-group-wrapper {
    display: grid;
    grid-template-columns: 1fr 5.777rem;
    grid-gap: 10px
}

.calc-card .quantity {
    grid-template-columns: 1.65rem 1.8rem 1.65rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calc-card .quantity input {
    font-size: .9rem
}

.calc-card .quantity .btn {
    width: 1.65rem;
    height: 1.65rem
}

.calc-inner {
    margin-top: 1.85rem
}

.calc-inner .title {
    display: block;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.calc-inner .form-group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc-inner .form-group-wrapper .form-group {
    width: calc(50% - 10px)
}

.calc-inner .form-group-wrapper .form-group input {
    margin-top: 0 !important
}

.calc-inner .btn {
    margin: 1.1rem 0
}

.calc-inner .custom-check + .custom-check {
    margin-top: 5px
}

.calc-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cart {
    overflow: hidden
}

.cart-items {
    background-color: #fff;
    background-color: var(--white);
    padding-bottom: 1px
}

.cart-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .89rem
}

.cart-table .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center;
    width: 42px;
    height: 36px;
    padding: 2px 5px
}

.cart-table .btn-remove {
    background-size: 31px 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='33' viewBox='0 0 31 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8563 27.1737H10.9683C10.3707 27.1737 9.86834 26.7227 9.80234 26.1287L8.51901 14.6007C8.44201 13.904 8.98468 13.2953 9.68501 13.2953H21.1397C21.84 13.2953 22.3827 13.904 22.3057 14.6007L21.0223 26.1287C20.9563 26.7227 20.454 27.1737 19.8563 27.1737Z' fill='%23C12D32'/%3E%3Cpath d='M15.4102 15.5468V25.3515' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.1765 15.565L18.4102 25.3367' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M11.6445 15.565L12.4109 25.3367' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M26.9821 14.5752L18.7632 6.35623C18.4539 6.04694 17.9524 6.04694 17.6431 6.35623C17.3338 6.66553 17.3338 7.16699 17.6431 7.47629L25.862 15.6952C26.1713 16.0045 26.6728 16.0045 26.9821 15.6952C27.2914 15.3859 27.2914 14.8845 26.9821 14.5752Z' fill='%23C12D32'/%3E%3Cpath d='M24.2743 11.0205C24.8142 10.4807 24.8142 9.60543 24.2743 9.06559C23.7345 8.52576 22.8593 8.52576 22.3194 9.06559C21.7796 9.60543 21.7796 10.4807 22.3194 11.0205C22.8593 11.5603 23.7345 11.5603 24.2743 11.0205Z' fill='%23C12D32'/%3E%3Cpath d='M15.9652 10.3949L13.7835 5.82623L13.1968 7.17557C9.1855 4.82157 5.6875 7.56423 5.6875 7.56423C8.91417 6.6549 11.5652 8.47723 12.0308 8.87323L10.9162 10.0026L15.9615 10.3986L15.9652 10.3949Z' fill='%23C12D32'/%3E%3C/svg%3E%0A")
}

.cart-table .btn-edit {
    background-size: 31px 31px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.288 7.9155C16.6945 7.25416 20.3594 8.24616 22.9978 10.8846C26.3768 14.2636 26.3768 19.7403 22.9978 23.1158C20.294 25.8197 15.9126 25.8197 13.2122 23.1158C11.0491 20.9527 11.0491 17.4497 13.2122 15.2866C14.9413 13.5575 17.7451 13.5575 19.4742 15.2866C20.8588 16.6713 20.8588 18.9136 19.4742 20.2983' stroke='%232E3A59' stroke-miterlimit='10'/%3E%3Cpath d='M17.951 16.1784L17.8958 16.2335C17.3413 16.3954 16.835 16.6951 16.4182 17.0946C16.0048 17.4942 15.6914 17.9936 15.5088 18.5413L15.4537 18.5964L15.4262 18.5689L7.31451 10.1885L7.27318 10.1437L6.69796 9.5513L6.65662 9.50653L6.0814 8.91408L6.04007 8.87275L5.46484 8.27686C5.6474 7.68786 5.97462 7.1643 6.40518 6.75097C6.83573 6.33419 7.36962 6.02419 7.96207 5.8623L8.53729 6.45475L8.57862 6.49953L9.15384 7.09197L9.19518 7.1333L9.7704 7.72919L9.81173 7.77397L17.9234 16.1543L17.951 16.1819V16.1784Z' fill='%232E3A59'/%3E%3Cpath d='M6.13114 8.92802L6.03125 8.89702C6.21381 8.31147 6.54447 7.77414 6.98536 7.34702C7.42625 6.91991 7.97392 6.60647 8.56636 6.44458L8.59392 6.54791C8.01869 6.70636 7.48825 7.00947 7.05769 7.42625C6.62714 7.84302 6.30681 8.36314 6.13114 8.93147V8.92802Z' fill='white'/%3E%3Cpath d='M6.74833 9.56511L6.64844 9.53411C6.83099 8.94855 7.16166 8.41122 7.60255 7.98411C8.04344 7.557 8.5911 7.24355 9.18355 7.08167L9.2111 7.185C8.63588 7.34344 8.10544 7.64655 7.67488 8.06333C7.24433 8.48011 6.92399 9.00022 6.74833 9.56855V9.56511Z' fill='white'/%3E%3Cpath d='M7.36551 10.2022L7.26562 10.1712C7.44818 9.58564 7.77885 9.04831 8.21974 8.62119C8.66063 8.19408 9.20829 7.88064 9.80074 7.71875L9.82829 7.82208C9.25307 7.98053 8.72262 8.28364 8.29207 8.70042C7.86496 9.11375 7.54462 9.63386 7.36551 10.2056V10.2022Z' fill='white'/%3E%3Cpath d='M19.5922 20.3738L18.2695 19.8054C18.3625 19.6504 18.4796 19.5023 18.6174 19.368C18.7552 19.2337 18.9068 19.1234 19.0686 19.0339L19.5922 20.3738Z' fill='%232E3A59'/%3E%3Cpath d='M15.7188 18.5964L18.4743 19.771L19.0874 19.3956L17.9507 16.3954' stroke='%232E3A59' stroke-miterlimit='10'/%3E%3C/svg%3E%0A")
}

.cart-table thead th {
    border: 1px solid #fff;
    border: 1px solid var(--white);
    background-color: #2e3a59;
    background-color: var(--blue);
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 500;
    color: #fff;
    color: var(--white);
    text-align: left;
    vertical-align: top
}

.cart-table:not(.cart-table-mob) thead th {
    padding: 15px 10px
}

.cart-table:not(.cart-table-mob) thead th .btn-remove {
    background-image: unset
}

.cart-table:not(.cart-table-mob) thead .remove {
    position: relative;
    background-color: #e9bd52;
    background-color: var(--yellow);
    padding: 0
}

.cart-table:not(.cart-table-mob) thead .remove .btn {
    position: absolute;
    top: 0;
    left: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #c12d32;
    color: var(--red);
    text-align: left;
    text-transform: none;
    text-transform: initial;
    width: 100%;
    height: 100%;
    padding: 10px
}

.cart-table:not(.cart-table-mob) tbody td {
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    padding: 10px
}

.cart-table:not(.cart-table-mob) tbody td:nth-child(10),
.cart-table:not(.cart-table-mob) tbody td:nth-child(6),
.cart-table:not(.cart-table-mob) tbody td:nth-child(7),
.cart-table:not(.cart-table-mob) tbody td:nth-child(8),
.cart-table:not(.cart-table-mob) tbody td:nth-child(9) {
    text-align: right
}

.cart-table:not(.cart-table-mob) tbody td:first-of-type,
.cart-table:not(.cart-table-mob) tbody td:nth-child(7),
.cart-table:not(.cart-table-mob) tbody td:nth-child(8),
.cart-table:not(.cart-table-mob) tbody td:nth-child(9) {
    padding-right: 6px;
    padding-left: 6px
}

.cart-table:not(.cart-table-mob) tbody td:nth-child(11),
.cart-table:not(.cart-table-mob) tbody td:nth-child(12) {
    padding-top: 5px;
    padding-bottom: 5px
}

.cart-table:not(.cart-table-mob) tbody td:nth-child(11) {
    border-right: none;
    padding-right: 4px
}

.cart-table:not(.cart-table-mob) tbody td:nth-child(12) {
    border-left: none;
    padding-left: 4px
}

.cart-table:not(.cart-table-mob) tbody tr:nth-child(even) td {
    background-color: #e7e7e7
}

.cart-table:not(.cart-table-mob) tfoot tr:nth-child(2) td {
    color: #1c7e20;
    color: var(--green)
}

.cart-table:not(.cart-table-mob) tfoot td:not(:first-of-type) {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey);
    padding: 12px
}

.cart-table:not(.cart-table-mob) tfoot td:not(:nth-child(2)) {
    text-align: right;
    padding-right: 10px
}

.cart-table-mob {
    font-size: 14px
}

.cart-table-mob span {
    display: block
}

.cart-table-mob .th-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 50px;
    height: 100%;
    gap: 4px
}

.cart-table-mob .green {
    color: #1c7e20;
    color: var(--green)
}

.cart-table-mob td,
.cart-table-mob th {
    border: 1px solid #e1e1e1
}

.cart-table-mob td:first-of-type,
.cart-table-mob th:first-of-type {
    padding-left: .89rem
}

.cart-table-mob td:last-of-type,
.cart-table-mob th:last-of-type {
    padding-right: .89rem
}

.cart-table-mob td:nth-child(2),
.cart-table-mob th:nth-child(2) {
    width: 80%
}

.cart-table-mob th {
    padding: 6px 4px 4px
}

.cart-table-mob td {
    padding: 10px 4px 5px 4px
}

.cart-table-mob .d-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.cart-table-mob thead th {
    line-height: 1.2
}

.cart-table-mob thead th:first-of-type {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

.cart-table-mob thead th:first-of-type .btn {
    border-radius: 0;
    width: 100%;
    min-height: 64px
}

.cart-table-mob tbody tr:nth-child(even) td {
    background-color: #f5f5f5
}

.cart-table-mob tbody tr td {
    line-height: 1
}

.cart-table-mob tbody tr td:first-of-type {
    text-align: right
}

.cart-table-mob tbody tr td:first-of-type .btn {
    margin-left: auto;
    margin-top: 3px
}

.cart-table-mob tbody tr td:nth-child(3) span:first-of-type,
.cart-table-mob tbody tr td:nth-child(4) span:first-of-type {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px
}

.cart-table-mob tbody tr td:nth-child(3) span:last-of-type,
.cart-table-mob tbody tr td:nth-child(4) span:last-of-type {
    padding-top: 5px
}

.cart-table-mob tbody tr td:nth-child(3) span {
    padding-right: 8px;
    padding-left: 8px;
    margin-right: -4px;
    margin-left: -4px
}

.cart-table-mob tbody tr td:nth-child(4) span {
    white-space: nowrap;
    padding-right: .89rem;
    padding-left: 8px;
    margin-right: -.89rem;
    margin-left: -4px
}

.cart-table-mob tbody tr td:last-of-type {
    text-align: right
}

.cart-table-mob tfoot tr:nth-child(2) td {
    color: #1c7e20;
    color: var(--green)
}

.cart-table-mob tfoot tr:nth-child(3) td {
    border-top: 10px solid #f5f5f5
}

.cart-table-mob tfoot tr:last-of-type td:first-of-type span {
    display: inline
}

.cart-table-mob tfoot tr td {
    padding-top: 8px;
    padding-bottom: 8px
}

.cart-table-mob tfoot tr td strong {
    font-weight: 800
}

.cart-table-mob tfoot tr td:nth-child(2),
.cart-table-mob tfoot tr td:nth-child(3) {
    text-align: right
}

.cart-bottom-info {
    display: grid;
    grid-gap: 1.1rem;
    max-width: 59.72rem;
    padding: 0 1.1rem;
    margin: 40px auto
}

.cart-subtotal-col .cart-info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.cart-subtotal-col .cart-info-block-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart-info-top-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -14px 1.1rem
}

.cart-info-top-subtotal .subtotal-item {
    padding: 0 14px
}

.cart-info-top-subtotal .subtotal-item:first-of-type {
    border-right: 1px solid #e1e1e1;
    border-right: 1px solid var(--grey)
}

.cart-info-block + .cart-info-block {
    margin-top: 1.1rem
}

.cart-info-block p {
    font-size: .89rem;
    margin: 10px 0
}

.cart-info-block p:first-of-type {
    margin-top: 0
}

.cart-info-block p:last-of-type {
    margin-bottom: 1.1rem
}

.cart-info-block-header {
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white);
    padding: 10px 1.1rem
}

.cart-info-block-content {
    border-right: 1px solid #e1e1e1;
    border-right: 1px solid var(--grey);
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey);
    border-left: 1px solid #e1e1e1;
    border-left: 1px solid var(--grey);
    padding: 1.1rem
}

.cart-info-block-content form {
    display: grid;
    grid-gap: 15px
}

.calc-info-block {
    background-color: #e9bd52;
    background-color: var(--yellow)
}

.calc-info-block .calc-inner {
    margin-top: 0
}

.main-form-wrapper {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white);
    padding: 1.1rem
}

.main-form-wrapper a {
    color: inherit;
    text-decoration: underline
}

.main-form-wrapper a:visited {
    color: inherit
}

.main-form-wrapper a:hover {
    text-decoration: none
}

.main-form-item {
    padding: clamp(.0625rem, -.2257rem + 1.2298vw, 1.25rem) clamp(.0625rem, -.8325rem + 3.8188vw, 3.75rem) clamp(.0625rem, -.2257rem + 1.2298vw, 1.25rem)
}

.main-form-item .title {
    margin-bottom: 1.8rem
}

.main-form-item .form-group {
    margin-bottom: 10px
}

.main-form-item .btn-wrapper {
    margin: 1.1rem 0 .77rem
}

.main-form-item .form-notation {
    font-size: 12px
}

.request-form {
    border-radius: 4px;
    background-color: #2e3a59;
    background-color: var(--blue);
    color: #fff;
    color: var(--white)
}

.request-form-inner {
    display: grid;
    grid-gap: 5px;
    margin-bottom: 1rem
}

.request-form .callback-form .btn {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.request-form .callback-form .btn-wrapper {
    margin: 0
}

.section-door-category .social-url-item {
    margin: clamp(1.25rem, .6432rem + 2.589vw, 3.75rem) 0 1.1rem
}

.section-door-category ~ .fbglass .img-block {
    display: block;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    text-align: center
}

.section-door-glass-single .social-url-item {
    margin-top: auto
}

.section-exterior-door p {
    max-width: 41.11rem
}

.section-exterior-door p:last-of-type {
    margin-bottom: 0
}

.single-about-content-col ul:last-of-type {
    margin-bottom: 0
}

.single-about-content p {
    max-width: 57.5rem
}

.single-about-spec {
    margin: 1.66rem 0 2.2rem
}

.single-about-spec table {
    width: 100%
}

.single-about-spec table td,
.single-about-spec table th {
    width: 50%;
    border: 1px solid #262626;
    border: 1px solid var(--black);
    padding: 1rem 1.1rem
}

.single-about-spec table th {
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-style: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-style: var(--h4);
    font-weight: 500;
    text-transform: uppercase;
    text-align: left
}

.single-door {
    background-color: #fff;
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px 14px
}

.single-door .img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px
}

.single-door .img-block img {
    max-height: 100%
}

.single-door-item {
    margin-top: 2rem
}

.single-door-item .item-info {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-gap: 2rem;
    margin-top: 2rem
}

.single-door-item .item-info-inner {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 2rem;
    margin-top: 4rem
}

.single-door-item .item-info-inner .social-url-item {
    margin-top: 1.65rem
}

.single-door-item .item-info-left .title {
    margin-bottom: 1rem
}

.single-door-item .item-info-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.1rem;
    margin-top: 2.85rem
}

.doors-preview .grid-4 {
    grid-template-columns: repeat(4, 1fr)
}

.doors-preview-item {
    color: inherit;
    margin-bottom: 10px
}

.doors-preview-item:visited {
    color: inherit
}

.doors-preview-item .img-block {
    position: relative;
    height: clamp(11.25rem, 5.7585rem + 23.4304vw, 33.875rem);
    margin-bottom: 1.1rem
}

.door {
    max-width: 415px
}

.door .img-block {
    position: relative;
    padding: 88.915% 0
}

.door-category {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-gap: 40px
}

.door-preview-item {
    position: relative
}

.door-preview-item:not(.door-preview-item--half-left):not(.door-preview-item--half-right):not(.door-preview-item-header) {
    padding: 88.915% 0
}

.door-preview-item--half-left a,
.door-preview-item--half-right a {
    max-height: 20rem;
}

.door-preview-item--half-left:not(.door-preview-item-cont),
.door-preview-item--half-right:not(.door-preview-item-cont) {
    height: clamp(10.125rem, 10.9405rem + 9.3204vw, 22.125rem);
}

.door-preview-item-header {
    flex: 5;
}

.door-preview-item-header .img-block {
    height: 100%;
}

.door-preview-item-header img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.door-preview-item-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(38, 38, 38, .8);
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    color: var(--white);
    padding: 4px 1rem;
    z-index: 1
}

.door-preview-item-cont {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.door-preview-item-cont-header {
    position: relative;
    display: block;
    /*padding: 88.915% 0*/
}

.door-preview-item-cont-header .img-block {
    height: 30rem;
}

.door-preview-item-cont-bottom,
.door-preview-item-cont-wrapper {
    background-color: #fff;
    background-color: var(--white)
}

.door-preview-item-cont-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 1.5;
    margin-bottom: .5rem;
    max-height: calc(1.5em * 4);
    min-height: calc(1.5em * 4);
}

.door-preview-item-cont-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: .85rem;
    font-weight: 600;
    padding: 10px 15px
}

.door-preview-item-cont-wrapper .sku {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 8px;
    align-self: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    margin-top: auto;
    z-index: 1
}

.door-preview-item-cont-wrapper .sku.copied:after {
    position: absolute;
    content: 'copied';
    display: block;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3%;
    background-color: #e9bd52;
    background-color: var(--yellow);
    font-size: 14px;
    font-weight: 600;
    color: #2e3a59;
    color: var(--blue);
    line-height: 1;
    padding: .1rem 1rem .2rem
}

.door-preview-item-cont-wrapper .sku-inner {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.door-preview-item-cont-wrapper .sku .icon {
    width: 20px;
    height: 20px
}

.door-preview-item-cont-bottom {
    display: grid;
    grid-template-columns: 1fr 3.666rem;
    grid-gap: 8px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.door-preview-item-cont-bottom .btn.btn-box,
.door-preview-item-cont-bottom .btn.btn-white {
    border: 1px solid #2e3a59;
    border: 1px solid var(--blue);
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase
}

.door-preview-item-cont-bottom .btn.btn-white {
    padding: 13px 1rem
}

.door-preview-item-cont-bottom .btn.btn-favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    padding: 7px 1rem
}

.door-preview-item-cont-bottom .btn.btn-favorite .icon {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: rgba(46, 58, 89, .4)
}

.door-preview-item-cont-bottom .btn.btn-favorite .icon path {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.door-preview-item-cont-bottom .btn.btn-favorite:hover .icon {
    color: rgba(193, 45, 50, .2)
}

.door-preview-item-cont-bottom .btn.btn-favorite.added .icon {
    color: #c12d32;
    color: var(--red)
}

.door-glass-item {
    margin-bottom: 1.1rem
}

.door-glass-item .img-block {
    position: relative;
    padding: 130% 0
}

.door-glass-item-desc {
    display: block;
    text-align: center;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 1rem
}

.door-prop-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: calc(10px * 2);
    grid-gap: calc(var(--wrapper-paddings) * 2)
}

.door-prop-item {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem)
}

.door-prop-info {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: clamp(1.875rem, .0546rem + 7.767vw, 9.375rem);
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.25rem, 1.0225rem + .9709vw, 2.1875rem) clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem);
    margin-top: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem)
}

.door-prop-info-desc p:first-of-type {
    margin-top: 0
}

.door-prop-info-desc p:last-of-type {
    margin-bottom: 0
}

.door-glass-screen {
    display: grid;
    grid-template-columns: minmax(11.1rem, 50.33rem) auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.door-glass-screen h1 {
    margin-bottom: 3rem
}

.door-glass-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.door-glass-desc:not(.door-glass-desc--single) {
    margin-top: auto
}

.door-glass-desc ul {
    margin-bottom: 0
}

.door-glass-desc--single {
    margin-top: clamp(1.25rem, .8708rem + 1.6181vw, 2.8125rem)
}

.door-single-spec {
    display: grid;
    grid-gap: clamp(1.25rem, .1123rem + 4.8544vw, 5.9375rem)
}

.door-single-spec .img-block {
    position: relative;
    background-color: #e1e1e1;
    background-color: var(--grey);
    padding: 29% 0;
    z-index: 1;
    min-height: 100%
}

.fbglass {
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem) 0
}

.fbglass-inner {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1.1rem
}

.casement-door {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    color: inherit;
    margin-top: 10px
}

.casement-door:visited {
    color: inherit
}

.casement-door .img-block {
    width: 100%;
    margin-bottom: 10px
}

.casement-door .title {
    margin-bottom: 4px
}

.casement-door .title + .d-block {
    margin-top: 8px
}

.casement-door .btn {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-top: auto
}

.config-tabs {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    border-bottom: 4px solid #e9bd52;
    border-bottom: 4px solid var(--yellow);
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: 1.625rem;
    margin-bottom: 20px
}

.config-items-wrapper {
    display: grid;
    background-color: #fff;
    background-color: var(--white);
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 2.2rem;
    padding: 1.85rem clamp(.9375rem, .2885rem + 2.8846vw, 3.75rem)
}

.config-items-wrapper .h2 {
    margin-bottom: 2rem
}

.config-prev img {
    width: 100%;
    max-height: 21.16rem
}

.config-group {
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: clamp(2.5rem, .8313rem + 7.1197vw, 9.375rem)
}

.config-group-items,
.config-group-res {
    margin-top: 1.5rem
}

.config-group-items {
    display: inline-grid;
    grid-gap: 10px
}

.config-group-res table th {
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 400;
    font-size: 1.68rem;
    text-align: left;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 1rem
}

.config-group-res table td,
.config-group-res table th {
    min-width: 125px;
    padding-right: 1.85rem;
    padding-left: 0
}

.config-group-res table td:not(:first-of-type),
.config-group-res table th:not(:first-of-type) {
    padding-left: 0
}

.config-group-res table td:last-of-type,
.config-group-res table th:last-of-type {
    min-width: auto;
    padding-right: 0
}

.config-group-res table td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.45rem
}

.config-group-res table td:not(:first-of-type) {
    padding-left: 0
}

.config-group-res table td:last-of-type {
    padding-right: 0
}

.btn-config-tab {
    width: clamp(6.25rem, 5.6731rem + 2.5641vw, 8.75rem);
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: inherit !important;
    background-color: #f5f5f5;
    color: #2e3a59;
    color: var(--blue);
    padding: .75rem 1.25rem !important
}

.btn-config-tab.active {
    background-color: #e9bd52;
    background-color: var(--yellow)
}

.info-block {
    display: grid;
    grid-gap: clamp(1.25rem, .264rem + 4.2071vw, 5.3125rem)
}

.info-block-spec {
    border-radius: 4px;
    overflow: hidden
}

.info-block-spec table {
    background-color: #fff;
    background-color: var(--white);
    width: 100%;
    text-align: center;
    font-size: .89rem
}

.info-block-spec table th {
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 500;
    padding: clamp(1.25rem, .9176rem + 1.4184vw, 1.875rem) 1rem
}

.info-block-spec table td,
.info-block-spec table th {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--grey)
}

.info-block-spec table td:first-of-type,
.info-block-spec table th:first-of-type {
    border-left: none
}

.info-block-spec table td:last-of-type,
.info-block-spec table th:last-of-type {
    border-right: none
}

.info-block-spec table td {
    padding: clamp(.625rem, .2926rem + 1.4184vw, 1.25rem) 1rem
}

.info-block-spec table thead tr:first-of-type th {
    border-top: none
}

.presentation [class^=grid-] {
    margin-bottom: clamp(2.5rem, 2.2573rem + 1.0356vw, 3.5rem)
}

.step-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: calc(10px * 2);
    grid-gap: calc(var(--wrapper-paddings) * 2);
    margin-top: 1.66rem
}

.step-item {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem)
}

.step-list li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: clamp(4rem, 3.354rem + .6231vw, 4.125rem);
    min-height: 2.55rem;
    margin-top: 1.1rem;
}

.step-list li:first-of-type {
    margin-top: 2rem
}

.step-list-counter {
    position: absolute;
    top: clamp(0rem, -1.0876rem + .3738vw, -.625rem);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e9bd52;
    background-color: var(--yellow);
    width: 2.55rem;
    height: 2.55rem;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 500;
    line-height: 0;
    color: #2e3a59;
    color: var(--blue)
}

.window-screen-wrapper {
    display: grid;
    grid-gap: 1.1rem
}

.window-screen-wrapper h1 {
    margin: 0 0 1rem
}

.single-window-item h1 {
    margin-bottom: 2.2rem
}

.single-window-item .item-info-wrapper {
    display: grid;
    grid-gap: 1.1rem
}

.single-window-item .item-info-col .social-url-item a,
.single-window-item .item-info-col .social-url-item picture {
    height: 100%
}

.single-window-item .item-info-col .social-url-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-window-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    margin-top: 1rem
}

.single-window-thumbs img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
}

.single-window-bottom {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: auto auto;
    grid-gap: 1.1rem;
    margin-top: 1.1rem
}

.single-window-bottom .social-url-item {
    max-width: 28.61rem
}

.single-window-info {
    display: grid;
    grid-gap: 10px;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-size: .77rem;
    font-weight: 500;
    line-height: 1
}

.single-window-info-left {
    font-size: clamp(1.375rem, 1.2536rem + .5178vw, 1.875rem);
    color: #2e3a59;
    color: var(--blue);
    line-height: 1
}

.single-window-info-right {
    text-align: right
}

.single-window-info strong {
    font-weight: 600
}

.single-window-info .sku {
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-size: var(--h4);
    text-transform: uppercase
}

.single-window-info .price {
    font-size: clamp(1.375rem, 1.2536rem + .5178vw, 1.875rem);
    font-size: var(--h3);
    text-transform: uppercase;
    color: #c12d32;
    color: var(--red)
}

.cut-out-screen {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 1.1rem
}

.cut-out-screen h1 {
    margin-bottom: 3rem
}

.cut-out-first-screen {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 1.1rem
}

.cut-out-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cut-out-content .social-url-item {
    margin-top: auto
}

.cut-out-desc {
    margin-top: clamp(1.25rem, .7181rem + 2.2695vw, 2.25rem)
}

.cut-out-desc p {
    margin-top: 10px
}

.cut-out-desc--single {
    margin-top: clamp(1.25rem, .8708rem + 1.6181vw, 2.8125rem)
}

.cut-out-item {
    margin-bottom: 1.1rem
}

.cut-out-item-title {
    font-weight: 500;
    margin-bottom: 1.1rem
}

.cut-out-item-desc {
    font-size: .9em;
    margin-top: 1.1rem
}

.main-screen-container {
    display: grid;
    grid-gap: clamp(1.25rem, -.4122rem + 7.0922vw, 4.375rem)
}

.main-screen-prev {
    position: relative;
    overflow: hidden
}

.main-screen-prev img:not(.img) {
    position: relative;
    width: 100%;
    height: 100%
}

.main-screen-prev img.active {
    z-index: 5
}

.main-screen-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-screen-content .calc {
    margin-top: auto
}

.main-screen-content .btn-wrapper,
.main-screen-content .social-url-item {
    max-width: 22rem
}

.main-screen-content .btn-wrapper {
    margin: 1.1rem 0 clamp(1.25rem, .5851rem + 2.8369vw, 2.5rem)
}

.main-screen-bottom {
    display: grid;
    grid-gap: clamp(1.875rem, .2063rem + 7.1197vw, 8.75rem);
    margin-top: clamp(2.5rem, 1.7415rem + 3.2362vw, 5.625rem)
}

.main-screen-bottom .trust-col p:first-of-type {
    margin-top: 0
}

.main-screen-bottom .trust-col p + .advant-list {
    margin-top: clamp(1.5rem, 1.0449rem + 1.9417vw, 3.375rem)
}

.wyg {
    margin-top: clamp(2.5rem, .5053rem + 8.5106vw, 6.25rem)
}

.wyg-line {
    position: relative;
    display: grid;
    grid-template-columns: minmax(5.5rem, 31.4rem) clamp(8.75rem, 5.7247rem + 12.9078vw, 14.4375rem);
    grid-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(.625rem, -.0399rem + 2.8369vw, 1.875rem)
}

.wyg-line:first-of-type {
    margin-top: clamp(1.25rem, .7181rem + 2.2695vw, 2.25rem)
}

.wyg-line .title {
    font-size: clamp(1rem, .734rem + 1.1348vw, 1.5rem);
    font-weight: 500;
    margin-bottom: 10px
}

.wyg-line .img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #f5f5f5;
    width: clamp(8.75rem, 5.7247rem + 12.9078vw, 14.4375rem);
    height: 130px
}

.wyg-line + .wyg-line {
    margin-top: 10px
}

.wyg .btn-wrapper {
    margin-top: clamp(1.25rem, .7181rem + 2.2695vw, 2.25rem)
}

.features {
    display: grid;
    grid-gap: clamp(1.25rem, -1.2434rem + 10.6383vw, 3rem)
}

.features h2,
.features h3,
.features h4,
.features h5,
.features h6 {
    margin-top: 0
}

.features-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.features-list {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 20px;
    margin-top: auto !important
}

.features-list li {
    background-color: #fff;
    background-color: var(--white);
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-weight: 400;
    text-align: center;
    padding: 1rem
}

.features-list li + li {
    margin-top: 0
}

.features-list .img-block {
    background-color: #fff;
    background-color: var(--white);
    width: 4.83rem;
    margin: 0 auto
}

.features p {
    margin: .5rem 0
}

.features p:first-of-type {
    margin-top: 1.1rem
}

.features p + p {
    margin-top: 10px
}

.bn p:first-of-type {
    margin-top: 10px
}

.bn p:last-of-type {
    margin-bottom: 0
}

.screen-wrapper {
    display: grid;
    grid-gap: 1.1rem
}

.screen-wrapper .left-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.screen-wrapper .left-col-inner-cols {
    height: 100%
}

.screen-wrapper .left-col-inner-col:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.screen-wrapper .left-col h1 {
    margin-bottom: 2rem
}

.screen-wrapper .left-col .calc {
    margin-top: auto
}

.calc-cards {
    display: grid;
    margin-top: 3rem;
    grid-template-columns: repeat(1, 1fr)
}

.calc-content h2:first-of-type,
.calc-content h3:first-of-type,
.calc-content h4:first-of-type,
.calc-content h5:first-of-type {
    margin-top: 0
}

.calc-content p:first-of-type {
    margin-top: 0
}

.calc-content p:last-of-type {
    margin-bottom: 0
}

.calc-content-preview {
    position: relative;
    background-color: #e1e1e1;
    background-color: var(--grey);
    height: 100%;
    max-height: clamp(25rem, 21.9583rem + 13.5185vw, 34rem);
    z-index: 1
}

.calc-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-color: var(--white);
    padding: 1.1rem
}

.calc-card .img-block {
    background-color: #f5f5f5;
    background-color: var(--l-grey);
    height: 11.27rem;
    text-align: center;
    padding: 10px
}

.calc-card .img-block img {
    max-height: 100%
}

.calc-card .h4 {
    margin: 15px 0
}

.calc-card-list li {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey);
    font-size: .9rem;
    padding: 8px 0 4px;
    margin-top: 0
}

.calc-card-list li:first-of-type {
    padding-top: 0
}

.calc-card-list li .title {
    font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem);
    font-size: var(--h4)
}

.calc-card [type=submit] {
    width: 100%;
    font-family: Mulish, sans-serif;
    font-family: var(--font);
    font-size: .9rem !important;
    padding: 17px 12px !important;
    margin-top: auto
}

.cart-first-screen {
    position: relative;
    border-radius: 12px;
    background-color: #fff;
    background-color: var(--white);
    min-height: clamp(7.8125rem, 6.159rem + 7.055vw, 14.625rem);
    margin: 2rem 0 1rem;
    z-index: 1
}

.cart-first-screen img {
    position: absolute;
    right: 0;
    bottom: 0
}

.cart-first-screen-desc {
    max-width: 700px;
    padding: clamp(1.25rem, .6432rem + 2.589vw, 3.75rem) clamp(1.25rem, .6432rem + 2.589vw, 3.75rem) clamp(2.8125rem, 2.1299rem + 2.91vw, 5.5rem) clamp(1.25rem, .6432rem + 2.589vw, 3.75rem)
}

.cart-first-screen-desc p {
    margin: 0
}

.cart-custom-input {
    position: relative;
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #e9bd52;
    background-color: var(--yellow);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .77rem;
    font-weight: 500;
    z-index: 1
}

.cart-custom-input .pseudo-label {
    padding: 1rem 4rem 1rem 2rem
}

.cart-custom-input .pseudo-label:after {
    position: absolute;
    content: '';
    display: block;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #1c7e20;
    background-color: var(--green);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 8px
}

.cart-custom-input input:checked ~ .pseudo-label:after {
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 6.66667L3.29004 8.38437C3.43621 8.49398 3.61908 8.54286 3.80044 8.52082C3.9818 8.49877 4.14763 8.40751 4.26329 8.26608L10.2083 1" stroke="white" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E')
}

.cart-custom-input [type=checkbox] ~ .pseudo-label:after {
    width: 1.75rem;
    height: 1.05rem
}

.cart-custom-input [type=radio] ~ .pseudo-label:after {
    border-radius: 50%;
    width: 1.35rem;
    height: 1.35rem
}

.cart-preview-item {
    margin-bottom: 1.1rem
}

.cart-preview-item .door-preview-item {
    width: 100%;
    display: block
}

.section-sale-bn {
    background-color: #daf4ff;
    padding: 60px 0
}

.sale-bn-inner {
    display: grid;
    grid-gap: clamp(1.375rem, 1.2536rem + .5178vw, 1.875rem);
    grid-gap: var(--h3)
}

.sale-bn-inner p {
    margin: 1rem 0
}

.sale-bn-inner p:first-of-type {
    margin-top: 0
}

.sale-bn-inner p:last-of-type {
    margin-bottom: 0
}

.section-about p {
    max-width: 47.72rem
}

.section-about .social-url-item {
    margin: clamp(1.25rem, .5851rem + 2.8369vw, 2.5rem) 0 1.1rem
}

.section-contacts {
    background-color: #fff;
    background-color: var(--white)
}

.contacts-content {
    display: grid;
    grid-gap: clamp(1.25rem, -2.2074rem + 14.7518vw, 7.75rem)
}

.contacts-content p {
    max-width: 38.3rem
}

.contacts-content .callback-form {
    max-width: 27.3rem;
    margin-top: clamp(1.25rem, .9176rem + 1.4184vw, 1.875rem)
}

.location-content {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: clamp(1.25rem, .2527rem + 4.2553vw, 3.125rem)
}

.location-content .social-url-item {
    margin-top: clamp(1.25rem, .9176rem + 1.4184vw, 1.875rem)
}

.location-content h1 {
    word-wrap: break-word
}

.privacy-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.privacy-content h2:first-child,
.privacy-content h3:first-child,
.privacy-content h4:first-child {
    margin-top: 0
}

.content-info-block {
    position: relative;
    max-width: 37rem;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--white);
    padding: 1.4rem 1.1rem 1.1rem 2.7rem;
    margin: clamp(1.25rem, .5851rem + 2.8369vw, 2.5rem) 0;
    z-index: 1
}

.content-info-block:after {
    position: absolute;
    content: '';
    display: block;
    top: clamp(.625rem, .1263rem + 2.1277vw, 1.4rem);
    left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.602 18.688L14.152 9.31H15.952L15.502 18.688H14.602ZM14.134 22V20.164H15.97V22H14.134Z" fill="%23262626"/%3E%3Ccircle cx="15" cy="15" r="14.5" stroke="black"/%3E%3C/svg%3E');
    width: 1.66rem;
    height: 1.66rem
}

.section-blog-archive,
.section-blog-single {
    background-color: #fff;
    background-color: var(--white);
    padding-bottom: clamp(2.8125rem, 1.9814rem + 3.5461vw, 4.375rem);
    padding-top: 2.5rem
}

.section-blog-single h1 {
    max-width: 75%;
    color: #f5f5f5;
}

.blog-archive-screen {
    display: grid;
    grid-gap: 1.67rem
}

.blog-cards {
    margin-top: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem)
}

.blog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: calc(10px * 2);
    padding: calc(var(--wrapper-paddings) * 2)
}

.blog-card a {
    display: block;
    color: inherit
}

.blog-card a:visited {
    color: inherit
}

.blog-card-header {
    position: relative;
    border-radius: 4px;
    border-radius: var(--brs);
    height: 11.67rem;
    overflow: hidden;
    z-index: 1
}

.blog-card .h4 {
    margin: 1.25rem 0 10px
}

.blog-card p {
    margin: 0 0 .83rem
}

.blog-card-footer {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .89rem;
    color: #2e3a59;
    color: var(--blue);
    padding-bottom: 10px;
    margin-top: .83rem
}

.blog-single-content ul ul {
    margin-bottom: 0
}

.blog-single-screen-content p:last-of-type {
    max-width: 38.89rem;
    margin-bottom: 0
}

.anchor-list {
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--white);
    padding: 1.1rem
}

.anchor-list .btn {
    position: relative;
    width: 100%;
    text-align: left;
    text-transform: unset !important;
    padding: 0 1.5rem 0 0 !important
}

.anchor-list .btn:after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.15rem;
    height: .5rem;
    margin-left: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1L8 7L1 0.999999' stroke='%23161B22' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    content: ""
}

.anchor-list li {
    margin-top: 1rem
}

.anchor-list.open .btn:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.review {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: calc(10px * 2);
    padding: calc(var(--wrapper-paddings) * 2)
}

.review-author-icon {
    width: 2.78rem;
    height: 2.78rem;
    border-radius: 50%;
    background-color: #4a90e2;
    color: white;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    user-select: none;
}

.review-author-icon img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.78rem;
    height: 2.78rem
}

.review-author-info {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 12px;
    color: #2e3a59;
    color: var(--blue);
    margin-bottom: 10px
}

.review-author-info .icon {
    margin-left: 2px
}

.review p {
    max-width: 17.2rem;
    margin: 0 0 10px
}

.callback {
    background-color: #fff;
    background-color: var(--white);
    z-index: 1
}

.callback-inner {
    padding: clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem) clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem)
}

.callback img {
    padding: clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem) clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem)
}

.callback-inner .h4 {
    margin-bottom: 10px
}

.callback-desc {
    max-width: 14.72rem;
    margin: 10px 0 1.66rem
}

.callback-form .form-group {
    margin-bottom: 10px
}

.callback-form .form-group textarea {
    min-height: 10.44rem
}

.callback-form .btn-wrapper {
    margin: 1.1rem 0 10px
}

.callback-form .form-notation {
    font-size: 13px
}

.callback-form .form-notation a {
    text-decoration: underline;
    color: inherit
}

.callback-form .form-notation a:hover {
    text-decoration: none
}

.callback-form .form-notation a:visited {
    color: inherit
}

form .form-group-message {
    display: block;
    font-size: 12px
}

form.invalid .form-callback-message,
form.success .form-callback-message {
    display: block;
    font-size: 1rem;
    margin-top: 1rem
}

.modal-callback form.callback-form input.invalid,
form:not(.callback-form) input.invalid {
    border-color: #c12d32;
    border-color: var(--red)
}

.modal-callback form.callback-form input.invalid ~ .form-group-message,
form:not(.callback-form) input.invalid ~ .form-group-message {
    color: #c12d32;
    color: var(--red)
}

.modal-callback form.callback-form.invalid .form-callback-message,
form:not(.callback-form).invalid .form-callback-message {
    color: #c12d32;
    color: var(--red)
}

.modal-callback form.callback-form.success .form-callback-message,
form:not(.callback-form).success .form-callback-message {
    color: #1c7e20;
    color: var(--green)
}

.main-form-wrapper form input.invalid {
    border-color: #f38a8a !important
}

.main-form-wrapper form .form-group-message {
    color: #f38a8a !important
}

.main-form-wrapper form .form-callback-message {
    color: #fff !important;
    color: var(--white) !important
}

.main-form-wrapper form.invalid .form-callback-message {
    color: #f38a8a !important
}

input.invalid ~ .form-group-message {
    padding-top: 2px
}

.faq-container {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: clamp(1.875rem, 1.5716rem + 1.2945vw, 3.125rem) clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem)
}

.faq-wrapper {
    margin-top: 10px
}

.faq-item {
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--grey);
    padding: clamp(.625rem, .3216rem + 1.2945vw, 1.875rem) 0
}

.faq-item p:first-of-type {
    margin-top: 0
}

.faq-item p:last-of-type {
    margin-bottom: 0
}

.faq-item .btn {
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 500;
    padding: 0 2.2rem 0 0 !important
}

.faq-item .btn:after {
    position: absolute;
    content: '+';
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #2e3a59;
    background-color: var(--blue);
    width: 1.83rem;
    height: 1.83rem;
    font-family: Kanit, sans-serif;
    font-family: var(--title);
    font-style: 22px;
    font-weight: 500;
    line-height: 0;
    color: #fff;
    color: var(--white)
}

.faq-item.open .btn:after {
    content: '-'
}

.faq-line-content {
    width: calc(100% - 40px);
    margin-top: 10px
}

.accordion-line {
    border-top: 1px solid #fff;
    border-top: 1px solid var(--white);
    padding: 1.5rem 0
}

.accordion-line:last-of-type {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--white)
}

.accordion-line .title {
    position: relative;
    width: 100%;
    text-align: left;
    padding-right: clamp(2rem, 1.5109rem + 1.8vw, 4rem)
}

.accordion-line .title .icon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #e9bd52;
    background-color: var(--yellow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(1.6rem, 1.5109rem + 1.5534vw, 3rem);
    height: clamp(1.6rem, 1.5109rem + 1.5534vw, 3rem);
    color: #262626;
    color: var(--black);
    -webkit-transition: background-color .2s, color .2s, -webkit-transform .2s;
    transition: background-color .2s, color .2s, -webkit-transform .2s;
    -o-transition: transform .2s, background-color .2s, color .2s;
    transition: transform .2s, background-color .2s, color .2s;
    transition: transform .2s, background-color .2s, color .2s, -webkit-transform .2s;
    padding: .2em
}

.accordion-line-content {
    margin-top: 30px
}

.accordion-line-content [class^=grid-] {
    margin-bottom: 0
}

.accordion-line.open .title .icon {
    color: #fff;
    color: var(--white);
    background-color: #c12d32;
    background-color: var(--red);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.pre-footer-calc:not(.pre-footer-calc--door) {
    background-color: #fff;
    background-color: var(--white)
}

.pre-footer-calc .desc-wrapper {
    display: grid;
    grid-gap: clamp(1.375rem, 1.2536rem + .5178vw, 1.875rem);
    grid-gap: var(--h3)
}

.pre-footer-calc--door .left-col-content-desc p:first-of-type {
    margin-top: 0
}

.pre-footer-reviews .title-line {
    position: relative;
    margin-bottom: 5.5rem
}

.areas {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 10px;
    grid-gap: var(--wrapper-paddings)
}

.areas li a {
    color: inherit
}

.areas li a:visited {
    color: inherit
}

.areas li + li {
    margin-top: 6px
}

.areas-wrapper {
    display: grid;
    grid-template-columns: 1fr minmax(11.1rem, 41rem);
    grid-gap: clamp(1.25rem, .6432rem + 2.589vw, 3.75rem)
}

.areas-map {
    position: relative;
    background-color: #e1e1e1;
    background-color: var(--grey);
    padding: 28.8% 0;
    z-index: 1
}

.areas-map iframe {
    position: absolute !important;
    outline: 0 !important;
    border: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.partners {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    grid-gap: var(--wrapper-paddings);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
    padding-bottom: 10px;
    padding-bottom: var(--wrapper-paddings)
}

.partners img {
    min-width: 180px
}

.footer {
    padding-bottom: 2.2rem
}

.footer-top {
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid var(--grey);
    padding-top: 3.3rem
}

.footer-desc {
    max-width: 55.5rem;
    margin: 1rem 0 0
}

.footer-cols {
    display: grid;
    grid-gap: clamp(1.25rem, .1881rem + 4.5307vw, 5.625rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: clamp(1.25rem, .7949rem + 1.9417vw, 2.5rem) 0
}

.footer-cols a {
    color: inherit
}

.footer-cols a:hover {
    text-decoration: underline
}

.footer-cols a:visited {
    color: inherit
}

.footer-cols .h4 {
    margin-top: 0;
    margin-bottom: 1rem
}

.footer-bottom {
    margin-top: 2.2rem
}

.footer-nav li + li {
    margin-top: 10px
}

.footer-contact-line {
    position: relative
}

.footer-contact-line a {
    font-weight: 700
}

.footer-contact-line + .footer-contact-line {
    margin-top: 10px
}

.footer .copy {
    font-size: 13px;
    text-align: center;
    max-width: 20rem;
    margin: 0 auto;
}

.footer .socials {
    margin-bottom: 40px
}

.static-page-elems .btn-calc,
.static-page-elems .btn-up {
    left: auto;
    right: 0;
    z-index: 40
}

.static-page-elems .btn-up {
    position: fixed;
    top: calc(100% - 6rem);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.fixed-header .static-page-elems .btn-up {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.modal.fancybox__content {
    background-color: transparent !important;
    width: 100%
}

.modal-callback.fancybox__content {
    max-width: 560px
}

.modal-callback .title {
    margin-bottom: 1rem
}

.modal-callback .form-group textarea {
    min-height: 140px
}

.modal-calc.fancybox__content {
    width: auto
}

.modal-calc .modal-inner {
    overflow: hidden;
    padding: 0
}

.modal-inner {
    border-radius: 4px;
    border-radius: var(--brs);
    background-color: #fff;
    background-color: var(--white);
    padding: 1.1rem
}

.modal.modal-cart {
    max-width: clamp(21.25rem, 14.3421rem + 15.7895vh, 25rem);
    font-size: .89rem;
    padding: 0
}

.modal.modal-before-after {
    max-width: 50%;
    font-size: .89rem;
    padding: 0
}

@media (max-width: 768px) {
    .modal.modal-before-after {
        max-width: 80%;
    }
}

.modal.modal-cart .calc-card {
    background-color: transparent;
    padding: 0
}

.modal.modal-cart .calc-input-group {
    margin: 10px 0
}

.modal.modal-cart .calc-input-group:last-of-type {
    margin-bottom: 0
}

.modal.modal-cart .calc-input-group select {
    font-size: clamp(.875rem, .4145rem + 1.0526vh, 1.125rem)
}

.modal.modal-remove {
    max-width: 375px
}

.modal .calc-card .btn {
    font-size: clamp(.875rem, .4145rem + 1.0526vh, 1.125rem);
    padding-top: clamp(.625rem, -.0658rem + 1.5789vh, 1.125rem);
    padding-bottom: clamp(.625rem, -.0658rem + 1.5789vh, 1.125rem)
}

.modal .calc-card .h3 {
    min-height: auto;
    margin: 15px 0 10px
}

.modal .calc-card .img-block {
    height: clamp(11.25rem, .4276rem + 24.7368vh, 17.125rem)
}

.modal .calc-card .title {
    font-size: clamp(.875rem, .4145rem + 1.0526vh, 1.125rem)
}

.modal .calc-card-list li {
    font-size: clamp(.875rem, .4145rem + 1.0526vh, 1.125rem)
}

.f-button {
    top: 0 !important
}

.is-compact .f-button {
    top: 2.2rem !important;
    right: 2.2rem !important
}

.fancybox__backdrop {
    background-color: rgba(154, 154, 154, .88) !important
}

.grecaptcha-badge {
    visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

@media (min-width: 567px) {
    .door-preview-item-cont-bottom .btn.btn-box,
    .door-preview-item-cont-bottom .btn.btn-white {
        min-height: 46px
    }

    .door-preview-item-cont-bottom .btn.btn-box:hover,
    .door-preview-item-cont-bottom .btn.btn-white:hover {
        background-color: color-mix(in srgb, var(--l-blue) 30%, transparent);
    }
}

@media (min-width: 568px) {
    .advant-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .fleet-content-col.img-block {
        grid-template-columns: repeat(2, 1fr)
    }

    .calc-cards {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.1rem
    }

    .calc-card .h4 {
        min-height: 3rem
    }
}

@media (min-width: 568px) and (max-width: 991px) {
    .step-item:nth-child(3) {
        grid-column: 1/3
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .review-author-info {
        grid-auto-flow: row;
        grid-template-columns: 50px auto 1fr
    }

    .review-author-info .icon {
        grid-column: 1/3
    }
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: 10px !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 10px !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 10px !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 10px !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 10px !important
    }

    .m-sm-2 {
        margin: 20px !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 20px !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 20px !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 20px !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 20px !important
    }

    .m-sm-3 {
        margin: 30px !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 30px !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 30px !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 30px !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 30px !important
    }

    .m-sm-4 {
        margin: 40px !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 40px !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 40px !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 40px !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 40px !important
    }

    .m-sm-5 {
        margin: 50px !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 50px !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 50px !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 50px !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 50px !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: 10px !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 10px !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 10px !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 10px !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 10px !important
    }

    .p-sm-2 {
        padding: 20px !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 20px !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 20px !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 20px !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 20px !important
    }

    .p-sm-3 {
        padding: 30px !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 30px !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 30px !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 30px !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 30px !important
    }

    .p-sm-4 {
        padding: 40px !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 40px !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 40px !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 40px !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 40px !important
    }

    .p-sm-5 {
        padding: 50px !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 50px !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 50px !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 50px !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 50px !important
    }

    .m-sm-n1 {
        margin: -10px !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -10px !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -10px !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -10px !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -10px !important
    }

    .m-sm-n2 {
        margin: -20px !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -20px !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -20px !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -20px !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -20px !important
    }

    .m-sm-n3 {
        margin: -30px !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -30px !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -30px !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -30px !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -30px !important
    }

    .m-sm-n4 {
        margin: -40px !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -40px !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -40px !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -40px !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -40px !important
    }

    .m-sm-n5 {
        margin: -50px !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -50px !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -50px !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -50px !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -50px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: 10px !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 10px !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 10px !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 10px !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 10px !important
    }

    .m-md-2 {
        margin: 20px !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 20px !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 20px !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 20px !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 20px !important
    }

    .m-md-3 {
        margin: 30px !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 30px !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 30px !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 30px !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 30px !important
    }

    .m-md-4 {
        margin: 40px !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 40px !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 40px !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 40px !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 40px !important
    }

    .m-md-5 {
        margin: 50px !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 50px !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 50px !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 50px !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 50px !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 10px !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 10px !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 10px !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 10px !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 10px !important
    }

    .p-md-2 {
        padding: 20px !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 20px !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 20px !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 20px !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 20px !important
    }

    .p-md-3 {
        padding: 30px !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 30px !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 30px !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 30px !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 30px !important
    }

    .p-md-4 {
        padding: 40px !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 40px !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 40px !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 40px !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 40px !important
    }

    .p-md-5 {
        padding: 50px !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 50px !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 50px !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 50px !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 50px !important
    }

    .m-md-n1 {
        margin: -10px !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -10px !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -10px !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -10px !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -10px !important
    }

    .m-md-n2 {
        margin: -20px !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -20px !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -20px !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -20px !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -20px !important
    }

    .m-md-n3 {
        margin: -30px !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -30px !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -30px !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -30px !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -30px !important
    }

    .m-md-n4 {
        margin: -40px !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -40px !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -40px !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -40px !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -40px !important
    }

    .m-md-n5 {
        margin: -50px !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -50px !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -50px !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -50px !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -50px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .title-header {
        grid-template-columns: 1fr 435px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -moz-column-gap: 2rem;
        -webkit-column-gap: 2rem;
        column-gap: 2rem
    }

    .cart-bottom-info {
        grid-template-columns: repeat(2, 1fr)
    }

    .main-form-wrapper {
        display: grid;
        grid-auto-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .main-form-wrapper .img-block {
        display: block !important;
        margin-left: clamp(.0625rem, -1.8186rem + 8.0259vw, 7.8125rem);
        margin-bottom: -20px
    }

    .main-form-item {
        max-width: 24.16rem
    }

    .request-form {
        padding: 1.666rem 3.333rem
    }

    .request-form-inner {
        grid-gap: 10px 20px;
        grid-template-columns: repeat(2, 1fr)
    }

    .door-category {
        grid-template-columns: minmax(16.66rem, 27.22rem) auto
    }

    .door-prop-info {
        grid-template-columns: minmax(5.55rem, 13.88rem) auto
    }

    .door-single-spec {
        grid-template-columns: minmax(11.1rem, 29rem) minmax(16.66rem, 1fr)
    }

    .fbglass-inner {
        grid-template-columns: 3fr 2fr;
        /* grid-template-columns: minmax(16.66rem, 27.22rem) auto; */
    }

    .fbglass-inner .img-block {
        width: 100%;
        height: 90%;
    }

    .fbglass-inner .img-block img {
        height: 100%;
        width: 100%;
    }

    .config-group {
        grid-auto-flow: column
    }

    .info-block:not(.info-block--start) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .info-block:nth-child(even) {
        grid-template-columns: 1fr minmax(16.66rem, 28.9rem)
    }

    .info-block:nth-child(odd) {
        grid-template-columns: minmax(16.66rem, 28.9rem) 1fr
    }

    .info-block:nth-child(odd) .info-block-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .info-block:nth-child(odd) .info-block-col-preview {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .info-block-col-preview {
        position: relative;
        display: block !important;
        max-width: 675px
    }

    .info-block-col-preview:not(.img-block) {
        background-color: #e1e1e1;
        background-color: var(--grey)
    }

    .window-screen-wrapper {
        grid-gap: clamp(2.5rem, -.492rem + 12.766vw, 8.125rem);
        grid-template-columns: 1fr auto
    }

    .window-screen-wrapper .left-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cut-out-screen {
        grid-template-columns: minmax(11.1rem, 25.55rem) auto
    }

    .screen-wrapper {
        grid-template-columns: minmax(22.222rem, 50rem) minmax(11.1rem, 20rem);
        grid-gap: 3.4rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sale-bn-inner {
        grid-template-columns: auto minmax(16.66rem, 38.88rem)
    }

    .pre-footer-calc--door .screen-wrapper {
        grid-template-columns: minmax(22.222rem, 42rem) minmax(11.1rem, 20rem)
    }
}

@media (min-width: 768px) and (max-width: 1440px) {
    .advant-list-title {
        font-size: clamp(1.625rem, 1.4126rem + .9061vw, 2.5rem);
        font-size: var(--h2)
    }

    .advant-list .desc {
        font-size: 1rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .request-form .callback-form .btn-wrapper {
        grid-column: 1/3
    }

    .screen-wrapper .left-col-inner-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .screen-wrapper .left-col-inner-col {
        margin-top: auto
    }
}

@media (min-width: 991px) {
    .blog-archive-screen {
        grid-gap: clamp(.25rem, -5.9335rem + 26.383vw, 11.875rem);
        grid-template-columns: 1fr minmax(11.1rem, 27.3rem)
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 10px !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 10px !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 10px !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 10px !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 10px !important
    }

    .m-lg-2 {
        margin: 20px !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 20px !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 20px !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 20px !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 20px !important
    }

    .m-lg-3 {
        margin: 30px !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 30px !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 30px !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 30px !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 30px !important
    }

    .m-lg-4 {
        margin: 40px !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 40px !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 40px !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 40px !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 40px !important
    }

    .m-lg-5 {
        margin: 50px !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 50px !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 50px !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 50px !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 50px !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 10px !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 10px !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 10px !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 10px !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 10px !important
    }

    .p-lg-2 {
        padding: 20px !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 20px !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 20px !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 20px !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 20px !important
    }

    .p-lg-3 {
        padding: 30px !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 30px !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 30px !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 30px !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 30px !important
    }

    .p-lg-4 {
        padding: 40px !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 40px !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 40px !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 40px !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 40px !important
    }

    .p-lg-5 {
        padding: 50px !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 50px !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 50px !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 50px !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 50px !important
    }

    .m-lg-n1 {
        margin: -10px !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -10px !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -10px !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -10px !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -10px !important
    }

    .m-lg-n2 {
        margin: -20px !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -20px !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -20px !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -20px !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -20px !important
    }

    .m-lg-n3 {
        margin: -30px !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -30px !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -30px !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -30px !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -30px !important
    }

    .m-lg-n4 {
        margin: -40px !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -40px !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -40px !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -40px !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -40px !important
    }

    .m-lg-n5 {
        margin: -50px !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -50px !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -50px !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -50px !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -50px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .header {
        display: block !important
    }

    .search-widget-group {
        grid-template-columns: .85fr 1.15fr
    }

    .section-screen-content {
        grid-auto-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .section-screen-content .social-url-item {
        grid-auto-flow: row;
        grid-gap: 1.85rem
    }

    .desc-block:not(.desc-block--reverse) {
        grid-template-columns: 1fr minmax(300px, 536px)
    }

    .desc-block-preview {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .desc-block--reverse {
        grid-template-columns: minmax(300px, 536px) 1fr
    }

    .desc-block--reverse .desc-block-preview {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .trust-inner {
        grid-template-columns: 2.5fr 3fr;
    }

    .trust-inner .trust-col:not(.img-block) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .trust-inner .trust-col:not(.img-block) .advant-list {
        margin-top: auto
    }

    .fleet-content {
        grid-template-columns: 1fr minmax(11.1rem, 31.5rem)
    }

    .request-form-inner {
        grid-template-columns: repeat(3, 1fr)
    }

    .single-about-content-cols {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: clamp(1.375rem, -.415rem + 7.6375vw, 8.75rem);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .single-door-item .item-info {
        grid-template-columns: 1fr minmax(13.44rem, 17.88rem)
    }

    .single-door-item .item-info-inner {
        grid-template-columns: minmax(1px, 18.61rem) auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .single-door-item .item-info-gallery img {
        max-width: 90px;
        height: 100%;
        object-fit: cover;
    }

    .door-preview-item:before {
        position: absolute;
        content: 'view more';
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(38, 38, 38, .8);
        width: 157px;
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        color: #fff;
        color: var(--white);
        padding: .5rem;
        opacity: 0;
        -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s
    }

    .door-preview-item:hover:before {
        opacity: 1
    }

    .door-preview-item--half-left {
        grid-column: 1/3
    }

    .door-preview-item--half-right {
        grid-column: 3/5
    }

    .door-glass-content {
        margin-right: 1.1rem
    }

    .window-screen-wrapper .social-url-item {
        margin-top: auto
    }

    .single-window-item .item-info-wrapper {
        grid-gap: clamp(.9375rem, -.2002rem + 4.8544vw, 5.625rem);
        grid-template-columns: 1.1fr .9fr;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .single-window-item .item-info-col:first-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cut-out-first-screen {
        grid-template-columns: 1fr auto;
        grid-gap: clamp(1.25rem, -6.3963rem + 32.6241vw, 15.625rem)
    }

    .main-screen-container {
        grid-template-columns: minmax(16.6rem, 36.888rem) minmax(16.6rem, 20.4444rem);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-screen-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        grid-template-columns: minmax(20rem, 22.2222rem) 1fr
    }

    .features {
        grid-template-columns: 1fr minmax(27.7rem, 35.8rem)
    }

    .screen-wrapper .left-col-inner-cols {
        display: grid;
        grid-template-columns: auto auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
        grid-gap: var(--h1)
    }

    .screen-wrapper .left-col-inner-col:last-of-type {
        -ms-flex-item-align: end;
        align-self: end
    }

    .calc-screen-wrapper {
        display: grid;
        grid-auto-flow: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin-top: auto
    }

    .calc-screen-wrapper .social-url-item {
        grid-auto-flow: row;
        margin-left: 2.5%
    }

    .calc-cards {
        grid-template-columns: repeat(3, 1fr)
    }

    .calc-content-wrapper {
        display: grid;
        grid-template-columns: minmax(11.1rem, 34.77rem) minmax(23.33rem, 31.11rem);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: clamp(1.25rem, .2083rem + 4.6296vw, 5.9375rem)
    }

    .contacts-content {
        grid-template-columns: minmax(22.2rem, 38.61rem) auto
    }

    .location-content {
        grid-template-columns: minmax(11.1rem, 26.6rem) 1fr
    }

    .privacy-content-container {
        width: calc(100% - clamp(1.25rem, -2.0745rem + 14.1844vw, 7.5rem) - 280px)
    }

    .privacy-aside {
        position: sticky;
        top: 3.3rem;
        right: 0;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-preferred-size: 15.5rem;
        flex-basis: 15.5rem;
        min-width: 15.5rem;
        height: 100%
    }

    .pre-footer-calc .desc-wrapper {
        grid-template-columns: repeat(2, 1fr);
        margin-top: auto
    }

    .pre-footer-calc--door .left-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pre-footer-calc--door .left-col-content {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 5rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: auto
    }

    .footer-cols {
        grid-auto-flow: column
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .section-screen .window-calc {
        text-align: right
    }

    .section-screen .window-calc img {
        max-height: clamp(28.25rem, -.1809rem + 71.8421vh, 48.3125rem)
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    .section-blog-archive,
    .section-blog-single {
        margin-top: -2rem
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 10px !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 10px !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 10px !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 10px !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 10px !important
    }

    .m-xl-2 {
        margin: 20px !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 20px !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 20px !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 20px !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 20px !important
    }

    .m-xl-3 {
        margin: 30px !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 30px !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 30px !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 30px !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 30px !important
    }

    .m-xl-4 {
        margin: 40px !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 40px !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 40px !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 40px !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 40px !important
    }

    .m-xl-5 {
        margin: 50px !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 50px !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 50px !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 50px !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 50px !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 10px !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 10px !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 10px !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 10px !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 10px !important
    }

    .p-xl-2 {
        padding: 20px !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 20px !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 20px !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 20px !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 20px !important
    }

    .p-xl-3 {
        padding: 30px !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 30px !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 30px !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 30px !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 30px !important
    }

    .p-xl-4 {
        padding: 40px !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 40px !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 40px !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 40px !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 40px !important
    }

    .p-xl-5 {
        padding: 50px !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 50px !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 50px !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 50px !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 50px !important
    }

    .m-xl-n1 {
        margin: -10px !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -10px !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -10px !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -10px !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -10px !important
    }

    .m-xl-n2 {
        margin: -20px !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -20px !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -20px !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -20px !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -20px !important
    }

    .m-xl-n3 {
        margin: -30px !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -30px !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -30px !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -30px !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -30px !important
    }

    .m-xl-n4 {
        margin: -40px !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -40px !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -40px !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -40px !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -40px !important
    }

    .m-xl-n5 {
        margin: -50px !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -50px !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -50px !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -50px !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -50px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .door-glass-item-desc {
        max-width: 80%;
        font-size: 1.15rem;
        margin-right: auto;
        margin-left: auto
    }

    .door-glass-screen p {
        max-width: 35.6rem
    }

    .calc-cards {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width: 1280px) {
    .fixed-header .share-content-inner {
        margin-top: 2.89rem
    }

    .share-content-inner {
        margin-top: 3.89rem
    }
}

@media (min-width: 1440px) {
    .features-list {
        grid-auto-flow: row;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1600px) {
    .choose-card {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1599px) {
    .open-header-menu.fixed-header .header-nav-menu {
        -webkit-box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .08);
        box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .08);
        border-top-color: #e1e1e1;
        border-top-color: var(--grey);
        background-color: #fff;
        background-color: var(--white);
        color: #262626;
        color: var(--black)
    }
}

@media (max-width: 1440px) {
    .header-phone {
        font-size: 0
    }
}

@media (max-width: 1280px) {
    body,
    html {
        font-size: 16px
    }

    .header-logo {
        max-width: 11rem
    }

    .header {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .header-inner {
        grid-template-columns: auto auto 8rem calc(28px + 1rem);
        grid-auto-flow: row
    }

    .header-nav-menu {
        font-size: .77rem;
        margin-right: auto !important
    }

    .header-user-interface svg {
        max-width: 1.8rem;
        height: auto
    }

    .header-phone {
        grid-template-columns: 2.33rem auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .header-phone svg {
        max-width: 3rem;
        height: auto
    }

    .submenu {
        padding-top: 2.25rem
    }
}

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

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

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

    .header-mobile {
        display: block !important
    }

    .header-nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        grid-gap: 1.5rem;
        border-top: 1px solid #fff;
        border-top: 1px solid var(--white);
        background-color: #262626;
        background-color: var(--black);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: .5rem 1rem !important;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .header-menu-trigger {
        display: block !important;
        color: #fff;
        color: var(--white);
        padding: 0 !important;
        margin-left: .5rem
    }

    .open-header-menu {
        overflow: hidden
    }

    .open-header-menu .header-mobile-inner {
        display: block !important
    }

    .open-header-menu .icon-open {
        display: none !important
    }

    .open-header-menu .icon-close {
        display: block !important
    }

    .section-trusted .grid-2 {
        grid-template-columns: auto;
        margin: 0
    }

    .breadcrumbs li:not(:last-of-type):after {
        width: 7px;
        height: 12px
    }

    .desc-block-preview {
        display: none
    }

    .trust-inner .trust-col:not(.img-block) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .trust-inner .img-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cart-table-wrapper {
        background-color: #fff;
        background-color: var(--white);
        margin-right: -.89rem;
        margin-left: -.89rem
    }

    .single-door-item .item-info-wrapper {
        display: grid;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .single-door-item .item-info-preview {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .single-door-item .item-info-inner {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1rem
    }

    .single-door-item .item-info-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .single-door-item .item-info-gallery {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 1rem 0 .5rem
    }

    .single-door-item .item-info-gallery img {
        height: 100%;
        object-fit: cover;
    }

    .door-prop-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .door-glass-screen {
        grid-template-columns: auto
    }

    .door-glass-screen .social-url-item {
        margin: 1.1rem 0
    }

    .door-glass-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .door-glass-content + .img-block {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 1.1rem
    }

    .step-items {
        grid-template-columns: repeat(2, 1fr)
    }

    .window-screen-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .window-screen-wrapper h1 {
        margin-bottom: 0;
        margin-top: 10px
    }

    .window-screen-wrapper .left-col .calc {
        max-width: none
    }

    .window-screen-wrapper .social-url-item {
        margin: 2rem 0 0
    }

    .single-window-item .item-info-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .single-window-item .item-info-col .calc {
        max-width: none
    }

    .single-window-item .item-info-col:nth-child(2) {
        max-width: 41rem;
        margin: auto
    }

    .single-window-item .item-info-col:nth-child(2) .social-url-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }

    .single-window-bottom {
        margin-bottom: 20px
    }

    .section-cut-out ~ .section-info-block .single-about-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-cut-out ~ .section-info-block .info-block-col-preview {
        -moz-text-align-last: left;
        text-align-last: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .main-screen-content .btn-wrapper {
        text-align: center
    }

    .main-screen-content .btn-wrapper .btn {
        max-width: 22.2rem;
        width: 100%
    }

    .main-screen-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-screen-content .social-url-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1.1rem
    }

    .main-screen-content .calc {
        margin-right: auto;
        margin-left: auto
    }

    .main-screen-prev {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .features-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .features-preview {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .calc-screen-wrapper .social-url-item {
        display: none !important
    }

    .cart-first-screen img {
        max-width: 30%
    }

    .location-col:first-of-type {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .location-col-preview {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .privacy-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .privacy-content-container {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .privacy-aside {
        width: 100%;
        margin-bottom: 2.2rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pre-footer-calc--door .left-col-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pre-footer-calc--door .left-col-content-desc {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .footer-cols {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767px) {
    .title-line .social-url-item img {
        max-width: 100%
    }

    .static-page-elems .btn-up {
        top: calc(100% - 7rem);
    }

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

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

    body {
        padding-top: 6.2rem
    }

    .btn-fix {
        -ms-flex-item-align: end;
        align-self: end
    }

    .share-content-inner {
        margin-top: 56px
    }

    .section-windows h1 {
        margin-top: 1rem !important
    }

    .advant-list li .img-block {
        width: 87px;
        height: 58px
    }

    .calc-inner .btn {
        margin: 10px 0
    }

    .request-form {
        padding: 1.25rem 1rem
    }

    .single-about-spec .grid-2 {
        grid-template-columns: repeat(1, 1fr);
        margin-right: 0;
        margin-left: 0
    }

    .door-glass-screen h1 {
        margin-bottom: 1.1rem
    }

    .door-single-spec .img-block {
        display: none
    }

    .fbglass-inner .img-block {
        display: none
    }

    .single-window-item h1 {
        margin-bottom: 0
    }

    .cut-out-screen .cut-out-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cut-out-screen .img-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cut-out-screen h1 {
        margin-top: 1rem
    }

    .cut-out-desc {
        margin-top: 0
    }

    .bn {
        background-size: 11.1rem auto;
        background-position: top 2rem right -7rem
    }

    .screen-wrapper .left-col-inner-col .window-calc {
        margin-top: 1rem
    }

    .screen-wrapper .left-col-inner-col:last-of-type .calc {
        margin-top: 0
    }

    .screen-wrapper .left-col {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 0 !important
    }

    .screen-wrapper .left-col .calc {
        margin-top: 1rem
    }

    .screen-wrapper .right-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .window-calc {
        /*max-width: 12rem;*/
        margin: 0 auto 2rem
    }

    .calc {
        max-width: none
    }

    .calc .custom-check:not(:last-of-type) {
        margin-right: 1rem
    }

    .review p {
        max-width: none
    }

    .callback-inner {
        max-width: none
    }

    .callback .img-block {
        display: none !important
    }

    .pre-footer-calc--door .screen-wrapper .right-col {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }

    .areas {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .areas-wrapper {
        grid-template-columns: auto
    }

    .areas-map {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer-cols {
        grid-template-columns: repeat(2, 1fr)
    }

    .footer-col:last-of-type {
        grid-column: 1/3
    }

    .static-mobile-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr 6.5rem;
        text-align: center;
        -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s;
        z-index: 40
    }

    .static-mobile-bottom .mobile-bottom-msg,
    .static-mobile-bottom .mobile-bottom-phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .static-mobile-bottom .mobile-bottom-phone {
        border-right: 1px solid #fff;
        border-right: 1px solid var(--white);
        background-color: #2e3a59;
        background-color: var(--blue);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 5px
    }

    .static-mobile-bottom .mobile-bottom-phone a {
        display: grid;
        grid-auto-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 2px;
        color: #fff;
        color: var(--white);
        font-size: 1.285rem;
        font-weight: 900
    }

    .static-mobile-bottom .mobile-bottom-phone a:hover,
    .static-mobile-bottom .mobile-bottom-phone a:visited {
        color: #fff;
        color: var(--white)
    }

    .static-mobile-bottom .mobile-bottom-msg {
        background-color: #e9bd52;
        background-color: var(--yellow);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 4px
    }

    .static-mobile-bottom .mobile-bottom-msg a {
        width: 2.72rem;
        height: 2.2rem
    }

    .static-mobile-bottom.no-active {
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width: 767px) and (max-width: 360px) {
    .static-mobile-bottom .mobile-bottom-phone a {
        font-size: 1rem
    }
}

@media (max-width: 576px) {
    .calc-card .calc-input-group-wrapper {
        margin: 1.1rem 0
    }

    .calc-card .calc-input-group {
        grid-template-columns: auto auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .calc-card .calc-input-group--location {
        display: none !important
    }
}

@media (max-width: 567px) {
    .search-widget-cats {
        margin-top: 4rem;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .grid-2 {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .grid-3 {
        grid-template-columns: repeat(1, 1fr);
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .grid-4 {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .grid-5 {
        grid-template-columns: repeat(2, 1fr);
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    body,
    html {
        font-size: 14px
    }

    body {
        padding-top: 7rem
    }


    .custom-radio .pseudo-label:after {
        left: .28rem;
    }

    .title-header .btn {
        width: 100%
    }

    .title-line .container .icon {
        display: none !important
    }

    .team-item .img-block {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .fleet-content-col {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .fleet-content img {
        border-radius: 0
    }

    .choose-card li {
        padding-top: 1.1rem;
        padding-right: 2.2rem
    }

    .choose-card li:before {
        position: absolute;
        top: 1.1rem;
        right: 1.1rem;
        font-size: 1rem
    }

    .choose-card .title {
        margin-top: 0
    }

    .calc-card + .calc-card {
        border-top: 10px solid #2e3a59;
        border-top: 10px solid var(--blue)
    }

    .cart-bottom-info {
        margin-right: -35px;
        margin-left: -35px
    }

    .main-form-wrapper {
        border-radius: 0;
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .request-form {
        border-radius: 0;
        margin-right: -15px;
        margin-left: -15px
    }

    .section-door-category ~ .presentation .grid-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .section-exterior-door ~ .presentation .grid-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .single-door-item .item-info-preview {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .single-door-item .item-info .img-block-mobile,
    .single-door-item .item-info .img-block-mobile img {
        margin-right: -15px;
        margin-left: -15px
    }

    .single-door-item .item-info-inner {
        grid-gap: 1rem
    }

    .single-door-item .item-info-inner .social-url-item {
        margin-top: 1.25rem
    }

    .doors-preview-item {
        padding-right: 10px;
        padding-left: 10px;
        text-align: center
    }

    .doors-preview-item .img-block {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: 10px
    }

    .door-preview-item--half-left {
        grid-column: 1/3
    }

    .door-preview-item--half-right {
        grid-column: 1/3
    }

    .door-preview-item-cont-bottom {
        grid-gap: 4px
    }

    .door-preview-item-cont-bottom .btn.btn-white {
        font-size: 12px;
        padding: 11px .5rem
    }

    .door-preview-item-cont-bottom .btn.btn-favorite {
        padding: 7px .5rem
    }

    .door-preview-item-cont-bottom .btn.btn-favorite .icon {
        width: 20px;
        height: 20px
    }

    .door-prop-items {
        grid-template-columns: repeat(1, 1fr)
    }

    .door-prop-item {
        position: relative;
        padding-right: 70px
    }

    .door-prop-item .blue {
        margin-top: 0 !important
    }

    .door-prop-item .img-block {
        position: absolute;
        top: 1.1rem;
        right: 1.1rem;
        width: 2.33rem
    }

    .door-prop-item .img-block svg {
        max-width: 100%;
        height: auto
    }

    .door-glass-content + .img-block {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .casement-door .title {
        margin-right: 10px;
        margin-left: 10px
    }

    .casement-door .title + .d-block {
        margin-right: 10px;
        margin-left: 10px
    }

    .casement-door .btn {
        max-width: none;
        font-size: 12px !important;
        margin-right: 10px;
        margin-left: 10px
    }

    .config-tabs {
        font-size: 1.125rem
    }

    .config-items-wrapper {
        grid-auto-flow: row;
        grid-template-columns: repeat(1, 1fr)
    }

    .config-items-wrapper .img-block {
        text-align: center
    }

    .config-group {
        grid-gap: 1.4rem
    }

    .config-group-items,
    .config-group-res {
        margin-top: 1rem
    }

    .config-group-res table th {
        font-size: 1.2rem;
        padding-bottom: 5px
    }

    .config-group-res table td,
    .config-group-res table th {
        min-width: 100px;
        padding: 2px 1.44rem
    }

    .config-group-res table td:first-of-type,
    .config-group-res table th:first-of-type {
        padding-left: 0
    }

    .config-group-res table td {
        font-size: 1.2rem
    }

    .info-block-col-preview {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .info-block-spec {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .step-items {
        grid-template-columns: repeat(1, 1fr)
    }

    .single-window-item .item-info-col:nth-child(2) .social-url-item {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row
    }

    .single-window-item .item-info-col:nth-child(2) .social-url-item a:first-of-type {
        grid-column: 1/3
    }

    .single-window-thumbs {
        grid-gap: 5px;
        margin-top: 10px
    }

    .single-window-info .price {
        text-align: right
    }

    .single-window-info .info {
        text-align: right;
        grid-column: 1/3
    }

    .section-cut-out ~ .section-info-block .info-block-col-preview {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .cut-out-screen .img-block {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .cut-out-screen .social-url-item .img-block {
        margin: 0
    }

    .cut-out-item {
        padding-right: .83rem;
        padding-left: .83rem
    }

    .cut-out-item .img-block {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .main-screen-prev {
        background-color: #9a9a9a;
        background-color: var(--d-grey)
    }

    .main-screen-prev {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .wyg-line .img-block {
        -ms-flex-item-align: end;
        align-self: end
    }

    .wyg-line .img-block img,
    .wyg-line .img-block svg {
        max-width: 75%;
        max-height: 95%
    }

    .wyg .btn-wrapper .btn {
        width: 100%
    }

    .section-casement:nth-child(3) .grid-4 {
        grid-template-columns: repeat(1, 1fr)
    }

    .calc {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .calc-card {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .cart-preview-item .btn-wrapper {
        padding: 0 10px
    }

    .cart-preview-item .btn-wrapper .btn {
        width: 100%;
        font-size: 12px;
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .section-sale-bn {
        padding: 30px 0
    }

    .section-about ~ .section .grid-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .location-col-preview {
        margin-right: -15px;
        margin-right: var(--mrg);
        margin-left: -15px;
        margin-left: var(--mrg)
    }

    .content-info-block {
        padding: 15px 1.1rem 1.1rem 50px
    }

    .accordion-line {
        padding: 1rem 0
    }

    .accordion-line .title .icon {
        padding: .3em;
        margin-right: 1.2rem
    }

    .accordion-line-content {
        margin-top: 1rem
    }

    .pre-footer-reviews .social-url-item {
        position: absolute;
        top: calc(100% + 1rem);
        left: 10px;
        width: calc(100% - 1.1rem)
    }


    .pre-footer-reviews .social-url-item {
        position: absolute;
        top: calc(100% + .1rem);
        left: 0;
        right: 0;
        height: 6.2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; /* take the full screen width */
        padding: 0 20px; /* optional horizontal padding */
        box-sizing: border-box;
    }


    .pre-footer-reviews .social-url-item a:first-child {
        margin-left: 0;
    }

    .pre-footer-reviews .social-url-item a:last-child {
        margin-right: 0;
    }

    .pre-footer-reviews .social-url-item img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain; /* keeps aspect ratio */
    }


    .pre-footer-reviews .social-url-item a {
        flex: 1; /* each takes equal width */
        margin: 0 10px; /* spacing between images */
    }

    .modal-calc .calc {
        margin-right: 0;
        margin-left: 0
    }
}

@-webkit-keyframes shake {
    0% {
        right: 0
    }
    1% {
        right: -2px
    }
    2% {
        right: 4px
    }
    3% {
        right: -7px
    }
    4% {
        right: 7px
    }
    5% {
        right: -4px
    }
    6% {
        right: 2px
    }
    7% {
        right: 0
    }
}

@keyframes shake {
    0% {
        right: 0
    }
    1% {
        right: -2px
    }
    2% {
        right: 4px
    }
    3% {
        right: -7px
    }
    4% {
        right: 7px
    }
    5% {
        right: -4px
    }
    6% {
        right: 2px
    }
    7% {
        right: 0
    }
}

@media (min-width: 1600px) and (max-width: 1920px) {
    body, html {
        font-size: 18px;
    }
}

@media (min-width: 1920px) and (max-width: 2560px) {
    body, html {
        font-size: 20px;
    }
}

.underlined {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    color: #34373a !important;
    font-weight: 200;
}

.blog-meta {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.blog-meta .blog-meta-item:not(:last-child)::after {
    content: "/";
    margin-left: 0.5rem;
    color: var(--grey-theme-color);
}

.blog-meta-item:visited {
    color: var(--grey-theme-color);
}

.blog-meta-item {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: var(--grey-theme-color);
    letter-spacing: 0.5px;
}

.white-font {
    color: var(--white-theme-color);
}

.grey-font {
    color: var(--grey-theme-color);
}

.max-height-10-rem {
    max-height: 10rem;
}

.blog-quote {
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--l-blue);
    background-color: #f9f9f9;
    font-style: italic;
    font-size: 1.1rem;
    color: #333;
    border-radius: 6px;
    border-width: .35rem;
}

.blog-quote strong {
    font-weight: 600;
}

.simple-table {
    margin: 1.5rem 0;
    font-size: 1.1rem;
    border-collapse: collapse;

    display: block; /* allow scrolling */
    overflow-x: auto; /* enable horizontal scroll */
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.simple-table th,
.simple-table td {
    min-width: 13rem;
    padding: 1rem 1.3rem;
    text-align: left;
    border: 1px solid var(--black);
    word-break: break-word;
}

.simple-table th {
    font-weight: 800;
}

.window-grid-wrap {
    display: grid;
    gap: 1rem;
}

.window-row {
    display: grid;
    gap: 1rem;
}

.window-row img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

@media (max-width: 767px) {
    .row-2 {
        grid-template-columns: 1fr;
    }

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

.window-preview-item-cont {
    display: flex;
    flex-direction: column;
}

.row-4 .img-block {
    height: 30rem;
}

.row-2 .img-block {
    height: 25rem;
}

.window-row .door-preview-item-cont-desc {
    max-height: calc(1.5em * 2);
    min-height: calc(1.5em * 2);
}

.grid-2 {
    display: grid;
    grid-template-columns: 2fr 2fr;
}

@media (max-width: 767px) {
    .grid-1-md-down {
        grid-template-columns: 1fr;
    }
}