@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('font/Robotothin.woff2') format('woff2'), url('font/Robotothin.woff') format('woff'), url('font/Robotothin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('font/Robotothinitalic.woff2') format('woff2'), url('font/Robotothinitalic.woff') format('woff'), url('font/Robotothinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('font/Robotolight.woff2') format('woff2'), url('font/Robotolight.woff') format('woff'), url('font/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('font/Robotolightitalic.woff2') format('woff2'), url('font/Robotolightitalic.woff') format('woff'), url('font/Robotolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('font/Roboto.woff2') format('woff2'), url('font/Roboto.woff') format('woff'), url('font/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('font/Robotoitalic.woff2') format('woff2'), url('font/Robotoitalic.woff') format('woff'), url('font/Robotoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('font/Robotomedium.woff2') format('woff2'), url('font/Robotomedium.woff') format('woff'), url('font/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('font/Robotomediumitalic.woff2') format('woff2'), url('font/Robotomediumitalic.woff') format('woff'), url('font/Robotomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('font/Robotobold.woff2') format('woff2'), url('font/Robotobold.woff') format('woff'), url('font/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('font/Robotobolditalic.woff2') format('woff2'), url('font/Robotobolditalic.woff') format('woff'), url('font/Robotobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('font/Robotoblack.woff2') format('woff2'), url('font/Robotoblack.woff') format('woff'), url('font/Robotoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('font/Robotoblackitalic.woff2') format('woff2'), url('font/Robotoblackitalic.woff') format('woff'), url('font/Robotoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


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

body {
    margin: 0;
    font-family: 'Roboto';
}


main {
    display: block
}

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

hr {
    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;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover{
    text-decoration: none;
}
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 {
    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] {
    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
}

[hidden], template {
    display: none
}

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

@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: bold;
    font-display: swap;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-700.woff2) format("woff2"), url(../fonts/roboto-700.woff) format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-style: bold;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(../fonts/montserrat-700.woff2) format("woff2"), url(../fonts/montserrat-700.woff) format("woff")
}

:root {
    --global-font-size: 16px;
    --global-line-height: 1.4;
    --global-font-family: "Roboto", Arial, sans-serif;
    --global-color: #2e363f;
    --global-color-muted: #7c8c93;
    --global-color-primary: #E70E07;
    --global-color-inverse: #fff;
    --global-link-color: #E70E07;
    --global-link-color-hover: #d51118;
    --global-background: #fff;
    --global-background-muted: #f3f5f7;
    --global-background-primary: #E70E07;
    --global-background-secondary: #2e363f;
    --global-padding: 0.9375rem;
    --global-padding-small: 0.625rem;
    --global-padding-medium: 1.25rem;
    --global-padding-large: 3.75rem;
    --global-margin: 1.25rem;
    --global-margin-small: 0.625rem;
    --global-margin-medium: 1.875rem;
    --global-margin-large: 3rem;
    --global-margin-xlarge: 6.25rem;
    --global-border: 1px;
    --global-border-color: #dae1e5;
    --global-border-radius: 2px;
    --global-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    --global-box-shadow-small: 0px 1px 0px rgba(124, 140, 147, 0.3);
    --global-box-shadow-large: 0px 4px 24px rgba(46, 54, 63, 0.24);
    --xs: 420px;
    --s: 768px;
    --m: 960px;
    --l: 1280px;
    --xl: 1366px;
    --xxl: 1440px
}

@media (max-width: 959px) {
    :root {
        --global-margin-large: 1.5rem;
        --global-margin-xlarge: 3rem
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .3s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.slide-enter-active, .slide-leave-active {
    transition: .5s;
    transition-property: transform, opacity
}

.slide-enter, .slide-leave-to {
    transform: translateY(-100px)
}

.height-enter-active, .height-leave-active {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 1s ease
}

.height-enter, .height-leave-to {
    max-height: 0
}

.background__default {
    background-color: #fff;
    background-color: var(--global-background)
}

.background__muted {
    background-color: #f3f5f7;
    background-color: var(--global-background-muted)
}

.background__primary {
    background-color: #E70E07;
    background-color: var(--global-background-primary)
}

.background__secondary {
    background-color: #2e363f;
    background-color: var(--global-background-secondary)
}

.background__contain, .background__cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.background__cover {
    background-size: cover
}

.background__contain {
    background-size: contain
}

.background__top-left {
    background-position: 0 0
}

.background__top-center {
    background-position: 50% 0
}

.background__top-right {
    background-position: 100% 0
}

.background__center-left {
    background-position: 0 50%
}

.background__center-center {
    background-position: 50% 50%
}

.background__center-right {
    background-position: 100% 50%
}

.background__bottom-left {
    background-position: 0 100%
}

.background__bottom-center {
    background-position: 50% 100%
}

.background__bottom-right {
    background-position: 100% 100%
}

.background__norepeat {
    background-repeat: no-repeat
}

.background__fixed {
    background-attachment: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (pointer: coarse) {
    .background__fixed {
        background-attachment: scroll
    }
}

@media (max-width: 413px) {
    .background__image\@xs {
        background-image: none !important
    }
}

@media (max-width: 767px) {
    .background__image\@s {
        background-image: none !important
    }
}

@media (max-width: 959px) {
    .background__image\@m {
        background-image: none !important
    }
}

@media (max-width: 1279px) {
    .background__image\@l {
        background-image: none !important
    }
}

@media (max-width: 1365px) {
    .background__image\@xl {
        background-image: none !important
    }
}

@media (max-width: 1439px) {
    .background__image\@xxl {
        background-image: none !important
    }
}

.background__blend__multiply {
    background-blend-mode: multiply
}

.background__blend__screen {
    background-blend-mode: screen
}

.background__blend__overlay {
    background-blend-mode: overlay
}

.background__blend__darken {
    background-blend-mode: darken
}

.background__blend__lighten {
    background-blend-mode: lighten
}

.background__blend__color-dodge {
    background-blend-mode: color-dodge
}

.background__blend__color-burn {
    background-blend-mode: color-burn
}

.background__blend__hard-light {
    background-blend-mode: hard-light
}

.background__blend__soft-light {
    background-blend-mode: soft-light
}

.background__blend__difference {
    background-blend-mode: difference
}

.background__blend__exclusion {
    background-blend-mode: exclusion
}

.background__blend__hue {
    background-blend-mode: hue
}

.background__blend__saturation {
    background-blend-mode: saturation
}

.background__blend__color {
    background-blend-mode: color
}

.background__blend__luminosity {
    background-blend-mode: luminosity
}

:root {
    --text-font-size: 1rem;
    --text-scale-ratio: 1.175;
    --heading-font-family: "Montserrat", Arial, sans-serif;
    --text-xs: 0.75rem;
    --text-s: 0.875rem;
    --text-m: calc(var(--text-s) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-l: 1.25rem;
    --text-xl: 1.5rem;
    --text-xxl: 2.625rem;
    --text-xxxl: 2.875rem;
    --h1-font-size: var(--text-xxxl);
    --h2-font-size: var(--text-xxl);
    --h3-font-size: var(--text-xl);
    --h4-font-size: var(--text-l);
    --h5-font-size: var(--text-m);
    --h6-font-size: var(--text-s)
}

@media (max-width: 959px) {
    :root {
        --text-xxxl: 1.5rem;
        --text-xxl: 1.5rem;
        --text-xl: 1rem
    }
}

@media (max-width: 767px) {
    :root {
        --text-xl: 1.125rem
    }
}

html {
    font-size: 16px;
    font-size: var(--global-font-size);
    background-color: #fff;
    background-color: var(--global-background);
    scroll-behavior: smooth
}

body {
    font-size: 1rem;
    font-size: var(--text-font-size);
    line-height: 1.4;
    line-height: var(--global-line-height);
    font-weight: 400;
    font-family: Roboto, Arial, sans-serif;
    font-family: var(--global-font-family);
    color: #2e363f;
    color: var(--global-color);
    position: relative;
    right: 0;
    transition: right .3s ease
}

#__layout {
    overflow-x: hidden
}

a {
    text-decoration: none;
    position: relative;
    color: #E70E07;
    color: var(--global-link-color);
    z-index: 1
}

a:active, a:hover {
    outline: 0
}

a:focus, a:hover {
    color: #d51118;
    color: var(--global-link-color-hover)
}

a.link:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: .1em;
    background-color: #E70E07;
    background-color: var(--global-link-color);
    transform-origin: center;
    transform: translate(-50%) scaleX(0);
    transition: transform .3s ease-in-out
}

a.link:focus:before, a.link:hover:before {
    transform: translate(-50%) scaleX(1)
}

a.link__reset {
    color: #2e363f;
    color: var(--global-color)
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 3rem;
    margin: 0 0 var(--global-margin-large) 0;
    font-weight: 700;
    line-height: 1.1
}

* + .h1, * + .h2, * + .h3, * + .h4, * + .h5, * + .h6, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 3rem;
    margin-top: var(--global-margin-large)
}

.h1, h1 {
    font-size: 2.875rem;
    font-size: var(--h1-font-size);
    text-transform: uppercase
}

.h1, .h2, h1, h2 {
    font-family: Montserrat, Arial, sans-serif;
    font-family: var(--heading-font-family)
}

.h2, h2 {
    font-size: 2.625rem;
    font-size: var(--h2-font-size)
}

.h3, h3 {
    font-size: 1.5rem;
    font-size: var(--h3-font-size)
}

.h4, h4 {
    font-size: 1.25rem;
    font-size: var(--h4-font-size)
}

.h5, h5 {
    font-size: 1.20805rem;
    font-size: var(--h5-font-size)
}

.h6, h6 {
    font-size: .875rem;
    font-size: var(--h6-font-size)
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 1.25rem;
    margin: 0 0 var(--global-margin) 0
}

* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
    margin-top: 1.25rem;
    margin-top: var(--global-margin)
}

canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

hr {
    margin: .625rem 0;
    margin: calc(var(--global-margin) / 2) 0;
    border-top: 1px solid #dae1e5;
    border-top: var(--global-border) solid var(--global-border-color);
    border-width: .5px;
    border-width: calc(var(--global-border) / 2)
}

hr.vetical {
    border: none;
    border-left: 1px solid #dae1e5;
    border-left: var(--global-border) solid var(--global-border-color);
    height: 100%;
    width: 1px;
    width: var(--global-border);
    margin: 0 1.25rem;
    margin: 0 var(--global-margin)
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    background-color: #f3f5f7;
    background-color: var(--global-background-muted);
    border: 0;
    height: 8px;
    border-radius: 2px;
    overflow: hidden
}

progress:indeterminate {
    color: transparent
}

progress:indeterminate::-moz-progress-bar {
    width: 0
}

progress::-webkit-progress-bar {
    background-color: #f3f5f7;
    background-color: var(--global-background-muted)
}

progress::-webkit-progress-value {
    background-color: #E70E07;
    background-color: var(--global-background-primary)
}

progress::-moz-progress-bar {
    background-color: #E70E07;
    background-color: var(--global-background-primary)
}

progress::-ms-fill {
    background-color: #E70E07;
    background-color: var(--global-background-primary)
}

.button {
    --button-font-size: var(--text-s);
    --button-padding-vertical: 1em;
    --button-padding-horizontal: 2em;
    --button-border-radius: var(--global-border-radius);
    --button-color: var(--global-color-muted);
    --button-color-hover: var(--button-color);
    --button-color-active: var(--button-color);
    --button-background: var(--global-background);
    --button-background-hover: var(--global-background-muted);
    --button-background-active: #dae1e5;
    --button-border-color: #7c8c93;
    --button-border-color-hover: var(--button-border-color);
    --button-border-color-active: var(--button-border-color);
    --button-primary-color: var(--global-color-inverse);
    --button-primary-color-hover: var(--button-primary-color);
    --button-primary-color-active: var(--button-primary-color);
    --button-primary-background: var(--global-background-primary);
    --button-primary-background-hover: #d32229;
    --button-primary-background-active: #bc2c31;
    --button-link-color: var(--global-link-color);
    --button-link-color-hover: var(--global-link-color-hover);
    --button-link-hover-text-decoration: none;
    --button-link-line-height: var(--global-line-height);
    position: relative;
    overflow: hidden;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--button-font-size);
    color: var(--button-color);
    background-color: var(--button-background);
    border: 1px solid var(--button-border-color);
    border-radius: var(--button-border-radius);
    padding: var(--button-padding-vertical) var(--button-padding-horizontal);
    transition: .3s ease;
    transition-property: border-color, background-color
}

.button::-moz-focus-inner {
    border: none
}

.button:focus {
    outline: 0
}

.button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(243, 245, 247, .4);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1) translate(-50%);
    transform-origin: 50% 50%
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1
    }
    20% {
        transform: scale(25);
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(40)
    }
}

@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1
    }
    20% {
        transform: scale(25);
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(40)
    }
}

.button__small {
    --button-padding-vertical: 0.7em
}

.button:focus:not(:active):after {
    -webkit-animation: ripple 1s ease-out;
    animation: ripple 1s ease-out
}

.button:focus, .button:hover {
    color: var(--button-color-hover);
    background-color: var(--button-background-hover);
    border-color: var(--button-border-color-hover)
}

.button.active, .button:active {
    color: var(--button-color-active);
    background-color: var(--button-background-active);
    border-color: var(--button-border-color-active)
}

.button:disabled {
    opacity: .5;
    cursor: no-drop
}

.button__primary {
    color: var(--button-primary-color);
    background-color: var(--button-primary-background);
    border: 1px solid transparent
}

.button__primary:focus, .button__primary:hover {
    color: var(--button-primary-color-hover);
    background-color: var(--button-primary-background-hover);
    border: 1px solid transparent
}

.button__primary.active, .button__primary:active {
    color: var(--button-primary-color-active);
    background-color: var(--button-primary-background-active);
    border: 1px solid transparent
}

