/* Start:/local/templates/swgshop/libs/swiper/swiper.css?172616989715729*/
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@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
}

.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: translate3d(0px, 0, 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, .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(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

.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 {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    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(-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))
}

.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: initial;
    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: #ffffff
}

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 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 {
    transform: scale(1)
}

.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-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -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: .2s transform, .2s top
}

.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: .2s transform, .2s left
}

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

.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: #ffffff
}

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

.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%;
    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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

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

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

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

.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: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 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
}
/* End */


/* Start:/local/templates/swgshop/libs/rangeslider/ion.rangeSlider.min.css?172616989711084*/
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}
/* End */


/* Start:/local/templates/swgshop/libs/fancybox/jquery.fancybox.min.css?172616989712795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/swgshop/libs/slick/slick.css?17261698971776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/swgshop/libs/animate/animate.min.css?172616989771750*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/swgshop/css/style.css?1752844096414619*/
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-ExtraBold.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-ExtraBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-SemiBold.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-SemiBold.woff") format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Bold.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Light.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Medium.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Regular.woff2") format("woff2"), url("/local/templates/swgshop/css/../fonts/NunitoSans10pt-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

button,
input,
textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
}

::-moz-selection {
    background: #dd5b12;
    color: #fff;
}

::selection {
    background: #dd5b12;
    color: #fff;
}

button:focus {
    box-shadow: none !important;
}

*:focus {
    outline: none;
}

body {
    font: 400 16px "Nunito", sans-serif;
    position: relative;
    color: #555556;
}

body::-moz-selection {
    color: #dd5b12;
    background: #dd5b12;
}

body::selection {
    color: #dd5b12;
    background: #dd5b12;
}

body.overflow {
    overflow: hidden;
    position: relative;
}

a {
    display: inline-block;
    font: inherit;
    color: inherit;
    transition: 300ms;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

a img {
    border: none;
    outline: none;
}

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

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

@media only screen and (max-width: 1500px) {
    .container {
        max-width: 930px;
    }
}
@media only screen and (max-width: 991px) {
    .container {
        padding: 0 20px;
        max-width: 100%;
    }
}
.radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.radio.disabled {
    pointer-events: none;
    text-decoration: line-through;
}

.radio:hover .radio__inner span {
    border: 1px solid #dd5b12;
}

.radio:hover .radio__text {
    color: #dd5b12;
}

.radio__text {
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
    color: #8b8b8b;
}

.radio__text p {
    color: #555556;
    font-weight: 700;
}

.radio__inner span {
    text-align: center;
    width: 26px;
    height: 26px;
    display: block;
    cursor: pointer;
    border: 1px solid #d7d6d5;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    transition: 300ms;
    z-index: 1;
    flex-shrink: 0;
}

.radio__inner span::before {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #dd5b12;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: 300ms;
    visibility: hidden;
}

.radio__inner input {
    display: none;
}

.radio__inner input:checked + span {
    border: 1px solid #dd5b12;
}

.radio__inner input:checked + span::before {
    opacity: 1;
    visibility: visible;
}

.checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox.disabled {
    pointer-events: none;
    text-decoration: line-through;
}

.checkbox:hover .checkbox__inner span {
    border: 1px solid #dd5b12;
}

.checkbox:hover .checkbox__text {
    color: #dd5b12;
}

.checkbox__text {
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
    color: #8b8b8b;
}

.checkbox__inner span {
    text-align: center;
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    border: 1px solid #d7d6d5;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    transition: 300ms;
    z-index: 1;
}

.checkbox__inner span::before {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 12px;
    border-radius: 50%;
    background: url("/local/templates/swgshop/css/../images/checked.svg");
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: 300ms;
    visibility: hidden;
}

.checkbox__inner input {
    display: none;
}

.checkbox__inner input:checked + span {
    border: 1px solid #dd5b12;
    background: #dd5b12;
}

.checkbox__inner input:checked + span::before {
    opacity: 1;
    visibility: visible;
}

.field {
    display: block;
    position: relative;
    margin-bottom: 50px;
    height: 43px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .field {
        margin-bottom: 30px;
    }
}
.field input {
    border: none;
    padding-bottom: 0;
    border-bottom: 1px solid #555556;
    width: 100%;
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 700;
    padding-top: 10px;
}

.field--error input {
    border-bottom: 1px solid #e62e2e;
}

.field__error {
    color: #e62e2e;
    font-size: 12px;
}

.field__label {
    position: absolute;
    top: 0;
    left: 0;
    transition: 400ms;
    font-size: 18px;
    line-height: 19px;
    color: #8b8b8b;
}

.field__label.top {
    top: -5px;
    font-size: 12px;
}

.field input:focus ~ .field__label {
    top: -5px;
    font-size: 12px;
}

.wrapper {
    height: 100%;
}

.title {
    color: #555556;
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .title {
        font-size: 28px;
    }
}
.title span {
    color: #dd5b12;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    cursor: pointer;
    border: none;
    font-size: 24px;
    transition: 300ms;
    border-radius: 40px;
    font-weight: 700;
}

.btn-orange {
    background: #dd5b12;
    color: #fff;
}

.btn-orange:hover {
    background: #ff823d;
}

.btn-white {
    border-radius: 60px;
    border: 2px solid #dd5b12;
    color: #dd5b12;
}

.btn-white:hover {
    color: #fff;
    background: #dd5b12 !important;
}

.breadcrumbs {
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .breadcrumbs {
        margin-top: 10px;
    }
}
.breadcrumbs-gray {
    background: #555556;
    color: #fff;
    margin-top: 0;
    padding-top: 20px;
}
.breadcrumbs-gray .breadcrumbs__list {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .breadcrumbs-gray {
        padding-top: 10px;
    }
}
.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .breadcrumbs__list li {
        font-size: 14px;
    }
}
.breadcrumbs__list li a:hover {
    color: #dd5b12;
}

.overlay-bg {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    z-index: 111;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: none;
}

.overlay-bg.active {
    display: block;
}

.overlay-search {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    left: 0;
    bottom: 0;
    height: calc(100% - 150px);
    display: none;
}

.overlay-search.active {
    display: block;
}

.header {
    background: #555556;
    padding: 20px 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
}

@media only screen and (max-width: 991px) {
    .header {
        padding: 11px 0;
    }
}
.header-basket {
    position: relative;
}

.header-basket:hover .header-basket__dropdown {
    opacity: 1;
    visibility: visible;
}

.header-basket__dropdown {
    position: absolute;
    top: 100%;
    width: 823px;
    background: #fff;
    right: 0;
    padding: 24px;
    z-index: 20;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 991px) {
    .header-basket__dropdown {
        width: 360px;
        padding: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .header-basket__dropdown {
        right: -70px;
    }
}
.header-basket__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}

.header-basket__text {
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 700;
}

.header-basket__text span {
    display: block;
}

.header-basket__text p {
    color: #8b8b8b;
    margin-left: 5px;
}

.header-basket__close {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.header-basket__items {
    max-height: 260px;
    overflow-y: auto;
    margin-right: -21px;
    padding-right: 21px;
}

.header-basket__items::-webkit-scrollbar {
    width: 4px;
    background: #fff;
}

.header-basket__items::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    width: 4px;
}

.header-basket__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7d6d5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .header-basket__item {
        flex-direction: column;
        align-items: flex-start;
    }
}
.header-basket__item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.header-basket__price {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    width: 137px;
    margin-right: 15px;
}

@media only screen and (max-width: 991px) {
    .header-basket__price {
        width: 100px;
        margin-right: 5px;
    }
}
.header-basket__delete {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-basket__right {
    display: flex;
    align-items: center;
    flex-grow: 10;
    margin-left: 12px;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .header-basket__right {
        margin-left: 0;
        width: 100%;
    }
}
.header-basket__right .modal__info {
    margin-bottom: 0;
}

.header-basket__right .modal__info input {
    width: 84px;
    height: 32px;
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .header-basket__right .modal__info input {
        margin: 0 5px;
    }
}
.header-basket__right .modal__info .minus,
.header-basket__right .modal__info .plus {
    width: 32px;
    height: 32px;
}

.header-basket__left {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .header-basket__left {
        margin-bottom: 25px;
    }
}
.header-basket__img {
    width: 120px;
    height: 75px;
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 0;
}

.header-basket__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
}

.header-basket__name {
    font-size: 20px;
    color: #555556;
    max-width: 246px;
}

@media only screen and (max-width: 991px) {
    .header-basket__name {
        font-size: 16px;
    }
}
.header-basket__footer {
    padding-top: 20px;
    position: relative;
}

.header-basket__footer:before {
    content: "";
    display: block;
    position: absolute;
    background: #d7d6d5;
    width: 200vw;
    height: 1px;
    left: -50%;
    top: 0;
}

.header-basket__bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .header-basket__bot {
        margin-bottom: 15px;
    }
}
.header-basket__btn {
    height: 56px;
    text-transform: uppercase;
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .header-basket__btn {
        height: 48px;
    }
}
.header-search {
    position: fixed;
    left: 0;
    background: #fff;
    right: 0;
    z-index: 101;
    top: 135px;
    padding-top: 25px;
    padding-bottom: 25px;
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-search {
        padding-top: 15px;
    }
}
.header-search.active {
    display: block;
}

.header-search__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7d6d5;
    padding-bottom: 10px;
}

.header-search__top form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-search__loop {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.header-search__input {
    position: relative;
    width: 100%;
}

.header-search__input input {
    border: none;
    background: none;
    width: 100%;
    color: #555556;
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .header-search__input input {
        font-size: 16px;
    }
}
.header-search__input input::-webkit-input-placeholder {
    color: #d7d6d5;
    font-size: 16px;
    background: url("/local/templates/swgshop/css/../images/loop.svg");
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .header-search__input input::-webkit-input-placeholder {
        font-size: 14px;
    }
}
.header-search__input input:-moz-placeholder {
    color: #d7d6d5;
    font-size: 16px;
    background: url("/local/templates/swgshop/css/../images/loop.svg");
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .header-search__input input:-moz-placeholder {
        font-size: 14px;
    }
}
.header-search__input input::-moz-placeholder {
    color: #d7d6d5;
    font-size: 16px;
    background: url("/local/templates/swgshop/css/../images/loop.svg");
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .header-search__input input::-moz-placeholder {
        font-size: 14px;
    }
}
.header-search__input input:-ms-input-placeholder {
    color: #d7d6d5;
    font-size: 16px;
    background: url("/local/templates/swgshop/css/../images/loop.svg");
    background-repeat: no-repeat;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .header-search__input input:-ms-input-placeholder {
        font-size: 14px;
    }
}
.header-search__btn {
    border: none;
    background: none;
    align-items: center;
    display: none;
}

.header-search__btn.active {
    display: flex;
}

.header-search__close {
    display: flex;
    align-items: center;
    margin-left: 20px;
    cursor: pointer;
}

.header-search__label {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .header-search__label {
        font-size: 14px;
        gap: 6px;
    }

    .header-search__label img {
        width: 19px;
        height: 19px;
    }
}
.header-search__number {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 18px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
    .header-search__number {
        font-size: 14px;
    }
}
.header-search__items {
    margin-bottom: 20px;
}

.header-search__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 90%;
    margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
    .header-search__item {
        max-width: 100%;
    }
}
.header-search__item:last-child {
    margin-bottom: 0;
}

.header-search__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .header-search__img {
        width: 65px;
        height: 52px;
    }
}
.header-search__date {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 991px) {
    .header-search__date {
        font-size: 12px;
    }
}
.header-search__text--orange p {
    color: #dd5b12;
}

.header-search__text p {
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .header-search__text p {
        font-size: 16px;
    }
}
.header-search__text span {
    display: block;
}

@media only screen and (max-width: 991px) {
    .header-search__text span {
        font-size: 12px;
    }
}
@media only screen and (max-width: 991px) {
    .header-search__more {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .header-mobile {
        display: none;
    }

    .header-mobile.active {
        display: block;
        position: fixed;
        top: 62px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #555556;
        height: calc(100vh - 62px);
        padding: 16px 20px;
        overflow: auto;
        z-index: 10;
    }

    .header-mobile.active::-webkit-scrollbar {
        display: none;
    }
}
.header-mobile__items {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-mobile__items {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-top: 24px;
    }
}
.header-mobile__item {
    display: flex;
    align-items: center;
    color: #d7d6d5;
    gap: 10px;
}

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

.header-mobile__social {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-mobile__social {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-top: 40px;
    }
}
.header-mobile__social li:first-child a {
    padding-right: 4px;
}

.header-mobile__social li:last-child a {
    padding-left: 4px;
}

.header-mobile__social li:last-child a svg {
    width: 16px;
    height: 16px;
}

.header-mobile__social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d7d6d5;
}

.header-mobile__social li a:hover svg {
    fill: #dd5b12;
}

.header-mobile__social li a svg {
    width: 22px;
    height: 22px;
    fill: #555556;
}

@media only screen and (max-width: 991px) {
    .header-top {
        display: none;
    }
}
.header__top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 700;
    color: #555556;
    padding: 11px 0;
    gap: 75px;
}

@media only screen and (max-width: 1500px) {
    .header__top {
        gap: 35px;
        font-size: 14px;
    }
}
.header__top--address {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header__top--address span {
    display: block;
    cursor: pointer;
}

.header__top--address span:hover {
    color: #dd5b12;
}

.header__top--address span.active {
    color: #dd5b12;
}

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

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

.header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 83px;
}

.header__logo img.mobile {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .header__logo {
        margin-right: 31px;
        height: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .header__logo {
        margin-right: 0;
        flex-grow: 10;
    }
}
@media only screen and (max-width: 767px) {
    .header__logo img {
        display: none;
    }

    .header__logo img.mobile {
        display: block;
    }
}
.header__nav {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

@media only screen and (max-width: 1500px) {
    .header__nav {
        margin-left: 0;
    }
}
@media only screen and (max-width: 991px) {
    .header__nav {
        display: block;
    }
}
.header__nav > li {
    margin-right: 20px;
}

@media only screen and (max-width: 1500px) {
    .header__nav > li {
        margin-right: 12px;
    }
}
@media only screen and (max-width: 991px) {
    .header__nav > li {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .header__nav > li:last-child {
        margin-bottom: 0;
    }
}
.header__nav > li:last-child {
    margin-right: 0;
}

.header__nav > li > a {
    font-weight: 700;
    color: #fff;
}

.header__nav > li > a.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header__nav > li > a.mobile {
        display: block;
    }
}
@media only screen and (max-width: 1500px) {
    .header__nav > li > a {
        font-size: 11px;
    }
}
@media only screen and (max-width: 991px) {
    .header__nav > li > a {
        font-size: 16px;
        text-transform: uppercase;
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid #fff;
        position: relative;
        font-weight: 400;
    }

    .header__nav > li > a.not-content::before {
        display: none;
    }

    .header__nav > li > a:before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0%;
        background: url("/local/templates/swgshop/css/../images/mobile-menu.svg");
        width: 24px;
        height: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        transition: 400ms;
    }
}
.header__nav > li > a:hover {
    color: #dd5b12;
}

.header__nav > li > a.active {
    color: #dd5b12;
    font-weight: 800;
}

@media only screen and (max-width: 991px) {
    .header__nav > li > a.active::before {
        transform: rotate(180deg);
        transition: 400ms;
    }
}
.header__content {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .header__content {
        flex-grow: 10;
        justify-content: flex-end;
    }
}
.header__human {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 991px) {
    .header__human {
        display: none !important;
    }
}
.header__icons {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .header__icons {
        gap: 20px;
        margin-right: 20px;
    }
}
.header__icons a {
    display: flex;
    align-items: center;
}

.header__icons a svg {
    stroke: #fff;
    fill: none;
    width: 22px;
    height: 22px;
    transition: 300ms;
}

.header__icons a svg:hover {
    stroke-width: 2px;
}

.header__btn {
    height: 39px;
    font-size: 16px;
    width: 155px;
}

@media only screen and (max-width: 991px) {
    .header__btn {
        display: none;
    }
}
.header__like svg:hover {
    fill: #fff;
}

.header__burger {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header__burger {
        display: flex;
    }
}
.header .overflow-about,
.header .overflow-partners,
.header .overflow-support {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    left: 0;
    bottom: 0;
    height: calc(100% - 150px);
    opacity: 0;
    visibility: hidden;
}

.header .overflow-about.active,
.header .overflow-partners.active,
.header .overflow-support.active {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 991px) {
    .header .overflow-about.active,
    .header .overflow-partners.active,
    .header .overflow-support.active {
        display: none;
    }
}
.header-about {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: auto;
    display: none;
    z-index: 100;
    padding-top: 70px;
    padding-bottom: 70px;
    top: 135px;
}

@media only screen and (max-width: 991px) {
    .header-about {
        top: 0;
        background: transparent;
        position: relative;
        height: auto;
        padding: 15px 0;
    }

    .header-about .container {
        padding: 0;
    }
}
.header-about.active {
    display: block;
}

.header-about__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .header-about__close {
        display: none;
    }
}
.header-about__inner {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .header-about__inner {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
}
@media only screen and (max-width: 991px) {
    .header-about__inner {
        display: block;
        padding-left: 15px;
    }
}
.header-about__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .header-about__img {
        display: none;
    }
}
.header-about__info {
    margin-left: 40px;
}

@media only screen and (max-width: 991px) {
    .header-about__info {
        margin-left: 0;
    }
}
.header-about__info li {
    margin-bottom: 30px;
    margin-right: 0;
}

@media only screen and (max-width: 991px) {
    .header-about__info li {
        margin-bottom: 15px;
    }
}
.header-about__info li a {
    font-size: 24px;
    font-weight: 400;
    color: #555556;
    margin-right: 0;
}

@media only screen and (max-width: 1500px) {
    .header-about__info li a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .header-about__info li a {
        color: #fff;
        font-size: 14px;
        text-transform: inherit;
    }
}
.header-partners {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 70px;
    display: none;
    z-index: 100;
    padding-top: 70px;
    top: 135px;
}

@media only screen and (max-width: 991px) {
    .header-partners {
        top: 0;
        padding: 30px 0;
        position: relative;
        background: transparent;
    }

    .header-partners .container {
        padding: 0;
    }
}
.header-partners.active {
    display: block;
}

.header-partners__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.header-partners__inner {
    position: relative;
}

.header-partners__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 60px;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .header-partners__items {
        grid-gap: 25px;
    }
}
@media only screen and (max-width: 991px) {
    .header-partners__items {
        grid-template-columns: 1fr;
        grid-gap: 20px 10px;
        padding: 0;
        padding-left: 15px;
    }
}
.header-partners__img {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .header-partners__img {
        border-radius: 10px;
        display: none;
    }
}
.header-partners__img:hover img {
    transform: scale(1.1);
}

.header-partners__img:hover::before {
    background: transparent;
}

.header-partners__img:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 300ms;
}

@media only screen and (max-width: 1500px) {
    .header-partners__img {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .header-partners__img {
        border-radius: 10px;
        margin-bottom: 10px;
    }
}
.header-partners__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 300ms;
}

.header-partners__text {
    font-size: 24px;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .header-partners__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .header-partners__text {
        font-size: 16px;
        color: #fff;
        color: #d7d6d5;
    }
}
.header-support {
    position: fixed;
    left: 0;
    background: #fff;
    width: 100%;
    height: auto;
    display: none;
    z-index: 100;
    padding-top: 70px;
    padding-bottom: 70px;
    top: 135px;
}

@media only screen and (max-width: 991px) {
    .header-support {
        height: auto;
        background: transparent;
        position: relative;
        top: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    .header-support .container {
        padding: 0;
    }
}
.header-support.active {
    display: block;
}

.header-support__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.header-support__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
    grid-gap: 163px;
}

