/* Start:/local/templates/anensa-kozijnen/components/bitrix/news.list/informatin.main/style.css?1675100769150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/anensa-kozijnen/components/bitrix/news.list/gallery-main/style.css?1675100769150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


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

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


html.--is-loading,
html.--is-loading *{
    cursor: wait!important;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

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

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

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

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

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(var(--swiper-navigation-size)/-2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes f-spinner-rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-zoomInUp {
    -webkit-animation: f-zoomInUp .2s ease-out .1s both;
    animation: f-zoomInUp .2s ease-out .1s both
}

.f-zoomOutDown {
    -webkit-animation: f-zoomOutDown .2s ease-out both;
    animation: f-zoomOutDown .2s ease-out both
}

@-webkit-keyframes f-zoomInUp {
    0% {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-throwOutUp {
    -webkit-animation: f-throwOutUp .175s ease-out both;
    animation: f-throwOutUp .175s ease-out both
}

.f-throwOutDown {
    -webkit-animation: f-throwOutDown .175s ease-out both;
    animation: f-throwOutDown .175s ease-out both
}

@-webkit-keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    -webkit-animation: f-fadeIn .2s ease both;
    animation: f-fadeIn .2s ease both;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: f-fadeOut .2s ease both;
    animation: f-fadeOut .2s ease both;
    z-index: 1
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: f-fadeSlowIn .5s ease both;
    animation: f-fadeSlowIn .5s ease both;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: f-fadeSlowOut .5s ease both;
    animation: f-fadeSlowOut .5s ease both;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: f-fadeFastIn .2s ease-out both;
    animation: f-fadeFastIn .2s ease-out both;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: f-fadeFastOut .2s ease-out both;
    animation: f-fadeFastOut .2s ease-out both;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    to {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: f-crossfadeIn .2s ease-out both;
    animation: f-crossfadeIn .2s ease-out both;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: f-crossfadeOut .1s linear .1s both;
    animation: f-crossfadeOut .1s linear .1s both;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: f-slideInNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideInNext .85s cubic-bezier(.16, 1, .3, 1)
}

.f-slideIn.from-prev {
    -webkit-animation: f-slideInPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideInPrev .85s cubic-bezier(.16, 1, .3, 1)
}

.f-slideOut.to-next {
    -webkit-animation: f-slideOutNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideOutNext .85s cubic-bezier(.16, 1, .3, 1)
}

.f-slideOut.to-prev {
    -webkit-animation: f-slideOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideOutPrev .85s cubic-bezier(.16, 1, .3, 1)
}

@-webkit-keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideOutNext {
    to {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    to {
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: f-classicInNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicInNext .85s cubic-bezier(.16, 1, .3, 1);
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: f-classicInPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicInPrev .85s cubic-bezier(.16, 1, .3, 1);
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: f-classicOutNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicOutNext .85s cubic-bezier(.16, 1, .3, 1);
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: f-classicOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicOutNext {
    to {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutNext {
    to {
        transform: translateX(-75px);
        opacity: 0
    }
}

@-webkit-keyframes f-classicOutPrev {
    to {
        transform: translateX(75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    to {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: hsla(0, 0%, 100%, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

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

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:after,
.fancybox__slide:before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: transparent;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    -webkit-filter: blur(0);
    filter: blur(0);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    right: 0;
    bottom: 0
}

.fancybox-ghost,
.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}



.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,
.fancybox__carousel) {
    -webkit-animation: f-fadeIn .25s ease .1s backwards;
    animation: f-fadeIn .25s ease .1s backwards
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: f-fadeIn .35s ease backwards;
    animation: f-fadeIn .35s ease backwards
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,
.fancybox__carousel) {
    -webkit-animation: f-fadeOut .15s ease forwards;
    animation: f-fadeOut .15s ease forwards
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: f-fadeOut .35s ease forwards;
    animation: f-fadeOut .35s ease forwards
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0)*1px);
    width: calc(100% - var(--width, 0)*1px);
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*0.5*(1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
    transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
    -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.is-modern .f-thumbs__slide>* {
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-modern.in-touch .f-thumbs__slide {
    -webkit-filter: none;
    filter: none
}

.is-modern.is-resting .f-thumbs__slide,
.is-modern.is-resting .f-thumbs__slide>* {
    transition: all .33s ease
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: transparent;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none
}

.f-thumbs__slide__button:focus-visible,
.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: f-fadeIn .2s ease-out;
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-hidden {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.selecting-container__bg {
    background: #fbfcfd
}

.selecting-container__bg .wrap {
    background-color: transparent;
    padding: 2em 20px
}

.selecting-container__bg {
    background: #fbfcfd
}

.selecting-container__bg .wrap {
    background-color: transparent;
    padding: 2em 20px
}

.cookie-assept {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%) translateY(200%);
    width: 700px;
    background: #fff;
    z-index: 100;
    padding: 1rem;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .23);
    display: flex;
    gap: 1rem;
    max-width: 100%;
    transition: .3s
}

.cookie-assept-visible {
    transform: translateX(-50%) translateY(0)
}

.cookie-assept-controlls {
    margin-left: auto
}

.cookie-assept-controlls button {
    display: inline-block;
    padding: 10px 1rem;
    font-size: var(--fz-btn);
    font-weight: 700;
    color: var(--color-btn);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: var(--bg-btn);
    border: none;
    border-radius: 5px;
    outline: none
}

.form-box.--has-error .form__input {
    border-color: red
}

.form-box.--has-error .error-message {
    color: red
}

.form-errors-msg {
    display: block;
    margin-bottom: 1rem;
    color: red;
    font-size: 14px
}

.form__title.--has-error .form__input {
    border-color: red
}

.form__title.--has-error .error-message {
    color: red
}

.form-errors-msg {
    display: block;
    margin-bottom: 1rem;
    color: red;
    font-size: 14px
}

.w-table {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-top: 1em;
    width: 100%
}

.w-table td {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 3px
}

.small-calc {
    --padding: 1em;
    max-width: 600px;
    background: #f7f9fa;
    padding: 2em;
    border-radius: 10px;
    margin: 0 auto 1em
}

.small-calc,
.w-label {
    width: 100%;
    box-sizing: border-box
}

.w-label {
    display: flex;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    cursor: pointer
}

.w-label--checked {
    background: #fff;
    border-color: #2fae12
}

.w-label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ddd;
    outline: none
}

.w-label input:checked {
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 1em #2fae12
}

.w-label span {
    width: calc(100% - 30px)
}

@media (max-width:375px) {
    .small-calc {
        --padding: 10px
    }
    .w-label input {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }
    .w-label span {
        width: calc(100% - 26px)
    }
}

.w-calc__title {
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.w-section {
    box-sizing: border-box;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    background: #fff
}

.w-input,
.w-input input,
.w-section {
    width: 100%;
    display: block
}

.w-input input {
    box-sizing: border-box;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    cursor: pointer
}

.w-input input:focus {
    outline: none;
    border: 1px solid #2fae12
}

.w-input span {
    display: block;
    margin-bottom: 3px;
    font-size: 13px
}

.bordered {
    border: 1px solid #ddd;
    display: block;
    padding: 10px
}

.w-table[data-v-4f0a3dc6] {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-top: 1em;
    width: 100%
}

.w-table td[data-v-4f0a3dc6] {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 3px
}

.w-calc[data-v-4f0a3dc6] {
    --padding: 1em;
    max-width: 600px;
    background: #f7f9fa;
    padding: 2em;
    border-radius: 10px;
    margin: 0 auto 1em
}

.w-calc[data-v-4f0a3dc6],
.w-label[data-v-4f0a3dc6] {
    width: 100%;
    box-sizing: border-box
}

.w-label[data-v-4f0a3dc6] {
    display: flex;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    cursor: pointer
}

.w-label--checked[data-v-4f0a3dc6] {
    background: #fff;
    border-color: #2fae12
}

.w-label input[data-v-4f0a3dc6] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ddd;
    outline: none
}

.w-label input[data-v-4f0a3dc6]:checked {
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 1em #2fae12
}

.w-label span[data-v-4f0a3dc6] {
    width: calc(100% - 30px)
}

@media (max-width:375px) {
    .w-calc[data-v-4f0a3dc6] {
        --padding: 10px
    }
    .w-label input[data-v-4f0a3dc6] {
        width: 16px;
        height: 16px;
        margin-right: 5px
    }
    .w-label span[data-v-4f0a3dc6] {
        width: calc(100% - 26px)
    }
}

.w-calc__title[data-v-4f0a3dc6] {
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.w-section[data-v-4f0a3dc6] {
    box-sizing: border-box;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    background: #fff
}

.w-input[data-v-4f0a3dc6],
.w-input input[data-v-4f0a3dc6],
.w-section[data-v-4f0a3dc6] {
    width: 100%;
    display: block
}

.w-input input[data-v-4f0a3dc6] {
    box-sizing: border-box;
    padding: var(--padding);
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 10px;
    cursor: pointer
}

.w-input input[data-v-4f0a3dc6]:focus {
    outline: none;
    border: 1px solid #2fae12
}

.w-input span[data-v-4f0a3dc6] {
    display: block;
    margin-bottom: 3px;
    font-size: 13px
}

.bordered[data-v-4f0a3dc6] {
    border: 1px solid #ddd;
    display: block;
    padding: 10px
}

h1 {
    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
}

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
}

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

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

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

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

.swiper-container-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    right: 10px;
    left: auto
}

.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1;
    content: "next"
}

.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    left: 10px;
    right: auto
}

.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1;
    content: "prev"
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.v-cloak,
[v-cloak] {
    display: block;
    position: relative
}

.v-cloak:before,
[v-cloak]:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.v-cloak>div,
[v-cloak]>div {
    opacity: .2
}

* {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%;
    width: 100%
}

.input,
.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden
}

.clear {
    clear: both
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-cell,
.table-row {
    vertical-align: middle;
    box-sizing: border-box
}

.table-row {
    display: table-row
}

.table-cell.right-cell {
    text-align: right
}

.cf,
.fl,
.grid {
    zoom: 1
}

.cf:after,
.cf:before,
.fl:after,
.fl:before,
.grid:after,
.grid:before {
    content: "";
    display: table
}

.cf:after,
.fl:after,
.grid:after {
    clear: both
}

.fl {
    display: block
}

.fl-left {
    float: left
}

.fl-left,
.fl-right {
    box-sizing: border-box
}

.fl-right {
    float: right
}

.al-left {
    text-align: left !important;
    justify-content: flex-start
}

.al-center {
    text-align: center !important;
    justify-content: center
}

.al-right {
    text-align: right !important;
    justify-content: flex-end
}

.vl-top {
    vertical-align: top;
    align-content: flex-start
}

.vl-middle {
    vertical-align: middle;
    align-content: center
}

.vl-bottom {
    vertical-align: bottom;
    align-content: flex-end
}

.vl-inline {
    vertical-align: left !important;
    align-content: center
}

ul {
    margin-top: 0
}

.upper {
    text-transform: uppercase
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flex-box {
    display: flex;
    flex-flow: row wrap;
    flex-direction: row
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.animated {
    transition: .2s
}

.db {
    display: block
}

.dtc {
    display: table-cell
}

.dib {
    display: inline-block
}

.dn {
    display: none
}

.df {
    display: flex
}

.hidden,
.vh {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden
}

.visible,
.vs {
    visibility: hidden;
    opacity: 1;
    width: auto;
    height: auto;
    position: relative;
    overflow: visible
}

.hide {
    opacity: 0;
    visibility: hidden
}

.show {
    opacity: 1;
    visibility: visible
}

.box {
    display: inline-block;
    box-sizing: border-box;
    padding: 2em;
    position: relative;
    min-height: 200px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(19, 23, 39, .05);
    border-radius: 10px
}

.w33 {
    width: 33.33333%
}

.mgb0 {
    margin-bottom: 0;
    --grid-item-margin-bottom: 0em
}

.mgt0 {
    margin-top: 0
}

.mgb1 {
    margin-bottom: 1em;
    --grid-item-margin-bottom: 1em
}

.mgt1 {
    margin-top: 1em
}

.mgb2 {
    margin-bottom: 2em;
    --grid-item-margin-bottom: 2em
}

.mgt2 {
    margin-top: 2em
}

.mgb3 {
    margin-bottom: 3em;
    --grid-item-margin-bottom: 3em
}

.mgt3 {
    margin-top: 3em
}

.mgb4 {
    margin-bottom: 4em;
    --grid-item-margin-bottom: 4em
}

.mgt4 {
    margin-top: 4em
}

.mgb5 {
    margin-bottom: 5em;
    --grid-item-margin-bottom: 5em
}

.mgt5 {
    margin-top: 5em
}

.mgb6 {
    margin-bottom: 6em;
    --grid-item-margin-bottom: 6em
}

.mgt6 {
    margin-top: 6em
}

.p0 {
    padding: 0
}

.m0 {
    margin: 0
}

@media only screen and (max-width:1200px) {
    .l-p0 {
        padding: 0 !important
    }
    .l-m0 {
        margin: 0 !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p0 {
        padding: 0 !important
    }
    .lm-m0 {
        margin: 0 !important
    }
}

@media only screen and (max-width:910px) {
    .m-p0 {
        padding: 0 !important
    }
    .m-m0 {
        margin: 0 !important
    }
}

@media only screen and (max-width:650px) {
    .s-p0 {
        padding: 0 !important
    }
    .s-m0 {
        margin: 0 !important
    }
}

.p10 {
    padding: 1em 0
}

.m10 {
    margin: 1em 0
}

@media only screen and (max-width:1200px) {
    .l-p10 {
        padding: 1em 0 !important
    }
    .l-m10 {
        margin: 1em 0 !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p10 {
        padding: 1em 0 !important
    }
    .lm-m10 {
        margin: 1em 0 !important
    }
}

@media only screen and (max-width:910px) {
    .m-p10 {
        padding: 1em 0 !important
    }
    .m-m10 {
        margin: 1em 0 !important
    }
}

@media only screen and (max-width:650px) {
    .s-p10 {
        padding: 1em 0 !important
    }
    .s-m10 {
        margin: 1em 0 !important
    }
}

.p01 {
    padding: 0 1em
}

.m01 {
    margin: 0 1em
}

@media only screen and (max-width:1200px) {
    .l-p01 {
        padding: 0 1em !important
    }
    .l-m01 {
        margin: 0 1em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p01 {
        padding: 0 1em !important
    }
    .lm-m01 {
        margin: 0 1em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p01 {
        padding: 0 1em !important
    }
    .m-m01 {
        margin: 0 1em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p01 {
        padding: 0 1em !important
    }
    .s-m01 {
        margin: 0 1em !important
    }
}

.p1 {
    padding: 1em
}

.m1 {
    margin: 1em
}

@media only screen and (max-width:1200px) {
    .l-p1 {
        padding: 1em !important
    }
    .l-m1 {
        margin: 1em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p1 {
        padding: 1em !important
    }
    .lm-m1 {
        margin: 1em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p1 {
        padding: 1em !important
    }
    .m-m1 {
        margin: 1em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p1 {
        padding: 1em !important
    }
    .s-m1 {
        margin: 1em !important
    }
}

.p20 {
    padding: 2em 0
}

.m20 {
    margin: 2em 0
}

@media only screen and (max-width:1200px) {
    .l-p20 {
        padding: 2em 0 !important
    }
    .l-m20 {
        margin: 2em 0 !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p20 {
        padding: 2em 0 !important
    }
    .lm-m20 {
        margin: 2em 0 !important
    }
}

@media only screen and (max-width:910px) {
    .m-p20 {
        padding: 2em 0 !important
    }
    .m-m20 {
        margin: 2em 0 !important
    }
}

@media only screen and (max-width:650px) {
    .s-p20 {
        padding: 2em 0 !important
    }
    .s-m20 {
        margin: 2em 0 !important
    }
}

.p02 {
    padding: 0 2em
}

.m02 {
    margin: 0 2em
}

@media only screen and (max-width:1200px) {
    .l-p02 {
        padding: 0 2em !important
    }
    .l-m02 {
        margin: 0 2em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p02 {
        padding: 0 2em !important
    }
    .lm-m02 {
        margin: 0 2em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p02 {
        padding: 0 2em !important
    }
    .m-m02 {
        margin: 0 2em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p02 {
        padding: 0 2em !important
    }
    .s-m02 {
        margin: 0 2em !important
    }
}

.p2 {
    padding: 2em
}

.m2 {
    margin: 2em
}

@media only screen and (max-width:1200px) {
    .l-p2 {
        padding: 2em !important
    }
    .l-m2 {
        margin: 2em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p2 {
        padding: 2em !important
    }
    .lm-m2 {
        margin: 2em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p2 {
        padding: 2em !important
    }
    .m-m2 {
        margin: 2em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p2 {
        padding: 2em !important
    }
    .s-m2 {
        margin: 2em !important
    }
}

.p30 {
    padding: 3em 0
}

.m30 {
    margin: 3em 0
}

@media only screen and (max-width:1200px) {
    .l-p30 {
        padding: 3em 0 !important
    }
    .l-m30 {
        margin: 3em 0 !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p30 {
        padding: 3em 0 !important
    }
    .lm-m30 {
        margin: 3em 0 !important
    }
}

@media only screen and (max-width:910px) {
    .m-p30 {
        padding: 3em 0 !important
    }
    .m-m30 {
        margin: 3em 0 !important
    }
}

@media only screen and (max-width:650px) {
    .s-p30 {
        padding: 3em 0 !important
    }
    .s-m30 {
        margin: 3em 0 !important
    }
}

.p03 {
    padding: 0 3em
}

.m03 {
    margin: 0 3em
}

@media only screen and (max-width:1200px) {
    .l-p03 {
        padding: 0 3em !important
    }
    .l-m03 {
        margin: 0 3em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p03 {
        padding: 0 3em !important
    }
    .lm-m03 {
        margin: 0 3em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p03 {
        padding: 0 3em !important
    }
    .m-m03 {
        margin: 0 3em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p03 {
        padding: 0 3em !important
    }
    .s-m03 {
        margin: 0 3em !important
    }
}

.p3 {
    padding: 3em
}

.m3 {
    margin: 3em
}

@media only screen and (max-width:1200px) {
    .l-p3 {
        padding: 3em !important
    }
    .l-m3 {
        margin: 3em !important
    }
}

@media only screen and (max-width:980px) {
    .lm-p3 {
        padding: 3em !important
    }
    .lm-m3 {
        margin: 3em !important
    }
}

@media only screen and (max-width:910px) {
    .m-p3 {
        padding: 3em !important
    }
    .m-m3 {
        margin: 3em !important
    }
}

@media only screen and (max-width:650px) {
    .s-p3 {
        padding: 3em !important
    }
    .s-m3 {
        margin: 3em !important
    }
}

.of-lines {
    --size: 3;
    display: -webkit-box;
    -webkit-line-clamp: var(--size);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.scroll-x {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.scroll-x::-webkit-scrollbar {
    height: 10px;
    cursor: pointer;
    background-color: var(--color-bg-light);
    border-radius: 5px
}

.scroll-x::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: var(--color-font);
    border-radius: 5px;
    cursor: pointer
}

.scroll-x .scroll-item {
    display: inline-block
}

.scroll-x .scroll-item:last-child {
    margin-right: 0 !important
}

.inline-items {
    display: block !important;
    margin: 0 !important
}

.inline-items .flex-item,
.inline-items .grid-item,
.inline-items .inline-item {
    min-width: auto;
    padding: 0;
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: auto;
    margin-bottom: 5px
}

.hide-on-l,
.hide-on-lm,
.hide-on-m,
.hide-on-s {
    display: none
}

@media only screen and (max-width:1200px) {
    .l-inline-items {
        display: block !important;
        margin: 0 !important
    }
    .l-inline-items .flex-item,
    .l-inline-items .grid-item,
    .l-inline-items .inline-item {
        min-width: auto;
        padding: 0;
        margin-left: 0;
        margin-right: 10px;
        display: inline-block;
        width: auto
    }
    .l-scroll-x,
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .l-scroll-x::-webkit-scrollbar,
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .l-scroll-x::-webkit-scrollbar-thumb,
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .l-scroll-x .flex-item,
    .l-scroll-x .grid-item,
    .l-scroll-x .scroll-item,
    .scroll-x .flex-item,
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
}

@media only screen and (max-width:980px) {
    .lm-inline-items {
        display: block !important;
        margin: 0 !important
    }
    .lm-inline-items .flex-item,
    .lm-inline-items .grid-item,
    .lm-inline-items .inline-item {
        min-width: auto;
        padding: 0;
        margin-left: 0;
        margin-right: 10px;
        display: inline-block;
        width: auto
    }
    .lm-scroll-x,
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .lm-scroll-x::-webkit-scrollbar,
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .lm-scroll-x::-webkit-scrollbar-thumb,
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .lm-scroll-x .flex-item,
    .lm-scroll-x .grid-item,
    .lm-scroll-x .scroll-item,
    .scroll-x .flex-item,
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
}

@media only screen and (max-width:910px) {
    .m-inline-items {
        display: block !important;
        margin: 0 !important
    }
    .m-inline-items .flex-item,
    .m-inline-items .grid-item,
    .m-inline-items .inline-item {
        min-width: auto;
        padding: 0;
        margin-left: 0;
        margin-right: 10px;
        display: inline-block;
        width: auto
    }
    .m-scroll-x,
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .m-scroll-x::-webkit-scrollbar,
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .m-scroll-x::-webkit-scrollbar-thumb,
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .m-scroll-x .flex-item,
    .m-scroll-x .grid-item,
    .m-scroll-x .scroll-item,
    .scroll-x .flex-item,
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
}

@media only screen and (max-width:650px) {
    .s-inline-items {
        display: block !important;
        margin: 0 !important
    }
    .s-inline-items .flex-item,
    .s-inline-items .grid-item,
    .s-inline-items .inline-item {
        min-width: auto;
        padding: 0;
        margin-left: 0;
        margin-right: 10px;
        display: inline-block;
        width: auto
    }
    .s-scroll-x,
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .s-scroll-x::-webkit-scrollbar,
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .s-scroll-x::-webkit-scrollbar-thumb,
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .s-scroll-x .flex-item,
    .s-scroll-x .grid-item,
    .s-scroll-x .scroll-item,
    .scroll-x .flex-item,
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
}

.of-0-lines {
    --size: 0
}

.of-1-lines {
    --size: 1
}

.of-2-lines {
    --size: 2
}

.of-3-lines {
    --size: 3
}

.of-4-lines {
    --size: 4
}

.of-5-lines {
    --size: 5
}

.flex-item,
.grid-item {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    width: calc(100%/var(--grid-size));
    align-content: start;
    padding: 0 calc(var(--grid-space)/2);
    margin-bottom: 1em
}

.flex-1,
.flex-2,
.flex-3,
.flex-4,
.flex-5,
.flex-6,
.flex-7,
.flex-8,
.flex-10,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-10 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    display: flex;
    flex-wrap: wrap
}

.flex-1,
.grid-1 {
    margin-left: 0;
    margin-right: 0
}

.flex-10,
.grid-10 {
    --grid-size: 10
}

.flex-8,
.grid-8 {
    --grid-size: 8
}

.flex-7,
.grid-7 {
    --grid-size: 7
}

.flex-6,
.grid-6 {
    --grid-size: 6
}

.flex-5,
.grid-5 {
    --grid-size: 5
}

.flex-4,
.grid-4 {
    --grid-size: 4
}

.flex-3,
.grid-3 {
    --grid-size: 3
}

.flex-2,
.grid-2 {
    --grid-size: 2
}

.flex-1,
.grid-1 {
    --grid-size: 1;
    --grid-space: 0px !important
}

@media only screen and (max-width:1200px) {
    .l-grid-10>.grid-item,
    l-flex-10>.flex-item {
        --grid-size: 10
    }
    .l-grid-8>.grid-item,
    l-flex-8>.flex-item {
        --grid-size: 8
    }
    .l-grid-7>.grid-item,
    l-flex-7>.flex-item {
        --grid-size: 7
    }
    .l-grid-6>.grid-item,
    l-flex-6>.flex-item {
        --grid-size: 6
    }
    .l-grid-5>.grid-item,
    l-flex-5>.flex-item {
        --grid-size: 5
    }
    .l-grid-4>.grid-item,
    l-flex-4>.flex-item {
        --grid-size: 4
    }
    .l-grid-3>.grid-item,
    l-flex-3>.flex-item {
        --grid-size: 3
    }
    .l-grid-2>.grid-item,
    l-flex-2>.flex-item {
        --grid-size: 2
    }
    .l-grid-1>.grid-item,
    l-flex-1>.flex-item {
        --grid-size: 1
    }
    .l-flex-1,
    .l-grid-1 {
        --grid-space: 0px !important
    }
    .l-al-left {
        justify-content: flex-start
    }
    .l-al-center {
        justify-content: center
    }
    .l-al-right {
        justify-content: flex-end
    }
    .l-vl-top {
        vertical-align: top;
        align-content: flex-start
    }
    .l-vl-middle {
        vertical-align: middle;
        align-content: center
    }
    .l-vl-bottom {
        vertical-align: bottom;
        align-content: flex-end
    }
    .l-vl-inline {
        vertical-align: left !important;
        align-content: center
    }
    .flex-item.m-w10,
    .grid-item.m-w10,
    .l-w10 {
        width: 10%
    }
    .l-h10 {
        height: 10%
    }
    .flex-item.m-w15,
    .grid-item.m-w15,
    .l-w15 {
        width: 15%
    }
    .l-h15 {
        height: 15%
    }
    .flex-item.m-w20,
    .grid-item.m-w20,
    .l-w20 {
        width: 20%
    }
    .l-h20 {
        height: 20%
    }
    .flex-item.m-w25,
    .grid-item.m-w25,
    .l-w25 {
        width: 25%
    }
    .l-h25 {
        height: 25%
    }
    .flex-item.m-w30,
    .grid-item.m-w30,
    .l-w30 {
        width: 30%
    }
    .l-h30 {
        height: 30%
    }
    .flex-item.m-w35,
    .grid-item.m-w35,
    .l-w35 {
        width: 35%
    }
    .l-h35 {
        height: 35%
    }
    .flex-item.m-w40,
    .grid-item.m-w40,
    .l-w40 {
        width: 40%
    }
    .l-h40 {
        height: 40%
    }
    .flex-item.m-w45,
    .grid-item.m-w45,
    .l-w45 {
        width: 45%
    }
    .l-h45 {
        height: 45%
    }
    .flex-item.m-w50,
    .grid-item.m-w50,
    .l-w50 {
        width: 50%
    }
    .l-h50 {
        height: 50%
    }
    .flex-item.m-w55,
    .grid-item.m-w55,
    .l-w55 {
        width: 55%
    }
    .l-h55 {
        height: 55%
    }
    .flex-item.m-w60,
    .grid-item.m-w60,
    .l-w60 {
        width: 60%
    }
    .l-h60 {
        height: 60%
    }
    .flex-item.m-w65,
    .grid-item.m-w65,
    .l-w65 {
        width: 65%
    }
    .l-h65 {
        height: 65%
    }
    .flex-item.m-w70,
    .grid-item.m-w70,
    .l-w70 {
        width: 70%
    }
    .l-h70 {
        height: 70%
    }
    .flex-item.m-w75,
    .grid-item.m-w75,
    .l-w75 {
        width: 75%
    }
    .l-h75 {
        height: 75%
    }
    .flex-item.m-w80,
    .grid-item.m-w80,
    .l-w80 {
        width: 80%
    }
    .l-h80 {
        height: 80%
    }
    .flex-item.m-w85,
    .grid-item.m-w85,
    .l-w85 {
        width: 85%
    }
    .l-h85 {
        height: 85%
    }
    .flex-item.m-w90,
    .grid-item.m-w90,
    .l-w90 {
        width: 90%
    }
    .l-h90 {
        height: 90%
    }
    .flex-item.m-w95,
    .grid-item.m-w95,
    .l-w95 {
        width: 95%
    }
    .l-h95 {
        height: 95%
    }
    .flex-item.m-w100,
    .grid-item.m-w100,
    .l-w100 {
        width: 100%
    }
    .l-h100 {
        height: 100%
    }
    .l-dn {
        display: none !important
    }
    .l-db {
        display: block !important
    }
    .l-dib {
        display: inline-block !important
    }
    .l-df {
        display: flex
    }
    .l-al-left {
        text-align: left !important
    }
    .l-al-center {
        text-align: center !important
    }
    .l-al-right {
        text-align: right !important
    }
    .l-vl-top {
        vertical-align: top !important
    }
    .l-vl-middle {
        vertical-align: middle !important
    }
    .l-vl-bottom {
        vertical-align: bottom !important
    }
    .l-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .l-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .l-mgb0 {
        margin-bottom: 0 !important
    }
    .l-mgt0 {
        margin-top: 0 !important
    }
    .l-mgb1 {
        margin-bottom: 1em !important
    }
    .l-mgt1 {
        margin-top: 1em !important
    }
    .l-mgb2 {
        margin-bottom: 2em !important
    }
    .l-mgt2 {
        margin-top: 2em !important
    }
    .l-mgb3 {
        margin-bottom: 3em !important
    }
    .l-mgt3 {
        margin-top: 3em !important
    }
    .l-mgb4 {
        margin-bottom: 4em !important
    }
    .l-mgt4 {
        margin-top: 4em !important
    }
    .l-mgb5 {
        margin-bottom: 5em !important
    }
    .l-mgt5 {
        margin-top: 5em !important
    }
    .l-mgb6 {
        margin-bottom: 6em !important
    }
    .l-mgt6 {
        margin-top: 6em !important
    }
    .l-of-0-lines {
        --size: 0
    }
    .l-of-1-lines {
        --size: 1
    }
    .l-of-2-lines {
        --size: 2
    }
    .l-of-3-lines {
        --size: 3
    }
    .l-of-4-lines {
        --size: 4
    }
    .l-of-5-lines {
        --size: 5
    }
}

@media only screen and (max-width:980px) {
    .lm-grid-10>.grid-item,
    lm-flex-10>.flex-item {
        --grid-size: 10
    }
    .lm-grid-8>.grid-item,
    lm-flex-8>.flex-item {
        --grid-size: 8
    }
    .lm-grid-7>.grid-item,
    lm-flex-7>.flex-item {
        --grid-size: 7
    }
    .lm-grid-6>.grid-item,
    lm-flex-6>.flex-item {
        --grid-size: 6
    }
    .lm-grid-5>.grid-item,
    lm-flex-5>.flex-item {
        --grid-size: 5
    }
    .lm-grid-4>.grid-item,
    lm-flex-4>.flex-item {
        --grid-size: 4
    }
    .lm-grid-3>.grid-item,
    lm-flex-3>.flex-item {
        --grid-size: 3
    }
    .lm-grid-2>.grid-item,
    lm-flex-2>.flex-item {
        --grid-size: 2
    }
    .lm-grid-1>.grid-item,
    lm-flex-1>.flex-item {
        --grid-size: 1
    }
    .lm-flex-1,
    .lm-grid-1 {
        --grid-space: 0px !important
    }
    .lm-al-left {
        justify-content: flex-start
    }
    .lm-al-center {
        justify-content: center
    }
    .lm-al-right {
        justify-content: flex-end
    }
    .lm-vl-top {
        vertical-align: top;
        align-content: flex-start
    }
    .lm-vl-middle {
        vertical-align: middle;
        align-content: center
    }
    .lm-vl-bottom {
        vertical-align: bottom;
        align-content: flex-end
    }
    .lm-vl-inline {
        vertical-align: left !important;
        align-content: center
    }
    .flex-item.m-w10,
    .grid-item.m-w10,
    .lm-w10 {
        width: 10%
    }
    .lm-h10 {
        height: 10%
    }
    .flex-item.m-w15,
    .grid-item.m-w15,
    .lm-w15 {
        width: 15%
    }
    .lm-h15 {
        height: 15%
    }
    .flex-item.m-w20,
    .grid-item.m-w20,
    .lm-w20 {
        width: 20%
    }
    .lm-h20 {
        height: 20%
    }
    .flex-item.m-w25,
    .grid-item.m-w25,
    .lm-w25 {
        width: 25%
    }
    .lm-h25 {
        height: 25%
    }
    .flex-item.m-w30,
    .grid-item.m-w30,
    .lm-w30 {
        width: 30%
    }
    .lm-h30 {
        height: 30%
    }
    .flex-item.m-w35,
    .grid-item.m-w35,
    .lm-w35 {
        width: 35%
    }
    .lm-h35 {
        height: 35%
    }
    .flex-item.m-w40,
    .grid-item.m-w40,
    .lm-w40 {
        width: 40%
    }
    .lm-h40 {
        height: 40%
    }
    .flex-item.m-w45,
    .grid-item.m-w45,
    .lm-w45 {
        width: 45%
    }
    .lm-h45 {
        height: 45%
    }
    .flex-item.m-w50,
    .grid-item.m-w50,
    .lm-w50 {
        width: 50%
    }
    .lm-h50 {
        height: 50%
    }
    .flex-item.m-w55,
    .grid-item.m-w55,
    .lm-w55 {
        width: 55%
    }
    .lm-h55 {
        height: 55%
    }
    .flex-item.m-w60,
    .grid-item.m-w60,
    .lm-w60 {
        width: 60%
    }
    .lm-h60 {
        height: 60%
    }
    .flex-item.m-w65,
    .grid-item.m-w65,
    .lm-w65 {
        width: 65%
    }
    .lm-h65 {
        height: 65%
    }
    .flex-item.m-w70,
    .grid-item.m-w70,
    .lm-w70 {
        width: 70%
    }
    .lm-h70 {
        height: 70%
    }
    .flex-item.m-w75,
    .grid-item.m-w75,
    .lm-w75 {
        width: 75%
    }
    .lm-h75 {
        height: 75%
    }
    .flex-item.m-w80,
    .grid-item.m-w80,
    .lm-w80 {
        width: 80%
    }
    .lm-h80 {
        height: 80%
    }
    .flex-item.m-w85,
    .grid-item.m-w85,
    .lm-w85 {
        width: 85%
    }
    .lm-h85 {
        height: 85%
    }
    .flex-item.m-w90,
    .grid-item.m-w90,
    .lm-w90 {
        width: 90%
    }
    .lm-h90 {
        height: 90%
    }
    .flex-item.m-w95,
    .grid-item.m-w95,
    .lm-w95 {
        width: 95%
    }
    .lm-h95 {
        height: 95%
    }
    .flex-item.m-w100,
    .grid-item.m-w100,
    .lm-w100 {
        width: 100%
    }
    .lm-h100 {
        height: 100%
    }
    .lm-dn {
        display: none !important
    }
    .lm-db {
        display: block !important
    }
    .lm-dib {
        display: inline-block !important
    }
    .lm-df {
        display: flex
    }
    .lm-al-left {
        text-align: left !important
    }
    .lm-al-center {
        text-align: center !important
    }
    .lm-al-right {
        text-align: right !important
    }
    .lm-vl-top {
        vertical-align: top !important
    }
    .lm-vl-middle {
        vertical-align: middle !important
    }
    .lm-vl-bottom {
        vertical-align: bottom !important
    }
    .lm-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .lm-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .lm-mgb0 {
        margin-bottom: 0 !important
    }
    .lm-mgt0 {
        margin-top: 0 !important
    }
    .lm-mgb1 {
        margin-bottom: 1em !important
    }
    .lm-mgt1 {
        margin-top: 1em !important
    }
    .lm-mgb2 {
        margin-bottom: 2em !important
    }
    .lm-mgt2 {
        margin-top: 2em !important
    }
    .lm-mgb3 {
        margin-bottom: 3em !important
    }
    .lm-mgt3 {
        margin-top: 3em !important
    }
    .lm-mgb4 {
        margin-bottom: 4em !important
    }
    .lm-mgt4 {
        margin-top: 4em !important
    }
    .lm-mgb5 {
        margin-bottom: 5em !important
    }
    .lm-mgt5 {
        margin-top: 5em !important
    }
    .lm-mgb6 {
        margin-bottom: 6em !important
    }
    .lm-mgt6 {
        margin-top: 6em !important
    }
    .lm-of-0-lines {
        --size: 0
    }
    .lm-of-1-lines {
        --size: 1
    }
    .lm-of-2-lines {
        --size: 2
    }
    .lm-of-3-lines {
        --size: 3
    }
    .lm-of-4-lines {
        --size: 4
    }
    .lm-of-5-lines {
        --size: 5
    }
}

@media only screen and (max-width:910px) {
    .m-grid-10>.grid-item,
    m-flex-10>.flex-item {
        --grid-size: 10
    }
    .m-grid-8>.grid-item,
    m-flex-8>.flex-item {
        --grid-size: 8
    }
    .m-grid-7>.grid-item,
    m-flex-7>.flex-item {
        --grid-size: 7
    }
    .m-grid-6>.grid-item,
    m-flex-6>.flex-item {
        --grid-size: 6
    }
    .m-grid-5>.grid-item,
    m-flex-5>.flex-item {
        --grid-size: 5
    }
    .m-grid-4>.grid-item,
    m-flex-4>.flex-item {
        --grid-size: 4
    }
    .m-grid-3>.grid-item,
    m-flex-3>.flex-item {
        --grid-size: 3
    }
    .m-grid-2>.grid-item,
    m-flex-2>.flex-item {
        --grid-size: 2
    }
    .m-grid-1>.grid-item,
    m-flex-1>.flex-item {
        --grid-size: 1
    }
    .m-flex-1,
    .m-grid-1 {
        --grid-space: 0px !important
    }
    .m-al-left {
        justify-content: flex-start
    }
    .m-al-center {
        justify-content: center
    }
    .m-al-right {
        justify-content: flex-end
    }
    .m-vl-top {
        vertical-align: top;
        align-content: flex-start
    }
    .m-vl-middle {
        vertical-align: middle;
        align-content: center
    }
    .m-vl-bottom {
        vertical-align: bottom;
        align-content: flex-end
    }
    .m-vl-inline {
        vertical-align: left !important;
        align-content: center
    }
    .flex-item.m-w10,
    .grid-item.m-w10,
    .m-w10 {
        width: 10%
    }
    .m-h10 {
        height: 10%
    }
    .flex-item.m-w15,
    .grid-item.m-w15,
    .m-w15 {
        width: 15%
    }
    .m-h15 {
        height: 15%
    }
    .flex-item.m-w20,
    .grid-item.m-w20,
    .m-w20 {
        width: 20%
    }
    .m-h20 {
        height: 20%
    }
    .flex-item.m-w25,
    .grid-item.m-w25,
    .m-w25 {
        width: 25%
    }
    .m-h25 {
        height: 25%
    }
    .flex-item.m-w30,
    .grid-item.m-w30,
    .m-w30 {
        width: 30%
    }
    .m-h30 {
        height: 30%
    }
    .flex-item.m-w35,
    .grid-item.m-w35,
    .m-w35 {
        width: 35%
    }
    .m-h35 {
        height: 35%
    }
    .flex-item.m-w40,
    .grid-item.m-w40,
    .m-w40 {
        width: 40%
    }
    .m-h40 {
        height: 40%
    }
    .flex-item.m-w45,
    .grid-item.m-w45,
    .m-w45 {
        width: 45%
    }
    .m-h45 {
        height: 45%
    }
    .flex-item.m-w50,
    .grid-item.m-w50,
    .m-w50 {
        width: 50%
    }
    .m-h50 {
        height: 50%
    }
    .flex-item.m-w55,
    .grid-item.m-w55,
    .m-w55 {
        width: 55%
    }
    .m-h55 {
        height: 55%
    }
    .flex-item.m-w60,
    .grid-item.m-w60,
    .m-w60 {
        width: 60%
    }
    .m-h60 {
        height: 60%
    }
    .flex-item.m-w65,
    .grid-item.m-w65,
    .m-w65 {
        width: 65%
    }
    .m-h65 {
        height: 65%
    }
    .flex-item.m-w70,
    .grid-item.m-w70,
    .m-w70 {
        width: 70%
    }
    .m-h70 {
        height: 70%
    }
    .flex-item.m-w75,
    .grid-item.m-w75,
    .m-w75 {
        width: 75%
    }
    .m-h75 {
        height: 75%
    }
    .flex-item.m-w80,
    .grid-item.m-w80,
    .m-w80 {
        width: 80%
    }
    .m-h80 {
        height: 80%
    }
    .flex-item.m-w85,
    .grid-item.m-w85,
    .m-w85 {
        width: 85%
    }
    .m-h85 {
        height: 85%
    }
    .flex-item.m-w90,
    .grid-item.m-w90,
    .m-w90 {
        width: 90%
    }
    .m-h90 {
        height: 90%
    }
    .flex-item.m-w95,
    .grid-item.m-w95,
    .m-w95 {
        width: 95%
    }
    .m-h95 {
        height: 95%
    }
    .flex-item.m-w100,
    .grid-item.m-w100,
    .m-w100 {
        width: 100%
    }
    .m-h100 {
        height: 100%
    }
    .m-dn {
        display: none !important
    }
    .m-db {
        display: block !important
    }
    .m-dib {
        display: inline-block !important
    }
    .m-df {
        display: flex
    }
    .m-al-left {
        text-align: left !important
    }
    .m-al-center {
        text-align: center !important
    }
    .m-al-right {
        text-align: right !important
    }
    .m-vl-top {
        vertical-align: top !important
    }
    .m-vl-middle {
        vertical-align: middle !important
    }
    .m-vl-bottom {
        vertical-align: bottom !important
    }
    .m-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .m-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .m-mgb0 {
        margin-bottom: 0 !important
    }
    .m-mgt0 {
        margin-top: 0 !important
    }
    .m-mgb1 {
        margin-bottom: 1em !important
    }
    .m-mgt1 {
        margin-top: 1em !important
    }
    .m-mgb2 {
        margin-bottom: 2em !important
    }
    .m-mgt2 {
        margin-top: 2em !important
    }
    .m-mgb3 {
        margin-bottom: 3em !important
    }
    .m-mgt3 {
        margin-top: 3em !important
    }
    .m-mgb4 {
        margin-bottom: 4em !important
    }
    .m-mgt4 {
        margin-top: 4em !important
    }
    .m-mgb5 {
        margin-bottom: 5em !important
    }
    .m-mgt5 {
        margin-top: 5em !important
    }
    .m-mgb6 {
        margin-bottom: 6em !important
    }
    .m-mgt6 {
        margin-top: 6em !important
    }
    .m-of-0-lines {
        --size: 0
    }
    .m-of-1-lines {
        --size: 1
    }
    .m-of-2-lines {
        --size: 2
    }
    .m-of-3-lines {
        --size: 3
    }
    .m-of-4-lines {
        --size: 4
    }
    .m-of-5-lines {
        --size: 5
    }
}

@media only screen and (max-width:650px) {
    .s-grid-10>.grid-item,
    s-flex-10>.flex-item {
        --grid-size: 10
    }
    .s-grid-8>.grid-item,
    s-flex-8>.flex-item {
        --grid-size: 8
    }
    .s-grid-7>.grid-item,
    s-flex-7>.flex-item {
        --grid-size: 7
    }
    .s-grid-6>.grid-item,
    s-flex-6>.flex-item {
        --grid-size: 6
    }
    .s-grid-5>.grid-item,
    s-flex-5>.flex-item {
        --grid-size: 5
    }
    .s-grid-4>.grid-item,
    s-flex-4>.flex-item {
        --grid-size: 4
    }
    .s-grid-3>.grid-item,
    s-flex-3>.flex-item {
        --grid-size: 3
    }
    .s-grid-2>.grid-item,
    s-flex-2>.flex-item {
        --grid-size: 2
    }
    .s-grid-1>.grid-item,
    s-flex-1>.flex-item {
        --grid-size: 1
    }
    .s-flex-1,
    .s-grid-1 {
        --grid-space: 0px !important
    }
    .s-al-left {
        justify-content: flex-start
    }
    .s-al-center {
        justify-content: center
    }
    .s-al-right {
        justify-content: flex-end
    }
    .s-vl-top {
        vertical-align: top;
        align-content: flex-start
    }
    .s-vl-middle {
        vertical-align: middle;
        align-content: center
    }
    .s-vl-bottom {
        vertical-align: bottom;
        align-content: flex-end
    }
    .s-vl-inline {
        vertical-align: left !important;
        align-content: center
    }
    .flex-item.m-w10,
    .grid-item.m-w10,
    .s-w10 {
        width: 10%
    }
    .s-h10 {
        height: 10%
    }
    .flex-item.m-w15,
    .grid-item.m-w15,
    .s-w15 {
        width: 15%
    }
    .s-h15 {
        height: 15%
    }
    .flex-item.m-w20,
    .grid-item.m-w20,
    .s-w20 {
        width: 20%
    }
    .s-h20 {
        height: 20%
    }
    .flex-item.m-w25,
    .grid-item.m-w25,
    .s-w25 {
        width: 25%
    }
    .s-h25 {
        height: 25%
    }
    .flex-item.m-w30,
    .grid-item.m-w30,
    .s-w30 {
        width: 30%
    }
    .s-h30 {
        height: 30%
    }
    .flex-item.m-w35,
    .grid-item.m-w35,
    .s-w35 {
        width: 35%
    }
    .s-h35 {
        height: 35%
    }
    .flex-item.m-w40,
    .grid-item.m-w40,
    .s-w40 {
        width: 40%
    }
    .s-h40 {
        height: 40%
    }
    .flex-item.m-w45,
    .grid-item.m-w45,
    .s-w45 {
        width: 45%
    }
    .s-h45 {
        height: 45%
    }
    .flex-item.m-w50,
    .grid-item.m-w50,
    .s-w50 {
        width: 50%
    }
    .s-h50 {
        height: 50%
    }
    .flex-item.m-w55,
    .grid-item.m-w55,
    .s-w55 {
        width: 55%
    }
    .s-h55 {
        height: 55%
    }
    .flex-item.m-w60,
    .grid-item.m-w60,
    .s-w60 {
        width: 60%
    }
    .s-h60 {
        height: 60%
    }
    .flex-item.m-w65,
    .grid-item.m-w65,
    .s-w65 {
        width: 65%
    }
    .s-h65 {
        height: 65%
    }
    .flex-item.m-w70,
    .grid-item.m-w70,
    .s-w70 {
        width: 70%
    }
    .s-h70 {
        height: 70%
    }
    .flex-item.m-w75,
    .grid-item.m-w75,
    .s-w75 {
        width: 75%
    }
    .s-h75 {
        height: 75%
    }
    .flex-item.m-w80,
    .grid-item.m-w80,
    .s-w80 {
        width: 80%
    }
    .s-h80 {
        height: 80%
    }
    .flex-item.m-w85,
    .grid-item.m-w85,
    .s-w85 {
        width: 85%
    }
    .s-h85 {
        height: 85%
    }
    .flex-item.m-w90,
    .grid-item.m-w90,
    .s-w90 {
        width: 90%
    }
    .s-h90 {
        height: 90%
    }
    .flex-item.m-w95,
    .grid-item.m-w95,
    .s-w95 {
        width: 95%
    }
    .s-h95 {
        height: 95%
    }
    .flex-item.m-w100,
    .grid-item.m-w100,
    .s-w100 {
        width: 100%
    }
    .s-h100 {
        height: 100%
    }
    .s-dn {
        display: none !important
    }
    .s-db {
        display: block !important
    }
    .s-dib {
        display: inline-block !important
    }
    .s-df {
        display: flex
    }
    .s-al-left {
        text-align: left !important
    }
    .s-al-center {
        text-align: center !important
    }
    .s-al-right {
        text-align: right !important
    }
    .s-vl-top {
        vertical-align: top !important
    }
    .s-vl-middle {
        vertical-align: middle !important
    }
    .s-vl-bottom {
        vertical-align: bottom !important
    }
    .s-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .s-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .s-mgb0 {
        margin-bottom: 0 !important
    }
    .s-mgt0 {
        margin-top: 0 !important
    }
    .s-mgb1 {
        margin-bottom: 1em !important
    }
    .s-mgt1 {
        margin-top: 1em !important
    }
    .s-mgb2 {
        margin-bottom: 2em !important
    }
    .s-mgt2 {
        margin-top: 2em !important
    }
    .s-mgb3 {
        margin-bottom: 3em !important
    }
    .s-mgt3 {
        margin-top: 3em !important
    }
    .s-mgb4 {
        margin-bottom: 4em !important
    }
    .s-mgt4 {
        margin-top: 4em !important
    }
    .s-mgb5 {
        margin-bottom: 5em !important
    }
    .s-mgt5 {
        margin-top: 5em !important
    }
    .s-mgb6 {
        margin-bottom: 6em !important
    }
    .s-mgt6 {
        margin-top: 6em !important
    }
    .s-of-0-lines {
        --size: 0
    }
    .s-of-1-lines {
        --size: 1
    }
    .s-of-2-lines {
        --size: 2
    }
    .s-of-3-lines {
        --size: 3
    }
    .s-of-4-lines {
        --size: 4
    }
    .s-of-5-lines {
        --size: 5
    }
}

.font-l {
    font-size: 1.1em
}

.w10 {
    width: 10%
}

.h10 {
    height: 10%
}

.w15 {
    width: 15%
}

.h15 {
    height: 15%
}

.w20 {
    width: 20%
}

.h20 {
    height: 20%
}

.w25 {
    width: 25%
}

.h25 {
    height: 25%
}

.w30 {
    width: 30%
}

.h30 {
    height: 30%
}

.w35 {
    width: 35%
}

.h35 {
    height: 35%
}

.w40 {
    width: 40%
}

.h40 {
    height: 40%
}

.w45 {
    width: 45%
}

.h45 {
    height: 45%
}

.w50 {
    width: 50%
}

.h50 {
    height: 50%
}

.w55 {
    width: 55%
}

.h55 {
    height: 55%
}

.w60 {
    width: 60%
}

.h60 {
    height: 60%
}

.w65 {
    width: 65%
}

.h65 {
    height: 65%
}

.w70 {
    width: 70%
}

.h70 {
    height: 70%
}

.w75 {
    width: 75%
}

.h75 {
    height: 75%
}

.w80 {
    width: 80%
}

.h80 {
    height: 80%
}

.w85 {
    width: 85%
}

.h85 {
    height: 85%
}

.w90 {
    width: 90%
}

.h90 {
    height: 90%
}

.w95 {
    width: 95%
}

.h95 {
    height: 95%
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

:root {
    --container-min-width: 375px;
    --container-max-width: 1200px;
    --animation: 200ms;
    --font-family: "Gotham Pro";
    --font-weight: 400;
    --font-size: 16px;
    --font-size-body: var(--font-size);
    --font-size-p: 1rem;
    --font-size-h1: 30px;
    --font-size-h2: 24px;
    --font-size-h3: 21px;
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --color-blue: #00a0e3;
    --color-orange: #f15300;
    --color-light-orange: #f77d20;
    --color-green: #8bc34a;
    --color-light-green: #0097a8;
    --color-pink: #d846ae;
    --color-red: #fe4a37;
    --color-indie: #0e47a1;
    --color-burgundy: #cf1010;
    --color-actions: #e6324d;
    --color-#f0f: #7e57c2
}

.button {
    --color-main: #000;
    --color: #000;
    --border-color: #d6d6d6;
    --border-color: transparent;
    --background-color: transparent;
    --icon-fill: #000 !important;
    outline: none;
    font-size: 1em;
    cursor: pointer;
    overflow: hidden;
    line-height: 1em;
    text-align: center;
    align-items: center;
    color: var(--color);
    border-radius: 10px;
    vertical-align: top;
    display: inline-flex;
    box-sizing: border-box;
    padding: 12px 15px 16px 5px;
    transition: all .2s ease;
    border: 1px solid var(--border-color);
    background-color: var(--background-color)
}

@media screen and (max-width:650px) {
    .button {
        font-size: 1rem
    }
}

.button .icon {
    fill: var(--icon-fill);
    --fill: var(--icon-fill)
}

.button.--blue {
    --color-main: var(--color-blue);
    --border-color: var(--color-blue);
    --color: var(--color-blue);
    --icon-fill: var(--color-blue) !important
}

.button.--orange {
    --color-main: var(--color-orange);
    --border-color: var(--color-orange);
    --color: var(--color-orange);
    --icon-fill: var(--color-orange) !important
}

.button.--light-orange {
    --color-main: var(--color-light-orange);
    --border-color: var(--color-light-orange);
    --color: var(--color-light-orange);
    --icon-fill: var(--color-light-orange) !important
}

.button.--green {
    --color-main: var(--color-green);
    --border-color: var(--color-green);
    --color: var(--color-green);
    --icon-fill: var(--color-green) !important
}

.button.--light-green {
    --color-main: var(--color-light-green);
    --border-color: var(--color-light-green);
    --color: var(--color-light-green);
    --icon-fill: var(--color-light-green) !important
}

.button.--pink {
    --color-main: var(--color-pink);
    --border-color: var(--color-pink);
    --color: var(--color-pink);
    --icon-fill: var(--color-pink) !important
}

.button.--red {
    --color-main: var(--color-red);
    --border-color: var(--color-red);
    --color: var(--color-red);
    --icon-fill: var(--color-red) !important
}

.button.--indie {
    --color-main: var(--color-indie);
    --border-color: var(--color-indie);
    --color: var(--color-indie);
    --icon-fill: var(--color-indie) !important
}

.button.--burgundy {
    --color-main: var(--color-burgundy);
    --border-color: var(--color-burgundy);
    --color: var(--color-burgundy);
    --icon-fill: var(--color-burgundy) !important
}

.button.--actions {
    --color-main: var(--color-actions);
    --border-color: var(--color-actions);
    --color: var(--color-actions);
    --icon-fill: var(--color-actions) !important
}

.button.--magenta {
    --color-main: var(--color-#f0f);
    --border-color: var(--color-#f0f);
    --color: var(--color-#f0f);
    --icon-fill: var(--color-#f0f) !important
}

.button:hover:not(.--checked):not(.--link):not(.-pointed) {
    --border-color: var(--color-main)
}

.button.-white {
    --background-color: #fff;
    --color: #000;
    --icon-fill: #000 !important
}

.button.-gray {
    background: #fff;
    --border-color: #ddd !important;
    border-radius: 10px;
    --icon-fill: #b5b4b4 !important
}

.button.-active {
    font-weight: 600;
    --color: #fff;
    --border-color: var(--color-main);
    --background-color: var(--color-main);
    --icon-fill: #fff !important
}

.button.-styled {
    --background-color: transparent;
    --border-color: transparent !important;
    --color: var(--color-main);
    --icon-fill: var(--color-main) !important
}

.button.-light span {
    text-decoration: underline
}

.button.-link {
    padding: 0;
    margin: 0;
    border: none
}

.button.-loading {
    position: relative
}

.button.-loading:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border-radius: 50%;
    border: 2px solid var(--color-main);
    border-top: 2px solid #fff;
    -webkit-animation: spinner .8s linear infinite;
    animation: spinner .8s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.button.-loading .icon,
.button.-loading span {
    opacity: 0
}

.button span {
    padding-left: 10px;
    position: relative;
    top: 1px;
    color: var(--color)
}

.button span.btn__count {
    width: 20px;
    height: 20px;
    padding-left: 15px;
    padding-right: 10px
}

.button span.btn__count:before {
    background: red;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    display: block;
    align-items: center;
    padding: 0;
    border: none;
    right: 0;
    top: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 22px;
    justify-content: center
}

.button .icon {
    padding-left: 10px;
    --icon-size: 1em
}

.button.-icon {
    --icon-size: 20px;
    padding: 5px !important;
    margin: 0;
    background: transparent;
    border: 0;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: content-box
}

.button.-icon:hover {
    background-color: #fff
}

.button.-icon .icon {
    --icon-size: 20px;
    padding: 5px !important;
    width: var(--icon-size);
    height: var(--icon-size)
}

.button.-compact {
    font-size: 13px;
    padding: 6px 12px 10px 2px
}

.input {
    --color-main: #000;
    --color: #000;
    --border-color: #ddd;
    --background-color: transparent;
    outline: none;
    font-size: 1em;
    cursor: pointer;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    line-height: 1em;
    text-align: left;
    padding: 0 15px;
    color: var(--color);
    border-radius: 10px;
    vertical-align: top;
    display: inline-flex;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    height: 45px
}

.input:not([disabled]):not([readonly]):focus {
    --border-color: var(--color-blue)
}

.input::-webkit-input-placeholder {
    position: relative;
    top: -1px
}

.input::-moz-placeholder {
    position: relative;
    top: -1px
}

.input:-ms-input-placeholder {
    position: relative;
    top: -1px
}

.input::-ms-input-placeholder {
    position: relative;
    top: -1px
}

.input::placeholder {
    position: relative;
    top: -1px
}

.input.-dropdown {
    padding-right: 32px
}

textarea.input {
    resize: vertical;
    min-height: 100px
}

.input.-dropdown,
select.input {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 452 258' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M225.923 257.706C217.825 257.706 209.728 254.614 203.554 248.443L9.27023 54.1569C-3.08877 41.7979 -3.08877 21.7599 9.27023 9.40588C21.6242 -2.94812 41.6582 -2.94812 54.0182 9.40588L225.923 181.321L397.829 9.41189C410.188 -2.94211 430.22 -2.94211 442.573 9.41189C454.938 21.7659 454.938 41.8039 442.573 54.1629L248.292 248.449C242.115 254.621 234.018 257.706 225.923 257.706Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 10px) 50%
}

.input.-dropdown option,
select.input option {
    padding: 5px;
    line-height: 1em
}

.-is-opened.input.-dropdown,
select.input.-is-opened {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 452 258' fill='none' transform='rotate(180)'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M225.923 257.706C217.825 257.706 209.728 254.614 203.554 248.443L9.27023 54.1569C-3.08877 41.7979 -3.08877 21.7599 9.27023 9.40588C21.6242 -2.94812 41.6582 -2.94812 54.0182 9.40588L225.923 181.321L397.829 9.41189C410.188 -2.94211 430.22 -2.94211 442.573 9.41189C454.938 21.7659 454.938 41.8039 442.573 54.1629L248.292 248.449C242.115 254.621 234.018 257.706 225.923 257.706Z' fill='black'/%3E%3C/svg%3E")
}

.input-file input {
    display: none
}

.input-box {
    position: relative
}

.input-box input {
    padding-left: 45px
}

.input-box svg.icon {
    top: 50%;
    left: 15px;
    position: absolute;
    transform: translateY(-50%);
    fill: #8e8e8e
}

.limit-box {
    display: flex;
    position: relative;
    overflow: visible !important;
    align-items: center
}

@media screen and (max-width:650px) {
    .limit-box {
        max-width: 100%;
        flex-wrap: wrap;
        margin-top: 10px
    }
}

.limit-box__title {
    margin-right: 5px
}

@media screen and (max-width:650px) {
    .limit-box__title {
        font-weight: 600;
        width: 100%;
        margin: 0 0 1em;
        text-align: center
    }
}

.limit-box__container {
    margin-right: 10px;
    display: flex;
    align-items: center;
    position: relative
}

@media screen and (max-width:650px) {
    .limit-box__container {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:650px) {
    .limit-box__container.-to {
        margin-right: 0;
        width: 50%
    }
}

.limit-box__container span {
    font-size: 14px;
    color: grey
}

.limit-box__container span.limit-box__hint {
    position: absolute;
    right: 15px
}

.limit-box__container input {
    margin: 0 0 0 10px;
    padding: 17px 45px 15px 15px
}

@media screen and (max-width:650px) {
    .limit-box__container input {
        width: 100% !important
    }
}

.drop,
.roller {
    z-index: 1;
    position: relative;
    display: inline-flex
}

@media screen and (max-width:650px) {
    .drop,
    .roller {
        font-size: 16px
    }
}

.drop-btn,
.roller-btn {
    display: inline-flex;
    width: 100%;
    position: relative
}

.drop-btn.-iconed,
.roller-btn.-iconed {
    padding-right: 50px
}

.drop-btn.-iconed:after,
.roller-btn.-iconed:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M12.182 6.879l.707.707L9 11.474 5.112 7.586l.707-.707L9 10.06z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.drop.-open,
.roller.-open {
    z-index: 2
}

.drop.-open .drop-container,
.drop.-open .roller-container,
.roller.-open .drop-container,
.roller.-open .roller-container {
    display: block
}

.drop.-open .drop-btn:after,
.drop.-open .roller-btn:after,
.roller.-open .drop-btn:after,
.roller.-open .roller-btn:after {
    transform: translateY(-50%) rotate(180deg)
}

.drop-container,
.roller-container {
    top: 100%;
    left: 0;
    position: absolute;
    display: none;
    padding-top: 10px;
    transition: .1s;
    box-sizing: border-box;
    width: 100%
}

.drop-container:before,
.roller-container:before {
    content: "";
    position: absolute;
    left: 1em;
    top: 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fff
}

.drop-content,
.roller-content {
    list-style-type: none;
    min-width: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0 4px 20px rgba(19, 23, 39, .15);
    border-radius: 8px;
    box-sizing: border-box;
    max-height: 250px;
    overflow: auto;
    width: 100%
}

.drop-items,
.roller-items {
    padding: 8px 0;
    box-sizing: border-box
}

.drop-item,
.roller-item {
    box-sizing: border-box;
    width: 100%;
    display: inline-flex;
    color: #000;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 0;
    line-height: 1em
}

.drop-item__color,
.roller-item__color {
    width: 1em;
    height: 1em;
    display: inline-flex;
    margin-right: 10px
}

.drop-item:last-child,
.roller-item:last-child {
    margin-bottom: 0
}

.drop-item:hover,
.roller-item:hover {
    color: var(--color-blue)
}

@media screen and (max-width:650px) {
    .drop .checkbox,
    .drop .radio,
    .roller .checkbox,
    .roller .radio {
        padding: 5px 0
    }
}

.roller:hover .roller-btn:after {
    transform: translateY(-50%) rotate(180deg)
}

.roller:hover .roller-container {
    display: block
}

.drop-content::-webkit-scrollbar,
.roller-content::-webkit-scrollbar,
.scrollbar-horizontal::-webkit-scrollbar,
.scrollbar-vertical::-webkit-scrollbar {
    width: 8px
}

.drop-content::-webkit-scrollbar-track,
.roller-content::-webkit-scrollbar-track,
.scrollbar-horizontal::-webkit-scrollbar-track,
.scrollbar-vertical::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px
}

.drop-content::-webkit-scrollbar-thumb,
.roller-content::-webkit-scrollbar-thumb,
.scrollbar-horizontal::-webkit-scrollbar-thumb,
.scrollbar-vertical::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .3)
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BoldItalic.eot);
    src: local("Gotham Pro Bold Italic"), local("GothamPro-BoldItalic"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BoldItalic.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Italic.eot);
    src: local("Gotham Pro Italic"), local("GothamPro-Italic"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Italic.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Medium.eot);
    src: local("Gotham Pro Medium"), local("GothamPro-Medium"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Medium.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BlackItalic.eot);
    src: local("Gotham Pro Black Italic"), local("GothamPro-BlackItalic"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BlackItalic.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Bold.eot);
    src: local("Gotham Pro Bold"), local("GothamPro-Bold"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Bold.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro Narrow;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Bold.eot);
    src: local("Gotham Pro Narrow Bold"), local("GothamProNarrow-Bold"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Bold.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro Narrow;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Medium.eot);
    src: local("Gotham Pro Narrow Medium"), local("GothamProNarrow-Medium"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Medium.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamProNarrow-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-LightItalic.eot);
    src: local("Gotham Pro Light Italic"), local("GothamPro-LightItalic"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-LightItalic.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Light.eot);
    src: local("Gotham Pro Light"), local("GothamPro-Light"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Light.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Black.eot);
    src: local("Gotham Pro Black"), local("GothamPro-Black"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Black.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro.eot);
    src: local("Gotham Pro"), local("GothamPro"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham Pro;
    src: url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-MediumItalic.eot);
    src: local("Gotham Pro Medium Italic"), local("GothamPro-MediumItalic"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-MediumItalic.woff) format("woff"), url(/local/templates/anensa-kozijnen/asset/src/fonts/GothamPro/GothamPro-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

.calc {
    margin-left: 2em
}

.bordered {
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd
}

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

body {
    margin: 0;
    font-family: var(--font-basis);
    font-size: var(--fz-basis);
    font-weight: 400;
    color: var(--color-basis);
    background: var(--bg-2)
}

h1,
main {
    display: block
}

h1 {
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 10px;
    padding-top: 0;
    color: var(--color-black)
}

a {
    text-decoration: none !important
}

p {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.4em
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --font-basis: "Gotham Pro", serif;
    --color-basis: #4d525a;
    --color-additional-1: #091423;
    --color-additional-2: #1b3151;
    --color-additional-3: #fff;
    --color-additional-4: #0e3306;
    --color-additional-5: #9dc54b;
    --color-additional-6: #091322;
    --color-additional-7: #0e3306;
    --color-icon: #b7bec2;
    --color-nav-strip: #6c7076;
    --color-nav: #fff;
    --color-nav-hover: #65e496;
    --color-link: #65e496;
    --color-link-2: #4d525a;
    --color-link-3: #091423;
    --color-link-back: #4d525a;
    --color-btn: #0e3306;
    --color-btn-2: #4d525a;
    --color-btn-catalog: #fff;
    --color-btn-form: #0e3306;
    --swiper-theme-color: #4d525a;
    --bg-1: #fff;
    --bg-2: #f7f9fa;
    --bg-3: #f3f9f1;
    --bg-btn: #d5ef28;
    --bg-btn-catalog: #9dc54b;
    --bg-btn-2: #f5f6f6;
    --bg-btn-form: #fff;
    --bg-btn-calc: #fff;
    --fz-basis: 16px;
    --fz-title-1: 50px;
    --fz-title-2: 44px;
    --fz-title-3: 40px;
    --fz-title-4: 24px;
    --fz-title-5: 33px;
    --fz-title-6: 36px;
    --fz-text-1: 22px;
    --fz-text-2: 20px;
    --fz-text-3: 18px;
    --fz-text-4: 13px;
    --fz-text-5: 12px;
    --fz-text-6: 11px;
    --fz-text-7: 17px;
    --fz-text-8: 15px;
    --fz-text-9: 27px;
    --fz-text-10: 14px;
    --fz-text-11: 24px;
    --fz-nav: 18px;
    --fz-nav-strip: 11px;
    --fz-link: 14px;
    --fz-link-2: 12px;
    --fz-link-3: 15px;
    --fz-link-back: 11px;
    --fz-btn: 14px;
    --fz-btn_2: 13px;
    --fz-btn-catalog: 19px;
    --fz-btn_3: 16px;
    --fz-btn-form: 14px;
    --fz-price: 27px;
    --fz-price-old: 15px;
    --swiper-navigation-size: 30px;
    --wrap-max-width: 1510px;
    --wrap-2-max-width: 1170px;
    --text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    --container-min-width: 320px;
    --container-max-width: 1300px;
    --container-margin: 0px auto;
    --container-padding: 1em;
    --border-radius: 5px;
    --animation-speed: 150ms;
    --animation-middle-speed: 400ms;
    --animation-slow-speed: 600ms;
    --animation: 150ms;
    --animation-middle: 400ms;
    --animation-slow: all 600ms
}

.grid-2 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    --grid-size: 2
}

.grid-2__item {
    width: calc((100% - 30px)/2)
}

.grid-2__item:not(:last-child) {
    margin-right: 30px
}

.grid-3 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    --grid-size: 3
}

.grid-3__item {
    width: calc((100% - 60px)/3);
    margin: 0 30px 18px 0
}

.grid-3__item:last-child,
.grid-3__item:nth-child(3n) {
    margin-right: 0
}

.grid-4 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    --grid-size: 4
}

.grid-4__item {
    width: calc((100% - 90px)/4);
    margin: 0 30px 18px 0
}

.grid-4__item:last-child,
.grid-4__item:nth-child(4n) {
    margin-right: 0
}

.grid-5 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    --grid-size: 5
}

.grid-5__item {
    width: 20%
}

.grid-6 {
    --grid-space: 1em;
    width: auto;
    --margin-lr: calc(var(--grid-space)/2);
    margin: 0 calc(var(--margin-lr) - var(--margin-lr)*2);
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    --grid-size: 6
}

.grid-6__item {
    width: calc((100% - 150px)/6)
}

.grid-6__item:not(:last-child) {
    margin-right: 30px
}

.h1,
.h2,
.h3,
.h4,
h2,
h3,
h4 {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    margin-top: 0;
    padding-top: 0;
    color: var(--color-black)
}

* {
    box-sizing: border-box
}

.app {
    width: 100%;
    max-width: var(--wrap-max-width);
    margin: 0 auto;
    background: var(--bg-1)
}

.btn {
    display: inline-block;
    padding: 14px 44px;
    font-size: var(--fz-btn);
    font-weight: 700;
    color: var(--color-btn);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: var(--bg-btn);
    border: none;
    border-radius: 5px;
    outline: none
}

.btn:disabled {
    color: transparent;
    cursor: default
}

@media screen and (max-width:650px) {
    .btn.s-btn__icon {
        width: 44px;
        height: 44px;
        font-size: 0;
        box-sizing: border-box;
        padding: 10px;
        border-radius: 4px;
        background: transparent
    }
    .btn.s-btn__icon svg {
        display: block;
        width: 100%;
        height: 100%
    }
}

.btn_catalog {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    padding: 13px 30px;
    font-size: var(--fz-btn-catalog);
    font-weight: 700;
    color: var(--color-btn-catalog);
    background: var(--bg-btn-catalog)
}

.btn_catalog span {
    margin-left: 38px;
    font-size: 15px;
    font-weight: 400;
    opacity: .7;
    transform: rotate(-90deg)
}

.btn_2 {
    padding: 14px 58px;
    font-size: var(--fz-btn_2);
    color: var(--color-btn-2);
    background: var(--bg-btn-2);
    transition: background .3s linear
}

.btn_2:hover {
    background: var(--bg-btn)
}

.btn-calc {
    display: flex;
    background: var(--bg-btn-calc);
    border: 1px solid var(--color-additional-5)
}

.btn-calc__icon {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.btn-close {
    display: none;
    width: 40px;
    height: 25px;
    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 10px;
    outline: none
}

.btn-close .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-basis);
    border-radius: 10px
}

.btn-close .line-1 {
    transform: rotate(45deg)
}

.btn-close .line-2 {
    transform: rotate(-45deg)
}

.form-btn {
    width: 100%;
    max-width: 270px;
    padding: 15px;
    margin-bottom: 10px;
    font-size: var(--fz-btn-form);
    font-weight: 700;
    color: var(--color-btn-form);
    cursor: pointer;
    background: var(--bg-btn-form);
    border: 2px solid #61c14b;
    border-radius: 4px
}

.nav-btn {
    position: relative;
    display: none;
    width: 40px;
    height: 25px;
    margin: 10px 0 0;
    cursor: pointer;
    visibility: visible;
    background: transparent;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none
}

.nav-btn .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #091423;
    border-radius: 20px;
    transition: all .5s
}

.nav-btn .line.line-1 {
    top: 0
}

.nav-btn .line.line-2 {
    top: calc(50% - 1px)
}

.nav-btn .line.line-3 {
    bottom: 0
}

.nav-btn:hover .line-1 {
    transform: translateY(-2.5px)
}

.nav-btn:hover .line-3 {
    transform: translateY(2.5px)
}

.nav-btn.active .line-1 {
    background: #091423;
    transform: translateY(11px) translateX(0) rotate(45deg)
}

.nav-btn.active .line-2 {
    background: #091423;
    opacity: 0
}

.nav-btn.active .line-3 {
    background: #091423;
    transform: translateY(-11px) translateX(0) rotate(-45deg)
}

.nav-btn-close {
    position: relative;
    display: none;
    width: 40px;
    height: 25px;
    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 10px;
    outline: none
}

.nav-btn-close .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-basis);
    border-radius: 10px
}

.nav-btn-close .line-1 {
    transform: rotate(45deg)
}

.nav-btn-close .line-2 {
    transform: rotate(-45deg)
}

.nav-btn-close_active {
    display: block
}

.btn-catalog-close {
    position: absolute;
    top: 5%;
    right: 7%;
    display: none;
    width: 40px;
    height: 25px;
    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 10px;
    outline: none
}

.btn-catalog-close .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-basis);
    border-radius: 10px
}

.btn-catalog-close .line-1 {
    transform: rotate(45deg)
}

.btn-catalog-close .line-2 {
    transform: rotate(-45deg)
}

.info-link {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-basis)
}

.info-link,
.social-link {
    text-decoration: none
}

.social-link-box {
    display: flex;
    align-items: center
}

.social-link-box__item:not(:last-child) {
    margin-right: 10px
}

.social-link-box__icon {
    width: 22px;
    height: 22px;
    fill: var(--color-icon)
}

.link {
    display: flex;
    align-items: center;
    font-size: var(--fz-link);
    font-weight: 700;
    color: var(--color-additional-4);
    text-decoration: none
}

.link__icon {
    margin-left: 15px;
    font-size: 25px;
    line-height: 0;
    color: var(--color-additional-5)
}

.link-2 {
    font-size: var(--fz-link-2);
    font-weight: 500;
    color: var(--color-link-2)
}

.link-3 {
    font-size: var(--fz-link-3);
    font-weight: 500;
    color: var(--color-link-3)
}

.link-4 {
    font-size: var(--fz-link-back);
    font-weight: 500;
    color: var(--color-link-back);
    cursor: pointer;
    border: none;
    outline: none
}

.link-4__icon {
    padding-bottom: 2px;
    margin-right: 15px;
    font-size: 25px;
    line-height: 0;
    color: var(--color-additional-5)
}

.title-1 {
    margin: 0;
    font-size: var(--fz-title-1);
    font-weight: 700;
    line-height: 100%;
    color: var(--color-additional-2);
    letter-spacing: -.7px
}

.title-1_thin {
    font-weight: 400
}

.title-1_color {
    color: var(--color-additional-5)
}

.title-2 {
    font-size: var(--fz-title-2);
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1px
}

.title-3 {
    font-size: var(--fz-title-3)
}

.title-3,
.title-4 {
    font-weight: 700;
    letter-spacing: -.6px
}

.title-4 {
    font-size: var(--fz-title-4)
}

.title-5 {
    font-size: var(--fz-title-5)
}

.title-5,
.title-6 {
    font-weight: 500;
    color: var(--color-additional-2)
}

.title-6 {
    font-size: var(--fz-title-6);
    letter-spacing: -.8px
}

.text-base {
    font-size: var(--fz-basis);
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-basis)
}

.text-hide {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .5s
}

.text-hide_active {
    height: auto;
    visibility: visible;
    opacity: 1;
    transition: .5s
}

.text-1 {
    font-size: var(--fz-text-3);
    letter-spacing: -.2px
}

.text-2 {
    font-size: var(--fz-text-8)
}

.text-3 {
    font-size: var(--fz-text-2);
    color: var(--color-additional-6)
}

.text-3,
.text-4 {
    letter-spacing: -.3px
}

.text-4 {
    font-size: var(--fz-text-7);
    line-height: 1.45;
    color: var(--color-basis)
}

.text-5 {
    font-size: var(--fz-text-6)
}

.text-6 {
    font-size: var(--fz-text-9);
    font-weight: 500;
    color: var(--color-additional-2);
    letter-spacing: -.3px
}

.text-7 {
    font-size: var(--fz-text-10);
    line-height: 1.5;
    letter-spacing: -.2px
}

.text-8 {
    line-height: 1.5;
    color: var(--color-additional-6);
    letter-spacing: -.3px
}

.important-text {
    display: flex;
    align-items: center;
    padding: 0 2% 5px 5%
}

.important-text_info {
    background: #f1f8ef
}

.important-text_warning {
    background: #fef2f5
}

.important-text__item {
    position: relative;
    top: -30px;
    margin-right: 25px;
    font-size: 150px;
    font-style: italic;
    font-weight: 900;
    line-height: .9
}

.important-text__item_info {
    color: #9dc54b
}

.important-text__item_warning {
    color: #e11f56
}

.important-text__content {
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.3px
}

.important-text__content_info {
    color: #37632d
}

.important-text__content_warning {
    color: #541c2c
}

.list-info {
    padding: 0 0 0 30px;
    margin: 0;
    font-weight: 500;
    color: var(--color-additional-6);
    list-style: none
}

.list-info__item {
    position: relative;
    margin-bottom: 8px;
    line-height: 1.4;
    letter-spacing: -.3px
}

.list-info__item:before {
    position: absolute;
    top: 10px;
    left: -20px;
    display: block;
    width: 6px;
    height: 6px;
    font-size: 30px;
    content: "";
    background: var(--color-additional-5);
    border-radius: 100%
}

.list-info-number>.list-info__item {
    margin-bottom: 5px
}

.list-info-number>.list-info__item:before {
    display: none
}

.list-info-number_element {
    margin-right: 15px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-additional-5)
}

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

.list-2__item {
    margin-bottom: 13px
}

.nav-strip {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: var(--fz-nav-strip);
    color: var(--color-nav-strip);
    list-style: none
}

.nav-strip__item:nth-child(2n) {
    padding: 0 5px
}

.nav-strip__link {
    font-size: var(--fz-nav-strip);
    font-weight: 500;
    color: var(--color-nav-strip);
    text-decoration: none
}

.tabs-1 {
    display: flex
}

.tabs-1__label {
    display: block;
    width: calc((100% - 30px)/3);
    padding: 25px 35px 25px 25px;
    cursor: pointer;
    background: var(--bg-2);
    border: 2px solid var(--bg-2);
    border-radius: 7px
}

.tabs-1__label input {
    display: none
}

.tabs-1__label:not(:last-child) {
    margin-right: 30px
}

.tabs-1__label_active {
    background: var(--bg-1);
    border: 2px solid var(--color-additional-5)
}

.tabs-1__label_active .tabs-1__check {
    border: 7px solid var(--color-additional-5)
}

.tabs-1__input {
    display: none
}

.tabs-1__box {
    display: flex;
    align-items: center
}

.tabs-1__title-box {
    display: inline-flex;
    align-items: center;
    width: 80%
}

.tabs-1__title {
    font-size: var(--fz-text-3);
    font-weight: 500;
    color: var(--color-additional-2)
}

.tabs-1__img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 20px
}

.tabs-1__img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.tabs-1__check {
    width: 25px;
    height: 25px;
    margin-left: auto;
    background: #fff;
    border: 1px solid #cbd2d6;
    border-radius: 100%
}

.tabs-color {
    display: flex;
    flex-wrap: wrap
}

.tabs-color__label {
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 100%
}

.tabs-color__label_active {
    border: 1px solid var(--color-additional-5)
}

.tabs-color__input {
    display: none
}

.tabs-color-box {
    width: 23px;
    height: 23px;
    border-radius: 100%
}

.tabs-color-box_light-grey {
    background: #e8ebed
}

.tabs-color-box_dark-gray {
    background: #6c7d89
}

.tabs-color-box_black {
    background: #20262b
}

.tabs-color-box_green {
    background: #469135
}

.tabs-color-box_purple {
    background: #af8e80
}

.tabs-color-box_dull-yellow {
    background: #d8d17f
}

.tabs-color-box_gray {
    background: #728897
}

.tabs-color-box_grey-green {
    background: #c7cda2
}

.dropdown {
    position: relative;
    display: inline-flex;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown__current {
    position: relative;
    display: flex;
    width: 100%;
    padding: 20px 45px 20px 20px;
    cursor: pointer;
    background: transparent;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.dropdown__current:before {
    bottom: 45%;
    background: transparent;
    transform: rotate(-90deg)
}

.dropdown__current:after,
.dropdown__current:before {
    position: absolute;
    right: 25px;
    font-size: 12px;
    color: var(--color-additional-5);
    content: "\27A4"
}

.dropdown__current:after {
    top: 45%;
    transform: rotate(90deg)
}

.dropdown__items {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 3;
    display: block;
    width: 100%;
    min-width: 200px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    visibility: hidden;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #ddd;
    opacity: 0;
    transition: .2s;
    transform: translateY(-5px);
    max-height: 300px;
    overflow: auto
}

.dropdown__items:after {
    position: absolute;
    top: -10px;
    left: 1em;
    width: 0;
    height: 0;
    content: "";
    border: 10px solid rgba(255, 255, 0, 0);
    border-bottom-color: #f2f2f2;
    border-width: 0 10px 10px
}

.dropdown__items::-webkit-scrollbar {
    width: 6px
}

.dropdown__items::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 4px
}

.dropdown__items::-webkit-scrollbar-thumb:hover {
    background-color: red
}

.dropdown__item {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2
}

.dropdown__item:hover {
    cursor: pointer;
    background: #f2f2f2
}

.dropdown__item:last-child {
    border-bottom: 0
}

.dropdown__item .dropdown__item-image {
    width: 50px;
    height: 50px
}

.dropdown__item .dropdown__item-image img {
    display: block;
    width: 100%;
    height: 100%
}

.dropdown__item .dropdown__item-content {
    max-width: calc(100% - 50px);
    padding-left: 10px;
    line-height: 1em;
    font-size: 14px
}

.dropdown__item .dropdown__item-content b,
.dropdown__item .dropdown__item-content small {
    display: block;
    margin-bottom: 2px
}

.dropdown__item .dropdown__item-content span {
    font-size: 13px
}

.dropdown.--is-open .dropdown__current {
    border-color: #ddd
}

.dropdown.--is-open .dropdown__items {
    visibility: visible;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    opacity: 1;
    transform: translateY(0)
}

.dropdown_small .dropdown__current {
    font-weight: 500;
    border: 0
}

.dropdown_small .dropdown__current .ui-dropdown__current-decorated {
    text-decoration: underline
}

.dropdown_small .dropdown__current:before {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100;
    background: transparent
}

.dropdown_small .dropdown__current:after {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100;
    content: "\27A4"
}

.dropdown_small .dropdown__item {
    z-index: 2
}

.products-container {
    display: flex;
    flex-wrap: wrap
}

.list-products-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.list-products-title__icon {
    display: block;
    height: 37px;
    margin-right: 25px
}

.list-products-title__text {
    font-weight: 700
}

.product-card {
    display: flex;
    padding: 30px 0 40px;
    border-bottom: 1px solid #f2f5f6
}

.product-card .marker {
    padding: 3px 32px
}

.product-card .marker-box {
    position: absolute;
    top: 11px;
    right: -28px;
    transform: rotate(36deg)
}

.product-card .text-2 {
    margin-bottom: 15px;
    line-height: 1.5
}

.product-card .list-info {
    padding-left: 6%;
    margin-bottom: 25px
}

.product-card .list-info__item {
    font-size: var(--fz-text-10)
}

.product-card-min {
    width: calc((100% - 90px)/4);
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #e4e9ed;
    transition: .2s linear
}

.product-card-min:hover {
    border: 1px solid #61c14b
}

.product-card-min:hover .product-card-min__name {
    color: #61c14b
}

.product-card-min:last-child,
.product-card-min:nth-child(4n) {
    margin-right: 0
}

.product-card-min .marker {
    padding: 3px 32px
}

.product-card-min .marker-box {
    position: absolute;
    top: 11px;
    right: -28px;
    transform: rotate(36deg)
}

.product-card-min__img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 270px;
    overflow: hidden;
    text-decoration: none
}

.product-card-min__img {
    display: block;
    max-width: 100%
}

.product-card-min__description {
    padding: 25px 25px 35px
}

.product-card-min__name {
    display: block;
    margin-bottom: 5px;
    font-size: var(--fz-text-3);
    font-weight: 700;
    color: var(--color-additional-2);
    text-decoration: none;
    transition: .2s linear
}

.product-card-min__text {
    font-size: var(--fz-text-5)
}

.product-card__img-box {
    position: relative;
    display: flex;
    align-items: center;
    width: calc((100% - 30px)/4);
    max-height: 255px;
    margin-right: 30px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #e4e9ed
}

.product-card__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-card__description {
    width: 75%
}

.product-card__description>.section-top {
    align-items: center;
    padding-top: 5px;
    margin-bottom: 20px
}

.product-card__name {
    font-size: var(--fz-text-11);
    font-weight: 700;
    color: var(--color-additional-2);
    text-decoration: none
}

.product-card-box {
    display: flex;
    align-items: center
}

.product-card-box .btn {
    margin-left: auto
}

.detailed-product-card .marker {
    padding: 3px 32px
}

.detailed-product-card .marker-box {
    position: absolute;
    top: 11px;
    right: -28px;
    transform: rotate(36deg);
    z-index: 5
}

.detailed-product-card .gallery-thumbs .swiper-slide-thumb {
    transition: opacity .5 linear
}

.detailed-product-card .gallery-thumbs .swiper-slide-thumb-active {
    opacity: .6
}

.detailed-product-card .title-2 {
    display: block;
    margin-bottom: 5px;
    line-height: 1.2;
    color: var(--color-additional-2);
    text-decoration: none
}

.detailed-product-card .article-bonus-box {
    margin-bottom: 10px
}

.detailed-product-card .text-base {
    margin-bottom: 15px
}

.detailed-product-card .price {
    margin-bottom: 25px
}

.detailed-product-card .price_old {
    margin-left: 20px
}

.detailed-product-card .list-info {
    max-width: 600px;
    margin-bottom: 30px
}

.detailed-product-card .list-info__item {
    margin-bottom: 5px;
    font-size: 17px;
    letter-spacing: -.3px
}

.detailed-product-card .product-card-btn-box {
    display: flex
}

.detailed-product-card .btn-calc {
    margin-right: 20px
}

.detailed-product-card .btn {
    padding: 14px 50px;
    line-height: 1em;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.detailed-product-card__wrap {
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 4rem
}

@media screen and (max-width:1014px) {
    .detailed-product-card__wrap {
        grid-template-columns: 1fr;
        gap: 2rem
    }
}

@media screen and (max-width:650px) {
    .detailed-product-card__wrap {
        grid-template-columns: 1fr;
        gap: 1rem
    }
}

.detailed-product-card__item:first-child {
    height: 100%
}

.detailed-product-card__item:first-child .swiper-container {
    height: 100%;
    max-height: 500px
}

@media screen and (max-width:1014px) {
    .detailed-product-card__item:first-child {
        height: 300px;
        width: 100%;
        max-width: calc(100vw - 40px)
    }
}

.detailed-product-card__img-box {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-decoration: none
}

.detailed-product-card__img-box_min {
    height: auto
}

.product-card__slider .product-card__slider-main {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.product-card__slider .product-card__slider-main img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-card__thumbs {
    justify-content: center;
    margin-bottom: 10px
}

.product-card__thumbs .product-card__thumbs-item {
    height: 90px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px
}

.product-props__slider .product-props__slider-image {
    outline: none;
    display: flex
}

.product-props__slider .product-props__slider-image video {
    width: 100%;
    outline: none
}

.product-props__slider .product-props__slider-image img {
    max-width: 100%
}

.detailed-product-card__img {
    display: block;
    width: 100%
}

.detailed-product-card__description {
    padding-bottom: 45px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e2e7f1
}

.product-detailed-description {
    display: flex
}

.product-detailed-description .list-2 {
    padding-left: 45px
}

.product-detailed-description__img-box {
    display: flex;
    justify-content: center;
    width: calc((100% - 40px)/2);
    max-height: 425px;
    margin-right: 40px
}

.product-detailed-description__img {
    display: block;
    max-width: 100%
}

.product-detailed-description__text-box {
    display: flex;
    flex-direction: column;
    width: 50%
}

.product-detailed-description__title-box {
    display: flex;
    padding-top: 0;
    margin-bottom: 20px;
    font-size: var(--fz-text-3);
    font-weight: 500;
    color: var(--color-additional-2)
}

.product-detailed-description__title-box_icon {
    width: 29px;
    height: 29px;
    margin-right: 15px;
    fill: var(--color-additional-5)
}

.w-calc {
    --color-black: #091322;
    --color-green: #9dc54b;
    --color-green-light: #d5ef28;
    --color-border: #e1e5e7;
    --color-window-border: #a8b1c0;
    --color-window-frame: #f1f4f6;
    --color-window-profile: #fff;
    --color-window-arrow: #1b3151;
    --left-side-width: 100px;
    --left-side-margin: 40px;
    --window-profile-size: 16px;
    --window-transition: 200ms;
    --window-arrow-size: 10px;
    color: var(--color-black)
}

.w-calc .w-calc-container {
    display: flex;
    --right-width: 300px
}

.w-calc .w-calc-container .w-calc__left {
    width: calc(100% - var(--right-width))
}

.w-calc .w-calc-container .w-calc__right {
    width: var(--right-width)
}

.w-calc .w-calc__main {
    display: flex;
    width: 100%;
    min-height: 300px
}

.w-calc .w-calc__main .w-calc__main-left {
    width: var(--left-side-width);
    margin-right: var(--left-side-margin);
    display: block;
    box-sizing: border-box
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element-box {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e8edf1;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element-box:last-child {
    margin-bottom: 0
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element-box.--active {
    border-color: #9dc54b;
    box-shadow: inset 0 0 0 2px #9dc54b
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element {
    border: 2px solid #939eb0;
    width: 100%;
    height: 100%;
    position: relative
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element .w-calc__element-child {
    position: absolute;
    background: #939eb0
}

.w-calc .w-calc__main .w-calc__main-left .w-calc__element .w-calc__element-child.--element-section {
    width: 2px;
    height: 100%;
    transform: translateX(-50%)
}

.w-calc .w-calc__main .w-calc__main-right {
    width: calc(100% - var(--left-side-width) - var(--left-side-margin))
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params {
    display: flex;
    margin-bottom: 20px
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params .w-calc__window-param {
    min-width: 50px;
    margin-right: 1em;
    display: flex;
    align-content: center;
    align-items: center;
    cursor: default
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params .w-calc__window-param .w-calc__window-param-title {
    font-size: 13px;
    font-weight: 500;
    margin-right: 1em
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params .w-calc__window-param .w-calc__window-param-value {
    position: relative
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params .w-calc__window-param .w-calc__window-param-value span.param-notice {
    position: absolute;
    right: 10px;
    top: 8px;
    font-weight: 600;
    color: var(--color-green);
    font-size: 13px
}

.w-calc .w-calc__main .w-calc__main-right .w-calc__window-params .w-calc__window-param .w-calc__window-param-value input {
    outline: none;
    width: 100%;
    display: block;
    border: 1px solid #e1e5e7;
    height: 30px;
    max-width: 100px;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
    padding: 5px 30px 7px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em
}

.w-calc .w-calc__radio {
    display: flex
}

.w-calc .w-calc__radio .w-calc__radio-item {
    font-size: 14px;
    height: 30px;
    border: 1px solid var(--color-border);
    line-height: 1em;
    display: flex;
    align-items: center;
    background: #fff;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
    color: #1b3151
}

.w-calc .w-calc__radio .w-calc__radio-item.--current {
    background: var(--color-green-light);
    border-color: var(--color-green-light)
}

.w-calc .w-calc__checkbox {
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid var(--color-border);
    background-size: .8em;
    background-position: 50%;
    background-repeat: no-repeat
}

.w-calc .w-calc__checkbox.--checked {
    background-color: var(--color-green-light);
    border-color: var(--color-green-light);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' viewBox='0 0 515.556 515.556' width='100%25' %3E%3Cpath d='m0 274.226 176.549 176.886 339.007-338.672-48.67-47.997-290.337 290-128.553-128.552z' fill='%231b3151'/%3E%3C/svg%3E")
}

.w-calc .w-calc__window {
    display: flex;
    width: 100%;
    height: 500px;
    background: #fff;
    align-items: flex-end;
    position: relative;
    overflow: hidden
}

.w-calc .w-calc__shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent;
    border: 1px solid var(--color-window-arrow);
    border-width: 0 1px;
    z-index: 1;
    transition: var(--window-transition)
}

.w-calc .w-calc__shadow .w-calc__arrow {
    --text-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.w-calc .w-calc__shadow .w-calc__arrow__left {
    width: calc(50% - var(--text-width)/2 - 3px);
    height: 1px;
    background: var(--color-window-arrow);
    position: relative
}

.w-calc .w-calc__shadow .w-calc__arrow__left:before {
    content: "";
    position: absolute;
    width: var(--window-arrow-size);
    height: var(--window-arrow-size);
    top: calc(-.5em - -3px);
    left: 0;
    transform: rotate(45deg);
    transform-origin: center;
    border: 2px solid var(--color-window-arrow);
    border-width: 0 0 1px 1px
}

.w-calc .w-calc__shadow .w-calc__arrow__right {
    width: calc(50% - var(--text-width)/2 - 3px);
    height: 1px;
    background: var(--color-window-arrow);
    position: relative
}

.w-calc .w-calc__shadow .w-calc__arrow__right:before {
    content: "";
    position: absolute;
    width: var(--window-arrow-size);
    height: var(--window-arrow-size);
    top: calc(-.5em - -3px);
    left: 0;
    transform: rotate(45deg);
    transform-origin: center;
    left: auto;
    right: 0;
    border-color: var(--color-window-arrow);
    border-style: solid;
    border-width: 1px 1px 0 0
}

.w-calc .w-calc__shadow .w-calc__arrow__text {
    width: var(--text-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-window-arrow);
    border-radius: 3px;
    font-size: 12px;
    padding: 5px;
    box-sizing: border-box;
    font-weight: 700
}

.w-calc .w-calc__shadow.--height {
    border-width: 1px 0;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
    display: flex
}

.w-calc .w-calc__shadow.--height .w-calc__arrow {
    flex-direction: column;
    width: 30px;
    height: 100%
}

.w-calc .w-calc__shadow.--height .w-calc__arrow__left {
    height: calc(50% - var(--text-width)/2 - 3px);
    width: 1px;
    background: var(--color-window-arrow)
}

.w-calc .w-calc__shadow.--height .w-calc__arrow__left:before {
    top: 0;
    left: calc(-.5em - -3px);
    transform: rotate(135deg)
}

.w-calc .w-calc__shadow.--height .w-calc__arrow__right {
    height: calc(50% - var(--text-width)/2 - 3px);
    width: 1px;
    background: var(--color-window-arrow)
}

.w-calc .w-calc__shadow.--height .w-calc__arrow__right:before {
    top: 0;
    left: calc(-.5em - -3px);
    transform: rotate(135deg);
    top: auto;
    bottom: 0
}

.w-calc .w-calc__shadow.--height .w-calc__arrow__text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    width: 30px;
    height: var(--text-width)
}

.w-calc .w-calc__picture {
    border: 1px solid var(--color-window-border);
    width: 100%;
    position: relative;
    z-index: 2;
    transition: var(--window-transition);
    --color-window-border: #a8b1c0;
    --color-window-frame: #f1f4f6;
    --color-window-profile: #fff;
    --color-window-arrow: #1b3151;
    padding: var(--window-profile-size);
    background: var(--color-window-frame)
}

.w-calc .w-calc__picture-level {
    display: flex;
    width: 100%;
    height: 100%;
    margin-bottom: var(--window-profile-size)
}

.w-calc .w-calc__picture-level:last-child {
    margin-bottom: 0
}

.w-calc .w-calc__picture-section {
    display: flex;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-window-border);
    margin-right: var(--window-profile-size);
    position: relative
}

.w-calc .w-calc__picture-section:last-child {
    margin-right: 0
}

.w-calc .w-calc__picture-section.--is-window {
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    padding: var(--window-profile-size)
}

.w-calc .w-calc__picture-section.--is-window:before {
    content: "";
    position: absolute;
    width: 9px;
    top: 50%;
    right: calc(var(--window-profile-size)/2);
    height: 16px;
    transform: translateY(-50%) translateX(50%);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 0 1px 1px var(--color-window-border)
}

.w-calc .w-calc__picture-section.--is-window:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: calc(var(--window-profile-size)/2);
    width: 5px;
    height: 26px;
    z-index: 3;
    transform: translateY(-3px) translateX(50%);
    border-radius: 10px;
    background: #ddd;
    box-shadow: 0 0 1px 1px #a7b1c0
}

.w-calc .w-calc__picture-section.--is-window .w-calc__picture-section-inner {
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid var(--color-window-border);
    box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 2px 0 #1a3151;
    position: relative
}

.w-calc .w-calc__picture-section .w-calc__picture-elements {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.w-calc .w-calc__picture-section .w-calc__picture-opening-widnow {
    cursor: pointer;
    position: unset;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.w-calc .w-calc__picture-section .w-calc__picture-opening-widnow svg {
    width: 100%;
    height: 100%
}

.w-calc .w-calc__picture-section .w-calc__picture-mosquito {
    cursor: pointer;
    position: unset;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 4px
}

.w-calc .w-calc__picture-section .w-calc__picture-mosquito svg {
    width: 100%;
    height: 100%
}

.w-calc .w-calc__picture-section.--is-window .w-calc__picture-opening-widnow {
    background: #9dc54b;
    border-color: #9dc54b
}

.w-calc .w-calc__picture-section.--is-window .w-calc__picture-opening-widnow svg {
    fill: #fff
}

.w-calc .w-calc__picture-section.--is-mosquito {
    --grid-color: #f5f5f5
}

.w-calc .w-calc__picture-section.--is-mosquito .w-calc__picture-section-inner {
    background-image: linear-gradient(0deg, transparent 24%, var(--grid-color) 25%, var(--grid-color) 26%, transparent 27%, transparent 74%, var(--grid-color) 75%, var(--grid-color) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, var(--grid-color) 25%, var(--grid-color) 26%, transparent 27%, transparent 74%, var(--grid-color) 75%, var(--grid-color) 76%, transparent 77%, transparent);
    background-size: 6px 6px
}

.w-calc .w-calc__picture-section.--is-mosquito .w-calc__picture-mosquito {
    background: #9dc54b;
    border-color: #9dc54b
}

.w-calc .w-calc__picture-section.--is-mosquito .w-calc__picture-mosquito svg {
    fill: #fff
}

.w-calc .w-calc__level,
.w-calc .w-calc__picture-section-inner {
    display: flex;
    width: 100%
}

.w-calc .w-calc__level {
    height: 100%;
    background: var(--color-window-frame);
    border: 2px solid var(--color-window-border);
    padding: 0;
    border-bottom: 0
}

.w-calc .w-calc__level:last-child {
    border-bottom: 2px solid var(--color-window-border)
}

.w-calc .w-calc__level .w-calc__section {
    border-right: 2px solid var(--color-window-border);
    background: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.w-calc .w-calc__level .w-calc__section:last-child {
    border-right: 0
}

.w-calc .w-calc__level .w-calc__section-inner {
    width: 100%
}

.w-calc .w-calc__colors .text-3,
.w-calc .w-calc__footer .text-3,
.w-calc .w-calc__glass .text-3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-additional-5)
}

.w-calc .w-calc__colors .text-3 span,
.w-calc .w-calc__footer .text-3 span,
.w-calc .w-calc__glass .text-3 span {
    display: inline-block;
    margin-left: 10px;
    font-size: var(--fz-basis);
    font-weight: 400;
    color: var(--color-additional-2)
}

.w-calc .w-calc__colors-title {
    font-size: 16px;
    font-weight: 500
}

.w-calc .w-calc__glass-list {
    display: flex
}

.w-calc .w-calc__glass-list .w-calc__glass-item {
    width: 200px;
    text-align: center;
    margin-bottom: 2em;
    border: 2px solid #f2f2f2;
    box-sizing: border-box;
    padding: 10px 10px 1em;
    margin-right: 1em;
    border-radius: 7px;
    cursor: pointer;
    position: relative
}

.w-calc .w-calc__glass-list .w-calc__glass-item img {
    display: block;
    width: 100%;
    height: 199px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 10px
}

.w-calc .w-calc__glass-list .w-calc__glass-item .w-calc__glass-name {
    display: block;
    font-size: 14px;
    font-weight: 600
}

.w-calc .w-calc__glass-list .w-calc__glass-item .w-calc__glass-price {
    display: block;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 1em;
    top: 1em;
    background: #9dc54b;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    line-height: 1em
}

.w-calc .w-calc__glass-list .w-calc__glass-item.--is-active {
    border-color: #9dc54b
}

.w-calc .w-calc__colors-c-box {
    display: flex;
    width: 100%;
    margin-top: 1em;
    border: 0 solid #9dc54b;
    border-radius: 5px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.w-calc .w-calc__colors-c-box .w-calc__colors-c-image {
    height: 200px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover
}

.w-calc .w-calc__colors-c-box .w-calc__colors-c-text {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .278431), transparent);
    color: #fff;
    padding: 20% 1em 1em
}

.w-calc .w-calc__colors-c-box .w-calc__colors-c-text .colors-c-name {
    display: block;
    font-weight: 600;
    margin-bottom: 5px
}

.w-calc .w-calc__colors-c-box .w-calc__colors-c-text .colors-c-descr {
    margin-bottom: 5px;
    font-size: 14px
}

.w-calc .w-calc__colors-c-box .w-calc__colors-c-text .colors-c-ral,
.w-calc .w-calc__colors-c-box .w-calc__colors-c-text .colors-c-ref {
    font-size: 14px
}

.w-calc .dropdown__section {
    display: block;
    padding: 12px;
    font-size: 14px;
    background: #f7f7f7;
    font-weight: 500
}

.w-calc__profile {
    position: relative;
    width: 25%;
    margin-right: 1em;
    border: 2px solid var(--bg-2);
    transition: .1s;
    cursor: pointer;
    border-radius: 7px;
    overflow: hidden
}

.w-calc__profile .w-calc__profile__wrap {
    display: block;
    cursor: pointer
}

.w-calc__profile.--active,
.w-calc__profile:hover {
    border: 2px solid var(--color-additional-5)
}

.w-calc__profile:last-child {
    margin-right: 0
}

.w-calc__profile .marker {
    padding: 3px 32px
}

.w-calc__profile .marker-box {
    position: absolute;
    top: 11px;
    right: -28px;
    transform: rotate(36deg)
}

.w-calc__profile-box {
    display: flex;
    flex-wrap: wrap
}

.w-calc__profile__img-box {
    display: flex;
    align-items: center;
    padding: 0;
    text-decoration: none;
    display: block
}

.w-calc__profile__img-box img {
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover
}

.w-calc__profile__img {
    display: block;
    width: 100%
}

.w-calc__profile__description {
    padding: 1em
}

.w-calc__profile__text {
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--color-additional-2)
}

.w-calc__profile__info-box {
    display: flex
}

.w-calc__profile__info-box .text-5 {
    font-size: var(--fz-text-6);
    font-weight: 700;
    color: var(--color-additional-2)
}

.w-calc__profile__info-box_icon {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    fill: var(--color-additional-5)
}

.bonus {
    display: none;
    align-items: center
}

.bonus_active {
    display: flex
}

.bonus__icon {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    fill: var(--color-additional-5)
}

.bonus__text {
    font-size: var(--fz-text-5);
    font-weight: 700;
    color: var(--color-additional-5);
    letter-spacing: .2px
}

.w-calc__profile-color {
    display: flex
}

.w-calc__profile-color-box {
    width: 66%;
    padding-top: 1em;
    margin-left: auto
}

.w-calc__profile-color-box .text-7 {
    margin-bottom: 15px
}

.w-calc__profile-color__img-box {
    border: 7px solid #e8ebed
}

.article-bonus-box {
    display: flex;
    align-items: center
}

.article {
    display: flex;
    margin-right: 20px;
    font-size: var(--fz-text-6);
    color: #6c7076
}

.article .text-5 {
    margin-right: 10px
}

.price {
    font-size: var(--fz-price);
    color: var(--color-additional-5)
}

.price_old {
    display: inline-block;
    margin-left: 10px;
    font-size: var(--fz-price-old);
    font-weight: 500;
    color: var(--color-additional-2);
    text-decoration: line-through
}

.marker {
    width: 100%;
    padding: 3px;
    font-size: var(--fz-text-10);
    font-weight: 700;
    text-align: center
}

.marker-box {
    width: 120px
}

.marker_discount {
    color: var(--color-additional-4);
    background: #d5ef28
}

.marker_new {
    color: var(--color-additional-3);
    background: #fb4e7f
}

.form__title {
    display: block;
    margin-bottom: 5px;
    font-size: var(--fz-text-4);
    font-weight: 500;
    color: var(--color-additional-6)
}

.form__input {
    width: 100%;
    padding: 13px 0 13px 25px;
    margin-top: 5px;
    font-size: var(--fz-text-3);
    border: 1px solid #e1e5e7;
    border-radius: 4px;
    outline: none;
    transition: box-shadow .2s linear
}

.form__input::-webkit-input-placeholder {
    font-size: var(--fz-text-3);
    color: var(--color-additional-6)
}

.form__input::-moz-placeholder {
    font-size: var(--fz-text-3);
    color: var(--color-additional-6)
}

.form__input:-ms-input-placeholder {
    font-size: var(--fz-text-3);
    color: var(--color-additional-6)
}

.form__input::-ms-input-placeholder {
    font-size: var(--fz-text-3);
    color: var(--color-additional-6)
}

.form__input::placeholder {
    font-size: var(--fz-text-3);
    color: var(--color-additional-6)
}

.form__input:active,
.form__input:focus {
    box-shadow: 0 1px 8px rgba(47, 174, 18, .3)
}

.form__input_area {
    height: 110px;
    resize: none
}

.form__info {
    font-size: var(--fz-text-6)
}

.form-btn-box {
    width: 100%
}

.form-btn-box .btn {
    width: 100%;
    margin-bottom: 25px
}

.form-btn-box .form__info {
    text-align: center
}

.form .load-file__title {
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-size: var(--fz-text-7);
    font-weight: 500;
    color: var(--color-additional-2);
    cursor: pointer
}

.form .load-file__input {
    display: none
}

.form .load-file__icon {
    display: block;
    width: 24px;
    height: 30px;
    margin-right: 10px;
    fill: var(--color-additional-5)
}

.form .title-4 {
    margin-bottom: 10px
}

.form .text-7 {
    margin-bottom: 25px
}

.form-2 {
    display: block;
    background: #fff;
    box-shadow: 5px 5px 46px 0 rgba(5, 22, 26, .06)
}

@media screen and (max-width:650px) {
    .form-2 {
        box-shadow: none
    }
}

.form-2 .form-box {
    margin-bottom: 10px
}

.form-2 .form__input {
    margin-bottom: 5px
}

.form-2 .form__info {
    font-weight: 400;
    color: #4d525a
}

.form-2 .form__title {
    font-weight: 500;
    color: #091322;
    text-align: left
}

.form-container {
    display: flex;
    flex-direction: column;
    padding: 2em 3em
}

.nav {
    position: relative
}

.nav .nav__item--main .nav__link {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    padding: 10px 24px;
    font-size: var(--fz-btn-catalog);
    font-weight: 700;
    color: var(--color-btn-catalog);
    background: var(--bg-btn-catalog)
}

.nav .nav__item--main .nav__link .nav__item-arrow {
    margin-left: 38px;
    font-size: 15px;
    font-weight: 400;
    opacity: .7;
    transform: rotate(-90deg)
}

.nav .nav__item--main:hover .nav__dropdown {
    opacity: 1;
    visibility: visible
}

.nav .nav__item--main .nav__dropdown {
    position: absolute;
    width: 100%;
    min-height: 100%;
    padding: 5px 1em;
    background: var(--bg-1);
    border-radius: 5px;
    box-shadow: 5px 5px 46px 0 rgba(5, 22, 26, .06);
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    z-index: 5
}

.nav .nav__item--main .nav__dropdown .nav__dropdown-link {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-decoration: none;
    color: var(--color-link-3);
    padding: 10px 0
}

.nav .nav__item--main .nav__dropdown .nav__dropdown-link .nav__dropdown-icon {
    width: 20px;
    height: 20px;
    margin-right: 13px;
    background-position: 50%;
    background-size: contain
}

.nav .nav__item--main .nav__dropdown .nav__dropdown-link .nav__dropdown-text {
    font-size: var(--fz-link-3);
    font-weight: 500
}

.nav .nav__item--main .nav__dropdown .nav__dropdown-link:hover {
    color: var(--color-additional-5)
}

.nav .nav__item--main .nav__dropdown-footer .nav__dropdown-footer-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 0 3px;
    font-size: var(--fz-text-4);
    font-weight: 500;
    color: var(--color-basis);
    text-decoration: none
}

.nav .nav__item--main .nav__dropdown-footer .nav__dropdown-footer-icon {
    display: block;
    margin-top: 4px;
    margin-left: 14px;
    height: 1em;
    font-size: 15px;
    color: var(--color-additional-5);
    transform: rotate(180deg);
    line-height: 1em;
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.nav__item {
    position: relative;
    padding: 15px 0
}

.nav__item:not(:first-child) {
    padding-left: 30px
}

.nav__link {
    display: flex;
    align-items: center;
    font-size: var(--fz-text-3);
    font-weight: 600;
    color: var(--color-additional-1);
    text-decoration: none
}

.nav__link_calc {
    position: relative;
    left: -34px;
    width: 115%
}

.nav__icon {
    width: 18px;
    height: 18px;
    margin-right: 15px;
    fill: var(--color-icon)
}

.nav-mobile {
    display: none
}

.nav-mobile .nav-container {
    position: relative
}

.nav-mobile__btn-box {
    position: absolute;
    top: 40px;
    right: 20px
}

.logo {
    align-items: center
}

.logo,
.logo__icon {
    display: flex;
    text-decoration: none
}

.logo__icon {
    max-width: 180px;
    height: 100%;
    max-height: 46px;
    margin-right: 20px
}

.logo__icon svg {
    width: 100%
}

.logo__text {
    min-width: 145px;
    padding-left: 20px;
    font-weight: 500;
    color: var(--color-basis);
    border-left: 1px solid #e6e9ed;
    max-width: 100px
}

.logo__text,
.mail-box__link {
    font-size: var(--fz-text-4);
    text-decoration: none
}

.mail-box__link {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--color-additional-6)
}

.mail-box__text {
    font-size: var(--fz-text-6)
}

.phone-number {
    display: block;
    text-decoration: none
}

.phone-number,
.phone-number__text {
    font-size: var(--fz-text-1);
    font-weight: 600;
    color: var(--color-additional-6);
    letter-spacing: -.3px
}

.phone-number__icon {
    display: none;
    width: 45px;
    height: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 438.536 438.536'%3E%3Cpath d='M414.41 24.123C398.333 8.042 378.963 0 356.315 0H82.228C59.58 0 40.21 8.042 24.126 24.123 8.045 40.207.003 59.576.003 82.225v274.084c0 22.647 8.042 42.018 24.123 58.102 16.084 16.084 35.454 24.126 58.102 24.126h274.084c22.648 0 42.018-8.042 58.095-24.126 16.084-16.084 24.126-35.454 24.126-58.102V82.225c-.001-22.649-8.043-42.021-24.123-58.102zm-55.251 308.751c-3.997 8.754-12.99 16.371-26.977 22.846-13.99 6.475-26.413 9.712-37.265 9.712-3.046 0-6.283-.235-9.708-.711-3.426-.479-6.324-.952-8.703-1.428-2.378-.476-5.523-1.331-9.421-2.57-3.905-1.234-6.715-2.189-8.422-2.854-1.718-.664-4.856-1.854-9.421-3.566-4.569-1.718-7.427-2.765-8.562-3.138-31.215-11.427-61.721-32.028-91.507-61.814-29.786-29.793-50.391-60.292-61.812-91.502-.378-1.143-1.425-3.999-3.14-8.565a952.564 952.564 0 00-3.571-9.419c-.662-1.713-1.615-4.521-2.853-8.42-1.237-3.903-2.091-7.041-2.568-9.423-.478-2.376-.95-5.277-1.427-8.704-.476-3.427-.713-6.667-.713-9.71 0-10.85 3.237-23.269 9.71-37.259 6.472-13.988 14.084-22.981 22.841-26.979 10.088-4.189 19.7-6.283 28.837-6.283 2.091 0 3.616.192 4.565.572.953.385 2.524 2.094 4.714 5.14 2.19 3.046 4.568 6.899 7.137 11.563 2.57 4.665 5.092 9.186 7.566 13.562a601.267 601.267 0 017.139 12.991c2.284 4.279 3.711 6.995 4.281 8.133.571.957 1.809 2.762 3.711 5.429 1.902 2.663 3.333 5.039 4.283 7.135.95 2.094 1.427 4.093 1.427 5.996 0 2.859-1.953 6.331-5.854 10.42-3.903 4.093-8.186 7.854-12.85 11.281s-8.945 7.092-12.847 10.994c-3.899 3.899-5.852 7.087-5.852 9.562 0 1.333.333 2.902 1 4.71.666 1.812 1.285 3.287 1.856 4.427.571 1.141 1.477 2.76 2.712 4.856 1.237 2.096 2.048 3.427 2.426 3.999 10.467 18.843 22.508 35.07 36.114 48.681 13.612 13.613 29.836 25.648 48.682 36.117.567.384 1.902 1.191 4.004 2.43 2.091 1.232 3.713 2.136 4.853 2.707 1.143.571 2.614 1.191 4.425 1.852 1.811.664 3.381.999 4.719.999 3.036 0 7.225-3.138 12.56-9.418a976.681 976.681 0 0116.276-18.705c5.516-6.181 9.985-9.274 13.418-9.274 1.902 0 3.897.473 5.999 1.424 2.095.951 4.469 2.382 7.132 4.284 2.669 1.91 4.476 3.142 5.428 3.721l15.125 8.271c10.089 5.332 18.511 10.041 25.27 14.134s10.424 6.899 10.996 8.419c.379.951.564 2.478.564 4.572-.007 9.128-2.102 18.741-6.297 28.803z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23D5EF28'/%3E%3C/svg%3E");
    background-size: cover
}

.address__title {
    margin-bottom: 10px;
    font-size: var(--fz-text-4);
    font-weight: 500
}

.contact {
    background: #fff;
    box-shadow: 5px 5px 46px 0 rgba(5, 22, 26, .06)
}

.contact .title-4 {
    margin-bottom: 25px
}

.contact .address {
    margin-bottom: 20px
}

.contact .phone-number {
    margin-bottom: 25px
}

.contact .mail-box {
    margin-bottom: 30px
}

.contact-box {
    padding: 50px 75px
}

.contacts-form {
    display: block;
    width: 38%;
    background: #fff
}

.contacts-form-box {
    display: flex;
    flex-direction: column;
    padding: 45px 19% 50px
}

.contacts .form-communication {
    padding-bottom: 20px;
    background: var(--bg-2)
}

.contacts .form-communication .form-2 {
    position: absolute;
    top: -26%;
    right: 11%;
    width: 38%;
    z-index: 5;
    z-index: 1000
}

.contacts .form-communication-container,
.contacts .form-communication-container .form-communication__iframe #map {
    height: 600px
}

.form-communication-container .form-communication__iframe {
    display: block
}

.form-communication-container .form-communication__iframe #map {
    height: 470px
}

.section-top {
    display: flex;
    align-items: flex-end
}

.section-top__item {
    margin-left: auto
}

.section-top__item:first-child {
    margin-left: 0
}

.section-top__text {
    letter-spacing: -.2px
}

.icon-box .icon {
    width: 100%
}

.share-container {
    display: flex
}

.share__text {
    align-self: flex-end;
    margin-right: 30px;
    font-weight: 500;
    color: var(--color-additional-6);
    letter-spacing: -.3px
}

.uploading-doc {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

.uploading-doc:not(:last-child) {
    margin-right: 55px
}

.uploading-doc-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
}

.uploading-doc__icon {
    width: 24px;
    height: 26px;
    margin-right: 15px
}

.uploading-doc__text {
    position: relative;
    display: inline-block;
    font-size: var(--fz-text-4);
    font-weight: 500;
    color: var(--color-additional-6)
}

.uploading-doc__text:before {
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 1px;
    content: "";
    background: #e2e7f1
}

.scroll-top {
    position: fixed;
    right: 60px;
    bottom: 60px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    text-decoration: none;
    cursor: pointer;
    background: #d5ef28;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .2s
}

.scroll-top.--visible {
    opacity: 1;
    visibility: visible
}

.scroll-top__icon {
    width: 15px;
    height: 15px;
    transform: rotate(-90deg)
}

.top-box {
    display: flex;
    padding: 25px 0
}

.catalog {
    position: relative
}

.catalog .btn-pop-up {
    display: none;
    margin: 0 auto
}

.catalog-list {
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0s;
    transform: translateY(-10px)
}

.catalog-list__wrap {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 8% 30px;
    background: var(--bg-1);
    border-radius: 5px;
    box-shadow: 5px 5px 46px 0 rgba(5, 22, 26, .06)
}

.catalog-list_active {
    z-index: 10;
    visibility: visible;
    opacity: 1;
    transition: .3s;
    transform: translateY(0)
}

.catalog-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    text-decoration: none
}

.catalog-list__img-box {
    width: 20px;
    height: 20px;
    margin-right: 13px
}

.catalog-list__img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.catalog__link-box {
    padding: 15px 0
}

.catalog-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: var(--fz-text-4);
    font-weight: 500;
    color: var(--color-basis);
    text-decoration: none
}

.catalog-nav-link:not(:first-child) {
    display: none
}

.catalog-nav-link:first-child:before {
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background: var(--bg-3)
}

.catalog-nav-link__icon {
    display: block;
    padding-right: 10px;
    margin-left: auto;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-additional-5)
}

.spinned {
    position: relative
}

.spinned:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.v-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: block;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    transition: .2s;
    opacity: 0;
    visibility: hidden
}

.v-popup.--is-open {
    opacity: 1;
    visibility: visible
}

.v-popup .v-popup-dialog {
    max-width: 600px;
    display: inline-block;
    position: relative;
    padding: 0;
    background: #fff;
    width: 100%
}

.v-popup .v-popup-dialog__close {
    position: absolute;
    top: 1em;
    right: 1em;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 10px;
    outline: none
}

.v-popup .v-popup-dialog__close:after,
.v-popup .v-popup-dialog__close:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-basis);
    border-radius: 10px;
    top: 50%
}

.v-popup .v-popup-dialog__close:before {
    transform: rotate(45deg)
}

.v-popup .v-popup-dialog__close:after {
    transform: rotate(-45deg)
}

.v-popup .v-popup__table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: auto;
    z-index: 6
}

.v-popup .v-popup__table-cell {
    display: table-cell;
    padding: 2em;
    height: 100%;
    display: block;
    overflow: auto
}

@media screen and (max-width:650px) {
    .v-popup .v-popup__table-cell {
        padding: 0;
        background: #fff
    }
}

.v-popup .v-popup__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1
}

.wrap {
    width: 100%;
    max-width: var(--wrap-2-max-width);
    padding: 0 20px;
    margin: 0 auto;
    background: var(--bg-1)
}

.wrap_color {
    background: transparent
}

.header-top {
    padding: 10px 0;
    margin-bottom: 18px;
    background: var(--bg-2)
}

.header-top .info-link:not(:last-child) {
    margin-right: 25px
}

.header-top .social-link {
    display: flex;
    margin-left: auto
}

.header-top .social-link-box {
    align-self: center
}

.header-top .rating {
    display: flex;
    align-items: center;
    margin: 0 1em 0 auto;
    color: #ec008b
}

.header-top .rating__icon {
    display: block;
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.header-top .rating__text {
    font-size: var(--fz-text-5);
    font-weight: 700
}

.header-top-content {
    display: flex;
    align-items: center;
    width: 100%
}

.header-top__box {
    display: flex;
    flex-wrap: wrap
}

.header-top__box:not(:first-child) {
    margin-left: auto
}

.header {
    padding-bottom: 12px;
    border-bottom: 1px solid #e8edef
}

.header .nav {
    width: 100%
}

.header .nav-container {
    display: flex;
    align-items: flex-start;
    align-items: center
}

.header-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 28px
}

@media screen and (max-width:650px) {
    .header-box {
        padding-bottom: 10px
    }
}

.header-box:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 75%;
    height: 1px;
    content: "";
    background: #e8edef
}

.header-box__item {
    margin-left: auto
}

.header-box__item:first-child,
.header-box__item:nth-child(2) {
    margin-left: 0
}

@media screen and (max-width:650px) {
    .header-box__item.header-box__item-menu {
        margin-left: auto
    }
}

.header-container {
    position: relative;
    display: flex
}

.footer {
    padding-top: 60px;
    background: var(--bg-2)
}

.footer .footer-nav-box {
    display: flex;
    flex-grow: 1
}

.footer .footer-nav-box__item {
    width: calc(100% - 45px)
}

.footer .footer-nav-box__item:not(:last-child) {
    margin-right: 90px
}

.footer .link-box__title {
    margin-bottom: 10px;
    font-size: var(--fz-text-3);
    font-weight: 700;
    color: var(--color-additional-5)
}

.footer .link-box .link-2 {
    margin-bottom: 10px
}

.footer .link-box .link-3 {
    padding: 5px 0
}

.footer-box .logo {
    margin-bottom: 25px
}

.footer-box .phone-number {
    margin-bottom: 15px
}

.footer-box .mail-box {
    margin-bottom: 20px
}

.footer-box .social-link-box_instagram {
    width: 26px;
    height: 26px;
    margin-right: 15px
}

.footer-box .social-link-box_facebook {
    width: 32px;
    height: 32px
}

.footer-content {
    display: flex;
    margin-bottom: 80px
}

.footer-content__item:first-child {
    width: 40%;
    margin-right: 70px
}

.footer-nav-box .nav__item {
    padding: 4px 0
}

.footer-nav-box .nav__item:first-child {
    padding-top: 0
}

.footer-nav-box .nav__item_last {
    margin-bottom: 25px
}

.footer-nav-box .nav__link {
    font-size: var(--fz-text-8);
    font-weight: 500
}

.footer-nav-box .nav__link_calc {
    left: 0;
    width: 100%
}

.footer-nav-box .nav__link_calc .nav__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px
}

.footer-container {
    display: flex;
    padding-bottom: 30px
}

.footer-container .text-5:not(:last-child) {
    margin-bottom: 5px
}

.footer-container .link-box {
    align-self: flex-end;
    margin-left: auto
}

.footer-container .link-box .link-2 {
    margin-bottom: 0
}

.slider-top {
    margin-bottom: 35px
}

.slider-top .swiper-pagination {
    right: 0;
    bottom: 90px;
    max-width: var(--wrap-2-max-width);
    padding: 0 5px;
    margin: 0 auto;
    text-align: left
}

.slider-top .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px
}

.slider-top .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #3db325
}

.slider-top-box {
    padding: 90px 0 145px;
    background-image: url(/local/templates/anensa-kozijnen/img/main/slider/bg_slider_top_item-1.jpg);
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width:650px) {
    .slider-top-box {
        padding: 90px 0;
        width: 100%
    }
}

.slider-top-box .title-1 {
    max-width: 530px;
    margin-bottom: 35px
}

@media screen and (max-width:650px) {
    .slider-top-box .title-1 {
        font-size: 23px;
        margin-bottom: 1em
    }
}

.slider-top-box .text-1 {
    margin-bottom: 40px
}

.slider-top-box .btn {
    padding: 14px 48px;
    font-size: var(--fz-btn_3)
}

.links-categories {
    margin-bottom: 45px
}

.links-categories .link-product {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f6f8f9;
    width: 100%;
    height: 100%
}

.links-categories .link-product__img-box {
    text-decoration: none;
    display: block;
    padding: 1em 1em 3em;
    width: 100%;
    text-align: center;
    max-height: 230px
}

.links-categories .link-product__img {
    max-width: 100%;
    max-height: 100%
}

.links-categories .link-product__text {
    position: absolute;
    bottom: 1em;
    color: var(--color-additional-2);
    text-decoration: none
}

@media screen and (max-width:910px) {
    .links-categories .link-product__text {
        text-align: center;
        font-size: 15px
    }
}

.links-categories .grid-3 .link-product__text {
    font-size: var(--fz-text-3);
    font-weight: 700;
    letter-spacing: 1px
}

.links-categories .grid-4 .link-product__text {
    font-size: var(--fz-text-7);
    font-weight: 500;
    letter-spacing: 1px
}

.calculator-link {
    margin-bottom: 60px
}

.calculator-link_bg {
    background: url(/local/templates/anensa-kozijnen/img/main/bg-calculator.png);
    background-position: 50%;
    background-size: cover
}

.calculator-link-box {
    max-width: 570px;
    padding: 95px 0 55px;
    margin-left: auto
}

.calculator-link-box .title-2 {
    margin-bottom: 15px;
    color: var(--color-additional-5)
}

.calculator-link-box .text-1 {
    margin-bottom: 25px
}

.calculator-link-box .btn {
    padding: 13px 55px;
    font-size: var(--fz-btn_3)
}

.useful-info {
    margin-bottom: 65px
}

.useful-info .top-box {
    margin-bottom: 35px
}

.useful-info .top-box__item {
    display: flex;
    align-items: center
}

.useful-info .title-4 {
    margin-bottom: 15px
}

.useful-info .text-2 {
    margin-bottom: 25px
}

.useful-info__item {
    display: block;
    color: var(--color-basis);
    text-decoration: none
}

.useful-info__img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

.useful-info__img-box:before {
    position: absolute;
    bottom: -95px;
    left: 6.5%;
    width: 3px;
    height: 106px;
    content: "";
    background: #9dc54b
}

.useful-info__img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 310px
}

.useful-info__description {
    padding: 0 10px 0 12%
}

.certificates {
    margin-bottom: 20px
}

.certificates .title-3 {
    padding-bottom: 25px
}

.certificates__img {
    width: 100%
}

.about-company {
    margin-bottom: 65px
}

.about-company .text-3,
.about-company .title-1 {
    max-width: 960px;
    margin-bottom: 30px
}

.about-company .text-4 {
    max-width: 960px;
    margin-bottom: 35px
}

.about-company_bg {
    padding-top: 65px;
    padding-bottom: 85px;
    background-image: url(/local/templates/anensa-kozijnen/img/main/bg-about-company.png);
    background-repeat: no-repeat;
    background-position: 90% -10%
}

.form-communication {
    position: relative;
    z-index: 1
}

.form-communication .contact {
    position: absolute;
    top: 9%;
    right: 11%;
    width: 50%;
    max-width: 480px;
    z-index: 1000
}

@media screen and (max-width:650px) {
    .form-communication .contact {
        box-shadow: none
    }
}

@media screen and (max-width:650px) {
    .form-communication .contact .contact-box {
        padding: 0
    }
}

.form-communication-container {
    height: 470px
}

.useful-info-box .top-box {
    padding-top: 30px;
    margin-bottom: 15px
}

.useful-info-box .title-1 {
    margin-bottom: 25px;
    font-weight: 500
}

.useful-info-box .text-1 {
    margin-bottom: 40px;
    line-height: 1.3;
    letter-spacing: -.3px
}

.redes-container .redes-box {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 35px
}

.redes-container .redes-box__img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% + 125px);
    max-height: 420px;
    margin-right: 50px;
    margin-left: -170px
}

.redes-container .redes-box__img {
    display: block;
    width: 100%
}

.redes-container .redes-box__description {
    width: 50%;
    padding: 10px 0
}

.redes-container .redes-box__description .title-2 {
    margin-bottom: 8px;
    color: var(--color-additional-5)
}

.redes-container .redes-box__description .title-5 {
    margin-bottom: 15px;
    letter-spacing: -.5px
}

.redes-container .redes-box__description .text-1 {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.4
}

.redes-container .redes-box__description .list-info,
.redes-container .redes-box__description .list-tools {
    padding-left: 50px
}

.redes-container_right .redes-box__img-box {
    order: 1;
    margin-right: -170px;
    margin-left: 0
}

.redes-container_right .redes-box__description {
    margin-right: 50px
}

.easy-tip {
    padding-bottom: 25px
}

.easy-tip .redes-box__img-box {
    padding-top: 60px
}

.useful-info-text-box .text-1 {
    margin-bottom: 35px;
    line-height: 1.3;
    color: var(--color-additional-6)
}

.useful-info-text-box .text-1:nth-child(3) {
    margin-bottom: 50px
}

.useful-info-text-box .text-1:nth-child(5),
.useful-info-text-box .text-1:nth-child(7) {
    margin-bottom: 40px
}

.useful-info-text-box .text-6 {
    margin-bottom: 20px
}

.useful-info-text-box .important-text {
    margin-bottom: 35px
}

.useful-info-text-box .list-info {
    padding-left: 7%
}

.useful-info-text-box_2 {
    margin-bottom: 85px
}

.useful-info-text-box_2 .text-1 {
    margin-bottom: 40px
}

.useful-info-text-box_2 .text-1:nth-child(4) {
    margin-bottom: 20px
}

.useful-info-text-box_2 .list-info {
    padding-left: 5%;
    margin-bottom: 45px
}

.useful-info-element,
.useful-info-text-box_2 .text-7 {
    margin-bottom: 55px
}

.useful-info-element .text-1 {
    line-height: 1.4;
    letter-spacing: -.3px
}

.recommend-viewing {
    padding-bottom: 115px
}

.recommend-viewing .title-6 {
    margin-bottom: 35px
}

.feedback-form {
    padding: 95px 0 50px;
    margin-bottom: 45px
}

.feedback-form .icon-box {
    display: flex;
    width: 100%;
    max-width: 105px;
    max-height: 110px;
    margin-right: 45px
}

@media screen and (max-width:650px) {
    .feedback-form .icon-box {
        max-width: 65px;
        max-height: 73px;
        margin-right: 30px
    }
}

.feedback-form .title-5 {
    margin-bottom: 10px;
    font-weight: 700
}

@media screen and (max-width:650px) {
    .feedback-form .title-5 {
        font-size: 20px
    }
}

.feedback-form .form {
    padding-top: 5px
}

.feedback-form .form-box {
    width: calc((100% - 30px)/2)
}

.feedback-form .form-box:not(:last-child) {
    margin-right: 30px
}

.feedback-form .form-box:nth-child(2) {
    padding-top: 19px
}

.feedback-form_color {
    background: var(--bg-2)
}

.feedback-form-container {
    display: flex
}

.feedback-form__item {
    display: flex;
    width: calc((100% - 30px)/2)
}

.feedback-form__item:not(:last-child) {
    margin-right: 30px
}

.feedback-form__item:first-child {
    padding-left: 15px
}

.list-products-container .wrap>.top-box {
    padding-top: 25px;
    margin-bottom: 20px
}

.list-products-container .feedback-form {
    padding: 50px 0 20px;
    background: transparent
}

.list-products-box {
    margin-bottom: 30px
}

.list-products-text-box .text-8 {
    margin-bottom: 5px
}

.list-products-additional-info {
    padding-bottom: 50px;
    border-bottom: 1px solid #f2f5f6
}

.list-products-additional-info>.link-4 {
    font-size: var(--fz-text-10);
    font-weight: 700;
    color: #000
}

.list-products-additional-info>.link-4 .link-4__icon {
    padding-top: 5px;
    margin-right: 0;
    margin-left: 10px;
    transform: rotate(-90deg)
}

.list-products-additional-info .text-4,
.list-products-additional-info .title-1 {
    margin-bottom: 30px
}

.detailed-product-card-container .wrap>.top-box,
.list-products-additional-info .text-3 {
    margin-bottom: 25px
}

.detailed-product-card-container .recommend-viewing {
    padding-bottom: 0
}

.detailed-product-card-container .text-3 {
    margin-bottom: 20px;
    line-height: 1.4
}

.detailed-product-card-container .text-3_icon {
    display: block;
    width: 70px;
    height: 50px;
    margin-right: 25px;
    fill: var(--color-additional-5)
}

.detailed-product-card-container .text-4 {
    margin-bottom: 55px
}

.detailed-product-card-container .detailed-product-card {
    margin-bottom: 65px
}

.detailed-product-card-container .feedback-form {
    padding-bottom: 10px
}

.product-detailed-description-container .title-6 {
    display: inline-block;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--color-additional-5)
}

.product-detailed-description-container .text-3 {
    margin-bottom: 30px
}

.product-detailed-description-container .product-detailed-description {
    margin-bottom: 40px
}

.product-detailed-description-container .product-detailed-description__full {
    padding-left: 45px
}

.product-detailed-description-container .product-detailed-description__full p {
    padding: 0;
    margin: 0 0 20px;
    line-height: 1.4em
}

.product-detailed-description-container .product-detailed-description__full ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.product-detailed-description-container .product-detailed-description__full ul li {
    margin-bottom: 13px
}

.product-detailed-description-container .product-detailed-description__gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.calculator-top .title-1 {
    margin-bottom: 25px
}

.calculator .feedback-form {
    padding-top: 72px;
    margin-bottom: 0
}

@media screen and (max-width:650px) {
    .calculator .feedback-form {
        padding-top: 2em
    }
}

.selecting-box {
    margin-bottom: 50px
}

.selecting-box .selecting-container {
    display: flex
}

.selecting-container {
    margin-bottom: 25px
}

.selecting-container .text-3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-additional-5)
}

.selecting-container .text-3 span {
    display: inline-block;
    margin-left: 10px;
    font-size: var(--fz-basis);
    font-weight: 400;
    color: var(--color-additional-2)
}

.selecting-container .input {
    position: relative;
    display: inline-flex;
    width: 100%;
    font-size: 14px;
    margin-bottom: 1em
}

.selecting-container .input input {
    position: relative;
    display: flex;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    background: transparent;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.selecting-container__item {
    display: inline-block;
    width: calc(100% - 15px)
}

.selecting-container__item:not(:last-child) {
    margin-right: 30px
}

.selecting-container__item:nth-child(2) .text-3 {
    margin-bottom: 30px
}

.total-cost-errors {
    display: flex;
    background: #ffd0d0;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 10px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100%;
    font-size: 17px
}

.total-cost-box {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: left;
    margin-bottom: 1em
}

.total-cost__icon {
    display: block;
    width: 55px;
    height: 55px;
    margin-right: 20px;
    fill: var(--color-additional-5)
}

.total-cost {
    background: var(--bg-3);
    box-sizing: border-box;
    padding: 2em;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15)
}

.total-cost__fixed {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 100
}

.total-cost__fixed,
.total-cost__fixed .wrap {
    background: var(--bg-3)
}

.total-cost .text-1 {
    margin-bottom: 5px;
    font-weight: 500;
    color: var(--color-additional-2)
}

.total-cost .title-2 {
    font-weight: 500;
    color: var(--color-additional-5)
}

.total-cost .text-5 {
    color: var(--color-additional-2);
    margin-bottom: 1rem
}

.total-cost .btn {
    width: 100%
}

.contacts-top {
    margin-bottom: 40px
}

.contacts-container {
    margin-bottom: 45px
}

.contacts-container__item {
    width: calc((100% - 30px)/2)
}

.contacts-container__item:not(:last-child) {
    margin-right: 30px
}

.contacts-box {
    display: flex
}

.contacts-box .phone-number {
    margin-bottom: 25px
}

.contacts-box .address__title {
    margin-bottom: 10px
}

.contacts-box .mail-box__link {
    font-size: 12px
}

.contacts-box .mail-box__text {
    font-size: 10px
}

.contacts-box__item {
    width: calc((100% - 30px)/2);
    padding-left: 8%
}

.contacts-box__item:not(:last-child) {
    margin-right: 30px
}

.contacts-box__icon {
    position: absolute;
    top: 0;
    left: -50px;
    width: 23px;
    max-height: 23px;
    fill: #99a9c7
}

.contacts__text-box {
    position: relative;
    display: flex;
    align-items: center
}

[v-cloak] {
    display: block;
    min-height: 200px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[v-cloak]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: hsla(0, 0%, 100%, .7)
}

[v-cloak]:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #333;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2
}

.v-cloak {
    display: block;
    min-height: 200px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v-cloak:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: hsla(0, 0%, 100%, .7)
}

.v-cloak:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #333;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2
}

@media only screen and (max-width:1014px) {
    .l-p0 {
        padding: 0 !important
    }
    .l-m0 {
        margin: 0 !important
    }
    .l-p10 {
        padding: 1em 0 !important
    }
    .l-m10 {
        margin: 1em 0 !important
    }
    .l-p01 {
        padding: 0 1em !important
    }
    .l-m01 {
        margin: 0 1em !important
    }
    .l-p1 {
        padding: 1em !important
    }
    .l-m1 {
        margin: 1em !important
    }
    .l-p20 {
        padding: 2em 0 !important
    }
    .l-m20 {
        margin: 2em 0 !important
    }
    .l-p02 {
        padding: 0 2em !important
    }
    .l-m02 {
        margin: 0 2em !important
    }
    .l-p2 {
        padding: 2em !important
    }
    .l-m2 {
        margin: 2em !important
    }
    .l-p30 {
        padding: 3em 0 !important
    }
    .l-m30 {
        margin: 3em 0 !important
    }
    .l-p03 {
        padding: 0 3em !important
    }
    .l-m03 {
        margin: 0 3em !important
    }
    .l-p3 {
        padding: 3em !important
    }
    .l-m3 {
        margin: 3em !important
    }
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .l-scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .l-scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .l-scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .l-scroll-x .grid-item,
    .l-scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .l-grid-10 {
        --grid-size: 10
    }
    .l-grid-8 {
        --grid-size: 8
    }
    .l-grid-6 {
        --grid-size: 6
    }
    .l-grid-5 {
        --grid-size: 5
    }
    .l-grid-4 {
        --grid-size: 4
    }
    .l-grid-3 {
        --grid-size: 3
    }
    .l-grid-2 {
        --grid-size: 2
    }
    .l-grid-1 {
        --grid-size: 1;
        margin-left: 0;
        margin-right: 0
    }
    .l-grid-1 .grid-item {
        padding-left: 0;
        padding-right: 0
    }
    .l-al-left {
        text-align: left !important;
        justify-content: flex-start
    }
    .l-al-center {
        text-align: center !important;
        justify-content: center
    }
    .l-al-right {
        text-align: right !important;
        justify-content: flex-end
    }
    .l-vl-top {
        vertical-align: top !important
    }
    .l-vl-middle {
        vertical-align: middle !important
    }
    .l-vl-bottom {
        vertical-align: bottom !important
    }
    .l-vl-inline {
        vertical-align: baseline !important
    }
    .grid-item.m-w10,
    .l-w10 {
        width: 10%
    }
    .l-h10 {
        height: 10%
    }
    .grid-item.m-w15,
    .l-w15 {
        width: 15%
    }
    .l-h15 {
        height: 15%
    }
    .grid-item.m-w20,
    .l-w20 {
        width: 20%
    }
    .l-h20 {
        height: 20%
    }
    .grid-item.m-w25,
    .l-w25 {
        width: 25%
    }
    .l-h25 {
        height: 25%
    }
    .grid-item.m-w30,
    .l-w30 {
        width: 30%
    }
    .l-h30 {
        height: 30%
    }
    .grid-item.m-w35,
    .l-w35 {
        width: 35%
    }
    .l-h35 {
        height: 35%
    }
    .grid-item.m-w40,
    .l-w40 {
        width: 40%
    }
    .l-h40 {
        height: 40%
    }
    .grid-item.m-w45,
    .l-w45 {
        width: 45%
    }
    .l-h45 {
        height: 45%
    }
    .grid-item.m-w50,
    .l-w50 {
        width: 50%
    }
    .l-h50 {
        height: 50%
    }
    .grid-item.m-w55,
    .l-w55 {
        width: 55%
    }
    .l-h55 {
        height: 55%
    }
    .grid-item.m-w60,
    .l-w60 {
        width: 60%
    }
    .l-h60 {
        height: 60%
    }
    .grid-item.m-w65,
    .l-w65 {
        width: 65%
    }
    .l-h65 {
        height: 65%
    }
    .grid-item.m-w70,
    .l-w70 {
        width: 70%
    }
    .l-h70 {
        height: 70%
    }
    .grid-item.m-w75,
    .l-w75 {
        width: 75%
    }
    .l-h75 {
        height: 75%
    }
    .grid-item.m-w80,
    .l-w80 {
        width: 80%
    }
    .l-h80 {
        height: 80%
    }
    .grid-item.m-w85,
    .l-w85 {
        width: 85%
    }
    .l-h85 {
        height: 85%
    }
    .grid-item.m-w90,
    .l-w90 {
        width: 90%
    }
    .l-h90 {
        height: 90%
    }
    .grid-item.m-w95,
    .l-w95 {
        width: 95%
    }
    .l-h95 {
        height: 95%
    }
    .grid-item.m-w100,
    .l-w100 {
        width: 100%
    }
    .l-h100 {
        height: 100%
    }
    .l-dn {
        display: none !important
    }
    .l-db {
        display: block !important
    }
    .l-dib {
        display: inline-block !important
    }
    .l-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .l-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .l-mgb0 {
        margin-bottom: 0 !important
    }
    .l-mgt0 {
        margin-top: 0 !important
    }
    .l-mgb1 {
        margin-bottom: 1em !important
    }
    .l-mgt1 {
        margin-top: 1em !important
    }
    .l-mgb2 {
        margin-bottom: 2em !important
    }
    .l-mgt2 {
        margin-top: 2em !important
    }
    .l-mgb3 {
        margin-bottom: 3em !important
    }
    .l-mgt3 {
        margin-top: 3em !important
    }
    .l-mgb4 {
        margin-bottom: 4em !important
    }
    .l-mgt4 {
        margin-top: 4em !important
    }
    .l-mgb5 {
        margin-bottom: 5em !important
    }
    .l-mgt5 {
        margin-top: 5em !important
    }
    .l-mgb6 {
        margin-bottom: 6em !important
    }
    .l-mgt6 {
        margin-top: 6em !important
    }
}

@media only screen and (max-width:808px) {
    .m-p0 {
        padding: 0 !important
    }
    .m-m0 {
        margin: 0 !important
    }
    .m-p10 {
        padding: 1em 0 !important
    }
    .m-m10 {
        margin: 1em 0 !important
    }
    .m-p01 {
        padding: 0 1em !important
    }
    .m-m01 {
        margin: 0 1em !important
    }
    .m-p1 {
        padding: 1em !important
    }
    .m-m1 {
        margin: 1em !important
    }
    .m-p20 {
        padding: 2em 0 !important
    }
    .m-m20 {
        margin: 2em 0 !important
    }
    .m-p02 {
        padding: 0 2em !important
    }
    .m-m02 {
        margin: 0 2em !important
    }
    .m-p2 {
        padding: 2em !important
    }
    .m-m2 {
        margin: 2em !important
    }
    .m-p30 {
        padding: 3em 0 !important
    }
    .m-m30 {
        margin: 3em 0 !important
    }
    .m-p03 {
        padding: 0 3em !important
    }
    .m-m03 {
        margin: 0 3em !important
    }
    .m-p3 {
        padding: 3em !important
    }
    .m-m3 {
        margin: 3em !important
    }
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .m-scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .m-scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .m-scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .m-scroll-x .grid-item,
    .m-scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .m-grid-10 {
        --grid-size: 10
    }
    .m-grid-8 {
        --grid-size: 8
    }
    .m-grid-6 {
        --grid-size: 6
    }
    .m-grid-5 {
        --grid-size: 5
    }
    .m-grid-4 {
        --grid-size: 4
    }
    .m-grid-3 {
        --grid-size: 3
    }
    .m-grid-2 {
        --grid-size: 2
    }
    .m-grid-1 {
        --grid-size: 1;
        margin-left: 0;
        margin-right: 0
    }
    .m-grid-1 .grid-item {
        padding-left: 0;
        padding-right: 0
    }
    .m-al-left {
        text-align: left !important;
        justify-content: flex-start
    }
    .m-al-center {
        text-align: center !important;
        justify-content: center
    }
    .m-al-right {
        text-align: right !important;
        justify-content: flex-end
    }
    .m-vl-top {
        vertical-align: top !important
    }
    .m-vl-middle {
        vertical-align: middle !important
    }
    .m-vl-bottom {
        vertical-align: bottom !important
    }
    .m-vl-inline {
        vertical-align: baseline !important
    }
    .grid-item.m-w10,
    .m-w10 {
        width: 10%
    }
    .m-h10 {
        height: 10%
    }
    .grid-item.m-w15,
    .m-w15 {
        width: 15%
    }
    .m-h15 {
        height: 15%
    }
    .grid-item.m-w20,
    .m-w20 {
        width: 20%
    }
    .m-h20 {
        height: 20%
    }
    .grid-item.m-w25,
    .m-w25 {
        width: 25%
    }
    .m-h25 {
        height: 25%
    }
    .grid-item.m-w30,
    .m-w30 {
        width: 30%
    }
    .m-h30 {
        height: 30%
    }
    .grid-item.m-w35,
    .m-w35 {
        width: 35%
    }
    .m-h35 {
        height: 35%
    }
    .grid-item.m-w40,
    .m-w40 {
        width: 40%
    }
    .m-h40 {
        height: 40%
    }
    .grid-item.m-w45,
    .m-w45 {
        width: 45%
    }
    .m-h45 {
        height: 45%
    }
    .grid-item.m-w50,
    .m-w50 {
        width: 50%
    }
    .m-h50 {
        height: 50%
    }
    .grid-item.m-w55,
    .m-w55 {
        width: 55%
    }
    .m-h55 {
        height: 55%
    }
    .grid-item.m-w60,
    .m-w60 {
        width: 60%
    }
    .m-h60 {
        height: 60%
    }
    .grid-item.m-w65,
    .m-w65 {
        width: 65%
    }
    .m-h65 {
        height: 65%
    }
    .grid-item.m-w70,
    .m-w70 {
        width: 70%
    }
    .m-h70 {
        height: 70%
    }
    .grid-item.m-w75,
    .m-w75 {
        width: 75%
    }
    .m-h75 {
        height: 75%
    }
    .grid-item.m-w80,
    .m-w80 {
        width: 80%
    }
    .m-h80 {
        height: 80%
    }
    .grid-item.m-w85,
    .m-w85 {
        width: 85%
    }
    .m-h85 {
        height: 85%
    }
    .grid-item.m-w90,
    .m-w90 {
        width: 90%
    }
    .m-h90 {
        height: 90%
    }
    .grid-item.m-w95,
    .m-w95 {
        width: 95%
    }
    .m-h95 {
        height: 95%
    }
    .grid-item.m-w100,
    .m-w100 {
        width: 100%
    }
    .m-h100 {
        height: 100%
    }
    .m-dn {
        display: none !important
    }
    .m-db {
        display: block !important
    }
    .m-dib {
        display: inline-block !important
    }
    .m-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .m-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .m-mgb0 {
        margin-bottom: 0 !important
    }
    .m-mgt0 {
        margin-top: 0 !important
    }
    .m-mgb1 {
        margin-bottom: 1em !important
    }
    .m-mgt1 {
        margin-top: 1em !important
    }
    .m-mgb2 {
        margin-bottom: 2em !important
    }
    .m-mgt2 {
        margin-top: 2em !important
    }
    .m-mgb3 {
        margin-bottom: 3em !important
    }
    .m-mgt3 {
        margin-top: 3em !important
    }
    .m-mgb4 {
        margin-bottom: 4em !important
    }
    .m-mgt4 {
        margin-top: 4em !important
    }
    .m-mgb5 {
        margin-bottom: 5em !important
    }
    .m-mgt5 {
        margin-top: 5em !important
    }
    .m-mgb6 {
        margin-bottom: 6em !important
    }
    .m-mgt6 {
        margin-top: 6em !important
    }
}

@media only screen and (max-width:606px) {
    .sm-p0 {
        padding: 0 !important
    }
    .sm-m0 {
        margin: 0 !important
    }
    .sm-p10 {
        padding: 1em 0 !important
    }
    .sm-m10 {
        margin: 1em 0 !important
    }
    .sm-p01 {
        padding: 0 1em !important
    }
    .sm-m01 {
        margin: 0 1em !important
    }
    .sm-p1 {
        padding: 1em !important
    }
    .sm-m1 {
        margin: 1em !important
    }
    .sm-p20 {
        padding: 2em 0 !important
    }
    .sm-m20 {
        margin: 2em 0 !important
    }
    .sm-p02 {
        padding: 0 2em !important
    }
    .sm-m02 {
        margin: 0 2em !important
    }
    .sm-p2 {
        padding: 2em !important
    }
    .sm-m2 {
        margin: 2em !important
    }
    .sm-p30 {
        padding: 3em 0 !important
    }
    .sm-m30 {
        margin: 3em 0 !important
    }
    .sm-p03 {
        padding: 0 3em !important
    }
    .sm-m03 {
        margin: 0 3em !important
    }
    .sm-p3 {
        padding: 3em !important
    }
    .sm-m3 {
        margin: 3em !important
    }
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .sm-scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .sm-scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .sm-scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .sm-scroll-x .grid-item,
    .sm-scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .sm-grid-10 {
        --grid-size: 10
    }
    .sm-grid-8 {
        --grid-size: 8
    }
    .sm-grid-6 {
        --grid-size: 6
    }
    .sm-grid-5 {
        --grid-size: 5
    }
    .sm-grid-4 {
        --grid-size: 4
    }
    .sm-grid-3 {
        --grid-size: 3
    }
    .sm-grid-2 {
        --grid-size: 2
    }
    .sm-grid-1 {
        --grid-size: 1;
        margin-left: 0;
        margin-right: 0
    }
    .sm-grid-1 .grid-item {
        padding-left: 0;
        padding-right: 0
    }
    .sm-al-left {
        text-align: left !important;
        justify-content: flex-start
    }
    .sm-al-center {
        text-align: center !important;
        justify-content: center
    }
    .sm-al-right {
        text-align: right !important;
        justify-content: flex-end
    }
    .sm-vl-top {
        vertical-align: top !important
    }
    .sm-vl-middle {
        vertical-align: middle !important
    }
    .sm-vl-bottom {
        vertical-align: bottom !important
    }
    .sm-vl-inline {
        vertical-align: baseline !important
    }
    .grid-item.m-w10,
    .sm-w10 {
        width: 10%
    }
    .sm-h10 {
        height: 10%
    }
    .grid-item.m-w15,
    .sm-w15 {
        width: 15%
    }
    .sm-h15 {
        height: 15%
    }
    .grid-item.m-w20,
    .sm-w20 {
        width: 20%
    }
    .sm-h20 {
        height: 20%
    }
    .grid-item.m-w25,
    .sm-w25 {
        width: 25%
    }
    .sm-h25 {
        height: 25%
    }
    .grid-item.m-w30,
    .sm-w30 {
        width: 30%
    }
    .sm-h30 {
        height: 30%
    }
    .grid-item.m-w35,
    .sm-w35 {
        width: 35%
    }
    .sm-h35 {
        height: 35%
    }
    .grid-item.m-w40,
    .sm-w40 {
        width: 40%
    }
    .sm-h40 {
        height: 40%
    }
    .grid-item.m-w45,
    .sm-w45 {
        width: 45%
    }
    .sm-h45 {
        height: 45%
    }
    .grid-item.m-w50,
    .sm-w50 {
        width: 50%
    }
    .sm-h50 {
        height: 50%
    }
    .grid-item.m-w55,
    .sm-w55 {
        width: 55%
    }
    .sm-h55 {
        height: 55%
    }
    .grid-item.m-w60,
    .sm-w60 {
        width: 60%
    }
    .sm-h60 {
        height: 60%
    }
    .grid-item.m-w65,
    .sm-w65 {
        width: 65%
    }
    .sm-h65 {
        height: 65%
    }
    .grid-item.m-w70,
    .sm-w70 {
        width: 70%
    }
    .sm-h70 {
        height: 70%
    }
    .grid-item.m-w75,
    .sm-w75 {
        width: 75%
    }
    .sm-h75 {
        height: 75%
    }
    .grid-item.m-w80,
    .sm-w80 {
        width: 80%
    }
    .sm-h80 {
        height: 80%
    }
    .grid-item.m-w85,
    .sm-w85 {
        width: 85%
    }
    .sm-h85 {
        height: 85%
    }
    .grid-item.m-w90,
    .sm-w90 {
        width: 90%
    }
    .sm-h90 {
        height: 90%
    }
    .grid-item.m-w95,
    .sm-w95 {
        width: 95%
    }
    .sm-h95 {
        height: 95%
    }
    .grid-item.m-w100,
    .sm-w100 {
        width: 100%
    }
    .sm-h100 {
        height: 100%
    }
    .sm-dn {
        display: none !important
    }
    .sm-db {
        display: block !important
    }
    .sm-dib {
        display: inline-block !important
    }
    .sm-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .sm-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .sm-mgb0 {
        margin-bottom: 0 !important
    }
    .sm-mgt0 {
        margin-top: 0 !important
    }
    .sm-mgb1 {
        margin-bottom: 1em !important
    }
    .sm-mgt1 {
        margin-top: 1em !important
    }
    .sm-mgb2 {
        margin-bottom: 2em !important
    }
    .sm-mgt2 {
        margin-top: 2em !important
    }
    .sm-mgb3 {
        margin-bottom: 3em !important
    }
    .sm-mgt3 {
        margin-top: 3em !important
    }
    .sm-mgb4 {
        margin-bottom: 4em !important
    }
    .sm-mgt4 {
        margin-top: 4em !important
    }
    .sm-mgb5 {
        margin-bottom: 5em !important
    }
    .sm-mgt5 {
        margin-top: 5em !important
    }
    .sm-mgb6 {
        margin-bottom: 6em !important
    }
    .sm-mgt6 {
        margin-top: 6em !important
    }
}

@media only screen and (max-width:597px) {
    .s-p0 {
        padding: 0 !important
    }
    .s-m0 {
        margin: 0 !important
    }
    .s-p10 {
        padding: 1em 0 !important
    }
    .s-m10 {
        margin: 1em 0 !important
    }
    .s-p01 {
        padding: 0 1em !important
    }
    .s-m01 {
        margin: 0 1em !important
    }
    .s-p1 {
        padding: 1em !important
    }
    .s-m1 {
        margin: 1em !important
    }
    .s-p20 {
        padding: 2em 0 !important
    }
    .s-m20 {
        margin: 2em 0 !important
    }
    .s-p02 {
        padding: 0 2em !important
    }
    .s-m02 {
        margin: 0 2em !important
    }
    .s-p2 {
        padding: 2em !important
    }
    .s-m2 {
        margin: 2em !important
    }
    .s-p30 {
        padding: 3em 0 !important
    }
    .s-m30 {
        margin: 3em 0 !important
    }
    .s-p03 {
        padding: 0 3em !important
    }
    .s-m03 {
        margin: 0 3em !important
    }
    .s-p3 {
        padding: 3em !important
    }
    .s-m3 {
        margin: 3em !important
    }
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .s-scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .s-scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .s-scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .s-scroll-x .grid-item,
    .s-scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .s-grid-10 {
        --grid-size: 10
    }
    .s-grid-8 {
        --grid-size: 8
    }
    .s-grid-6 {
        --grid-size: 6
    }
    .s-grid-5 {
        --grid-size: 5
    }
    .s-grid-4 {
        --grid-size: 4
    }
    .s-grid-3 {
        --grid-size: 3
    }
    .s-grid-2 {
        --grid-size: 2
    }
    .s-grid-1 {
        --grid-size: 1;
        margin-left: 0;
        margin-right: 0
    }
    .s-grid-1 .grid-item {
        padding-left: 0;
        padding-right: 0
    }
    .s-al-left {
        text-align: left !important;
        justify-content: flex-start
    }
    .s-al-center {
        text-align: center !important;
        justify-content: center
    }
    .s-al-right {
        text-align: right !important;
        justify-content: flex-end
    }
    .s-vl-top {
        vertical-align: top !important
    }
    .s-vl-middle {
        vertical-align: middle !important
    }
    .s-vl-bottom {
        vertical-align: bottom !important
    }
    .s-vl-inline {
        vertical-align: baseline !important
    }
    .grid-item.m-w10,
    .s-w10 {
        width: 10%
    }
    .s-h10 {
        height: 10%
    }
    .grid-item.m-w15,
    .s-w15 {
        width: 15%
    }
    .s-h15 {
        height: 15%
    }
    .grid-item.m-w20,
    .s-w20 {
        width: 20%
    }
    .s-h20 {
        height: 20%
    }
    .grid-item.m-w25,
    .s-w25 {
        width: 25%
    }
    .s-h25 {
        height: 25%
    }
    .grid-item.m-w30,
    .s-w30 {
        width: 30%
    }
    .s-h30 {
        height: 30%
    }
    .grid-item.m-w35,
    .s-w35 {
        width: 35%
    }
    .s-h35 {
        height: 35%
    }
    .grid-item.m-w40,
    .s-w40 {
        width: 40%
    }
    .s-h40 {
        height: 40%
    }
    .grid-item.m-w45,
    .s-w45 {
        width: 45%
    }
    .s-h45 {
        height: 45%
    }
    .grid-item.m-w50,
    .s-w50 {
        width: 50%
    }
    .s-h50 {
        height: 50%
    }
    .grid-item.m-w55,
    .s-w55 {
        width: 55%
    }
    .s-h55 {
        height: 55%
    }
    .grid-item.m-w60,
    .s-w60 {
        width: 60%
    }
    .s-h60 {
        height: 60%
    }
    .grid-item.m-w65,
    .s-w65 {
        width: 65%
    }
    .s-h65 {
        height: 65%
    }
    .grid-item.m-w70,
    .s-w70 {
        width: 70%
    }
    .s-h70 {
        height: 70%
    }
    .grid-item.m-w75,
    .s-w75 {
        width: 75%
    }
    .s-h75 {
        height: 75%
    }
    .grid-item.m-w80,
    .s-w80 {
        width: 80%
    }
    .s-h80 {
        height: 80%
    }
    .grid-item.m-w85,
    .s-w85 {
        width: 85%
    }
    .s-h85 {
        height: 85%
    }
    .grid-item.m-w90,
    .s-w90 {
        width: 90%
    }
    .s-h90 {
        height: 90%
    }
    .grid-item.m-w95,
    .s-w95 {
        width: 95%
    }
    .s-h95 {
        height: 95%
    }
    .grid-item.m-w100,
    .s-w100 {
        width: 100%
    }
    .s-h100 {
        height: 100%
    }
    .s-dn {
        display: none !important
    }
    .s-db {
        display: block !important
    }
    .s-dib {
        display: inline-block !important
    }
    .s-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .s-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .s-mgb0 {
        margin-bottom: 0 !important
    }
    .s-mgt0 {
        margin-top: 0 !important
    }
    .s-mgb1 {
        margin-bottom: 1em !important
    }
    .s-mgt1 {
        margin-top: 1em !important
    }
    .s-mgb2 {
        margin-bottom: 2em !important
    }
    .s-mgt2 {
        margin-top: 2em !important
    }
    .s-mgb3 {
        margin-bottom: 3em !important
    }
    .s-mgt3 {
        margin-top: 3em !important
    }
    .s-mgb4 {
        margin-bottom: 4em !important
    }
    .s-mgt4 {
        margin-top: 4em !important
    }
    .s-mgb5 {
        margin-bottom: 5em !important
    }
    .s-mgt5 {
        margin-top: 5em !important
    }
    .s-mgb6 {
        margin-bottom: 6em !important
    }
    .s-mgt6 {
        margin-top: 6em !important
    }
}

@media only screen and (max-width:425px) {
    .sx-p0 {
        padding: 0 !important
    }
    .sx-m0 {
        margin: 0 !important
    }
    .sx-p10 {
        padding: 1em 0 !important
    }
    .sx-m10 {
        margin: 1em 0 !important
    }
    .sx-p01 {
        padding: 0 1em !important
    }
    .sx-m01 {
        margin: 0 1em !important
    }
    .sx-p1 {
        padding: 1em !important
    }
    .sx-m1 {
        margin: 1em !important
    }
    .sx-p20 {
        padding: 2em 0 !important
    }
    .sx-m20 {
        margin: 2em 0 !important
    }
    .sx-p02 {
        padding: 0 2em !important
    }
    .sx-m02 {
        margin: 0 2em !important
    }
    .sx-p2 {
        padding: 2em !important
    }
    .sx-m2 {
        margin: 2em !important
    }
    .sx-p30 {
        padding: 3em 0 !important
    }
    .sx-m30 {
        margin: 3em 0 !important
    }
    .sx-p03 {
        padding: 0 3em !important
    }
    .sx-m03 {
        margin: 0 3em !important
    }
    .sx-p3 {
        padding: 3em !important
    }
    .sx-m3 {
        margin: 3em !important
    }
    .scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .scroll-x .grid-item,
    .scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .sx-scroll-x {
        width: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: flex;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: -1em !important
    }
    .sx-scroll-x::-webkit-scrollbar {
        height: 8px;
        cursor: pointer;
        background-color: var(--color-bg-light);
        border-radius: 5px
    }
    .sx-scroll-x::-webkit-scrollbar-thumb {
        height: 8px;
        background-color: var(--color-font);
        border-radius: 5px;
        cursor: pointer
    }
    .sx-scroll-x .grid-item,
    .sx-scroll-x .scroll-item {
        min-width: 200px;
        padding: 0;
        margin-right: var(--grid-space)
    }
    .sx-grid-10 {
        --grid-size: 10
    }
    .sx-grid-8 {
        --grid-size: 8
    }
    .sx-grid-6 {
        --grid-size: 6
    }
    .sx-grid-5 {
        --grid-size: 5
    }
    .sx-grid-4 {
        --grid-size: 4
    }
    .sx-grid-3 {
        --grid-size: 3
    }
    .sx-grid-2 {
        --grid-size: 2
    }
    .sx-grid-1 {
        --grid-size: 1;
        margin-left: 0;
        margin-right: 0
    }
    .sx-grid-1 .grid-item {
        padding-left: 0;
        padding-right: 0
    }
    .sx-al-left {
        text-align: left !important;
        justify-content: flex-start
    }
    .sx-al-center {
        text-align: center !important;
        justify-content: center
    }
    .sx-al-right {
        text-align: right !important;
        justify-content: flex-end
    }
    .sx-vl-top {
        vertical-align: top !important
    }
    .sx-vl-middle {
        vertical-align: middle !important
    }
    .sx-vl-bottom {
        vertical-align: bottom !important
    }
    .sx-vl-inline {
        vertical-align: baseline !important
    }
    .grid-item.m-w10,
    .sx-w10 {
        width: 10%
    }
    .sx-h10 {
        height: 10%
    }
    .grid-item.m-w15,
    .sx-w15 {
        width: 15%
    }
    .sx-h15 {
        height: 15%
    }
    .grid-item.m-w20,
    .sx-w20 {
        width: 20%
    }
    .sx-h20 {
        height: 20%
    }
    .grid-item.m-w25,
    .sx-w25 {
        width: 25%
    }
    .sx-h25 {
        height: 25%
    }
    .grid-item.m-w30,
    .sx-w30 {
        width: 30%
    }
    .sx-h30 {
        height: 30%
    }
    .grid-item.m-w35,
    .sx-w35 {
        width: 35%
    }
    .sx-h35 {
        height: 35%
    }
    .grid-item.m-w40,
    .sx-w40 {
        width: 40%
    }
    .sx-h40 {
        height: 40%
    }
    .grid-item.m-w45,
    .sx-w45 {
        width: 45%
    }
    .sx-h45 {
        height: 45%
    }
    .grid-item.m-w50,
    .sx-w50 {
        width: 50%
    }
    .sx-h50 {
        height: 50%
    }
    .grid-item.m-w55,
    .sx-w55 {
        width: 55%
    }
    .sx-h55 {
        height: 55%
    }
    .grid-item.m-w60,
    .sx-w60 {
        width: 60%
    }
    .sx-h60 {
        height: 60%
    }
    .grid-item.m-w65,
    .sx-w65 {
        width: 65%
    }
    .sx-h65 {
        height: 65%
    }
    .grid-item.m-w70,
    .sx-w70 {
        width: 70%
    }
    .sx-h70 {
        height: 70%
    }
    .grid-item.m-w75,
    .sx-w75 {
        width: 75%
    }
    .sx-h75 {
        height: 75%
    }
    .grid-item.m-w80,
    .sx-w80 {
        width: 80%
    }
    .sx-h80 {
        height: 80%
    }
    .grid-item.m-w85,
    .sx-w85 {
        width: 85%
    }
    .sx-h85 {
        height: 85%
    }
    .grid-item.m-w90,
    .sx-w90 {
        width: 90%
    }
    .sx-h90 {
        height: 90%
    }
    .grid-item.m-w95,
    .sx-w95 {
        width: 95%
    }
    .sx-h95 {
        height: 95%
    }
    .grid-item.m-w100,
    .sx-w100 {
        width: 100%
    }
    .sx-h100 {
        height: 100%
    }
    .sx-dn {
        display: none !important
    }
    .sx-db {
        display: block !important
    }
    .sx-dib {
        display: inline-block !important
    }
    .sx-hidden {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden
    }
    .sx-visible {
        visibility: hidden;
        opacity: 1;
        width: auto;
        height: auto;
        position: relative;
        overflow: visible
    }
    .sx-mgb0 {
        margin-bottom: 0 !important
    }
    .sx-mgt0 {
        margin-top: 0 !important
    }
    .sx-mgb1 {
        margin-bottom: 1em !important
    }
    .sx-mgt1 {
        margin-top: 1em !important
    }
    .sx-mgb2 {
        margin-bottom: 2em !important
    }
    .sx-mgt2 {
        margin-top: 2em !important
    }
    .sx-mgb3 {
        margin-bottom: 3em !important
    }
    .sx-mgt3 {
        margin-top: 3em !important
    }
    .sx-mgb4 {
        margin-bottom: 4em !important
    }
    .sx-mgt4 {
        margin-top: 4em !important
    }
    .sx-mgb5 {
        margin-bottom: 5em !important
    }
    .sx-mgt5 {
        margin-top: 5em !important
    }
    .sx-mgb6 {
        margin-bottom: 6em !important
    }
    .sx-mgt6 {
        margin-top: 6em !important
    }
}

@media (max-width:1014px) {
    .btn,
    .link-3,
    .nav__link {
        font-size: var(--fz-text-10)
    }
    .phone-number {
        font-size: var(--fz-text-2)
    }
    .footer-container__text-box {
        width: 60%
    }
    .scroll-top {
        right: 40px;
        bottom: 75px
    }
    .slider-top .swiper-pagination {
        text-align: center
    }
    .contacts .form-communication .form {
        top: -22%;
        right: 10px;
        width: 42%
    }
    .contacts .form-communication .form-container {
        padding: 35px 13% 40px
    }
    .contacts-container__item {
        width: 58%
    }
    .product-detailed-description__img-box {
        align-self: center
    }
    .redes-container .redes-box {
        flex-direction: column
    }
    .redes-container .redes-box__img-box {
        width: 100%;
        max-height: none;
        margin: 0 0 40px
    }
    .redes-container .redes-box__description,
    .redes-container .redes-box__img {
        width: 100%
    }
    .feedback-form .title-5 {
        font-size: 25px
    }
}

@media (max-width:808px) {
    .title-1 {
        font-size: 30px
    }
    .title-3 {
        font-size: 40px
    }
    .title-4 {
        font-size: 20px
    }
    .text-2 {
        font-size: 13px
    }
    .text-3 {
        font-size: 18px
    }
    .text-4 {
        font-size: 15px
    }
    .text-5 {
        font-size: 10px
    }
    .text-base,
    body {
        font-size: 14px
    }
    .logo__text {
        display: none
    }
    .logo__icon {
        margin-right: 0
    }
    .bonus__text {
        font-size: 9px
    }
    .list-info__item,
    .uploading-doc__text {
        font-size: 12px
    }
    .slider-top .swiper-pagination {
        bottom: 20px
    }
    .grid-4__item {
        width: calc((100% - 60px)/3);
        margin: 0 30px 30px 0
    }
    .grid-4__item:nth-child(3n) {
        margin-right: 0
    }
    .grid-6 {
        justify-content: center
    }
    .grid-6__item {
        width: calc((100% - 90px)/4);
        margin-bottom: 30px
    }
    .grid-6__item:nth-child(4n) {
        margin-right: 0
    }
    .product-card-min {
        width: calc((100% - 60px)/3)
    }
    .product-card-min:nth-child(4n) {
        margin-right: 30px
    }
    .product-card-min:nth-child(3n) {
        margin-right: 0
    }
    .feedback-form-container {
        align-items: center
    }
    .feedback-form__item:nth-child(2) {
        flex-direction: column;
        align-items: center
    }
    .feedback-form .form-box {
        width: 75%;
        margin-right: 0
    }
    .feedback-form .form-box:not(:last-child) {
        margin-right: 0
    }
}

@media screen and (max-width:808px) and (max-width:650px) {
    .feedback-form .form-box {
        width: 100% !important;
        max-width: 100%
    }
}

@media (max-width:808px) {
    .header .nav {
        z-index: 10;
        margin: 0 0 0 auto
    }
    .header .nav-container {
        position: absolute;
        top: 0;
        right: -20px;
        display: flex;
        flex-direction: column;
        width: 330px;
        padding: 35px 0 20px;
        margin: 0;
        visibility: hidden;
        background: var(--bg-1);
        border-radius: 5px;
        box-shadow: 5px 5px 46px 0 rgba(5, 22, 26, .06);
        opacity: 0;
        transition: 0s;
        transform: translateY(-10px)
    }
    .header .nav-container_active {
        visibility: visible;
        opacity: 1;
        transition: .3s;
        transform: translateY(0)
    }
    .header .nav__item {
        width: 100%;
        padding: 0
    }
    .header .nav__item:first-child,
    .header .nav__item:not(:first-child) {
        padding: 0
    }
    .header .nav__link {
        display: block;
        width: 100%;
        padding: 25px 60px
    }
    .header .nav__icon {
        left: 30px
    }
    .header .nav-btn {
        z-index: 2;
        display: block
    }
    .header-box:before,
    .header-top .info-link {
        display: none
    }
    .header-top__box:last-child {
        margin: 0 auto
    }
    .footer-box .logo__icon {
        width: 100%
    }
    .footer .footer-nav-box__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 40px
    }
    .footer .footer-nav-box__item:not(:last-child) {
        margin-right: auto;
        margin-left: auto
    }
    .footer-content {
        margin-bottom: 0
    }
    .footer-content,
    .footer-content__item {
        flex-direction: column;
        align-items: center
    }
    .footer-content__item {
        display: flex;
        width: 100%;
        margin: 0 auto 20px
    }
    .footer-content__item:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .footer-nav-box {
        flex-direction: column;
        align-items: center
    }
    .calculator-link-box {
        margin: 0 auto;
        text-align: center
    }
    .calculator-link_bg {
        background-position: 100%
    }
    .contacts-container {
        margin-bottom: 200px
    }
    .contacts-container__item {
        width: 100%
    }
    .contacts .form-communication .form {
        width: 50%
    }
    .form-communication {
        display: flex;
        flex-direction: column
    }
    .form-communication .contact {
        position: relative;
        right: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: auto;
        margin-bottom: 80px;
        margin-left: auto;
        z-index: 1000;
        box-shadow: none
    }
    .form-communication .contact-box {
        max-width: 100%;
        width: 100%;
        padding: 0
    }
    .form-communication-container {
        margin-right: 15px;
        margin-bottom: 50px;
        margin-left: 15px
    }
    .detailed-product-card .title-2 {
        margin-bottom: 20px;
        font-size: 33px
    }
    .detailed-product-card .price {
        font-size: 25px
    }
    .detailed-product-card .price__old {
        font-size: 15px
    }
    .detailed-product-card .list-info__item {
        font-size: 13px
    }
    .detailed-product-card .product-card-btn-box {
        flex-direction: column;
        align-items: center
    }
    .detailed-product-card .product-card-btn-box .btn-calc {
        margin-right: 0;
        margin-bottom: 20px
    }
    .catalog {
        position: relative;
        z-index: 10
    }
    .catalog .btn-pop-up {
        display: block
    }
    .catalog-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .5);
        transform: translateY(0)
    }
    .catalog-list__wrap {
        width: 85%;
        opacity: 0;
        transition: 0s;
        transform: translateX(-40px)
    }
    .catalog-list__wrap_active {
        opacity: 1;
        transition: .3s;
        transform: translateY(0)
    }
    .catalog__link-box {
        margin-bottom: 20px
    }
    .catalog-nav-link:first-child,
    .catalog-nav-link:not(:first-child) {
        display: flex
    }
    .btn_catalog {
        z-index: 2
    }
    .btn-catalog-close {
        display: block
    }
}

@media (max-width:597px) {
    .title-3 {
        font-size: 36px
    }
    .important-text {
        padding-left: 10px
    }
    .important-text__item {
        font-size: 95px
    }
    .important-text__item_info {
        top: -60px
    }
    .important-text__item_warning {
        top: -55px
    }
    .important-text__content {
        padding: 20px 10px 20px 0;
        font-size: 14px
    }
    .section-top__text {
        font-size: 12px
    }
    .grid-3__item {
        width: calc((100% - 30px)/2)
    }
    .grid-3__item:nth-child(3n) {
        margin-right: 30px
    }
    .grid-3__item:nth-child(2n) {
        margin-right: 0
    }
    .grid-4__item {
        width: calc((100% - 30px)/2)
    }
    .grid-4__item:nth-child(3n) {
        margin-right: 30px
    }
    .grid-4__item:nth-child(2n) {
        margin-right: 0
    }
    .links-categories .grid-3 .link-product__text {
        font-size: 14px
    }
    .grid-6__item {
        width: calc((100% - 60px)/3)
    }
    .grid-6__item:nth-child(4n) {
        margin-right: 30px
    }
    .grid-6__item:nth-child(3n) {
        margin-right: 0
    }
    .useful-info .grid-2__item {
        width: 100%;
        margin-right: 0
    }
    .useful-info .grid-2__item:not(:last-child) {
        margin-bottom: 70px
    }
    .pop-up {
        height: 100vh
    }
    .pop-up .form-2 {
        width: 100%;
        margin: 0
    }
    .footer .link-2 {
        font-size: 10px
    }
    .footer .text-5 {
        font-size: 11px
    }
    .footer-container {
        flex-direction: column
    }
    .footer-container .link-box {
        align-self: flex-start;
        margin: 0
    }
    .footer-container__text-box {
        width: 100%;
        margin-bottom: 30px
    }
    .contacts-container {
        margin-bottom: 50px
    }
    .contacts .form-communication-container {
        padding: 0;
        height: 350px;
        margin: 0
    }
    .contacts .form-communication-container .form-communication__iframe #map {
        height: 350px
    }
    .contacts .form-communication .form {
        position: relative;
        right: 0;
        width: 100%;
        margin: 0 auto
    }
    .detailed-product-card__wrap,
    .product-detailed-description {
        flex-direction: column
    }
    .product-detailed-description__img-box {
        width: 100%;
        margin-bottom: 30px
    }
    .product-detailed-description__text-box {
        width: 100%
    }
    .product-card-min {
        width: calc((100% - 30px)/2);
        margin-bottom: 30px
    }
    .product-card-min:nth-child(3n),
    .product-card-min:nth-child(4n) {
        margin-right: 30px
    }
    .product-card-min:nth-child(2n) {
        margin-right: 0
    }
    .feedback-form-container {
        flex-direction: column
    }
    .feedback-form .feedback-form__item {
        width: 100%
    }
    .feedback-form .feedback-form__item:not(:last-child) {
        margin-bottom: 50px
    }
    .feedback-form .feedback-form__item .form-box {
        margin-bottom: 20px
    }
    .feedback-form .feedback-form__item .form-box:last-child {
        max-width: 270px;
        margin: 0 auto
    }
}

@media screen and (max-width:597px) and (max-width:650px) {
    .feedback-form .feedback-form__item .form-box:last-child {
        width: 100% !important;
        max-width: 100%;
        padding: 0
    }
}

@media screen and (max-width:597px) and (max-width:650px) {
    .feedback-form .feedback-form__item .form-box .form-btn {
        width: 100% !important;
        max-width: 100%
    }
}

@media (max-width:597px) {
    .product-card {
        flex-direction: column;
        margin-bottom: 50px
    }
    .product-card__img-box {
        width: 100%;
        max-height: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .product-card__description {
        width: 100%
    }
}

@media (max-width:425px) {
    .title-1 {
        font-size: 28px
    }
    .title-2 {
        font-size: 35px
    }
    .title-3 {
        font-size: 30px
    }
    .title-5 {
        font-size: 23px
    }
    .title-6 {
        font-size: 32px
    }
    .text-1 {
        font-size: 14px
    }
    .text-3 {
        font-size: 15px
    }
    .text-4 {
        font-size: 12px
    }
    .text-5 {
        font-size: 11px
    }
    .text-6 {
        font-size: 23px
    }
    .text-7,
    .text-8 {
        font-size: 14px
    }
    .text-base {
        font-size: 12px
    }
    .top-box {
        flex-direction: column;
        margin-bottom: 0
    }
    .top-box__item:last-child {
        margin-left: auto
    }
    .link-4,
    .nav-strip__link {
        font-size: 11px
    }
    .link-4 {
        padding: 12px 20px;
        background: var(--bg-btn-2);
        border-radius: 4px
    }
    .btn {
        font-size: 14px
    }
    .info-link {
        font-size: 8px
    }
    .slider-top-box {
        padding: 2em 0;
        background-position: 0
    }
    .slider-top-box .btn {
        font-size: 15px
    }
    .social-link .rating {
        margin-right: 20px
    }
    .calculator-link {
        margin-bottom: 10px
    }
    .calculator-link-box .btn {
        font-size: 14px
    }
    .header .catalog {
        margin-right: 0
    }
    .header .nav {
        display: none
    }
    .header .nav-mobile {
        position: relative;
        display: flex
    }
    .header .nav-mobile .nav-container {
        position: fixed;
        right: 0;
        z-index: 10;
        align-items: center;
        width: 100%;
        height: 100vh;
        padding-top: 80px
    }
    .header .nav-mobile .nav-btn {
        position: relative;
        top: -5px
    }
    .header .nav-mobile .nav-btn_disable {
        z-index: 2
    }
    .header .nav-mobile .active {
        position: fixed;
        top: 30px;
        right: 20px
    }
    .scroll-top {
        bottom: 60px;
        padding: 12px
    }
    .scroll-top__icon {
        width: 16px;
        height: 12px
    }
    .useful-info .top-box {
        flex-direction: column;
        margin-bottom: 10px
    }
    .useful-info .top-box__item:not(:last-child) {
        margin-right: auto;
        margin-bottom: 15px
    }
    .useful-info .top-box__item:last-child {
        margin-right: auto;
        margin-left: 0
    }
    .links-categories {
        margin-bottom: 0
    }
    .links-categories .link-product {
        padding-top: 15px
    }
    .links-categories .link-product__img-box {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 140px
    }
    .links-categories .link-product__img {
        max-width: 85%
    }
    .links-categories .grid-3 .link-product__text,
    .links-categories .grid-4 .link-product__text {
        font-size: 15px;
        font-weight: 700;
        text-align: center
    }
    .form-container {
        padding-right: 15%;
        padding-left: 15%
    }
    .contacts-container,
    .contacts-top {
        margin-bottom: 30px
    }
    .contacts .form-communication {
        padding-bottom: 0
    }
    .contacts .form-communication .form {
        width: 95%
    }
    .contacts .form-communication-container {
        margin-bottom: 40px
    }
    .contacts-box .phone-number {
        font-size: 15px
    }
    .contacts-box__icon {
        left: -35px
    }
    .product-card,
    .product-card__img-box {
        margin-bottom: 20px
    }
    .product-card-min {
        width: 100%
    }
    .product-card-min:nth-child(1n) {
        margin-right: 0
    }
    .share-container {
        flex-direction: column;
        align-items: center
    }
    .share__text {
        margin: 0 auto 15px
    }
    .redes-container .redes-box {
        margin-bottom: 0
    }
    .redes-container .redes-box__img-box {
        margin-bottom: 10px
    }
    .catalog .btn_catalog {
        justify-content: center;
        width: 100%
    }
    .certificates {
        margin-bottom: 0
    }
    .about-company {
        margin-bottom: 20px
    }
    .form-communication .contact {
        margin-bottom: 40px
    }
    .feedback-form,
    .useful-info-element {
        margin-bottom: 30px
    }
    .recommend-viewing {
        padding-bottom: 30px
    }
}

.price-table {
    margin-bottom: 1em;
    overflow: auto;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9
}

.price-table .table .table-row:last-child .table-cell {
    border-right: 0;
    border-bottom: 0
}

.price-table .table .table-row:nth-child(-2n) {
    border-bottom: 0
}

.price-table .table .table-row:nth-child(-2n) .table-cell {
    border-right: 0
}

.price-table .table .table-cell {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-width: 50px;
    text-align: center
}

.price-table .table .table-cell:last-child {
    border-right: 0;
    border-bottom: 0
}

.price-table input {
    max-width: 70px;
    text-align: center;
    border: 0;
    border-radius: 0;
    padding: 14px 10px;
    font-size: 14px
}

.price-table .price-table__height {
    padding: 10px 5px
}

.price-table .btn-row {
    background: var(--bg-btn-catalog);
    color: #fff;
    border: 0;
    padding: 2px 7px;
    border-radius: 3px;
    cursor: pointer
}

.price-table .price-table__controlls {
    display: flex;
    flex-wrap: wrap
}

.price-table .price-table__controlls .price-table__controll {
    width: 22%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.price-table .price-table__controlls .price-table__controll.price-table__controll-btn {
    justify-content: flex-end
}

.price-table .price-table__controlls .price-table__title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%
}

.price-table .price-table__controlls .price-table__inputs {
    display: flex
}

.price-table .price-table__controlls .price-table__input {
    width: 100px;
    border: 1px solid #c1c1c1;
    display: block;
    max-width: 120px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 14px
}

.price-table .price-table__footer {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.price-table .price-table__notice {
    margin-right: 1em;
    font-weight: 500;
    color: #9dc54b
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.price-table {
    position: relative
}

.price-table.--is-loading:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.price-table.--is-loading>div {
    opacity: .5
}

.price-page {
    margin-bottom: 40px
}

.price-page .price-category__PROFILE {
    margin-bottom: 40px;
    display: block
}

.price-page .price-table {
    box-sizing: border-box;
    padding: 1em;
    border: 1px solid #ddd
}

.form-files {
    margin-bottom: 1em
}

.form-files .form-files__item {
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px
}

.form-files .form-files__item:last-child {
    border-bottom: 0 dashed #ddd;
    padding-bottom: 0
}

.form-files .form-files__item .form-files__name {
    display: block;
    text-align: left
}

.form-files .form-files__item .form-files__remove {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.form-files .form-files__item .form-files__remove:after,
.form-files .form-files__item .form-files__remove:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: calc(50% - 2px);
    left: 0;
    background: #dcdcdc;
    transform: rotate(45deg)
}

.form-files .form-files__item .form-files__remove:after {
    transform: rotate(-45deg)
}

.form-files .form-files__item .form-files__remove:hover:after,
.form-files .form-files__item .form-files__remove:hover:before {
    background: #000
}

.information-list .information-item {
    display: flex;
    width: 100%;
    --image-width: 300px;
    margin-bottom: 2em
}

.information-list .information-item .information-item__image {
    width: var(--image-width)
}

.information-list .information-item .information-item__image img {
    display: block;
    width: 100%
}

.information-list .information-item .information-item__descr {
    width: calc(100% - var(--image-width));
    padding-left: 1em
}

.information-list .information-item .information-item__title a {
    color: #000;
    text-decoration: none
}

@media screen and (max-width:650px) {
    .information-list .information-item {
        flex-wrap: wrap;
        width: 100%;
        --image-width: 140px
    }
    .information-list .information-item .information-item__image {
        width: 100%;
        margin-bottom: 1em
    }
    .information-list .information-item .information-item__descr {
        width: 100%;
        padding: 0
    }
}

.information-detail {
    margin-bottom: 50px
}

.information-detail .information__image {
    max-width: 500px;
    float: right;
    margin-left: 2em
}

@media screen and (max-width:650px) {
    .information-detail .information__image {
        margin: 0 0 2em
    }
}

.information-detail .information__image img {
    display: block;
    max-width: 100%
}

.information-detail .information__text {
    font-size: var(--fz-text-3);
    margin-bottom: 20px;
    line-height: 1.5
}

.information-detail .information__text p {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.5;
    font-size: var(--fz-text-3)
}

.information-detail .information__text ol,
.information-detail .information__text ul {
    padding: 0 0 0 30px;
    margin: 0;
    font-weight: 500;
    color: var(--color-additional-6);
    list-style: none
}

.information-detail .information__text li {
    position: relative;
    margin-bottom: 8px;
    line-height: 1.4;
    letter-spacing: -.3px
}

.information-detail .information__text li:before {
    position: absolute;
    top: 10px;
    left: -20px;
    display: block;
    width: 6px;
    height: 6px;
    font-size: 30px;
    content: "";
    background: var(--color-additional-5);
    border-radius: 100%
}

.information-detail .information__text h3 {
    font-size: var(--fz-text-9);
    font-weight: 500;
    color: var(--color-additional-2);
    letter-spacing: -.3px
}

blockquote {
    background: #f1f8ef;
    position: relative;
    color: #37632d;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -.3px;
    margin: 3em 0 2em;
    padding: 25px 20px 25px 150px;
    border-radius: 10px
}

blockquote:before {
    content: "“";
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 150px;
    font-style: italic;
    font-weight: 900;
    line-height: .5
}

.gallery .gallery-item {
    background: #f6f8f9;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 5px;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin-bottom: 1em;
    height: 100%
}

.gallery .gallery-item:hover {
    color: var(--bg-btn-catalog)
}

.gallery .gallery-item .gallery-image {
    display: block;
    margin-bottom: 24px
}

.gallery .gallery-item .gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery .gallery-item .gallery-name {
    font-weight: 500
}

.gallery-detail {
    display: flex
}

.gallery-detail .gallery-list {
    width: calc(100% - 300px)
}

.gallery-detail .gallery-list .gallery-image {
    display: block;
    width: 100%;
    border: 2px solid #f6f6f6;
    border-radius: 5px;
    overflow: hidden
}

.gallery-detail .gallery-list .gallery-image img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.gallery-detail .gallery-decription {
    width: 300px;
    background: #f5f5f5;
    padding: 1em;
    border-radius: 5px
}

@media screen and (max-width:910px) {
    .gallery-detail {
        flex-wrap: wrap
    }
    .gallery-detail .gallery-decription,
    .gallery-detail .gallery-list {
        width: 100%
    }
}

.gallery-detail .gallery-decription__profile {
    display: block;
    align-items: center;
    background: #f5f5f5
}

.gallery-detail .gallery-decription__profile span {
    display: block;
    margin-bottom: 5px
}

.about-text ol {
    margin-left: 2em
}

.v-nav {
    text-align: left
}

.v-nav a {
    display: block;
    padding: 10px 20px;
    color: #000
}

.v-nav .v-nav__parent {
    font-size: 18px;
    font-weight: 500
}

.v-nav .v-nav__parent .nav__item-arrow {
    transform: rotate(-90deg);
    display: inline-block
}

.v-nav .v-nav__childs a {
    font-size: 16px
}

.faq {
    margin-bottom: 40px
}

.faq .faq-item {
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 1em;
    border-radius: 10px
}

.faq .faq-item .faq-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
    cursor: pointer
}

.faq .faq-item .faq-title:hover {
    color: #9dc54b
}

.faq .faq-item .faq-text {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 10px;
    display: none;
    margin-top: 2em;
    background: #fff;
    color: #000
}

.faq .faq-item .faq-text p {
    line-height: 1.5em
}

.faq .faq-item .faq-text p:last-child {
    margin-bottom: 0
}

.faq .faq-item .faq-text ul {
    padding-left: 2em;
    line-height: 1.5em
}

.faq .faq-item.--is-open {
    padding: 2em
}

.faq .faq-item.--is-open .faq-text {
    display: block
}

.faq .faq-item.--is-open .faq-title {
    color: #000
}

.faq .faq-item.--is-open .faq-title:hover {
    text-decoration: none
}

.colors .color-item {
    width: 100%;
    margin-bottom: 1em;
    padding: 0 5px;
    box-sizing: border-box
}

.colors .color-item .color-image {
    display: block;
    width: 100%;
    height: 180px;
    border-radius: 10px;
    margin-bottom: 10px
}

.colors .color-item .color-name {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px
}

.colors .color-item .color-sub-name {
    color: #8a8a8a;
    font-width: 400
}

.colors .color-item .color-text {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em
}

.colors .color-item .color-text .color-ral {
    margin-left: auto
}

.slider-top .swiper-slide {
    min-height: 500px;
    height: 100%
}

@media screen and (max-width:1200px) {
    .slider-top .swiper-slide {
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }
}

@media screen and (max-width:980px) {
    .slider-top .swiper-slide {
        min-height: 0;
        background-size: contain;
        background-position: 100%;
        background-repeat: no-repeat;
        height: 170px
    }
}

.slider-top .swiper-button-next:after,
.slider-top .swiper-button-prev:after,
.swiper-button-next:after,
.swiper-button-prev:after {
    color: var(--color-additional-5)
}

.thanks-popup {
    padding: 2rem;
    box-sizing: border-box
}

.thanks-popup__imgs {
    width: 70px;
    margin: 0 auto 10px
}

.thanks-popup__title {
    font-size: 45px;
    line-height: 1em
}

.thanks-popup__text {
    font-size: 20px
}

.thanks-popup_btn {
    --fz-btn: 16px
}

.certificates-box .certificates__img-box img {
    width: 100%;
    height: 100%
}

.works-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem
}

.works-list__item-img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blocks {
    display: grid;
    gap: 10px !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    margin-bottom: 4rem
}

.blocks .block-item {
    background: #f6f8f9;
    box-sizing: border-box;
    padding: 2rem;
    display: grid;
    grid-template-rows: 85% 1fr;
    gap: 1rem;
    border-radius: 5px;
    border: 2px solid #ddd;
    max-height: 300px;
    font-weight: 500;
    color: #000
}

.blocks .block-item:hover {
    border-color: var(--color-green);
    color: var(--color-green)
}

.blocks .block-item__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.close{
    position: relative;
}

.admin .kasten-visual__remove,
.close {
    --size: 30px;
    display: block;
    width: var(--size);
    height: var(--size);
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none
}

.admin .kasten-visual__remove:after,
.admin .kasten-visual__remove:before,
.close:after,
.close:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    top: 50%
}

.admin .kasten-visual__remove:hover:after,
.admin .kasten-visual__remove:hover:before,
.close:hover:after,
.close:hover:before {
    background: #2fae12
}

.admin .kasten-visual__remove:before,
.close:before {
    transform: rotate(45deg)
}

.admin .kasten-visual__remove:after,
.close:after {
    transform: rotate(-45deg)
}

.admin {
    max-width: 1300px;
    margin: 0 auto
}

.admin .table-cell {
    padding: 3px
}

.admin .table-colors .table-row:hover .table-cell {
    background: #dfdfdf
}

.admin .admin-section {
    border: 2px solid #ddd;
    box-sizing: border-box;
    padding: 0 1rem 1rem;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5
}

.admin .admin-section .admin-section__title {
    padding: 5px 1rem 10px;
    background: #e7e7e7;
    margin: 0 -1rem 1em;
    cursor: pointer
}

.admin .admin-section.-is-hidden {
    padding: 0
}

.admin .admin-section.-is-hidden .admin-section__title {
    margin: 0;
    padding: 5px 1rem 10px
}

.admin .admin-section.-is-hidden .admin-section__container {
    display: none
}

.admin .kasten-visual {
    width: 100%;
    height: 300px;
    background: #fff;
    padding: 2em;
    box-sizing: border-box;
    position: relative
}

.admin .kasten-visual .kasten-visual__figure {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    -o-object-fit: contain;
    object-fit: contain
}

.admin .kasten-visual__remove {
    position: absolute;
    --size: 10px;
    font-size: 1em;
    color: #000;
    right: 10px;
    top: 2px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    background: #fff;
    padding: 4px
}

.admin .kasten-visual__remove:hover {
    color: red
}

.admin .color-box {
    display: flex;
    --icon-size: 45px;
    cursor: pointer
}

.admin .color-box input[type=radio] {
    display: none
}

.admin .color-box__pin {
    width: var(--icon-size);
    height: var(--icon-size);
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    background-position: 50%;
    background-size: contain;
    margin-right: 5px
}

.admin .color-box__input {
    width: calc(100% - var(--icon-size))
}

.admin .color-box.-is-selected {
    font-weight: 700
}

.admin .color-box.-is-selected .color-box__pin {
    border: 1px solid #000
}

.admin .price-controll {
    display: flex
}

.admin .price-row {
    position: relative
}

.admin .price-table {
    font-size: 13px;
    text-align: center;
    width: 100%
}

.admin .price-table .table-row:nth-child(2n) .table-cell {
    background: #fff
}

.admin .price-table__container {
    overflow: auto;
    display: block;
    width: 100%
}

.admin .price-right {
    width: 100%;
    padding: 1em
}

.admin .price-right__title {
    font-weight: 500;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.admin .price-right__section {
    display: block;
    background: #f5f5f5;
    padding: 5px 10px 10px
}

.admin .price-right__checkbox {
    font-size: 14px;
    display: block;
    margin-bottom: 10px
}

.admin [data-height]:before {
    content: attr(data-height);
    position: absolute;
    left: -1em;
    bottom: 0;
    font-size: 10px;
    font-weight: 300;
    display: none
}

.admin .mode-motorColor .table-cell {
    background-color: var(--cell-color) !important
}

.admin .mode-motorKast .table-cell {
    background-color: var(--row-color) !important
}

.admin .text-verical {
    position: relative;
    height: 200px;
    vertical-align: bottom
}

.admin .text-verical div {
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    border: 1px solid hsla(0, 0%, 86.7%, .87)
}

.admin .text-verical span {
    position: absolute;
    transform: rotate(-50deg) translateY(-50%);
    transform-origin: 0 0;
    bottom: 50px;
    left: 50%
}

.input-file {
    cursor: pointer
}

.input-file__image {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    opacity: 0
}

.input-file__image span {
    width: 80%;
    height: 50%;
    position: relative;
    text-align: center;
    font-size: 14px
}

.input-file__image span:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 486.3 486.3' version='1.1' viewBox='0 0 486.3 486.3' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m395.5 135.8c-5.2-30.9-20.5-59.1-43.9-80.5-26-23.8-59.8-36.9-95-36.9-27.2 0-53.7 7.8-76.4 22.5-18.9 12.2-34.6 28.7-45.7 48.1-4.8-0.9-9.8-1.4-14.8-1.4-42.5 0-77.1 34.6-77.1 77.1 0 5.5 0.6 10.8 1.6 16-27.5 20-44.2 52.2-44.2 86.5 0 27.7 10.3 54.6 29.1 75.9 19.3 21.8 44.8 34.7 72 36.2h0.8 86c7.5 0 13.5-6 13.5-13.5s-6-13.5-13.5-13.5h-85.6c-40.9-2.5-75.3-41.4-75.3-85.2 0-28.3 15.2-54.7 39.7-69 5.7-3.3 8.1-10.2 5.9-16.4-2-5.4-3-11.1-3-17.2 0-27.6 22.5-50.1 50.1-50.1 5.9 0 11.7 1 17.1 3 6.6 2.4 13.9-0.6 16.9-6.9 18.7-39.7 59.1-65.3 103-65.3 59 0 107.7 44.2 113.3 102.8 0.6 6.1 5.2 11 11.2 12 44.5 7.6 78.1 48.7 78.1 95.6 0 49.7-39.1 92.9-87.3 96.6h-73.7c-7.5 0-13.5 6-13.5 13.5s6 13.5 13.5 13.5h74.2 1c30.5-2.2 59-16.2 80.2-39.6 21.1-23.2 32.6-53 32.6-84-0.1-56.1-38.4-106-90.8-119.8z'/%3E%3Cpath d='m324.2 280c5.3-5.3 5.3-13.8 0-19.1l-71.5-71.5c-2.5-2.5-6-4-9.5-4s-7 1.4-9.5 4l-71.5 71.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l48.5-48.5v222.9c0 7.5 6 13.5 13.5 13.5s13.5-6 13.5-13.5v-222.9l48.5 48.5c5.2 5.3 13.7 5.3 19 0z'/%3E%3C/svg%3E");
    display: block;
    height: 70%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 80%;
    opacity: .9;
    background-size: 52px
}

.input-file__image.-is-hovered,
.input-file__image:hover {
    opacity: 1
}

.input-file__image.-is-hovered+img,
.input-file__image:hover+img {
    transition: .2s;
    opacity: .2;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.geleider-list__item .kasten-visual {
    height: 230px;
    background: #ececec;
    padding: 1em
}

.geleider-list .input {
    padding: 5px;
    height: 30px;
    border-radius: 5px
}

.cell {
    padding: 0;
    position: relative;
    border: 0 solid #ddd;
    border-collapse: collapse;
    margin: 1px
}

.cell,
.cell-price {
    background: transparent;
    text-align: center
}

.cell-price {
    width: 100%;
    height: 30px;
    padding: 5px;
    margin: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    border-radius: 0;
    outline: none
}

.cell-price.-is-edited {
    border: 1px solid coral
}

.cell-price:focus {
    background: #fff;
    border: 1px solid #ddd
}

.rolluiken {
    --background-color: #fff;
    --background-image: #fff;
    --figure-width: 70%;
    --figure-max-size: 500px;
    --figure-height: var(--figure-max-size);
    --figure-width: var(--figure-max-size);
    --figure-offset: 20px;
    --figure-kast-height: 50px;
    --stroke: #000;
    max-width: 1300px;
    margin: 0 auto 2em;
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap
}

@media screen and (max-width:650px) {
    .rolluiken {
        flex-wrap: wrap-reverse
    }
}

.rolluiken * {
    box-sizing: border-box
}

.rolluiken__error {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.rolluiken__error.--red {
    color: red
}

.rolluiken__visual {
    width: calc(100% - 400px);
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media screen and (max-width:650px) {
    .rolluiken__visual {
        width: 100%;
        --figure-height: 330px !important
    }
}

.rolluiken__size {
    --size: 10px;
    --width: 100%;
    --height: 100%;
    position: absolute;
    width: var(--width);
    height: var(--height);
    border: 1px solid #000
}

.rolluiken__size span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    line-height: 1em;
    padding: 5px 10px;
    font-size: 14px
}

.rolluiken__size.-to-right {
    border-right: 0;
    width: var(--size)
}

.rolluiken__size.-to-right span {
    left: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap
}

.rolluiken__size.-to-left {
    border-left: 0;
    width: var(--size)
}

.rolluiken__size.-to-left span {
    left: 100%;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap
}

.rolluiken__size.-to-top {
    border-top: 0;
    height: var(--size)
}

.rolluiken__size.-to-top span {
    top: 100%
}

.rolluiken__size.-to-bottom {
    border-bottom: 0;
    height: var(--size)
}

.rolluiken__size.-to-bottom span {
    top: 0
}

.rolluiken__size.--width {
    left: 0;
    right: 0;
    top: calc(var(--figure-offset) - var(--figure-offset)*2)
}

.rolluiken__size.--height {
    top: 0;
    bottom: 0;
    right: calc(var(--figure-offset) - var(--figure-offset)*2)
}

.rolluiken__size.--kast {
    top: 0;
    height: calc(var(--figure-kast-height) + 2px)
}

.rolluiken__size.--kast,
.rolluiken__size.--profile {
    left: calc(var(--figure-offset) - var(--figure-offset)*2)
}

.rolluiken__size.--profile {
    top: calc(var(--figure-kast-height) + 4px);
    bottom: 0;
    height: auto
}

.rolluiken__size.--profile-width {
    left: calc(var(--figure-geleider-width) + 2px);
    right: calc(var(--figure-geleider-width) + 2px);
    bottom: calc(var(--figure-offset) - var(--figure-offset)*2);
    width: auto
}

.rolluiken__size.--geleider-left {
    left: 0
}

.rolluiken__size.--geleider-left,
.rolluiken__size.--geleider-right {
    width: var(--figure-geleider-width);
    bottom: calc(var(--figure-offset) - var(--figure-offset)*2)
}

.rolluiken__size.--geleider-right {
    right: 0
}

.rolluiken__size.--offset-bottom span {
    margin-top: 1em
}

.rolluiken__box {
    display: block;
    width: 100%;
    height: 100%;
    max-width: var(--figure-max-size);
    max-height: var(--figure-max-size);
    padding: var(--figure-offset)
}

.rolluiken__box,
.rolluiken__figure {
    position: relative;
    box-sizing: border-box
}

.rolluiken__figure {
    display: flex;
    width: var(--figure-width);
    height: var(--figure-height);
    border: 1px solid rgba(0, 0, 0, .4);
    flex-wrap: wrap;
    max-width: 100%;
    max-height: 100%
}

.rolluiken__kast {
    display: block;
    height: var(--figure-kast-height);
    border: 1px solid rgba(0, 0, 0, .29);
    box-shadow: 0 10px 6px -5px rgba(0, 0, 0, .21);
    width: 100%;
    background-color: var(--background-color);
    position: relative;
    z-index: 3;
    transform: scale(1.03) translateY(-1px);
    perspective: 300px
}

.rolluiken__kast-svg {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    max-width: var(--figure-kast-height);
    max-height: var(--figure-kast-height);
    padding: 5px;
    height: 100%
}

.rolluiken__kast-bottom,
.rolluiken__kast-svg {
    position: absolute;
    box-sizing: border-box;
    width: 100%
}

.rolluiken__kast-bottom {
    content: "";
    height: 10px;
    bottom: -8px;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .29);
    background: var(--background-color);
    transform: rotate3d(-1, 0, 0, 45deg) scale(.99)
}

.rolluiken__kast-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .05)
}

.rolluiken__profiel {
    height: calc(100% - var(--figure-kast-height));
    width: 100%;
    border: 0 solid #7e57c2;
    position: relative;
    background-color: var(--background-color)
}

.rolluiken__profiel:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .0705882), hsla(0, 0%, 100%, .109804) 14px)
}

.rolluiken__lamelle {
    --border-color: rgba(0, 0, 0, 0.21);
    position: absolute;
    width: 15px;
    width: var(--figure-geleider-width);
    height: 100%;
    border-right: 1px solid var(--border-color);
    left: 0;
    top: 0;
    background-color: var(--background-color);
    z-index: 2
}

.rolluiken__lamelle.-right {
    border: 0;
    border-left: 1px solid var(--border-color);
    right: 0;
    top: 0;
    left: auto
}

.rolluiken__lamelle.-bottom {
    border: 0;
    border-top: 1px solid var(--border-color);
    width: 100%;
    height: 20px;
    top: auto;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 1
}

.rolluiken__controls {
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    background: #f5ffea;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 10px
}

@media screen and (max-width:650px) {
    .rolluiken__controls {
        width: 100%;
        margin-bottom: 2em
    }
}

.rolluiken__controls .h4 {
    color: #000;
    margin-bottom: 15px;
    font-size: 18px
}

.rolluiken__control-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 7px
}

.rolluiken__control-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0
}

.rolluiken__control-box .input {
    padding: 10px 15px 8px;
    height: 45px;
    font-size: 14px
}

.rolluiken__control-box .input::-webkit-input-placeholder {
    position: relative;
    top: -1px
}

.rolluiken__control-box .input::-moz-placeholder {
    position: relative;
    top: -1px
}

.rolluiken__control-box .input:-ms-input-placeholder {
    position: relative;
    top: -1px
}

.rolluiken__control-box .input::-ms-input-placeholder {
    position: relative;
    top: -1px
}

.rolluiken__control-box .input::placeholder {
    position: relative;
    top: -1px
}

.rolluiken__control-box .input.-empty {
    border-color: #ff5151;
    box-shadow: inset 0 0 0 1px #ff5151
}

.rolluiken__control-left {
    width: 100%
}

.rolluiken__control-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.rolluiken__control-input {
    width: calc(100% - 1.5em - 10px)
}

.rolluiken__control-btn {
    width: calc(1.5em + 10px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
    margin-top: calc(.5em + 2px)
}

.rolluiken__info {
    border: 0;
    width: 1.5em;
    height: 1.5em;
    display: block;
    line-height: 1.5em;
    border-radius: 50%;
    background: #d5ef28;
    color: #1b3151;
    transform: translate(200);
    cursor: pointer;
    outline: none
}

.rolluiken__info:hover {
    background-color: #ffe529
}

.rolluiken__modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1000;
    overflow: auto;
    padding: 2em;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .23)
}

.rolluiken__modal::-webkit-scrollbar {
    width: 8px
}

.rolluiken__modal::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px
}

.rolluiken__modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .3)
}

.rolluiken__modal-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.rolluiken__modal-pdf {
    background: #fff;
    z-index: 5;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .17);
    max-width: var(--wrap-2-max-width);
    padding: 1rem 20px;
    margin: 0 auto;
    background: var(--bg-1);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 414px;
    overflow: auto
}

.rolluiken__modal-close {
    position: fixed;
    top: 1em;
    right: 1em;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 10px;
    outline: none;
    z-index: 100
}

.rolluiken__modal-close:after,
.rolluiken__modal-close:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #000;
    border-radius: 10px;
    top: 50%
}

.rolluiken__modal-close:hover:after,
.rolluiken__modal-close:hover:before {
    background: #2fae12
}

.rolluiken__modal-close:before {
    transform: rotate(45deg)
}

.rolluiken__modal-close:after {
    transform: rotate(-45deg)
}

.rolluiken__total {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.rolluiken__total-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.rolluiken__total-info b {
    color: #62ad0c;
    font-size: 30px
}

.rolluiken__total-btn {
    width: 100%
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::-moz-selection {
    background: transparent
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(/local/templates/anensa-kozijnen/images/layers.png);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(/local/templates/anensa-kozijnen/images/layers-2x.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(/local/templates/anensa-kozijnen/images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .7);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}


.v-popup .v-popup__table-cell{
    display: table-cell;
    padding: 2em;
    height: 100%;
    display: block;
    overflow: auto;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.v-popup .v-popup-slot{
    text-align: left;

}

.vacansies-list{
    margin-bottom: 2rem;
    display: grid;
    gap: 1rem;
}

.vacansies-list-item{
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
}

.vacansies-list-item-name{
    margin-bottom: 10px;
}

.vacansies-list-item-name a{
    font-size: var(--fz-text-11);
    font-weight: 700;
    color: var(--color-additional-2);
}

.vacansies-list-item-description{
    margin-bottom: 10px;
    font-size: 18px;
}

.vacansies-list-item-link a{
    color:#000;
    font-size: 18px;
    text-decoration: underline!important;
}

.vacansies-detail-text{
    font-size: 20px;
}

.vacansies-detail-text ul{
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.vacansies-detail-text ul li:not(:last-child){
    margin-bottom: 5px;
}

.vacansies-detail-text a {
    color: #000;
    font-weight: 500;
}

.vacansies-detail-back{
    margin-bottom: 1rem;
}

.vacansies-detail-back a{
    text-decoration: underline!important;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}



.popup{
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}

.popup.--is-opened{
    visibility: visible;
    opacity: 1;
}

.popup .popup-overlay{
    background: #00000036;
    position: absolute;
    inset: 0;
}

.popup .popup-content{
    background: white;
    padding: 2rem;
    position: relative;
    width: 100%;
    max-width: 600px;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    display: block;
    display: flex;
    height: 100%;
}

.popup .popup-content-close{
    position: absolute;
    right: 0rem;
    top: 0rem;
    width: 2rem;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    cursor: pointer;

}

.popup .popup-content-slot{
    max-height: 100%;
    overflow: auto;
    display: block;
    height: 100%;
}
/* End */
/* /local/templates/anensa-kozijnen/components/bitrix/news.list/informatin.main/style.css?1675100769150 */
/* /local/templates/anensa-kozijnen/components/bitrix/news.list/gallery-main/style.css?1675100769150 */
/* /local/templates/anensa-kozijnen/template_styles.css?1770134621309608 */