.button__success, .button__success.active, .button__success:active, .button__success:focus, .button__success:hover {
    background-color: #4db45e;
    border: 1px solid transparent
}

.button__link {
    background: 0 0;
    padding: 0;
    border: none;
    min-height: auto;
    margin: 0;
    line-height: var(--button-link-line-height);
    color: var(--button-link-color)
}

.button__link.active, .button__link:active, .button__link:focus, .button__link:hover {
    color: var(--button-link-color-hover);
    background: 0 0
}

.card {
    --card-padding: var(--global-margin-medium);
    --card-padding-small: 12px;
    --card-box-shadow: var(--global-box-shadow);
    --card-box-shadow-hover: var(--global-box-shadow-large);
    --card-title-size: var(--text-l);
    --card-title-margin: var(--global-margin);
    --card-background-default: var(--global-background);
    padding: var(--card-padding);
    box-shadow: var(--card-box-shadow);
    border-radius: 2px;
    transition: box-shadow .25s ease
}

.card__small {
    padding: var(--card-padding-small)
}

.card__title {
    font-size: var(--card-title-size);
    text-transform: uppercase;
    margin-bottom: var(--card-title-margin)
}

* + .card__title {
    margin-top: var(--card-title-margin)
}

.card__default {
    background-color: var(--card-background-default)
}

.card__media__vertical {
    padding: 6px
}

.card__media__horizontal {
    display: flex;
    align-items: center;
    background-color: var(--card-background-default)
}

.card__media__horizontal__icon {
    min-width: 96px
}

@media (max-width: 959px) {
    .card__media__horizontal {
        flex-direction: column;
        background-color: transparent;
        box-shadow: none;
        text-align: center
    }

    .card__media__horizontal__icon {
        margin-bottom: .625rem;
        margin-bottom: var(--global-margin-small)
    }

    .card__media__vertical {
        background-color: transparent;
        box-shadow: none
    }

    .card__media__vertical .card__small {
        padding: 0
    }
}

.container {
    --container: var(--l);
    --container-small: 1024px;
    --container-padding: var(--global-padding);
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--container-padding)
}

.container__small {
    max-width: var(--container-small)
}

.flex {
    display: flex
}

.flex__inline {
    display: inline-flex
}

.flex:after, .flex:before, .flex__inline:after, .flex__inline:before {
    display: none
}

.flex__left {
    justify-content: flex-start
}

.flex__center {
    justify-content: center
}

.flex__right {
    justify-content: flex-end
}

.flex__between {
    justify-content: space-between
}

.flex__around {
    justify-content: space-around
}

@media (min-width: 414px) {
    .flex__left\@xs {
        justify-content: flex-start
    }

    .flex__center\@xs {
        justify-content: center
    }

    .flex__right\@xs {
        justify-content: flex-end
    }

    .flex__between\@xs {
        justify-content: space-between
    }

    .flex__around\@xs {
        justify-content: space-around
    }
}

@media (min-width: 768px) {
    .flex__left\@s {
        justify-content: flex-start
    }

    .flex__center\@s {
        justify-content: center
    }

    .flex__right\@s {
        justify-content: flex-end
    }

    .flex__between\@s {
        justify-content: space-between
    }

    .flex__around\@s {
        justify-content: space-around
    }
}

@media (min-width: 960px) {
    .flex__left\@m {
        justify-content: flex-start
    }

    .flex__center\@m {
        justify-content: center
    }

    .flex__right\@m {
        justify-content: flex-end
    }

    .flex__between\@m {
        justify-content: space-between
    }

    .flex__around\@m {
        justify-content: space-around
    }
}

@media (min-width: 1280px) {
    .flex__left\@l {
        justify-content: flex-start
    }

    .flex__center\@l {
        justify-content: center
    }

    .flex__right\@l {
        justify-content: flex-end
    }

    .flex__between\@l {
        justify-content: space-between
    }

    .flex__around\@l {
        justify-content: space-around
    }
}

@media (min-width: 1366px) {
    .flex__left\@xl {
        justify-content: flex-start
    }

    .flex__center\@xl {
        justify-content: center
    }

    .flex__right\@xl {
        justify-content: flex-end
    }

    .flex__between\@xl {
        justify-content: space-between
    }

    .flex__around\@xl {
        justify-content: space-around
    }
}

@media (min-width: 1440px) {
    .flex__left\@xxl {
        justify-content: flex-start
    }

    .flex__center\@xxl {
        justify-content: center
    }

    .flex__right\@xxl {
        justify-content: flex-end
    }

    .flex__between\@xxl {
        justify-content: space-between
    }

    .flex__around\@xxl {
        justify-content: space-around
    }
}

.flex__stretch {
    align-items: stretch
}

.flex__top {
    align-items: flex-start
}

.flex__middle {
    align-items: center
}

.flex__bottom {
    align-items: flex-end
}

@media (min-width: 960px) {
    .flex__bottom\@m {
        align-items: flex-end
    }
}

.flex__row {
    flex-direction: row
}

.flex__row__reverse {
    flex-direction: row-reverse
}

.flex__column {
    flex-direction: column
}

.flex__column__reverse {
    flex-direction: column-reverse
}

.flex__nowrap {
    flex-wrap: nowrap
}

.flex__wrap {
    flex-wrap: wrap
}

.flex__wrap__reverse {
    flex-wrap: wrap-reverse
}

.flex__wrap__stretch {
    align-content: stretch
}

.flex__wrap__top {
    align-content: flex-start
}

.flex__wrap__middle {
    align-content: center
}

.flex__wrap__bottom {
    align-content: flex-end
}

.flex__wrap__between {
    align-content: space-between
}

.flex__wrap__around {
    align-content: space-around
}

.flex__first {
    order: -1
}

.flex__last {
    order: 99
}

@media (min-width: 414px) {
    .flex__first\@xs {
        order: -1
    }

    .flex__last\@xs {
        order: 99
    }
}

@media (min-width: 768px) {
    .flex__first\@s {
        order: -1
    }

    .flex__last\@s {
        order: 99
    }
}

@media (min-width: 960px) {
    .flex__first\@m {
        order: -1
    }

    .flex__last\@m {
        order: 99
    }
}

@media (min-width: 1280px) {
    .flex__first\@l {
        order: -1
    }

    .flex__last\@l {
        order: 99
    }
}

@media (min-width: 1366px) {
    .flex__first\@xl {
        order: -1
    }

    .flex__last\@xl {
        order: 99
    }
}

@media (min-width: 1440px) {
    .flex__first\@xxl {
        order: -1
    }

    .flex__last\@xxl {
        order: 99
    }
}

.flex__none {
    flex: none
}

.flex__auto {
    flex: auto
}

.flex__1 {
    flex: 1
}

.grid__auto {
    --auto-grid-min-size: 10rem;
    --auto-grid-max-size: 1fr;
    --auto-grid-gap: var(--global-margin);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), var(--auto-grid-max-size)));
    grid-gap: var(--auto-grid-gap)
}

:root {
    --height-small: 150px;
    --height-medium: 300px;
    --height-large: 450px
}

[class*=height] {
    box-sizing: border-box
}

.height__1-1 {
    height: 100%
}

.height__viewport {
    min-height: 100vh
}

.height__small {
    height: 150px;
    height: var(--height-small)
}

.height__medium {
    height: 300px;
    height: var(--height-medium)
}

.height__large {
    height: 450px;
    height: var(--height-large)
}

.height__max__small {
    max-height: 150px;
    max-height: var(--height-small)
}

.height__max__medium {
    max-height: 300px;
    max-height: var(--height-medium)
}

.height__max__large {
    max-height: 450px;
    max-height: var(--height-large)
}

.light {
    --global-color: var(--global-color-inverse);
    --global-primary: var(--global-color-inverse);
    --global-color-muted: #dae1e5;
    color: #2e363f;
    color: var(--global-color)
}

.light .text__muted {
    color: #7c8c93;
    color: var(--global-color-muted)
}

.list {
    --list-padding-left: var(--global-padding);
    --list-item-margin-top: var(--global-padding);
    --list-item-padding-left: calc(var(--global-line-height) * var(--global-padding-medium));
    --list-item-margin-small-top: var(--global-margin-small);
    --list-item-margin-large-top: var(--global-margin);
    --list-item-padding-large-left: calc(var(--global-line-height) * var(--global-margin-medium));
    --list-item-margin-xlarge-top: var(--global-margin-large);
    --list-bullet-width: calc(var(--global-line-height) * 1em);
    --list-bullet-height: var(--list-bullet-width);
    padding: 0;
    list-style: none
}

.list__item:after, .list__item:before {
    content: "";
    display: table
}

.list__item:after {
    clear: both
}

.list__item:last-child {
    margin-bottom: 0
}

.list .list {
    margin: 0;
    padding-left: var(--list-padding-left);
    list-style: none
}

.list > .list__item > .list, .list__item:nth-child(n+2) {
    margin-top: var(--list-item-margin-top)
}

.list__small .list__item:nth-child(n+2), .list__small > .list__item > .list {
    margin-top: calc(var(--list-item-margin-small-top) / 2)
}

.list__large .list__item:nth-child(n+2), .list__large > .list__item > .list {
    margin-top: var(--list-item-margin-large-top)
}

.list__xlarge .list__item:nth-child(n+2), .list__xlarge > .list__item > .list {
    margin-top: var(--list-item-margin-xlarge-top)
}

.list__bullet > .list__item {
    position: relative;
    padding-left: var(--list-item-padding-left)
}

.list__bullet.list__large > .list__item {
    padding-left: var(--list-item-padding-large-left)
}

.list__bullet > .list__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--list-bullet-width);
    height: var(--list-bullet-height);
    background-image: url(/_nuxt/5080ebd4647be0da8c129deefb663252.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block
}

:root {
    --margin: var(--global-margin);
    --margin-small: var(--global-margin-small);
    --margin-medium: var(--global-margin-medium);
    --margin-large: var(--global-margin-large);
    --margin-xlarge: var(--global-margin-xlarge)
}

.margin {
    margin-bottom: 1.25rem;
    margin-bottom: var(--margin)
}

* + .margin, .margin__top {
    margin-top: 1.25rem !important;
    margin-top: var(--margin) !important
}

.margin__bottom {
    margin-bottom: 1.25rem !important;
    margin-bottom: var(--margin) !important
}

.margin__left {
    margin-left: 1.25rem !important;
    margin-left: var(--margin) !important
}

.margin__right {
    margin-right: 1.25rem !important;
    margin-right: var(--margin) !important
}

.margin__small {
    margin-bottom: .625rem;
    margin-bottom: var(--margin-small)
}

* + .margin__small, .margin__small__top {
    margin-top: .625rem !important;
    margin-top: var(--margin-small) !important
}

.margin__small__bottom {
    margin-bottom: .625rem !important;
    margin-bottom: var(--margin-small) !important
}

.margin__small__left {
    margin-left: .625rem !important;
    margin-left: var(--margin-small) !important;

}

.margin__small__right {
    margin-right: .625rem !important;
    margin-right: var(--margin-small) !important
}

.margin__medium {
    margin-bottom: 1.875rem;
    margin-bottom: var(--margin-medium)
}

* + .margin__medium, .margin__medium__top {
    margin-top: 1.875rem !important;
    margin-top: var(--margin-medium) !important
}

.margin__medium__bottom {
    margin-bottom: 1.875rem !important;
    margin-bottom: var(--margin-medium) !important
}

.margin__medium__left {
    margin-left: 1.875rem !important;
    margin-left: var(--margin-medium) !important
}

.margin__medium__right {
    margin-right: 1.875rem !important;
    margin-right: var(--margin-medium) !important
}

.margin__large {
    margin-bottom: 3rem;
    margin-bottom: var(--margin-large)
}

* + .margin__large, .margin__large__top {
    margin-top: 3rem !important;
    margin-top: var(--margin-large) !important
}

.margin__large__bottom {
    margin-bottom: 3rem !important;
    margin-bottom: var(--margin-large) !important
}

.margin__large__left {
    margin-left: 3rem !important;
    margin-left: var(--margin-large) !important
}

.margin__large__right {
    margin-right: 3rem !important;
    margin-right: var(--margin-large) !important
}

.margin__xlarge {
    margin-bottom: 6.25rem;
    margin-bottom: var(--margin-xlarge)
}

* + .margin__xlarge, .margin__xlarge__top {
    margin-top: 6.25rem !important;
    margin-top: var(--margin-xlarge) !important
}

.margin__xlarge__bottom {
    margin-bottom: 6.25rem !important;
    margin-bottom: var(--margin-xlarge) !important
}

.margin__xlarge__left {
    margin-left: 6.25rem !important;
    margin-left: var(--margin-xlarge) !important
}

.margin__xlarge__right {
    margin-right: 6.25rem !important;
    margin-right: var(--margin-xlarge) !important
}

.margin__auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.margin__auto__top {
    margin-top: auto !important
}

.margin__auto__bottom {
    margin-bottom: auto !important
}

.margin__auto__left {
    margin-left: auto !important
}

.margin__auto__right {
    margin-right: auto !important
}

.margin__auto__vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 414px) {
    .margin__auto\@xs {
        margin-right: auto !important
    }

    .margin__auto\@xs, .margin__auto__left\@xs {
        margin-left: auto !important
    }

    .margin__auto__right\@xs {
        margin-right: auto !important
    }
}

@media (min-width: 768px) {
    .margin__auto\@s {
        margin-right: auto !important
    }

    .margin__auto\@s, .margin__auto__left\@s {
        margin-left: auto !important
    }

    .margin__auto__right\@s {
        margin-right: auto !important
    }
}

@media (min-width: 960px) {
    .margin__auto\@m {
        margin-right: auto !important
    }

    .margin__auto\@m, .margin__auto__left\@m {
        margin-left: auto !important
    }

    .margin__auto__right\@m {
        margin-right: auto !important
    }
}