@media only screen and (max-width: 1500px) {
    .header-support__inner {
        grid-gap: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__inner {
        padding-top: 30px;
        grid-template-columns: 1fr;
        grid-gap: 24px;
        padding-left: 15px;
    }
}
.header-support__title {
    color: #555556;
    font-size: 24px;
    font-weight: 800;
    line-height: 131.4%;
    text-transform: uppercase;
    height: 64px;
    max-width: 100%;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1500px) {
    .header-support__title {
        font-size: 18px;
        height: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__title {
        color: #d7d6d5;
        font-weight: 500;
        height: auto;
        text-transform: inherit;
        font-size: 14px;
    }
}
.header-support__text {
    font-size: 18px;
    color: #8b8b8b;
    max-width: 450px;
    margin-bottom: 39px;
    min-height: 144px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1500px) {
    .header-support__text {
        font-size: 14px;
        min-height: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__text {
        display: none;
    }
}
.header-support__number,
.header-support__mail {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #555556 !important;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
    .header-support__number,
    .header-support__mail {
        font-size: 18px !important;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__number,
    .header-support__mail {
        font-size: 24px !important;
        color: #fff !important;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__mail {
        font-size: 14px !important;
        color: #d7d6d5 !important;
    }
}
.header-support__bot {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-bottom: 1px solid #555556;
    padding-bottom: 17px;
}

.header-support__bot img.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-support__bot img.mobile {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__bot img {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .header-support__bot {
        border-bottom: 1px solid #d7d6d5;
        flex-grow: 10;
        display: none;
    }
}
.header-support__bot span {
    color: #555556;
    margin-right: 20px;
    display: block;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .header-support__bot span {
        font-size: 14px;
        color: #d7d6d5;
        margin-right: 10px;
    }
}
.header-country {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: auto;
    top: 180px;
    display: none;
    z-index: 100;
    padding-top: 70px;
    padding-bottom: 70px;
    top: 124px;
}

@media only screen and (max-width: 1500px) {
    .header-country {
        top: 120px;
    }
}
@media only screen and (max-width: 991px) {
    .header-country {
        top: 62px;
        z-index: 100;
        background-color: #555556;
        padding-top: 0;
        padding-bottom: 0;
        position: fixed;
    }
}
.header-country.active {
    display: block;
}

.header-country__top {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d6d5;
}

.header-country__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .header-country__close {
        display: none;
    }
}
.header-country__inner {
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .header-country__inner {
        padding-top: 40px;
        padding-left: 15px;
    }
}
.header-country__title {
    color: #555556;
    font-size: 32px;
    font-weight: 800;
    line-height: 131.4%;
    text-transform: uppercase;
    margin-bottom: 55px;
}

@media only screen and (max-width: 1500px) {
    .header-country__title {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .header-country__title {
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 30px;
    }
}
.header-country__label {
    color: #555556;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .header-country__label {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .header-country__label {
        font-size: 16px;
        color: #fff;
        font-weight: 800;
        margin-bottom: 15px;
    }
}
.header-country__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 767px) {
    .header-country__info {
        grid-template-columns: 1fr;
        overflow: auto;
        height: calc(100vh - 250px);
    }
}
.header-country__list.wide {
    -moz-column-count: 2;
    column-count: 2;
}

@media only screen and (max-width: 767px) {
    .header-country__list.wide {
        -moz-column-count: 1;
        column-count: 1;
    }
}
.header-country__list li {
    margin-bottom: 30px;
    margin-right: 0;
}

@media only screen and (max-width: 991px) {
    .header-country__list li {
        margin-bottom: 10px;
    }
}
.header-country__list li a {
    font-size: 24px;
    font-weight: 400;
    color: #555556;
    margin-right: 0;
}

@media only screen and (max-width: 1500px) {
    .header-country__list li a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .header-country__list li a {
        color: #fff;
        font-size: 14px;
    }
}
.header-country__list li a:hover {
    color: #dd5b12;
}

.header-catalog {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 100;
    padding-top: 40px;
    top: 135px;
}

@media only screen and (max-width: 991px) {
    .header-catalog {
        top: 0;
        background: transparent;
        position: relative;
        height: auto;
        padding-top: 0;
    }

    .header-catalog .container {
        padding: 0;
    }
}
.header-catalog.active {
    display: block;
}

.header-catalog__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__close {
        top: -10px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__close {
        display: none;
    }
}
.header-catalog__inner {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-top: 35px;
}

@media only screen and (max-width: 991px) {
    .header-catalog__inner {
        padding-left: 15px;
    }
}
.header-catalog__list {
    max-width: 330px;
    width: 100%;
    margin-right: 40px;
    height: calc(100vh - 200px);
    overflow: scroll;
}

.header-catalog__list::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__list {
        max-width: 210px;
        margin-right: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__list {
        height: auto;
        overflow: inherit;
    }
}
.header-catalog__list--item {
    color: #555556;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 35px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__list--item {
        font-size: 14px;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__list--item {
        color: #d7d6d5;
        text-transform: inherit;
        margin-bottom: 20px;
        padding-bottom: 0;
    }
}
.header-catalog__list--item.active {
    border-bottom: 1px solid #d7d6d5;
    color: #dd5b12;
    font-weight: 800;
}

@media only screen and (max-width: 991px) {
    .header-catalog__list--item.active {
        border-bottom: none;
        color: #d7d6d5;
        font-weight: 400;
    }
}
.header-catalog__items {
    overflow-y: auto;
    height: calc(100vh - 200px);
    flex-grow: 10;
    padding-right: 20px;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__items {
        height: calc(100vh - 200px);
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__items {
        height: auto;
        padding-right: 10px;
    }
}
.header-catalog__items::-webkit-scrollbar {
    border-radius: 20px;
    width: 5px;
    background: #f5f5f5;
}

.header-catalog__items::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #d7d6d5;
}

.header-catalog__item {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-catalog__item {
        display: none;
        position: fixed;
        top: 62px;
        left: 0;
        bottom: 0;
        z-index: 1000;
        background: #555556;
        padding: 20px 20px 40px;
        width: 100%;
    }
}
.header-catalog__item.active {
    display: block;
}

@media only screen and (max-width: 991px) {
    .header-catalog__item.active {
        display: none;
    }
}
.header-catalog__grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 70px;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__grids {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__grids {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .header-catalog__grids {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.header-catalog__grid {
    display: flex;
    flex-direction: column;
}

.header-catalog__more {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-catalog__more {
        display: block;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        font-size: 16px;
        color: #fff;
        width: 107px;
        margin-top: 24px;
    }
}
.header-catalog__bottom {
    flex-grow: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.header-catalog__label {
    font-size: 18px;
    font-weight: 700;
    color: #555556;
    text-transform: uppercase;
    margin-bottom: 11px;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__label {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__label {
        font-size: 16px;
        color: #fff;
        text-transform: capitalize;
        font-weight: 400;
    }
}
.header-catalog__aside span {
    display: block;
    font-weight: 400;
    line-height: 210%;
    color: #8b8b8b;
    margin-bottom: 15px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__aside span {
        font-size: 14px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__aside span {
        color: #d7d6d5;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__aside {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__info {
        overflow-x: auto;
        height: 85%;
        width: 100%;
        padding-right: 15px;
    }
}
.header-catalog__mobile--text {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-catalog__mobile--text {
        display: block;
    }
}
.header-catalog__top {
    align-items: flex-end;
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d6d5;
    color: #d7d6d5;
    display: none;
}

@media only screen and (max-width: 991px) {
    .header-catalog__top {
        display: flex;
        padding-left: 15px;
    }

    .header-catalog__top span {
        text-transform: uppercase;
    }
}
.header-catalog__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 991px) {
    .header-catalog__content {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 767px) {
    .header-catalog__content {
        grid-template-columns: 1fr;
    }
}
.header-catalog__content--img {
    display: flex;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .header-catalog__content--img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.header-catalog__content--subtitle {
    display: block;
    margin-top: 15px;
    color: #555556;
    font-weight: 700;
    font-size: 18px;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__content--subtitle {
        font-size: 14px;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 991px) {
    .header-catalog__content--subtitle {
        color: #fff;
    }
}
.header-catalog__content--text {
    font-size: 16px;
    color: #8b8b8b;
    margin-top: 20px;
}

@media only screen and (max-width: 1500px) {
    .header-catalog__content--text {
        font-size: 12px;
        margin-top: 15px;
    }
}
.header__in {
    position: relative;
}

.header__inner {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .header__in {
        display: none;
    }
}
.header__in:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    background: transparent;
    bottom: -30px;
}

.header__in:hover .header__logout {
    opacity: 1;
    visibility: visible;
}

.header__touch {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 32px;
}

.header__logout {
    position: absolute;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    width: 311px;
    padding: 20px;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    top: 50px;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 991px) {
    .header__logout {
        display: none;
    }
}
.header__logout--mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .header__logout--mobile {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .header__logout.active {
        position: fixed;
        bottom: 0;
        height: auto;
        left: 0;
        right: 0;
        z-index: 9999;
        visibility: visible;
        opacity: 1;
        width: auto;
        transform: translate(0);
        top: auto;
    }

    .header__logout.active::before {
        display: none;
    }
}
.header__logout:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.header__logout a {
    font-size: 16px;
    margin-bottom: 12px;
    height: 40px;
}

.header__logout a:last-child {
    margin-bottom: 0;
}

.showcase {
    margin-top: 45px;
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .showcase {
        margin-top: 50px;
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}
.showcase-catalog-new {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .showcase-catalog-new {
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-catalog-new {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.showcase-catalog-new__item {
    border-right: 2px solid #d7d6d5;
    height: 71px;
    display: flex;
    align-items: center;
}

.showcase-catalog-new__item:last-child {
    border-right: 0;
}

@media only screen and (max-width: 1500px) {
    .showcase-catalog-new__item {
        padding-right: 71px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-catalog-new__item {
        border-right: 0;
        border-bottom: 2px solid #d7d6d5;
        padding-right: 0;
        height: 83px;
    }
}
.showcase-catalog-new__item a {
    font-size: 26px;
    font-weight: 500;
}

@media only screen and (max-width: 1500px) {
    .showcase-catalog-new__item a {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-catalog-new__item a {
        font-size: 20px;
    }
}
.showcase__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .showcase__title {
        margin-bottom: 32px;
    }
}
.showcase__video {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .showcase__video {
        height: 450px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase__video {
        height: 400px;
        margin: 0 -20px;
        margin-bottom: 20px;
    }

    .showcase__video video {
        width: 100%;
        height: 100%;
    }
}
.showcase__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .showcase__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.showcase__item {
    position: relative;
    background: #555556;
    height: 160px;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .showcase__item {
        height: 136px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase__item {
        height: 120px;
    }
}
.showcase__icon {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
    .showcase__icon {
        position: relative;
        top: -28px;
    }
}
.showcase__icon .hover {
    display: none;
}

.showcase__text {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .showcase__text {
        font-size: 23px;
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase__text {
        font-size: 20px;
        max-width: 280px;
    }
}
.category {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .category {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .category {
        margin-bottom: 60px;
    }
}
.category__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .category__title {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .category__title {
        margin-bottom: 20px;
    }
}
.category__text {
    font-weight: 500;
    font-size: 26px;
    color: #555556;
    margin-top: 10px;
    height: 30px;
}

@media only screen and (max-width: 1500px) {
    .category__text {
        font-size: 20px;
        height: 25px;
    }
}
@media only screen and (max-width: 991px) {
    .category__text {
        font-size: 20px;
        height: auto;
    }
}
.category__items {
    display: grid;
    grid-template-columns: 472px 108px 495px 340px;
    grid-template-rows: 243px 243px 243px;
    grid-template-areas: "first second second third" "fourth fourth five six" "seven eight eight six";
    grid-gap: 64px 8px;
}

@media only screen and (max-width: 1500px) {
    .category__items {
        grid-template-columns: 248px 152px 272px 212px;
        grid-template-rows: 200px 200px 200px;
        grid-gap: 64px 15px;
    }
}
@media only screen and (max-width: 991px) {
    .category__items {
        display: block;
    }
}
.category__item {
    position: relative;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 991px) {
    .category__item {
        height: auto;
        margin-bottom: 20px;
    }

    .category__item:last-child {
        margin-bottom: 0;
    }
}
.category__item.first {
    grid-area: first;
}

.category__item.second {
    grid-area: second;
}

.category__item.third {
    grid-area: third;
}

.category__item.fourth {
    grid-area: fourth;
}

.category__item.five {
    grid-area: five;
}

.category__item.six {
    grid-area: six;
}

.category__item.seven {
    grid-area: seven;
}

.category__item.eight {
    grid-area: eight;
}

.category__img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

@media only screen and (max-width: 991px) {
    .category__img.mobile img {
        display: none;
    }
}
.category__img.mobile img.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .category__img.mobile img.mobile {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .category__img {
        height: 150px;
    }
}
.category__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.stock {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .stock {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .stock {
        margin-bottom: 50px;
    }
}
.stock__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .stock__title {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .stock__title {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .stock__container {
        margin: 0 -20px;
    }
}
@media only screen and (max-width: 991px) {
    .stock__items {
        padding-bottom: 70px;
    }
}
.stock__item {
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .stock__item {
        height: 450px;
    }
}
.stock__img {
    display: flex;
    align-items: center;
    height: 500px;
}

@media only screen and (max-width: 1500px) {
    .stock__img {
        height: 100%;
    }
}
.stock__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.stock__subititle {
    position: absolute;
    top: 60px;
    left: 60px;
    max-width: 639px;
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .stock__subititle {
        left: 40px;
        top: 40px;
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .stock__subititle {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 23px;
        width: 100%;
        padding: 0 20px;
    }
}
.stock__btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 60px;
    bottom: 60px;
    width: 281px;
    height: 72px;
    background: #fff;
    font-size: 20px;
    text-transform: uppercase;
    color: #555556;
    font-weight: 400;
    transition: 300ms;
}

@media only screen and (max-width: 1500px) {
    .stock__btn {
        width: 252px;
        height: 64px;
        font-size: 18px;
        left: 40px;
        bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .stock__btn {
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
        width: 222px;
        height: 56px;
    }
}
.stock__btn:hover {
    color: #fff;
    background: #dd5b12;
}

.stock .swiper-pagination {
    bottom: 40px;
    right: 60px;
    left: auto;
    display: flex;
    align-items: center;
    width: auto;
}

@media only screen and (max-width: 991px) {
    .stock .swiper-pagination {
        left: 50%;
        right: 0;
        transform: translateX(-50%);
        justify-content: center;
        bottom: 20px;
    }
}
.stock .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: 1;
    background: none;
    border: 1px solid #fff;
}

@media only screen and (max-width: 991px) {
    .stock .swiper-pagination-bullet {
        border-color: #555556;
    }
}
.stock .swiper-pagination-bullet-active {
    background: #fff;
    width: 52px;
    border-radius: 100px;
}

@media only screen and (max-width: 991px) {
    .stock .swiper-pagination-bullet-active {
        background: #555556;
    }
}
.solutions {
    overflow: hidden;
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .solutions {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .solutions {
        margin-bottom: 60px;
    }
}
.solutions__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .solutions__title {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .solutions__title {
        margin-bottom: 20px;
    }
}
.solutions__container {
    overflow: visible;
}

.solutions__items {
    padding-bottom: 50px;
}

.solutions__item {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .solutions__item {
        height: 420px;
        width: 275px;
    }
}
.solutions__item:last-child {
    margin-bottom: 0;
}

.solutions__img {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

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

.solutions__text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
}

@media only screen and (max-width: 1500px) {
    .solutions__text {
        font-size: 23px;
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .solutions__text {
        font-size: 20px;
    }
}
.solutions .swiper-arrow-next,
.solutions .swiper-arrow-prev {
    display: flex;
    align-items: center;
    top: 50%;
    position: absolute;
    z-index: 10;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.solutions .swiper-arrow-next.swiper-button-disabled,
.solutions .swiper-arrow-prev.swiper-button-disabled {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .solutions .swiper-arrow-next,
    .solutions .swiper-arrow-prev {
        display: none;
    }
}
.solutions .swiper-arrow-prev {
    left: 0;
    right: auto;
}

.solutions .swiper-arrow-prev img {
    transform: rotate(180deg);
}

.solutions .swiper-pagination {
    display: flex;
    align-items: center;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

@media only screen and (max-width: 991px) {
    .solutions .swiper-pagination {
        left: 50%;
        right: 0;
        transform: translateX(-50%);
        justify-content: center;
    }
}
.solutions .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: 1;
    background: none;
    border: 1px solid #555556;
    flex-shrink: 0;
}

.solutions .swiper-pagination-bullet-active {
    background: #555556;
    width: 52px;
    border-radius: 100px;
}

.about-home {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .about-home {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home {
        margin-bottom: 60px;
    }
}
.about-home__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .about-home__title {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__title {
        margin-bottom: 20px;
    }
}
.about-home__info {
    display: grid;
    grid-template-columns: 1fr 577px;
    grid-gap: 40px;
    margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
    .about-home__info {
        margin-bottom: 70px;
        grid-gap: 30px;
        grid-template-columns: 1fr 370px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__info {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 20px;
        margin: 0 -20px;
    }
}
.about-home__item {
    padding-bottom: 38px;
    margin-bottom: 50px;
    border-bottom: 1px solid #555556;
}

@media only screen and (max-width: 1500px) {
    .about-home__item {
        padding-bottom: 22px;
        margin-bottom: 38px;
    }
}
.about-home__item:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .about-home__item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__items {
        padding: 0 20px;
    }
}
.about-home__sub {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .about-home__sub {
        font-size: 26px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__sub {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.about-home__text {
    font-size: 20px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 1500px) {
    .about-home__text {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__text {
        font-size: 16px;
        margin-bottom: 24px;
    }
}
.about-home__grid img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-home__more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.about-home__more:hover img {
    transform: translateX(10px);
}

.about-home__more span {
    text-transform: uppercase;
    margin-right: 45px;
    transition: 300;
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .about-home__more span {
        font-size: 16px;
        margin-right: 26px;
    }
}
.about-home__more img {
    transition: 400ms;
    width: 13px;
    height: 26px;
}

@media only screen and (max-width: 991px) {
    .about-home__more img {
        width: 7px;
        height: 16px;
        transform: translateY(-1px);
    }
}
.about-home__container {
    width: 577px;
}

@media only screen and (max-width: 1500px) {
    .about-home__container {
        width: 370px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__container {
        width: 100%;
        height: 450px;
    }
}
.about-home .swiper-pagination {
    display: flex;
    align-items: center;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .about-home .swiper-pagination {
        left: 50%;
        right: 0;
        transform: translateX(-50%);
        justify-content: center;
    }
}
.about-home .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: 1;
    background: none;
    border: 1px solid #fff;
    flex-shrink: 0;
}

.about-home .swiper-pagination-bullet-active {
    background: #fff;
    width: 52px;
    border-radius: 100px;
}

@media only screen and (max-width: 991px) {
    .about-home__content {
        margin-top: 45px;
    }
}
.about-home__content--title {
    font-weight: 700;
    font-size: 42px;
    line-height: 131%;
    text-transform: uppercase;
    color: #555556;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--title {
        font-size: 33px;
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.about-home__content--items {
    display: grid;
    grid-template-columns: 1fr 577px;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--items {
        grid-template-columns: 1fr 370px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--items {
        display: block;
        margin: 0 -20px;
    }
}
.about-home__content--container {
    width: 823px;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--container {
        width: 530px;
        height: 400px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--container {
        width: 100%;
        margin-bottom: 20px;
    }
}
.about-home__content--container .swiper-pagination {
    left: 40px;
    transform: translateX(0);
}

@media only screen and (max-width: 991px) {
    .about-home__content--container .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
    }
}
.about-home__content--grid {
    display: flex;
    align-items: center;
}

.about-home__content--grid img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-home__content--info {
    display: flex;
    flex-direction: column;
    padding-bottom: 38px;
    border-bottom: 1px solid #555556;
}

@media only screen and (max-width: 991px) {
    .about-home__content--info {
        padding: 0 20px;
        padding-bottom: 20px;
    }
}
.about-home__content--sub {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--sub {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--sub {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.about-home__content--text {
    font-size: 20px;
    flex-grow: 10;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--text {
        font-size: 16px;
    }
}
.about-home__content--link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 24px;
}

.about-home__content--link:hover img {
    transform: translateX(10px);
}

.about-home__content--link span {
    font-size: 24px;
    text-transform: uppercase;
    margin-right: 45px;
    transition: 300;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--link span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--link span {
        font-size: 16px;
    }
}
.about-home__content--link img {
    transition: 400ms;
}

@media only screen and (max-width: 1500px) {
    .about-home__content--link img {
        width: 13px;
        height: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .about-home__content--link img {
        height: 17px;
        width: 6px;
        transform: translateY(-1px);
    }
}
.banner {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .banner {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .banner {
        margin-bottom: 60px;
    }
}
.banner__inner {
    background: url("/local/templates/swgshop/css/../images/banner-img-bg.png");
    position: relative;
    min-height: 432px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1500px) {
    .banner__inner {
        min-height: 350px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__inner {
        min-height: 526px;
        margin: 0 -20px;
    }
}
.banner__img {
    display: flex;
    align-items: center;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    position: absolute;
    height: 400px;
}

@media only screen and (max-width: 1500px) {
    .banner__img {
        width: 650px;
        right: -15%;
        top: 68%;
        height: 315px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__img {
        width: auto;
        right: 0;
        left: 50%;
        transform: translateX(-50%);
        top: -16px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 450px;
        margin: 0 auto;
        height: auto;
    }
}
.banner__img img.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .banner__img img.mobile {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .banner__img img {
        display: none;
    }
}
.banner__info {
    max-width: 860px;
    padding: 50px 0 0 50px;
}

@media only screen and (max-width: 1500px) {
    .banner__info {
        padding: 40px 0 40px 40px;
        max-width: 621px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__info {
        max-width: 100%;
        padding: 0 20px;
        padding-top: 280px;
        text-align: center;
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .banner__info {
        padding-top: 260px;
    }
}
@media only screen and (max-width: 480px) {
    .banner__info {
        padding-top: 200px;
    }
}
.banner__title {
    font-weight: 700;
    font-size: 42px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .banner__title {
        font-size: 33px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
.banner__text {
    font-size: 20px;
    margin-bottom: 45px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .banner__text {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__text {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.banner__btn {
    width: 336px;
    height: 72px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

@media only screen and (max-width: 1500px) {
    .banner__btn {
        height: 56px;
        width: 265px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .banner__btn {
        margin: 0 auto;
    }
}
.magazine {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .magazine {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .magazine {
        margin-bottom: 60px;
    }
}
.magazine__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .magazine__title {
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .magazine__title {
        margin-bottom: 20px;
    }
}
.magazine__info {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .magazine__info {
        display: block;
    }
}
.magazine__content {
    max-width: 700px;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .magazine__content {
        max-width: 450px;
        margin-right: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .magazine__content {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 20px;
    }
}
.magazine__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 23px;
    text-transform: uppercase;
    padding-bottom: 26px;
    width: 100%;
    border-bottom: 1px solid #8b8b8b;
    margin-bottom: 26px;
}

@media only screen and (max-width: 991px) {
    .magazine__item {
        font-size: 16px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}
.magazine__item:last-child {
    margin-bottom: 0;
}

.magazine__items {
    width: 100%;
}

.magazine__sub {
    font-size: 32px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .magazine__sub {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .magazine__sub {
        font-size: 20px;
    }
}
.magazine__text {
    font-size: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 1500px) {
    .magazine__text {
        font-size: 18px;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .magazine__text {
        font-size: 16px;
        margin-top: 10px;
    }
}
.footer {
    background: #555556;
    color: #fff;
    position: relative;
    z-index: 10;
}

.footer__inner {
    padding: 75px 0 46px;
}

@media only screen and (max-width: 767px) {
    .footer__inner {
        padding: 50px 0 30px;
    }
}
.footer__logo {
    display: flex;
    align-items: center;
    margin-bottom: 65px;
}

@media only screen and (max-width: 1500px) {
    .footer__logo {
        height: 36px;
    }
}
.footer__items {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 75px;
}

@media only screen and (max-width: 767px) {
    .footer__items {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}
.footer__item {
    flex-grow: 10;
}

.footer__aside {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .footer__aside {
        font-size: 20px;
    }
}
.footer__number {
    display: block;
    font-size: 32px;
}

@media only screen and (max-width: 1500px) {
    .footer__number {
        font-size: 24px;
    }
}
.footer__mail {
    font-size: 24px;
    margin-top: 20px;
    display: block;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .footer__mail {
        font-size: 20px;
    }
}
.footer__social {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
    .footer__social {
        margin-bottom: 0;
    }
}
.footer__social li:first-child a {
    padding-right: 4px;
}

.footer__social li:last-child a {
    padding-left: 4px;
}

.footer__social li:last-child a svg {
    width: 16px;
    height: 16px;
}

.footer__social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d7d6d5;
}

.footer__social li a:hover svg {
    fill: #dd5b12;
}

.footer__social li a svg {
    width: 22px;
    height: 22px;
    fill: #555556;
    transition: 300ms;
}

.footer__banks {
    display: flex;
    align-items: center;
    gap: 7px;
}

@media only screen and (max-width: 767px) {
    .footer__banks {
        position: absolute;
        bottom: 206px;
    }
}
.footer__navs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    grid-gap: 70px;
}

@media only screen and (max-width: 1500px) {
    .footer__navs {
        display: block;
        -moz-columns: 2;
        columns: 2;
        gap: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .footer__navs {
        -moz-columns: 1;
        columns: 1;
    }
}
@media only screen and (max-width: 767px) {
    .footer__navs {
        margin-bottom: 57px;
    }
}
.footer__nav:first-child .footer__nav--item {
    margin-top: 0;
}

@media only screen and (max-width: 1500px) {
    .footer__nav--item {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 991px) {
    .footer__nav--item {
        margin-top: 25px;
    }
}
.footer__nav--item.margin {
    margin-top: 50px;
}

@media only screen and (max-width: 1500px) {
    .footer__nav--item.margin {
        margin-top: 85px;
    }
}
@media only screen and (max-width: 991px) {
    .footer__nav--item.margin {
        margin-top: 25px;
    }
}
.footer__nav--top {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.footer__nav--top.active img {
    transform: rotate(180deg);
}

.footer__nav--top span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.footer__nav--top img {
    display: none;
}

@media only screen and (max-width: 991px) {
    .footer__nav--top img {
        display: block;
        margin-left: 15px;
        transition: 400ms;
    }
}
@media only screen and (max-width: 991px) {
    .footer__nav--list {
        display: none;
    }

    .footer__nav--list.active {
        display: block;
    }
}
.footer__nav--list li {
    margin-bottom: 15px;
}

.footer__nav--list li a {
    font-size: 18px;
    color: #f5f5f5;
}

@media only screen and (max-width: 1500px) {
    .footer__nav--list li a {
        font-size: 16px;
    }
}
.footer__nav--list li a:hover {
    color: #dd5b12;
}

.footer__bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid #8b8b8b;
}

@media only screen and (max-width: 767px) {
    .footer__bot {
        display: block;
    }
}
.footer__copy {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
}

@media only screen and (max-width: 767px) {
    .footer__copy {
        margin-bottom: 20px;
    }
}
.footer__info {
    display: flex;
    align-items: center;
    gap: 96px;
}

@media only screen and (max-width: 991px) {
    .footer__info {
        gap: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .footer__info {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}
.footer__info a {
    color: #f5f5f5;
}

@-webkit-keyframes image {
    0% {
        background-image: url("/local/templates/swgshop/css/../images/swg-1.png");
    }
    20% {
        background-image: url("/local/templates/swgshop/css/../images/swg-2.png");
    }
    40% {
        background-image: url("/local/templates/swgshop/css/../images/swg-3.png");
    }
    60% {
        background-image: url("/local/templates/swgshop/css/../images/swg-4.png");
    }
    80% {
        background-image: url("/local/templates/swgshop/css/../images/swg-5.png");
    }
    100% {
        background-image: url("/local/templates/swgshop/css/../images/swg-1.png");
    }
}
@keyframes image {
    0% {
        background-image: url("/local/templates/swgshop/css/../images/swg-1.png");
    }
    20% {
        background-image: url("/local/templates/swgshop/css/../images/swg-2.png");
    }
    40% {
        background-image: url("/local/templates/swgshop/css/../images/swg-3.png");
    }
    60% {
        background-image: url("/local/templates/swgshop/css/../images/swg-4.png");
    }
    80% {
        background-image: url("/local/templates/swgshop/css/../images/swg-5.png");
    }
    100% {
        background-image: url("/local/templates/swgshop/css/../images/swg-1.png");
    }
}
.slider {
    background-image: url("/local/templates/swgshop/css/../images/back-slider.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 1144px;
    padding-top: 69px;
}

@media only screen and (max-width: 1680px) {
    .slider {
        min-height: inherit;
        padding: 40px 0 100px;
    }
}
@media only screen and (max-width: 767px) {
    .slider {
        min-height: auto;
        padding: 20px 0 200px;
    }
}
.slider__animation {
    position: relative;
    height: 500px;
    background-image: url("/local/templates/swgshop/css/../images/swg-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 315px;
    width: 686px;
    -webkit-animation: image 10s infinite;
    animation: image 10s infinite;
    left: -100px;
}

@media only screen and (max-width: 1680px) {
    .slider__animation {
        height: 200px;
        width: 500px;
        left: -76px;
    }
}
@media only screen and (max-width: 767px) {
    .slider__animation {
        height: 140px;
        width: 300px;
        left: -46px;
    }
}
.slider__animation img {
    display: none;
}

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

.slider__content {
    height: 400px;
    max-width: 1147px;
    opacity: 0;
    transition: 400ms;
}

@media only screen and (max-width: 1680px) {
    .slider__content {
        max-width: 1000px;
        height: auto;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 1680px) {
    .slider__content {
        max-width: 70%;
    }
}
@media only screen and (max-width: 991px) {
    .slider__content {
        max-width: 80%;
    }
}
@media only screen and (max-width: 767px) {
    .slider__content {
        height: auto;
        max-width: 100%;
        margin-bottom: 50px;
    }
}
.slider__content p {
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .slider__content p {
        margin-bottom: 10px;
    }
}
.slider__content span {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    max-width: 555px;
    display: block;
}

@media only screen and (max-width: 1680px) {
    .slider__content span {
        font-size: 20px;
        max-width: 70%;
    }
}
@media only screen and (max-width: 767px) {
    .slider__content span {
        font-size: 14px;
        height: auto;
    }
}
.slider__info {
    display: none;
}

.slider__info.active {
    display: block;
}

.slider__info.active .slider__content {
    opacity: 1;
}

.slider__item {
    position: relative;
    flex-shrink: 0;
    width: 335px;
    height: 335px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 1680px) {
    .slider__item {
        width: 236px;
        height: 236px;
    }
}
@media only screen and (max-width: 767px) {
    .slider__item {
        width: 120px;
        height: 120px;
    }
}
.slider__item:nth-child(2) {
    width: 245px;
    height: 245px;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    margin-top: -180px;
}

@media only screen and (max-width: 1680px) {
    .slider__item:nth-child(2) {
        width: 182px;
        height: 182px;
        margin-top: -140px;
        margin-right: -50px;
    }
}
@media only screen and (max-width: 767px) {
    .slider__item:nth-child(2) {
        width: 88px;
        height: 88px;
        -webkit-filter: blur(0.5px);
        filter: blur(0.5px);
        margin-right: 0;
        margin-top: 0;
        margin-bottom: -181px;
    }
}
.slider__item:nth-child(3) {
    width: 170px;
    height: 170px;
    -webkit-filter: blur(3.5px);
    filter: blur(3.5px);
    margin-top: -600px;
}

@media only screen and (max-width: 1680px) {
    .slider__item:nth-child(3) {
        width: 120px;
        height: 120px;
        margin-top: -400px;
    }
}
@media only screen and (max-width: 767px) {
    .slider__item:nth-child(3) {
        width: 60px;
        height: 60px;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        margin-top: 0;
        margin-bottom: -330px;
    }
}
.slider__item:last-child {
    width: 100px;
    height: 100px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    margin-top: -1000px;
    margin-left: -100px;
}

@media only screen and (max-width: 1680px) {
    .slider__item:last-child {
        width: 62px;
        height: 62px;
        margin-top: -845px;
        margin-left: -136px;
    }
}
@media only screen and (max-width: 767px) {
    .slider__item:last-child {
        width: 35px;
        height: 35px;
        margin-top: 0;
        margin-left: 0;
        -webkit-filter: blur(1px);
        filter: blur(1px);
        margin-left: -24px;
        margin-bottom: -178px;
    }
}
.slider__item img {
    z-index: 1;
    position: relative;
}

.slider__item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 335px;
    background: #555556;
    box-shadow: -1px 1px 30px 0px rgba(201, 201, 201, 0.3);
    border-radius: 50%;
    flex-shrink: 0;
}

.showcase-about {
    margin-bottom: 120px;
}

@media only screen and (max-width: 991px) {
    .showcase-about {
        margin-bottom: 60px;
    }
}
.showcase-about__title {
    font-size: 42px;
}

@media only screen and (max-width: 1500px) {
    .showcase-about__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-about__title {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-about .slider__animation {
        width: 384px;
        left: -72px;
        height: 189px;
    }
}
.about-idea {
    background: #555556;
    color: #fff;
}

.about-idea__inner {
    padding: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .about-idea__inner {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__inner {
        padding: 50px 0;
    }
}
.about-idea__item {
    margin-bottom: 80px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d7d6d5;
}

@media only screen and (max-width: 991px) {
    .about-idea__item {
        margin: 0 -20px;
        margin-bottom: 60px;
        padding-bottom: 15px;
    }
}
.about-idea__item:last-child {
    margin-bottom: 0;
}

.about-idea__item:last-child {
    margin-bottom: 0;
}

.about-idea__info {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .about-idea__info {
        gap: 32px;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__info {
        display: flex;
        flex-direction: column-reverse;
    }
}
.about-idea__info.reverse {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 991px) {
    .about-idea__info.reverse {
        flex-direction: column-reverse;
    }
}
.about-idea__next {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .about-idea__next {
        padding: 0 20px;
    }
}
.about-idea__next:hover img {
    transform: scale(1.1);
}

@media only screen and (max-width: 1500px) {
    .about-idea__next {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .about-idea__next {
        gap: 13px;
    }
}
.about-idea__next img {
    transition: 300ms;
}

.about-idea__next span {
    font-size: 23px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .about-idea__next span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__next span {
        font-size: 16px;
    }
}
.about-idea__img {
    display: flex;
    align-items: center;
    max-width: 823px;
    width: 100%;
    flex-shrink: 0;
}

@media only screen and (max-width: 1500px) {
    .about-idea__img {
        max-width: 530px;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__img {
        max-width: 100%;
        height: 450px;
        border-radius: 0;
    }

    .about-idea__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__text {
        padding: 0 20px;
    }
}
.about-idea__text p {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .about-idea__text p {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__text p {
        font-size: 24px;
    }
}
.about-idea__text span {
    font-size: 20px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .about-idea__text span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .about-idea__text span {
        font-size: 14px;
    }
}
.brands {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .brands {
        margin: 80px 0;
    }
}
@media only screen and (max-width: 991px) {
    .brands {
        margin: 60px 0;
    }
}
.brands__title {
    margin-bottom: 80px;
    font-size: 42px;
}

@media only screen and (max-width: 1500px) {
    .brands__title {
        margin-bottom: 60px;
        font-size: 33px;
    }
}
.brands__img {
    display: flex;
    align-items: center;
    padding-bottom: 45px;
    border-bottom: 1px solid #555556;
    margin-bottom: 44px;
    height: 140px;
}

@media only screen and (max-width: 991px) {
    .brands__img {
        margin-bottom: 75px;
        height: 70px;
        padding-bottom: 20px;
    }
}
.brands__text {
    max-width: 944px;
    margin-left: auto;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .brands__text {
        max-width: 560px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .brands__text {
        max-width: 100%;
        font-size: 16px;
    }
}
.brands .swiper-pagination {
    bottom: 85px;
    left: 0;
    margin: 0;
    width: auto;
}

@media only screen and (max-width: 1500px) {
    .brands .swiper-pagination {
        bottom: 89px;
    }
}
@media only screen and (max-width: 991px) {
    .brands .swiper-pagination {
        bottom: 0;
        top: 100px;
    }
}
.brands .swiper-pagination-bullet {
    width: 78px;
    height: 8px;
    border-radius: 10px;
    margin-right: 11px !important;
}

@media only screen and (max-width: 1500px) {
    .brands .swiper-pagination-bullet {
        width: 48px;
        height: 5px;
    }
}
.brands .swiper-pagination-bullet-active {
    background: #dd5b12;
}

.rule {
    margin: 150px 0;
}

@media only screen and (max-width: 1500px) {
    .rule {
        margin: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .rule {
        margin: 40px 0 60px;
    }
}
.rule__title {
    font-size: 42px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .rule__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .rule__title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}
.rule__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 991px) {
    .rule__items {
        display: flex;
        align-items: flex-start;
        overflow-x: auto;
        justify-content: space-between;
        margin-right: -20px;
        padding-right: 20px;
        gap: 20px;
    }

    .rule__items::-webkit-scrollbar {
        display: none;
    }
}
.rule__img {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .rule__img {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .rule__img {
        height: 420px;
    }

    .rule__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media only screen and (max-width: 991px) {
    .rule__item {
        flex-shrink: 0;
        min-width: 260px;
        max-width: 260px;
    }
}
.rule__sub {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .rule__sub {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 991px) {
    .rule__sub {
        font-size: 16px;
    }
}
.rule__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .rule__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .rule__text {
        font-size: 14px;
    }
}
.about-set {
    margin-bottom: 120px;
}

@media only screen and (max-width: 1500px) {
    .about-set {
        margin-bottom: 150px;
    }
}
@media only screen and (max-width: 991px) {
    .about-set {
        margin-bottom: 80px;
    }
}
.about-set__inner {
    padding-bottom: 40px;
    border-bottom: 1px solid #555556;
}

@media only screen and (max-width: 1500px) {
    .about-set__inner {
        padding-bottom: 15px;
    }
}
.about-set__title {
    font-size: 42px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .about-set__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .about-set__title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}
.about-set__text {
    max-width: 947px;
    margin-left: auto;
    font-size: 20px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .about-set__text {
        font-size: 20px;
        max-width: 690px;
    }
}
@media only screen and (max-width: 991px) {
    .about-set__text {
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
.about-set__map {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .about-set__map {
        height: 450px;
        border-radius: 0;
        margin: 0 -20px;
        margin-bottom: 30px;
    }
}
.about-set__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-set__next {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.about-set__next:hover img {
    transform: scale(1.1);
}

.about-set__next img {
    transition: 300ms;
}

.about-set__next span {
    font-size: 23px;
    margin-right: 20px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .about-set__next span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .about-set__next span {
        font-size: 16px;
        margin-right: 13px;
    }
}
.lib {
    background: #555556;
    color: #fff;
}

.lib__inner {
    padding: 65px 0 125px;
}

@media only screen and (max-width: 991px) {
    .lib__inner {
        padding: 60px 0;
    }
}
.lib__title {
    color: #fff;
    margin-bottom: 30px;
    font-size: 42px;
}

@media only screen and (max-width: 1500px) {
    .lib__title {
        margin-bottom: 40px;
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .lib__title {
        font-size: 24px;
    }
}
.lib__top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .lib__top {
        display: block;
    }
}
.lib__img {
    display: flex;
    align-items: center;
    margin-right: 40px;
    max-width: 823px;
    flex-shrink: 0;
    width: 100%;
}

@media only screen and (max-width: 1500px) {
    .lib__img {
        max-width: 530px;
    }
}
@media only screen and (max-width: 991px) {
    .lib__img {
        max-width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
}
.lib__text p {
    font-size: 20px;
    color: #d7d6d5;
    margin-bottom: 25px;
}

@media only screen and (max-width: 1500px) {
    .lib__text p {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .lib__text p {
        font-size: 16px;
    }
}
.lib__text p:last-child {
    margin-bottom: 0;
}

.lib__images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .lib__images {
        grid-gap: 13px;
    }
}
@media only screen and (max-width: 767px) {
    .lib__images {
        display: flex;
        align-items: center;
        overflow-x: auto;
        margin-right: -20px;
        padding-right: 20px;
    }

    .lib__images::-webkit-scrollbar {
        display: none;
    }
}
.lib__image {
    display: flex;
    align-items: center;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .lib__image {
        flex-shrink: 0;
        width: 113px;
        height: 171px;
    }
}
.lib__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.lib__dropdown {
    display: none;
}

.lib__dropdown.active {
    display: block;
}

@media only screen and (max-width: 767px) {
    .lib__dropdown {
        display: block;
    }
}
.lib__dropdown--title {
    margin-bottom: 50px;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .lib__dropdown--title {
        font-size: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .lib__dropdown--title {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .lib__dropdown--title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.lib__information--label {
    font-weight: 700;
    font-size: 23px;
    color: #fff;
    margin-bottom: 12px;
}

@media only screen and (max-width: 991px) {
    .lib__information--label {
        display: none;
    }
}
.lib-dropdown {
    display: none;
}

@media only screen and (max-width: 991px) {
    .lib-dropdown {
        margin-bottom: 30px;
        padding: 0 15px;
    }
}
.lib-dropdown .adress-magazine__swiper {
    margin: 0;
    max-width: 676px;
    margin-right: 40px;
}

@media only screen and (max-width: 991px) {
    .lib-dropdown .adress-magazine__swiper {
        margin-right: 0;
    }
}
.lib-dropdown .adress-magazine__item {
    height: 320px;
}

@media only screen and (max-width: 991px) {
    .lib-dropdown .adress-magazine__item {
        height: 136px;
    }
}
.lib-dropdown .adress-magazine__item img {
    border-radius: 0;
}

.lib-dropdown.active {
    display: flex;
}

@media only screen and (max-width: 991px) {
    .lib-dropdown.active {
        display: block;
    }
}
.lib__content {
    display: none;
}

.lib__content.active {
    display: block;
}

.lib__item--name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 23px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 0;
    margin-bottom: 15px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .lib__item--name {
        font-size: 18px;
        font-weight: 400;
        padding: 15px 0;
    }
}
.lib__item--name.active img {
    transform: rotate(90deg);
}

.lib__item--name img {
    transition: 400ms;
}

@media only screen and (max-width: 767px) {
    .lib__item--name img {
        display: block;
        width: 20px;
        height: 20px;
    }
}
.lib__label {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
}

.lib__label.active::before {
    transform: rotate(90deg);
}

.lib__label:before {
    content: "";
    display: block;
    position: absolute;
    background: url("/local/templates/swgshop/css/../images/arrow-back.svg");
    width: 14px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0;
    transition: 300ms;
}

@media only screen and (max-width: 991px) {
    .lib__label:before {
        width: 10px;
        height: 20px;
    }
}
@media only screen and (max-width: 1500px) {
    .lib__label {
        font-size: 16px;
    }
}
.lib__aside {
    margin-bottom: 15px;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .lib__aside {
        font-size: 16px;
    }
}
.lib__aside p {
    margin-top: 10px;
    display: block;
    color: #d7d6d5;
}

.lib__aside:last-child {
    margin-bottom: 0;
}

.lib__open {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 23px;
    text-transform: uppercase;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    transition: 400ms;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .lib__open {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .lib__open {
        display: none;
    }
}
.lib__open:hover img {
    transform: scale(1.1);
}

.lib__open img {
    transition: 400ms;
}

.lib__open.active img {
    transform: rotate(90deg);
}

.lib__content.active {
    display: block;
}

.history {
    margin: 120px 0;
}

@media only screen and (max-width: 991px) {
    .history {
        margin: 60px 0 20px;
        overflow: hidden;
    }
}
.history__title {
    margin-bottom: 50px;
    font-size: 42px;
}

@media only screen and (max-width: 991px) {
    .history__title {
        margin-bottom: 14px;
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .history__container {
        margin: 0 -20px;
    }
}
.history__top {
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
    border-bottom: 1px solid #555556;
    margin-bottom: 40px;
    padding-top: 20px;
}

.history__top .swiper-wrapper {
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .history__top {
        display: inherit;
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: visible;
    }
}
.history__top--item {
    color: #8b8b8b;
    font-size: 33px;
    font-weight: 600;
    line-height: 1;
    margin-right: 50px;
    cursor: pointer;
    width: auto;
}

@media only screen and (max-width: 1500px) {
    .history__top--item {
        font-size: 32px;
        margin-right: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .history__top--item {
        font-size: 24px;
        margin-right: 0;
        width: inherit;
        display: flex;
        align-items: center;
    }

    .history__top--item:last-child {
        margin-right: 0;
    }
}
.history__top--item.active {
    font-weight: 800;
    color: #dd5b12;
    font-size: 42px;
    line-height: 0.8;
}

@media only screen and (max-width: 991px) {
    .history__top--item.active {
        color: inherit;
        font-size: 24px;
        line-height: 1;
        font-weight: 700;
    }
}
@media only screen and (max-width: 991px) {
    .history__top--item.swiper-slide-thumb-active {
        font-weight: 800;
        color: #dd5b12;
        font-size: 24px;
    }
}
.history__item {
    display: table-column;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
}

@media only screen and (max-width: 991px) {
    .history__item {
        flex-direction: column;
        display: block;
        opacity: 1;
        visibility: visible;
    }
}
.history__item.active {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.history__items {
    display: block;
}

@media only screen and (max-width: 991px) {
    .history__items {
        display: flex;
    }
}
.history__img {
    max-width: 823px;
    flex-shrink: 0;
    margin-right: 30px;
}

@media only screen and (max-width: 1500px) {
    .history__img {
        max-width: 530px;
    }
}
@media only screen and (max-width: 991px) {
    .history__img {
        max-width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .history__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media only screen and (max-width: 767px) {
    .history__img {
        height: 320px;
    }
}
.history__text {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .history__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .history__text {
        font-size: 16px;
        padding: 0 20px;
    }
}
.about-slider {
    overflow: hidden;
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px) {
    .about-slider {
        margin-bottom: 80px;
    }
}
.about-slider__title {
    margin-bottom: 100px;
    font-size: 42px;
}

@media only screen and (max-width: 1500px) {
    .about-slider__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .about-slider__title {
        margin-bottom: 40px;
        font-size: 24px;
    }
}
.about-slider__items .slick-list {
    overflow: visible;
}

.about-slider__items .slick-track {
    align-items: center;
    display: flex;
}

.about-slider__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

@-webkit-keyframes imageDes {
    0% {
        background-image: url("/local/templates/swgshop/css/../images/des-2.svg");
    }
    33% {
        background-image: url("/local/templates/swgshop/css/../images/des-3.svg");
    }
    66% {
        background-image: url("/local/templates/swgshop/css/../images/des-4.svg");
    }
    100% {
        background-image: url("/local/templates/swgshop/css/../images/des-5.svg");
    }
}
@keyframes imageDes {
    0% {
        background-image: url("/local/templates/swgshop/css/../images/des-2.svg");
    }
    33% {
        background-image: url("/local/templates/swgshop/css/../images/des-3.svg");
    }
    66% {
        background-image: url("/local/templates/swgshop/css/../images/des-4.svg");
    }
    100% {
        background-image: url("/local/templates/swgshop/css/../images/des-5.svg");
    }
}
.showcase-des {
    background: #555556;
    padding-top: 25px;
    padding-bottom: 113px;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .showcase-des {
        padding-bottom: 63px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des {
        padding-top: 20px;
        padding-bottom: 31px;
    }
}
.showcase-des__inner {
    position: relative;
    z-index: 1;
}

.showcase-des:before {
    content: "";
    display: block;
    position: absolute;
    background: url("/local/templates/swgshop/css/../images/showcase-des-before.svg") no-repeat;
    width: 882px;
    height: 779px;
    left: 50%;
    bottom: -1%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 1500px) {
    .showcase-des:before {
        bottom: -5%;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des:before {
        width: 551px;
        height: 436px;
        bottom: 0;
        background-size: cover;
        left: auto;
        transform: translateX(0);
        right: -60%;
    }
}
.showcase-des__title {
    color: #fff;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__title {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-des__title {
        font-size: 36px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.showcase-des__animation {
    background-image: url("/local/templates/swgshop/css/../images/des-5.svg");
    background-size: cover;
    -webkit-animation: imageDes 10s infinite;
    animation: imageDes 10s infinite;
    height: 390px;
    width: 1390px;
    margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__animation {
        height: 220px;
        width: 800px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-des__animation {
        height: 194px;
        width: 692px;
        margin-left: auto;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des__animation {
        width: 324px;
        height: 78px;
    }
}
.showcase-des__animation img {
    display: none;
}

.showcase-des__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
    margin-bottom: 135px;
    margin-top: 60px;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 0 40px;
        margin-bottom: 92px;
        margin-top: 25px;
    }
}
@media only screen and (max-width: 1500px) {
    .showcase-des__items {
        grid-template-columns: 1fr 1fr;
        margin-top: -40px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des__items {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
        margin-top: 30px;
    }
}
.showcase-des__item {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .showcase-des__item {
        min-width: 234px;
    }
}
.showcase-des__img {
    display: flex;
    align-items: center;
    left: -75px;
    position: relative;
    margin-bottom: -30px;
    height: 204px;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__img {
        margin-bottom: -50px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des__img {
        width: 160px;
        height: 160px;
        left: -60px;
        margin-bottom: -40px;
        margin-top: -40px;
    }
}
.showcase-des__name {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    max-width: 257px;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__name {
        margin-bottom: 10px;
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .showcase-des__name {
        height: auto;
        margin-bottom: 5px;
        font-size: 22px;
        max-width: 100%;
    }
}
.showcase-des__text {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .showcase-des__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-des__text {
        font-size: 16px;
    }
}
.showcase-des__btn {
    width: 418px;
    height: 72px;
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 60px;
    border: 1px solid #dd5b12;
    font-size: 20px;
    position: relative;
    overflow: hidden;
}

.showcase-des__btn span {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .showcase-des__btn {
        width: 320px;
        height: 56px;
        text-align: center;
        font-size: 16px;
    }
}
.team {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .team {
        margin: 80px 0;
    }
}
@media only screen and (max-width: 991px) {
    .team {
        margin: 48px 0;
    }
}
.team__title {
    margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
    .team__title {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .team__title {
        margin-bottom: 24px;
        font-size: 24px;
    }
}
.team__top {
    margin-left: auto;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .team__top {
        margin-bottom: 30px;
    }
}
.team__top p {
    color: #555556;
    font-size: 42px;
    font-weight: 700;
    line-height: 131.4%;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .team__top p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .team__top p {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.team__top span {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .team__top span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .team__top span {
        font-size: 16px;
    }
}
.team__content {
    margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
    .team__content {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .team__content {
        margin-bottom: 48px;
    }
}
.team__content:last-child {
    margin-bottom: 0;
}

.team__items {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 45px;
}

.team__items.reverse {
    grid-template-columns: 1fr 1.5fr;
}

@media only screen and (max-width: 767px) {
    .team__items.reverse {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 1500px) {
    .team__items {
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .team__items {
        grid-template-columns: 1fr;
    }
}
.team__item {
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .team__item--order {
        order: -1;
    }
}
.team__item.wide {
    grid-column: span 2;
}

@media only screen and (max-width: 767px) {
    .team__item.wide {
        grid-column: span 1;
    }
}
.team__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 300ms;
}

.team__img {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .team__img {
        height: 180px;
    }
}
.team__img:hover img {
    transform: scale(1.1);
}

.team__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 300ms;
}

.train {
    margin: 100px 0;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .train {
        margin: 60px 0;
    }
}
.train-op .train__title {
    margin-bottom: 10px;
}

.train-op .train__item {
    height: 577px;
}

@media only screen and (max-width: 1500px) {
    .train-op .train__item {
        width: 370px;
        height: 370px;
    }
}
@media only screen and (max-width: 991px) {
    .train-op .train__item {
        width: 225px;
        height: 225px;
    }
}
.train-new__container .train__item {
    width: 700px;
}

@media only screen and (max-width: 991px) {
    .train-new__container .train__item {
        width: 300px;
        height: 160px;
        margin-right: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .train-new__container .train__item {
        word-wrap: 225px;
    }
}
.train__title {
    margin-bottom: 100px;
    font-size: 42px;
}

@media only screen and (max-width: 1500px) {
    .train__title {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .train__title {
        margin-bottom: 20px;
        font-size: 24px;
        font-size: 24px;
    }
}
.train__info {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
    .train__info {
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .train__info {
        display: block;
        margin-bottom: 30px;
    }
}
.train__img {
    flex-shrink: 0;
    margin-right: 60px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .train__img {
        height: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .train__img {
        margin-right: 0;
        margin-bottom: 30px;
    }
}
.train__text {
    font-size: 20px;
    color: #8b8b8b;
    max-width: 947px;
}

@media only screen and (max-width: 1500px) {
    .train__text {
        font-size: 16px;
    }
}
.train__items {
    display: flex;
    align-items: center;
}

.train__item {
    flex-shrink: 0;
    margin-right: 40px;
    display: flex;
    align-items: center;
    width: 577px;
    height: 424px;
    overflow: hidden;
}

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

@media only screen and (max-width: 991px) {
    .train__item {
        width: 225px;
        height: 225px;
        margin-right: 30px;
    }
}
.videos {
    background: #555556;
    color: #fff;
}

.videos__inner {
    padding: 100px 0;
}

@media only screen and (max-width: 1500px) {
    .videos__inner {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767px) {
    .videos__inner {
        padding: 48px 0;
    }
}
.videos__title {
    margin-bottom: 70px;
    color: #fff;
    font-size: 42px;
}

@media only screen and (max-width: 767px) {
    .videos__title {
        margin-bottom: 40px;
        font-size: 24px;
    }
}
.videos__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-bottom: 90px;
}

@media only screen and (max-width: 1500px) {
    .videos__items {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .videos__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-bottom: 40px;
    }
}
.videos__item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 258px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .videos__item {
        min-height: 188px;
    }
}
.videos__item iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.videos__more {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 24px;
    gap: 20px;
    text-transform: uppercase;
    padding-bottom: 40px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 991px) {
    .videos__more {
        font-size: 20px;
        padding-bottom: 20px;
    }
}
.videos__more:hover img {
    transform: scale(1.1) rotate(90deg);
}

.videos__more img {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
    transition: 300ms;
}

.feedback {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .feedback {
        margin: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .feedback {
        margin: 60px 0;
    }
}
@media only screen and (max-width: 991px) {
    .feedback-career .feedback__inner {
        padding: 0;
    }
}
.feedback-service .feedback__text {
    margin-bottom: 40px;
    max-width: 100%;
}

.feedback-service .feedback__personal {
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .feedback-service .feedback__personal {
        font-size: 10px;
        margin-bottom: 60px;
    }
}
.feedback-opt .feedback__inner {
    grid-template-columns: 600px 1fr;
}

@media only screen and (max-width: 1500px) {
    .feedback-opt .feedback__inner {
        grid-template-columns: 450px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .feedback-opt .feedback__inner {
        grid-template-columns: 1fr;
    }
}
.feedback-opt .feedback__number {
    font-size: 32px;
}

@media only screen and (max-width: 991px) {
    .feedback-opt .feedback__number {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .feedback-opt .feedback__social {
        display: flex;
    }
}
@media only screen and (max-width: 991px) {
    .feedback-opt .feedback__desc {
        display: block;
        margin-top: 30px;
    }
}
.feedback-opt .feedback__inner {
    padding: 0;
}

.feedback__inner {
    display: grid;
    grid-template-columns: 580px 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 1500px) {
    .feedback__inner {
        grid-template-columns: 300px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .feedback__inner {
        grid-template-columns: 1fr;
        grid-gap: 50px;
        padding: 0 15px;
    }
}
.feedback__title {
    font-size: 42px;
    margin-bottom: 25px;
    font-weight: 700;
    color: #555556;
}

@media only screen and (max-width: 991px) {
    .feedback__title {
        font-size: 24px;
        margin-bottom: 15px;
    }
}
.feedback__text {
    font-size: 20px;
    color: #8b8b8b;
    max-width: 100%;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1500px) {
    .feedback__text {
        margin-bottom: 53px;
    }
}
@media only screen and (max-width: 991px) {
    .feedback__text {
        font-size: 16px;
        margin-bottom: 30px;
        max-width: 100%;
    }
}
.feedback__number {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .feedback__number {
        margin-bottom: 20px;
    }
}
.feedback__mail {
    font-size: 24px;
    font-weight: 700;
    color: #dd5b12;
    margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
    .feedback__mail {
        font-size: 20px;
        margin-bottom: 0;
    }
}
.feedback__desc {
    color: #8b8b8b;
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .feedback__desc {
        display: none;
    }
}
.feedback__social {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .feedback__social {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .feedback__social {
        margin-bottom: 0;
    }
}
.feedback__social li:first-child a {
    padding-right: 4px;
}

.feedback__social li:last-child a {
    padding-left: 4px;
}

.feedback__social li:last-child a svg {
    width: 16px;
    height: 16px;
}

.feedback__social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d7d6d5;
}

.feedback__social li a:hover svg {
    fill: #dd5b12;
}

.feedback__social li a svg {
    width: 22px;
    height: 22px;
    fill: #555556;
    transition: 300ms;
}

.feedback__radios {
    display: flex;
    align-items: center;
    gap: 60px;
}

@media only screen and (max-width: 991px) {
    .feedback__radios {
        grid-template-columns: 1fr;
        display: grid;
        grid-gap: 20px;
    }
}
.feedback__content {
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .feedback__content {
        margin-bottom: 30px;
    }
}
.feedback__label {
    display: block;
    margin-bottom: 20px;
    color: #8b8b8b;
    font-size: 20px;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .feedback__label {
        margin-bottom: 15px;
        font-size: 18px;
    }
}
.feedback__file {
    margin-bottom: 40px;
}

.feedback__file .field {
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .feedback__file .field__label {
        font-size: 12px;
    }
}
.feedback__file--choose {
    border-radius: 20px;
    border: 1px solid #d7d6d5;
    padding: 0 34px;
    display: flex;
    align-items: center;
    gap: 30px;
    height: 120px;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .feedback__file--choose {
        padding: 0 13px;
        align-items: flex-start;
        padding-top: 20px;
        gap: 13px;
        height: 90px;
    }
}
.feedback__file--choose:hover svg {
    stroke: #dd5b12;
}

.feedback__file--choose svg {
    fill: none;
    stroke: #8b8b8b;
    width: 30px;
    height: 30px;
    stroke-width: 2px;
    transition: 300ms;
    flex-shrink: 0;
}

.feedback__file--choose span {
    font-size: 18px;
    color: #8b8b8b;
    font-weight: 300;
}

@media only screen and (max-width: 991px) {
    .feedback__file--choose span {
        font-size: 14px;
    }
}
.feedback__file--choose input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
}

.feedback__btn {
    width: 328px;
    height: 75px;
    margin-left: auto;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 50px;
}

@media only screen and (max-width: 991px) {
    .feedback__btn {
        width: 290px;
        height: 60px;
        margin: 0 auto;
        font-size: 14px;
    }
}
.feedback__personal {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    margin-top: -20px;
    margin-bottom: 25px;
}

@media only screen and (max-width: 991px) {
    .feedback__personal {
        font-size: 12px;
        text-align: left;
    }
}
.feedback__personal a {
    text-decoration: underline;
}

.muse {
    margin: 50px 0;
}

@media only screen and (max-width: 991px) {
    .muse {
        margin: 24px 0;
    }
}
.muse__title {
    margin-bottom: 72px;
}

@media only screen and (max-width: 1500px) {
    .muse__title {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__title {
        margin-bottom: 24px;
    }
}
.muse__item {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #555556;
}

@media only screen and (max-width: 991px) {
    .muse__item {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
}
.muse__item:last-child {
    margin-bottom: 0;
}

.muse__top {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .muse__top {
        flex-direction: column;
    }
}
.muse__img {
    display: flex;
    align-items: center;
    max-width: 700px;
    flex-shrink: 0;
    margin-right: 80px;
}

@media only screen and (max-width: 1500px) {
    .muse__img {
        max-width: 479px;
        margin-right: 51px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__img {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 25px;
    }

    .muse__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.muse__text p {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .muse__text p {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__text p {
        font-size: 18px;
    }
}
.muse__text span {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .muse__text span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__text span {
        font-size: 16px;
    }
}
.muse__grids {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 60px;
    margin-bottom: 50px;
    grid-gap: 60px 40px;
    display: none;
}

@media only screen and (max-width: 1500px) {
    .muse__grids {
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__grids {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
        margin-bottom: 0;
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .muse__grids {
        grid-template-columns: 1fr 1fr;
    }
}
.muse__grids.active {
    display: grid;
}

.muse__image {
    display: flex;
    align-items: center;
}

.muse__name {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
}

@media only screen and (max-width: 1500px) {
    .muse__name {
        font-size: 18px;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__name {
        font-size: 24px;
    }
}
.muse__desc {
    font-size: 18px;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .muse__desc {
        font-size: 12px;
    }
}
.muse__more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: right;
    gap: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .muse__more {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .muse__more {
        margin-top: 37px;
        font-size: 12px;
        gap: 7px;
    }
}
.muse__more.active img {
    transform: rotate(180deg);
}

.muse__more.active:hover img {
    transform: rotate(180deg);
}

.muse__more img {
    transition: 400ms;
}

@media only screen and (max-width: 991px) {
    .muse__more img {
        width: 13px;
        height: 13px;
    }
}
.muse-cart {
    margin: 20px 0 64px;
}

@media only screen and (max-width: 991px) {
    .muse-cart {
        margin: 24px 0 32px;
    }
}
.muse-cart__inner {
    position: relative;
}

.muse-cart__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__title {
        margin-bottom: 24px;
    }
}
.muse-cart__text {
    max-width: 944px;
    margin-left: auto;
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 46px;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__text {
        font-size: 18px;
        max-width: 700px;
    }
}
@media only screen and (max-width: 991px) {
    .muse-cart__text {
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 22px;
    }
}
.muse-cart__slider {
    height: 700px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__slider {
        height: 450px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .muse-cart__slider {
        height: 164px;
    }
}
.muse-cart__slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.muse-cart__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.muse-cart__swiper {
    max-width: 840px;
    margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__swiper {
        max-width: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .muse-cart__swiper {
        max-width: 249px;
    }
}
.muse-cart__swiper .swiper-slide {
    height: 88px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__swiper .swiper-slide {
        height: 58px;
    }
}
@media only screen and (max-width: 767px) {
    .muse-cart__swiper .swiper-slide {
        height: 26px;
    }
}
.muse-cart__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .muse-cart__swiper .swiper-slide {
        border-radius: 8px;
    }
}
.muse-cart__prev,
.muse-cart__next {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .muse-cart__prev,
    .muse-cart__next {
        width: 34px;
        height: 34px;
    }
}
.muse-projects {
    background-color: #f5f5f5;
}

.muse-projects__inner {
    padding: 75px 0 150px;
}

@media only screen and (max-width: 1500px) {
    .muse-projects__inner {
        padding: 50px 0 136px;
    }
}
@media only screen and (max-width: 991px) {
    .muse-projects__inner {
        padding: 28px 0 110px;
    }
}
.muse-projects__title {
    margin-bottom: 100px;
    font-size: 48px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .muse-projects__title {
        font-size: 36px;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .muse-projects__title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.muse-projects__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .muse-projects__items {
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .muse-projects__items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .muse-projects__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}
@media only screen and (max-width: 420px) {
    .muse-projects__items {
        grid-template-columns: 1fr;
    }
}
.card {
    transition: 400ms;
    cursor: pointer;
}

.card:hover {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
    .card:hover {
        transform: scale(1);
    }
}
.card__top {
    background: #e9e9e9;
    position: relative;
    height: 247px;
}

@media only screen and (max-width: 1500px) {
    .card__top {
        height: 150px;
    }
}
@media only screen and (max-width: 767px) {
    .card__top {
        height: 240px;
    }
}
.card__like {
    position: absolute;
    top: 28px;
    right: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .card__like {
        top: 14px;
        right: 14px;
    }
}
.card__like:hover svg {
    fill: #555556;
}

.card__like.active svg {
    fill: #555556;
}

.card__like svg {
    width: 20px;
    height: 17px;
    fill: none;
    stroke: #555556;
    stroke-width: 2px;
}

@media only screen and (max-width: 1500px) {
    .card__like svg {
        width: 17px;
        height: 14px;
    }
}
.card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media only screen and (max-width: 1500px) {
    .card__img {
        margin: 0 auto;
    }
}
.card__labels {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

@media only screen and (max-width: 1500px) {
    .card__labels {
        top: 14px;
        left: 14px;
    }
}
.card__label {
    display: flex;
    align-items: center;
    font-weight: 700;
    padding: 5px 13px;
    border-radius: 20px;
    border: 1px solid #555556;
    margin-bottom: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media only screen and (max-width: 1500px) {
    .card__label {
        font-size: 8px;
        padding: 4px 9px;
        margin-bottom: 5px;
    }
}
.card__label:last-child {
    margin: 0;
}

.card__colors {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 6px;
}

@media only screen and (max-width: 1500px) {
    .card__colors {
        bottom: 14px;
        right: 14px;
    }
}
.card__color {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .card__color {
        width: 14px;
        height: 14px;
    }
}
.card__color.gray {
    background: #555556;
}

.card__color.white {
    background: #fff;
    border: 1px solid #555556;
}

.card__color.gold {
    background: #d3985c;
    border: 1px solid #555556;
}

.card__number {
    cursor: pointer;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .card__number {
        font-size: 12px;
    }
}
.card__info {
    padding: 15px 20px;
    background: #fff;
}

@media only screen and (max-width: 1500px) {
    .card__info {
        padding: 14px;
    }
}
.card__art {
    font-size: 14px;
    color: #8b8b8b;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
    .card__art {
        font-size: 12px;
    }
}
.card__name {
    font-weight: 400;
    margin-bottom: 57px;
}

@media only screen and (max-width: 1500px) {
    .card__name {
        font-size: 16px;
        margin-bottom: 55px;
        min-height: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .card__name {
        min-height: 30px;
        margin-bottom: 40px;
    }
}
.card__name span {
    font-weight: 700;
}

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

.card__plus {
    position: absolute;
    background: #dd5b12;
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    right: -5px;
    top: 2px;
    visibility: hidden;
    opacity: 0;
    transition: 300ms;
}

@media only screen and (max-width: 1500px) {
    .card__plus {
        font-size: 10px;
        width: 12px;
        height: 12px;
    }
}
.card__basket {
    position: relative;
    cursor: pointer;
}

.card__basket.active .card__plus {
    opacity: 1;
    visibility: visible;
}

.card__basket:hover svg,
.card__basket.active svg {
    stroke: #dd5b12;
}

.card__basket svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke-width: 2px;
    stroke: #8b8b8b;
    transition: 400ms;
}

@media only screen and (max-width: 1500px) {
    .card__basket svg {
        width: 19px;
        height: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .card__basket svg {
        width: 22px;
        height: 19px;
    }
}
.card__price {
    display: flex;
    align-items: center;
}

.card__old {
    color: #8b8b8b;
    text-decoration: line-through;
    margin-right: 16px;
}

@media only screen and (max-width: 1500px) {
    .card__old {
        font-size: 12px;
        margin-right: 5px;
    }
}
.card__current {
    color: #dd5b12;
    font-weight: 700;
    font-size: 24px;
}
.card__current b {
    font-weight: 600;
}

@media only screen and (max-width: 1500px) {
    .card__current {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .card__current {
        font-size: 16px;
    }
}
.card__sum {
    font-size: 24px;
    font-weight: 700;
}

.card__sum b {
    font-weight: 600;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .card__sum {
        font-size: 20px;
    }
}
.adress {
    margin-bottom: 200px;
    margin-top: 50px;
}

@media only screen and (max-width: 991px) {
    .adress {
        margin-bottom: 100px;
        margin-top: 20px;
    }
}
.adress__title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .adress__title {
        font-size: 24px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .adress__title {
        margin-bottom: 15px;
    }
}
.adress__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #8b8b8b;
    margin-bottom: 50px;
    padding-bottom: 6px;
}

@media only screen and (max-width: 991px) {
    .adress__top {
        margin-bottom: 20px;
        display: block;
        border-bottom: none;
    }
}
.adress__list {
    display: flex;
    align-items: center;
    gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .adress__list {
        gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .adress__list {
        border-bottom: 1px solid #8b8b8b;
        padding-bottom: 10px;
        margin-bottom: 20px;
        margin-right: -20px;
        padding-right: 20px;
        overflow-x: auto;
    }

    .adress__list::-webkit-scrollbar {
        display: none;
    }
}
.adress__list li {
    font-size: 26px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .adress__list li {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .adress__list li {
        font-size: 16px;
    }
}
.adress__list li.active::before {
    opacity: 1;
    visibility: visible;
}

.adress__list li:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: -12px;
    opacity: 0;
    visibility: hidden;
    background: #dd5b12;
}

.adress__aside .lib__information--label {
    color: #555556;
    margin-top: 5px;
}

.adress__aside .lib__aside p {
    color: #8b8b8b;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .adress__aside .lib__aside p {
        font-size: 14px;
    }
}
.adress__aside .lib__aside span {
    font-size: 20px;
    font-weight: 700;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .adress__aside .lib__aside span {
        font-size: 16px;
    }
}
.adress__aside .lib__item--name {
    border-bottom: 1px solid #8b8b8b;
}

.adress__aside .lib__label {
    border-bottom: 1px solid #8b8b8b;
}

.adress__aside .lib__label::before {
    background: url("/local/templates/swgshop/css/../images/adress-arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.adress__aside .lib-dropdown {
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .adress__aside .lib-dropdown {
        padding: 0;
    }
}
.adress__aside .lib-dropdown.active {
    display: block;
}

.adress__aside .lib-dropdown .adress-magazine__swiper {
    max-width: 390px;
    margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
    .adress__aside .lib-dropdown .adress-magazine__swiper {
        max-width: 294px;
    }
}
@media only screen and (max-width: 991px) {
    .adress__aside .lib-dropdown .adress-magazine__swiper {
        max-width: 100%;
    }
}
.adress__aside .lib-dropdown .adress-magazine__item {
    height: 201px;
}

.adress__roznica {
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 1.875rem;
    max-width: 453px;
    margin-right: 20px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
    .adress__roznica {
        font-size: 14px;
        gap: 10px;
        flex-shrink: 0;
    }
}
@media only screen and (max-width: 991px) {
    .adress__roznica {
        font-size: 14px;
        max-width: 100%;
    }
}
.adress__items {
    grid-template-columns: 955px 1fr;
    grid-gap: 30px;
    display: none;
}

@media only screen and (max-width: 1500px) {
    .adress__items {
        grid-template-columns: 606px 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .adress__items {
        display: none;
    }
}
.adress__items.active {
    display: grid;
}

@media only screen and (max-width: 991px) {
    .adress__items.active {
        display: block;
    }
}
.adress-magazine {
    border-radius: 20px;
    border: 1px solid #d7d6d5;
    background: #fff;
    padding: 14px 0 49px;
    height: 901px;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine {
        height: 696px;
    }
}
@media only screen and (max-width: 991px) {
    .adress-magazine {
        height: auto;
        padding: 15px 0 25px;
        width: 100%;
        margin-top: -256px;
        background: #fff;
        z-index: 1;
        position: relative;
    }

    .adress-magazine .adress-content__info {
        overflow: hidden;
        height: auto;
    }
}
.adress-magazine__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .adress-magazine__img img {
        display: none;
    }
}
.adress-magazine__img .close {
    display: none;
}

@media only screen and (max-width: 991px) {
    .adress-magazine__img .close {
        display: flex;
    }
}
.adress-magazine__swiper {
    max-width: 381px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine__swiper {
        max-width: 251px;
    }
}
.adress-magazine__swiper .swiper-pagination {
    bottom: 0;
}

.adress-magazine__swiper .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: 1;
    background: none;
    border: 1px solid #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine__swiper .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }
}
.adress-magazine__swiper .swiper-pagination-bullet-active {
    background: #d7d6d5;
}

.adress-magazine__item {
    width: 100%;
    height: 197px;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine__item {
        height: 130px;
    }
}
@media only screen and (max-width: 991px) {
    .adress-magazine__item {
        height: 156px;
    }
}
.adress-magazine__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.adress-magazine__yandex {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    margin-top: 50px;
    gap: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine__yandex {
        margin: 30px 0;
    }
}
.adress-magazine__yandex span {
    line-height: 1;
    display: block;
}

.adress-magazine__back {
    display: flex;
    align-items: center;
    margin: 0 32px;
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: 5px;
    margin-bottom: 39px;
    gap: 16px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .adress-magazine__back {
        margin: 0 20px;
        margin-bottom: 39px;
        font-weight: 400;
    }
}
@media only screen and (max-width: 991px) {
    .adress-magazine__back {
        margin-bottom: 20px;
        justify-content: flex-end;
        border-bottom: none;
    }

    .adress-magazine__back span {
        display: none;
    }
}
.adress-content {
    border-radius: 20px;
    border: 1px solid #d7d6d5;
    background: #fff;
    padding: 14px 0 49px;
    height: 901px;
}

@media only screen and (max-width: 1500px) {
    .adress-content {
        height: 696px;
    }
}
@media only screen and (max-width: 991px) {
    .adress-content {
        height: 428px;
        padding: 15px 0 25px;
    }
}
.adress-content__top {
    display: flex;
    align-items: center;
    margin: 0 32px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: 5px;
    margin-bottom: 39px;
}

@media only screen and (max-width: 1500px) {
    .adress-content__top {
        margin: 0 20px;
        margin-bottom: 39px;
        font-weight: 400;
    }
}
@media only screen and (max-width: 991px) {
    .adress-content__top {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1500px) {
    .adress-content__top img {
        width: 33px;
        height: 33px;
    }
}
.adress-content__info {
    height: calc(100% - 75px);
    overflow: auto;
    padding: 0 32px;
}

@media only screen and (max-width: 1500px) {
    .adress-content__info {
        padding: 0 20px;
    }
}
.adress-content__info::-webkit-scrollbar {
    background: #fff;
    width: 7px;
}

.adress-content__info::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    width: 7px;
    border-radius: 20px;
}

.adress-content__info .lib__grid {
    margin-bottom: 15px;
}

.adress-content__info .lib__aside span {
    font-weight: 700;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .adress-content__info .lib__aside span {
        font-size: 14px;
    }
}
.adress-content__info .lib__aside p {
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .adress-content__info .lib__aside p {
        font-size: 14px;
    }
}
.adress__map {
    display: flex;
    align-items: center;
    height: 909px;
}

@media only screen and (max-width: 1500px) {
    .adress__map {
        height: 696px;
    }
}
@media only screen and (max-width: 991px) {
    .adress__map {
        height: 451px;
    }
}
@media only screen and (max-width: 767px) {
    .adress__map {
        height: 110px;
    }
}
.adress__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contacts {
    margin: 25px 0 180px;
}

@media only screen and (max-width: 991px) {
    .contacts {
        margin: 15px 0 80px;
    }
}
.contacts__req {
    margin-top: 50px;
}

.contacts__req .product-doc__btn {
    border-radius: 500px;
    margin-top: 20px;
    width: 148px;
}

.contacts__icon {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

@media only screen and (max-width: 991px) {
    .contacts__icon {
        height: 67px;
    }
}
.contacts__title {
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .contacts__title {
        margin-bottom: 25px;
    }
}
.contacts__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    margin-bottom: 33px;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .contacts__top {
        grid-template-columns: 609px 1fr;
        grid-gap: 30px;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__top {
        grid-template-columns: 1fr;
    }
}
.contacts__map {
    width: 100%;
    height: 100%;
}

.contacts__map iframe {
    width: 100%;
    height: 100%;
    border: none;
    height: 500px;
}

@media only screen and (max-width: 991px) {
    .contacts__info {
        padding: 0 15px;
    }
}
.contacts__label {
    font-weight: 700;
    font-size: 42px;
    line-height: 128%;
    margin-bottom: 24px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .contacts__label {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__label {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.contacts__footer {
    margin-top: 64px;
}

@media only screen and (max-width: 991px) {
    .contacts__footer {
        margin-top: 30px;
    }
}
.contacts__footer a {
    display: block;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .contacts__footer a {
        font-size: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__footer a {
        font-size: 22px;
    }
}
.contacts__footer a:last-child {
    margin-bottom: 0;
}

.contacts__item {
    margin-bottom: 20px;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .contacts__item {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__item {
        font-size: 16px;
    }
}
.contacts__item span {
    font-weight: 700;
}

.contacts__item a {
    display: block;
}

.contacts__subtitle {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 944px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 1500px) {
    .contacts__subtitle {
        font-size: 36px;
        max-width: 780px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__subtitle {
        font-size: 24px;
        margin-bottom: 20px;
        max-width: 100%;
    }
}
.contacts__content {
    display: grid;
    grid-template-columns: 577px 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .contacts__content {
        grid-template-columns: 290px 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__content {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }
}
.contacts__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .contacts__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__text {
        font-size: 14px;
    }
}
.contacts__foot {
    margin-top: 164px;
}

@media only screen and (max-width: 1500px) {
    .contacts__foot {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .contacts__form {
        padding: 0 15px;
    }
}
.contacts__form .feedback__personal {
    text-align: left;
}

.error {
    margin: 200px 0;
}

@media only screen and (max-width: 1500px) {
    .error {
        margin: 120px 0;
    }
}
@media only screen and (max-width: 991px) {
    .error {
        margin: 51px 0 120px;
    }
}
.error__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    grid-gap: 30px;
}

@media only screen and (max-width: 991px) {
    .error__inner {
        grid-template-columns: 1fr;
        align-items: center;
    }
}
.error__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .error__img {
        justify-content: center;
    }
}
.error__info p {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .error__info p {
        font-size: 20px;
        text-align: center;
    }
}
.error__info span {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .error__info span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .error__info span {
        font-size: 14px;
    }
}
.error__btn {
    width: 577px;
    height: 72px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 53px;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .error__btn {
        width: 449px;
        height: 90px;
        font-size: 18px;
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .error__btn {
        width: 320px;
        height: 76px;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 30px;
    }
}
.product {
    margin-top: 20px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1500px) {
    .product {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .product {
        margin: 20px 0 35px;
    }
}
.product__inner {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .product__inner {
        flex-direction: column-reverse;
    }
}
.product__slider {
    max-width: 823px;
    margin: 0 auto;
    margin-right: 40px;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 1500px) {
    .product__slider {
        max-width: 530px;
    }
}
@media only screen and (max-width: 991px) {
    .product__slider {
        max-width: 100%;
    }
}
.product__info {
    padding-top: 164px;
}

@media only screen and (max-width: 1500px) {
    .product__info {
        padding-top: 85px;
    }
}
@media only screen and (max-width: 991px) {
    .product__info {
        padding-top: 0;
        margin-bottom: 25px;
    }
}
.product__info span {
    color: #555556;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

@media only screen and (max-width: 1500px) {
    .product__info span {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .product__info span {
        font-size: 20px;
        margin-bottom: 14px;
    }
}
.product__info p {
    color: #8b8b8b;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .product__info p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .product__info p {
        font-size: 14px;
    }
}
.product__top {
    margin-bottom: 20px;
}

.product__top--item {
    height: auto;
}

.product__top--item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product__container {
    max-width: 75%;
    margin: 0 auto;
    padding: 0 10px;
}

@media only screen and (max-width: 1500px) {
    .product__container {
        max-width: 77%;
    }
}
@media only screen and (max-width: 991px) {
    .product__container {
        max-width: 100%;
        padding: 0;
    }
}
.product__buttons {
    display: flex;
    align-items: center;
    bottom: 30px;
    justify-content: space-between;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 1500px) {
    .product__buttons {
        bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product__buttons {
        display: none;
    }
}
.product__next,
.product__prev {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .product__next,
    .product__prev {
        width: 33px;
        height: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .product__next,
    .product__prev {
        width: 27px;
        height: 27px;
    }
}
@media only screen and (max-width: 1500px) {
    .product__next {
        justify-content: flex-end;
    }
}
.product__item {
    height: auto;
    border: 1px solid transparent;
    cursor: pointer;
}

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

.product__item.swiper-slide-thumb-active {
    border: 1px solid #8b8b8b;
}

.product-card {
    background: #f5f5f5;
}

.product-card__inner {
    padding: 50px 0 120px;
}

@media only screen and (max-width: 1500px) {
    .product-card__inner {
        padding-top: 25px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card__inner {
        padding: 30px 0;
    }
}
.product-card__aside {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #555556;
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .product-card__aside {
        margin-right: -20px;
    }
}
.product-card__buttons {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: -10px;
    gap: 10px;
    z-index: 2;
}

@media only screen and (max-width: 1500px) {
    .product-card__buttons {
        top: -11px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card__buttons {
        display: none;
    }
}
.product-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    position: relative;
    overflow-x: scroll;
    position: relative;
    margin-right: 150px;
}

@media only screen and (max-width: 1500px) {
    .product-card__top {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card__top {
        margin-right: 0;
    }
}
.product-card__top::-webkit-scrollbar {
    display: none;
}

.product-card__top--item {
    color: #555556;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    margin-right: 45px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .product-card__top--item {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card__top--item {
        margin-right: 20px;
    }
}
.product-card__top--item:last-child {
    margin-right: 0;
}

.product-card__top--item.active::before {
    opacity: 1;
}

.product-card__top--item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dd5b12;
    bottom: -20px;
    z-index: 1;
    opacity: 0;
}

@media only screen and (max-width: 1500px) {
    .product-card__top--item:before {
        bottom: -15px;
    }
}
.product-card__top--prev,
.product-card__top--next {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .product-card__top--prev,
    .product-card__top--next {
        width: 33px;
        height: 33px;
    }
}
.product-spec__assort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #dd5b12;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .product-spec__assort {
        display: none;
    }
}
.product-spec__grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    max-width: 760px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__grids {
        max-width: 488px;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__grids {
        gap: 16px;
        grid-template-columns: 1fr;
        max-width: 207px;
    }
}
.product-spec__grids.start {
    align-items: flex-start;
}

@media only screen and (max-width: 1500px) {
    .product-spec__grids--new {
        grid-template-columns: 1fr 1fr 1fr;
        max-width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__grids--new {
        grid-template-columns: 1fr 1fr;
    }
}

.product-spec__grid--new.disabled {
    pointer-events: none;
}
.product-spec__grid--new.disabled .product-spec__grid--info p {
    color: rgb(139, 139, 139);
}

.product-spec__ter {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    padding-right: 10px;
    border-radius: 40px;
    border: 1px solid #d7d6d5;
    min-width: 188px;
    max-width: 279px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__ter {
        height: 46px;
        min-width: 140px;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__ter {
        min-width: 128px;
        height: 36px;
    }
}
.product-spec__ter img {
    width: 25px;
    height: 25px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__ter img {
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }
}
.product-spec__ter span {
    font-size: 16px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__ter span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__ter span {
        font-size: 14px;
    }
}
.product-spec__ter p {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__ter p {
        width: 28px;
        height: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__ter p {
        width: 22px;
        height: 22px;
    }
}
.product-spec__ter p.black {
    background: #555556;
}

.product-spec__ter p.white {
    background: #fff;
}

.product-spec__ter p.gray {
    background: #d7d6d5;
}

.product-spec__ter--razmer {
    border-radius: 0;
    min-width: 29px;
    padding: 0;
    border: none;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100px;
}

.product-spec__ter--razmer p {
    width: 29px;
    border-radius: 5px;
    border: 1px solid #d7d6d5;
    background: #fff;
    height: auto;
    margin-right: 0;
    margin-bottom: 5px;
}

.product-spec__ter--razmer p.l {
    height: 74px;
}

.product-spec__ter--razmer p.m {
    height: 53px;
}

.product-spec__ter--razmer p.s {
    height: 34px;
}

.product-spec__grid {
    cursor: pointer;
}

.product-spec__grid input {
    display: none;
}

.product-spec__grid input:checked + .product-spec__ter {
    background: rgb(221, 91, 18);
}

.product-spec__grid input:checked + .product-spec__ter span {
    color: #fff;
}

.product-spec__grid input:checked + .product-spec__ter--razmer {
    border: none;
}

.product-spec__grid input:checked + .product-spec__ter--razmer p {
    border: 2px solid #555556;
}

.product-spec__grid input:checked + .product-spec__grid--info p {
    color: rgb(221, 91, 18);
}

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

@media only screen and (max-width: 991px) {
    .product-spec__item {
        margin-bottom: 40px;
    }

    .product-spec__item:last-child {
        margin-bottom: 0;
    }
}
.product-spec__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .product-spec__items {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 40px;
    }
}
.product-spec__label {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
    gap: 10px;
    font-weight: 700;
    color: #555556;
}

.product-spec__label img {
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .product-spec__label {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__label {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.product-spec__more {
    display: inline-block;
    align-items: center;
    margin-top: 10px;
    color: #dd5b12;
    border-bottom: 1px solid #dd5b12;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .product-spec__more {
        font-size: 14px;
        margin-top: 15px;
    }
}
.product-spec__info {
    max-width: 450px;
    margin-left: 50px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__info {
        max-width: 323px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__info {
        max-width: 100%;
        margin-left: 0;
        width: 100%;
        position: relative;
        top: 0;
    }
}
.product-spec__img {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .product-spec__img {
        height: 239px;
        justify-content: center;
        width: 100%;
    }
}
.product-spec__price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .product-spec__price {
        margin-bottom: 17px;
    }
}
.product-spec__price p {
    font-size: 42px;
    font-weight: 700;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .product-spec__price p {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__price p {
        font-size: 24px;
    }
}
.product-spec__aside {
    font-size: 20px;
    color: #dd5b12;
    margin-bottom: 30px;
    font-weight: 600;
}

@media only screen and (max-width: 1500px) {
    .product-spec__aside {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__aside {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.product-spec__article {
    margin-bottom: 50px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__article {
        margin-bottom: 20px;
    }
}
.product-spec__article p {
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .product-spec__article p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__article p {
        font-size: 16px;
    }
}
.product-spec__article span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__article span {
        font-size: 14px;
    }
}
.product-spec__buy {
    font-size: 20px;
    height: 72px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .product-spec__buy {
        height: 64px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .product-spec__buy:last-child {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__buy {
        margin-bottom: 16px;
        height: 56px;
        font-size: 16px;
    }
}
.product-table {
    width: 100%;
    position: relative;
    padding-top: 80px;
}

.product-table::before {
    display: block;
    content: "";
    position: absolute;
    background-color: #fff;
    top: 0;
    height: calc(100% + 120px);
    left: 50%;
    transform: translateX(-50%);
    width: 99vw;
}

.product-table__info {
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 991px) {
    .product-table {
        margin-right: -20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-table__info {
        overflow-x: scroll;
        width: 100%;
        padding-bottom: 15px;
    }

    .product-table__info::-webkit-scrollbar {
        height: 5px;
        background: #fff;
    }

    .product-table__info::-webkit-scrollbar-thumb {
        background: #8b8b8b;
        height: 5px;
    }
}
@media only screen and (max-width: 991px) {
    .product-table__inner {
        width: 541px;
    }
}
.product-table__top {
    display: grid;
    grid-template-columns: 1fr 1fr 0.8fr 0.5fr;
    margin-bottom: 14px;
}

@media only screen and (max-width: 991px) {
    .product-table__top {
        font-size: 12px;
    }
}
.product-table__items {
    border-top: 1px solid #555556;
    border-bottom: 1px solid #555556;
    padding: 30px 0;
}

@media only screen and (max-width: 991px) {
    .product-table__items {
        padding: 20px 0;
    }
}
.product-table__item {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 0.8fr 0.5fr;
}

.product-table__item:last-child {
    margin-bottom: 0;
}

.product-table__item span {
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .product-table__item span {
        font-size: 14px;
    }

    .product-table__item span:first-child {
        font-weight: 700;
    }
}
.product-table__item span.green {
    font-size: 16px;
    color: #78a471;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .product-table__item span.green {
        font-size: 14px;
        font-weight: 400;
    }
}
.product-table__item span.lower {
    text-transform: lowercase;
}

.product-table__btn {
    display: flex;
    align-items: center;
    border-radius: 15px;
    background: #555556;
    padding: 0 15px;
    gap: 10px;
    color: #fff;
    height: 46px;
    width: 258px;
    margin-top: 25px;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 767px) {
    .product-table__btn {
        width: 100%;
        justify-content: center;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
}
.product-char {
    display: none;
}

.product-char__items {
    -moz-columns: 2;
    columns: 2;
}

@media only screen and (max-width: 767px) {
    .product-char__items {
        -moz-columns: 1;
        columns: 1;
    }
}
.product-char__item {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .product-char__item {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-char__item {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.product-char__item:last-child {
    margin-bottom: 0;
}

.product-char__item p {
    width: 400px;
    font-weight: 700;
}

@media only screen and (max-width: 1400px) {
    .product-char__item p {
        width: 250px;
    }
}
@media only screen and (max-width: 991px) {
    .product-char__item p {
        width: 200px;
    }
}
.product-buy {
    margin-top: 40px;
    display: none;
}

.product-buy__list {
    display: flex;
    align-items: center;
}

.product-buy__list li {
    width: 330px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: 1px solid #555556;
    margin-right: 20px;
    border-radius: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .product-buy__list li {
        font-size: 14px;
        height: 42px;
        border-radius: 14px;
        margin-right: 10px;
    }
}
.product-buy__list li.active {
    border: 1px solid #dd5b12;
    font-size: 24px;
    color: #dd5b12;
}

@media only screen and (max-width: 991px) {
    .product-buy__list li.active {
        font-size: 16px;
    }
}
.product-buy__list li:last-child {
    margin-right: 0;
}

.product-buy__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-top: 40px;
}

@media only screen and (max-width: 991px) {
    .product-buy__items {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 450px) {
    .product-buy__items {
        grid-template-columns: 1fr;
    }
}
.product-doc {
    margin-bottom: 40px;
    display: none;
}

.product-doc__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 991px) {
    .product-doc__items {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}
.product-doc__item {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .product-doc__item {
        align-items: flex-start;
    }
}
.product-doc__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .product-doc__img {
        height: 49px;
        margin-right: 32px;
    }
}
.product-doc__name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
}

@media only screen and (max-width: 1500px) {
    .product-doc__name {
        font-size: 14px;
        height: auto;
    }
}
.product-doc__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    border-radius: 15px;
    color: #fff;
    background: #555556;
    width: 149px;
    height: 33px;
    transition: 300ms;
    cursor: pointer;
    font-size: 14px;
}

.product-doc__btn:hover {
    background: #8b8b8b;
}

.product-magazine {
    display: none;
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px) {
    .product-magazine {
        margin-bottom: 40px;
    }
}
.product-magazine__top {
    display: grid;
    grid-template-columns: 400px 400px 400px;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__top {
        grid-template-columns: 300px 300px 300px;
    }
}
@media only screen and (max-width: 767px) {
    .product-magazine__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
.product-magazine__top span {
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__top span {
        font-size: 14px;
    }
}
.product-magazine__item {
    padding-top: 20px;
    border-top: 1px solid #d7d6d5;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 400px 400px 400px;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__item {
        grid-template-columns: 300px 300px 300px;
    }
}
@media only screen and (max-width: 767px) {
    .product-magazine__item {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.product-magazine__name {
    font-size: 20px;
    max-width: 90%;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__name {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .product-magazine__name {
        font-size: 16px;
        max-width: 70%;
    }
}
.product-magazine__name p {
    font-weight: 700;
}

.product-magazine__name span {
    display: block;
    font-size: 18px;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__name span {
        font-size: 16px;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .product-magazine__name span {
        font-size: 14px;
    }
}
.product-magazine__time {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__time {
        font-size: 16px;
    }
}
.product-magazine__opt {
    display: flex;
    align-items: center;
}

.product-magazine__opt div {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #555556;
    border-radius: 50%;
}

@media only screen and (max-width: 1500px) {
    .product-magazine__opt div {
        width: 16px;
        height: 16px;
    }
}
.product-magazine__opt div.black {
    background: #555556;
}

.product-order {
    display: none;
}

.product-order__label {
    display: block;
    font-weight: 700;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .product-order__label {
        margin-bottom: 30px;
    }
}
.product-order__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
    grid-gap: 30px;
}

@media only screen and (max-width: 767px) {
    .product-order__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .product-order__items .checkbox {
        align-items: flex-start;
    }
}
.product-order__items .checkbox__text {
    font-size: 16px;
    color: #555556;
    font-weight: 400;
    max-width: 403px;
}

@media only screen and (max-width: 767px) {
    .product-order__items .checkbox__text {
        font-size: 14px;
        padding-top: 4px;
    }
}
.product-order__btn {
    width: 330px;
    height: 64px;
    font-size: 14px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .product-order__btn {
        height: 56px;
        width: 100%;
    }
}
.product-calc {
    display: none;
}

.product-calc__field {
    position: relative;
}

.product-calc__field .plus,
.product-calc__field .minus {
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    display: flex;
    align-items: center;
}

.product-calc__field .minus {
    right: 5px;
    left: auto;
}

.product-calc__items {
    margin-bottom: 70px;
}

@media only screen and (max-width: 1500px) {
    .product-calc__items {
        margin-bottom: 50px;
    }
}
.product-calc__label {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .product-calc__label {
        margin-bottom: 31px;
    }
}
.product-calc__text {
    font-size: 16px;
    color: #8b8b8b;
    width: 300px;
    margin-right: 50px;
}

@media only screen and (max-width: 1500px) {
    .product-calc__text {
        width: 200px;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__text {
        font-size: 14px;
        width: 140px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__aside {
        font-size: 14px;
    }
}
.product-calc__item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.product-calc__item input {
    width: 206px;
    height: 40px;
    border: none;
    background: #fff;
    text-align: center;
    border-radius: 20px;
}

@media only screen and (max-width: 1500px) {
    .product-calc__item input {
        width: 160px;
        border-radius: 15px;
        height: 36px;
    }
}
.product-calc__info {
    width: 206px;
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .product-calc__info {
        font-size: 14px;
        width: 160px;
    }
}
.product-calc__choose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #555556;
    cursor: pointer;
}

.product-calc__choose.active img {
    transform: rotate(180deg);
}

.product-calc__choose img {
    transition: 300ms;
}

.product-calc__dropdown {
    width: 100%;
    position: absolute;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    z-index: 1;
    left: 0;
    top: 110%;
    display: none;
}

.product-calc__dropdown.active {
    display: block;
}

.product-calc__dropdown span {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
    transition: 300ms;
}

.product-calc__dropdown span:hover {
    color: #dd5b12;
}

.product-calc__dropdown span:last-child {
    margin-bottom: 0;
}

.product-calc__btn {
    width: 386px;
    height: 60px;
    font-size: 14px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .product-calc__btn {
        max-width: 100%;
        width: 100%;
        font-size: 12px;
        height: 36px;
    }
}
.product-calc__footer {
    position: relative;
}

.product-calc__footer:before {
    content: "";
    display: block;
    position: absolute;
    display: block;
    width: 99vw;
    height: 100%;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

@media only screen and (max-width: 991px) {
    .product-calc__footer:before {
        display: none;
    }
}
.product-calc__container {
    position: relative;
    z-index: 1;
    background: #fff;
    margin: 36px 0 -120px;
    padding: 50px 0;
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .product-calc__container {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 1200px) {
    .product-calc__container {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__container {
        margin: 36px -20px -30px;
        padding: 30px 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__overflow {
        width: 100%;
        overflow: scroll;
    }
}
.product-calc__top {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
    font-weight: 700;
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .product-calc__top {
        grid-gap: 40px;
        grid-template-columns: 1fr 4fr 1fr 1fr 1fr;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__top {
        grid-template-columns: 120px 200px 120px 120px 90px;
        width: 800px;
    }
}
.product-calc__content {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
    color: #8b8b8b;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .product-calc__content {
        font-size: 14px;
        grid-gap: 40px;
        grid-template-columns: 1fr 4fr 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .product-calc__content {
        grid-template-columns: 120px 200px 120px 120px 90px;
        margin-bottom: 30px;
    }
}
.product-calc__add {
    width: 327px;
    height: 56px;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: 119px;
}

@media only screen and (max-width: 991px) {
    .product-calc__add {
        max-width: 320px;
        width: 100%;
        height: 36px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 40px;
        font-size: 12px;
    }
}
.partners-showcase {
    background: #555556;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 120px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .partners-showcase {
        padding-top: 35px;
        padding-bottom: 40px;
    }
}
.partners-showcase__title {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .partners-showcase__title {
        margin-bottom: -20px;
    }
}
.partners-showcase__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 200px;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1400px) {
    .partners-showcase__items {
        grid-gap: 0 100px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-showcase__items {
        grid-template-columns: 250px 250px 250px 250px 250px 250px;
        overflow-x: scroll;
        grid-gap: 0 56px;
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .partners-showcase__items::-webkit-scrollbar {
        display: none;
    }
}
.partners-showcase__img {
    display: flex;
    align-items: center;
    margin-left: -70px;
    margin-bottom: -30px;
}

@media only screen and (max-width: 991px) {
    .partners-showcase__img {
        width: 80%;
    }
}
.partners-showcase__name {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .partners-showcase__name {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-showcase__name {
        font-size: 20px;
        line-height: 1.3;
    }
}
.partners-showcase__text {
    font-size: 20px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .partners-showcase__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-showcase__text {
        font-size: 14px;
        height: auto;
    }
}
.partners-showcase__btn {
    height: 75px;
    text-transform: uppercase;
    width: 328px;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .partners-showcase__btn {
        width: 100%;
        max-width: 320px;
        height: 56px;
        font-size: 14px;
    }
}
.partners-showcase .about-idea__item {
    margin-bottom: 0;
    padding-top: 100px;
    border-top: 1px solid #f5f5f5;
    margin-top: 200px;
}

@media only screen and (max-width: 991px) {
    .partners-showcase .about-idea__item {
        margin-top: 100px;
        padding-top: 30px;
    }
}
.partners-sup {
    overflow: hidden;
}

.partners-sup__inner {
    margin-bottom: 100px;
}

.partners-sup__inner:last-child {
    margin-bottom: 0;
}

.partners-sup__title {
    margin-bottom: 70px;
    font-size: 42px;
}

@media only screen and (max-width: 991px) {
    .partners-sup__title {
        margin-bottom: 50px;
        font-size: 24px;
    }
}
.partners-sup__grid {
    margin-bottom: 26px;
}

@media only screen and (max-width: 1500px) {
    .partners-sup__grid {
        margin-bottom: 20px;
    }
}
.partners-sup__grid:last-child {
    margin-bottom: 0;
}

.partners-sup__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #555556;
    cursor: pointer;
}

.partners-sup__top.active img {
    transform: scale(1) rotate(0deg);
}

.partners-sup__top span {
    font-size: 20px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .partners-sup__top span {
        font-size: 16px;
    }
}
.partners-sup__top img {
    transition: 400ms;
    transform: rotate(-90deg);
}

@media only screen and (max-width: 991px) {
    .partners-sup__top img {
        width: 20px;
        height: 20px;
    }
}
.partners-sup__body {
    display: none;
    margin-top: 70px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .partners-sup__body {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-sup__body {
        margin-top: 35px;
    }
}
.partners-sup__body.active {
    display: block;
}

.partners-sup__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 80px 30px;
}

@media only screen and (max-width: 1400px) {
    .partners-sup__items {
        grid-template-columns: 1fr 1fr;
    }
}
.partners-sup__img {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
    .partners-sup__img {
        margin-bottom: 15px;
    }
}
.partners-sup__img:hover img {
    transform: scale(1.1);
}

.partners-sup__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 300ms;
}

.partners-sup__name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
    .partners-sup__name {
        font-size: 14px;
    }
}
.partners-sup__btn {
    display: flex;
    align-items: center;
    width: 137px;
    justify-content: center;
    height: 46px;
    color: #fff;
    font-size: 16px;
    background: #555556;
    border-radius: 20px;
    gap: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .partners-sup__btn {
        width: 145px;
        height: 33px;
        border-radius: 10px;
    }
}
.partners-sup .train-new__container {
    margin-top: -50px;
}

.partners-salon {
    margin-bottom: 150px;
}

@media only screen and (max-width: 991px) {
    .partners-salon {
        margin-bottom: 80px;
    }
}
.partners-salon__title {
    margin-bottom: 70px;
    font-size: 42px;
}

@media only screen and (max-width: 991px) {
    .partners-salon__title {
        margin-bottom: 40px;
        font-size: 24px;
    }
}
@media only screen and (max-width: 1500px) {
    .partners-salon .adress__map {
        height: 696px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-salon .adress__map {
        height: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .partners-salon .adress__map {
        height: 110px;
    }
}
.partners-salon .adress__items {
    display: grid;
}

@media only screen and (max-width: 1500px) {
    .partners-salon .adress__items {
        grid-template-columns: 600px 1fr;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .partners-salon .adress__items {
        grid-template-columns: 1fr;
    }
}
.partners-salon .lib__grid {
    margin-bottom: 30px;
}

.partners-salon .adress-content {
    padding: 30px 0;
}

.partners-salon .adress-content__info {
    height: 100%;
}

.news {
    margin-top: 20px;
    margin-bottom: 168px;
}

@media only screen and (max-width: 991px) {
    .news {
        margin-top: 25px;
        margin-bottom: 100px;
    }
}
.news__title {
    margin-bottom: 64px;
}

@media only screen and (max-width: 1500px) {
    .news__title {
        margin-bottom: 48px;
    }
}
@media only screen and (max-width: 991px) {
    .news__title {
        margin-bottom: 20px;
        font-size: 24px;
    }
}
.news__top {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
    overflow-x: scroll;
    position: relative;
    border-bottom: 1px solid #8b8b8b;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .news__top {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .news__top {
        margin-right: 0;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .news__top {
        margin-right: -20px;
        padding-right: 20px;
    }
}
.news__top::-webkit-scrollbar {
    display: none;
}

.news__top--item {
    color: #555556;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    margin-right: 72px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .news__top--item {
        font-size: 16px;
        margin-right: 52px;
    }
}
@media only screen and (max-width: 991px) {
    .news__top--item {
        margin-right: 26px;
        font-size: 12px;
    }
}
.news__top--item:last-child {
    margin-right: 0;
}

.news__top--item.active::before {
    opacity: 1;
}

.news__top--item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dd5b12;
    bottom: -20px;
    z-index: 1;
    opacity: 0;
}

@media only screen and (max-width: 1500px) {
    .news__top--item:before {
        bottom: -15px;
    }
}
.news__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 30px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .news__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .news__items {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
    }
}
.news__img {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .news__img {
        margin-bottom: 12px;
    }
}
.news__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__data {
    margin-bottom: 3px;
    font-size: 16px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .news__data {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .news__data {
        font-size: 10px;
    }
}
.news__name {
    font-size: 26px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .news__name {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .news__name {
        font-size: 14px;
    }
}
.news__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .news__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .news__text {
        font-size: 12px;
    }
}
.news__btn {
    font-size: 20px;
    color: #8b8b8b;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8b8b8b;
    height: 72px;
    border-radius: 100px;
}

.news__btn:hover {
    color: #dd5b12;
    border: 1px solid #dd5b12;
}

@media only screen and (max-width: 991px) {
    .news__btn {
        height: 45px;
        font-size: 14px;
    }
}
.catalog {
    margin-top: 40px;
    margin-bottom: 90px;
}

@media only screen and (max-width: 991px) {
    .catalog {
        margin-bottom: 60px;
        margin-top: 24px;
    }
}
.catalog__aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .catalog__aside {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.catalog__aside--img {
    display: flex;
    align-items: center;
}

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

.catalog__aside--info {
    padding-top: 60px;
}

@media only screen and (max-width: 1500px) {
    .catalog__aside--info {
        padding-top: 40px;
    }
}
.catalog__aside--info p {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .catalog__aside--info p {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__aside--info p {
        font-size: 18px;
    }
}
.catalog__aside--info span {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .catalog__aside--info span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__aside--info span {
        font-size: 16px;
    }
}
.catalog__title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .catalog__title {
        font-size: 23px;
    }
}
.catalog__more {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #555556;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 50px;
}

.catalog__more:hover img {
    transform: scale(1.1);
}

@media only screen and (max-width: 991px) {
    .catalog__more {
        gap: 10px;
        margin-bottom: 32px;
        padding-bottom: 10px;
    }
}
.catalog__more img {
    transition: 300ms;
}

@media only screen and (max-width: 991px) {
    .catalog__more img {
        height: 11px;
        width: 11px;
    }
}
.catalog__more span {
    font-size: 20px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .catalog__more span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__more span {
        font-size: 12px;
    }
}
.catalog__subtitle {
    color: #555556;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .catalog__subtitle {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__subtitle {
        font-size: 18px;
        margin-bottom: 12px;
    }
}
.catalog__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 1400px) {
    .catalog__items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 27px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 14px;
    }
}
.catalog__item {
    cursor: pointer;
}

.catalog__img {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.catalog__name {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .catalog__name {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog__name {
        font-size: 12px;
    }
}
@media only screen and (max-width: 991px) {
    .filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        overflow: scroll;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background: #f5f5f5;
        padding: 30px 20px;
    }

    .filter.active {
        display: block;
    }
}
.filter__title {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1500px) {
    .filter__title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .filter__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #555556;
    }
}
.filter__close {
    display: none;
}

@media only screen and (max-width: 991px) {
    .filter__close {
        display: flex;
        align-items: center;
        transform: rotate(180deg);
    }
}
@media only screen and (max-width: 991px) {
    .filter__form {
        display: flex;
        flex-direction: column;
    }
}
.filter__range {
    margin-bottom: 40px;
}

.filter__range > span {
    margin-bottom: 10px;
    font-size: 20px;
    display: block;
    font-weight: 700;
}

.filter__range .irs-from,
.filter__range .irs-to,
.filter__range .irs-single {
    display: none;
}

.filter__range .irs--round .irs-min,
.filter__range .irs--round .irs-max {
    display: none;
}

.filter__range .irs--round .irs-handle {
    cursor: pointer;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    background: #555556;
    top: -8px;
}

.filter__range .irs--round {
    height: 30px;
    margin-bottom: 0;
}

.filter__range .irs-bar {
    background: #dd5b12;
    height: 6px;
    top: 0;
}

.filter__range .irs-line {
    height: 6px;
    top: 0;
    background: none;
    border-radius: 10px;
    border: 2px solid #8b8b8b;
}

.filter__range--bottom {
    display: flex;
    align-items: center;
}

.filter__range--bottom input {
    border-radius: 8px;
    border: 1px solid #555556;
    height: 36px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: transparent;
    padding-top: 10px;
    color: #4d4d4d;
    font-size: 14px;
    width: auto;
    max-width: 155px;
}

@media only screen and (max-width: 1500px) {
    .filter__range--bottom input {
        max-width: 96px;
    }
}
.filter__range--bottom p {
    margin: 0 8px;
    font-weight: 700;
}

.filter__item {
    margin-bottom: 20px;
    position: relative;
}

.filter__item:last-child {
    margin-bottom: 0;
}

.filter__item > span {
    margin-bottom: 10px;
    font-size: 20px;
    display: block;
    font-weight: 700;
}

.filter__item .irs-from,
.filter__item .irs-to,
.filter__item .irs-single {
    display: none;
}

.filter__item .irs--round .irs-min,
.filter__item .irs--round .irs-max {
    display: none;
}

.filter__item .irs--round .irs-handle {
    cursor: pointer;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    background: #555556;
    top: -8px;
}

.filter__item .irs--round {
    height: 30px;
    margin-bottom: 0;
}

.filter__item .irs-bar {
    background: #dd5b12;
    height: 6px;
    top: 0;
}

.filter__item .irs-line {
    height: 6px;
    top: 0;
    background: none;
    border-radius: 10px;
    border: 2px solid #8b8b8b;
}

.filter__item--bottom {
    display: flex;
    align-items: center;
}

.filter__item--bottom input {
    border-radius: 8px;
    border: 1px solid #555556;
    height: 36px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: transparent;
    padding-top: 10px;
    color: #4d4d4d;
    font-size: 14px;
    width: auto;
    max-width: 130px;
}

@media only screen and (max-width: 1500px) {
    .filter__item--bottom input {
        max-width: 96px;
    }
}
.filter__item--bottom p {
    margin: 0 8px;
    font-weight: 700;
}

.filter__btn {
    font-size: 20px;
    color: #8b8b8b;
    text-transform: uppercase;
    font-weight: 700;
    background: none;
    border: 1px solid #8b8b8b;
    margin-top: 45px;
    height: 69px;
}

@media only screen and (max-width: 1500px) {
    .filter__btn {
        font-size: 14px;
        height: 50px;
        border-radius: 20px;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .filter__btn {
        order: -1;
        margin-top: 0;
        margin-bottom: 20px;
    }
}
.filter__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #555556;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    gap: 10px;
}

@media only screen and (max-width: 1500px) {
    .filter__top {
        font-size: 12px;
    }
}
.filter__top.active .filter__arrow {
    transform: rotate(180deg);
}

.filter__arrow {
    display: flex;
    align-items: center;
    transition: 300ms;
}

@media only screen and (max-width: 1500px) {
    .filter__arrow {
        width: 28px;
        height: 28px;
    }
}
.filter__body {
    margin: 30px 0;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    padding-right: 10px;
}

.filter__body--slider {
    max-height: inherit;
    padding-right: 0;
    padding-top: 10px;
}

.filter__body::-webkit-scrollbar {
    background: #fff;
    width: 8px;
}

.filter__body::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    width: 8px;
}

.filter__body.active {
    display: block;
}

.filter__body .checkbox {
    margin-bottom: 13px;
}

.filter__body .checkbox__text {
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .filter__body .checkbox__text {
        font-size: 14px;
        margin-left: 7px;
    }
}
.filter__body .checkbox:last-child {
    margin-bottom: 0;
}

.catalog-filter {
    background: #f5f5f5;
}

.catalog-filter__mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .catalog-filter__mobile {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #555556;
        margin-bottom: 30px;
        font-size: 20px;
        justify-content: space-between;
        text-transform: uppercase;
        font-weight: 800;
    }
}
.catalog-filter__inner {
    display: grid;
    grid-template-columns: 330px 1fr;
    grid-gap: 40px;
    padding: 65px 0 100px;
}

.catalog-filter__inner--empty {
    display: block;
}

.catalog-filter__inner--empty .catalog-filter__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__inner--empty .catalog-filter__items {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-filter__inner--empty .catalog-filter__items {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 600px) {
    .catalog-filter__inner--empty .catalog-filter__items {
        grid-template-columns: 1fr;
    }
}
.catalog-items-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.catalog-empty__btn {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 20px;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__inner {
        grid-template-columns: 220px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-filter__inner {
        grid-template-columns: 1fr;
        padding: 40px 0 60px;
    }
}
.catalog-filter__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-bottom: 70px;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__items {
        grid-gap: 15px;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 450px) {
    .catalog-filter__items {
        grid-template-columns: 1fr;
    }
}
.catalog-filter__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid #555556;
}

@media only screen and (max-width: 991px) {
    .catalog-filter__top {
        padding-bottom: 0;
        margin-bottom: 20px;
        border-bottom: none;
    }
}
.catalog-filter__aside {
    display: flex;
    align-items: center;
    gap: 40px;
}

.catalog-filter__delete {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    gap: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__delete {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-filter__delete {
        display: none;
    }
}
.catalog-filter__list {
    position: relative;
}

.catalog-filter__choose {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__choose {
        font-size: 16px;
    }
}
.catalog-filter__choose.active .arrow {
    transform: rotate(180deg);
}

.catalog-filter__choose.arrow {
    transition: 300ms;
}

.catalog-filter__dropdown {
    position: absolute;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    z-index: 3;
    padding: 31px 20px;
    width: 330px;
    left: 0;
    top: 120%;
    display: none;
}

.catalog-filter__dropdown.active {
    display: block;
}

.catalog-filter__dropdown span {
    display: block;
    font-size: 18px;
    margin-bottom: 25px;
    cursor: pointer;
}

.catalog-filter__dropdown span:hover {
    color: #dd5b12;
}

.catalog-filter__dropdown span:last-child {
    margin-bottom: 0;
}

.catalog-filter__price {
    font-size: 18px;
    font-weight: 400;
}

@media only screen and (max-width: 1500px) {
    .catalog-filter__price {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-filter__price {
        font-size: 14px;
    }
}
.catalog-track__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px 30px;
}

@media only screen and (max-width: 767px) {
    .catalog-track__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.catalog-track__title {
    margin-bottom: 90px;
}

@media only screen and (max-width: 1500px) {
    .catalog-track__title {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .catalog-track__title {
        margin-bottom: 20px;
    }
}
.catalog-track__img {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    height: 400px;
}

@media only screen and (max-width: 767px) {
    .catalog-track__img {
        height: 203px;
        border-radius: 14px;
    }
}
.catalog-track__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-track__name {
    font-size: 36px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.684px;
}

@media only screen and (max-width: 1500px) {
    .catalog-track__name {
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
    .catalog-track__name {
        font-size: 14px;
    }
}
.catalog-track__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .catalog-track__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .catalog-track__text {
        font-size: 12px;
    }
}
.catalog-system__btn {
    margin-top: 40px;
    font-size: 14px;
    text-transform: uppercase;
    width: 324px;
    height: 60px;
}

@media only screen and (max-width: 991px) {
    .catalog-system .product__inner {
        flex-direction: column;
        gap: 40px;
    }
}
.catalog-system .product__info {
    margin-bottom: 0;
}

.catalog-system__adva {
    margin-top: 90px;
}

.catalog-system__label {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .catalog-system__label {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.catalog-system__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px 30px;
}

@media only screen and (max-width: 991px) {
    .catalog-system__items {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }
}
.catalog-system__img {
    display: flex;
    align-items: center;
    height: 350px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .catalog-system__img {
        height: 258px;
    }
}
@media only screen and (max-width: 767px) {
    .catalog-system__img {
        height: auto;
        min-height: 203px;
    }
}
.catalog-system__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-system__name {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
    .catalog-system__name {
        font-size: 18px;
    }
}
.catalog-system__text {
    font-size: 18px;
    color: #8b8b8b;
}

@media only screen and (max-width: 767px) {
    .catalog-system__text {
        font-size: 16px;
    }
}
.catalog-system__video {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 90px;
    border-radius: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .catalog-system__video {
        margin-top: 50px;
    }
}
.catalog-system__video > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-system__play {
    position: absolute;
    display: flex;
    align-items: center;
    cursor: pointer;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 991px) {
    .catalog-system__play {
        width: 54px;
        height: 54px;
    }
}
.catalog-ser {
    background: #f5f5f5;
}

.catalog-ser__inner {
    padding: 50px 0 100px;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__inner {
        padding: 20px 0 100px;
    }
}
.catalog-ser__grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__grids {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 450px) {
    .catalog-ser__grids {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.catalog-ser__items {
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__items {
        margin-bottom: 60px;
    }
}
.catalog-ser__items:last-child {
    margin-bottom: 0;
}

.catalog-ser__label {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__label {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.catalog-ser__content {
    display: none;
}

.catalog-ser__content.active {
    display: block;
}

.catalog-ser__top {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
    overflow-x: scroll;
    position: relative;
    border-bottom: 1px solid #8b8b8b;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .catalog-ser__top {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-ser__top {
        margin-right: 0;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .catalog-ser__top {
        margin-right: -20px;
        padding-right: 20px;
    }
}
.catalog-ser__top::-webkit-scrollbar {
    display: none;
}

.catalog-ser__top--item {
    color: #555556;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    margin-right: 45px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__top--item {
        margin-right: 20px;
        font-size: 14px;
    }
}
.catalog-ser__top--item:last-child {
    margin-right: 0;
}

.catalog-ser__top--item.active::before {
    opacity: 1;
}

.catalog-ser__top--item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dd5b12;
    bottom: -20px;
    z-index: 1;
    opacity: 0;
}

@media only screen and (max-width: 1500px) {
    .catalog-ser__top--item:before {
        bottom: -15px;
    }
}
.catalog-ser__info {
    display: flex;
    gap: 40px;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__info {
        flex-direction: column;
        gap: 15px;
    }
}
.catalog-ser__aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 10;
}

.catalog-ser__img {
    display: flex;
    align-items: center;
    max-width: 823px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 1500px) {
    .catalog-ser__img {
        height: 253px;
        max-width: 450px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-ser__img {
        border-radius: 15px;
        max-width: 100%;
        min-height: 203px;
        max-height: 300px;
        height: auto;
    }
}
.catalog-ser__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-ser__subtitle {
    padding-top: 60px;
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .catalog-ser__subtitle {
        font-size: 32px;
        padding-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-ser__subtitle {
        font-size: 20px;
    }
}
.catalog-ser__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .catalog-ser__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-ser__text {
        font-size: 14px;
    }
}
.catalog-ser__more {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-grow: 10;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: 10px;
    text-transform: uppercase;
    gap: 15px;
}

@media only screen and (max-width: 991px) {
    .catalog-ser__more {
        font-size: 14px;
        gap: 8px;
    }

    .catalog-ser__more img {
        width: 28px;
        height: 28px;
    }
}
.career {
    margin-bottom: 120px;
    margin-top: 50px;
}

@media only screen and (max-width: 991px) {
    .career {
        margin-top: 30px;
        margin-bottom: 48px;
    }
}
.career__info {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1400px) {
    .career__info {
        flex-direction: column;
        gap: 2.5rem;
    }
}
.career__img {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 70px;
}

@media only screen and (max-width: 1500px) {
    .career__img {
        width: 399px;
    }
}
@media only screen and (max-width: 991px) {
    .career__img {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .career__img {
        width: 290px;
    }
}
.career__imgs {
    display: flex;
    align-items: center;
}

.career__imgs img {
    position: absolute;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img {
        width: 61px;
        height: 61px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img {
        width: 44px;
        height: 44px;
    }
}
.career__imgs img.first {
    top: 65px;
    left: 107px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.first {
        top: 47px;
        left: 78px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.first {
        top: 34px;
        left: 58px;
    }
}
.career__imgs img.second {
    top: 65px;
    right: 190px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.second {
        top: 47px;
        right: 138px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.second {
        top: 34px;
        right: 101px;
    }
}
.career__imgs img.third {
    top: 65px;
    right: 106px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.third {
        top: 47px;
        right: 77px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.third {
        top: 34px;
        right: 57px;
    }
}
.career__imgs img.fourth {
    top: 149px;
    left: 23px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.fourth {
        top: 108px;
        left: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.fourth {
        top: 78px;
        left: 13px;
    }
}
.career__imgs img.five {
    top: 149px;
    left: 191px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.five {
        top: 108px;
        left: 139px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.five {
        top: 78px;
        left: 102px;
    }
}
.career__imgs img.six {
    top: 149px;
    right: 106px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.six {
        top: 108px;
        right: 77px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.six {
        right: 57px;
        top: 78px;
    }
}
.career__imgs img.seven {
    top: 149px;
    right: 23px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.seven {
        top: 108px;
        right: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.seven {
        top: 78px;
        right: 13px;
    }
}
.career__imgs img.eig {
    bottom: 168px;
    left: 23px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.eig {
        bottom: 122px;
        left: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.eig {
        bottom: 90px;
        left: 12px;
    }
}
.career__imgs img.nine {
    left: 106px;
    bottom: 168px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.nine {
        bottom: 122px;
        left: 78px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.nine {
        bottom: 90px;
        left: 57px;
    }
}
.career__imgs img.ten {
    bottom: 168px;
    right: 190px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.ten {
        bottom: 122px;
        right: 138px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.ten {
        bottom: 90px;
        right: 100px;
    }
}
.career__imgs img.eleven {
    bottom: 168px;
    right: 106px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.eleven {
        bottom: 122px;
        right: 77px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.eleven {
        bottom: 90px;
        right: 56px;
    }
}
.career__imgs img.though {
    bottom: 84px;
    left: 23px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.though {
        bottom: 61px;
        left: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.though {
        bottom: 46px;
        left: 13px;
    }
}
.career__imgs img.thirds {
    bottom: 84px;
    left: 191px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.thirds {
        bottom: 61px;
        left: 138px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.thirds {
        bottom: 46px;
        left: 102px;
    }
}
.career__imgs img.fourteen {
    right: 191px;
    bottom: 84px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.fourteen {
        right: 139px;
        bottom: 61px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.fourteen {
        bottom: 46px;
        right: 102px;
    }
}
.career__imgs img.fiveteen {
    right: 23px;
    bottom: 84px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.fiveteen {
        right: 17px;
        bottom: 61px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.fiveteen {
        bottom: 46px;
        right: 12px;
    }
}
.career__imgs img.sixteen {
    bottom: 0;
    left: 106px;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.sixteen {
        left: 78px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.sixteen {
        width: 46px;
        height: 46px;
        left: 57px;
    }
}
.career__imgs img.seventeen {
    left: 190px;
    bottom: 0;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.seventeen {
        left: 139px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.seventeen {
        left: 102px;
        width: 46px;
        height: 46px;
    }
}
.career__imgs img.eighteen {
    right: 106px;
    bottom: 0;
}

@media only screen and (max-width: 1500px) {
    .career__imgs img.eighteen {
        right: 78px;
    }
}
@media only screen and (max-width: 767px) {
    .career__imgs img.eighteen {
        right: 56px;
        width: 46px;
        height: 46px;
    }
}
.career__subtitle p {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
}

@media only screen and (max-width: 1500px) {
    .career__subtitle p {
        font-size: 33px;
    }
}
@media only screen and (max-width: 767px) {
    .career__subtitle p {
        font-size: 24px;
    }
}
.career__subtitle span {
    display: block;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .career__subtitle span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .career__subtitle span {
        font-size: 16px;
    }
}
.career__title {
    margin-bottom: 70px;
}

@media only screen and (max-width: 1500px) {
    .career__title {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .career__title {
        margin-bottom: 30px;
    }
}
.career-work {
    overflow: hidden;
}

.career-work__inner {
    margin-right: -22px;
}

.career-work__title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .career-work__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .career-work__title {
        font-size: 24px;
        margin-bottom: 24px;
    }
}
.career-work__items {
    width: 100%;
    margin: 30px auto;
    display: table;
    table-layout: fixed;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.career-work__item {
    border: 1px solid #fff;
    background: #555556;
    color: #fff;
    height: auto;
    padding: 40px;
    position: relative;
    cursor: pointer;
    transition: 400ms;
    transition: all 500ms ease;
    width: 20%;
    display: table-cell;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .career-work__item {
        padding: 20px;
    }
}
.career-work__item:hover {
    width: 60%;
    background: #555556 linear-gradient(90deg, #cd4a00 0%, #f90 100%);
}

@media only screen and (max-width: 991px) {
    .career-work__item:hover {
        width: 85%;
    }
}
.career-work__text {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    flex-shrink: 0;
    width: 100%;
    white-space: nowrap;
}

.career-work__text br.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .career-work__text br.mobile {
        display: block;
    }
}
@media only screen and (max-width: 1500px) {
    .career-work__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .career-work__text {
        font-size: 14px;
        height: 70px;
    }
}
.career-work__number {
    font-size: 86px;
    margin-top: 40px;
    font-weight: 800;
}

@media only screen and (max-width: 1500px) {
    .career-work__number {
        font-size: 68px;
    }
}
@media only screen and (max-width: 991px) {
    .career-work__number {
        font-size: 32px;
    }
}
.career-choose {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .career-choose {
        margin: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .career-choose {
        margin: 48px 0;
    }
}
.career-choose__items {
    display: flex;
    align-items: center;
    gap: 10px;
}

.career-choose__item {
    display: flex;
    align-items: center;
}

.basket {
    margin-top: 20px;
    margin-bottom: 180px;
}

@media only screen and (max-width: 991px) {
    .basket {
        margin-top: 25px;
        margin-bottom: 100px;
    }
}
.basket__title {
    margin-bottom: 28px;
}

@media only screen and (max-width: 991px) {
    .basket__title {
        margin-bottom: 15px;
    }
}
.basket__header {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    gap: 32px;
    border-bottom: 1px solid #d7d6d5;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .basket__header {
        justify-content: flex-start;
        margin-bottom: 40px;
        gap: 35px;
    }
}
.basket__header a {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
    font-size: 20px;
    color: #787878;
}

@media only screen and (max-width: 1500px) {
    .basket__header a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__header a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__header a img {
        width: 14px;
        height: 14px;
    }
}
.basket__content {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .basket__content {
        flex-direction: column;
    }
}
.basket__item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d7d6d5;
    position: relative;
}

@media only screen and (max-width: 1500px) {
    .basket__item {
        padding-bottom: 60px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__item {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}
.basket__item:last-child {
    margin-bottom: 0;
}

.basket-mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .basket-mobile {
        display: block;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 700;
        line-height: 131.4%;
    }
}
.basket__top {
    display: flex;
    align-items: flex-start;
}

.basket__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .basket__img {
        width: 159px;
        height: 115px;
        margin-right: 20px;
    }
}
.basket__info {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-gap: 20px 40px;
    flex-grow: 10;
}

@media only screen and (max-width: 1500px) {
    .basket__info {
        grid-gap: 10px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__info {
        grid-template-columns: 1fr;
    }
}
.basket__name {
    font-weight: 700;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .basket__name {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__name {
        display: none;
    }
}
.basket__price {
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

@media only screen and (max-width: 1500px) {
    .basket__price {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__price {
        order: 1;
        font-size: 20px;
        justify-content: flex-start;
        margin-top: 34px;
        font-size: 16px;
    }
}
.basket__article span {
    display: block;
    margin-bottom: 10px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .basket__article span {
        font-size: 12px;
        margin-bottom: 3px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__article span {
        font-size: 14px;
    }
}
.basket__footer {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    bottom: 40px;
    justify-content: flex-end;
    gap: 13px;
    left: 370px;
}

@media only screen and (max-width: 1500px) {
    .basket__footer {
        left: 179px;
        bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__footer {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 20px;
    }
}
.basket__footer .modal__info {
    margin-bottom: 0;
}

.basket__footer .modal__info .minus,
.basket__footer .modal__info .plus {
    width: 48px;
    height: 48px;
}

@media only screen and (max-width: 1500px) {
    .basket__footer .modal__info .minus,
    .basket__footer .modal__info .plus {
        width: 36px;
        height: 36px;
    }
}
.basket__footer .modal__info input {
    height: 48px;
    width: 84px;
    border-radius: 500px;
    font-size: 16px;
    margin: 0 8px;
}

@media only screen and (max-width: 1500px) {
    .basket__footer .modal__info input {
        height: 36px;
    }
}
.basket__items {
    max-width: 100%;
    width: 100%;
}

.basket__how {
    display: flex;
    align-items: center;
    width: 166px;
    height: 41px;
    justify-content: space-between;
    border-radius: 20px;
    border: 1px solid #555556;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .basket__how {
        height: 34px;
        width: 139px;
        font-size: 14px;
    }
}
.basket__icons {
    display: flex;
    align-items: center;
    gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .basket__icons {
        gap: 30px;
    }
}
.basket__icons a {
    display: flex;
    align-items: center;
}

.basket__order {
    padding: 32px;
    max-width: 453px;
    width: 100%;
    flex-shrink: 0;
    margin-left: 40px;
    background: #f5f5f5;
}

@media only screen and (max-width: 1500px) {
    .basket__order {
        max-width: 291px;
    }
}
@media only screen and (max-width: 991px) {
    .basket__order {
        max-width: 100%;
        margin-top: 54px;
        margin-left: 0px;
    }
}
.basket__order--top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #555556;
    padding-bottom: 24px;
    margin-bottom: 24px;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .basket__order--top {
        font-size: 16px;
        margin-bottom: 30px;
        padding-bottom: 5px;
    }
}
.basket__order--item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 15px;
}

.basket__order--item span {
    max-width: 168px;
    display: block;
}

.basket__order--item p.green {
    color: #14a30a;
}

@media only screen and (max-width: 1500px) {
    .basket__order--item {
        font-size: 14px;
        margin-bottom: 15px;
    }
}
.basket__order--text {
    color: #8b8b8b;
    font-weight: 300;
    margin-bottom: 19px;
}

@media only screen and (max-width: 1500px) {
    .basket__order--text {
        font-size: 12px;
        margin-bottom: 14px;
    }
}
.basket__order input {
    width: 100%;
    height: 75px;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    color: #787878;
    border: 1px solid #555556;
}

@media only screen and (max-width: 1500px) {
    .basket__order input {
        height: 44px;
        font-size: 14px;
        border-radius: 30px;
    }
}
.basket__order input:focus {
    border: 1px solid rgb(255, 130, 61);
}

.basket__order--btn {
    height: 72px;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
}

@media only screen and (max-width: 1500px) {
    .basket__order--btn {
        height: 56px;
        font-size: 12px;
        margin-top: 20px;
    }
}
.modal {
    max-width: 500px;
    width: 100%;
    border-radius: 20px;
    display: none;
}

@media only screen and (max-width: 991px) {
    .modal {
        padding: 45px;
    }
}
.modal .fancybox-button {
    display: none;
}

.modal__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .modal__close {
        width: 15px;
        height: 15px;
    }
}
.modal__title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 20px;
}

@media only screen and (max-width: 991px) {
    .modal__title {
        font-size: 18px;
    }
}
.modal__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .modal__info {
        margin-bottom: 30px;
    }
}
.modal__info input {
    border-radius: 20px;
    border: 1px solid #8b8b8b;
    background: #fff;
    height: 60px;
    width: 100%;
    border-radius: 20px;
    margin: 0 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .modal__info input {
        height: 40px;
        border-radius: 14px;
    }
}
.modal__info .plus,
.modal__info .minus {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
    justify-content: center;
}

@media only screen and (max-width: 991px) {
    .modal__info .plus,
    .modal__info .minus {
        width: 40px;
        height: 40px;
    }
}
.modal__btn {
    height: 75px;
    font-size: 18px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .modal__btn {
        height: 50px;
        font-size: 14px;
    }
}
.order {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 140px;
}

@media only screen and (max-width: 991px) {
    .order {
        margin-top: 15px;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .order__title {
        margin-bottom: 15px;
        font-size: 24px;
    }
}
.order__pick {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
}

@media only screen and (max-width: 991px) {
    .order__pick {
        padding: 16px;
    }
}
.order__pick.static {
    display: flex;
}

@media only screen and (max-width: 991px) {
    .order__pick.static {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}
.order__pick--label {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1500px) {
    .order__pick--label {
        font-size: 17px;
    }
}
@media only screen and (max-width: 991px) {
    .order__pick--label {
        font-size: 16px;
    }
}
.order__pick--item {
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 5px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1500px) {
    .order__pick--item {
        font-size: 17px;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .order__pick--item {
        font-size: 16px;
        display: block;
    }
}
.order__pick--item p {
    font-weight: 700;
}

.order__pick--img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 15px;
}

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

@media only screen and (max-width: 1500px) {
    .order__pick--img {
        width: 172px;
        height: 160px;
    }
}
@media only screen and (max-width: 991px) {
    .order__pick--img {
        width: auto;
        height: 102px;
    }
}
.order__pay {
    padding: 24px;
    font-size: 20px;
    font-weight: 700;
    display: none;
}

@media only screen and (max-width: 1500px) {
    .order__pay {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order__pay {
        padding: 16px;
        font-size: 16px;
    }
}
.order__pay.static {
    display: block;
}

.order__dostavka {
    padding: 24px;
    display: none;
}

.order__dostavka.static {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .order__dostavka.static {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order__dostavka.static {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .order__dostavka {
        padding: 16px;
    }
}
.order__delivery {
    padding: 24px;
    display: none;
}

.order__delivery.static {
    display: block;
}

@media only screen and (max-width: 991px) {
    .order__delivery {
        padding: 16px;
    }
}
.order__delivery--item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .order__delivery--item {
        font-size: 16px;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .order__delivery--item {
        display: block;
    }
}
.order__delivery--item p {
    font-weight: 700;
    margin-right: 5px;
}

.order__information {
    display: flex;
    align-items: flex-start;
    background: rgba(20, 163, 10, 0.15);
    padding: 24px;
    font-size: 18px;
    gap: 40px;
    margin-bottom: 32px;
}

@media only screen and (max-width: 991px) {
    .order__information {
        font-size: 14px;
        margin-bottom: 16px;
        padding: 16px;
        gap: 15px;
    }
}
.order__back {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #d7d6d5;
    padding-bottom: 10px;
    gap: 22px;
    margin-bottom: 50px;
    font-size: 20px;
    color: #787878;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .order__back {
        font-size: 14px;
        gap: 10px;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .order__back img {
        width: 14px;
        height: 14px;
    }
}
.order__inner {
    display: grid;
    grid-template-columns: 1fr 453px;
    gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .order__inner {
        grid-template-columns: 1fr 290px;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .order__inner {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.order__item {
    margin-bottom: 32px;
    border: 2px solid #f5f5f5;
}

@media only screen and (max-width: 1500px) {
    .order__item {
        border: 1px solid #f5f5f5;
        margin-bottom: 16px;
    }
}
.order__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    background: #f5f5f5;
    padding: 0 24px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .order__top {
        height: 64px;
        padding: 0 16px;
    }
}
.order__top.active .plus {
    display: block;
}

.order__top.active .minus {
    display: none;
}

.order__name {
    font-size: 26px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .order__name {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .order__name {
        font-size: 20px;
    }
}
.order__plus {
    display: flex;
    align-items: center;
}

.order__plus .plus {
    display: none;
}

.order__body .placeholder {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .order__body .placeholder {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order__body .placeholder {
        font-size: 16px;
    }
}
.order__body .radio-parent {
    margin-bottom: 12px;
    display: block;
    cursor: pointer;
}

.order__body .radio__text {
    margin-left: 16px;
}

.order__body .radio__inner {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .order__body .radio__inner span {
        width: 20px;
        height: 20px;
    }

    .order__body .radio__inner span:before {
        width: 10px;
        height: 10px;
    }
}
.order__body .radio__inner input:checked ~ .radio__text {
    color: #dd5b12;
    font-weight: 700;
}

.order__body .radio__inner input:checked ~ .radio__text p {
    color: #dd5b12;
}

.order-stock {
    padding: 24px;
}

@media only screen and (max-width: 1500px) {
    .order-stock {
        padding: 16px;
    }
}
.order-stock.active {
    display: none;
}

.order-stock__item {
    display: grid;
    grid-template-columns: 120px 4fr 1fr 1fr;
    grid-gap: 20px;
    border-bottom: 1px solid #d7d6d5;
    padding: 24px;
    margin: -24px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
    .order-stock__item {
        grid-template-columns: 120px 3.5fr 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .order-stock__item {
        grid-template-columns: 1fr;
        align-items: center;
        grid-gap: 0;
        padding: 16px;
        margin: -16px;
        margin-bottom: 16px;
    }
}
.order-stock__img {
    display: flex;
    height: 75px;
    align-items: center;
}

.order-stock__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 991px) {
    .order-stock__img {
        justify-content: center;
        height: 168px;
        width: 168px;
        margin: 0 auto;
        margin-bottom: 16px;
    }
}
.order-stock__name {
    font-size: 20px;
    color: #dd5b12;
}

@media only screen and (max-width: 1500px) {
    .order-stock__name {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-stock__name {
        font-size: 14px;
        margin-bottom: 8px;
    }
}
.order-stock__calc {
    text-align: center;
    font-size: 20px;
}

.order-stock__calc p {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-stock__calc p {
        display: block;
        color: #8b8b8b;
        margin-right: 10px;
        font-weight: 400;
    }
}
@media only screen and (max-width: 1500px) {
    .order-stock__calc {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-stock__calc {
        text-align: left;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
    }
}
.order-stock__price {
    text-align: right;
    font-size: 20px;
    font-weight: 700;
}

.order-stock__price p {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-stock__price p {
        display: block;
        color: #8b8b8b;
        margin-right: 10px;
        font-weight: 400;
    }
}
@media only screen and (max-width: 1500px) {
    .order-stock__price {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-stock__price {
        font-size: 14px;
        text-align: left;
        display: flex;
        align-items: center;
    }
}
.order-stock__btn {
    height: 56px;
    width: 183px;
    text-transform: uppercase;
    font-size: 16px;
}

@media only screen and (max-width: 1500px) {
    .order-stock__btn {
        width: 161px;
        height: 41px;
    }
}
@media only screen and (max-width: 991px) {
    .order-stock__btn {
        width: 122px;
        height: 40px;
        font-size: 14px;
    }
}
.order-delivery {
    padding: 24px;
}

@media only screen and (max-width: 991px) {
    .order-delivery {
        padding: 16px;
    }
}
.order-delivery__text {
    font-size: 16px;
    color: #8b8b8b;
    margin-top: 16px;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__text {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__text {
        font-size: 12px;
    }
}
.order-delivery.active {
    display: none;
}

.order-delivery__radios {
    margin-bottom: 40px;
}

.order-delivery__radios .radio__text {
    font-size: 20px;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__radios .radio__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__radios .radio__text {
        font-size: 16px;
    }
}
.order-delivery__item {
    margin-bottom: 32px;
}

@media only screen and (max-width: 991px) {
    .order-delivery__item {
        margin-bottom: 24px;
    }
}
.order-delivery__head {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__head {
        font-size: 23px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__head {
        font-size: 20px;
    }
}
.order-delivery__head span {
    color: #ca1313;
}

.order-delivery__select {
    position: relative;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 1px solid #555556;
}

.order-delivery__select--head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-delivery__select--head .popup__input {
    width: 100%;
}

.order-delivery__select--head .popup__input input {
    width: 100%;
    border-bottom: 0;
    font-size: 20px;
    padding-top: 5px;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__select--head .popup__input input {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__select--head .popup__input input {
        font-size: 16px;
    }
}
.order-delivery__select--body {
    position: absolute;
    top: 100%;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    background: #fff;
    width: 100%;
    z-index: 3;
    display: none;
}

.order-delivery__select--body.active {
    display: block;
}

.order-delivery__select--body span {
    height: 64px;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 24px;
    font-size: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__select--body span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__select--body span {
        font-size: 16px;
        height: 48px;
        padding: 0 16px;
    }
}
.order-delivery__select--body span:hover {
    background: #f5f5f5;
}

.order-delivery__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -24px;
    padding: 24px 24px 0;
    border-top: 1px solid #f5f5f5;
}

@media only screen and (max-width: 991px) {
    .order-delivery__btns {
        margin: 0 -16px;
        padding: 16px 16px 0;
    }
}
.order-delivery__btn {
    width: 183px;
    height: 56px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .order-delivery__btn {
        width: 161px;
        height: 41px;
    }
}
@media only screen and (max-width: 991px) {
    .order-delivery__btn {
        width: 122px;
        height: 40px;
        font-size: 14px;
    }
}
.order-dostavka {
    padding: 24px;
}

.order-dostavka.active {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-dostavka {
        padding: 16px;
    }
}
.order-dostavka__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .order-dostavka__container {
        flex-direction: column-reverse;
    }
}
.order-dostavka__radios {
    width: 100%;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__radios {
        margin-right: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .order-dostavka__radios {
        margin-right: 0;
    }
}
.order-dostavka__radios .radio-parent {
    border-radius: 60px;
    padding: 15px 24px;
    border: 1px solid #555556;
    margin-bottom: 16px;
    display: block;
    width: 100%;
}

.order-dostavka__radios .radio-parent p {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__radios .radio-parent p {
        font-size: 16px;
    }
}
.order-dostavka__radios .radio-parent b {
    font-weight: 400;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__radios .radio-parent b {
        font-size: 14px;
    }
}
.order-dostavka__radios .radio-parent:last-child {
    margin-bottom: 0;
}

.order-dostavka__info {
    max-width: 390px;
    width: 100%;
    background: #f5f5f5;
    padding: 14px 24px;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__info {
        max-width: 204px;
    }
}
@media only screen and (max-width: 991px) {
    .order-dostavka__info {
        max-width: 100%;
        margin-bottom: 20px;
    }
}
.order-dostavka__sub {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__sub {
        font-size: 18px;
    }
}
.order-dostavka__text {
    font-size: 16px;
    color: #8b8b8b;
    margin-bottom: 8px;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__text {
        font-size: 14px;
    }
}
.order-dostavka__price {
    font-size: 20px;
    color: #dd5b12;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__price {
        font-size: 18px;
    }
}
.order-dostavka__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -24px;
    padding: 24px 24px 0;
    border-top: 1px solid #f5f5f5;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .order-dostavka__btns {
        margin: 0 -16px;
        margin-top: 16px;
        padding: 16px 16px 0;
    }
}
.order-dostavka__btn {
    width: 183px;
    height: 56px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .order-dostavka__btn {
        width: 161px;
        height: 41px;
    }
}
@media only screen and (max-width: 991px) {
    .order-dostavka__btn {
        width: 122px;
        height: 40px;
        font-size: 14px;
    }
}
.order-pick {
    padding: 24px;
}

.order-pick.active {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-pick {
        padding: 16px;
    }
}
.order-pick__map {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 24px;
}

.order-pick__title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
    .order-pick__title {
        font-size: 23px;
    }
}
.order-pick__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 21px;
    margin-bottom: 21px;
    border-bottom: 1px solid #555556;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .order-pick__top {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}
.order-pick__top.active .order-pick__arrow {
    transform: rotate(180deg);
}

.order-pick__head {
    text-transform: uppercase;
    font-size: 18px;
}

@media only screen and (max-width: 1500px) {
    .order-pick__head {
        font-size: 16px;
    }
}
.order-pick__arrow {
    display: flex;
    align-items: center;
    transition: 400ms;
}

.order-pick__body {
    margin-bottom: 30px;
    display: none;
}

.order-pick__body.active {
    display: block;
}

.order-pick__images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    margin-bottom: 23px;
}

@media only screen and (max-width: 1500px) {
    .order-pick__images {
        grid-gap: 8px;
        margin-bottom: 16px;
    }
}
.order-pick__img {
    display: flex;
    align-items: center;
}

.order-pick__content--item {
    margin-bottom: 20px;
    color: #8b8b8b;
}

.order-pick__content--item span {
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1500px) {
    .order-pick__content--item span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1500px) {
    .order-pick__content--item p {
        font-size: 14px;
    }
}
.order-pick__content--item a {
    font-size: 18px;
    text-decoration: underline;
}

@media only screen and (max-width: 1500px) {
    .order-pick__content--item a {
        font-size: 16px;
    }
}
.order-pick__choose {
    width: 200px;
    height: 48px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .order-pick__choose {
        width: 140px;
        height: 40px;
        font-size: 14px;
    }
}
.order-pick__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -24px;
    padding: 24px 24px 0;
    border-top: 1px solid #f5f5f5;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .order-pick__btns {
        margin: 0 -16px;
        margin-top: 16px;
        padding: 16px 16px 0;
    }
}
.order-pick__btn {
    width: 183px;
    height: 56px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .order-pick__btn {
        height: 41px;
        width: 161px;
    }
}
@media only screen and (max-width: 991px) {
    .order-pick__btn {
        width: 122px;
        height: 40px;
        font-size: 14px;
    }
}
.order-check {
    padding-left: 43px;
    display: none;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .order-check {
        padding-left: 0;
    }
}
.order-check .feedback__label {
    font-size: 20px;
    font-weight: 400;
}

@media only screen and (max-width: 1500px) {
    .order-check .feedback__label {
        font-size: 18px;
    }
}
.order-check .field {
    margin-bottom: 24px;
}

.order-check .field__label {
    font-size: 16px;
    line-height: normal;
    top: -3px;
}

@media only screen and (max-width: 1500px) {
    .order-check .field__label {
        font-size: 14px;
    }
}
.order-check .field input:focus ~ .field__label {
    top: -12px;
}

.order-check .feedback__file--choose {
    align-items: flex-start;
    padding: 24px;
}

@media only screen and (max-width: 1500px) {
    .order-check .feedback__file--choose svg {
        width: 20px;
        height: 20px;
    }
}
.order-check .feedback__file--choose span {
    font-size: 16px;
}

@media only screen and (max-width: 1500px) {
    .order-check .feedback__file--choose span {
        font-size: 12px;
    }
}
.order .radio-check.checked {
    border-radius: 30px;
}

.order .radio-check.checked .order-check {
    display: block;
}

.order-pay {
    padding: 24px;
}

.order-pay.active {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-pay {
        padding: 16px;
    }
}
.order-pay__container {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .order-pay__container {
        flex-direction: column-reverse;
    }
}
.order-pay__content {
    max-width: 390px;
    padding: 14px 24px;
    margin-left: 40px;
    background: #f5f5f5;
}

@media only screen and (max-width: 1500px) {
    .order-pay__content {
        max-width: 204px;
        margin-left: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .order-pay__content {
        margin-left: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
}
.order-pay__content p {
    font-weight: 700;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .order-pay__content p {
        font-size: 18px;
    }
}
.order-pay__content span {
    display: block;
    margin-top: 14px;
}

@media only screen and (max-width: 1500px) {
    .order-pay__content span {
        font-size: 14px;
    }
}
.order-pay .radio-parent {
    border-radius: 60px;
    padding: 15px 24px;
    border: 1px solid #555556;
    margin-bottom: 16px;
    display: block;
    width: 100%;
}

.order-pay .radio-parent p {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .order-pay .radio-parent p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .order-pay .radio-parent p {
        font-size: 14px;
    }
}
.order-pay .radio-parent b {
    font-weight: 400;
}

@media only screen and (max-width: 1500px) {
    .order-pay .radio-parent b {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .order-pay .radio-parent b {
        font-size: 12px;
        line-height: normal;
        display: block;
    }
}
.order-pay .radio-parent:last-child {
    margin-bottom: 0;
}

.order-pay__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -24px;
    padding: 24px 24px 0;
    border-top: 1px solid #f5f5f5;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .order-pay__btns {
        margin: 0 -16px;
        margin-top: 16px;
        padding: 16px 16px 0;
    }
}
.order-pay__btn {
    width: 183px;
    height: 56px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .order-pay__btn {
        height: 41px;
        width: 161px;
    }
}
@media only screen and (max-width: 991px) {
    .order-pay__btn {
        width: 122px;
        height: 40px;
        font-size: 14px;
    }
}
.order-buy {
    padding: 24px 24px 12px;
}

.order-buy.active {
    display: none;
}

@media only screen and (max-width: 991px) {
    .order-buy {
        padding: 16px 16px 6px;
    }
}
@media only screen and (max-width: 991px) {
    .order__aside {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }
}
.order__aside .basket__order {
    margin-left: 0;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .order__aside .basket__order {
        padding: 16px;
        margin-bottom: 0;
        margin-top: 0;
    }
}
.order__polyt {
    margin-top: 12px;
    font-size: 16px;
    color: #8b8b8b;
    display: block;
}

@media only screen and (max-width: 1500px) {
    .order__polyt {
        font-size: 12px;
    }
}
.order__polyt a {
    color: #1273de;
}

.order-promo {
    padding: 24px;
}

@media only screen and (max-width: 991px) {
    .order-promo {
        padding: 16px;
    }
}
.order-promo.active {
    display: none;
}

.order-promo__field {
    margin-bottom: 32px;
    margin-top: 20px;
}

.order-promo__btn {
    height: 72px;
    text-transform: uppercase;
    font-size: 20px;
    background: transparent;
}

@media only screen and (max-width: 1500px) {
    .order-promo__btn {
        height: 50px;
        font-size: 18px;
    }
}
.order__montazh {
    background: #555556;
    padding: 32px;
}

@media only screen and (max-width: 1500px) {
    .order__montazh {
        padding: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .order__montazh {
        margin-bottom: 16px;
    }
}
.order__montazh .radio-parent {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 1500px) {
    .order__montazh .radio-parent {
        flex-direction: column;
    }
}
.order__montazh .radio__text {
    color: #fff;
}

@media only screen and (max-width: 1500px) {
    .order__montazh .radio__text {
        margin-left: 0;
        margin-top: 20px;
    }
}
.order__montazh .radio__text p {
    font-weight: 800;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

@media only screen and (max-width: 1500px) {
    .order__montazh .radio__text p {
        font-size: 18px;
    }
}
.order__montazh .radio__text b {
    font-size: 18px;
    color: #f5f5f5;
    display: block;
    font-weight: 400;
}

@media only screen and (max-width: 991px) {
    .order__montazh .radio__text b {
        font-size: 16px;
    }
}
.overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 12;
    display: none;
}

.overlay.active {
    display: block;
}

.modal-del {
    max-width: 578px;
    width: 100%;
    padding: 40px 28px 32px;
    border-radius: 0;
}

@media only screen and (max-width: 767px) {
    .modal-del {
        padding: 20px;
    }
}
.modal-del .modal__title {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
}

.modal-del .modal__text {
    margin-bottom: 30px;
}

.modal-del .modal__btn {
    width: 262px;
    height: 56px;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .modal-del .modal__btn {
        width: 100%;
    }
}
.modal-pay {
    max-width: 578px;
    width: 100%;
    padding: 40px 32px 32px;
    border-radius: 0;
}

.modal-pay .order-pay {
    padding: 0;
}

.modal-pay .order-pay .radio__text p {
    font-size: 16px;
}

.modal-pay .order-pay .radio__text b {
    font-size: 14px;
}

.modal-pay .order-pay .radio-parent {
    padding: 12px 16px;
}

@media only screen and (max-width: 991px) {
    .modal-pay {
        padding: 20px;
    }
}
.modal-pay .modal__title {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
}

.modal-pay .modal__btn {
    width: 212px;
    height: 56px;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .modal-pay .modal__btn {
        width: 100%;
    }
}
.modal-pay__btns {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

@media only screen and (max-width: 767px) {
    .modal-pay__btns {
        flex-direction: column;
    }
}
.modal-pay__back {
    border: 1px solid #8b8b8b;
    border-radius: 500px;
    padding: 18px 56px;
    width: 181px;
    height: 56px;
    display: flex;
    align-items: center;
    color: #8b8b8b;
    font-size: 18px;
    text-transform: uppercase;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .modal-pay__back {
        width: 100%;
    }
}
.modal-adress {
    margin: 0 auto;
    position: relative;
    padding: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    z-index: 13;
    overflow: scroll;
    height: auto;
    display: none;
    width: 1520px;
}

@media only screen and (max-width: 1500px) {
    .modal-adress {
        width: 90%;
    }
}
@media only screen and (max-width: 991px) {
    .modal-adress {
        width: 100%;
        height: 100%;
    }
}
.modal-adress.active {
    display: block;
}

@media only screen and (max-width: 991px) {
    .modal-adress {
        padding: 20px;
    }
}
.modal-adress__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 20px;
}

@media only screen and (max-width: 991px) {
    .modal-adress__close {
        top: 170px;
        right: 40px;
        z-index: 3;
    }
}
.modal-adress.active {
    display: block;
}

.modal-adress__container {
    padding-top: 50px;
}

@media only screen and (max-width: 991px) {
    .modal-adress__container {
        padding-top: 0;
    }
}
.modal-adress .adress__items {
    display: grid;
    grid-template-columns: 700px 1fr;
}

@media only screen and (max-width: 1500px) {
    .modal-adress .adress__items {
        grid-template-columns: 2fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .modal-adress .adress__items {
        grid-template-columns: 1fr;
    }
}
.modal-adress__btn {
    height: 75px;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .modal-adress__btn {
        height: 60px;
        width: 251px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 1500px) {
    .modal-adress .adress-magazine {
        height: 500px;
    }
}
@media only screen and (max-width: 991px) {
    .modal-adress .adress-magazine {
        height: auto;
    }
}
@media only screen and (max-width: 1500px) {
    .modal-adress .adress__map {
        height: 500px;
    }
}
@media only screen and (max-width: 991px) {
    .modal-adress .adress__map {
        height: 451px;
    }
}
.modal-adress .adress-content__info {
    height: 100%;
}

.modal-adress .adress-magazine__yandex {
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .modal-adress .adress-magazine__swiper {
        max-width: 290px;
        margin: 0;
    }
}
@media only screen and (max-width: 991px) {
    .modal-adress .adress-magazine {
        margin-top: -350px;
        padding-top: 50px;
        margin-right: 10px;
    }
}
.order-success {
    margin-top: 53px;
}

.order-success__inner {
    max-width: 780px;
}

@media only screen and (max-width: 767px) {
    .order-success__inner {
        max-width: 100%;
    }
}
.order-success__title {
    font-size: 42px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
    .order-success__title {
        font-size: 24px;
        margin-bottom: 32px;
    }
}
.order-success__item {
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}

@media only screen and (max-width: 991px) {
    .order-success__item {
        margin-bottom: 24px;
    }
}
.order-success__item:last-child {
    margin-bottom: 0;
}

.order-success__item span {
    font-size: 18px;
    color: #8b8b8b;
}

@media only screen and (max-width: 767px) {
    .order-success__item span {
        font-size: 16px;
    }
}
.order-success__item span b {
    color: #dd5b12;
    font-weight: 400;
}

.order-success__item span a {
    color: #dd5b12;
}

.order-success__btn {
    width: 410px;
    height: 72px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .order-success__btn {
        width: 325px;
        height: 56px;
        font-size: 12px;
    }
}
.order-success__aside p {
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .order-success__aside p {
        font-size: 16px;
    }
}
.order-success__aside span {
    display: flex;
    margin-top: 10px;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .order-success__aside span {
        font-size: 16px;
    }
}
.order-success__aside span b {
    font-weight: 500;
    margin-left: 5px;
    color: #555556;
}

.order-success__foot {
    display: flex;
    align-items: center;
    margin-top: 50px;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .order-success__foot {
        font-size: 14px;
        align-items: flex-start;
        margin-top: 30px;
    }
}
.order-success__foot .order-success__btn {
    width: 257px;
    margin-top: 0;
    margin-right: 20px;
}

@media only screen and (max-width: 991px) {
    .order-success__foot .order-success__btn {
        width: 145px;
        flex-shrink: 0;
        height: 36px;
    }
}
.order-success__bot {
    display: flex;
    align-items: center;
    padding: 16px;
    background: #fffbd2;
    gap: 20px;
    margin-top: 32px;
}

@media only screen and (max-width: 991px) {
    .order-success__bot {
        font-size: 14px;
        align-items: flex-start;
        margin-top: 20px;
        gap: 15px;
    }
}
.showcase-production {
    background: #555556;
    padding-top: 50px;
    padding-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .showcase-production {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production {
        padding: 40px 0 80px;
    }
}
.showcase-production__title {
    color: #fff;
    margin-bottom: 100px;
    max-width: 80%;
}

@media only screen and (max-width: 991px) {
    .showcase-production__title {
        margin-bottom: 30px;
        max-width: 100%;
    }
}
.showcase-production__info {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .showcase-production__info {
        flex-direction: column;
    }
}
.showcase-production__img {
    display: flex;
    align-items: center;
    margin-right: 40px;
    flex-shrink: 0;
    max-width: 560px;
}

@media only screen and (max-width: 1500px) {
    .showcase-production__img {
        max-width: 400px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production__img {
        max-width: 100%;
        justify-content: center;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
}
.showcase-production__content {
    flex-grow: 10;
}

.showcase-production__text p {
    color: #f5f5f5;
    font-size: 20px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .showcase-production__text p {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production__text p {
        font-size: 14px;
        margin-bottom: 29px;
    }
}
.showcase-production__text p:last-child {
    margin-bottom: 0;
}

.showcase-production__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 125px;
    margin-top: 80px;
}

@media only screen and (max-width: 1500px) {
    .showcase-production__items {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        margin-top: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production__items {
        margin-top: 50px;
    }
}
.showcase-production__number {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
    .showcase-production__number {
        font-size: 32px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production__number {
        font-size: 20px;
    }
}
.showcase-production__desc {
    font-size: 18px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1400px) {
    .showcase-production__desc {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .showcase-production__desc {
        font-size: 14px;
    }
}
.prod-info {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .prod-info {
        margin: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .prod-info {
        margin: 60px 0;
    }
}
.prod-info__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
    .prod-info__item {
        grid-template-columns: 1fr;
        padding-bottom: 40px;
        margin-bottom: 40px;
        position: relative;
        grid-gap: 24px;
    }
}
.prod-info__item p.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .prod-info__item p.mobile {
        display: block;
        font-size: 24px;
        font-weight: 700;
        order: -1;
        color: #555556;
        text-transform: uppercase;
    }
}
.prod-info__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.prod-info__img {
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 1500px) {
    .prod-info__img {
        height: 290px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-info__img {
        order: -1;
        height: 184px;
    }
}
.prod-info__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.prod-info__info p {
    color: #555556;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .prod-info__info p {
        font-size: 44px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-info__info p {
        font-size: 24px;
        display: none;
    }
}
.prod-info__text {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
    .prod-info__text {
        margin-top: 0;
    }
}
.prod-info__text span {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .prod-info__text span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-info__text span {
        font-size: 14px;
    }
}
.prod-info__text span:last-child {
    margin-bottom: 0;
}

.prod-work {
    background: #555556;
    color: #fff;
    overflow: hidden;
}

.prod-work__inner {
    padding: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .prod-work__inner {
        padding: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__inner {
        padding: 60px 0;
    }
}
.prod-work__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-bottom: 120px;
}

@media only screen and (max-width: 991px) {
    .prod-work__info {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
    }
}
.prod-work__info p.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .prod-work__info p.mobile {
        display: block;
        font-size: 24px;
        font-weight: 800;
        text-transform: uppercase;
    }
}
.prod-work__img {
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .prod-work__img {
        height: 184px;
    }
}
.prod-work__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.prod-work__content p {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .prod-work__content p {
        font-size: 44px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__content p {
        display: none;
    }
}
.prod-work__text span {
    display: block;
    color: #d7d6d5;
    font-size: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .prod-work__text span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__text span {
        font-size: 14px;
    }
}
.prod-work__container {
    overflow: visible;
}

.prod-work__item {
    margin-right: 50px;
    width: 577px;
}

@media only screen and (max-width: 1500px) {
    .prod-work__item {
        width: 380px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__item {
        width: 225px;
        margin-right: 30px;
    }
}
.prod-work__item:last-child {
    margin-right: 0;
}

.prod-work__image {
    height: 450px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .prod-work__image {
        height: 289px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__image {
        height: 143px;
        margin-bottom: 20px;
    }
}
.prod-work__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 991px) {
    .prod-work__image img {
        border-radius: 14px;
    }
}
.prod-work__aside p {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .prod-work__aside p {
        font-size: 31px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__aside p {
        font-size: 16px;
    }
}
.prod-work__aside span {
    display: block;
    font-size: 18px;
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .prod-work__aside span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-work__aside span {
        font-size: 12px;
    }
}
.eco {
    background: #f5f5f5;
}

.eco__inner {
    padding: 70px 0;
}

@media only screen and (max-width: 1500px) {
    .eco__inner {
        padding: 40px 0;
    }
}
.eco__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
}

@media only screen and (max-width: 991px) {
    .eco__items {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}
.eco__item {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .eco__item {
        flex-direction: column;
        align-items: flex-start;
    }
}
.eco__logo {
    display: flex;
    align-items: center;
    margin-right: 30px;
    flex-shrink: 0;
}

@media only screen and (max-width: 1500px) {
    .eco__logo {
        margin-right: 0;
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .eco__logo {
        margin-bottom: 15px;
    }
}
.eco__info p {
    font-size: 23px;
    margin-bottom: 5px;
    color: #555556;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .eco__info p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .eco__info p {
        font-size: 18px;
    }
}
.eco__info span {
    color: #8b8b8b;
    font-size: 18px;
    display: block;
}

@media only screen and (max-width: 1500px) {
    .eco__info span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .eco__info span {
        font-size: 12px;
    }
}
.product-projects {
    display: none;
}

.product-projects__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 991px) {
    .product-projects__items {
        grid-template-columns: 1fr 1fr;
    }
}
.product-projects__img {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .product-projects__img {
        margin-bottom: 10px;
        width: 100%;
    }

    .product-projects__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.product-projects__text p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

@media only screen and (max-width: 991px) {
    .product-projects__text p {
        font-size: 14px;
    }
}
.product-projects__text span {
    font-size: 18px;
    display: block;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .product-projects__text span {
        font-size: 12px;
    }
}
.product-prod__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .product-prod__inner {
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .product-prod__inner {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.product-prod__image {
    display: flex;
    align-items: center;
    width: 100%;
}

.product-prod__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.product-prod__title {
    color: #555556;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 66px;
}

@media only screen and (max-width: 1500px) {
    .product-prod__title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .product-prod__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.product-prod__item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.product-prod__item p {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .product-prod__item p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-prod__item p {
        font-size: 14px;
    }
}
.product-prod__item:last-child {
    margin-bottom: 0;
}

.product-prod__img {
    display: flex;
    align-items: center;
    width: 90px;
    height: 90px;
    justify-content: center;
    margin-right: 20px;
}

@media only screen and (max-width: 1500px) {
    .product-prod__img {
        width: 70px;
        height: 70px;
    }
}
@media only screen and (max-width: 991px) {
    .product-prod__img {
        flex-shrink: 0;
        width: 50px;
        height: 50px;
    }
}
.prod-source {
    background: #555556;
    color: #fff;
    margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
    .prod-source {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source {
        margin-bottom: 50px;
    }
}
.prod-source__inner {
    padding: 100px 0;
}

@media only screen and (max-width: 1500px) {
    .prod-source__inner {
        padding: 70px 0;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__inner {
        padding: 50px 0 80px;
    }
}
.prod-source__title {
    color: #fff;
    font-size: 48px;
    margin-bottom: 100px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .prod-source__title {
        font-size: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__title {
        margin-bottom: 50px;
        font-size: 18px;
    }
}
.prod-source__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px 40px;
}

@media only screen and (max-width: 767px) {
    .prod-source__items {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }
}
.prod-source__item {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .prod-source__item {
        display: block;
    }
}
.prod-source__img {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

@media only screen and (max-width: 1500px) {
    .prod-source__img {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__img {
        margin-bottom: 20px;
    }
}
.prod-source__name {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1500px) {
    .prod-source__name {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__name {
        font-size: 20px;
    }
}
.prod-source__text {
    font-size: 24px;
    color: #d7d6d5;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .prod-source__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__text {
        font-size: 14px;
        margin-bottom: 15px;
    }
}
.prod-source__date {
    color: #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .prod-source__date {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-source__date {
        font-size: 14px;
    }
}
.prod-source__date span {
    color: #fff;
    font-weight: 700;
}

.prod-how {
    margin-bottom: 200px;
}

@media only screen and (max-width: 1500px) {
    .prod-how {
        margin-bottom: 150px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how {
        margin-bottom: 100px;
    }
}
.prod-how__title {
    font-size: 40px;
    margin-bottom: 40px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .prod-how__title {
        font-size: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.prod-how__desc {
    font-size: 24px;
    color: #8b8b8b;
    margin-bottom: 64px;
}

@media only screen and (max-width: 1500px) {
    .prod-how__desc {
        font-size: 20px;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__desc {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
.prod-how__items {
    display: flex;
    align-items: flex-start;
    margin-bottom: 120px;
}

@media only screen and (max-width: 1500px) {
    .prod-how__items {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__items {
        display: block;
        margin-bottom: 60px;
    }
}
.prod-how__text {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .prod-how__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__text {
        font-size: 14px;
    }
}
.prod-how__item {
    flex-shrink: 0;
    margin-right: 40px;
}

@media only screen and (max-width: 991px) {
    .prod-how__item {
        margin-right: 0;
        display: flex;
        align-items: center;
        gap: 40px;
        margin-bottom: 30px;
    }
}
.prod-how__img {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .prod-how__img {
        margin-bottom: 0;
    }
}
.prod-how__img:last-child {
    margin-bottom: 0;
}

.prod-how__img span {
    display: block;
    font-size: 24px;
    color: #8b8b8b;
    margin-top: 10px;
}

@media only screen and (max-width: 1500px) {
    .prod-how__img span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__img span {
        font-size: 14px;
    }
}
.prod-how__image {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1500px) {
    .prod-how__image {
        height: 552px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-how__image {
        height: auto;
    }
}
.sender {
    margin-bottom: 200px;
}

@media only screen and (max-width: 1500px) {
    .sender {
        margin-bottom: 156px;
    }
}
@media only screen and (max-width: 991px) {
    .sender {
        margin-bottom: 50px;
    }
}
.sender__title {
    font-size: 40px;
    margin-bottom: 90px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .sender__title {
        font-size: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.sender__items {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .sender__items {
        overflow: auto;
        margin-right: -20px;
        padding-right: 20px;
    }

    .sender__items::-webkit-scrollbar {
        display: none;
    }
}
.sender__item {
    max-width: 370px;
    width: 100%;
    margin-right: 120px;
}

@media only screen and (max-width: 1500px) {
    .sender__item {
        max-width: 250px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__item {
        max-width: 220px;
        flex-shrink: 0;
        width: 220px;
        margin-right: 61px;
    }
}
.sender__item:last-child {
    max-width: 470px;
}

@media only screen and (max-width: 991px) {
    .sender__item:last-child {
        width: 300px;
    }
}
.sender__item:last-child {
    margin-right: 0;
}

.sender__item:last-child .sender__img::before {
    display: none;
}

.sender__img {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    height: 240px;
}

@media only screen and (max-width: 1500px) {
    .sender__img {
        height: 160px;
        width: 160px;
    }
}
.sender__img:before {
    content: "";
    display: block;
    position: absolute;
    width: 151px;
    height: 28px;
    background: url("/local/templates/swgshop/css/../images/arrow-sender.svg");
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: -78px;
}

@media only screen and (max-width: 1500px) {
    .sender__img:before {
        width: 100px;
        height: 19px;
        right: -150px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__img:before {
        width: 79px;
        height: 15px;
        right: -104px;
    }
}
.sender__step {
    color: #8b8b8b;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1500px) {
    .sender__step {
        font-size: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__step {
        font-size: 20px;
    }
}
.sender__step--small {
    font-size: 24px;
}

@media only screen and (max-width: 1500px) {
    .sender__step--small {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__step--small {
        font-size: 14px;
    }
}
.sender__text {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .sender__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .sender__text {
        font-size: 16px;
    }
}
.sender__text--small {
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .sender__text--small {
        font-size: 12px;
    }
}
.prod-tabs {
    background: #f5f5f5;
    padding: 100px 0;
}

@media only screen and (max-width: 991px) {
    .prod-tabs {
        padding: 30px 0 0px;
    }
}
.prod-tabs__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    position: relative;
    overflow-x: scroll;
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1500px) {
    .prod-tabs__top {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-tabs__top {
        margin-right: -20px;
    }
}
.prod-tabs__top::-webkit-scrollbar {
    display: none;
}

.prod-tabs__top--item {
    color: #555556;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    margin-right: 45px;
    cursor: pointer;
}

@media only screen and (max-width: 1500px) {
    .prod-tabs__top--item {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-tabs__top--item {
        margin-right: 20px;
    }
}
.prod-tabs__top--item:last-child {
    margin-right: 0;
}

.prod-tabs__top--item.active::before {
    opacity: 1;
}

.prod-tabs__top--item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dd5b12;
    bottom: -20px;
    z-index: 1;
    opacity: 0;
}

@media only screen and (max-width: 1500px) {
    .prod-tabs__top--item:before {
        bottom: -15px;
    }
}
.prod-tabs__content {
    display: none;
}

.prod-tabs__content.active {
    display: block;
}

.prod-tabs__img {
    display: flex;
    align-items: center;
    width: 350px;
    height: 350px;
    flex-shrink: 0;
    justify-content: center;
}

@media only screen and (max-width: 1500px) {
    .prod-tabs__img {
        width: 350px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-tabs__img {
        width: 200px;
        justify-content: center;
        height: 200px;
        margin: 0 auto;
    }
}
.prod-tabs__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .prod-tabs__items {
        display: block;
    }
}
.prod-tabs__text {
    font-size: 20px;
    margin-left: 40px;
}

@media only screen and (max-width: 1500px) {
    .prod-tabs__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .prod-tabs__text {
        margin-left: 0;
        padding-top: 0;
        margin-top: 30px;
    }
}
.prod-video {
    margin: 200px 0;
}

@media only screen and (max-width: 1500px) {
    .prod-video {
        margin: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .prod-video {
        margin: 40px 0 70px;
    }
}
.prod-video__title {
    margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
    .prod-video__title {
        margin-bottom: 30px;
    }
}
.prod-video__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 42px;
}

@media only screen and (max-width: 1400px) {
    .prod-video__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .prod-video__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.prod-video__item {
    display: flex;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
}

.prod-video__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.prod-video__item iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-product {
    margin-top: 100px;
}

.catalog-product__title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
    .catalog-product__title {
        font-size: 36px;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-product__title {
        font-size: 18px;
        margin-bottom: 40px;
    }
}
.catalog-product__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px 40px;
}

@media only screen and (max-width: 991px) {
    .catalog-product__items {
        display: flex;
        align-items: flex-start;
        overflow-x: scroll;
        margin-right: -20px;
        padding-right: 20px;
        margin-left: -20px;
        padding-left: 20px;
    }

    .catalog-product__items::-webkit-scrollbar {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-product__item {
        min-width: 230px;
    }
}
.catalog-product__img {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 68px;
}

@media only screen and (max-width: 1500px) {
    .catalog-product__img {
        height: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-product__img {
        width: 45px;
        height: 45px;
    }
}
.catalog-product__name {
    color: #555556;
    font-size: 32px;
    font-weight: 700;
    line-height: 131.4%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .catalog-product__name {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-product__name {
        font-size: 16px;
    }
}
.catalog-product__text {
    color: #8b8b8b;
    font-size: 24px;
    font-weight: 400;
    line-height: 131.4%;
}

@media only screen and (max-width: 1500px) {
    .catalog-product__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-product__text {
        font-size: 14px;
    }
}
.catalog-control {
    background: #555556;
    color: #fff;
    margin-bottom: 200px;
}

@media only screen and (max-width: 1500px) {
    .catalog-control {
        margin-bottom: 150px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-control {
        margin-bottom: 80px;
    }
}
.catalog-control__inner {
    padding: 150px 0;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__inner {
        padding: 100px 0;
    }
}
.catalog-control__title {
    color: #fff;
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .catalog-control__title {
        margin-bottom: 40px;
    }
}
.catalog-control__top {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.catalog-control__img {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__img {
        width: 210px;
        height: 210px;
        margin-right: 70px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-control__img {
        width: 95px;
        height: 95px;
        margin-right: 30px;
        flex-shrink: 0;
    }
}
.catalog-control__item {
    margin-bottom: 151px;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__item {
        margin-bottom: 90px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-control__item {
        margin-bottom: 60px;
    }
}
.catalog-control__item.margin {
    margin-bottom: 0;
}

.catalog-control__name {
    font-size: 44px;
    text-transform: uppercase;
    color: #d7d6d5;
    max-width: 660px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__name {
        max-width: 560px;
        font-size: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-control__name {
        max-width: 100%;
        font-size: 16px;
    }
}
.catalog-control__desc {
    margin-bottom: 80px;
}

@media only screen and (max-width: 991px) {
    .catalog-control__desc {
        margin-bottom: 30px;
    }
}
.catalog-control__desc p {
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .catalog-control__desc p {
        font-size: 14px;
    }
}
.catalog-control__desc span {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 991px) {
    .catalog-control__desc span {
        font-size: 14px;
        margin-top: 10px;
    }
}
.catalog-control__grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
}

@media only screen and (max-width: 991px) {
    .catalog-control__grids {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
.catalog-control__grid {
    display: flex;
    align-items: flex-start;
}

.catalog-control__number {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    margin-right: 33px;
    line-height: 1;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__number {
        font-size: 68px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-control__number {
        font-size: 48px;
    }
}
.catalog-control__text {
    font-size: 24px;
    position: relative;
    color: #d7d6d5;
    padding-left: 23px;
}

@media only screen and (max-width: 1500px) {
    .catalog-control__text {
        font-size: 16px;
    }
}
.catalog-control__text:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 2px;
    height: 100%;
    background: #dd5b12;
}

.catalog-how {
    margin-bottom: 257px;
}

@media only screen and (max-width: 1500px) {
    .catalog-how {
        margin-bottom: 157px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-how {
        margin-bottom: 100px;
    }
}
.catalog-how__items {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 991px) {
    .catalog-how__items {
        flex-direction: column;
        gap: 25px;
    }
}
.catalog-how__img {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    margin-right: 40px;
}

@media only screen and (max-width: 1500px) {
    .catalog-how__img {
        height: 339px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-how__img {
        height: auto;
    }
}
.catalog-how__text {
    font-size: 24px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .catalog-how__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-how__text {
        font-size: 14px;
    }
}
.services {
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px) {
    .services {
        margin-bottom: 50px;
        margin-top: 24px;
    }
}
.services .train__item {
    height: 577px;
}

@media only screen and (max-width: 1500px) {
    .services .train__item {
        width: 320px;
        height: 320px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .services .train__item {
        width: 225px;
        height: 225px;
        margin-right: 30px;
    }
}
.services__title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .services__title {
        font-size: 28px;
        margin-bottom: 24px;
    }
}
.services__text {
    max-width: 943px;
    font-size: 20px;
    color: #8b8b8b;
    margin-left: auto;
    margin-bottom: 80px;
}

@media only screen and (max-width: 1500px) {
    .services__text {
        max-width: 70%;
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .services__text {
        font-size: 16px;
        margin-bottom: 40px;
        max-width: 100%;
    }
}
.services__subtitle {
    margin-bottom: 40px;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .services__subtitle {
        font-size: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .services__subtitle {
        font-size: 24px;
        margin-bottom: 50px;
    }
}
.services-support {
    margin-bottom: 80px;
    display: flex;
    align-items: flex-start;
}

.services-support.margin {
    margin-bottom: 90px;
}

@media only screen and (max-width: 991px) {
    .services-support.margin {
        margin-bottom: 64px;
    }
}
@media only screen and (max-width: 1500px) {
    .services-support {
        align-items: flex-start;
    }
}
@media only screen and (max-width: 991px) {
    .services-support {
        flex-direction: column;
        margin-bottom: 40px;
    }
}
.services-support__text {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .services-support__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .services-support__text {
        font-size: 16px;
    }
}
.services-support__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 20px;
}

@media only screen and (max-width: 1400px) {
    .services-support__img {
        height: 236px;
    }
}
@media only screen and (max-width: 991px) {
    .services-support__img {
        height: auto;
        margin-left: 0;
        margin-top: 20px;
    }
}
.services-support__grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 991px) {
    .services-support__grids {
        grid-template-columns: 1fr;
        margin-bottom: 30px;
    }
}
.services-support__icon {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    height: 53px;
}

.services-support__name {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .services-support__name {
        font-size: 26px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .services-support__name {
        font-size: 20px;
        margin-bottom: 12px;
    }
}
.services-support__description {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .services-support__description {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .services-support__description {
        font-size: 16px;
    }
}
.service-object__title {
    font-size: 42px;
    color: #555556;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .service-object__title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .service-object__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.service-object__text {
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .service-object__text {
        font-size: 16px;
        margin-bottom: 30px;
    }
}
.service-object__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media only screen and (max-width: 991px) {
    .service-object__items {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}
.service-object__item {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
}

@media only screen and (max-width: 991px) {
    .service-object__item {
        padding: 30px 30px;
        margin: 0 -20px;
        border-radius: 0;
    }
}
.service-object__grid {
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 30px 20px;
    border-radius: 20px;
}

@media only screen and (max-width: 991px) {
    .service-object__grid {
        padding: 30px 30px;
        margin: 0 -20px;
        border-radius: 0;
        margin-bottom: 30px;
    }
}
.service-object__grid:last-child {
    margin-bottom: 0;
}

.service-object__number {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .service-object__number {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .service-object__number {
        font-size: 22px;
    }
}
.service-object__desc {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .service-object__desc {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .service-object__desc {
        font-size: 16px;
    }
}
.services-option {
    margin: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .services-option {
        margin: 80px 0;
    }
}
@media only screen and (max-width: 991px) {
    .services-option {
        margin: 48px 0;
    }
}
.services-option__title {
    font-size: 42px;
    margin-bottom: 60px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .services-option__title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}
.services-option .prod-info__item {
    align-items: flex-start;
}

.services-option .prod-info__info p {
    font-size: 32px;
    text-transform: inherit;
}

@media only screen and (max-width: 991px) {
    .services-option .prod-info__info p {
        display: block;
        font-size: 22px;
        margin-bottom: 10px;
    }
}
.services-option .prod-info__text {
    font-size: 20px;
}

.services-option .prod-info__text li {
    padding-left: 10px;
}

.services-adva {
    background: #f5f5f5;
}

.services-adva__inner {
    padding: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .services-adva__inner {
        padding: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .services-adva__inner {
        padding: 50px 0 70px;
    }
}
.services-adva__title {
    margin-bottom: 60px;
    font-size: 42px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .services-adva__title {
        margin-bottom: 52px;
        font-size: 24px;
    }
}
.services-adva .catalog-product__text {
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .services-adva .catalog-product__text {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .services-adva .catalog-product__name {
        font-size: 22px;
    }
}
.service-mont {
    background: #555556;
    color: #fff;
}

.service-mont__inner {
    padding: 120px 0;
}

@media only screen and (max-width: 1500px) {
    .service-mont__inner {
        padding: 100px 0;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__inner {
        padding: 60px 0;
    }
}
.service-mont__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .service-mont__items {
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__items {
        grid-template-columns: 1fr;
    }
}
.service-mont__item {
    border: 3px solid #dd5b12;
    padding: 40px;
}

@media only screen and (max-width: 1500px) {
    .service-mont__item {
        padding: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__item {
        padding: 30px 15px;
        border: 2px solid #dd5b12;
    }
}
.service-mont__name {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .service-mont__name {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__name {
        font-size: 24px;
        margin-bottom: 5px;
    }
}
.service-mont__text {
    height: 90px;
    font-size: 20px;
    color: #d7d6d5;
    margin-bottom: 38px;
}

@media only screen and (max-width: 1500px) {
    .service-mont__text {
        font-size: 16px;
        height: 120px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__text {
        font-size: 16px;
        height: auto;
        margin-bottom: 20px;
    }
}
.service-mont__label {
    font-size: 20px;
    margin-bottom: 3px;
}

@media only screen and (max-width: 1500px) {
    .service-mont__label {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__label {
        margin-bottom: 5px;
    }
}
.service-mont__year {
    font-size: 54px;
    line-height: 1.1;
    font-weight: 800;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .service-mont__year {
        font-size: 42px;
    }
}
@media only screen and (max-width: 991px) {
    .service-mont__year {
        font-size: 28px;
        line-height: 1;
    }
}
.services-contact {
    background: #f5f5f5;
}

.services-contact__inner {
    padding: 72px 0 136px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__inner {
        padding: 60px 0 72px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__inner {
        padding: 35px 0 60px;
    }
}
.services-contact__title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__title {
        font-size: 36px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__title {
        font-size: 18px;
        margin-bottom: 24px;
    }
}
.services-contact__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
}

@media only screen and (max-width: 991px) {
    .services-contact__items {
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }
}
.services-contact__item {
    background: #fff;
    padding: 35px 40px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__item {
        padding: 35px 30px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__item {
        padding: 30px 15px;
    }
}
.services-contact__name {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__name {
        font-size: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__name {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
.services-contact__text {
    color: #8b8b8b;
    font-size: 20px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__text {
        font-size: 14px;
    }
}
.services-contact__work {
    margin-bottom: 38px;
    font-size: 20px;
    color: #8b8b8b;
    margin-top: 60px;
}

@media only screen and (max-width: 1500px) {
    .services-contact__work {
        font-size: 18px;
        margin-top: 49px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__work {
        font-size: 14px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.services-contact__mail,
.services-contact__number {
    font-size: 32px;
    font-weight: 700;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .services-contact__mail,
    .services-contact__number {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .services-contact__mail,
    .services-contact__number {
        font-size: 20px;
    }
}
.services-contact__mail {
    margin-top: 20px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .services-contact__mail {
        margin-top: 25px;
    }
}
.privacy {
    margin-top: 20px;
    margin-bottom: 186px;
}

@media only screen and (max-width: 991px) {
    .privacy {
        margin-bottom: 64px;
    }
}
.privacy__title {
    margin-bottom: 64px;
}

@media only screen and (max-width: 991px) {
    .privacy__title {
        margin-bottom: 24px;
        font-size: 24px;
    }
}
.privacy__item {
    margin-bottom: 104px;
}

@media only screen and (max-width: 1500px) {
    .privacy__item {
        margin-bottom: 64px;
    }
}
@media only screen and (max-width: 991px) {
    .privacy__item {
        margin-bottom: 30px;
    }
}
.privacy__item:last-child {
    margin-bottom: 0;
}

.privacy__head {
    margin-bottom: 32px;
}

@media only screen and (max-width: 991px) {
    .privacy__head {
        margin-bottom: 24px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgb(85, 85, 86);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .privacy__head.active img {
        transform: rotate(90deg);
    }
}
.privacy__head span {
    display: flex;
    align-items: flex-start;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .privacy__head span {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .privacy__head span {
        font-size: 16px;
    }
}
.privacy__head span strong {
    margin-right: 3px;
}

.privacy__head img {
    display: none;
}

@media only screen and (max-width: 991px) {
    .privacy__head img {
        display: block;
        transition: 300ms;
    }
}
.privacy__body {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .privacy__body {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .privacy__body {
        font-size: 16px;
        display: none;
    }

    .privacy__body.active {
        display: block;
    }
}
.privacy__date {
    margin-top: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .privacy__date {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .privacy__date {
        font-size: 16px;
        margin-top: 20px;
    }
}
.wrapper-logout {
    background: #f5f5f5;
    height: 100%;
    min-height: 100vh;
}

@media only screen and (max-width: 767px) {
    .wrapper-logout {
        background: #fff;
    }
}
.logout-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 110px 0;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .logout-page {
        padding: 30px 16px;
    }
}
.logout-page .popup__inner {
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .logout-page .popup__inner {
        padding: 0;
        max-width: 100%;
    }
}
.popup {
    padding: 0;
    position: relative;
    display: none;
}

.popup__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.popup__sub {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.popup__info {
    text-align: center;
    margin: 0 0 20px;
}

.popup__back {
    border: 1px solid #8b8b8b;
    color: #8b8b8b;
}

.popup__back:hover {
    background: #fff;
    color: #dd5b12;
    border: 1px solid #dd5b12;
}

.popup-mail {
    display: none;
}

.popup-registr {
    display: none;
}

.popup-pass {
    display: none;
}

.popup-pass .popup__title {
    margin-bottom: 20px;
}

.popup-pass .popup__text {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .popup {
        height: 100%;
    }
}
.popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.popup .fancybox-button {
    display: none;
}

.popup__inner {
    max-width: 453px;
    padding: 42px 32px 20px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .popup__inner {
        padding: 90px 20px;
        height: 100%;
    }
}
.popup__text {
    margin-bottom: 20px;
}

.popup__title {
    font-weight: 800;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.popup__field {
    margin-bottom: 25px;
    display: block;
}

.popup__field .err {
    font-size: 12px;
    color: #ca1313;
}

.popup__input {
    position: relative;
}

.popup__input .password__control {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
}

.popup__input .password-view {
    display: none;
}

.popup__input input {
    border: none;
    width: 100%;
    background: none;
    border-bottom: 1px solid #555556;
    padding-bottom: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #555556;
    position: relative;
    z-index: 1;
}

.popup__input input.field-err {
    border-bottom: 1px solid #ca1313;
}

.popup__input input:focus ~ .placeholder {
    bottom: 30px;
    font-size: 12px;
    transition: 400ms;
}

.popup__input input:disabled ~ .placeholder {
    bottom: 30px;
    font-size: 12px;
    transition: 400ms;
}

.popup__input input:not(:focus):valid ~ .placeholder {
    bottom: 30px;
    font-size: 12px;
    transition: 400ms;
}

.popup__input .placeholder {
    position: absolute;
    left: 0;
    bottom: 10px;
    cursor: pointer;
}

.popup__link {
    font-size: 14px;
    line-height: 140%;
    color: #1273de;
    margin-bottom: 20px;
    margin-top: -15px;
    display: flex;
}

.popup__btn {
    font-size: 16px;
    text-transform: uppercase;
    height: 56px;
    margin-bottom: 20px;
}

.popup__desc {
    text-align: center;
    margin-bottom: 20px;
}

.popup__socials {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .popup__socials {
        grid-template-columns: 1fr;
    }
}
.popup__socials li a {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 48px;
    gap: 5px;
    border-radius: 500px;
    border: 1px solid #d7d6d5;
}

@media only screen and (max-width: 767px) {
    .popup__socials li a {
        justify-content: center;
    }
}
.popup__acc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.popup__acc a {
    color: #1274dd;
    margin-left: 10px;
}

.popup__conf {
    text-align: center;
    font-size: 14px;
    color: #8b8b8b;
}

.popup__conf a {
    color: #1274dd;
    display: inline;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

@media only screen and (max-width: 991px) {
    .pagination {
        gap: 8px;
    }
}
.pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #8b8b8b;
    font-size: 18px;
    font-weight: 400;
}

.pagination .next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #8b8b8b;
    font-size: 18px;
    font-weight: 400;
}

.pagination .next svg {
    stroke: #8b8b8b;
    fill: none;
    width: 20px;
    height: 20px;
    transition: 400ms;
}

.pagination .prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #8b8b8b;
    font-size: 18px;
    font-weight: 400;
}

.pagination .prev svg {
    stroke: #8b8b8b;
    fill: none;
    width: 20px;
    height: 20px;
    transition: 400ms;
}

.pagination .next a {
    border: 0;
}

.pagination .prev a {
    border: 0;
}

.pagination .next a:hover,
.pagination .prev a:hover {
    border: 0;
}

.pagination .next a:hover svg {
    stroke: #dd5b12;
}

.pagination .prev a:hover svg {
    stroke: #dd5b12;
}

.pagination li.active {
    width: 64px;
    height: 64px;
    color: #ff823d;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dd5b12;
    font-weight: 700;
    border-radius: 50%;
    color: #dd5b12;
    transition: 400ms;
}

@media only screen and (max-width: 991px) {
    .pagination li a {
        width: 48px;
        height: 48px;
        font-size: 16px;
    }
}
.pagination li a:hover {
    border: 1px solid #dd5b12;
    font-weight: 700;
    color: #dd5b12;
    transition: 400ms;
}

.pagination li a:hover svg {
    stroke: #8b8b8b;
    fill: none;
    width: 20px;
    height: 20px;
    transition: 400ms;
}

@media only screen and (max-width: 991px) {
    .pagination li a svg {
        width: 16px;
        height: 16px;
    }
}
.pagination li.next {
    transform: rotate(180deg);
}

.pagination .disabled {
    pointer-events: none;
}

.pagination .prev:hover,
.pagination .next:hover {
    border: 1px solid #dd5b12;
}

@media only screen and (max-width: 991px) {
    .pagination .prev,
    .pagination .next,
    .pagination li.active {
        width: 48px;
        height: 48px;
    }
}
.product-single {
    display: grid;
    grid-template-columns: 577px 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .product-single {
        grid-template-columns: 550px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .product-single {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.product-single__slider {
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .product-single__slider {
        overflow: hidden;
        margin-bottom: 30px;
    }
}
.product-single__container {
    max-width: 380px;
}

.product-single__item {
    justify-content: center;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
}

.product-single__item.swiper-slide-thumb-active {
    border: 1px solid #555556;
}

.product-single__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    bottom: 50px;
    width: 79%;
    margin: 0 auto;
}

@media only screen and (max-width: 991px) {
    .product-single__buttons {
        display: none;
    }
}
.product-single__next,
.product-single__prev {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.product-single__article {
    color: #8b8b8b;
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

@media only screen and (max-width: 1500px) {
    .product-single__article {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__article {
        display: none;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__info {
        display: flex;
        flex-direction: column;
    }
}
.product-single__name {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1500px) {
    .product-single__name {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__name {
        display: none;
        font-size: 24px;
        margin-bottom: 7px;
    }
}
.product-single__text {
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 44px;
}

@media only screen and (max-width: 1500px) {
    .product-single__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__text {
        order: -1;
        margin-bottom: 15px;
    }
}
.product-single__content {
    margin-bottom: 30px;
}

.product-single__content .white {
    border: 1px solid #555556;
}

.product-single__content .product-spec__item {
    margin-bottom: 20px;
}

.product-single__more {
    font-weight: 700;
    font-size: 16px;
    color: #dd5b12;
    border-bottom: 1px solid #dd5b12;
}

.product-single__price {
    display: flex;
    align-items: center;
    margin-top: 64px;
    font-weight: 700;
    font-size: 42px;
    line-height: 128%;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1500px) {
    .product-single__price {
        font-size: 32px;
        margin-top: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__price {
        order: -1;
        margin-top: 0;
    }
}
.product-single__price--old {
    color: #555556;
    font-size: 23px;
    margin-right: 20px;
    font-weight: 400;
    text-decoration: line-through;
}

@media only screen and (max-width: 991px) {
    .product-single__price--old {
        font-size: 16px;
        margin-right: 15px;
    }
}
.product-single__price--new {
    color: #dd5b12;
}

.product-single__btn {
    max-width: 392px;
    height: 72px;
    font-size: 20px;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .product-single__btn {
        max-width: 330px;
        height: 64px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .product-single__btn {
        order: -1;
        margin-top: 0;
        margin-bottom: 32px;
    }
}
.product-single__mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .product-single__mobile {
        display: block;
    }

    .product-single__mobile .product-single__article {
        display: block;
    }

    .product-single__mobile .product-single__name {
        display: block;
    }
}
.loader {
    width: 32px;
    height: 32px;
    border: 3px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    display: none;
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.home-news {
    margin-bottom: 80px;
}

.home-news__title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .home-news__title {
        margin-bottom: 24px;
    }
}
.home-news__buttons {
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: flex-end;
}

.home-news__prev,
.home-news__next {
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .home-news__prev,
    .home-news__next {
        width: 40px;
        height: 40px;
    }
}
.home-news__prev.swiper-button-disabled,
.home-news__next.swiper-button-disabled {
    visibility: hidden;
    opacity: 0;
}

.home-news__prev {
    transform: rotate(180deg);
    margin-right: 30px;
}

@media only screen and (max-width: 991px) {
    .home-news__prev {
        margin-right: 15px;
    }
}
.razdel-catalog {
    margin-top: 20px;
    margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
    .razdel-catalog {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .razdel-catalog {
        margin-bottom: 60px;
    }
}
.razdel-catalog__title {
    margin-bottom: 30px;
}

.razdel-catalog__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media only screen and (max-width: 1500px) {
    .razdel-catalog__items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .razdel-catalog__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
}
.razdel-catalog__img {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.razdel-catalog__name {
    font-size: 23px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .razdel-catalog__name {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .razdel-catalog__name {
        font-size: 14px;
    }
}
.lk {
    margin-top: 25px;
    margin-bottom: 140px;
}

@media only screen and (max-width: 991px) {
    .lk {
        margin-top: 14px;
        margin-bottom: 80px;
    }
}
.lk__title {
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .lk__title {
        margin-bottom: 16px;
    }
}
.lk__top {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d7d6d5;
}

@media only screen and (max-width: 991px) {
    .lk__top {
        padding-bottom: 12px;
        margin-bottom: 20px;
    }
}
.lk__back {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media only screen and (max-width: 991px) {
    .lk__back {
        gap: 5px;
    }
}
.lk__back span {
    font-size: 20px;
    display: block;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .lk__back span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .lk__back span {
        font-size: 16px;
    }
}
.lk__back img {
    width: 13px;
    height: 13px;
}

.lk__container {
    display: grid;
    grid-template-columns: 330px 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .lk__container {
        grid-template-columns: 214px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .lk__container {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .lk__nav {
        display: none;
    }
}
.lk__nav li {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .lk__nav li {
        height: 54px;
    }
}
.lk__nav li.active a {
    color: #dd5b12;
}

.lk__nav li.active::before {
    opacity: 1;
    visibility: visible;
}

.lk__nav li a {
    font-size: 20px;
    color: #555556;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .lk__nav li a {
        font-size: 18px;
    }
}
.lk__nav li:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    width: 4px;
    right: 0;
    background: #dd5b12;
    opacity: 0;
    visibility: hidden;
}

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

.lk__list {
    position: relative;
}

.lk__list:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    background: transparent;
    width: 100%;
    height: 20px;
}

.lk__list:hover .lk__list--dropdown {
    opacity: 1;
    visibility: visible;
}

.lk__list--info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lk__list--info:hover svg {
    stroke: #dd5b12;
    transform: rotate(180deg);
}

.lk__list--info:hover span {
    color: #dd5b12;
}

.lk__list--info span {
    display: block;
    transition: 300ms;
}

.lk__list--info svg {
    width: 16px;
    height: 10px;
    fill: none;
    stroke: #555556;
    margin-left: 10px;
    transition: 300ms;
}

.lk__list--dropdown {
    position: absolute;
    right: 0;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    background: #fff;
    z-index: 1;
    top: 110%;
    width: 210px;
    opacity: 0;
    visibility: hidden;
}

.lk__list--dropdown span {
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lk__list--dropdown span.active {
    background: #f5f5f5;
}

.lk__list--dropdown span:active {
    background: #d7d6d5;
}

.lk-cabinet__top {
    display: flex;
    align-items: center;
    height: 228px;
    background: #f5f5f5;
    position: relative;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__top {
        height: 222px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__top {
        height: auto;
        flex-direction: column-reverse;
        margin: 0 -20px;
        margin-bottom: 20px;
    }
}
.lk-cabinet__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width: 991px) {
    .lk-cabinet__img {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width: 1500px) {
    .lk-cabinet__img img {
        display: none;
    }
}
.lk-cabinet__img img.tablet {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__img img.tablet {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__img img.tablet {
        display: none;
    }
}
.lk-cabinet__img img.mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .lk-cabinet__img img.mobile {
        display: block;
    }
}
@media only screen and (max-width: 1500px) {
    .lk-cabinet__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.lk-cabinet__info {
    max-width: 615px;
    padding: 32px;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__info {
        max-width: 400px;
        padding: 28px;
    }
}
.lk-cabinet__subtitle {
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
    color: #555556;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__subtitle {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__subtitle {
        font-size: 18px;
        margin-bottom: 16px;
    }
}
.lk-cabinet__subtitle span {
    color: #dd5b12;
    font-weight: 800;
}

.lk-cabinet__text {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 24px;
    color: #dd5b12;
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__text {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__text {
        font-size: 18px;
    }
}
.lk-cabinet__promo {
    color: #8b8b8b;
    font-size: 18px;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__promo {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__promo {
        font-size: 14px;
    }
}
.lk-cabinet__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .lk-cabinet__items {
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
}
.lk-cabinet__item {
    display: flex;
    align-items: center;
    height: 88px;
    background: #f5f5f5;
    padding: 25px;
    gap: 20px;
    transition: 300ms;
    cursor: pointer;
}

.lk-cabinet__item.exit {
    display: none;
}

@media only screen and (max-width: 991px) {
    .lk-cabinet__item.exit {
        display: flex;
    }
}
@media only screen and (max-width: 767px) {
    .lk-cabinet__item {
        height: 64px;
        grid-gap: 12px;
    }
}
.lk-cabinet__item:hover .lk-cabinet__desc {
    color: #dd5b12;
}

.lk-cabinet__item:active {
    background: #d7d6d5;
}

.lk-cabinet__icon {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .lk-cabinet__icon {
        width: 31px;
        height: 31px;
    }
}
.lk-cabinet__desc {
    font-size: 23px;
    font-weight: 700;
    transition: 300ms;
}

@media only screen and (max-width: 1500px) {
    .lk-cabinet__desc {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-cabinet__desc {
        font-size: 18px;
    }
}
.lk-order__items {
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .lk-order__items {
        margin: 0 -20px;
        margin-bottom: 20px;
    }
}
.lk-order__item {
    margin-bottom: 40px;
    background: #f5f5f5;
    padding: 28px;
}

@media only screen and (max-width: 991px) {
    .lk-order__item {
        padding: 16px 20px;
        margin-bottom: 16px;
    }
}
.lk-order__item:last-child {
    margin-bottom: 0;
}

.lk-order__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.lk-order__listing {
    position: relative;
}

.lk-order__listing:hover .lk-order__dropdown {
    opacity: 1;
    visibility: visible;
}

.lk-order__listing:before {
    content: "";
    display: block;
    position: absolute;
    height: 25px;
    background: transparent;
    width: 120px;
    right: 0;
}

.lk-order__dots {
    position: relative;
    cursor: pointer;
    width: 14px;
    cursor: pointer;
    height: 30px;
}

@media only screen and (max-width: 991px) {
    .lk-order__dots {
        height: auto;
    }
}
.lk-order__dots:hover span {
    background: #dd5b12;
}

.lk-order__dots:hover::after,
.lk-order__dots:hover::before {
    background: #dd5b12;
}

.lk-order__dots::after,
.lk-order__dots::before {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #555556;
    border-radius: 50%;
    left: -10px;
    transition: 400ms;
}

.lk-order__dots:after {
    left: auto;
    top: 0;
    right: 0;
}

.lk-order__dots span {
    width: 4px;
    height: 4px;
    background: #555556;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    transition: 400ms;
}

.lk-order__dropdown {
    position: absolute;
    right: 0;
    background: #fff;
    top: 15px;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    width: 276px;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 991px) {
    .lk-order__dropdown {
        width: 230px;
    }
}
.lk-order__dropdown span {
    display: block;
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 20px;
    padding-left: 16px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .lk-order__dropdown span {
        font-size: 16px;
        height: 54px;
    }
}
.lk-order__order {
    color: #dd5b12;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .lk-order__order {
        font-size: 12px;
    }
}
.lk-order__info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
    .lk-order__info {
        margin-bottom: 10px;
    }
}
.lk-order__name p {
    font-size: 26px;
    margin-bottom: 3px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .lk-order__name p {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order__name p {
        font-size: 20px;
    }
}
.lk-order__name span {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .lk-order__name span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order__name span {
        font-size: 16px;
    }
}
.lk-order__price {
    font-size: 26px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .lk-order__price {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order__price {
        font-size: 20px;
    }
}
.lk-order__grids {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

@media only screen and (max-width: 1500px) {
    .lk-order__grids {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}
.lk-order__aside {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .lk-order__aside {
        align-items: flex-start;
    }
}
.lk-order__aside:last-child {
    margin-bottom: 0;
}

.lk-order__aside p {
    font-size: 18px;
    color: #8b8b8b;
    width: 160px;
}

@media only screen and (max-width: 991px) {
    .lk-order__aside p {
        font-size: 14px;
        width: 130px;
        flex-shrink: 0;
    }
}
.lk-order__aside span {
    display: block;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .lk-order__aside span {
        font-size: 14px;
    }
}
.lk-order__aside span.green {
    color: #14a30a;
}

.lk-order__aside span.red {
    color: #ca1313;
}

.lk-order__foot {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .lk-order__foot {
        align-items: center;
        margin-top: 16px;
    }
}
.lk-order__link {
    color: #1274dd;
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .lk-order__link {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order__link {
        font-size: 16px;
    }
}
.lk-order__btn {
    width: 180px;
    height: 48px;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .lk-order__btn {
        font-size: 14px;
        width: 139px;
        height: 40px;
    }
}
.lk-order-profile__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__container {
        flex-direction: column;
        gap: 15px;
    }
}
.lk-order-profile__order {
    width: 308px;
    height: 64px;
    text-transform: uppercase;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__order {
        width: 100%;
        height: 56px;
        font-size: 16px;
    }
}
.lk-order-profile__delete {
    font-size: 18px;
    color: #dd5b12;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__delete {
        font-size: 16px;
    }
}
.lk-order-profile__content {
    margin-top: 56px;
}

@media only screen and (max-width: 991px) {
    .lk-order-profile__content {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .lk-order-profile__content .lk-order__aside {
        flex-direction: column;
        gap: 5px;
    }
}
.lk-order-profile__content .lk-order__aside p {
    width: 207px;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__content .lk-order__aside p {
        width: auto;
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .lk-order-profile__content .lk-order__aside span {
        font-size: 16px;
    }
}
.lk-order-profile__label {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
    .lk-order-profile__label {
        font-size: 23px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order-profile__label {
        font-size: 20px;
    }
}
.lk-order-profile__foot {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__foot {
        flex-direction: column;
        gap: 15px;
    }
}
.lk-order-profile__pay {
    height: 64px;
    width: 230px;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__pay {
        width: 100%;
        height: 56px;
        font-size: 16px;
        margin-right: 0;
    }
}
.lk-order-profile__choose {
    width: 394px;
    height: 64px;
    border: 1px solid #8b8b8b;
    color: #8b8b8b;
    border-radius: 500px;
    text-transform: uppercase;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .lk-order-profile__choose {
        width: 100%;
        height: 56px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order-profile__items {
        margin: 0 -20px;
    }
}
.lk-order-profile__item {
    margin-bottom: 20px;
    background: #f5f5f5;
    display: grid;
    grid-template-columns: 168px 1fr 130px;
    align-items: flex-start;
    padding: 32px;
    grid-gap: 24px;
}

@media only screen and (max-width: 991px) {
    .lk-order-profile__item {
        grid-template-columns: 1fr;
        padding: 20px;
        grid-gap: 20px;
    }
}
.lk-order-profile__item:last-child {
    margin-bottom: 0;
}

.lk-order-profile__img {
    display: flex;
    align-items: center;
    height: 128px;
}

@media only screen and (max-width: 991px) {
    .lk-order-profile__img {
        height: 160px;
    }
}
.lk-order-profile__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lk-order-profile__information {
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .lk-order-profile__information {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order-profile__information {
        font-size: 12px;
    }
}
.lk-order-profile__price {
    text-align: right;
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 1500px) {
    .lk-order-profile__price {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order-profile__price {
        font-size: 16px;
    }
}
.lk-order-profile__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #555556;
}

@media only screen and (max-width: 1500px) {
    .lk-order-profile__name {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-order-profile__name {
        font-size: 16px;
    }
}
.lk-order-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media only screen and (max-width: 991px) {
    .lk-order-empty {
        margin-top: 68px;
    }
}
.lk-order-empty__btn {
    margin-top: 20px;
    height: 64px;
    width: 230px;
    font-size: 18px;
    text-transform: uppercase;
}

.lk-profile__top {
    display: grid;
    grid-template-columns: 76px 230px 2fr 1fr 1fr;
    grid-gap: 20px;
    padding-bottom: 20px;
    color: #8b8b8b;
    border-bottom: 1px solid #d7d6d5;
}

@media only screen and (max-width: 1500px) {
    .lk-profile__top {
        font-size: 14px;
        grid-template-columns: 56px 154px 2fr 1.5fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile__top {
        display: none;
    }
}
.lk-profile__number {
    display: flex;
    align-items: center;
    gap: 5px;
}

.lk-profile__item {
    display: grid;
    grid-template-columns: 76px 230px 2fr 1fr 1fr;
    grid-gap: 20px;
    border-bottom: 1px solid #d7d6d5;
    font-size: 18px;
    align-items: center;
    height: 84px;
}

@media only screen and (max-width: 1500px) {
    .lk-profile__item {
        font-size: 16px;
        grid-template-columns: 56px 154px 2fr 1.5fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile__item {
        grid-template-columns: 1fr 1fr;
        height: auto;
        padding: 20px 0;
        grid-gap: 12px;
    }
}
.lk-profile__item span.text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .lk-profile__item span.text {
        grid-column: span 2;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile__item span:nth-child(1) {
        order: -1;
        font-weight: 700;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile__item span:nth-child(2) {
        order: 1;
        font-size: 14px;
        color: #8b8b8b;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile__item span:nth-child(4) {
        order: -1;
        font-size: 14px;
        color: #8b8b8b;
        text-align: right;
    }
}
.lk-profile__icons {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
    .lk-profile__icons {
        order: 1;
    }
}
.lk-profile__red:hover svg {
    stroke: #dd5b12;
}

.lk-profile__red svg,
.sale-personal-profile-list-close-button svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #555556;
    stroke-width: 1px;
    transition: 400ms;
}

@media only screen and (max-width: 991px) {
    .lk-profile__red svg {
        width: 18px;
        height: 18px;
    }
}
.lk-profile__del:hover svg {
    stroke: #dd5b12;
}

.lk-profile__del svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #555556;
    stroke-width: 1px;
    transition: 400ms;
}

@media only screen and (max-width: 991px) {
    .lk-profile__del svg {
        width: 18px;
        height: 18px;
    }
}
.lk-mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .lk-mobile {
        display: block;
        position: relative;
    }
}
.lk-mobile__head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lk-mobile__head.active .lk-mobile__arrow {
    transform: rotate(180deg);
}

.lk-mobile__icon {
    display: flex;
    align-items: center;
}

.lk-mobile__arrow {
    display: flex;
    align-items: center;
    transition: 300ms;
}

.lk-mobile__dropdown {
    position: absolute;
    width: 239px;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    left: 0;
    background: #fff;
    top: 20px;
    opacity: 0;
    visibility: hidden;
}

.lk-mobile__dropdown--item {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 54px;
    gap: 20px;
}

.lk-mobile__dropdown.active {
    opacity: 1;
    visibility: visible;
}

.lk-profile-new {
    max-width: 700px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new {
        margin-top: 30px;
    }
}
.lk-profile-new__item {
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new__item {
        margin-bottom: 30px;
    }
}
.lk-profile-new__item .popup__input {
    margin-bottom: 45px;
}

.lk-profile-new__label {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    display: block;
}

@media only screen and (max-width: 1500px) {
    .lk-profile-new__label {
        font-size: 23px;
    }
}
@media only screen and (max-width: 991px) {
    .lk-profile-new__label {
        margin-bottom: 30px;
        font-size: 20px;
    }
}
.lk-profile-new__fields {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new__fields {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.lk-profile-new__labels {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new__labels {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}
.lk-profile-new__btns {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new__btns {
        flex-direction: column;
    }
}
.lk-profile-new__btn {
    height: 72px;
    width: 269px;
    text-transform: uppercase;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .lk-profile-new__btn {
        width: 100%;
        height: 56px;
    }
}
.lk-profile-new__save {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #14a30a;
}

.fancybox-thumbs {
    top: auto;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media only screen and (max-width: 991px) {
    .fancybox-thumbs {
        width: 100%;
    }
}
.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}

.fancybox-thumbs__list a:before {
    border: 2px solid #555556;
}

.fancybox-button--thumbs {
    display: none;
}

.fancybox-button--zoom {
    display: none;
}

.fancybox-button--play {
    display: none;
}

.search {
    margin-top: 30px;
    margin-bottom: 100px;
}

.search__top {
    margin-bottom: 20px;
}

.search__content {
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .search__content {
        margin-bottom: 5px;
    }
}
.search__item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.search__date {
    font-size: 14px;
    color: #8b8b8b;
}

.search__head {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.search__head-img {
    flex-direction: row;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .search__item {
        align-items: flex-start;
        gap: 15px;
    }
}
.search__item:last-child {
    margin-bottom: 0;
}

.search__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

@media only screen and (max-width: 991px) {
    .search__img {
        height: 39px;
        width: 65px;
    }
}
.search__content a {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .search__content {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .search__content a {
        font-size: 16px;
    }
}
.search__content b {
    font-weight: 700;
}

.search__foot {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}

.search__foot a {
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .search__foot {
        gap: 1px;
        display: inline-flex;
    }

    .search__foot a {
        font-size: 12px;
    }
}
.search__info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .search__info {
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
        gap: 5px;
    }
}
.search__info p {
    font-weight: 700;
}

.search__description a {
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .search__description a {
        font-size: 16px;
    }
}
.news-showcase {
    background: #f0f0f0;
    margin-bottom: 80px;
    margin-top: 24px;
}

@media only screen and (max-width: 991px) {
    .news-showcase {
        margin-bottom: 40px;
    }
}
.news-showcase__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .news-showcase__inner {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}
.news-showcase__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1500px) {
    .news-showcase__img {
        height: 280px;
        flex-shrink: 0;
        position: relative;
        right: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .news-showcase__img {
        height: auto;
        right: 0;
    }
}
.news-showcase__info {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .news-showcase__info {
        padding-bottom: 20px;
    }
}
.news-showcase__title {
    font-weight: 800;
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
    .news-showcase__title {
        font-size: 42px;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 991px) {
    .news-showcase__title {
        font-size: 24px;
        margin-bottom: 5px;
        white-space: inherit;
    }
}
.news-showcase__text {
    font-size: 20px;
}

@media only screen and (max-width: 1500px) {
    .news-showcase__text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .news-showcase__text {
        font-size: 16px;
    }
}
.news-content__content {
    margin-bottom: 80px;
}

@media only screen and (max-width: 1500px) {
    .news-content__content {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__content {
        margin-bottom: 40px;
    }
}
.news-content__content h3 {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 52px;
}

@media only screen and (max-width: 1500px) {
    .news-content__content h3 {
        font-size: 33px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__content h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}
.news-content__content p {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .news-content__content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__content p {
        font-size: 16px;
    }
}
.news-content__content b {
    text-align: right;
    display: block;
    margin-top: 10px;
}

@media only screen and (max-width: 991px) {
    .news-content__content b {
        font-size: 12px;
        margin-top: 20px;
    }
}
.news-content__container {
    display: grid;
    grid-template-columns: 1fr 533px;
    grid-gap: 40px;
}

@media only screen and (max-width: 1500px) {
    .news-content__container {
        grid-template-columns: 1fr 370px;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__container {
        grid-template-columns: 1fr;
    }
}
.news-content__container.left {
    grid-template-columns: 533px 1fr;
}

@media only screen and (max-width: 1500px) {
    .news-content__container.left {
        grid-template-columns: 370px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__container.left {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}
.news-content__container.left .news-content__img {
    padding-top: 0;
}

.news-content__container.left p {
    padding-top: 106px;
}

@media only screen and (max-width: 1500px) {
    .news-content__container.left p {
        padding-top: 79px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__container.left p {
        padding: 0;
    }
}
.news-content__container .news-content__img {
    padding-top: 112px;
}

@media only screen and (max-width: 1500px) {
    .news-content__container .news-content__img {
        padding-top: 88px;
    }
}
@media only screen and (max-width: 991px) {
    .news-content__container .news-content__img {
        padding-top: 0;
    }
}
.news-content__img {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.news-content__img span {
    margin-top: 10px;
    display: block;
    color: #8b8b8b;
}

.news-content__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-work {
    background: #f5f5f5;
}

.news-work__inner {
    padding: 72px 0 94px;
}

@media only screen and (max-width: 991px) {
    .news-work__inner {
        padding: 30px 0 60px;
    }
}
.news-work__title {
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
    .news-work__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .news-work__title {
        font-size: 18px;
    }
}
.bx-filter-container-modef {
    position: absolute;
    top: 58px;
    right: -37%;
    background: #fff;
    color: #ff823d;
    width: 142px;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 100;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
}

@media only screen and (max-width: 991px) {
    .bx-filter-container-modef {
        right: 0;
    }
}
.bx-filter-popup-result {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    position: relative;
}

.bx-filter-popup-result ::before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    width: 19px;
    height: 19px;
    transform: rotate(45deg) translateY(-50%);
    top: 18px;
    background: #fff;
}

.pay {
    margin-top: 24px;
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px) {
    .pay {
        margin-top: 20px;
        margin-bottom: 60px;
    }
}
.pay__container {
    margin-bottom: 120px;
}

@media only screen and (max-width: 1500px) {
    .pay__container {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__container {
        margin-bottom: 48px;
    }
}
.pay__container:last-child {
    margin-bottom: 0;
}

.pay__title {
    font-weight: 800;
    font-size: 42px;
    line-height: 128%;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .pay__title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__title {
        font-size: 24px;
    }
}
.pay__content {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
    .pay__content {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__content {
        margin-bottom: 20px;
    }
}
.pay__content > a {
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    color: #dd5b12;
}

@media only screen and (max-width: 1500px) {
    .pay__content > a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__content > a {
        font-size: 16px;
    }
}
.pay__content p {
    font-size: 20px;
    color: #8b8b8b;
}

@media only screen and (max-width: 1500px) {
    .pay__content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__content p {
        font-size: 16px;
    }
}
.pay__content p a {
    font-weight: 700;
}

.pay__content p a.orange {
    color: #dd5b12;
}

.pay__content ul {
    list-style: disc;
    margin: 24px 0;
}

.pay__content ul li {
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 5px;
    margin-left: 20px;
}

@media only screen and (max-width: 1500px) {
    .pay__content ul li {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__content ul li {
        font-size: 16px;
    }
}
.pay__content ul li:last-child {
    margin-bottom: 0;
}

.pay__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .pay__img {
        width: 15%;
        flex-shrink: 0;
    }
}
.pay__subtitle {
    font-weight: 700;
    font-size: 32px;
}

@media only screen and (max-width: 1500px) {
    .pay__subtitle {
        font-size: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .pay__subtitle {
        font-size: 16px;
    }
}
.pay__banks {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pay__bank {
    display: flex;
    align-items: center;
    margin: 24px 0;
}

.form-content__text {
    padding-top: 120px;
    text-align: center;
    margin-bottom: 30px;
    color: #8b8b8b;
}

.form-content__btn {
    width: 254px;
    margin: 0 auto;
    height: 64px;
    font-size: 18px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .form-content__text {
        padding-top: 0;
        margin-top: 20px;
        text-align: left;
    }

    .form-content__btn {
        width: 100%;
        height: 56px;
        font-size: 16px;
    }
}
.adress__map {
    display: flex;
    align-items: center;
    position: relative;
    height: 640px !important;
}

.ymaps-map {
    width: 100% !important;
    height: 100% !important;
}

.adress__map .bx-yandex-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 991px) {
    .adress__map {
        height: 320px !important;
    }

    .adress__map .bx-yandex-map {
        height: 100% !important;
    }
}
.adress__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-set__map {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
    height: 600px;
}

@media only screen and (max-width: 991px) {
    .about-set__map {
        border-radius: 0;
        margin: 0 -20px;
        margin-bottom: 30px;
    }
}
.about-set__map .bx-yandex-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 991px) {
    .about-set__map {
        height: 450px !important;
    }

    .about-set__map .bx-yandex-map {
        height: 100% !important;
    }
}
.adress__list {
    width: 74%;
    overflow-x: scroll;
    padding: 10px 0 16px;
    margin-right: 43px;
}

@media only screen and (max-width: 991px) {
    .adress__list {
        width: 100%;
    }
}
.adress__list::-webkit-scrollbar {
    height: 4px;
    background: #fff;
}

.adress__list::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    height: 4px;
}

.adress__roznica {
    margin-right: 0;
}

.lib__label {
    padding-right: 35px;
}

.showcase__gif {
    display: none;
}

@media only screen and (max-width: 991px) {
    .showcase__gif {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        margin-bottom: 30px;
    }

    .showcase__gif img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.about-name {
    margin-top: 30px;
    margin-bottom: 30px;
}

.des-name {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 95px;
}

@media only screen and (max-width: 991px) {
    .des-name {
        margin-bottom: 0;
    }
}
.product-acces {
    min-width: 823px;
}

@media only screen and (max-width: 1500px) {
    .product-acces {
        min-width: 561px;
    }
}
@media only screen and (max-width: 991px) {
    .product-acces {
        min-width: 100%;
    }
}
.product-acces__info {
    display: flex;
    align-items: center;
}

.product-acces__item {
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 30px;
    padding: 16px;
    justify-content: space-between;
    border: 1px solid transparent;
}

.product-acces__item.active {
    border: 1px solid #dd5b12;
}

@media only screen and (max-width: 991px) {
    .product-acces__item {
        display: block;
        padding: 12px;
        margin-bottom: 14px;
    }
}
.product-acces__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 20px;
}

.product-acces__content p {
    font-weight: 700;
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .product-acces__content p {
        font-size: 16px;
    }
}
.product-acces__content span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .product-acces__content span {
        font-size: 12px;
    }
}
.product-acces__img {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .product-acces__img {
        width: 100%;
        height: 100%;
    }

    .product-acces__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.product-acces__text {
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .product-acces__text {
        font-size: 16px;
    }
}
.product-acces__aside {
    background: #fffbd2;
    border: 1px solid #e1cc0c;
    padding: 24px;
}

@media only screen and (max-width: 991px) {
    .product-acces__aside {
        padding: 15px;
    }
}
.product-acces__aside--top {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1500px) {
    .product-acces__aside--top {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-acces__aside--top {
        font-size: 16px;
        align-items: flex-start;
    }
}
.product-acces__aside--list {
    padding-left: 20px;
}

.product-acces__aside--list li {
    font-size: 18px;
    list-style-type: disc;
}

@media only screen and (max-width: 991px) {
    .product-acces__aside--list li {
        font-size: 14px;
    }
}
.product-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none;
    width: 100%;
    max-width: 910px;
    overflow: scroll;
}
.product-modal.height {
    height: 100%;
}
@media only screen and (max-width: 991px) {
    .product-modal.module .product-modal__items {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767px) {
    .product-modal {
        height: 100%;
    }
}
.product-modal.active {
    display: block;
}

.product-modal__close {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.product-modal__inner {
    background: #fff;
    padding: 32px;
}

@media only screen and (max-width: 991px) {
    .product-modal__inner {
        padding: 20px;
        height: 100%;
        overflow: auto;
    }
}
.product-modal__title {
    font-weight: 800;
    font-size: 28px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .product-modal__title {
        font-size: 24px;
    }
}
.product-modal__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
}

@media only screen and (max-width: 991px) {
    .product-modal__top {
        align-items: flex-start;
    }
}
.product-modal__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-bottom: 32px;
}

.product-modal__items.acces {
    grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 991px) {
    .product-modal__items.acces {
        grid-template-columns: 1fr 1fr;
    }
}
.product-modal__items.ygol {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
}

@media only screen and (max-width: 991px) {
    .product-modal__items.ygol {
        grid-template-columns: 1fr 1fr;
    }
}
.product-modal__items.ygol .product-modal__img {
    width: 100%;
}

.product-modal__items.ygol .product-modal__img img {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .product-modal__items {
        grid-template-columns: 1fr;
    }
}
.product-modal__item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-modal__item.active .product-modal__subtitle {
    color: #dd5b12;
}

.product-modal__img {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .product-modal__img {
        width: 100%;
        height: auto;
        justify-content: center;
        margin-bottom: 15px;
    }

    .product-modal__img img {
        width: 100%;
    }
}
.product-modal__subtitle {
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
    .product-modal__subtitle {
        font-size: 16px;
    }
}
.product-modal__text {
    font-size: 16px;
    font-weight: 400;
}

@media only screen and (max-width: 991px) {
    .product-modal__text {
        font-size: 12px;
    }
}
.product-modal__btn {
    width: 189px;
    height: 56px;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .product-modal__btn {
        height: 36px;
        width: 122px;
        font-size: 14px;
    }
}
.overflow-product {
    position: relative;
}

.overflow-product.modal-prod {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
}

.overflow-load {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.overflow-load::before {
    width: 55px;
    height: 55px;
    border: 3px solid #dd5b12;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-animation: rotationProduct 1s linear infinite;
    animation: rotationProduct 1s linear infinite;
    display: flex;
    align-items: center;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes rotationProduct {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotationProduct {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.sale-personal-profile-detail-property-location,
.sale-personal-profile-detail-property-textarea {
    display: flex;
    flex-direction: column-reverse;
}

.sale-personal-profile-detail-property-location span,
.sale-personal-profile-detail-property-textarea span {
    position: relative !important;
    top: auto;
    bottom: 0;
}

.sale-personal-profile-detail-property-textarea textarea {
    resize: none;
    min-height: 120px;
    padding: 15px;
    font-size: 16px;
}

.bx-sls .dropdown-block {
    border: 0;
    border-bottom: 1px solid #555556;
    padding-bottom: 10px;
    box-shadow: none;
    font-size: 16px !important;
    padding-left: 0;
}

.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
    font-size: 16px;
}

.sale-order-detail-payment-options-methods-template input {
    max-width: 230px;
    height: 64px;
    background: #dd5b12;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 20px;
}

.sale-order-detail-payment-options-methods-template h3 {
    font-size: 20px;
}

.sale-order-detail-payment-options-methods-template {
    display: none;
    width: 100%;
    position: relative;
}

.sale-paysystem-close-item {
    background: url("/local/templates/swgshop/images/close-modal.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 991px) {
    .sale-order-detail-payment-options-methods-template input {
        max-width: 100%;
        height: 53px;
        font-size: 15px;
    }

    .sale-order-detail-payment-options-methods-template h3 {
        font-size: 16px;
        padding-top: 10px;
    }
}
.sale-personal-profile-btn-block .btn-white {
    background: #fff;
}

.sale-personal-profile-btn-block:hover .bth-white {
    background: #dd5b12 !important;
}

.pay__information {
    display: none;
}

.pay__information.active {
    display: block;
}

.pay__subtitle--open {
    position: relative;
    cursor: pointer;
    padding-right: 55px;
    flex-grow: 10;
}

.pay__subtitle--open.active::before {
    transform: translateY(-50%) rotate(270deg);
}

.pay__subtitle--open::before {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 24px;
    background: url("/local/templates/swgshop/images/arrow-black.svg");
    background-size: cover;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
    transition: 400ms;
}

.pay__aside {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 991px) {
    .pay__aside {
        align-items: flex-start;
    }
}
.product-spec__grid.disabled {
    position: relative;
}

.product-spec__grid.disabled.tooltip .product-spec__tooltip {
    display: block;
}

.product-spec__grid.disabled input {
    border: 1px solid #d7d6d5;
}

.product-spec__grid.disabled:hover .product-spec--error {
    display: block;
}

.product-spec__grid.disabled .product-spec__ter span {
    color: #d7d6d5;
}

.product-spec--error {
    display: none;
    position: absolute;
    top: 66px;
    padding: 10px;
    border-radius: 20px;
    font-size: 14px;
    width: 200px;
    right: 0;
    background: #fff;
    opacity: 1;
}

.product-acces__item {
    position: relative;
}

.product-acces__item input {
    position: absolute;
    right: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.product-acces__item {
    border: 1px solid transparent;
}

.product-acces__item.checked {
    border: 1px solid #dd5b12;
}

.product-table__item span.lower {
    text-transform: none;
}

@media only screen and (max-width: 767px) {
    .pagination .prev,
    .pagination .next {
        display: none;
    }
}
.search__head-img {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .search__head-img {
        grid-template-columns: 65px 1fr;
        grid-gap: 20px 10px;
    }
}
.search__content {
    grid-column: span 2;
}

.search__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.product-spec__tooltip {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    min-width: 231px;
    background: #fff;
    color: #dd5b12;
    padding: 10px;
    font-size: 12px;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    display: none;
    z-index: 5;
}

@media only screen and (max-width: 767px) {
    .product-spec__tooltip {
        left: 0;
        top: 110%;
        transform: translateY(0);
    }
}
.product-spec__tooltip:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: -5;
}

@media only screen and (max-width: 991px) {
    .product-spec__tooltip:before {
        left: 20px;
        top: 0;
    }
}
.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card__info {
    flex-grow: 10;
}

.card__info--new {
    display: flex;
    flex-direction: column;
}

.card__info--title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.card__info--text {
    flex-grow: 10;
    color: #8b8b8b;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .card__info--text {
        font-size: 12px;
    }
}
.card__info--btn {
    max-width: 233px;
    height: 40px;
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .card__info--btn {
        max-width: 176px;
        font-size: 14px;
    }
}
.cookie {
    position: absolute;
    top: 70px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    box-shadow: 0 6px 32px 0 rgba(49, 49, 51, 0.16), 0 0 6px 0 rgba(49, 49, 51, 0.04);
    background: #fff;
    border-radius: 20px;
    width: 720px;
}

@media only screen and (max-width: 991px) {
    .cookie {
        position: fixed;
        bottom: 36px;
        top: auto;
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
        right: 16px;
    }
}
.cookie__inner {
    padding: 30px;
}

.cookie__text {
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .cookie__text {
        font-size: 12px;
    }
}
.cookie__text a {
    font-weight: 600;
    border-bottom: 1px solid #555556;
}

.cookie__btn {
    font-size: 16px;
}

@media only screen and (max-width: 991px) {
    .cookie__btn {
        font-size: 12px;
    }
}
.cookie__btns {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.cookie__btns .btn-white {
    width: 156px;
    height: 40px;
    border: 1px solid #555556;
    color: #555556;
}

.cookie__btns .btn-white:hover {
    background: #fff !important;
    border: 1px solid #dd5b12;
    color: #dd5b12;
}

@media only screen and (max-width: 991px) {
    .cookie__btns .btn-white {
        height: 30px;
        width: 135px;
    }
}
.cookie__btns .btn-orange {
    width: 137px;
    height: 40px;
    margin-right: 20px;
}

@media only screen and (max-width: 991px) {
    .cookie__btns .btn-orange {
        width: 112px;
        height: 30px;
        margin-right: 10px;
    }
}
.product-spec__clear {
    position: absolute;
    right: 40%;
    top: 5px;
    cursor: pointer;
    font-size: 18px;
    color: #d7d6d5;
    border-bottom: 1px solid #d7d6d5;
}

.product-spec__clear.wide {
    right: 0;
}

.product-spec__content {
    max-width: 823px;
    width: 100%;
}

@media only screen and (max-width: 1500px) {
    .product-spec__clear {
        right: 14%;
    }
}
@media only screen and (max-width: 991px) {
    .product-spec__clear {
        right: 0;
        font-size: 16px;
        top: -5px;
    }
}
.header__basket {
    position: relative;
}

.header__basket--number {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ff823d;
    border-radius: 50%;
    right: -2px;
    top: 4px;
    display: none;
}
.header__basket--number.active {
    display: block;
}

.product-modal__magnit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
}
.product-modal__magnit img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-modal__magnit--text p {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
    .product-modal__magnit--text p {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
.product-modal__magnit--text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    display: block;
}
@media only screen and (max-width: 991px) {
    .product-modal__magnit--text span {
        font-size: 12px;
    }
}

.product-modal.magnig {
    max-width: 622px;
}
@media only screen and (max-width: 767px) {
    .product-modal.magnig {
        height: auto;
    }
}
@media only screen and (max-width: 991px) {
    .product-modal.magnig .product-modal__top {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .villy-desktop {
        display: none;
    }
}

.villy-mobile {
    display: none;
}
@media only screen and (max-width: 991px) {
    .villy-mobile {
        display: block;
    }
}

.villy-showcase {
    margin-bottom: 120px;
    margin-top: 20px;
}
@media only screen and (max-width: 1500px) {
    .villy-showcase {
        margin-top: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-showcase {
        margin-top: 16px;
        margin-bottom: 84px;
    }
}
.villy-showcase__title {
    margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
    .villy-showcase__title {
        margin-bottom: 10px;
        font-size: 26px;
    }
}
.villy-showcase__text {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 56px;
    color: #8d8d8d;
}
@media only screen and (max-width: 1500px) {
    .villy-showcase__text {
        font-size: 18px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-showcase__text {
        margin-bottom: 24px;
        font-size: 14px;
    }
}
.villy-showcase__foot {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    margin-top: 40px;
}
@media only screen and (max-width: 767px) {
    .villy-showcase__foot {
        grid-template-columns: 1fr;
        grid-gap: 12px;
        margin-top: 24px;
    }
}
.villy-showcase__subtitle {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
}
@media only screen and (max-width: 1500px) {
    .villy-showcase__subtitle {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-showcase__subtitle {
        font-size: 20px;
    }
}
.villy-showcase__video {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .villy-showcase__video {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .villy-showcase .showcase__gif {
        margin: 0 -20px;
        width: auto;
    }
}
.villy-showcase__desc {
    font-size: 20px;
    color: #8d8d8d;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1500px) {
    .villy-showcase__desc {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-showcase__desc {
        font-size: 14px;
    }
}
.villy-showcase__btn {
    max-width: 302px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
    .villy-showcase__btn {
        width: 223px;
        height: 40px;
        font-size: 14px;
    }
}

.villy-des {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-des {
        margin-bottom: 64px;
    }
}
.villy-des__title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1500px) {
    .villy-des__title {
        font-size: 28px;
        margin-bottom: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-des__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
.villy-des__img {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1500px) {
    .villy-des__img {
        margin-bottom: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-des__img {
        margin: 0 -20px;
        margin-bottom: 20px;
    }
}
.villy-des__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 991px) {
    .villy-des__info {
        grid-template-columns: 1fr;
        margin: 0 -20px;
        grid-gap: 24px;
    }
}
.villy-des__image {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .villy-des__image {
        width: 100%;
        height: 100%;
    }
    .villy-des__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media only screen and (max-width: 991px) {
    .villy-des__content {
        padding: 0 20px;
    }
}
.villy-des__content p {
    font-size: 20px;
    color: #8d8d8d;
}
@media only screen and (max-width: 1500px) {
    .villy-des__content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-des__content p {
        font-size: 14px;
    }
}
.villy-des__item {
    margin: 50px 0;
}
@media only screen and (max-width: 1500px) {
    .villy-des__item {
        margin: 19px 0;
    }
}
.villy-des__item span {
    font-size: 28px;
    font-weight: 600;
    display: block;
}
@media only screen and (max-width: 1500px) {
    .villy-des__item span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-des__item span {
        font-size: 16px;
    }
}

.villy-kor {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-kor {
        margin-bottom: 80px;
    }
}
.villy-kor__title {
    margin-bottom: 0;
}
.villy-kor__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    align-items: flex-start;
    margin-bottom: 52px;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__top {
        margin-bottom: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__top {
        margin-bottom: 15px;
        flex-direction: column;
        display: flex;
        grid-gap: 15px;
    }
}
.villy-kor__text {
    font-size: 20px;
    color: #8d8d8d;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__text {
        font-size: 14px;
    }
}
.villy-kor__pic {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__pic {
        margin-bottom: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__pic {
        margin: 0 -20px;
        margin-bottom: 24px;
    }
}
.villy-kor__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    padding: 0 50px;
    align-items: flex-start;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__info {
        padding: 0;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__info {
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }
}
.villy-kor__items {
    display: flex;
    align-items: center;
    gap: 40px;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__items {
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__items {
        justify-content: center;
    }
}
.villy-kor__grids {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px 30px;
}
@media only screen and (max-width: 991px) {
    .villy-kor__grids {
        grid-gap: 10px;
    }
}
.villy-kor__grids .villy-kor__img {
    width: 100%;
    justify-content: flex-start;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__grids .villy-kor__img {
        width: 68px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-kor__grids .villy-kor__img {
        min-width: 56px;
        width: 100%;
        height: auto;
    }
}
.villy-kor__img {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 991px) {
    .villy-kor__img {
        height: 68px;
    }
}
.villy-kor__name {
    font-size: 16px;
    color: #8d8d8d;
    margin-bottom: 10px;
}
@media only screen and (max-width: 1500px) {
    .villy-kor__name {
        font-size: 12px;
    }
}
@media only screen and (max-width: 767px) {
    .villy-kor__name {
        font-size: 8px;
    }
}

.villy-opt {
    margin-bottom: 120px;
}
@media only screen and (max-width: 1500px) {
    .villy-opt {
        margin-bottom: 60px;
    }
}

.villy-ideal {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-ideal {
        margin-bottom: 60px;
    }
}
.villy-ideal .villy-kor__title {
    margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
    .villy-ideal .villy-kor__title {
        margin-bottom: 24px;
    }
}
.villy-ideal .villy-kor__pic {
    margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
    .villy-ideal .villy-kor__pic {
        margin-bottom: 24px;
    }
}
.villy-ideal .villy-kor__pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.villy-ideal__inner {
    display: grid;
    grid-template-columns: 1fr 1.45fr;
    grid-gap: 40px;
    align-items: center;
}
.villy-ideal__inner--gib {
    grid-template-columns: 1.45fr 1fr;
}
@media only screen and (max-width: 1500px) {
    .villy-ideal__inner {
        grid-gap: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-ideal__inner {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}

.villy-focus {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-focus {
        margin-bottom: 60px;
    }
}
.villy-focus__inner {
    position: relative;
}
@media only screen and (max-width: 991px) {
    .villy-focus__inner {
        margin: 0 -20px;
    }
}
.villy-focus__info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 83px;
}
@media only screen and (max-width: 991px) {
    .villy-focus__info {
        top: 50px;
        transform: translateY(0);
        left: 20px;
        width: 100%;
        max-width: 85%;
    }
}
.villy-focus__info p {
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    text-transform: uppercase;
    color: #f5f5f5;
}
@media only screen and (max-width: 1500px) {
    .villy-focus__info p {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-focus__info p {
        font-size: 20px;
    }
}
.villy-focus__info span {
    color: #d7d6d5;
    font-size: 20px;
    display: block;
    margin-top: 20px;
}
@media only screen and (max-width: 1500px) {
    .villy-focus__info span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-focus__info span {
        font-size: 14px;
    }
}
.villy-focus__img {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .villy-focus__img {
        height: 329px;
    }
    .villy-focus__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.villy-var {
    background: #f5f5f5;
    margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
    .villy-var {
        margin-bottom: 64px;
    }
}
.villy-var__inner {
    padding: 50px 0;
}
@media only screen and (max-width: 991px) {
    .villy-var__inner {
        padding: 32px 0;
    }
}
.villy-var__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media only screen and (max-width: 991px) {
    .villy-var__items {
        display: block;
    }
}
.villy-var__item {
    background: #fff;
    width: 100%;
    margin-right: 40px;
    padding-bottom: 20px;
}
@media only screen and (max-width: 1500px) {
    .villy-var__item {
        margin-right: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-var__item {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.villy-var__item:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.villy-var__img {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
}
.villy-var__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.villy-var__name {
    font-weight: 700;
    font-size: 16px;
    padding: 0 20px;
}
.villy-var__text {
    font-size: 14px;
    margin: 15px 0;
    color: #8d8d8d;
    padding: 0 20px;
}
.villy-var__btn {
    margin-left: 20px;
    width: 223px;
    height: 40px;
    font-size: 14px;
}

.villy-comp {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-comp {
        margin-bottom: 64px;
    }
}
.villy-comp__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 1500px) {
    .villy-comp__items {
        grid-gap: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-comp__items {
        grid-template-columns: 1fr;
    }
}
.villy-comp__img {
    display: flex;
    align-items: center;
}
.villy-comp__name {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
}
@media only screen and (max-width: 1500px) {
    .villy-comp__name {
        font-size: 16px;
        margin: 12px 0;
    }
}
@media only screen and (max-width: 991px) {
    .villy-comp__name {
        font-size: 14px;
    }
}
.villy-comp__text {
    font-size: 18px;
    color: #8d8d8d;
}
@media only screen and (max-width: 1500px) {
    .villy-comp__text {
        font-size: 14px;
    }
}
.villy-comp__text b {
    font-weight: 700;
    color: #555556;
    display: block;
}

.materials {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .materials {
        margin-bottom: 64px;
    }
}
.materials__item {
    margin-bottom: 20px;
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .materials .villy-comp__title {
        margin-bottom: 40px;
    }
}
.materials__head {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    justify-content: space-between;
    border-bottom: 1px solid #555556;
    transition: 400ms;
    cursor: pointer;
}
.materials__head.active img {
    transform: rotate(180deg);
}
.materials__head img {
    transition: 400ms;
}
@media only screen and (max-width: 991px) {
    .materials__head img {
        width: 24px;
        height: 14px;
    }
}
.materials__head span {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
}
@media only screen and (max-width: 1500px) {
    .materials__head span {
        font-size: 16px;
    }
}
.materials__body {
    display: none;
    margin: 56px 0;
}
@media only screen and (max-width: 991px) {
    .materials__body {
        margin: 24px 0;
        margin-bottom: 46px;
    }
}
.materials__body.active {
    display: block;
}
@media only screen and (max-width: 1500px) {
    .materials__body .partners-sup__items {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .materials__body .partners-sup__items {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
}
@media only screen and (max-width: 1500px) {
    .materials__body .partners-sup__name {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1500px) {
    .materials__body .partners-sup__btn {
        width: 149px;
        height: 33px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .materials__body .partners-sup__btn {
        border-radius: 500px;
    }
}
.materials-doc__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 991px) {
    .materials-doc__items {
        grid-template-columns: 1fr;
    }
}
.materials-doc__items .product-doc__item {
    align-items: flex-start;
}
.materials-doc__items .partners-sup__video {
    height: 395px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 24px;
}
@media only screen and (max-width: 1500px) {
    .materials-doc__items .partners-sup__video {
        height: 251px;
    }
}
@media only screen and (max-width: 400px) {
    .materials-doc__items .partners-sup__video {
        height: 145px;
    }
}
.materials-doc__items .partners-sup__video video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.villy-slider {
    margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
    .villy-slider {
        margin-bottom: 64px;
    }
}
.villy-slider__inner {
    position: relative;
}
.villy-slider__container {
    padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
    .villy-slider__container {
        padding-bottom: 30px;
        margin: 0 -20px;
    }
}
.villy-slider .villy-pagination {
    margin: 0;
    bottom: 0;
}
.villy-slider .villy-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    opacity: 1;
    background: none;
    border: 1px solid #8b8b8b;
    border-radius: 50%;
}
@media only screen and (max-width: 991px) {
    .villy-slider .villy-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
}
.villy-slider .villy-pagination .swiper-pagination-bullet-active {
    width: 40px;
    background: #8b8b8b;
    border-radius: 100px;
}
@media only screen and (max-width: 991px) {
    .villy-slider .villy-pagination .swiper-pagination-bullet-active {
        width: 32px;
    }
}
.villy-slider .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 500px) {
    .villy-slider .swiper-slide {
        height: 214px;
    }
    .villy-slider .swiper-slide > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.villy-slider .partners-sup__btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
}
@media only screen and (max-width: 1500px) {
    .villy-slider .partners-sup__btn {
        width: 149px;
        height: 33px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 991px) {
    .villy-slider .partners-sup__btn {
        width: 45px;
        height: 28px;
        right: 20px;
        bottom: 12px;
        border-radius: 15px;
    }
    .villy-slider .partners-sup__btn span {
        display: none;
    }
}
.villy-slider__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 4;
    padding: 0 30px;
    position: absolute;
    top: 50%;
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .villy-slider__buttons {
        display: none;
    }
}
.villy-slider__prev, .villy-slider__next {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1500px) {
    .villy-slider__prev, .villy-slider__next {
        width: 48px;
        height: 48px;
    }
}

.combo-cards {
    margin-top: 150px;
    margin-bottom: 120px;
}
@media only screen and (max-width: 1500px) {
    .combo-cards {
        margin-bottom: 100px;
        margin-top: 122px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-cards {
        margin-top: 91px;
        margin-bottom: 64px;
    }
}
.combo-cards__item {
    display: grid;
    grid-template-columns: 577px 1fr;
    grid-gap: 30px;
    align-items: center;
    margin-bottom: 60px;
}
@media only screen and (max-width: 1500px) {
    .combo-cards__item {
        grid-template-columns: 443px 1fr;
        grid-gap: 40px;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-cards__item {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        margin-bottom: 40px;
    }
}
.combo-cards__item:last-child {
    margin-bottom: 0;
}
.combo-cards__item.reverse {
    grid-template-columns: 1fr 577px;
}
@media only screen and (max-width: 1500px) {
    .combo-cards__item.reverse {
        grid-template-columns: 1fr 433px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-cards__item.reverse {
        grid-template-columns: 1fr;
    }
}
.combo-cards__item.reverse .combo-cards__img {
    order: 1;
}
@media only screen and (max-width: 991px) {
    .combo-cards__item.reverse .combo-cards__img {
        order: inherit;
    }
}
.combo-cards__img {
    display: flex;
    align-items: center;
}
.combo-cards .title-combo {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1500px) {
    .combo-cards .title-combo {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-cards .title-combo {
        display: none;
        margin-bottom: 0;
        font-size: 20px;
    }
}
.combo-cards .title-combo.mobile {
    display: none;
}
@media only screen and (max-width: 991px) {
    .combo-cards .title-combo.mobile {
        display: block;
    }
}
.combo-cards__info span {
    color: #8b8b8b;
    display: block;
    font-size: 20px;
}
@media only screen and (max-width: 1500px) {
    .combo-cards__info span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-cards__info span {
        font-size: 14px;
    }
}

.combo-des {
    margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
    .combo-des {
        margin-bottom: 64px;
    }
}
.combo-des .villy-des__item span {
    font-size: 23px;
}
@media only screen and (max-width: 1500px) {
    .combo-des .villy-des__item span {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-des .villy-des__item span {
        font-size: 16px;
    }
}

.combo-load {
    margin-bottom: 120px;
}
@media only screen and (max-width: 1500px) {
    .combo-load {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-load {
        margin-bottom: 64px;
    }
}
.combo-load .villy-kor__title {
    margin-bottom: 52px;
}
@media only screen and (max-width: 1500px) {
    .combo-load .villy-kor__title {
        margin-bottom: 28px;
    }
}
.combo-load__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
    .combo-load__items {
        grid-template-columns: 1fr;
        grid-gap: 42px;
        margin: 0 -20px;
        margin-bottom: 40px;
    }
}
.combo-load__bg {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .combo-load__bg {
        margin: 0 -20px;
    }
}
.combo-load__img {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
    .combo-load__img {
        width: 100%;
        margin-bottom: 30px;
    }
    .combo-load__img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.combo-load__name {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 17px;
}
@media only screen and (max-width: 1500px) {
    .combo-load__name {
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-load__name {
        font-size: 16px;
        padding: 0 20px;
    }
}
.combo-load__text {
    color: #8b8b8b;
    font-size: 20px;
}
@media only screen and (max-width: 1500px) {
    .combo-load__text {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-load__text {
        font-size: 14px;
        padding: 0 20px;
    }
}
.combo-load__desc {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
}
@media only screen and (max-width: 1500px) {
    .combo-load__desc {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-load__desc {
        font-size: 14px;
        padding: 0 20px;
    }
}

.combo-kons {
    margin-bottom: 120px;
}
@media only screen and (max-width: 1500px) {
    .combo-kons {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons {
        margin-bottom: 64px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons {
        background: #f5f5f5;
    }
}
.combo-kons__inner {
    background: #f5f5f5;
    padding: 30px 83px;
    display: grid;
    grid-template-columns: 1fr 494px;
    grid-gap: 40px;
    align-items: center;
}
@media only screen and (max-width: 1500px) {
    .combo-kons__inner {
        grid-template-columns: 1fr 316px;
        grid-gap: 24px;
        padding: 24px 55px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons__inner {
        grid-template-columns: 1fr;
        padding: 24px 0;
    }
}
.combo-kons .title-combo {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1500px) {
    .combo-kons .title-combo {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons .title-combo {
        display: none;
        font-size: 20px;
        margin-bottom: 0;
    }
}
.combo-kons .title-combo.mobile {
    display: none;
}
@media only screen and (max-width: 991px) {
    .combo-kons .title-combo.mobile {
        display: block;
    }
}
.combo-kons__info span {
    color: #8b8b8b;
    font-size: 20px;
}
@media only screen and (max-width: 1500px) {
    .combo-kons__info span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons__info span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons__info {
        order: 1;
    }
}
.combo-kons__img {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1500px) {
    .combo-kons__img {
        height: 420px;
    }
}
@media only screen and (max-width: 991px) {
    .combo-kons__img {
        height: 293px;
    }
}

.combo-var .villy-var__inner {
    padding: 75px 0;
}
@media only screen and (max-width: 991px) {
    .combo-var .villy-var__inner {
        padding: 32px 0;
    }
}

.modal-card {
    max-width: 887px;
    width: 100%;
    border-radius: 0;
}
@media only screen and (max-width: 991px) {
    .modal-card {
        padding: 20px;
    }
}
.modal-card__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
    .modal-card__title {
        font-size: 24px;
        margin-bottom: 8px;
        max-width: 80%;
    }
}
.modal-card__text {
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 64px;
}
@media only screen and (max-width: 991px) {
    .modal-card__text {
        font-size: 16px;
        margin-bottom: 40px;
    }
}
.modal-card .popup__input {
    margin-bottom: 12px;
}
.modal-card__desc {
    color: #8b8b8b;
    margin-bottom: 36px;
}
@media only screen and (max-width: 991px) {
    .modal-card__desc {
        font-size: 12px;
        margin-bottom: 20px;
    }
}
.modal-card__desc a {
    color: #555556;
    text-decoration: underline;
}
.modal-card__btn {
    max-width: 240px;
    width: 100%;
    height: 64px;
    font-size: 20px;
    text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
    .modal-card__btn {
        height: 56px;
        max-width: 100%;
        font-size: 16px;
    }
}

.modal-thanks-card__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 370px;
}
.modal-thanks-card__text {
    font-size: 20px;
    color: #8b8b8b;
    margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
    .modal-thanks-card__text {
        font-size: 16px;
        margin-bottom: 24px;
    }
}
.modal-thanks-card__btn {
    max-width: 330px;
    height: 72px;
    text-transform: uppercase;
    font-size: 20px;
}
@media only screen and (max-width: 991px) {
    .modal-thanks-card__btn {
        height: 56px;
        max-width: 320px;
    }
}

.wrapper-combo .breadcrumbs {
    background: #f5f5f5;
    margin-top: 0;
    padding-top: 32px;
    padding-bottom: 36px;
}
@media only screen and (max-width: 991px) {
    .wrapper-combo .breadcrumbs {
        padding-top: 8px;
        padding-bottom: 26px;
    }
}

.product-spec__grids--dropdown {
    display: none;
    margin-bottom: 16px;
}
.product-spec__grids--dropdown.active {
    display: grid;
}

.product-spec__open {
    color: rgb(139, 139, 139);
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}
@media only screen and (max-width: 991px) {
    .product-spec__open {
        font-size: 14px;
    }
}

.materials__body {
    margin-top: 15px;
}
.materials__grid {
    margin-bottom: 18px;
}
.materials__grid--head {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #555556;
    justify-content: space-between;
    margin-left: 36px;
    padding-bottom: 16px;
    cursor: pointer;
}
@media only screen and (max-width: 991px) {
    .materials__grid--head {
        font-size: 16px;
        padding-left: 24px;
    }
}
.materials__grid--head.active img {
    transform: rotate(0);
}
.materials__grid--head img {
    transform: rotate(-90deg);
    transition: 300ms;
}
@media only screen and (max-width: 991px) {
    .materials__grid--head img {
        width: 24px;
        height: 14px;
    }
}
.materials__grid--body {
    padding-left: 36px;
    margin: 56px 0;
    display: none;
}
@media only screen and (max-width: 991px) {
    .materials__grid--body {
        margin: 24px 0;
        padding-left: 24px;
    }
}
.materials__grid--body.active {
    display: block;
}
.materials__grid--body .product-doc__img {
    width: 50px;
    height: 50px;
}
@media only screen and (max-width: 991px) {
    .materials__grid--body .product-doc__img {
        margin-right: 16px;
    }
}
.materials__grid--body .product-doc__aside {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .materials__grid--body .product-doc__aside {
        width: 100%;
        justify-content: space-between;
    }
}
.materials__grid--body .product-doc__name {
    max-width: 70%;
    margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
    .materials__grid--body .product-doc__name {
        max-width: 100%;
    }
}
.materials__grid--body .product-doc__btn {
    width: 46px;
    height: 28px;
    padding: 0;
    flex-shrink: 0;
}
.materials__grid--body .product-doc__btn span {
    display: none;
}

.fancybox-content {
    background: #fff !important;
}

.product-spec__container {
    position: relative;
    padding-left: 20px;
    margin-bottom: 56px;
}
@media only screen and (max-width: 991px) {
    .product-spec__container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.product-spec__container:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgb(215, 214, 213);
    top: 14px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.product-spec__container--items {
    padding: 38px 10px 10px;
}
@media only screen and (max-width: 991px) {
    .product-spec__container--items {
        padding: 24px 0 0;
    }
}
.product-spec__container--title {
    font-size: 20px;
    position: relative;
    background: #f5f5f5;
    padding: 0 6px;
    font-weight: 700;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.product-spec__container .product-spec__item {
    margin-bottom: 32px;
}
.product-spec__container .product-spec__item:last-child {
    margin-bottom: 0;
}
.product-spec__container .product-spec__label {
    font-size: 16px;
}
.product-spec__container .product-spec__clear {
    font-size: 16px;
    right: 0;
}

.product-card-new .product-card__top--item {
    margin-right: 166px;
}
@media only screen and (max-width: 1500px) {
    .product-card-new .product-card__top--item {
        margin-right: 114px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__top--item {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__top {
        margin-right: 26px;
    }
}
.product-card-new .product-card__buttons {
    display: flex;
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__buttons {
        top: 30%;
        transform: translateY(-58%);
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__inner {
        padding-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__top--prev {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__top--next {
        justify-content: flex-end;
        width: 13px;
        height: 13px;
    }
}
@media only screen and (max-width: 991px) {
    .product-card-new .product-card__aside {
        margin-right: 0;
    }
}

.product-spec__grid--img {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.product-spec__grid--info p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.product-spec__grid--info span {
    display: block;
    font-size: 14px;
    color: rgb(139, 139, 139);
}
@media only screen and (max-width: 1500px) {
    .product-spec__grid--info span {
        max-width: 140px;
    }
}

.product-spec__grid--more {
    margin-top: 20px;
    display: none;
}
@media only screen and (max-width: 991px) {
    .product-spec__grid--more {
        display: block;
        font-weight: 700;
        font-size: 14px;
        color: rgb(221, 91, 18);
        padding-bottom: 1px;
        border-bottom: 1px solid rgb(221, 91, 18);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

.product-spec__grid--new.active .product-spec__grid--info {
    color: #cd4a00;
}

.product-spec__grid--img {
    position: relative;
}
.product-spec__grid--img--dropdown {
    position: absolute;
    bottom: 12px;
    right: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    color: rgb(85, 85, 86);
    gap: 10px;
}
.product-spec__grid--img--dropdown img {
    height: 16px;
    width: 32px;
}

.catalog-other {
    margin-bottom: 76px;
}
@media only screen and (max-width: 1500px) {
    .catalog-other {
        margin-bottom: 56px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other {
        margin-bottom: 24px;
    }
}
.catalog-other__top {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 36px;
    height: 90px;
    overflow-x: auto;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__top {
        height: 75px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__top {
        gap: 10px 12px;
    }
}
.catalog-other__top::-webkit-scrollbar {
    background: #F5F5F5;
    width: 6px;
    border-radius: 20px;
}
.catalog-other__top::-webkit-scrollbar-thumb {
    background: #D7D6D5;
    width: 6px;
    border-radius: 20px;
}
.catalog-other__top a {
    white-space: nowrap;
    color: #8b8b8b;
    font-size: 22px;
    font-weight: 500;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__top a {
        font-weight: 400;
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__top a {
        font-size: 14px;
    }
}
.catalog-other__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__items {
        gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__items {
        gap: 12px;
    }
}
.catalog-other__item {
    max-width: 207px;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__item {
        max-width: 160px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__item {
        max-width: 95px;
    }
}
.catalog-other__img {
    height: 125px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    width: 100%;
}
.catalog-other__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__img {
        height: 96px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__img {
        height: 57px;
        margin-bottom: 8px;
        width: 100%;
    }
}
.catalog-other__name {
    color: #8b8b8b;
    font-size: 22px;
    font-weight: 500;
}
@media only screen and (max-width: 1500px) {
    .catalog-other__name {
        font-weight: 400;
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .catalog-other__name {
        font-size: 14px;
    }
}
/* End */


/* Start:/local/templates/swgshop/css/additional.css?17286760371522*/
.bx-core-window button, .bx-core-window input, .bx-core-window textarea{
    -moz-appearance: unset; !important;
    appearance: auto; !important;
    -webkit-appearance: default-button; !important;
}
.muse-cart__swiper .swiper-slide{
    cursor: pointer;
}

.adress__items {
    display: grid;
}
.header__basket{
    cursor: pointer;
}

.basket__del{
    cursor: pointer;
}

.basket__zakaz {
    cursor: pointer;
}

.basket__footer{
    left:450px;
}

.product-order__inner .field input{
    background: #f5f5f5;
}


.product-order__inner .feedback__btn{
    margin-right: auto;
    margin-left: 0;
}

.header__search{
    cursor: pointer;
}

.header__human{
    cursor: pointer;
}

.header__btn{
    cursor: pointer;
}

.adress__aside{
    height: 640px;
    overflow: auto;
    padding-right: 20px
}



.bx-captcha {
    margin-bottom: 15px;
}


.product-single__item {
    cursor: pointer;
}

.overflow-load{
    display: none;
}

.news-content__inner a {
    text-decoration: underline;
}
.news-content__inner a:link {
    color: #497DDD;
}
.news-content__inner a:visited{
    color: #EF7D55;
}


.constructor2basket .loader {
    border: 3px solid rgb(221, 91, 18);
}

.checkbox.disabled {
    display: none;
}

.product-spec__ter img {
    margin-right: 8px;
}

.search-language-guess a{
    text-decoration: underline;
    font-weight: bold;
}

.cookie {
    display:none;
}

.cookie.show{
    display:block;
}

.same-properties.active{
    background: rgb(221, 91, 18);
    color: #fff;
    border-radius: 40px;
}
/* End */
/* /local/templates/swgshop/libs/swiper/swiper.css?172616989715729 */
/* /local/templates/swgshop/libs/rangeslider/ion.rangeSlider.min.css?172616989711084 */
/* /local/templates/swgshop/libs/fancybox/jquery.fancybox.min.css?172616989712795 */
/* /local/templates/swgshop/libs/slick/slick.css?17261698971776 */
/* /local/templates/swgshop/libs/animate/animate.min.css?172616989771750 */
/* /local/templates/swgshop/css/style.css?1752844096414619 */
/* /local/templates/swgshop/css/additional.css?17286760371522 */