@media (min-width: 1280px) {
    .margin__auto\@l {
        margin-right: auto !important
    }

    .margin__auto\@l, .margin__auto__left\@l {
        margin-left: auto !important
    }

    .margin__auto__right\@l {
        margin-right: auto !important
    }
}

@media (min-width: 1366px) {
    .margin__auto\@xl {
        margin-right: auto !important
    }

    .margin__auto\@xl, .margin__auto__left\@xl {
        margin-left: auto !important
    }

    .margin__auto__right\@xl {
        margin-right: auto !important
    }
}

@media (min-width: 1440px) {
    .margin__auto\@xxl {
        margin-right: auto !important
    }

    .margin__auto\@xxl, .margin__auto__left\@xxl {
        margin-left: auto !important
    }

    .margin__auto__right\@xxl {
        margin-right: auto !important
    }
}

.margin__remove {
    margin: 0 !important
}

.margin__remove__top {
    margin-top: 0 !important
}

.margin__remove__bottom {
    margin-bottom: 0 !important
}

.margin__remove__left {
    margin-left: 0 !important
}

.margin__remove__right {
    margin-right: 0 !important
}

.margin__remove__vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.margin__remove__adjacent + *, .margin__remove__first-child > :first-child {
    margin-top: 0 !important
}

@media (max-width: 413px) {
    .margin__remove__left\@xs {
        margin-left: 0 !important
    }

    .margin__remove__right\@xs {
        margin-right: 0 !important
    }
}

@media (max-width: 767px) {
    .margin__remove__left\@s {
        margin-left: 0 !important
    }

    .margin__remove__right\@s {
        margin-right: 0 !important
    }
}

@media (max-width: 959px) {
    .margin__remove__left\@m {
        margin-left: 0 !important
    }

    .margin__remove__right\@m {
        margin-right: 0 !important
    }
}

@media (max-width: 1279px) {
    .margin__remove__left\@l {
        margin-left: 0 !important
    }

    .margin__remove__right\@l {
        margin-right: 0 !important
    }
}

@media (max-width: 1365px) {
    .margin__remove__left\@xl {
        margin-left: 0 !important
    }

    .margin__remove__right\@xl {
        margin-right: 0 !important
    }
}

@media (max-width: 1439px) {
    .margin__remove__left\@xxl {
        margin-left: 0 !important
    }

    .margin__remove__right\@xxl {
        margin-right: 0 !important
    }
}

.nav {
    --nav-font-size: var(--text-base-size);
    --nav-font-size-primary: var(--text-l);
    --nav-link-color: var(--global-color);
    --nav-link-color-hover: var(--global-color-primary);
    --nav-link-color-active: var(--global-color-primary);
    --nav-link-padding: calc(var(--global-padding-small) / 2);
    --nav-sub-padding: var(--nav-link-padding) 0 var(--nav-link-padding) calc(var(--nav-link-padding) * 3);
    --nav-sub-link-padding: calc(var(--nav-link-padding) / 2);
    font-size: var(--nav-font-size);
    list-style: none;
    padding: 0;
    margin: 0
}

.nav__item {
    display: block;
    text-decoration: none;
    padding: var(--nav-link-padding) 0;
    color: var(--nav-link-color);
    opacity: .6;
    transition: .3s;
    transition-property: color opacity
}

.nav__item:hover {
    color: var(--nav-link-color-hover);
    opacity: 1
}

.nav__item.active, .nav__item:focus {
    outline: 0;
    color: var(--nav-link-color-active);
    opacity: 1
}

.nav.nav__sub {
    margin: 0;
    padding: var(--nav-sub-padding)
}

.nav__sub .nav__sub {
    padding-top: 0;
    padding-bottom: 0
}

.nav__sub .nav__item {
    padding: var(--nav-sub-link-padding) 0
}

.nav__primary {
    font-size: var(--nav-font-size-primary);
    font-weight: 700
}

:root {
    --overlay-padding: var(--global-margin-medium);
    --overlay-background-secondary: rgba(46, 54, 63, 0.8)
}

.overlay {
    padding: 1.875rem;
    padding: var(--overlay-padding)
}

.overlay__secondary {
    background-color: rgba(46, 54, 63, .8);
    background-color: var(--overlay-background-secondary)
}

:root {
    --padding: var(--global-padding);
    --padding-small: var(--global-padding-small);
    --padding-medium: var(--global-padding-medium);
    --padding-large: var(--global-padding-large)
}

.padding {
    padding: .9375rem;
    padding: var(--padding)
}

.padding__small {
    padding: .625rem;
    padding: var(--padding-small)
}

.padding__medium {
    padding: 1.25rem;
    padding: var(--padding-medium)
}

.padding__large {
    padding: 3.75rem;
    padding: var(--padding-large)
}

.padding__remove {
    padding: 0 !important
}

.padding__remove__top {
    padding-top: 0 !important
}

.padding__remove__bottom {
    padding-bottom: 0 !important
}

.padding__remove__left {
    padding-left: 0 !important
}

.padding__remove__right {
    padding-right: 0 !important
}

.padding__remove__vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

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

:root {
    --position-small: var(--global-margin-small);
    --position-medium: var(--global-margin-medium);
    --position-large: var(--global-margin-large)
}

[class*=position__bottom], [class*=position__center], [class*=position__left], [class*=position__right], [class*=position__top] {
    position: absolute !important
}

.position__top {
    top: 0;
    left: 0;
    right: 0
}

.position__bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.position__left {
    top: 0;
    bottom: 0;
    left: 0
}

.position__right {
    top: 0;
    bottom: 0;
    right: 0
}

.position__top__left {
    top: 0;
    left: 0
}

.position__top__right {
    top: 0;
    right: 0
}

.position__bottom__left {
    bottom: 0;
    left: 0
}

.position__bottom__right {
    bottom: 0;
    right: 0
}

.position__center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

[class*=position__center__left], [class*=position__center__right] {
    top: 50%;
    transform: translateY(-50%)
}

.position__center__left {
    left: 0
}

.position__center__right {
    right: 0
}

.position__center__left__out {
    right: 100%
}

.position__center__left__out, .position__center__right__out {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.position__center__right__out {
    left: 100%
}

.position__bottom__center, .position__top__center {
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

.position__top__center {
    top: 0
}

.position__bottom__center {
    bottom: 0
}

.position__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.position__relative {
    position: relative !important
}

.position__absolute {
    position: absolute !important
}

.position__fixed {
    position: fixed !important
}

.position__z-index {
    z-index: 1
}

.position__small {
    max-width: calc(100% - 1.25rem);
    max-width: calc(100% - var(--position-small) * 2);
    margin: .625rem;
    margin: var(--position-small)
}

.position__small.position__center {
    transform: translate(-50%, -50%) translate(-.625rem, -.625rem);
    transform: translate(-50%, -50%) translate(calc(var(--position-small) * -1), calc(var(--position-small) * -1))
}

.position__small[class*=position__center__left], .position__small[class*=position__center__right] {
    transform: translateY(-50%) translateY(-.625rem);
    transform: translateY(-50%) translateY(calc(var(--position-small) * -1))
}

.position__small.position__bottom__center, .position__small.position__top__center {
    transform: translateX(-50%) translateX(-.625rem);
    transform: translateX(-50%) translateX(calc(var(--position-small) * -1))
}

.position__medium {
    max-width: calc(100% - 3.75rem);
    max-width: calc(100% - var(--position-medium) * 2);
    margin: 1.875rem;
    margin: var(--position-medium)
}

.position__medium.position__center {
    transform: translate(-50%, -50%) translate(-1.875rem, -1.875rem);
    transform: translate(-50%, -50%) translate(calc(var(--position-medium) * -1), calc(var(--position-medium) * -1))
}

.position__medium[class*=position__center__left], .position__medium[class*=position__center__right] {
    transform: translateY(-50%) translateY(-1.875rem);
    transform: translateY(-50%) translateY(calc(var(--position-medium) * -1))
}

.position__medium.position__bottom__center, .position__medium.position__top__center {
    transform: translateX(-50%) translateX(-1.875rem);
    transform: translateX(-50%) translateX(calc(var(--position-medium) * -1))
}

.position__large {
    max-width: calc(100% - 6rem);
    max-width: calc(100% - var(--position-large) * 2);
    margin: 3rem;
    margin: var(--position-large)
}

.position__large.position__center {
    transform: translate(-50%, -50%) translate(-3rem, -3rem);
    transform: translate(-50%, -50%) translate(calc(var(--position-large) * -1), calc(var(--position-large) * -1))
}

.position__large[class*=position__center__left], .position__large[class*=position__center__right] {
    transform: translateY(-50%) translateY(-3rem);
    transform: translateY(-50%) translateY(calc(var(--position-large) * -1))
}

.position__large.position__bottom__center, .position__large.position__top__center {
    transform: translateX(-50%) translateX(-3rem);
    transform: translateX(-50%) translateX(calc(var(--position-large) * -1))
}

.section {
    --section-padding-vertical: 2.25rem;
    --section-padding-vertical-m: var(--global-margin-medium);
    --section-padding-vertical-l: var(--global-margin-xlarge);
    --section-background-muted: var(--global-background-muted);
    box-sizing: border-box;
    padding: var(--section-padding-vertical) 0
}

.section__muted {
    background-color: var(--section-background-muted)
}

@media (min-width: 960px) {
    .section {
        padding: var(--section-padding-vertical-m) 0
    }

    .section__large {
        padding: var(--section-padding-vertical-l) 0
    }
}

.subnav {
    --subnav-font-size: var(--text-base-size);
    --subnav-font-size-primary: var(--text-l);
    --subnav-link-color: #505b67;
    --subnav-link-color-hover: var(--global-color-primary);
    --subnav-link-color-active: var(--global-color-primary);
    --subnav-link-padding: var(--global-padding-small);
    font-size: var(--subnav-font-size);
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.subnav > li:not(:last-child) {
    padding-right: var(--subnav-link-padding)
}

.subnav__link {
    display: block;
    text-decoration: none;
    color: var(--subnav-link-color);
    transition: .3s;
    transition-property: color;
    white-space: nowrap
}

.subnav__link:hover {
    color: var(--subnav-link-color-hover)
}

.subnav__link.active, .subnav__link:focus {
    outline: 0;
    color: var(--subnav-link-color-active)
}

html {
    --text-xsmall: var(--text-xs);
    --text-small: var(--text-s);
    --text-large: var(--text-l);
    --text-xlarge: var(--text-xl);
    --text-xxlarge: var(--text-xxl);
    --text-xxxlarge: var(--text-xxxl);
    --text-lead-size: var(--text-large);
    --text-meta-size: var(--text-xsmall);
    --text-meta-color: var(--global-color-muted);
    --text-primary: var(--global-color-primary);
    --text-muted: var(--global-color-muted)
}

.text__small {
    font-size: .875rem;
    font-size: var(--text-small)
}

.text__large {
    font-size: 1.25rem;
    font-size: var(--text-large)
}

.text__xlarge {
    font-size: 1.5rem;
    font-size: var(--text-xlarge)
}

.text__xxlarge {
    font-size: 2.625rem;
    font-size: var(--text-xxlarge)
}

.text__xxxlarge {
    font-size: 2.875rem;
    font-size: var(--text-xxxlarge)
}

.text__lead {
    font-size: 1.25rem;
    font-size: var(--text-lead-size)
}

.text__meta {
    font-size: .75rem;
    font-size: var(--text-meta-size);
    color: #7c8c93;
    color: var(--text-meta-color)
}

.text__bold {
    font-weight: 700
}

.text__black {
    color: #2e363f;
    color: var(--global-color)
}

.text__primary {
    color: #E70E07;
    color: var(--text-primary)
}

.text__muted {
    color: #7c8c93;
    color: var(--text-muted)
}

.text__truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text__break {
    word-wrap: break-word
}

.text__nowrap {
    white-space: nowrap
}

.text__del {
    position: relative
}

.text__del:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 4px;
    width: 100%;
    background-color: red;
    transform: rotate(15deg)
}

.text__uppercase {
    text-transform: uppercase
}

.text__capitalize {
    text-transform: capitalize
}

.text__lowercase {
    text-transform: lowercase
}

.text__left {
    text-align: left !important
}

.text__right {
    text-align: right !important
}

.text__center {
    text-align: center !important
}

@media (min-width: 414px) {
    .text__left\@xs {
        text-align: left !important
    }

    .text__right\@xs {
        text-align: right !important
    }

    .text__center\@xs {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text__left\@s {
        text-align: left !important
    }

    .text__right\@s {
        text-align: right !important
    }

    .text__center\@s {
        text-align: center !important
    }
}

@media (min-width: 960px) {
    .text__left\@m {
        text-align: left !important
    }

    .text__right\@m {
        text-align: right !important
    }

    .text__center\@m {
        text-align: center !important
    }
}

@media (min-width: 1280px) {
    .text__left\@l {
        text-align: left !important
    }

    .text__right\@l {
        text-align: right !important
    }

    .text__center\@l {
        text-align: center !important
    }
}

@media (min-width: 1366px) {
    .text__left\@xl {
        text-align: left !important
    }

    .text__right\@xl {
        text-align: right !important
    }

    .text__center\@xl {
        text-align: center !important
    }
}

@media (min-width: 1440px) {
    .text__left\@xxl {
        text-align: left !important
    }

    .text__right\@xxl {
        text-align: right !important
    }

    .text__center\@xxl {
        text-align: center !important
    }
}

.text__top {
    vertical-align: top !important
}

.text__middle {
    vertical-align: middle !important
}

.text__bottom {
    vertical-align: bottom !important
}

.text__baseline {
    vertical-align: baseline !important
}

.display__block {
    display: block
}

.display__inline__block {
    display: inline-block;
    position: relative
}

.display__inline__flex {
    display: inline-flex;
    position: relative
}

.overflow__hidden {
    overflow: hidden
}

.border__rounded {
    border-radius: 2px;
    border-radius: var(--global-border-radius)
}

.box__shadow {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    box-shadow: var(--global-box-shadow)
}

.hidden, [hidden] {
    display: none !important
}

@media (min-width: 414px) {
    .hidden\@xs {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden\@s {
        display: none !important
    }
}

@media (min-width: 960px) {
    .hidden\@m {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .hidden\@l {
        display: none !important
    }
}

@media (min-width: 1366px) {
    .hidden\@xl {
        display: none !important
    }
}

@media (min-width: 1440px) {
    .hidden\@xxl {
        display: none !important
    }
}

@media (max-width: 413px) {
    .visible\@xs {
        display: none !important
    }
}

@media (max-width: 767px) {
    .visible\@s {
        display: none !important
    }
}

@media (max-width: 959px) {
    .visible\@m {
        display: none !important
    }
}

@media (max-width: 1279px) {
    .visible\@l {
        display: none !important
    }
}

@media (max-width: 1365px) {
    .visible\@xl {
        display: none !important
    }
}

@media (max-width: 1439px) {
    .visible\@xxl {
        display: none !important
    }
}

:root {
    --width-small: 100px;
    --width-medium: 300px;
    --width-large: 450px;
    --width-xlarge: 600px;
    --width-xxlarge: 750px
}

[class*=width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.width__1-1 {
    width: 100%
}

.width__1-2 {
    width: 50%
}

.width__1-3 {
    width: 33.32223%
}

.width__2-3 {
    width: 66.64445%
}

.width__1-4 {
    width: 25%
}

.width__3-4 {
    width: 75%
}

.width__1-5 {
    width: 20%
}

.width__2-5 {
    width: 40%
}

.width__3-5 {
    width: 60%
}

.width__4-5 {
    width: 80%
}

.width__1-6 {
    width: 16.66389%
}

.width__5-6 {
    width: 83.31945%
}

.width__small {
    width: 100px;
    width: var(--width-small)
}

.width__medium {
    width: 300px;
    width: var(--width-medium)
}

.width__large {
    width: 450px;
    width: var(--width-large)
}

.width__xlarge {
    width: 600px;
    width: var(--width-xlarge)
}

.width__xxlarge {
    width: 750px;
    width: var(--width-xxlarge)
}

.width__auto {
    width: auto
}

.width__expand {
    flex: 1;
    min-width: 1px
}

@media (min-width: 414px) {
    .width__1-1\@xs {
        width: 100%
    }

    .width__1-2\@xs {
        width: 50%
    }

    .width__1-3\@xs {
        width: 33.32223%
    }

    .width__2-3\@xs {
        width: 66.64445%
    }

    .width__1-4\@xs {
        width: 25%
    }

    .width__3-4\@xs {
        width: 75%
    }

    .width__1-5\@xs {
        width: 20%
    }

    .width__2-5\@xs {
        width: 40%
    }

    .width__3-5\@xs {
        width: 60%
    }

    .width__4-5\@xs {
        width: 80%
    }

    .width__1-6\@xs {
        width: 16.66389%
    }

    .width__5-6\@xs {
        width: 83.31945%
    }

    .width__small\@xs {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@xs {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@xs {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@xs {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@xs {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@xs {
        width: auto
    }

    .width__expand\@xs {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 768px) {
    .width__1-1\@s {
        width: 100%
    }

    .width__1-2\@s {
        width: 50%
    }

    .width__1-3\@s {
        width: 33.32223%
    }

    .width__2-3\@s {
        width: 66.64445%
    }

    .width__1-4\@s {
        width: 25%
    }

    .width__3-4\@s {
        width: 75%
    }

    .width__1-5\@s {
        width: 20%
    }

    .width__2-5\@s {
        width: 40%
    }

    .width__3-5\@s {
        width: 60%
    }

    .width__4-5\@s {
        width: 80%
    }

    .width__1-6\@s {
        width: 16.66389%
    }

    .width__5-6\@s {
        width: 83.31945%
    }

    .width__small\@s {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@s {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@s {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@s {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@s {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@s {
        width: auto
    }

    .width__expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 960px) {
    .width__1-1\@m {
        width: 100%
    }

    .width__1-2\@m {
        width: 50%
    }

    .width__1-3\@m {
        width: 33.32223%
    }

    .width__2-3\@m {
        width: 66.64445%
    }

    .width__1-4\@m {
        width: 25%
    }

    .width__3-4\@m {
        width: 75%
    }

    .width__1-5\@m {
        width: 20%
    }

    .width__2-5\@m {
        width: 40%
    }

    .width__3-5\@m {
        width: 60%
    }

    .width__4-5\@m {
        width: 80%
    }

    .width__1-6\@m {
        width: 16.66389%
    }

    .width__5-6\@m {
        width: 83.31945%
    }

    .width__small\@m {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@m {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@m {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@m {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@m {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@m {
        width: auto
    }

    .width__expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1280px) {
    .width__1-1\@l {
        width: 100%
    }

    .width__1-2\@l {
        width: 50%
    }

    .width__1-3\@l {
        width: 33.32223%
    }

    .width__2-3\@l {
        width: 66.64445%
    }

    .width__1-4\@l {
        width: 25%
    }

    .width__3-4\@l {
        width: 75%
    }

    .width__1-5\@l {
        width: 20%
    }

    .width__2-5\@l {
        width: 40%
    }

    .width__3-5\@l {
        width: 60%
    }

    .width__4-5\@l {
        width: 80%
    }

    .width__1-6\@l {
        width: 16.66389%
    }

    .width__5-6\@l {
        width: 83.31945%
    }

    .width__small\@l {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@l {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@l {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@l {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@l {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@l {
        width: auto
    }

    .width__expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1366px) {
    .width__1-1\@xl {
        width: 100%
    }

    .width__1-2\@xl {
        width: 50%
    }

    .width__1-3\@xl {
        width: 33.32223%
    }

    .width__2-3\@xl {
        width: 66.64445%
    }

    .width__1-4\@xl {
        width: 25%
    }

    .width__3-4\@xl {
        width: 75%
    }

    .width__1-5\@xl {
        width: 20%
    }

    .width__2-5\@xl {
        width: 40%
    }

    .width__3-5\@xl {
        width: 60%
    }

    .width__4-5\@xl {
        width: 80%
    }

    .width__1-6\@xl {
        width: 16.66389%
    }

    .width__5-6\@xl {
        width: 83.31945%
    }

    .width__small\@xl {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@xl {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@xl {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@xl {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@xl {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@xl {
        width: auto
    }

    .width__expand\@xl {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1440px) {
    .width__1-1\@xxl {
        width: 100%
    }

    .width__1-2\@xxl {
        width: 50%
    }

    .width__1-3\@xxl {
        width: 33.32223%
    }

    .width__2-3\@xxl {
        width: 66.64445%
    }

    .width__1-4\@xxl {
        width: 25%
    }

    .width__3-4\@xxl {
        width: 75%
    }

    .width__1-5\@xxl {
        width: 20%
    }

    .width__2-5\@xxl {
        width: 40%
    }

    .width__3-5\@xxl {
        width: 60%
    }

    .width__4-5\@xxl {
        width: 80%
    }

    .width__1-6\@xxl {
        width: 16.66389%
    }

    .width__5-6\@xxl {
        width: 83.31945%
    }

    .width__small\@xxl {
        width: 100px;
        width: var(--width-small)
    }

    .width__medium\@xxl {
        width: 300px;
        width: var(--width-medium)
    }

    .width__large\@xxl {
        width: 450px;
        width: var(--width-large)
    }

    .width__xlarge\@xxl {
        width: 600px;
        width: var(--width-xlarge)
    }

    .width__xxlarge\@xxl {
        width: 750px;
        width: var(--width-xxlarge)
    }

    .width__auto\@xxl {
        width: auto
    }

    .width__expand\@xxl {
        flex: 1;
        min-width: 1px
    }
}

.page-enter-active, .page-leave-active {
    transition: opacity .5s
}

.page-enter, .page-leave-active {
    opacity: 0
}

.hooper-slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0;
    padding: 15px;
    list-style: none
}

@media (max-width: 959px) {
    .hooper-slide {
        padding: 0 0 1em
    }
}

.hooper-progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-color: #efefef
}

.hooper-progress-inner {
    height: 100%;
    background-color: #4285f4;
    transition: .3s
}

.hooper-pagination {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    display: flex;
    padding: 1em
}

.hooper-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.hooper-indicator.is-active, .hooper-indicator:hover {
    background-color: #E70E07;
    background-color: var(--global-background-primary)
}

.hooper-indicator {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0 6px;
    background-color: #dae1e5;
    background-color: var(--global-border-color)
}

.hooper-pagination.is-vertical {
    bottom: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.hooper-pagination.is-vertical .hooper-indicators {
    flex-direction: column
}

.hooper-pagination.is-vertical .hooper-indicator {
    width: 6px
}

.hooper-next, .hooper-prev {
    background-color: transparent;
    border: none;
    padding: 1em;
    position: absolute;
    top: auto;
    bottom: 0;
    transform: none;
    cursor: pointer;
    outline: 0
}

.hooper-next.is-disabled, .hooper-prev.is-disabled {
    opacity: .3;
    cursor: not-allowed
}

.hooper-next {
    right: -1em
}

.hooper-prev {
    left: -1em
}

.hooper-next .icon, .hooper-prev .icon {
    fill: #E70E07;
    fill: var(--global-background-primary)
}

.hooper-navigation.is-vertical .hooper-next {
    top: auto;
    bottom: 0;
    transform: none
}

.hooper-navigation.is-vertical .hooper-prev {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    transform: none
}

.hooper-navigation.is-rtl .hooper-prev {
    left: auto;
    right: 0
}

.hooper-navigation.is-rtl .hooper-next {
    right: auto;
    left: 0
}

.hooper {
    position: relative;
    width: 100%;
    height: 200px
}

.hooper, .hooper * {
    box-sizing: border-box
}

.hooper-list {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.hooper-track {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.hooper.is-vertical .hooper-track {
    flex-direction: column;
    height: 200px
}

.hooper.is-rtl {
    direction: rtl
}

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

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #E70E07;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.header__logo[data-v-120de1c3] {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 100px;
    padding-right: var(--global-padding-medium);
    background-color: var(--global-background-primary)
}

.header__container[data-v-120de1c3] {
    position: relative
}

.header__container[data-v-120de1c3]:before {
    content: "";
    position: absolute;
    right: calc(100% - var(--global-padding));
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: var(--global-background-primary)
}

.header__body[data-v-120de1c3] {
    width: 100%;
    margin-left: var(--global-margin);
    padding: var(--global-padding) 0
}

.subnav > li[data-v-120de1c3]:not(:last-child) {
    padding-right: 30px
}

@media (max-width: 1279px) {
    .header__logo[data-v-120de1c3] {
        width: 60%
    }
}

@media (max-width: 767px) {
    .header__logo[data-v-120de1c3] {
        min-height: 60px;
        max-width: 100px;
        padding-right: var(--global-padding)
    }

    .header__body[data-v-120de1c3] {
        width: 100%;
        margin-left: 0;
        padding: var(--global-padding-small) 0
    }

    .icon__phone[data-v-120de1c3] {
        width: 18px;
        height: 18px
    }
}

.navbar__container {
    position: relative;
    background: var(--global-background-muted);
    box-shadow: var(--global-box-shadow)
}

.navbar {
    --navbar-item-font-size: var(--text-base-size);
    --navbar-item-font-weight: 700;
    --navbar-item-height: 40px;
    --navbar-item-color: var(--global-color);
    --navbar-item-color-hover: var(--global-link-color);
    --navbar-item-color-active: var(--global-link-color);
    --navbar-item-padding-horizontal: var(--global-padding);
    --navbar-logo-font-size: var(--text-l);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(var(--navbar-item-padding-horizontal) * -1)
}

.navbar__nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0
}

.navbar__item {
    font-size: var(--navbar-item-font-size);
    font-weight: var(--navbar-item-font-weight);
    text-transform: uppercase;
    color: var(--navbar-item-color);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: var(--navbar-item-height);
    padding: 0 var(--navbar-item-padding-horizontal);
    transition: .3s ease;
    transition-property: color, -webkit-filter;
    transition-property: color, filter;
    transition-property: color, filter, -webkit-filter
}

.navbar__item:focus, .navbar__item:hover {
    outline: 0;
    color: var(--navbar-item-color-hover)
}

.navbar__item.active, .navbar__item:active {
    color: var(--navbar-item-color-active)
}



.background__aluminium {
    background-image: url("../images/banners/aluminium-door.jpeg")
}

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

.banner__body__item:first-child {
    margin-right: var(--global-margin)
}

@media (max-width: 959px) {

    .banner {
        padding: 24px 0
    }

    .banner__header {
        min-height: 200px;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .banner__body {
        flex-direction: column;
        align-items: flex-start
    }

    .banner__body__item {
        width: 100%
    }

    .banner__body__item:first-child {
        margin-right: 0;
        margin-top: var(--global-margin)
    }

    .banner__body__form .overlay {
        padding-left: 0;
        padding-right: 0
    }

    .banner__body__form {
        position: relative
    }

    .banner__body__form:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        background-color: #2e363f;
        z-index: -1
    }

    .banner__logo__partner {
        margin-bottom: var(--global-margin)
    }
}

.form {
    --input-background: var(--global-background);
    --input-font-size: var(--global-font-size);
    --input-font-weight: 400;
    --input-color: var(--global-color);
    --input-placeholder-color: var(--global-color-muted);
    --input-padding: calc(var(--global-padding) / 2);
    --input-height: 48px;
    --input-border: var(--global-border);
    --input-border-color: var(--global-color-muted);
    --input-border-color-hover: #2eaee6;
    --input-border-color-focus: #2eaee6;
    --input-border-radius: var(--global-border-radius);
    --input-box-shadow: var(--global-box-shadow);
    --input-radio-background: var(--global-background-primary);
    --input-select-padding-right: var(--global-padding)
}

.form__small {
    --input-height: 36px
}

.form__text__center {
    -moz-text-align-last: center;
    text-align-last: center
}

.form > :not(:last-child) {
    margin-bottom: var(--global-margin)
}

.form__label {
    display: inline-block;
    margin-bottom: .2em
}

.form__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--input-height);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.form__icon ~ .input {
    padding-left: var(--input-height)
}

.form__icon svg path {
    fill: #7c8c93
}

.input, .select, .textarea {
    box-sizing: border-box;
    border: var(--input-border) var(--input-border-color) solid;
    border-radius: var(--input-border-radius);
    color: var(--input-color);
    font-size: var(--input-font-size);
    padding: 0 var(--input-padding);
    background-color: var(--input-background);
    width: 100%;
    max-width: 100%;
    transition: .3s ease;
    transition-property: border, color, box-shadow
}

.input, .select:not([multiple]):not([size]) {
    height: var(--input-height);
    vertical-align: middle;
    display: inline-block
}

.select[multiple], .select[size], .textarea {
    padding-top: var(--input-padding);
    padding-bottom: var(--input-padding);
    vertical-align: top
}

.input:hover, .select:hover, .textarea:hover {
    border-color: var(--input-border-color-hover)
}

.input:focus, .select:focus, .textarea:focus {
    border-color: var(--input-border-color-focus);
    box-shadow: var(--input-box-shadow);
    outline: 0
}

.select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/_nuxt/b5db4f895a27c7b13cede981f016d7d5.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: var(input-select-padding-right)
}

.input[type=color] {
    padding: 5px
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: var(--input-placeholder-color);
    font-weight: var(--input-font-weight)
}

.input::-moz-placeholder, .textarea::-moz-placeholder {
    color: var(--input-placeholder-color);
    font-weight: var(--input-font-weight)
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: var(--input-placeholder-color);
    font-weight: var(--input-font-weight)
}

.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    color: var(--input-placeholder-color);
    font-weight: var(--input-font-weight)
}

.input::placeholder, .textarea::placeholder {
    color: var(--input-placeholder-color);
    font-weight: var(--input-font-weight)
}

.textarea {
    overflow: auto;
    resize: vertical
}

.checkbox, .radio {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.checkbox:not(:disabled), .radio:not(:disabled) {
    cursor: pointer
}

.checkbox, .radio {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 2px solid var(--input-border-color);
    background-position: 50% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: .2s ease-in-out;
    transition-property: background-color, border
}

.checkbox:checked {
    background-image: url(/_nuxt/0c12c7eeba9b9ca82b818dbc0872aa63.svg);
    background-color: var(--input-radio-background)
}

.radio {
    border-radius: 1em
}

.radio:checked {
    background-image: url('images/icon/on.svg');
    background-color: #fff
}

.checkbox:focus, .radio:focus {
    outline: 0;
    border-color: var(--input-border-color-focus)
}

.technology__text {
    padding-right: var(--global-margin)
}

@media (max-width: 959px) {
    .technology__text {
        margin-top: var(--global-margin);
        margin-bottom: 0;
        padding-right: 0;
        font-size: var(--global-font-size)
    }
}

.shapes__item {
    display: grid;
    grid-template-columns: 35% 65%;
    grid-gap: var(--global-margin)
}

.shapes__item__image {
    min-height: 500px
}

.shapes .hooper-slide {
    overflow: hidden
}

.thumbs .hooper-pagination {
    position: relative;
    padding: 0;
    justify-content: center
}

.thumbs__item {
    position: relative;
    height: 150px
}

.thumbs__item .overlay__secondary {
    background: linear-gradient(180deg, rgba(46, 54, 63, 0), rgba(46, 54, 63, .7));
    transition: all .3s ease
}

.is-current .thumbs__item .overlay__secondary {
    background: linear-gradient(0deg, rgba(237, 28, 36, .5), rgba(237, 28, 36, .5)), linear-gradient(180deg, rgba(46, 54, 63, 0), rgba(46, 54, 63, .7))
}

@media (max-width: 959px) {
    .thumbs__item {
        height: 250px
    }

    .is-current .thumbs__item .overlay__secondary {
        background: linear-gradient(180deg, rgba(46, 54, 63, 0), rgba(46, 54, 63, .7))
    }

    .thumbs .hooper-next, .thumbs .hooper-prev {
        bottom: -15px;
        z-index: 999
    }
}

@media (min-width: 960px) {
    .thumbs .hooper-next, .thumbs .hooper-prev {
        background-color: #fff;
        box-shadow: var(--global-box-shadow);
        opacity: .9;
        width: 50px;
        height: 150px;
        top: 15px;
        bottom: auto;
        transform: none;
        padding: 0
    }

    .thumbs .icon {
        width: 48px;
        height: 48px
    }
}

.discount {
    padding: 50px 0
}

.discount__form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--global-margin)
}

.discount__form > :not(:last-child) {
    margin-bottom: 0
}

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

.aluminium__advantages__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--global-margin)
}

.types__tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: var(--global-background-muted)
}

.types__tabs > li {
    box-sizing: border-box;
    position: relative;
    display: flex;
    width: 50%;
    text-align: center
}

.types__tabs > li.active .types__tabs__item {
    border-top: var(--global-border) solid var(--global-border-color)
}

.types__tabs > li.active:first-child .types__tabs__item {
    border-right: var(--global-border) solid var(--global-border-color);
    border-top-right-radius: 15px
}

.types__tabs > li.active:last-child .types__tabs__item {
    border-left: var(--global-border) solid var(--global-border-color);
    border-top-left-radius: 15px
}

.types__tabs__item {
    flex: 1;
    color: var(--global-color);
    z-index: 0;
    background-color: var(--global-background-muted);
    padding: var(--global-margin);
    border: var(--global-border) solid transparent
}

.types__tabs__item:not(.active) {
    border-bottom: var(--global-border) solid var(--global-border-color)
}

.types__tabs__item.active {
    position: relative;
    background-color: var(--global-background);
    z-index: 1
}

.types__tabs > li.active:after, .types__tabs > li.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: var(--global-background-muted)
}

.types__tabs > li.active:before {
    border-right: var(--global-border) solid var(--global-border-color);
    border-bottom: var(--global-border) solid var(--global-border-color);
    right: calc(100% - 1px);
    border-bottom-right-radius: 50%;
    z-index: 2
}

.types__tabs > li.active:after {
    border-left: var(--global-border) solid var(--global-border-color);
    border-bottom: var(--global-border) solid var(--global-border-color);
    left: calc(100% - 1px);
    border-bottom-left-radius: 50%;
    z-index: 2
}

.types__tabs__item.active:after, .types__tabs__item.active:before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 15px;
    height: 15px;
    background-color: var(--global-background)
}

.types__tabs__item.active:before {
    right: 100%
}

.types__tabs__item.active:after {
    left: 100%
}

.types__slider .hooper-slide {
    height: 400px
}

.types__slider .hooper-next, .types__slider .hooper-prev {
    bottom: 50%;
    transform: translateY(50%)
}

.types__slider .hooper-next .icon, .types__slider .hooper-prev .icon {
    width: 48px;
    fill: #fff
}

.types__slider .hooper-prev {
    left: 0
}

.types__slider .hooper-next {
    right: 0
}

.types__slider .hooper-slide {
    padding: 0
}

.types__slider .hooper-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, rgba(46, 54, 63, 0), rgba(46, 54, 63, .5))
}

.slider .slick-dots {
    bottom: -40px;
}

@media (max-width: 959px) {
    .types__slider .hooper-slide {
        height: 220px
    }

    .types__slider .hooper-next, .types__slider .hooper-prev {
        bottom: 0;
        transform: none;
        z-index: 1
    }

    .types__slider .hooper-next .icon, .types__slider .hooper-prev .icon {
        width: 24px
    }
}

.tags {

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

.tags .slick-slide {
    display: flex;
    padding-left: var(--global-margin-small);
    padding-bottom: var(--global-margin-small);
    outline: none;
    width: auto !important;

}

.tags__item {
    color: #7c8c93;
    padding: .2em .4em;
    border: var(--global-border) solid #7c8c93;
    border-radius: var(--global-border-radius);
    transition: all .3s ease;
    display: block;
    white-space: nowrap;
    cursor: pointer;
}
.tags .slick-track{
    transform: translate3d(0, 0px, 0px) !important;
}
.slick-current .tags__item,.slick-current  .tags__item:hover {
    color: var(--global-color-inverse);
    border: var(--global-border) solid var(--global-background-primary);
    background-color: var(--global-background-primary)
}

.types__advantages__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--global-margin)
}

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

    .types__advantages__grid > * {
        padding: 0;
        box-shadow: none
    }

    .types__advantages__grid img {
        width: 48px
    }
}

.design__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--global-margin)
}

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

.guarantees__quality {
    background-image: linear-gradient(0deg, rgba(46, 54, 63, .6), rgba(46, 54, 63, .6)), url(../images/quality/bg.jpeg);
    margin-top: 170px;
    padding: 50px
}

.guarantees__quality__list > .list__item {
    max-width: 500px
}

.guarantees__quality__list > .list__item:nth-child(2) {
    margin-left: var(--global-margin-large)
}

.guarantees__quality__list > .list__item:nth-child(3) {
    margin-left: calc(var(--global-margin-large) * 2)
}

.guarantees__quality__card {
    display: flex;
    align-items: center;
    padding: 24px
}

.guarantees__quality__card__icon {
    min-width: 96px;
    min-height: 96px;
    margin-right: var(--global-margin)
}

.guarantees__quality__sert__wrapper {
    position: relative
}

.guarantees__quality__sert {
    bottom: 8px;
    left: 30px;
    width: 430px;
    height: 580px;
    transform: rotate(-9.37deg)
}

@media (max-width: 1279px) {
    .guarantees__quality {
        padding: 50px var(--global-padding);
        margin: 0 calc(var(--global-padding) * -1);
        margin-top: 130px
    }

    .guarantees__quality__sert__wrapper {
        min-height: 570px
    }

    .guarantees__quality__sert {
        bottom: 110px;
        left: 50%;
        transform: rotate(-9.37deg) translate(-50%)
    }

    .guarantees__quality__list > .list__item {
        max-width: 100%
    }

    .guarantees__quality__list > .list__item:nth-child(2), .guarantees__quality__list > .list__item:nth-child(3) {
        margin-left: 0
    }
}

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

    .guarantees__quality__sert__wrapper {
        min-height: auto;
        margin-bottom: var(--global-margin)

    }

    .guarantees__quality__sert {
        position: relative !important;
        bottom: 0;
        transform: rotate(0);
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: auto;
        height: auto;
    }
    .overflow-hide{
        overflow: hidden;
    }

    .guarantees__quality__card {
        flex-direction: column;
        text-align: center
    }

    .guarantees__quality__card__icon {
        margin-right: 0;
        margin-bottom: var(--global-margin)
    }
}

.what__listen__grid {
    display: grid;
    grid-gap: var(--global-margin);
    grid-template-columns: repeat(3, 1fr)
}

.card__media__listen {
    min-height: 320px
}

.what__listen__overlay {
    background-image: linear-gradient(180deg, rgba(46, 54, 63, .1), rgba(46, 54, 63, .4))
}

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

@media (max-width: 413px) {
    .card__media__listen {
        min-height: 160px
    }

    .card__media__listen .icon {
        width: 60px
    }
}

.offices__list__info[data-v-ff7acb5e] {
    margin-top: 24px;
    margin-left: -33px
}

.offices__list__info .list__item svg path[data-v-ff7acb5e] {
    fill: #7c8c93
}

.list__item__info__devider[data-v-ff7acb5e] {
    border-top: 1px solid #7c8c93;
    margin: 12px 0
}

.offices__list__info .list__item[data-v-ff7acb5e] {
    display: flex;
    align-items: flex-start
}

.list__item__info[data-v-ff7acb5e] {
    margin-left: var(--global-padding)
}

.offices__card[data-v-ff7acb5e] {
    padding: 48px 36px 48px 78px
}

.list__item[data-v-ff7acb5e]:nth-child(n+2) {
    margin-top: 12px
}

@media (max-width: 959px) {
    .offices__card[data-v-ff7acb5e] {
        padding: 0;
        box-shadow: none;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .offices__map[data-v-ff7acb5e] {
        margin-top: var(--global-margin);
        position: relative;
        height: 320px
    }

    .offices__wrapper[data-v-ff7acb5e] {
        padding: 0
    }

    .offices__list__info[data-v-ff7acb5e] {
        margin-left: 0
    }

    .list__item__info[data-v-ff7acb5e], .offices__list__info .list__item[data-v-ff7acb5e] {
        flex-direction: column;
        align-items: center
    }

    .list__item__info[data-v-ff7acb5e] {
        display: flex
    }
}

.footer__grid[data-v-300b8086] {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr)
}

.footer__call[data-v-300b8086] {
    display: flex
}

.footer__call > .button[data-v-300b8086]:first-child {
    margin-right: var(--global-margin)
}

.footer__phone[data-v-300b8086] {
    font-size: 1.5rem;
    font-weight: 700
}

.footer__payments__grid[data-v-300b8086] {
    min-width: 140px;
    display: grid;
    grid-gap: var(--global-margin);
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr))
}

.mobile-show {
    display: none;
}

@media (max-width: 959px) {
    .footer__grid[data-v-300b8086] {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .footer__grid__item[data-v-300b8086] {
        display: flex;
        text-align: center;
        justify-content: space-between
    }

    .footer__call[data-v-300b8086], .footer__grid__item[data-v-300b8086] {
        flex-direction: column;
        align-items: center
    }

    .footer__call > .button[data-v-300b8086]:first-child {
        margin-right: 0;
        margin-bottom: 24px
    }

    .footer__subnav[data-v-300b8086] {
        margin-top: var(--global-margin);
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer__subnav > li[data-v-300b8086]:not(:last-child) {
        margin-bottom: var(--global-margin)
    }
}

:root {
    --offcanvas-background: var(--global-background);
    --offcanvas-background-overlay: var(--global-background-secondary);
    --offcanvas-width: 270px;
    --offcanvas-padding: 24px
}

.offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -318px;
    right: calc((var(--offcanvas-width) + var(--offcanvas-padding) * 2) * -1);
    width: 270px;
    width: var(--offcanvas-width);
    background-color: var(--global-background);
    background-color: var(--offcanvas-background);
    padding: 0 0 24px;
    padding: 0 0 var(--offcanvas-padding) 0;
    overflow-y: scroll;
    transition: right .3s ease;
    z-index: 1000;
    -webkit-overflow-scrolling: touch
}

.offcanvas__open .offcanvas {
    right: 0
}

.offcanvas__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: var(--global-background-secondary);
    background-color: var(--offcanvas-background-overlay);
    transition: opacity .3s ease;
    z-index: 999
}

.offcanvas__open .offcanvas__overlay {
    opacity: .5;
    left: 0
}

.offcanvas__title {
    font-size: var(--text-s);
    text-transform: uppercase;
    color: var(--global-color-muted)
}

.offcanvas__footer {
    text-align: center;
    padding: 0 24px
}

.offcanvas__footer .list__item {
    margin-top: 12px
}

.offcanvas .nav__primary {
    text-transform: uppercase;
    font-size: var(--text-xs)
}

.offcanvas .nav__primary .nav__item {
    opacity: 1
}

.offcanvas .nav__primary .nav__item, .offcanvas__header {
    display: flex;
    justify-content: center;
    align-items: center
}

.offcanvas__header {
    min-height: 50px
}

.offcanvas .nav__primary .nav__item {
    min-height: 40px
}

.offcanvas .nav__primary .nav__item.active {
    background-color: var(--global-background-muted);
    color: var(--global-color-primary)
}

.slider {

}

.slider__item {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.slider-item-content {
    width: 505px;
}

.slider-item-img {
    width: 715px;
    position: relative;
    padding-left: 15px;
}

.slider-item-content__head {
    color: #2E363F;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.slider-item-content__description {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    padding-bottom: 24px;
}

.slider-item-content__price sup {
    font-size: 14px;
}

.slider-item-content__price {
    color: #2E363F;
    font-size: 24px;
    padding: 0 0 26px 0;
}

.slider-item-content__price strong {
    color: #E70E07;
}

.slider-item-content__detail {
    background: #E70E07;
    border-radius: 2px;
    border: none;
    width: 100%;
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.slider-item-content__service {
    color: #7C8C93;
    font-size: 16px;
}

.slider-for {
    padding-bottom: 20px;
}

.slider-nav {
    position: relative;
}

.slick-list {
    position: relative;
    overflow: hidden;
}

.slick-track {

}

.slick-slide {
    float: left;
}

.slider-item-content__detail:active {

}

.slider-item-content__detail:hover {
}

.slide-preview {
    width: 190px;
    height: 142px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.slide-preview:before {
    background: linear-gradient(180deg, rgba(46, 54, 63, 0) 0%, rgba(46, 54, 63, 0.7) 100%), #FFFFFF;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0.3;
}

.slide-preview:hover:before {
    background: linear-gradient(0deg, rgba(237, 28, 36, 0.5), rgba(237, 28, 36, 0.5)), linear-gradient(180deg, rgba(46, 54, 63, 0) 0%, rgba(46, 54, 63, 0.7) 100%), #FFFFFF;
    opacity: 0.7;
}

.slick-current .slide-preview:before {
    background: linear-gradient(0deg, rgba(237, 28, 36, 0.5), rgba(237, 28, 36, 0.5)), linear-gradient(180deg, rgba(46, 54, 63, 0) 0%, rgba(46, 54, 63, 0.7) 100%), #FFFFFF;
    opacity: 0.7;
}

.slide-preview img {
    position: relative;
    z-index: 1;
    max-height: 100%;
    height: auto;
    max-width: none;
}

.slide-preview span {
    position: absolute;
    z-index: 3;
    text-shadow: 0px 0px 2px rgba(46, 54, 63, 0.24);
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
    text-align: center;
    bottom: 10px;
    left: 0;
}

.slick-dots li button:before {
    background: #DAE1E5;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    content: '';
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    background: #E70E07;
    width: 12px;
    height: 12px;
}

.aluminum-advantages {
    display: flex;
    justify-content: space-between;
}

.aluminum-advantages__item {
    width: 24%;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 960px) {
    .aluminum-advantages__item {
        width: 49%;
        display: inline-flex;
        margin: 0 2% 2% 0;
        text-align: left;
    }



    .aluminum-advantages {
        display: block;
    }

    .aluminum-advantages__item img {
        margin-right: 20px;
    }
}

.aluminum-advantages-item__head {
    font-size: 20px;
    text-transform: uppercase;
    color: #2E363F;
    display: block;
}

.aluminum-advantages-item__description {
    color: #505B67;
}

.type-glazing-tabs {
    display: flex;
    list-style: none;
}

.type-glazing-tabs__item strong {
    display: block;
    text-transform: uppercase;
    font-size: 24px;
    color: #7C8C93;
}

.type-glazing-tabs__item span {
    font-size: 16px;
    color: #7C8C93;
}

.type-glazing-tabs__item {
    text-align: center;
    width: 50%;
    background: #F3F5F7;
    height: 108px;
    position: relative;
    border-bottom: 1px solid #A0ACB2;
    z-index: 1;
    color: #7C8C93;
}

.type-glazing-tabs__item.uk-active {
    background: #FFFFFF;
    border-top: 1px solid #A0ACB2;
    border-bottom: none;
    z-index: 2;

}

.type-glazing-tabs__item.uk-active strong {
    color: #E70E07;
}

.type-glazing-tabs__item.uk-active span {
    color: #2E363F;
}

.type-glazing-tabs__item:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background: #F3F5F7;
    border-bottom: 1px solid #A0ACB2;
    border-top: none;
}

.type-glazing-tabs__item:nth-child(1):after {
    right: 100%;
}

.type-glazing-tabs__item:nth-child(2):after {
    left: 100%;
}

.type-glazing-tabs__item.uk-active:after {
    background: #fff;
    border-top: 1px solid #A0ACB2;
    border-bottom: none;
    top: -1px;
}

.type-glazing-tabs__item:nth-child(1) {

}

.type-glazing-tabs__item:nth-child(1):before {
    content: '';
    display: block;
    position: absolute;
    background: url("images/icon/vkladka-element.png");
    width: 35px;
    height: 109px;
    right: 0;
    top: 0;
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.ymaps-2-1-74-balloon-content__header {
    font-weight: normal !important;
}

.modal.show {
    display: flex;
}


.modal,.modal-successfully {
    --modal-color: var(--global-color);
    --modal-background: hsla(0, 0%, 100%, 0.95);
    --modal-width: 500px;
    --modal-padding: var(--global-padding-medium);
    --modal-body-padding: var(--global-margin-medium);
    --modal-body-box-shadow: var(--global-box-shadow-large);
    --modal-body-border-radius: var(--global-border-radius)
}

.modal, .modal__overlay,.modal-successfully {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.modal,.modal-successfully {
    display: none;
    justify-content: center;
    align-items: center;
    padding: var(--modal-padding) var(--modal-body-padding);
    z-index: 1000
}
.modal-successfully.show{
    display: block;
}
.modal__body {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: var(--modal-width);
    padding: var(--modal-body-padding);
    background-color: var(--modal-background);
    z-index: 1;
    border-radius: var(--modal-body-border-radius);
    box-shadow: var(--modal-body-box-shadow);
    -webkit-overflow-scrolling: touch
}

.modal__body__fullscreen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%
}

.modal__overlay {
    background-color: var(--global-background-secondary);
    opacity: .8
}


.type-glazing-tabs__item:nth-child(1).uk-active:before {
    transform: rotate(0);
    right: -10px;
    top: -1px;
}

.type-glazing-tabs__item a {
    padding: 25px 0 0;
    display: block;
    height: 100%;
    box-sizing: border-box;
}

.type-glazing {

}

.type-glazing__content {
    width: 660px;
    padding: 28px 15px 0 43px;
    box-sizing: border-box;
}

.type-glazing__content p {
    margin: 0;
    padding: 0 0 90px 0;
    line-height: 24px;
}

.type-glazing__content-right {
    width: 620px;
    padding: 26px 0 0 3px;
    box-sizing: border-box;
}

@media (max-width: 960px) {
    .type-glazing__content, .type-glazing__content-right {
        width: 50%;

    }

    .type-glazing__content {
        padding-left: 0;
    }
}

.type-glazing-content__head {
    font-size: 16px;
    text-transform: uppercase;
    color: #2E363F;
    padding: 0 0 24px 0;
    display: block;
}

.type-glazing-content__head:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url("images/icon/autofix.svg");
    width: 24px;
    height: 24px;
    margin: 0 19px 0 0;
}

.type-glazing-content__price sup {
    font-size: 14px;
}

.type-glazing-content__price {
    color: #2E363F;
    font-size: 24px;
    padding: 0 0 27px 0;
}

.type-glazing-content__price strong {
    color: #E70E07;
}

.type-glazing-content__consult {

    width: 100%;
    max-width: 505px;
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.type-glazing {
    position: relative;
    overflow: hidden;
    height: 0;

}
.uk-switcher > .type-glazing {
    display: block;
}

.type-glazing.uk-active {
    padding-bottom: 20px;
    height: auto;
    overflow: visible;
}

.type-glazing__flex {
    display: flex;
}

.slider .slick-arrow {
    width: 42px;
    height: 142px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
}

.slider .slick-arrow:before {
    width: 10px;
    height: 10px;
    border: solid 2px #E70E07;
    content: '';
    display: block;
    transform: rotate(45deg);
}

.slider .slick-list {
    z-index: 1;
}

.slider .slick-prev:before {
    border-top: none;
    border-right: none;
}

.slider .slick-prev {
    left: 0;
}

.slider .slick-next:before {
    border-bottom: none;
    border-left: none;
}

.slider .slick-next {
    right: 0;
}

.type-glazing-content__consult {
    line-height: 29px;
    letter-spacing: 0.05em;
}

.type-slide {
    position: relative;
}

.type-slide .slick-arrow {
    background: url("images/icon/mdi_keyboard_arrow_left.svg") no-repeat center;
    width: 48px;
    height: 48px;
    z-index: 2;
}

.type-slide .slick-arrow:before, .aluminum-advantages .slick-arrow:before {
    content: '';
}

.type-slide .slick-list {
    z-index: 1;

}

.type-slide .slick-next {
    right: 0;
    transform: rotate(180deg);
    margin-top: -20px;
}

.type-slide .slick-prev {
    left: 0;
}

.type-slide .slick-dots {
    bottom: 12px;
    z-index: 2;
}

.type-slide .slick-slide {

}

@media (max-width: 960px) {
    .type-slide .slick-slide {
        min-width: auto;
        height: auto;
    }
}


.type-glazing-adv {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}

.type-glazing-adv__item {
    width: 32%;
    height: 136px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 15px;
    box-sizing: border-box;
    align-items: center;
}

.type-glazing-adv__item strong {
    font-size: 20px;
    text-transform: uppercase;
    color: #2E363F;
    width: 200px;
    padding-left: 30px;
}

.palette-list {
}

.palette-list__item {
    display: none;
    justify-content: space-between;
}

.palette-list__item.uk-active {
    display: flex;
}

.wood__colors__grid__1-7 {
    display: grid;
    grid-template-columns: repeat(7, 60px);
    grid-gap: var(--global-margin);
    justify-content: space-between;
}

.wood__colors__box {
    width: 60px;
    height: 60px;
    border-radius: 2px;
}

.wood__colors__box + span {
    font-size: 12px;
}

.palette {
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0;
}

.palette li {
    list-style: none;
}

.palette li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #7C8C93;
    text-decoration: underline;
}

.palette li.uk-active a {
    color: #E70E07;
    text-decoration: none;
    border-bottom: solid 4px #E70E07;
}

.palette-list__head {
    text-transform: uppercase;
    color: #2E363F;
    font-size: 20px;
    padding-bottom: 15px;
}

.palette-list__table {
    width: 43%;
}

.palette-list__img {
    width: 52%;
}

.palette-list-table__big {
    display: flex;
    justify-content: space-between;
}

.accessories-slider .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
    height: inherit;
}

.accessories-slider .slick-track {
    display: flex;
}

.accessories {
    width: 100%;
    max-width: 400px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: auto;
}

.accessories__bg {
    position: relative;
}

.accessories__bg strong {
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-shadow: 0px 0px 2px rgba(46, 54, 63, 0.24);
}

.accessories__description {
    padding: 15px;
}

.accessories__description p {
    font-size: 16px;
    line-height: 24px;
}

.accessories__description strong {
}

.accessories-slider .slick-list {
    padding: 0 5px 20px;
}

.accessories-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 0 50px 0;
}

.accessories-slider .slick-arrow {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    width: 48px;
    height: 48px;
}

.accessories-slider .slick-arrow:before {
    width: 14px;
    height: 14px;
    border: solid 3px #E70E07;
    content: '';
    display: block;
    transform: rotate(45deg);
    margin: auto;
}

.accessories-slider .slick-prev {
    top: auto;
    bottom: -15px;
    left: auto;
    right: 100px;
}

.accessories-slider .slick-prev:before {
    border-top: none;
    border-right: none;
}

.accessories-slider .slick-next {
    right: 15px;
    top: auto;
    bottom: -15px;
}

.accessories-slider .slick-next:before {
    border-bottom: none;
    border-left: none;
}

.accessories-slider .slick-dots {
    bottom: 18px;
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;

}

.slider-item__price {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 2;
    background: #fff;
    width: 338px;
    font-size: 24px;
    height: 85px;
    text-align: center;
    padding: 20px 0 0;
}

.slider-item__price strong {
    color: #E70E07;
    font-size: 40px;
    padding: 0 5px;
}

.our-project__item {
    height: 0;
    position: relative;
    overflow: hidden;
}

.our-project {

}

.our-project__item.uk-active {
    height: auto;
    overflow: initial;
}


@media (min-width: 1260px) {
    .our-project__item .slider-for .slick-slide {
        min-width: 1260px;
    }
}

.our-project__item .slider-nav .slick-track {
    display: flex;
}

.our-project__item .slider-for .slick-track {

}

.our-project__item .slider-for .slick-slide {
}

.our-project__item .slider-nav .slick-slide {
    min-width: 197px;
}

.our-project__item .slider-nav .slick-track {
    min-width: 100%;
}

.our-project__item .slider-for {
    position: relative;
}

.discount {
    background: url("images/banner/get-discount.jpeg");
}

.production {
    background: url("images/banner/sobstv-proizvodstvo-bg.jpeg") no-repeat center;
    height: 1021px;
    background-size: cover;
}

.video {
    position: relative;
    max-width: 1074px;
    margin: 0 auto;
}

.overlay-video {
    background: url("images/icon/play-btn.svg") no-repeat;
    width: 162px;
    height: 162px;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: -80px auto 0;
    top: 50%;
    cursor: pointer;
}

.overlay.none {
    display: none;
}

.working-with {
    display: flex;
    justify-content: space-between;

}

.credit {
    background: url("images/banner/credit.jpeg") no-repeat center;
    height: 773px;
    background-size: cover;
}

.credit h2 {
    color: #fff;
}

.credit-content {
    display: flex;
    justify-content: space-between;
    height: 530px;
}

.credit-content__left {
    width: 40%;
}

.credit-content__right {
    width: 40%;
    position: relative;
}

.credit-item {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

.credit-item img {
    margin-right: 20px;
}

.credit-item__item1 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
}

.credit-item__item2 {
    font-size: 36px;
    color: #fff;
}

.credit .text__left {
    color: rgba(255, 255, 255, 0.8);
}

.window__credit__banks__logos {
    display: flex;
    justify-content: space-between;
}

.credit-bank-title {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}

.card__media__listen video {
    position: relative;
    width: 100%;
    height: 100%;
}

.consult {
    display: flex;
    justify-content: space-between;
}

.consult__item {
    display: flex;
    width: 360px;
    font-size: 20px;
}

.consult__item img {
    margin-right: 20px;
}

.consult-form {
    padding: 40px 0 0;
    grid-template-columns: repeat(2, 1fr);
    width: 700px;
    margin: auto;
}

.grid-color > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}

.our-project-slider img {
    height: initial;
    max-width: initial;
}

.our-project-slider .slick-dots {
    bottom: auto;
    top: 490px;
    right: 240px;
    width: auto;
    z-index: 1;
}

.our-project-slider .slick-arrow {
    z-index: 10;
    background: url('images/icon/mdi_keyboard_arrow_left.svg') no-repeat center;
    width: 48px;
    height: 48px;
    top: 270px;
    bottom: auto;
}

.our-project-slider .slick-arrow:before {
    display: none;
}

.our-project-slider .slick-prev {
    left: auto;
    right: 650px;

}

.our-project-slider .slick-next {
    z-index: 9999;
    right: 35px;
    transform: rotate(180deg);
    margin-top: -20px;
}

.spoiler {
    display: none;
}
.gallery{

}
.project-gallery{
    width: 384px;
    height: 288px;
    display: inline-flex;
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 16px 20px 0;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
}
.hover-block{
    color: #fff;
    opacity: 0;
    z-index: 2;
    position: relative;
    transition: 0.3s;
    text-align: center;
}
.hover-block .name-photo{
    display: block;
    text-transform: uppercase;
    padding: 30px 0 0;
    text-decoration: none;
}

.project-gallery:before{
    opacity: 0;
    transition: 0.3s;
    background: rgba(231,14,7,.8);
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
}
.project-gallery:hover:before,.project-gallery:hover .hover-block{
    opacity: 1;
}
.project-gallery:hover{
    text-decoration: none;
}
.project-gallery-wrap{
    text-align: center;
}
.header {
    background: #fff;
}
.aluminum-door{
    display: block;
}
.aluminum-door:after{
    content: '';
    clear: both;
    display: block;
}

@media (min-width: 960px) {
    .aluminum-door .aluminum-advantages__item{
        height: 188px;
        float: left;
        margin: 0 2.3% 2.3% 0;
        width: 23%;
    }
    .aluminum-door .aluminum-advantages__item:nth-child(4n){
        margin-right: 0;
    }
}
.aluminum-door img{
    max-height: 72px;
    margin-bottom: 15px;
}
.aluminum-door .aluminum-advantages-item__head{
    font-size: 16px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calculate{

}
.calculate__step1{
    padding-bottom: 30px;
}
.calculate__step-head{
    color: #7C8C93;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
.calculate__step-head span.step{
    color:#E70E07;
    font-size: 16px;
    text-transform: none;
    text-decoration: underline;
    display: inline-block;margin-right: 15px;
}
.calculate__step1-wrap{
    display: flex;
    justify-content: space-between;
}
.door-item{
    position: relative;
    width: 23%;
}
.door-item label{
    text-align: center;
    cursor: pointer;
    background: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 40px 20px 20px 20px;
    box-sizing: border-box;
    border: 2px solid #fff;
}
.door-item input[type='radio']{
    position: absolute;
    z-index: 2;
    opacity: 0;
}
input[type='radio']:checked ~ label{
    border: 2px solid #E70E07;
}
.door-item strong{
    display: block;
    color: #2E363F;
    text-transform: uppercase;
    padding: 30px 0 0;
}
.check-pole{
    background: #F3F5F7;
    border-radius: 2px;
    padding: 20px;
}
.check-pole .margin__small__left{
    cursor: pointer;
}
.calculate__step2,.calculate__step3,.calculate__step4,.calculate__step5{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2%;
}
.calculate__step3,.calculate__step5{
    margin-left: -4px;
}
.calculate__step2,.calculate__step4{
    margin-right: 1%;
}
.check-pole .width__medium{
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    width: 49%;
}
.radio_gray-border{
    border: 2px solid #7C8C93;
}
.step-flex{
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
.calculate__step5_form-style{
    display: flex;
    justify-content: space-between;
}
.calculate__step5-bg{
    background: #2E363F;
    border-radius: 2px;
    padding: 15px;
}
.calculate__step5-bg > p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.calculate__step5_form-style input,.calculate__step5_form-style button{
    height: 58px;
    width: 275px;
}
.calculate__step5_form-style p{
    color: #fff;
}
.methods-opening{
    display: flex;
    justify-content: space-between;
}

.methods-opening__item{
    width: 31%;

    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 24px 20px;
    box-sizing: border-box;
    text-align: center;
}
.methods-opening__item-head{
    text-transform: uppercase;
    color: #7C8C93;
    padding: 0 0 20px 0;
}
.methods-opening__item-window{
    max-width: 300px;
    width: 100%;
    margin: 0 auto 30px;
}
.methods-opening__item-window p{
    color: #505B67;
    font-size: 16px;
}
.configurations-sizes{
    display: flex;
    justify-content: space-between;
}
.configurations-sizes__item{
    width: 295px;
    height: 606px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding:15px;
    box-sizing: border-box;
}
.configurations-sizes__item-img{
    margin: -15px -15px 0 -15px;
}
.configurations-sizes__item-img img{
    width: 100%;
}
.configurations-sizes__item-head{
    font-family: Roboto;
    font-size: 17px;
    text-transform: uppercase;
    color: #2E363F;
    display: block;
    padding: 25px 0 13px 0;
}
.configurations-sizes__item-list{
    color: #7C8C93;
    margin: 0;
    list-style: none;
    padding: 0 0 0 9px;
    font-size: 14px;
}
.configurations-sizes__item-list li{
    position: relative;
    padding: 0 0 15px 0;
}
.configurations-sizes__item-list li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: #E70E07;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: -15px;
    top: 8px;
}
.configurations-sizes__item-price{
    color: #2E363F;
    font-size: 24px;
    padding: 4px 0 13px 3px;
    white-space: nowrap;
}
.configurations-sizes__item-price sup{
    font-size: 14px;
}
.palette-list__properties{
    list-style: none;
    padding-left: 0;
}
.palette-list__properties li:before{
    content: '';
    background: url("images/icon/mdi_check.svg") no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.in-set{
    display: flex;
    justify-content: space-between;
    padding: 20px 0 52px 0;
}
.in-set__small_left20{
    padding-left: 20px;
    box-sizing: border-box;
}

.in-set__big_w47{
    width: 47%;
}
.in-set__small_w50{
    width: 50%;
}
.in-set__line{
    width: 120px;
    height: 1px;
    background: #E70E07;
    border: none;
    margin: 50px 0 25px 0;
}
.in-set__big{
    position: relative;
    width: 47%;
}
.in-set__small p:last-of-type{
    margin-bottom: 0;
}
.in-set__small p{
    line-height: 24px;
}
.in-set__big-head{
    position: absolute;
    top: 30px;
    font-size: 36px;
    color: #fff;
    z-index: 2;
    margin: 0;
    font-family: Roboto;
    text-transform: uppercase;
}
.in-set__big-head_left{
    left: 24px;
}
.in-set__big-head_right{
    right: 24px;
}

.in-set__big img{
    position: relative;
    z-index: 1;
}
.in-set__small img{
    margin: 0 6px;
}
.in-set__small_w50{
    width: 53%;
}
.in-set__small_w75{
    width: 75%;
}
.in-set__big_w23{
    width: 23%;
}
.in-set__small_w72 img:first-of-type{
    margin-left: 0;
}
.in-set__small_w72 img:last-of-type{
    margin-right: 0;
}
.aluminum-door .aluminum-advantages__item_width31{
    width: 31.333%;
}
.aluminum-door .aluminum-advantages__item_width31:last-of-type{
    margin-right: 0;
}
.in-set__small_w50 img{
    width: 48%;
    margin: 0 3% 0 0;

}
.in-set__small_w50 img:last-of-type{
    margin-right: 0;
}

.in-set__small_w75 img{
    width: 31.7%;
    margin: 0 2% 0 0;
}
.in-set__small_w50 img:last-of-type,.in-set__small_w75 img:last-of-type{
    margin-right: 0;;
}
.modal-successfully p{
    font-size: 16px;
}
.modal-successfully button{
    margin: auto;
}
.modal-successfully{
    text-align: center;
}
@media (max-width: 1240px) {
    .project-gallery{
        width: 31%;
    }
    .in-set__big-head{
        font-size: 30px;
    }
    .in-set__small_w75 img {
        width: 31.5%;
    }
    .in-set__big_w23{
        width: 26%;
    }
    .in-set__small_w75{
        width: 72%;
    }
}
@media (max-width: 960px) {
    .grid-color span {
        display: none;
    }
    .in-set__big-head{
        font-size: 24px;
    }
    .grid-color > div {
        margin: 0 0 4px 0;
    }

    .palette-list__table {
        width: 46%;
    }

    .our-project-slider .slider__item {
        display: inline;
    }

    .our-project-slider .slider-item-content {
        width: auto;
        display: none;
        position: absolute;
        bottom: 54px;
        background: rgba(46, 54, 63, 0.9);
        color: #fff;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 10px;
    }

    .our-project-slider .slider-item-img {
        width: 100%;
        padding: 0;
    }

    .our-project-slider .slider-item-img img {
        width: 100%;
    }

    .our-project__item .slider-for .slick-slide {

        position: relative;
        display: block;
    }

    .our-project__item .slider-item-content__head {
        color: #fff;
    }

    .spoiler {
        display: flex;
        background: rgba(46, 54, 63, 0.9);
        bottom: 0;
        padding: 0 20px;
        height: 54px;
        align-items: center;
        justify-content: space-between;
    }

    .spoiler-name-object {
        font-size: 20px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .spoiler-name-object__link {
        color: #fff;
        text-decoration: underline;
    }

    .spoiler-name-object__link:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        border-top: solid 2px #fff;
        width: 10px;
        height: 10px;
        border-left: solid 2px #fff;
        transform: rotate(45deg);
        margin: 5px 0 0 10px;
        transition: 0.3s;
    }

    .spoiler.active .spoiler-name-object__link:after {
        transform: rotate(225deg);
    }

    .working-with {
        display: flex;
    }

    .working-with img {
        max-width: 33%;
        justify-content: space-between;
    }

    .credit-content {
        display: block;
        height: auto;
    }

    .credit-content__left, .credit-content__right {
        margin: auto;
        width: 100%;
        max-width: 500px;
    }

    .credit {
        height: auto;
        background-size: cover;
    }

    .consult-section {
        display: none;
    }

    .our-project-slider .slider-nav .slick-dots {
        bottom: -40px;
        right: 0;
        left: 0;
        top: auto;
    }

    .our-project-slider .slider-nav .slick-prev, .our-project-slider .slider-nav .slick-next {
        width: 42px;
        height: 142px;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 2;
        top: 71px;
    }

    .our-project-slider .slider-nav .slick-prev {
        left: 0;
        right: auto;
    }

    .our-project-slider .slider-nav .slick-next {
        right: 0;
        top: 20px;
    }

    .our-project-slider .slider__item {
        padding: 0;
    }

    .palette li {
        padding: 0 15px;
    }
    .project-gallery{
        height: 215px;
    }
    .calculate__step1-wrap{

    }
    .calculate__step1-wrap{
        display: block;
    }
    .calculate__step1-wrap:after{
        display: block;
        clear: both;
        content: '';
    }
    .door-item{
        width: 49%;
        float: left;
        margin: 0 2% 2% 0;
    }
    .door-item strong span{
        display: none;
    }
    .door-item:nth-child(even){
        margin-right: 0;
    }
    .step-flex{
        display: block;
        padding-bottom: 0;
    }
    .calculate__step2, .calculate__step3, .calculate__step4, .calculate__step5{
        width: 100%;
        padding-bottom: 30px;
    }
    .calculate__step3 .check-pole,.calculate__step4 .check-pole,.calculate__step5 .check-pole{
        display: flex;
        align-items: center;
    }

    .check-pole .width__medium{
        position: relative;
        padding-left: 35px;
        width: 280px;

    }
    .calculate-slider .radio{
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
    }
    .check-pole .margin__small__left{
        margin-left: 0 !important;
    }
    .calculate__step2 .check-pole{
        padding-right: 30%;
    }
    .configurations-sizes{
        display: block;
    }
    .configurations-sizes:after{
        content: '';
        display: block;
        clear: both;
    }
    .configurations-sizes__item{
        width: 48%;
        float: left;
        margin: 0 2% 2% 0;
        padding-bottom: 30px;
        height: auto;
    }
    .configurations-sizes__item:nth-child(even){
        margin-right: 0;
    }
    .aluminum-door_tile .aluminum-advantages__item_width31{
        width: 49%;
    }
    .aluminum-door_tile .aluminum-advantages__item{
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .aluminum-door_tile .aluminum-advantages__item:nth-child(1),
    .aluminum-door_tile .aluminum-advantages__item:nth-child(2),
    .aluminum-door_tile .aluminum-advantages__item:nth-child(3){
        width: 31.8%;
    }
    .aluminum-door_tile .aluminum-advantages__item:nth-child(3),
    .aluminum-door_tile .aluminum-advantages__item:nth-child(5),
    .aluminum-door_tile .aluminum-advantages__item:nth-child(7){
        margin: 0 0 0 -4px;
    }
    .aluminum-door_list .aluminum-advantages__item:nth-child(even){
        margin-right: 0;
        margin-left: -4px;
    }
    .aluminum-door img{
        margin-bottom: 0;
    }
    .aluminum-door_tile img{
        margin-right: 0;
    }
    .calculate__step3,.calculate__step5{
        margin-left: 0;
    }
    .calculate__step2,.calculate__step4{
        margin-right: 0;

    }
}

@media (max-width: 768px) {
    .banner__logo__partner {
        display: none;
    }

    .slider .slider-item-img {
        display: none;
    }

    .slider-item-content__description {
        display: none;
    }

    .slide-preview {
        margin: auto;
        width: 320px;
        height: 240px;
    }

    .slider-item-content__head {
        display: none;
    }

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

    .slider-for {
        order: 2;
        position: relative;
        padding: 20px 0;
    }

    .slider-nav {
        order: 1;
    }

    .slider-item-content {
        width: 100%;
    }

    .slider-item-content__price {
        font-size: 18px;
    }

    .slider .slick-arrow {
        width: 20px;
        height: 20px;
        top: auto;
        bottom: -35px;
    }

    .slick-dots li {
        width: 15px;
        height: 15px;
        text-align: center;
    }

    .aluminum-advantages {
        position: relative;
    }

    .aluminum-advantages__item {
        display: block;
        margin: 0;
        text-align: center;
        box-shadow: none;
    }

    .aluminum-advantages__item img {
        margin: 0 0 15px 0;
    }

    .aluminum-advantages-item__description {
        margin: 15px 0 0;
    }

    .aluminum-advantages .slick-arrow, .our-project-slider .slick-arrow,.calculate__step1-wrap .slick-arrow,.methods-opening .slick-arrow {
        position: absolute;
        bottom: -20px;
        top: auto;
        width: 14px;
        height: 14px;
        border: solid 2px #E70E07;
        display: block;
        transform: rotate(45deg);
        z-index: 9;
        content: '';
    }

    .aluminum-advantages .slick-next, .our-project-slider .slick-next,.calculate__step1-wrap .slick-next,.methods-opening .slick-next  {
        right: 20px;
        border-bottom: none;
        border-left: none;
    }

    .aluminum-advantages .slick-prev, .our-project-slider .slick-prev,.calculate__step1-wrap .slick-prev,.methods-opening .slick-prev  {
        left: 20px;
        border-top: none;
        border-right: none;
    }

    .type-glazing-tabs {
        display: block;
        padding: 0;
        margin: 0;
    }

    .type-glazing {
        height: auto;
        overflow: initial;
        display: block;
    }

    .type-glazing.uk-active {
        display: block;
    }

    .type-glazing__content, .type-glazing__content-right {
        width: 100%;
        padding: 0;
    }

    .type-glazing-tabs__item, .type-glazing-tabs__item.uk-active {
        width: 100%;
        background: none;
        border: none;
    }

    .type-glazing-tabs__item:before, .type-glazing-tabs__item.uk-active:before,
    .type-glazing-tabs__item:after, .type-glazing-tabs__item.uk-active:after {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .type-glazing-tabs__item strong {
        font-size: 20px;
    }

    .type-glazing-content__head {
        padding: 0 0 24px 30px;
        position: relative;
    }

    .type-glazing-content__head:before {
        margin: 5px 0 0 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .type-glazing-content__price {
        font-size: 16px;
    }

    .type-glazing__content p {
        padding-bottom: 20px;
    }

    .type-glazing__content-right {
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;
    }

    .type-slide {
        order: 2;
    }

    .tags {
        order: 1;
        margin-bottom: 20px;
    }

    .type-glazing__flex {
        display: block;
        position: relative;
    }

    .type-glazing-content__consult {
        position: absolute;
        bottom: 0;
        line-height: 20px;
        padding: 9px 0;
    }

    .type-glazing-adv {
        display: block;
    }

    .type-glazing-adv__item {
        width: auto;
        height: auto;
        box-shadow: none;
        padding: 0 0 20px 0;
    }

    .type-glazing-adv__item img {
        width: 50px;
    }

    .type-glazing-adv__item strong {
        padding-left: 15px;
    }

    .palette-list {
        display: block;
    }

    .palette-list__item.uk-active, .palette-list__item {
        display: block;
    }

    .palette-list__item {
        padding-bottom: 20px;
    }

    .palette-list__table, .palette-list__img {
        width: auto;
    }

    .sub-head {
        display: none
    }

    .wood__colors__box {
        width: 40px;
        height: 40px;
    }

    .palette-list__head {
        font-size: 16px;
        font-weight: normal;
    }

    .palette-list__img {
        margin: 0 -15px;
    }

    .palette-list-table__big {
        padding-bottom: 40px;
        margin: 0 -15px;
    }

    .palette-list-table__big img {
        width: 48%;
    }

    .palette-list__head {
        font-weight: bold;
        color: #E70E07;
        font-size: 20px;
        padding-bottom: 0;
    }

    .palette {
        display: block;
        padding-left: 0;
    }

    .mobile-hide {
        display: none;
    }

    .type-glazing-tabs__item:nth-child(1):before {
        display: none;
    }

    .type-glazing-tabs__item strong {
        color: #E70E07;
    }

    .accessories-slider {
        margin: 0 -15px;
        width: auto;
        padding-bottom: 0;
    }

    .palette li {
        display: inline-block;
        border-bottom: none;
        padding: 7px 0;
    }

    .palette li a {
        color: #7c8c93;
        padding: .2em .4em;
        border: var(--global-border) solid #7c8c93;
        border-radius: var(--global-border-radius);
        transition: all .3s ease;
        text-decoration: none;

    }

    .palette li.uk-active a {
        color: var(--global-color-inverse);
        border: var(--global-border) solid var(--global-background-primary);
        background-color: var(--global-background-primary);
    }

    .our-project__item .slider-nav .slick-slide {
        min-width: 0;
    }

    .slick-current .slide-preview:before {
        display: none;
    }

    .our-project-slider img {
        width: 100%;
    }

    .our-project-slider .slider-nav .slick-arrow {
        background: none;
        width: 20px;
        height: 20px;
    }

    .our-project-slider .slider-nav .slick-prev, .our-project-slider .slider-nav .slick-next {
        bottom: -40px;
        top: auto;
    }

    .our-project-slider .slider-nav {
        order: 2;
    }

    .our-project-slider .slider-nav .slide-preview {
        display: none;
    }

    .our-project-slider .slider-for {
        order: 1;
    }

    .our-project-slider .slider-item-content {
        display: block;
        position: relative;
    }

    .our-project-slider .slider-item-img {
        display: block;
    }

    .slider-item__price {
        position: relative;
        text-align: center;
        width: 100%;
        top: 0;
        font-size: 16px;
        height: auto;
        padding: 20px 0;
        line-height: normal;
    }

    .spoiler {
        display: none;
    }

    .overlay-video {
        width: 80px;
        height: 80px;
        background-size: contain;
        margin: -40px auto 0
    }

    .production {
        height: auto;
    }

    .working-with {
        display: block;
    }

    .working-with img {
        max-width: 100%;
    }

    .credit h2 {
        line-height: normal;
    }

    .credit-item {
        display: block;
        text-align: center;
    }

    .credit-item img {
        max-width: 48px;
        margin: 0;
    }

    .credit-content__left {
        padding: 40px 0 0;
    }

    .credit-item__item2 {
        font-size: 24px;
    }

    .form {
        padding: 10px;
    }

    .window__credit__banks__logos {
        display: block;
    }

    .credit-bank-title {
        position: relative;
    }

    .window__credit__banks {
        text-align: center;
    }

    .window__credit__banks__logos div:nth-child(1) {
        padding-bottom: 20px;
    }

    .working-with {
        display: block;
    }
    .slider .slick-dots{
        bottom: -25px;
    }
    .project-gallery{
        height: 215px;
        width: 100%;
        max-width: 380px;
    }
    .banner{
        padding: 0 0 24px 0;
    }
    .banner__header{
        padding-top: 24px;
    }
    .calculate-slider .radio{
        left: auto;
        right: 20px;
    }
    .banner__header .text__large{
        color: #2E363F;
    }
    .list.text__uppercase{
        text-transform: none;
    }
    .list__item svg{
        min-width: 24px;
    }
    .calculate__step1-wrap{
        position: relative;
    }
    .door-item{
        margin: 0;
    }
    .calculate__step-head{
        height: 56px;
        background: #FFFFFF;
        border-bottom: solid 1px #DAE1E5;
        margin: 0 -15px;
        text-align: center;
        position: relative;
        color: #2E363F;
        font-weight: bold;
        font-size: 16px;
        padding: 20px 0 0;
        box-sizing: border-box;
    }
    .calculate__step-head span{
        background: #E70E07;
        height: 3px;
        font-size: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .calculate__step1 .calculate__step-head span{
        width: 20%;
    }
    .calculate__step2 .calculate__step-head span{
        width: 40%;
    }
    .calculate__step3 .calculate__step-head span{
        width: 60%;
    }
    .calculate__step4 .calculate__step-head span{
        width: 80%;
    }
    .calculate__step5 .calculate__step-head span{
        width: 100%;
        background: #4DB45E;
    }

    .door-item label{padding: 20px 0 0 0;margin-bottom: 20px;}
    .select-door{
        border: 1px solid #7C8C93;
        box-sizing: border-box;
        border-radius: 62px;
        width: 140px;
        height: 36px;
        margin: 20px auto;
        background: #fff;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #7C8C93;
        font-weight: bold;
        font-size: 14px;
        display: block;
        line-height: 36px;
    }
    .door-item strong{
        color: #7C8C93;
    }
    .calculate__step2 .check-pole{
        padding-right: 0;
        background: none;
    }
    .check-pole .width__medium{
        width: auto;
        padding-left: 0;
        display: block;
        padding-right: 40px;
    }
    .calculate__step3 .check-pole, .calculate__step4 .check-pole, .calculate__step5 .check-pole{
        display: block;
        background: none;
    }
    .calculate__step5_form-style{
        display: block;
        background: none;
    }
    .calculate__step5_form-style p{
        color: #2E363F;
    }
    .methods-opening{
        position: relative;
    }
    .configurations-sizes__item{
        float: none;
        width: auto;
        margin: 0 0 2% 0;
    }
    .uk-switcher>:not(.uk-active){
        display: block;
    }
    .in-set__big img{
        display: none;
    }
    .in-set__small,.in-set__big{
        width: auto;
    }
    .in-set__small_w75 img{
        width: 31%;
    }
    .in-set__small_left20{
        padding-left: 0;
    }
    .in-set__big-head{
        font-size: 20px;
        text-transform: uppercase;
        color: #E70E07;
        position: relative;
        top: 0;
        right: 0;
        padding-bottom: 15px;
    }
    .in-set{
        display: block;
    }
    .change-seats{
        display: flex;
        flex-direction: column;
    }
    .change-seats .in-set__small{
        order: 2;
    }
    .in-set__big-head_left{left: 0px;}
    .change-seats .in-set__big{
        order: 1;
    }
    .in-set__small_w50 img{
        width: 47%;
    }
    .calculate-slider{
        position: relative;
        padding-bottom: 50px;
        z-index: 1;
    }
    .calculate-slider-prev,.calculate-slider-next{
        height: 50px;
        position: absolute;
        bottom: 0;
        width: 50%;
        border: none;
        border-radius: 2px;
        text-align: center;
        line-height: 50px;
        outline: none;
    }

    .calculate-slider-prev{
        background: #F3F5F7;
        left: 0;
    }
    .calculate-slider-next{
        right: 0;
        background: #E70E07;
        color: #fff;
    }
    .calculate__step5_form-style input, .calculate__step5_form-style button{
        width: 100%;
    }
    .calculate__step5_form-style .display__inline__block{
        display: block;
    }
    .check-pole{
        padding: 20px 0;
    }
    .calculate__step2,.calculate__step3,.calculate__step4,.calculate__step5{
        margin-bottom: 0;
    }

}