@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.hide-dotted:not(.dotted-complete) *,
.top-block .menus:not(.initied) {
    opacity: 1;
}

.logo-row {
    max-width: 1572px;
}

h1, h2, h3, h4, h5, h6 {
    color:inherit;
}

ul > li {
    margin: unset;
}

ul:not(.tick-list):not([id*="bx_"]) > li:before {
    content: unset;
    display: none;
}

body .maxwidth-theme {
    max-width: 1572px;
}
.wrapper_inner .maxwidth-theme {
    max-width: unset !important;
}

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

body {
    margin: 0
}

details, main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

input[data-autocomplete] {
    border-color: gray;
    border-style: none none solid;
    border-width: 0 0 1px;
    margin: 0;
    padding: 5px;
    width: 100%
}

.autocomplete {
    position: absolute;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 1, .5, 1);
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.autocomplete:active, .autocomplete:focus, .autocomplete:hover {
    background-color: #fafafa;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.autocomplete.open:empty, .autocomplete:empty {
    display: none
}

.autocomplete > ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.autocomplete > ul > li {
    cursor: pointer;
    padding: 5px 0 5px 10px
}

.autocomplete > ul > li.active, .autocomplete > ul > li:active, .autocomplete > ul > li:focus, .autocomplete > ul > li:hover {
    background-color: #eee;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.autocomplete > ul > li.active a:active, .autocomplete > ul > li.active a:focus, .autocomplete > ul > li.active a:hover, .autocomplete > ul > li:active a:active, .autocomplete > ul > li:active a:focus, .autocomplete > ul > li:active a:hover, .autocomplete > ul > li:focus a:active, .autocomplete > ul > li:focus a:focus, .autocomplete > ul > li:focus a:hover, .autocomplete > ul > li:hover a:active, .autocomplete > ul > li:hover a:focus, .autocomplete > ul > li:hover a:hover {
    text-decoration: none
}

.autocomplete > ul > li.locked {
    cursor: inherit
}

.autocomplete.open {
    display: block;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background-color: #fafafa;
    max-height: 500px;
    overflow-y: auto;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0, 1, .5, 1);
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
    z-index: 100
}

@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-notification {
    display: none !important
}

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

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

.swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

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

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

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

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

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

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

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

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

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

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

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

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    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;
    font-variant: initial
}

.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;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    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: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    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%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block
}

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

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

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.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%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    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
}

.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 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    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 {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

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

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

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

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

/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-1 > *, .row-cols-2 > *, .row-cols-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > *, .row-cols-2 > * {
    width: 100%
}

.row-cols-2 > * {
    width: 50%
}

.row-cols-3 > *, .row-cols-4 > *, .row-cols-5 > *, .row-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > *, .row-cols-5 > *, .row-cols-6 > * {
    width: 25%
}

.row-cols-5 > *, .row-cols-6 > * {
    width: 20%
}

.row-cols-6 > * {
    width: 16.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > *, .row-cols-sm-2 > *, .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > *, .row-cols-sm-3 > * {
        width: 50%
    }

    .row-cols-sm-3 > * {
        width: 33.3333333333%
    }

    .row-cols-sm-4 > *, .row-cols-sm-5 > *, .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > *, .row-cols-sm-6 > * {
        width: 20%
    }

    .row-cols-sm-6 > * {
        width: 16.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > *, .row-cols-md-2 > *, .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > *, .row-cols-md-3 > * {
        width: 50%
    }

    .row-cols-md-3 > * {
        width: 33.3333333333%
    }

    .row-cols-md-4 > *, .row-cols-md-5 > *, .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > *, .row-cols-md-6 > * {
        width: 20%
    }

    .row-cols-md-6 > * {
        width: 16.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > *, .row-cols-lg-2 > *, .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > *, .row-cols-lg-3 > * {
        width: 50%
    }

    .row-cols-lg-3 > * {
        width: 33.3333333333%
    }

    .row-cols-lg-4 > *, .row-cols-lg-5 > *, .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > *, .row-cols-lg-6 > * {
        width: 20%
    }

    .row-cols-lg-6 > * {
        width: 16.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > *, .row-cols-xl-2 > *, .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > *, .row-cols-xl-3 > * {
        width: 50%
    }

    .row-cols-xl-3 > * {
        width: 33.3333333333%
    }

    .row-cols-xl-4 > *, .row-cols-xl-5 > *, .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > *, .row-cols-xl-6 > * {
        width: 20%
    }

    .row-cols-xl-6 > * {
        width: 16.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > *, .row-cols-xxl-2 > *, .row-cols-xxl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > *, .row-cols-xxl-3 > * {
        width: 50%
    }

    .row-cols-xxl-3 > * {
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > *, .row-cols-xxl-5 > *, .row-cols-xxl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > *, .row-cols-xxl-6 > * {
        width: 20%
    }

    .row-cols-xxl-6 > * {
        width: 16.6666666667%
    }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1, .col-2, .col-3, .col-4, .col-5 {
    width: 8.33333333%
}

.col-2, .col-3, .col-4, .col-5 {
    width: 16.66666667%
}

.col-3, .col-4, .col-5 {
    width: 25%
}

.col-4, .col-5 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-10, .col-11, .col-12, .col-6, .col-7, .col-8, .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.col-10, .col-11, .col-12, .col-7, .col-8, .col-9 {
    width: 58.33333333%
}

.col-10, .col-11, .col-12, .col-8, .col-9 {
    width: 66.66666667%
}

.col-10, .col-11, .col-12, .col-9 {
    width: 75%
}

.col-10, .col-11, .col-12 {
    width: 83.33333333%
}

.col-11, .col-12 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-1, .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7 {
        width: 25%
    }

    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7 {
        width: 33.33333333%
    }

    .col-sm-5, .col-sm-6, .col-sm-7 {
        width: 41.66666667%
    }

    .col-sm-6, .col-sm-7 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-8, .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-9 {
        width: 75%
    }

    .col-sm-10, .col-sm-11, .col-sm-12 {
        width: 83.33333333%
    }

    .col-sm-11, .col-sm-12 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-1, .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7 {
        width: 25%
    }

    .col-md-4, .col-md-5, .col-md-6, .col-md-7 {
        width: 33.33333333%
    }

    .col-md-5, .col-md-6, .col-md-7 {
        width: 41.66666667%
    }

    .col-md-6, .col-md-7 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-10, .col-md-11, .col-md-12, .col-md-8, .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-10, .col-md-11, .col-md-12, .col-md-9 {
        width: 75%
    }

    .col-md-10, .col-md-11, .col-md-12 {
        width: 83.33333333%
    }

    .col-md-11, .col-md-12 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-1, .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7 {
        width: 25%
    }

    .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7 {
        width: 33.33333333%
    }

    .col-lg-5, .col-lg-6, .col-lg-7 {
        width: 41.66666667%
    }

    .col-lg-6, .col-lg-7 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-8, .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-9 {
        width: 75%
    }

    .col-lg-10, .col-lg-11, .col-lg-12 {
        width: 83.33333333%
    }

    .col-lg-11, .col-lg-12 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-1, .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7 {
        width: 25%
    }

    .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7 {
        width: 33.33333333%
    }

    .col-xl-5, .col-xl-6, .col-xl-7 {
        width: 41.66666667%
    }

    .col-xl-6, .col-xl-7 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-8, .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-9 {
        width: 75%
    }

    .col-xl-10, .col-xl-11, .col-xl-12 {
        width: 83.33333333%
    }

    .col-xl-11, .col-xl-12 {
        width: 91.66666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-1, .col-xxl-2, .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1, .col-xxl-2 {
        width: 8.33333333%
    }

    .col-xxl-2 {
        width: 16.66666667%
    }

    .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7 {
        width: 33.33333333%
    }

    .col-xxl-5, .col-xxl-6, .col-xxl-7 {
        width: 41.66666667%
    }

    .col-xxl-6, .col-xxl-7 {
        width: 50%
    }

    .col-xxl-7 {
        width: 58.33333333%
    }

    .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-8, .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-9 {
        width: 75%
    }

    .col-xxl-10, .col-xxl-11, .col-xxl-12 {
        width: 83.33333333%
    }

    .col-xxl-11, .col-xxl-12 {
        width: 91.66666667%
    }

    .col-xxl-12 {
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-grid {
    display: -ms-grid !important;
    display: grid !important
}

.d-table {
    display: table !important
}

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

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

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

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

.d-none {
    display: none !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-column, .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-column-reverse, .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

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

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

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

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

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

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

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

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

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

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

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

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

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

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

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

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

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

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

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

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

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

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

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

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

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

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

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

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

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

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

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

    .d-sm-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-column, .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-column-reverse, .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

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

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

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

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

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

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

    .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

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

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

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

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

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

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

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

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

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

    .d-md-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-column, .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-column-reverse, .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

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

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

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

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

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

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

    .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

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

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

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

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

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

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

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

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

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

    .d-lg-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-column, .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-column-reverse, .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

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

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

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

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

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

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

    .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

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

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

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

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

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

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

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

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

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

    .d-xl-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-column, .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-column-reverse, .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

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

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

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

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

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

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

    .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

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

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

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

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

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

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

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

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

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

    .d-xxl-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxl-column, .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-column-reverse, .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

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

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

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

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

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

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

    .order-xxl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

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

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

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

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

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

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

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

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

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

    .d-print-grid {
        display: -ms-grid !important;
        display: grid !important
    }

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

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

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

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

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

    .d-print-none {
        display: none !important
    }
}

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

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes wobble {
    0%, to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {
    0%, to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    20%, 80% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    30%, 50%, 70% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    40%, 60% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
}

@-webkit-keyframes showSub {
    0% {
        height: 0
    }
    50% {
        height: 50vh;
        height: calc((var(--subMenuHeight) + 50px) / 2)
    }
    to {
        height: 100vh;
        height: calc(var(--subMenuHeight) + 50px)
    }
}

@keyframes showSub {
    0% {
        height: 0
    }
    50% {
        height: 50vh;
        height: calc((var(--subMenuHeight) + 50px) / 2)
    }
    to {
        height: 100vh;
        height: calc(var(--subMenuHeight) + 50px)
    }
}

@-webkit-keyframes hideSub {
    0% {
        height: 100vh;
        height: calc(var(--subMenuHeight) + 50px)
    }
    50% {
        height: 50vh;
        height: calc((var(--subMenuHeight) + 50px) / 2)
    }
    to {
        height: 0
    }
}

@keyframes hideSub {
    0% {
        height: 100vh;
        height: calc(var(--subMenuHeight) + 50px)
    }
    50% {
        height: 50vh;
        height: calc((var(--subMenuHeight) + 50px) / 2)
    }
    to {
        height: 0
    }
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2) translate(-50%, -50%);
        transform: scale(2) translate(-50%, -50%);
        opacity: 0
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2) translate(-50%, -50%);
        transform: scale(2) translate(-50%, -50%);
        opacity: 0
    }
}

@-webkit-keyframes AnimationBg {
    0%, to {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@keyframes AnimationBg {
    0%, to {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX, .flipInY, .flipOutX, .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX, .flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX, .flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.beer-slider {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.wallpaper-page *, .beer-slider *, .beer-slider :after, .beer-slider :before, .beer-slider:after, .beer-slider:before, .wallpaper-page::after, .wallpaper-page::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beer-slider img, .beer-slider svg {
    vertical-align: bottom
}

.beer-slider > * {
    height: 100%
}

.beer-slider > img {
    height: auto;
    max-width: 100%
}

.beer-reveal {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    z-index: 1
}

.beer-reveal > :first-child {
    height: 100%;
    max-width: none;
    width: 200%
}

.beer-reveal > img:first-child {
    height: auto
}

.beer-range {
    -moz-appearance: none;
    -ms-touch-action: auto;
    -webkit-appearance: slider-horizontal !important;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: -1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    touch-action: auto;
    width: calc(100% + 2px);
    z-index: 2
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh
}

.beer-range::-ms-tooltip {
    display: none
}

.beer-handle {
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px transparent;
    box-shadow: 0 0 6px transparent;
    color: #000;
    height: 48px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: background .3s, opacity .5s .25s, -webkit-box-shadow .3s;
    transition: background .3s, box-shadow .3s, opacity .5s .25s;
    transition: background .3s, box-shadow .3s, opacity .5s .25s, -webkit-box-shadow .3s;
    width: 48px;
    z-index: 2
}

.beer-handle:after, .beer-handle:before {
    border-left: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 10px
}

.beer-handle:before {
    left: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.beer-handle:after {
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.beer-range:focus ~ .beer-handle {
    background: rgba(255, 255, 255, .85);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after {
    background: rgba(255, 255, 255, .75);
    border-radius: .125rem;
    content: attr(data-beer-label);
    line-height: 1;
    padding: .5rem;
    position: absolute;
    top: 1.5rem
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem
}

.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after, .input-wrapper--checkbox input + label::after, .input-wrapper--radio input + label::after {
    content: none
}

.beer-ready .beer-handle, .beer-ready .beer-reveal, .btn--gradient:hover::after {
    opacity: 1
}

.ts-btn, .ts-panel {
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.ts-panel {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: rgba(0, 160, 223, .5);
    z-index: 999999999999;
    max-width: 70%;
    padding: 10px 10px 0
}

.ts-btn {
    border: 0;
    padding: 5px 10px;
    cursor: pointer;
    color: #fff;
    background: #e72e8b;
    background: linear-gradient(4deg, #e72e8b 0%, #00a0df 100%);
    margin-right: 10px;
    margin-bottom: 10px
}

.ts-btn:hover {
    background: #e72e8b;
    background: linear-gradient(256deg, #e72e8b 0%, #00a0df 100%)
}

.product-card__img-wrapper-in-extra button:last-child, .ts-btn:last-child {
    margin-right: 0
}

.ts-console {
    position: fixed;
    padding: 10px;
    border-radius: 3px;
    background-color: rgba(0, 160, 223, .8);
    bottom: 80px;
    left: 20px;
    color: #fff;
    width: 100%;
    max-width: 900px;
    min-width: 300px;
    white-space: pre;
    font-family: monospace;
    max-height: 80vh;
    overflow-y: scroll
}

@media (max-width: 1000px) {
    .ts-console {
        display: none
    }
}

.ts-panel--close {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(4deg, #e72e8b 0%, #00a0df 100%)
}

.ts-panel--close:hover {
    background: linear-gradient(256deg, #e72e8b 0%, #00a0df 100%)
}

.btn--checkbox input[type=checkbox], .ts-panel--close .ts-btn, .ts-panel--close .ts-console {
    display: none
}

@font-face {
    font-style: normal;
    font-weight: 300;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-Light"), local("mont-Light"), url(../fonts/mont-light.woff2) format("woff2"), url(../fonts/mont-light.woff) format("woff")
}

@font-face {
    font-style: italic;
    font-weight: 300;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-LightItalic"), local("mont-LightItalic"), url(../fonts/mont-lightitalic.woff2) format("woff2"), url(../fonts/mont-lightitalic.woff) format("woff")
}

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

@font-face {
    font-style: italic;
    font-weight: 500;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-RegularItalic"), local("mont-RegularItalic"), url(../fonts/mont-regularitalic.woff2) format("woff2"), url(../fonts/mont-regularitalic.woff) format("woff")
}

@font-face {
    font-style: normal;
    font-weight: 600;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-SemiBold"), local("mont-SemiBold"), url(../fonts/mont-semibold.woff2) format("woff2"), url(../fonts/mont-semibold.woff) format("woff")
}

@font-face {
    font-style: italic;
    font-weight: 600;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-SemiBoldItalic"), local("mont-SemiBoldItalic"), url(../fonts/mont-semibolditalic.woff2) format("woff2"), url(../fonts/mont-semibolditalic.woff) format("woff")
}

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

@font-face {
    font-style: italic;
    font-weight: 700;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-BoldItalic"), local("mont-BoldItalic"), url(../fonts/mont-bolditalic.woff2) format("woff2"), url(../fonts/mont-bolditalic.woff) format("woff")
}

@font-face {
    font-style: normal;
    font-weight: 900;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-Heavy"), local("mont-Heavy"), url(../fonts/mont-heavy.woff2) format("woff2"), url(../fonts/mont-heavy.woff) format("woff")
}

@font-face {
    font-style: italic;
    font-weight: 900;
    font-family: "Mont";
    font-display: swap;
    src: local("mont-HeavyItalic"), local("mont-HeavyItalic"), url(../fonts/mont-heavyitalic.woff2) format("woff2"), url(../fonts/mont-heavyitalic.woff) format("woff")
}

body .wallpaper-page {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.wallpaper-page a {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px
}

li, ul {
    list-style: none
}

body, html, li, p, ul {
    margin: 0
}

.line-through {
    position: relative
}

.line-through::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 54px;
    height: 2px;
    background-color: #d95858;
    -webkit-transform: translate(-50%, -50%) rotate(-19deg);
    transform: translate(-50%, -50%) rotate(-19deg)
}

body, html, li, ul {
    padding: 0
}

img, video {
    display: block;
    max-width: 100%;
    height: auto
}

textarea {
    resize: none
}

:focus {
    outline: 0
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    box-shadow: inset 0 0 0 1000px #fff;
    -webkit-text-fill-color: #000
}

input, select, textarea {
    border-radius: 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder, input::-ms-input-placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder {
    opacity: 1
}

input::placeholder, textarea::placeholder {
    opacity: 1
}

input:invalid, textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

input {
    -webkit-appearance: none
}

::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input:matches([type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -999;
    background-color: rgba(46, 51, 70, .8)
}

.overlay.is-active {
    z-index: 999;
    opacity: 1
}

.overlay, .overlay-open {
    position: fixed;
    overflow-y: auto
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

.wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden
}

.wrapper--no-scrollbar {
    height: 100vh;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.wrapper--no-scrollbar::-webkit-scrollbar {
    display: none
}

.wrapper--overflow {
    overflow-x: unset
}

@media (max-width: 1023px) {
    .wrapper--overflow {
        overflow-x: hidden
    }
}

.wrapper main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sprite {
    width: 0;
    height: 0
}

.scroll-lock {
    position: fixed;
    overflow-y: auto;
    overflow: hidden;
    -webkit-overflow-scrolling: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -ms-touch-action: none;
    touch-action: none
}

.content-wrapper > div, .open-submenu {
    padding: 0
}

.open-submenu header {
    z-index: 10
}

.open-submenu footer, .open-submenu main {
    -webkit-filter: blur(1.5px);
    filter: blur(1.5px);
    position: relative;
    z-index: 0
}

.open-submenu footer::before, .open-submenu main::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #efeeee;
    z-index: 101;
    opacity: .8
}

.text-page-wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (max-width: 1023px) {
    .text-page-wrapper .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sidebar.bottom {
    position: absolute;
    bottom: 0;
    right: 35px;
    top: auto
}

.sidebar.top {
    position: fixed;
    top: 0
}

.clearfix {
    overflow: auto
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

.grid-sizer, .gutter-sizer {
    padding: 0;
    margin: 0;
    width: 23.65%
}

.gutter-sizer {
    width: 1.8%
}

.container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1642px;
    margin: 0 auto;
    padding: 0 35px
}

@media (max-width: 1023px) {
    .container {
        padding: 0 25px
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 17px
    }

    .container--no-padding {
        padding: 0
    }
}

@media (max-width: 1023px) {
    .container-md {
        padding: 0 35px
    }
}

@media (max-width: 767px) {
    .container-md {
        padding: 0 15px
    }
}

.hidden {
    overflow: hidden
}

.wallpaper-page .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-row, .flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-col, .flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-col-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.absolute-full {
    inset: 0
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

.radius-base {
    border-radius: 8px
}

.radius-full {
    border-radius: 100%
}

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

.link {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.link--blue, .link-regular:hover {
    color: #4f8cc8
}

.text-wrapper a:not([class]) {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: -.02em;
    color: #4f8cc8;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.text-wrapper a:not([class]):hover {
    color: #4f8cc8;
    border-bottom: 2px solid #73b8de
}

.link-regular {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: -.02em
}

.link-regular--blue {
    color: #4f8cc8;
    border-bottom: 2px solid transparent
}

.link-regular--blue:hover, .link-regular--dark {
    color: #4f8cc8;
    border-bottom: 2px solid #73b8de
}

.link-regular--dark {
    color: #2e3346
}

.link-regular--dark:hover {
    color: #4f8cc8;
    border-bottom: 2px solid #4f8cc8
}

.link-header {
    font-weight: 700;
    font-size: 100%;
    line-height: inherit;
    letter-spacing: -.02em;
    border-bottom: 2px solid transparent
}

.link-header, .link-header--blue {
    color: #4f8cc8
}

.link-header--blue:hover, .link-header--dark:hover {
    color: #2e3346;
    border-bottom: 2px solid #73b8de
}

.link-header--dark {
    color: #2e3346;
    border-bottom: 2px solid #4f8cc8
}

.link-header--dark:hover {
    color: #4f8cc8
}

.link--important, .link--simple {
    font-size: 11px;
    line-height: 14px;
    color: #a7adb8;
    font-weight: 600
}

.link--simple:hover {
    color: #767f86
}

.link--important {
    font-weight: 700;
    color: #2e3346
}

.link--icon:hover, .link--important:hover {
    color: #70af60
}

.link--icon {
    position: relative;
    padding-left: 32px;
    color: #2e3346
}

@media (max-width: 1279px) {
    .link--icon {
        padding-left: 28px
    }
}

.link--icon::before {
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/sprite/icon-pay.svg);
    background-size: contain
}

.link--menu {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #a7adb8
}

.link--menu:hover {
    color: #efeeee
}

.link--gray {
    color: #dee0e2
}

.link--gray:hover {
    color: #767f86
}

.link--tel {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px
}

.link--tel:hover {
    color: #70af60
}

.link--new {
    position: relative;
    padding-right: 40px
}

.link--icon::before, .link--new::after, .link--percent::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat
}

.link--new::after {
    right: 0;
    width: 36px;
    height: 27px;
    background-image: url(../img/sprite/icon-new.svg)
}

.link--percent {
    position: relative;
    padding-left: 30px;
    font-weight: 700;
    color: #fff
}

@media (max-width: 767px) {
    .link--percent {
        padding-left: 36px
    }
}

.link--percent::before {
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/sprite/icon-percent.svg)
}

.link--dotted {
    border-bottom: 1px dotted
}

.link--dotted:hover {
    border-bottom: 1px dotted transparent
}

.text-extrabold, .text-wrapper .text-extrabold, .text-wrapper h1:not([class]) {
    font-weight: 800
}

.text-bold {
    font-weight: 700
}

.text-medium {
    font-weight: 600
}

.categories button.is-active::after, .text-regular {
    font-weight: 500
}

.text-light {
    font-weight: 300
}

.text-wrapper .title, .title {
    margin: 0;
    letter-spacing: -.02em
}

.text-wrapper .title, .text-wrapper h1:not([class]), .title {
    padding: 0;
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346
}

.title--h1-extrasmall {
    font-size: 30px;
    line-height: 36px
}

@media (max-width: 1023px) {
    .title--h1-extrasmall {
        font-size: 26px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .title--h1-extrasmall {
        font-size: 22px;
        line-height: 28px
    }
}

.title--h1-small {
    font-size: 36px;
    line-height: 42px
}

@media (max-width: 1023px) {
    .title--h1-small {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 767px) {
    .title--h1-small {
        font-size: 24px;
        line-height: 30px
    }
}

.text-wrapper .title--h1-medium, .text-wrapper h1:not([class]), .title--h1-medium {
    font-size: 42px;
    line-height: 48px
}

@media (max-width: 1279px) {
    .text-wrapper .title--h1-medium, .text-wrapper h1:not([class]), .title--h1-medium {
        font-size: 36px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .text-wrapper .title--h1-medium, .text-wrapper h1:not([class]), .title--h1-medium {
        font-size: 28px;
        line-height: 36px
    }
}

.title--h1-big {
    font-size: 52px;
    line-height: 54px
}

@media (max-width: 1023px) {
    .title--h1-big {
        font-size: 46px;
        line-height: 50px
    }
}

@media (max-width: 767px) {
    .title--h1-big {
        font-size: 38px;
        line-height: 42px
    }
}

.text-wrapper h1:not([class]) {
    letter-spacing: -.02em;
    margin: 0
}

.text-wrapper h2:not([class]), .text-wrapper h3:not([class]), .text-wrapper h4:not([class]), .text-wrapper h5:not([class]), .text-wrapper h6:not([class]) {
    letter-spacing: -.02em;
    margin-top: 0
}

.title--h1-extrabig {
    font-size: 64px;
    line-height: 66px
}

@media (max-width: 1023px) {
    .title--h1-extrabig {
        font-size: 56px;
        line-height: 60px
    }
}

@media (max-width: 767px) {
    .title--h1-extrabig {
        font-size: 48px;
        line-height: 52px
    }
}

.title--h1-megabig {
    font-size: 100px;
    line-height: 110px
}

@media (max-width: 1023px) {
    .title--h1-megabig {
        font-size: 80px;
        line-height: 84px
    }
}

@media (max-width: 767px) {
    .title--h1-megabig {
        font-size: 60px;
        line-height: 62px
    }
}

.text-wrapper h2:not([class]), .title--h2-medium {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 16px
}

@media (max-width: 1279px) {
    .text-wrapper h2:not([class]), .title--h2-medium {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .text-wrapper h2:not([class]), .title--h2-medium {
        font-size: 22px;
        line-height: 26px
    }
}

.title--h2-big {
    font-size: 42px;
    line-height: 46px
}

@media (max-width: 1023px) {
    .title--h2-big {
        font-size: 36px;
        line-height: 40px
    }
}

@media (max-width: 767px) {
    .title--h2-big {
        font-size: 28px;
        line-height: 32px
    }
}

.text-wrapper h3:not([class]), .title--h3-medium {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px
}

@media (max-width: 1279px) {
    .text-wrapper h3:not([class]), .title--h3-medium {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .text-wrapper h3:not([class]), .title--h3-medium {
        font-size: 20px;
        line-height: 24px
    }
}

.title--h3-big {
    font-size: 36px;
    line-height: 40px
}

@media (max-width: 1023px) {
    .title--h3-big {
        font-size: 30px;
        line-height: 34px
    }
}

@media (max-width: 767px) {
    .title--h3-big {
        font-size: 24px;
        line-height: 28px
    }
}

.text-wrapper h4:not([class]), .title--h4-medium {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 16px
}

@media (max-width: 1023px) {
    .text-wrapper h4:not([class]), .title--h4-medium {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .text-wrapper h4:not([class]), .title--h4-medium {
        font-size: 18px;
        line-height: 22px
    }
}

.title--h4-big {
    font-size: 32px;
    line-height: 36px
}

@media (max-width: 1023px) {
    .title--h4-big {
        font-size: 26px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .title--h4-big {
        font-size: 20px;
        line-height: 24px
    }
}

.text-wrapper h5:not([class]), .title--h5-medium {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px
}

@media (max-width: 1023px) {
    .text-wrapper h5:not([class]), .title--h5-medium {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .text-wrapper h5:not([class]), .title--h5-medium {
        font-size: 14px;
        line-height: 18px
    }
}

.title--h5-big {
    font-size: 26px;
    line-height: 32px
}

@media (max-width: 1023px) {
    .title--h5-big {
        font-size: 22px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    .title--h5-big {
        font-size: 16px;
        line-height: 20px
    }
}

.text-wrapper h6:not([class]), .title--h6-medium {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

@media (max-width: 1023px) {
    .text-wrapper h6:not([class]), .title--h6-medium {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .text-wrapper h6:not([class]), .title--h6-medium {
        font-size: 12px;
        line-height: 16px
    }
}

.title--incut {
    font-size: 120px;
    line-height: 100px
}

@media (max-width: 1023px) {
    .title--incut {
        font-size: 100px;
        line-height: 90px
    }
}

@media (max-width: 767px) {
    .title--incut {
        font-size: 84px;
        line-height: 72px
    }
}

.title--capitello-small {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: capitalize
}

@media (max-width: 1023px) {
    .title--capitello-small {
        font-size: 11px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    .title--capitello-small {
        font-size: 10px;
        line-height: 14px
    }
}

.title--capitello-medium {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: capitalize
}

@media (max-width: 1023px) {
    .title--capitello-medium {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .title--capitello-medium {
        font-size: 11px;
        line-height: 16px
    }
}

.title--capitello-big {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .1em;
    text-transform: capitalize
}

@media (max-width: 1023px) {
    .title--capitello-big {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .title--capitello-big {
        font-size: 14px;
        line-height: 20px
    }
}

.title--h2-md {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #2e3346
}

.text-wrapper-new p {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-top: 1em;
    margin-bottom: 2em
}

.text-wrapper .paragraph:last-child, .text-wrapper-new .paragraph:last-child, .text-wrapper-new p:last-child {
    margin-bottom: 0
}

@media (max-width: 1023px) {
    .text-wrapper-new p {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-wrapper-new p {
        font-size: 12px;
        line-height: 22px
    }
}

.text-wrapper .paragraph, .text-wrapper-new .paragraph {
    margin-top: 1em;
    margin-bottom: 2em
}

.text-wrapper-new ul {
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 24px
}

.text-wrapper-new ul li {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    color: inherit;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 24px;
    padding-left: 24px;
    position: relative
}

@media (max-width: 1023px) {
    .text-wrapper-new ul li {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-wrapper-new ul li {
        font-size: 12px;
        line-height: 22px
    }
}

.text-wrapper-new ul li::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2e3346
}

.text-wrapper-new ul.minus-list, .text-wrapper-new ul.tick-list {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.text-wrapper-new ul.tick-list li::before {
    background-color: unset
}

.text-wrapper-new ul.minus-list li::before {
    content: '—';
    top: 0;
    background-color: unset
}

.text-wrapper-new ol {
    counter-reset: counter-list;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-left: 0
}

.text-wrapper-new ol li {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    color: #2e3346
}

.text-wrapper-new ol li::before {
    position: absolute;
    left: 0;
    content: counter(counter-list) ".";
    counter-increment: counter-list
}

.text-wrapper p:not([class]) {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    color: inherit;
    font-size: 14px;
    line-height: 24px;
    margin-top: 1em;
    margin-bottom: 2em
}

.text-wrapper p:not([class]):last-child {
    margin-bottom: 0
}

@media (max-width: 1023px) {
    .text-wrapper p:not([class]) {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-wrapper p:not([class]) {
        font-size: 12px;
        line-height: 22px
    }
}

p.paragraph {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    color: #2e3346;
    margin-top: .6em;
    margin-bottom: .6em
}

p.paragraph--norm {
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1023px) {
    p.paragraph--norm {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    p.paragraph--norm {
        font-size: 12px;
        line-height: 22px
    }
}

p.paragraph--big {
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 1023px) {
    p.paragraph--big {
        font-size: 15px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    p.paragraph--big {
        font-size: 14px;
        line-height: 24px
    }
}

p.paragraph--small {
    font-size: 12px;
    line-height: 22px
}

@media (max-width: 1023px) {
    p.paragraph--small {
        font-size: 10px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    p.paragraph--small {
        font-size: 8px;
        line-height: 14px
    }
}

@media (max-width: 1023px) {
    p.paragraph {
        margin-top: .6em;
        margin-bottom: .6em
    }
}

@media (max-width: 767px) {
    p.paragraph {
        margin-top: .6em;
        margin-bottom: .6em
    }
}

p.paragraph--italic {
    font-style: italic
}

blockquote.paragraph-border, p.paragraph-border {
    padding-left: 42px;
    margin: 0;
    font-family: "Mont", "Arial", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #2e3346
}

blockquote.paragraph-border--green, p.paragraph-border--green {
    border-left: 8px solid #70af60
}

blockquote.paragraph-border--red, p.paragraph-border--red {
    border-left: 8px solid #da7e7e
}

blockquote.paragraph-border--beigelight, p.paragraph-border--beigelight {
    border-left: 8px solid #efeeee
}

blockquote.paragraph-border--mediumgray, p.paragraph-border--mediumgray {
    border-left: 8px solid #a7adb8
}

@media (max-width: 1023px) {
    blockquote.paragraph-border, p.paragraph-border {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    blockquote.paragraph-border, p.paragraph-border {
        font-size: 18px;
        line-height: 22px
    }
}

p.paragraph-bg {
    padding: 35px 50px;
    font-weight: 600
}

p.paragraph-bg--green {
    background-color: #deecdd
}

.input-wrapper--city .city ul li:hover, .input-wrapper--city2 .city ul li:hover, p.paragraph-bg--extralightgray {
    background-color: #ebeff2
}

p.paragraph-bg--beigelight {
    background-color: #efeeee
}

p.paragraph-bg--extralightred {
    background-color: #faf0ee
}

@media (max-width: 1023px) {
    p.paragraph-bg {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    p.paragraph-bg {
        font-size: 16px;
        line-height: 22px
    }
}

p.paragraph-italic {
    font-family: "Mont", "Arial", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-style: italic;
    font-weight: 300
}

@media (max-width: 1023px) {
    p.paragraph-italic {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 767px) {
    p.paragraph-italic {
        font-size: 18px;
        line-height: 24px
    }
}

p.paragraph-icon--no-bg {
    position: relative;
    padding: 7px 0 7px 97px;
    font-family: "Mont", "Arial", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #2e3346;
    min-height: 66px
}

p.paragraph-icon--bg::before, p.paragraph-icon--no-bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 72px;
    height: 66px;
    background: url(../img/svg/alarm.svg) center center no-repeat
}

@media (max-width: 1023px) {
    p.paragraph-icon--no-bg {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    p.paragraph-icon--no-bg {
        font-size: 12px;
        line-height: 18px
    }
}

p.paragraph-icon--bg {
    min-height: 172px;
    padding: 48px 48px 48px 171px;
    position: relative;
    font-family: "Mont", "Arial", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    background-color: #faf0ee;
    border-radius: 5px
}

p.paragraph-icon--bg::before {
    top: 40px;
    left: 40px;
    width: 100px;
    height: 92px;
    background-size: 100px 92px
}

@media (max-width: 1023px) {
    p.paragraph-icon--bg {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    p.paragraph-icon--bg {
        font-size: 14px;
        line-height: 20px
    }
}

p.highlight, span.highlight {
    color: #70af60
}

.paragraph-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.paragraph-columns__column {
    padding-top: 100px;
    font-family: "Mont", "Arial", sans-serif;
    font-size: 14px;
    line-height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.paragraph-columns__column--safe {
    background-image: url(../img/sprite/icon-safe.svg);
    background-size: 57px 72px
}

.paragraph-columns__column--wallpapers {
    background-image: url(../img/sprite/icon-wallpaper.svg);
    background-size: 64px 64px
}

.paragraph-columns__column--roller {
    background-image: url(../img/sprite/icon-roller.svg);
    background-size: 72px 72px
}

.paragraph-columns__column--packing {
    background-image: url(../img/sprite/icon-packing.svg);
    background-size: 64px 64px
}

@media (max-width: 1023px) {
    .paragraph-columns__column {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .paragraph-columns__column {
        font-size: 13px;
        line-height: 18px
    }
}

.paragraph-columns--4-columns .paragraph-columns__column {
    width: 20%
}

.paragraph-columns--4-columns .paragraph-columns__column:not(:nth-child(4n)) {
    margin-right: 5%
}

ol.list li, p.comment {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600
}

p.comment {
    font-style: italic;
    font-size: 12px;
    line-height: 22px
}

@media (max-width: 767px) {
    p.comment {
        font-size: 10px;
        line-height: 18px
    }
}

.margin-separator {
    width: 100%;
    background-color: #efeeee;
    border: 0;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 1px
}

.margin-separator--medium {
    height: 2px
}

.margin-separator--big {
    height: 4px
}

.margin-separator--big-margin {
    margin-top: 64px;
    margin-bottom: 64px
}

@media (max-width: 1023px) {
    .margin-separator--big-margin {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.margin-separator--no-desktop-margin, .margin-separator--no-margin, ol.list {
    margin: 0
}

@media (max-width: 1023px) {
    .margin-separator--no-desktop-margin {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

ol.list {
    padding: 0
}

ol.list li {
    font-size: 14px;
    line-height: 24px;
    color: #2e3346;
    list-style-type: decimal;
    list-style-position: inside
}

.text-wrapper ul:not([class]) li, ul.list-mark li {
    padding-left: 24px;
    position: relative
}

.text-wrapper ul:not([class]) li::before, ul.list-mark li::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@media (max-width: 1023px) {
    .text-wrapper ul:not([class]) li {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-wrapper ul:not([class]) li {
        font-size: 12px;
        line-height: 22px
    }
}

.text-wrapper ul:not([class]) li::before, ul.list-mark--darkmain li::before {
    background-color: #2e3346
}

.text-wrapper ul:not([class]) {
    padding-right: 0;
    margin-top: 24px;
    margin-bottom: 24px
}

.text-wrapper ul:not([class]) li {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    color: inherit;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1023px) {
    .text-wrapper ul:not([class]) li {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-wrapper ul:not([class]) li {
        font-size: 12px;
        line-height: 22px
    }
}

.text-wrapper ul.tick-list {
    list-style: none;
    padding-left: 2.2em !important;
    padding-right: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.text-wrapper ol:not([class]) {
    counter-reset: counter-list;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-left: 0
}

.text-wrapper ol:not([class]) li {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346;
    list-style-type: decimal;
    list-style-position: inside
}

.text-wrapper ol:not([class]) li::before {
    position: absolute;
    left: 0;
    content: counter(counter-list) ".";
    counter-increment: counter-list
}

ul.list-mark--green li::before {
    background-color: #70af60
}

ul.list-mark--checkmark li::before {
    top: 4px;
    width: 16px;
    height: 13px;
    background: url(../img/sprite/icon-checkmark.svg) 0 0 no-repeat
}

ul.list-mark--dash li::before {
    content: '— ';
    margin-right: .5em;
    top: 0;
    width: 0
}

p.factoid, p.factoid + p {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 800;
    color: #2e3346;
    letter-spacing: -.01em
}

p.factoid + p {
    font-weight: 600
}

p.factoid--extrabig {
    font-size: 200px;
    line-height: 256px
}

@media (max-width: 1023px) {
    p.factoid--extrabig {
        display: none
    }
}

@media (max-width: 767px) {
    p.factoid--extrabig {
        display: none
    }
}

p.factoid--extrabig + p {
    margin-top: -55px;
    margin-bottom: 55px;
    font-size: 20px;
    line-height: 26px
}

p.factoid--big {
    font-size: 120px;
    line-height: 153px
}

@media (max-width: 1023px) {
    p.factoid--big {
        font-size: 100px;
        line-height: 128px
    }
}

@media (max-width: 767px) {
    p.factoid--big {
        font-size: 92px;
        line-height: 118px
    }
}

p.factoid--big + p {
    margin-top: -30px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 23px
}

@media (max-width: 1023px) {
    p.factoid--big + p {
        margin-top: -27px;
        margin-bottom: 27px;
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    p.factoid--big + p {
        margin-top: -25px;
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 18px
    }
}

p.factoid--medium {
    font-size: 92px;
    line-height: 118px
}

@media (max-width: 1023px) {
    p.factoid--medium {
        font-size: 84px;
        line-height: 107px
    }
}

@media (max-width: 767px) {
    p.factoid--medium {
        font-size: 72px;
        line-height: 92px
    }
}

p.factoid--medium + p {
    margin-top: -30px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 23px
}

@media (max-width: 1023px) {
    p.factoid--medium + p {
        margin-top: -27px;
        margin-bottom: 27px;
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    p.factoid--medium + p {
        margin-top: -25px;
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 18px
    }
}

p.factoid--small {
    display: inline-block;
    margin-right: 5px;
    font-size: 48px;
    line-height: 61px
}

@media (max-width: 1023px) {
    p.factoid--small {
        font-size: 44px;
        line-height: 56px
    }
}

@media (max-width: 767px) {
    p.factoid--small {
        font-size: 42px;
        line-height: 54px
    }
}

p.factoid--small + p {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 14px;
    line-height: 20px;
    max-width: 90px
}

@media (max-width: 1023px) {
    p.factoid--small + p {
        font-size: 13px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    p.factoid--small + p {
        font-size: 12px;
        line-height: 16px
    }
}

.service-spreadsheet {
    border: 3px solid #2e3346;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.service-spreadsheet td, .service-spreadsheet th {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 42px;
    letter-spacing: -.01em;
    border: 2px solid #efeeee;
    text-align: left
}

.service-spreadsheet th {
    padding-left: 29px;
    padding-right: 29px;
    color: #767f86
}

.service-spreadsheet td {
    padding-left: 38px;
    padding-right: 38px
}

.main-spreadsheet, .service-spreadsheet {
    border-collapse: collapse
}

.main-spreadsheet tr:first-child {
    background-color: #2e3346
}

.main-spreadsheet tr:nth-child(even):not(:first-child) {
    background-color: #fff
}

.main-spreadsheet tr:nth-child(odd):not(:first-child) {
    background-color: #efeeee
}

.main-spreadsheet td, .main-spreadsheet th {
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 60px
}

.main-spreadsheet td {
    color: #2e3346
}

.main-spreadsheet th {
    color: #a7adb8
}

.main-spreadsheet--green tr:first-child {
    background-color: #70af60
}

.main-spreadsheet--green th {
    color: #efeeee
}

.content-wrapper > div:not(:last-child) {
    margin-bottom: 50px
}

@media (max-width: 1023px) {
    .content-wrapper > div:not(:last-child) {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .content-wrapper > div:not(:last-child) {
        margin-bottom: 30px
    }
}

.text-block {
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346;
    font-weight: 500
}

.text-block p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 1em
}

@media (max-width: 1023px) {
    .text-block p {
        font-size: 13px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .text-block p {
        font-size: 12px;
        line-height: 22px
    }
}

.text-center {
    text-align: center
}

.text-color-darkgray {
    color: #767f86
}

.text-color-gray {
    color: #a7adb8
}

.text-color-lightgray {
    color: #dee0e2
}

.btn {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.btn:focus {
    outline: 0
}

.btn--general, .btn--rounded-new {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    letter-spacing: .05em
}

.btn--rounded-new {
    display: inline-block;
    border-radius: 30px;
    line-height: 32px;
    padding: 8px 25px;
    font-size: 12px
}

.btn--general {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 235px;
    min-height: 60px;
    padding: 20px 47px;
    font-size: 14px;
    vertical-align: middle;
    text-transform: uppercase;
    word-wrap: break-word;
    word-break: break-word;
    border: 3px solid transparent
}

@media (max-width: 1023px) {
    .btn--general {
        max-width: 217px;
        min-height: 55px;
        padding-right: 45px;
        padding-left: 45px;
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .btn--general {
        max-width: 206px;
        min-height: 50px;
        padding-right: 40px;
        padding-left: 40px
    }
}

.btn--light, .btn--video {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    color: #2e3346
}

.btn--light {
    text-align: center;
    padding: 17px 30px
}

.btn--light:hover, .btn--video:hover {
    opacity: .7
}

.btn--video {
    position: relative;
    padding: 17px 29px 17px 65px
}

.btn--video::before {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    left: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/svg/play_icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.btn--dark {
    color: #fff;
    background-color: #2e3346
}

.btn--dark:hover, .btn--green {
    background-color: #70af60
}

.btn--green {
    color: #fff
}

.btn--green:hover {
    background-color: #2e3346
}

a.btn--green:hover {
    color: #fff;
    background-color: #2e3346
}

.btn--blue {
    color: #fff;
    background-color: #4f8cc8
}

.btn--blue:hover {
    background-color: #73b8de
}

.btn--white {
    color: #2e3346;
    background: #efeeee
}

.btn--white:hover {
    background-color: #fff
}

.btn--gradient {
    position: relative;
    z-index: 1;
    color: #767f86;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(8.33%, #dee0e2), to(#ebeff2));
    background: linear-gradient(0deg, #dee0e2 8.33%, #ebeff2 100%);
    background-origin: border-box
}

.btn--gradient::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#70af60), color-stop(168.33%, #deecdd));
    background-image: linear-gradient(360deg, #70af60 0%, #deecdd 168.33%);
    background-origin: border-box;
    border: 3px solid transparent;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.btn--gradient:hover span {
    z-index: 3;
    color: #fff
}

.btn--disabled {
    color: #a7adb8;
    background: #efeeee;
    cursor: text;
    pointer-events: none
}

.btn--xl {
    width: 100%;
    max-width: 427px
}

@media (max-width: 1023px) {
    .btn--xl {
        font-size: 13px
    }
}

.btn--l {
    min-width: 228px
}

@media (max-width: 1023px) {
    .btn--l {
        min-width: 216px;
        min-height: 55px;
        padding-right: 45px;
        padding-left: 45px;
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .btn--l {
        min-width: 206px;
        min-height: 50px;
        padding-right: 40px;
        padding-left: 40px
    }
}

.btn--large {
    min-width: 290px;
    padding: 19px 20px
}

@media (max-width: 1023px) {
    .btn--large {
        min-width: 280px;
        min-height: 55px;
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .btn--large {
        min-width: 270px;
        min-height: 50px
    }
}

.btn--m {
    min-width: 190px;
    min-height: 50px;
    padding: 16px 35px;
    font-size: 12px;
    line-height: 18px
}

@media (max-width: 1023px) {
    .btn--m {
        min-width: 170px;
        min-height: 45px;
        padding-right: 35px;
        padding-left: 35px;
        font-size: 11px
    }
}

@media (max-width: 767px) {
    .btn--m {
        min-width: 152px;
        min-height: 40px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 10px
    }
}

.btn--s {
    min-width: 170px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: 10px;
    line-height: 14px
}

@media (max-width: 1023px) {
    .btn--s {
        min-width: 149px;
        padding-right: 20px;
        padding-left: 20px;
        font-size: 9px
    }
}

.btn--bordered {
    color: #2e3346;
    background-color: transparent;
    border: 3px solid #2e3346
}

.btn--bordered-white, .btn--bordered:hover {
    color: #70af60;
    background-color: transparent;
    border: 3px solid #70af60
}

.btn--bordered-white {
    color: #fff;
    border: 3px solid #fff
}

.btn--bordered-white-green, .btn--bordered-white:hover {
    color: #2e3346;
    background-color: transparent;
    border: 3px solid #2e3346
}

.btn--bordered-white-green,
a.btn--bordered-white-green {
    color: #efeeee;
    border: 3px solid #efeeee
}

.btn--bordered-white-green:hover {
    color: #70af60;
    background-color: transparent;
    border: 3px solid #70af60
}

.btn--rounded, .btn--rounded::after, .btn--rounded:hover {
    border-radius: 4px
}

.btn--search {
    max-width: 123px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .05em
}

.btn--checkbox label::after, .btn--search-circle {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn--search-circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 16px;
    background: url(../img/sprite/icon-search-button.svg) no-repeat;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.btn--green-cart, .btn.btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.btn.btn-icon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-right: 14px;
    padding-left: 40px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-align: left;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.btn.btn-icon span {
    width: 86%
}

.btn.btn-icon svg {
    position: relative;
    -o-object-fit: contain;
    object-fit: contain
}

.btn.btn-icon .btn--xl {
    max-width: 275px;
    padding-right: 14px;
    padding-left: 30px
}

.btn.btn-icon .btn--l svg, .btn.btn-icon .btn--xl svg {
    width: 30px;
    min-width: 30px;
    height: 30px
}

.btn.btn-icon .btn--m {
    max-width: 219px;
    padding-right: 11px;
    padding-left: 20px;
    font-size: 12px
}

.btn.btn-icon .btn--m svg {
    width: 25px;
    min-width: 25px;
    height: 25px
}

.btn.btn-icon .btn--s {
    max-width: unset;
    padding: 10px 11px 10px 20px;
    font-size: 12px
}

.btn.btn-icon .btn--s svg {
    width: 18px;
    min-width: 18px;
    height: 18px
}

.btn.btn-icon .btn--s span {
    padding-top: 4px
}

.btn--green-cart {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #70af60
}

.btn--green-cart span {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize
}

.btn--green-cart:hover {
    background: rgba(112, 175, 96, .8)
}

.btn--checkbox {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    color: #fff;
    border: 0
}

.btn--checkbox label {
    display: block;
    width: 100%;
    min-height: 54px;
    padding: 13px 15px 10px 30px;
    text-align: left;
    border: 3px solid #4f8cc8;
    background-color: #4f8cc8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn--checkbox label::after {
    content: "";
    right: 15px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 2px
}

.btn--checkbox input[type=checkbox]:checked + label::before {
    content: "";
    position: absolute;
    top: 37%;
    right: 20px;
    z-index: 1;
    width: 18px;
    height: 14px;
    background: url(../img/sprite/icon-check-black.svg)
}

.btn--checkbox input[type=checkbox]:checked + label {
    border: 3px solid #70af60;
    background-color: #70af60
}

.btn--checkbox:hover label {
    background-color: #73b8de;
    border: 3px solid #73b8de
}

.btn--menu {
    min-height: 20px;
    padding: 0;
    border: 0
}

.btn--order {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.btn--order.is-active {
    padding-top: 17px;
    padding-bottom: 12.6px;
    background-color: #70af60;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn--order.is-active .btn__order {
    display: none
}

.checkbox-select__input-wrapper.is-active label::before {
    display: block
}

.btn--order.is-active:hover {
    opacity: .7
}

.btn--smaller-padding {
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 1023px) {
    .btn--smaller-padding {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .btn--smaller-padding {
        padding-right: 20px;
        padding-left: 20px
    }
}

.btn--cases {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 32px;
    color: #4f8cc8;
    background-color: #ebeff2;
    border-radius: 32px;
    padding: 12px 31px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 7.5px;
    margin-left: 7.5px;
    margin-bottom: 10px
}

@media (max-width: 1023px) {
    .btn--cases {
        padding: 5px 17px
    }
}

@media (max-width: 767px) {
    .btn--cases {
        padding: 5px 27px;
        font-size: 11px;
        margin-right: 4px;
        margin-left: 4px
    }
}

.btn--cases-black {
    color: #000;
    margin-top: 5rem;
    font-size: 16px;
    line-height: 32px;
    border-radius: 48px;
    padding: 22px 40px;
    margin-right: 0;
    margin-left: 0
}

.btn--cases-active {
    background-color: #2e3346;
    color: #efeeee
}

.btn--cases-hover, .btn--cases:hover {
    opacity: .7;
    color: #73b8de
}

.btn--virtual {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 10px 10px 10px 18px;
    max-width: 100%;
    min-height: 100%;
    margin-right: 24px;
    margin-bottom: 24px
}

.btn--virtual span {
    margin-top: 3px;
    margin-right: 29px
}

@media (max-width: 374px) {
    .btn--virtual {
        padding: 15px 15px 15px 10px
    }

    .btn--virtual span {
        margin-right: 10px
    }
}

.btn--dressing {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 15px 15px 15px 30px;
    max-width: 100%;
    min-height: 100%;
    margin-right: 24px;
    margin-bottom: 24px
}

.btn--dressing span {
    margin-top: 3px;
    margin-right: 32px
}

@media (max-width: 374px) {
    .btn--dressing {
        padding: 15px 15px 15px 10px
    }

    .btn--dressing span {
        margin-right: 10px
    }
}

.btn__order {
    font-weight: 700;
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.btn__in-order {
    display: none
}

.btn__in-order span {
    margin-bottom: 4px;
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.btn__in-order p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize
}

.btn--circle {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 1279px) {
    .btn--circle {
        width: 140px;
        height: 140px
    }

    .btn--circle svg {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767px) {
    .btn--circle {
        width: 78px;
        height: 78px;
        padding: 0;
        margin-bottom: 5px
    }

    .btn--circle svg {
        width: 25px;
        height: 25px
    }
}

.show-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 25px auto 0
}

.show-more-block .all-count {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px
}

.select {
    position: relative;
    width: 100%
}

.select .selectCustom, .select .selectNative {
    position: relative;
    width: 100%;
    height: 65px
}

.select .selectCustom {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.select .selectCustom.isActive .selectCustom-trigger, .select .selectNative:focus {
    color: #767f86;
    border: 2px solid #dee0e2;
    border-radius: 4px 4px 0 0;
    outline: 0
}

.select .selectCustom.isActive .selectCustom-trigger .selectCustom-placeholder, .select .selectNative:focus .selectCustom-placeholder {
    color: #a7adb8
}

.select .selectCustom.isActive .selectCustom-trigger svg, .select .selectNative:focus svg {
    top: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #73b8de
}

.select .selectNative {
    background-color: #fff
}

.select .selectCustom-trigger, .select .selectNative {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    border: 2px solid #ebeff2;
    border-radius: 4px
}

.select .selectNative {
    padding: 10px 25px;
    background-image: url(../img/sprite/icon-arrow-select-gray.svg);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select .selectCustom-trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 25px;
    color: #a7adb8;
    background-color: #fff;
    cursor: pointer
}

.select svg {
    position: absolute;
    top: 50%;
    right: 26px;
    width: 18px;
    height: 11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    fill: #dee0e2
}

.select .selectCustom-trigger:hover {
    color: #767f86;
    border: 2px solid #dee0e2
}

.select .selectCustom-trigger:hover .selectCustom-placeholder {
    color: #767f86
}

.select .selectCustom-trigger:hover svg {
    fill: #73b8de
}

.select .selectCustom-options {
    position: absolute;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 46px;
    letter-spacing: -.02em;
    background-color: #fff;
    border-right: 2px solid #dee0e2;
    border-bottom: 2px solid #dee0e2;
    border-left: 2px solid #dee0e2;
    border-radius: 0 0 4px 4px
}

.select .selectCustom.isActive .selectCustom-options {
    display: block;
    z-index: 2
}

.select .selectCustom-option {
    position: relative;
    padding-right: 26px;
    padding-left: 25px
}

.select .selectCustom-option.isHover {
    background-color: #ebeff2;
    cursor: pointer
}

.select .selectCustom.withData .selectCustom-trigger {
    padding-top: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #767f86;
    letter-spacing: -.02em;
    border: 2px solid #dee0e2
}

.select .selectCustom-placeholder, .select .selectCustom.withData .selectCustom-placeholder {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    z-index: 0;
    display: block;
    font-weight: 600;
    color: #a7adb8;
    letter-spacing: -.02em;
    -webkit-transition: font-size .3s ease, top .3s ease;
    transition: font-size .3s ease, top .3s ease
}

.select .selectCustom.withData .selectCustom-placeholder {
    top: 12px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-size: 12px;
    line-height: 12px
}

.select--gradient .selectCustom.isActive .selectCustom-trigger, .select--gradient .selectNative:focus {
    color: #767f86;
    border: 2px solid transparent;
    outline: 0
}

.select--gradient .selectCustom.isActive .selectCustom-trigger .selectCustom-placeholder, .select--gradient .selectNative:focus .selectCustom-placeholder {
    color: #a7adb8
}

.select--gradient .selectCustom.isActive .selectCustom-trigger svg, .select--gradient .selectNative:focus svg {
    top: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #73b8de
}

.select--gradient .selectNative {
    color: #767f86
}

.select--gradient .selectCustom-trigger, .select--gradient .selectNative {
    background: -webkit-gradient(linear, left bottom, left top, from(#dee0e2), to(#ebeff2));
    background: linear-gradient(360deg, #dee0e2 0%, #ebeff2 100%);
    background-origin: border-box;
    border: 2px solid transparent
}

.select--gradient .selectCustom-placeholder, .select--gradient .selectCustom-trigger {
    color: #767f86
}

.select--gradient svg {
    fill: #a7adb8
}

.select--gradient .selectCustom-trigger:hover, .select--gradient .selectCustom.withData .selectCustom-trigger {
    border: 2px solid transparent
}

.select--gradient .selectCustom.withData .selectCustom-placeholder {
    color: #a7adb8
}

.select--text-dark .selectCustom.withData .selectCustom-trigger, .tabs__mark .tabs__mark-item--current.tabs__mark-item--blue a, .tabs__mark .tabs__mark-item--current.tabs__mark-item--green a {
    color: #2e3346
}

.checkbox-select, .checkbox-select__input-wrapper label span {
    position: relative
}

.checkbox-select.is-active .checkbox-select__button {
    background: #2e3346;
    border-radius: 4px 4px 0 0
}

.checkbox-select.is-active .checkbox-select__button p, .checkbox-select__button:hover p {
    color: #fff
}

.checkbox-select.is-active .checkbox-select__button svg {
    -webkit-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%)
}

.checkbox-select.is-active .checkbox-select__wrapper {
    height: auto
}

.checkbox-select__button, .checkbox-select__wrapper {
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%)
}

.checkbox-select__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border: 0;
    padding: 24px 29px 20px;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease
}

.checkbox-select__button svg {
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.checkbox-select__button p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #2e3346
}

.checkbox-select__button span {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    margin-left: 15px;
    color: #767f86
}

.checkbox-select__button:hover {
    background: #2e3346
}

.checkbox-select__wrapper {
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 0 0 4px 4px
}

.checkbox-select__input-wrapper {
    border-bottom: 1px solid #dee0e2;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.checkbox-select__input-wrapper.is-active {
    background-color: #70af60;
    border-color: transparent
}

.checkbox-select__input-wrapper.is-active label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.checkbox-select__input-wrapper.is-active:hover {
    background-color: rgba(112, 175, 96, .8);
    border-color: transparent
}

.checkbox-select__input-wrapper:hover, .sidebar hr {
    background-color: #dee0e2
}

.checkbox-select__input-wrapper:last-child {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.checkbox-select__input-wrapper label, .input-wrapper--regular input {
    width: 100%;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    letter-spacing: -.02em
}

.checkbox-select__input-wrapper label {
    display: block;
    font-weight: 500;
    padding: 16px 68px 13px 29px;
    line-height: 20px
}

.checkbox-select__input-wrapper label span svg {
    position: absolute;
    right: 0;
    bottom: -4px
}

.checkbox-select__input-wrapper label::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background-color: #fff
}

.checkbox-select__input-wrapper label::before, .input-wrapper--regular input ~ label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.checkbox-select__input-wrapper label::before {
    content: "";
    display: none;
    right: 14px;
    height: 28px;
    background-size: 18px 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/sprite/icon-check-black.svg);
    width: 28px
}

.checkbox-select__with-icon span {
    padding-right: 36px
}

@media (max-width: 767px) {
    .checkbox-select__input-wrapper span {
        font-size: 12px;
        line-height: 20px
    }

    .checkbox-select__input-wrapper label {
        padding-left: 25px
    }

    .checkbox-select__button span {
        margin-left: 5px
    }
}

.input-wrapper--regular, .input-wrapper--textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.input-wrapper--regular input {
    border: 2px solid #ebeff2;
    height: 65px;
    padding: 20px 25px 15px;
    color: #2e3346;
    line-height: 14px
}

.input-wrapper--regular input ~ label {
    font-size: 14px;
    padding-left: 26px;
    padding-right: 18px;
    width: 100%;
    cursor: pointer;
    color: #a7adb8;
    opacity: 1;
    font-weight: 500;
    will-change: transform
}

.input-wrapper--regular .input--focused {
    font-size: 14px;
    border: 2px solid #a7adb8;
    outline: 0;
    font-weight: 500
}

.input-wrapper--regular .input--focused ~ label, .input-wrapper--regular input ~ label {
    -webkit-transition: font-size .3s ease, top .3s ease;
    transition: font-size .3s ease, top .3s ease
}

.input-wrapper--regular .input--focused ~ label, .input-wrapper--regular .input--valued ~ label, .input-wrapper--textarea textarea ~ label {
    font-size: 12px;
    top: 15px;
    position: absolute;
    width: 100%;
    opacity: 1
}

.input-wrapper--regular.valid {
    border-color: #4cd964
}

.input-wrapper--regular.valid::after {
    content: "";
    background: url(../img/sprite/icon-v-green.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    right: 20px
}

.input-wrapper--regular.invalid .input--focused ~ label::after, .input-wrapper--regular.invalid .input--valued ~ label::after, .input-wrapper--regular.valid .input--focused ~ label::after, .input-wrapper--regular.valid .input--valued ~ label::after {
    top: 29px
}

.input-wrapper--regular.invalid input {
    border: 2px solid #da7e7e
}

.input-wrapper--regular.invalid::after, .input-wrapper--regular.valid::after, .input-wrapper--textarea label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-wrapper--regular.invalid::after {
    content: "";
    background: url(../img/sprite/icon-x-red.svg) no-repeat;
    background-size: contain;
    height: 14px;
    right: 20px;
    width: 14px
}

.input-wrapper--checkbox.invalid ~ .invalid-message, .input-wrapper--regular.invalid ~ .invalid-message {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #da7e7e
}

.input-wrapper--textarea {
    width: 640px
}

.input-wrapper--textarea label {
    font-size: 14px;
    padding-left: 26px;
    padding-right: 18px;
    width: 100%;
    cursor: pointer;
    z-index: 1;
    color: #a7adb8;
    opacity: 1;
    font-weight: 500
}

.input-wrapper--textarea textarea {
    height: 235px;
    padding: 52px 28px 10px 25px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em;
    border: 2px solid #ebeff2
}

.input-wrapper--textarea textarea ~ label {
    top: 30px;
    width: 90%;
    cursor: pointer;
    z-index: 1;
    color: #a7adb8
}

.input-wrapper--textarea textarea ~ label svg {
    margin-left: 12px;
    fill: #dee0e2;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.input-wrapper--textarea textarea:-ms-input-placeholder, .input-wrapper--withbutton input:-ms-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--textarea textarea::-webkit-input-placeholder {
    opacity: 1;
    padding-top: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--textarea textarea::-moz-placeholder {
    opacity: 1;
    padding-top: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--textarea textarea::-ms-input-placeholder {
    opacity: 1;
    padding-top: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--textarea textarea::placeholder {
    opacity: 1;
    padding-top: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--textarea textarea.input--focused {
    padding: 52px 28px 53px 25px;
    border-color: #dee0e2
}

.input-wrapper--textarea textarea.input--focused::-webkit-input-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--focused::-moz-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--focused:-ms-input-placeholder, .input-wrapper--textarea textarea.input--focused::-ms-input-placeholder, .input-wrapper--textarea textarea.input--valued:-ms-input-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--focused::placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--focused ~ label, .input-wrapper--textarea textarea.input--valued ~ label {
    top: 30px
}

.input-wrapper--textarea textarea.input--focused ~ label svg {
    fill: #4f8cc8
}

.input-wrapper--textarea textarea.input--valued {
    padding: 52px 28px 53px 25px
}

.input-wrapper--textarea textarea.input--valued::-webkit-input-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--valued::-moz-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--valued::-ms-input-placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--valued::placeholder {
    opacity: 0
}

.input-wrapper--textarea textarea.input--valued ~ label svg {
    fill: #70af60
}

.input-wrapper--checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-wrapper--checkbox.invalid {
    border: 2px dotted #da7e7e;
    padding: 5px
}

.input-wrapper--checkbox.invalid .checkbox-label::before {
    background-color: #ffb1b1
}

.input-wrapper--checkbox ~ .invalid-message {
    display: none
}

.checkbox-label {
    position: relative;
    padding-left: 42px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -.02em;
    color: #2e3346;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.checkbox-label a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #4f8cc8;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.checkbox-label a:hover {
    color: #73b8de
}

.checkbox-label::after, .checkbox-label::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    width: 28px;
    height: 28px
}

.checkbox-label::before {
    background-color: #efeeee;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

.checkbox-label::after {
    z-index: 2;
    background: url(../img/sprite/icon-check-white.svg) no-repeat center;
    background-size: 18px 14px
}

.input-wrapper--checkbox input, .input-wrapper--radio input {
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0
}

.input-wrapper--checkbox input:checked + label::after {
    content: ""
}

.input-wrapper--checkbox input:checked + label::before {
    background-color: #70af60
}

.input-wrapper--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio-label {
    position: relative;
    padding-left: 42px;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #2e3346;
    cursor: pointer
}

.radio-label::after, .radio-label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    border-radius: 50%
}

.radio-label::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #efeeee;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 24px;
    height: 24px
}

.radio-label::after {
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    z-index: 2;
    width: 8px;
    height: 8px;
    background: #fff;
    background-size: 18px 14px
}

.input-wrapper--radio input:checked + label::after {
    content: ""
}

.input-wrapper--radio input:checked + label::before {
    background: #70af60
}

.input-wrapper--city label, .input-wrapper--city2 label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-wrapper--city label svg, .input-wrapper--city2 label svg {
    fill: #dee0e2;
    position: relative;
    top: 0
}

.input-wrapper--city .input--focused ~ label svg, .input-wrapper--city2 .input--focused ~ label svg {
    fill: #4f8cc8;
    top: 17px
}

.input-wrapper--city .input--valued ~ label svg, .input-wrapper--city2 .input--valued ~ label svg {
    top: 17px
}

.input-wrapper--city .city, .input-wrapper--city2 .city {
    position: absolute;
    background-color: #fff;
    top: 65px;
    width: 100%;
    z-index: 10
}

.input-wrapper--city .city ul, .input-wrapper--city2 .city ul {
    height: 100%;
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block
}

.input-wrapper--city .city ul.bordered, .input-wrapper--city2 .city ul.bordered {
    border: 2px solid #ebeff2;
    border-top: none
}

.input-wrapper--city .city ul.hidden, .input-wrapper--city2 .city ul.hidden, .input-wrapper--upload .input-upload__zone > label > input {
    display: none
}

.input-wrapper--city .city ul li, .input-wrapper--city2 .city ul li {
    height: 46px;
    width: 100%;
    cursor: pointer;
    padding-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-city {
    position: relative;
    width: 100%;
    height: 300px
}

.autocomplete-suggestions {
    position: absolute;
    background-color: #fff;
    top: 65px;
    width: 100%;
    z-index: 10;
    border: 2px solid #ebeff2;
    border-top: none
}

.autocomplete-suggestions .autocomplete-suggestion {
    min-height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.02em
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
    background-color: #ebeff2
}

.autocomplete-suggestions .autocomplete-suggestion, .autocomplete-suggestions .autocomplete-suggestion:hover .sup-suggestion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.autocomplete-suggestions .autocomplete-suggestion .sup-suggestion {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #a7adb8;
    margin-left: 10px;
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.autocomplete-suggestions .autocomplete-suggestion .sup-suggestion span {
    position: relative;
    margin-left: 30px
}

.autocomplete-suggestions .autocomplete-suggestion .sup-suggestion span::before {
    content: "→";
    position: absolute;
    padding-right: 15px;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #a7adb8;
    line-height: 20px;
    font-size: 12px
}

@media (max-width: 375px) {
    .autocomplete-suggestions .autocomplete-suggestion .sup-suggestion span {
        margin-left: 20px
    }

    .autocomplete-suggestions .autocomplete-suggestion .sup-suggestion span::before {
        left: -14px
    }
}

@media (max-width: 767px) {
    .autocomplete-suggestions .autocomplete-suggestion .sup-suggestion {
        margin-left: 5px;
        padding-right: 15px
    }
}

@media (max-width: 375px) {
    .autocomplete-suggestions .autocomplete-suggestion .sup-suggestion {
        margin-left: 0
    }
}

.autocomplete-suggestions .autocomplete-suggestion strong {
    display: inline;
    color: #70af60;
    font-weight: 600
}

@media (max-width: 375px) {
    .autocomplete-suggestions .autocomplete-suggestion:hover {
        padding-left: 10px
    }
}

.input-wrapper--upload {
    width: 640px
}

.input-wrapper--upload .input-upload__zone {
    min-height: 80px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    overflow: visible
}

.input-wrapper--upload .input-upload__wrapper, .input-wrapper--upload label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-wrapper--upload label {
    border: 2px dashed #ebeff2;
    padding: 24px 28px 24px 25px;
    height: 100%;
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.02em
}

.input-wrapper--upload label span {
    width: 90%
}

.input-wrapper--upload label svg {
    fill: #dee0e2;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.input-wrapper--upload .input-upload__zone.dragover label, .input-wrapper--upload label:hover {
    border: 2px dashed #4f8cc8;
    cursor: pointer;
    color: #4f8cc8
}

.input-wrapper--upload .input-upload__zone.dragover label svg, .input-wrapper--upload label:hover svg {
    fill: #4f8cc8
}

.input-wrapper--upload .input-upload__wrapper {
    padding-right: 35px
}

.input-wrapper--upload .input-upload__wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #efeeee
}

.input-wrapper--upload .input-upload__wrapper:last-of-type::after {
    content: none
}

.input-wrapper--upload .input-upload__wrapper .filename {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #70af60;
    padding: 10px 0 10px 25px;
    position: relative;
    min-height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    word-break: break-all
}

.input-wrapper--upload .input-upload__wrapper .filename::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 15px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background-image: url(../img/sprite/icon-v-green.svg);
    background-repeat: no-repeat
}

.input-wrapper--upload .btn--close-upload {
    width: 20px;
    height: 20px;
    position: relative
}

.input-wrapper--upload .btn--close-upload::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    background-image: url(../img/sprite/icon-x-red.svg);
    background-size: 14px;
    background-repeat: no-repeat
}

.input-wrapper--upload .input-upload__progress-bar {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #ebeff2
}

.input-wrapper--upload .input-upload__progress-bar span {
    position: absolute;
    height: 6px;
    background-color: #70af60
}

.bg {
    background-color: #efeeee;
    height: 150px;
    padding: 20px
}

.input-wrapper--withbutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.input-wrapper--withbutton input {
    height: 50px;
    padding: 15px 25px;
    border: 0;
    font-weight: 500
}

.input-wrapper--withbutton input::-webkit-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withbutton input::-moz-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withbutton input::placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withbutton input::-ms-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withbutton input:focus {
    padding: 15px 25px;
    border: 0
}

.input-wrapper--withbutton button {
    height: 50px
}

.input-wrapper--withbutton input:focus ~ .btn {
    background-color: #70af60
}

.input-wrapper--withcircle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 394px
}

.input-wrapper--withcircle input {
    height: 50px;
    padding: 15px 25px;
    border: 0;
    max-width: 394px;
    font-weight: 500
}

.input-wrapper--withcircle input::-webkit-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withcircle input::-moz-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withcircle input:-ms-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withcircle input::placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withcircle input::-ms-input-placeholder {
    letter-spacing: -.02em;
    color: #a7adb8;
    font-weight: 500
}

.input-wrapper--withcircle input:focus {
    padding: 15px 25px;
    border: 0
}

.input-wrapper--withcircle input:hover ~ .btn {
    background-color: #70af60
}

.input-wrapper--withcircle input:focus ~ .btn {
    background-color: #70af60
}

.search-input-wrapper {
    position: relative;
    width: 100%
}

.search-input-wrapper svg {
    position: absolute;
    fill: #dee0e2;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 23px;
    height: 22px
}

.search-input-wrapper input {
    padding-left: 24px;
    padding-right: 67px;
    display: block;
    height: 60px;
    width: 100%;
    border: 0;
    color: #2e3346
}

.search-input-wrapper input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.search-input-wrapper input::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.search-input-wrapper input:-ms-input-placeholder, .search-input-wrapper input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.search-input-wrapper input::placeholder {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.form-shake {
    -webkit-animation: shake .5s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake .5s cubic-bezier(.36, .07, .19, .97) both
}

.breadcrumbs {
    margin-bottom: 8px
}

@media (max-width: 1023px) {
    .breadcrumbs {
        margin-bottom: 4px
    }
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs li {
    position: relative;
    margin-right: 25px;
    min-height: 20px;
    height: 1px;
    padding: 5px 0
}

.breadcrumbs li:last-of-type {
    margin-right: 13px
}

.breadcrumbs li a, .breadcrumbs li::after {
    color: #767f86;
    line-height: 20px;
    font-size: 12px
}

.breadcrumbs li a {
    height: 100%;
    font-weight: 500;
    letter-spacing: -.02em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs li::after {
    content: "→";
    position: absolute;
    padding-left: 8px;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs li:hover a, .breadcrumbs li:hover::after {
    color: #70af60;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.breadcrumbs--light li a, .breadcrumbs--light li::after {
    color: #efeeee
}

.breadcrumbs--gray li a, .breadcrumbs--gray li::after {
    color: #a7adb8
}

.breadcrumbs--studio {
    margin-bottom: 95px
}

@media (max-width: 1279px) {
    .breadcrumbs--studio {
        margin-bottom: 67px
    }
}

@media (max-width: 767px) {
    .breadcrumbs--studio {
        margin-bottom: 79px
    }
}

.breadcrumbs--studio .breadcrumbs__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs--studio .breadcrumbs__item::after {
    content: "/"
}

.breadcrumbs--main {
    margin-bottom: 15px
}

@media (max-width: 1279px) {
    .breadcrumbs--main {
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    .breadcrumbs--main {
        margin-bottom: 0
    }
}

.tag {
    display: inline-block;
    padding: 10px 15px;
    font-weight: 600;
    line-height: 14px;
    color: #4f8cc8;
    background-color: #ebeff2;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.tag:hover {
    color: #73b8de
}

.tag--s {
    min-height: 28px;
    padding: 9px 15px;
    font-size: 11px;
    line-height: 11px
}

.tag--m {
    min-height: 40px;
    padding: 14px 15px;
    font-size: 12px;
    line-height: 12px
}

@media (max-width: 767px) {
    .tag--m {
        font-size: 11px;
        line-height: 11px;
        min-height: 29px;
        padding: 9px 9px 7px
    }
}

.tag--active {
    color: #fff;
    background-color: #2e3346
}

.tag--hero {
    background: rgba(255, 255, 255, .3);
    border-radius: 32px;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    padding: 5px 25px;
    cursor: unset
}

.infoblock--double-pic .infoblock__content .infoblock__title span, .tag--hero:hover {
    color: #fff
}

@media (max-width: 1023px) {
    .tag--hero {
        padding: 12px 20px;
        font-size: 10px;
        line-height: 10px
    }
}

@media (max-width: 767px) {
    .filter-reset {
        font-size: 11px;
        line-height: 11px;
        min-height: 29px;
        padding: 9px 9px 7px
    }
}

.product-card:hover img {
    opacity: .7
}

.tabs__button {
    display: inline-block;
    min-height: 40px;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #4f8cc8;
    background-color: #ebeff2;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.tabs__button:hover {
    color: #73b8de;
    background: rgba(235, 239, 242, .7)
}

.tabs__button--active, .tabs__button--active:hover {
    color: #fff;
    background: 0 0;
    background-color: #2e3346
}

.tabs__button .tabs__count {
    margin-left: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #a7adb8;
    text-transform: capitalize
}

.tabs__reset {
    line-height: 16px;
    color: #ebeff2;
    background-color: #4f8cc8
}

.tabs__reset svg {
    position: relative;
    margin-left: 24px;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    fill-opacity: .4
}

.tabs__reset:hover {
    color: #fff;
    background-color: #73b8de
}

.tabs__reset:hover svg {
    fill-opacity: 1
}

.product-card--in-basket, .tabs__mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs__mark {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs__mark .tabs__mark-item {
    z-index: 1;
    padding: 10px 20px;
    border-bottom: 3px solid #efeeee;
    cursor: pointer
}

@media (max-width: 1279px) {
    .tabs__mark .tabs__mark-item {
        padding: 5px 14px
    }
}

@media (max-width: 767px) {
    .tabs__mark .tabs__mark-item {
        padding: 5px 14px
    }
}

.tabs__mark .tabs__mark-item a {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #a7adb8;
    text-transform: capitalize
}

.tabs__mark .tabs__mark-item a .tabs__mark-count {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #2e3346;
    border-radius: 50%
}

.tabs__mark .tabs__mark-item--blue:hover {
    border-bottom: 3px solid #4f8cc8
}

.tabs__mark .tabs__mark-item--green:hover {
    border-bottom: 3px solid #70af60
}

.tabs__mark .tabs__mark-item--current.tabs__mark-item--blue {
    border-bottom: 3px solid #4f8cc8
}

.tabs__mark .tabs__mark-item--current.tabs__mark-item--green {
    border-bottom: 3px solid #70af60
}

.product-card--in-basket {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .product-card--in-basket {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.product-card {
    position: relative
}

.product-card img {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.product-card .product-card__title-in-extra {
    display: inline;
    -webkit-transition: border-bottom .3s ease;
    transition: border-bottom .3s ease;
    border-bottom: 2px solid transparent
}

.product-card a {
    display: block;
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.blog .blog__article a:hover .article__title span, .product-card:hover .product-card__title-in-extra, .subcat .subcat__card-list li a:hover .product-card__title-in-extra {
    border-bottom: 2px solid #73b8de
}

.product-card__sale-icon-wrapper {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-card__sale-icon-wrapper .sale-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #d95c5b;
    -webkit-box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    border: 0;
    border-radius: 50%;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 900;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #fff;
    background: linear-gradient(45deg, #e44b50, #f6575c)
}

.product-card__sale-icon-wrapper .sale-icon.menu {
    width: 30px;
    height: 30px;
    font-size: 13px;
    margin-top: 12px;
    margin-right: 5px
}

.product-card__img-wrapper-in-basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 63%
}

@media (max-width: 767px) {
    .product-card__img-wrapper-in-basket {
        width: auto;
        margin-bottom: 19px
    }
}

.product-card__title-wrapper-in-basket {
    padding-top: 11px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1279px) {
    .product-card__title-wrapper-in-basket {
        width: auto
    }
}

@media (max-width: 767px) {
    .product-card__title-wrapper-in-basket {
        padding-top: 0
    }
}

.product-card__image-in-basket {
    margin-right: 4%;
    width: 115px;
    height: 115px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1439px) {
    .product-card__image-in-basket {
        margin-right: 5%
    }
}

@media (max-width: 767px) {
    .product-card__image-in-basket {
        margin-right: 6%;
        width: 80px;
        height: 80px
    }
}

.product-card__breadcrumbs-in-basket {
    margin-bottom: 7px
}

@media (max-width: 767px) {
    .product-card__breadcrumbs-in-basket {
        margin-bottom: 0
    }
}

.product-card__breadcrumbs-in-basket li a {
    position: static;
    font-weight: 600;
    width: auto
}

@media (max-width: 767px) {
    .product-card__breadcrumbs-in-basket li {
        padding-top: 0
    }

    .product-card__breadcrumbs-in-basket li::after {
        top: 42%;
        right: -10px
    }
}

.product-card__title-in-basket {
    margin: 0 0 6px;
    padding: 0;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 767px) {
    .product-card__title-in-basket {
        font-size: 12px;
        line-height: 18px
    }
}

.product-card--in-basket input, .product-card__article-in-basket {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.product-card__price-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 316px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1279px) {
    .product-card__price-button-wrapper {
        width: 325px
    }
}

@media (max-width: 1023px) {
    .product-card__price-button-wrapper {
        width: 245px
    }
}

@media (max-width: 767px) {
    .product-card__price-button-wrapper {
        width: auto
    }
}

.product-card__price-wrapper-in-basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 230px
}

@media (max-width: 1279px) {
    .product-card__price-wrapper-in-basket {
        width: 225px
    }
}

@media (max-width: 1023px) {
    .product-card__price-wrapper-in-basket {
        width: 200px
    }
}

.product-card--in-basket input {
    margin-right: 24.5%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #767f86;
    max-width: 60px;
    min-height: 50px;
    border: 2px solid #efeeee;
    cursor: pointer
}

.product-card--in-basket input:focus {
    border: 2px solid #a7adb8
}

@media (max-width: 1279px) {
    .product-card--in-basket input {
        margin-right: 26%
    }
}

@media (max-width: 1023px) {
    .product-card--in-basket input {
        margin-right: 20%
    }
}

.product-card__price-in-basket {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #2e3346;
    white-space: nowrap
}

.product-card__price-in-basket .cost-calculate__discount {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: inherit;
    letter-spacing: normal;
    color: #a7adb8;
    margin-right: 15px
}

.product-card__price-in-basket .line-through::after {
    width: 50px
}

.product-card--discount .product-card__price-in-basket {
    margin-right: 8px
}

@media (max-width: 1279px) {
    .product-card--discount .product-card__price-in-basket {
        margin-right: 11px
    }
}

.product-card__discount-icon-in-basket {
    display: none
}

.product-card__delete-button-in-basket {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    background-image: url(../img/sprite/icon-close-basket.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 0;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.product-card__delete-button-in-basket:hover {
    background-image: url(../img/sprite/icon-close-basket-hover.svg)
}

.product-card__image-in-extra {
    width: 324px;
    height: 324px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1279px) {
    .product-card__image-in-extra {
        width: 223px;
        height: 223px
    }
}

@media (max-width: 1023px) {
    .product-card__image-in-extra {
        width: 342px;
        height: 342px
    }
}

.product-card__title-in-extra {
    margin: 0;
    padding: 0;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #2e3346
}

.product-card__article-in-extra {
    margin-bottom: 13px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8
}

@media (max-width: 1439px) {
    .product-card__article-in-extra {
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    .product-card__article-in-extra {
        margin-bottom: 13px
    }
}

.product-card__discount-price-wrapper {
    margin-bottom: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-card__price-with-discount, .product-card__regular-price {
    margin-right: 25px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -.02em;
    white-space: nowrap;
    color: #a7adb8
}

.product-card__regular-price.green {
    color: #70af60
}

.product-card__regular-price span {
    font-size: 14px
}

.product-card__price-with-discount {
    position: relative
}

.product-card__price-with-discount::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 54px;
    height: 2px;
    background-color: #d95858;
    -webkit-transform: translate(-50%, -50%) rotate(-19deg);
    transform: translate(-50%, -50%) rotate(-19deg)
}

.product-card__buttons-wrapper-in-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-card__add-good-button {
    margin-right: 16px;
    z-index: 3;
    min-height: 0;
    max-width: 170px
}

.product-card__add-good-button span {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.product-card__like-button {
    border: 0;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    background-image: url(../img/sprite/icon-heart-basket.svg);
    background-repeat: no-repeat;
    background-size: 24px 20px;
    background-position: 0 0;
    width: 24px;
    height: 20px;
    outline: 0;
    cursor: pointer
}

.product-card__like-button:hover {
    background-image: url(../img/sprite/icon-heart-basket-hover.svg)
}

.product-card__like-button--checked {
    background-image: url(../img/sprite/icon-heart-basket-checked.svg)
}

.product-card__img-wrapper-in-extra {
    position: relative;
    margin-bottom: 20px
}

.product-card__img-wrapper-in-extra .product-card__buttons-wrapper {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-card__img-wrapper-in-extra button {
    width: 36px;
    height: 36px;
    margin-right: 6px
}

.product-card__img-wrapper-in-extra button svg {
    margin-top: 2px;
    margin-left: 1px;
    width: 22px;
    height: 19px
}

.product-card__img-wrapper-in-extra .article-number {
    position: absolute;
    z-index: 2;
    left: 14px;
    bottom: 15px;
    background: rgba(255, 255, 255, .8);
    color: #767f86
}

.product-card__img-icons {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 14px;
    right: 14px
}

@media (max-width: 1439px) {
    .product-card__img-icons {
        right: 9px
    }
}

@media (max-width: 767px) {
    .product-card__img-icons {
        top: 32px;
        right: 31px
    }
}

.product-card__img-icons svg {
    display: none;
    margin-left: 8px
}

.product-card--extra.product-card--copyright .product-card__copyright-icon, .product-card--extra.product-card--discount .product-card__discount-icon, .product-card--extra.product-card--hot .product-card__hot-icon, .product-card--extra.product-card--new .product-card__new-icon, .product-card--extra.product-card--price-up .product-card__price-up-icon, .product-card--in-basket.product-card--discount .product-card__discount-icon {
    display: block
}

@media (max-width: 767px) {
    .product-card--in-basket.product-card--discount .product-card__discount-icon {
        width: 24px;
        height: 24px
    }
}

.infoblock-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px);
    margin-left: -12px
}

.infoblock {
    padding: 0 12px;
    margin-bottom: 80px
}

.infoblock--no-padding {
    padding: 0
}

.infoblock .infoblock__link {
    height: 100%;
    min-height: 244px;
    padding: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.infoblock .infoblock__link:hover {
    opacity: .9;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.infoblock .infoblock__link .infoblock__title, .infoblock .infoblock__link svg {
    margin-bottom: 24px
}

.infoblock--col-1 {
    width: calc(100% / 12)
}

.infoblock--col-2 {
    width: calc(100% / 6)
}

.infoblock--col-3 {
    width: calc(100% / 4)
}

.infoblock--col-4 {
    width: calc(100% / 3)
}

.infoblock--col-5 {
    width: calc(100% / 2.4)
}

.infoblock--col-6 {
    width: calc(100% / 2)
}

.infoblock--col-7 {
    width: calc(100% / 1.7)
}

.infoblock--col-8 {
    width: calc(100% / 1.5)
}

.infoblock--col-9 {
    width: calc(100% / 1.3)
}

.infoblock--col-10 {
    width: calc(100% / 1.2)
}

.infoblock--col-12 {
    width: calc(100% / 1)
}

.infoblock--bg .infoblock__link {
    background-image: url(../img/info-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.infoblock--center .infoblock__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoblock--right .infoblock__link {
    -webkit-box-align: right;
    -ms-flex-align: right;
    align-items: right
}

.infoblock--icon .infoblock__link, .infoblock--icon .infoblock__link .infoblock__link--red {
    padding: 60px 49px 56px
}

.infoblock__bg-image {
    display: none
}

.infoblock--bg-image .infoblock__bg-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 8px
}

.infoblock--bg-image .infoblock__bg-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center;
    object-position: center;
    max-width: unset
}

.infoblock--gradient-blue .infoblock__link {
    background: -webkit-gradient(linear, left top, right top, from(#4f8cc8), to(#73b8de));
    background: linear-gradient(90deg, #4f8cc8 0%, #73b8de 100%);
    background-color: transparent
}

.infoblock--gradient-red .infoblock__link {
    background: -webkit-gradient(linear, left top, right top, from(#d95858), to(#da7e7e));
    background: linear-gradient(90deg, #d95858 0%, #da7e7e 100%);
    background-color: transparent
}

.infoblock--gradient-green .infoblock__link {
    background: -webkit-gradient(linear, left top, right top, from(#4f8cc8), to(#70af60));
    background: linear-gradient(90deg, #4f8cc8 0%, #70af60 100%);
    background-color: transparent
}

.infoblock--pic-left, .infoblock--pic-right {
    margin-top: 33px
}

.infoblock--pic-right .infoblock__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    min-height: 368px
}

.infoblock--pic-right .infoblock__content .infoblock__title {
    width: 90%
}

.infoblock--pic-right .infoblock__content, .infoblock--pic-right .infoblock__content .infoblock__text {
    width: 50%
}

.infoblock--pic-right .infoblock__img {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0
}

.infoblock--pic-right .infoblock__img img {
    max-height: 450px;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.infoblock--pic-right-contain .infoblock__link {
    position: relative;
    min-height: 400px;
    padding: 88px 112px
}

@media (max-width: 1439px) {
    .infoblock--pic-right-contain .infoblock__link {
        padding-bottom: 70px
    }
}

@media (max-width: 1279px) {
    .infoblock--pic-right-contain .infoblock__link {
        min-height: 380px;
        padding: 83px 80px 70px
    }
}

@media (max-width: 1023px) {
    .infoblock--pic-right-contain .infoblock__link {
        min-height: 320px;
        padding: 66px 20px
    }
}

.infoblock--pic-right-contain .infoblock__content {
    max-width: 50%
}

@media (max-width: 1439px) {
    .infoblock--pic-right-contain .infoblock__content {
        max-width: 47%
    }
}

@media (max-width: 1279px) {
    .infoblock--pic-right-contain .infoblock__content {
        max-width: 48%
    }
}

@media (max-width: 1023px) {
    .infoblock--pic-right-contain .infoblock__content {
        max-width: 45%
    }
}

@media (max-width: 419px) {
    .infoblock--pic-right-contain .infoblock__content {
        max-width: 77%
    }
}

.infoblock--pic-right-contain .infoblock__pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 53%;
    height: 100%;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

@media (max-width: 1439px) {
    .infoblock--pic-right-contain .infoblock__pic {
        width: 55%
    }
}

@media (max-width: 1279px) {
    .infoblock--pic-right-contain .infoblock__pic {
        width: 61%
    }
}

@media (max-width: 419px) {
    .infoblock--pic-right-contain .infoblock__pic {
        width: 83%
    }
}

.infoblock--pic-right-contain .infoblock__pic img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

.infoblock--pic-left .infoblock__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    min-height: 368px
}

.infoblock--pic-left .infoblock__content {
    width: 50%;
    padding-left: 20px
}

.infoblock--pic-left .infoblock__content .infoblock__title {
    width: 100%
}

.infoblock--pic-left .infoblock__content .infoblock__text {
    width: 90%
}

.infoblock--pic-left .infoblock__content button {
    margin-top: 38px
}

.infoblock--pic-left .infoblock__img {
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0
}

.infoblock--pic-left .infoblock__img img {
    max-height: 450px;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.infoblock--big-title .infoblock__title {
    font-size: 200px;
    line-height: 160px;
    font-weight: 700;
    letter-spacing: -.05em
}

@media (max-width: 1439px) {
    .infoblock--big-title .infoblock__title {
        font-size: 180px
    }
}

@media (max-width: 1279px) {
    .infoblock--big-title .infoblock__title {
        font-size: 150px
    }
}

@media (max-width: 1023px) {
    .infoblock--big-title .infoblock__title {
        font-size: 100px;
        line-height: 90px;
        word-break: break-word
    }
}

@media (max-width: 767px) {
    .infoblock--big-title .infoblock__title {
        font-size: 80px;
        line-height: 68px
    }
}

.infoblock--big-title .infoblock__text {
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -.05em
}

@media (max-width: 1279px) {
    .infoblock--big-title .infoblock__text {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .infoblock--big-title .infoblock__text {
        font-size: 16px;
        line-height: 28px
    }
}

.infoblock--medium-title .infoblock__link .infoblock__title {
    position: relative;
    font-size: 80px;
    line-height: 64px;
    font-weight: 700;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    z-index: 5
}

@media (max-width: 1279px) {
    .infoblock--medium-title .infoblock__link .infoblock__title {
        font-size: 64px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .infoblock--medium-title .infoblock__link .infoblock__title {
        font-size: 42px;
        line-height: 36px;
        margin-bottom: 14px
    }
}

.infoblock--medium-title .infoblock__text {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    z-index: 5
}

@media (max-width: 1023px) {
    .infoblock--medium-title .infoblock__text {
        font-size: 14px;
        line-height: 22px
    }
}

.infoblock--bg-grey {
    background-color: #efeeee
}

.infoblock--double-pic {
    margin-bottom: 0
}

@media (max-width: 1279px) {
    .infoblock--double-pic .infoblock__link {
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: column-reverse
    }
}

.infoblock--double-pic .infoblock__content {
    width: 40%;
    padding-left: 60px;
    padding-top: 60px;
    z-index: 2
}

@media (max-width: 1279px) {
    .infoblock--double-pic .infoblock__content {
        width: 100%;
        padding-left: 0
    }
}

.infoblock--double-pic .infoblock__content .infoblock__title {
    margin-left: -36%;
    font-size: 67px;
    line-height: 62px
}

@media (max-width: 1279px) {
    .infoblock--double-pic .infoblock__content .infoblock__title {
        margin-left: 0;
        font-size: 45px;
        line-height: 43px
    }
}

.infoblock--double-pic .infoblock__content .infoblock__title .text-light {
    font-style: italic
}

.infoblock--double-pic .infoblock__content .infoblock__text {
    margin-bottom: 40px
}

.infoblock--double-pic .infoblock__pic--with-second {
    position: relative;
    padding-right: 15px
}

.infoblock--double-pic .infoblock__pic--with-second img {
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1279px) {
    .infoblock--double-pic .infoblock__pic--with-second img {
        min-height: auto
    }
}

.infoblock--double-pic .infoblock__pic--with-second .infoblock__pic--first {
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 5px 5px 95px 5px;
    overflow: hidden
}

.infoblock--double-pic .infoblock__pic--with-second .infoblock__pic--first :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    background: #00000045;
    -webkit-transition: background .3s;
    transition: background .3s
}

.infoblock--double-pic .infoblock__pic--with-second .infoblock__pic--second {
    display: inline-block;
    position: relative;
    border-radius: 5px 5px 95px 5px;
    overflow: hidden
}

.infoblock--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 60px;
    margin-bottom: 75px
}

@media (max-width: 1279px) {
    .infoblock--main {
        padding: 55px 30px 55px 45px
    }
}

@media (max-width: 1023px) {
    .infoblock--main {
        padding: 40px;
        margin-bottom: 50px
    }

    .infoblock--main .infoblock__title {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .infoblock--main {
        padding: 30px 10px 50px 18px
    }
}

.infoblock--fresco {
    margin-top: 0
}

.infoblock--fresco .infoblock__link {
    padding-top: 105px;
    padding-bottom: 85px;
    gap: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infoblock--fresco .infoblock__content {
    padding: 50px 20px
}

.infoblock--fresco .infoblock__pic {
    width: 45%
}

@media (max-width: 767px) {
    .infoblock--fresco .infoblock__link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 0 105px
    }

    .infoblock--fresco .infoblock__content {
        width: 100%;
        padding: 40px 0
    }

    .infoblock--fresco .infoblock__pic {
        width: 100%
    }
}

.infoblock--text-float .infoblock__text {
    width: 700px;
    padding-right: 120px;
    padding-top: 33px;
    float: right
}

@media (max-width: 1439px) {
    .infoblock--text-float .infoblock__text {
        width: calc(100% - 500px);
        padding-right: 7%
    }
}

@media (max-width: 1279px) {
    .infoblock--text-float .infoblock__text {
        width: calc(100% - 410px);
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .infoblock--text-float .infoblock__text {
        width: 100%;
        float: none;
        padding: 0 10px;
        margin: 20px auto 0
    }
}

@media (max-width: 767px) {
    .infoblock--text-float .infoblock__text {
        width: 100%;
        padding: 0
    }
}

.infoblock__bage-icon {
    display: none
}

.infoblock--bage .infoblock__bage-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #e74e52 0%, #f1555a 100%);
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1279px) {
    .infoblock--bage .infoblock__bage-icon {
        width: 72px;
        height: 72px;
        top: 16px;
        right: 16px
    }

    .infoblock--bage .infoblock__bage-icon img {
        width: 32px;
        height: 29px
    }
}

@media (max-width: 1023px) {
    .infoblock--bage .infoblock__bage-icon {
        width: 64px;
        height: 64px
    }

    .infoblock--bage .infoblock__bage-icon img {
        width: 26px;
        height: 25px
    }
}

.infoblock--lighttheme .infoblock__link {
    background-color: #efeeee
}

.infoblock--lighttheme .infoblock__title {
    color: #2e3346
}

.infoblock--lighttheme .infoblock__text {
    color: #767f86
}

.infoblock--lighttheme svg {
    fill: #2e3346
}

.infoblock--text-dark-main .infoblock__text, .infoblock--text-dark-main .infoblock__title, .subcategory {
    color: #2e3346
}

.infoblock--darktheme .infoblock__bg-image {
    display: none
}

.infoblock--darktheme .infoblock__link {
    background-color: #2e3346
}

.infoblock--darktheme .infoblock__title {
    color: #fff
}

.infoblock--darktheme .infoblock__text {
    color: #efeeee
}

.calc__tab li.active path, .calc__tab li.add:hover svg, .infoblock--darktheme svg {
    fill: #fff
}

.author-collection-section .infoblock__link {
    padding: 52px 0
}

.subcategory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    border-radius: 4px;
    max-width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    min-height: 100%
}

.subcategory:hover {
    color: #fff;
    background-color: #efeeee;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.subcategory p, .subcategory span {
    margin-left: 14px
}

.subcategory--small {
    min-height: 54px;
    padding: 7px 50px 5px 7px
}

.subcategory--small .subcat__img-list li {
    width: 40px;
    height: 40px
}

@media (max-width: 767px) {
    .subcategory--small .subcat__img-list li {
        width: 36px;
        height: 36px
    }
}

.subcategory--small .subcat__img-list li:not(:last-child) {
    margin-left: -20px
}

@media (max-width: 767px) {
    .subcategory--small .subcat__img-list li:not(:last-child) {
        margin-left: -18px
    }

    .subcategory--small {
        min-height: 48px
    }
}

.subcategory--new {
    background-image: url(../img/sprite/icon-new.svg);
    background-repeat: no-repeat;
    background-size: 32px 34px;
    background-position: 94% 50%
}

.subcategory--extrasmall {
    min-height: 48px;
    padding: 5px 75px 3px 6px
}

.subcategory--in-filter {
    background-color: #f5f5f5
}

.subcategory--in-filter:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.subcategory--in-filter .subcategory-medium-wrapper p {
    line-height: 14px
}

.subcategory--in-filter .subcategory-medium-wrapper p span {
    margin-left: 0
}

.subcategory--in-filter .subcategory-medium-wrapper p:first-child {
    margin-bottom: 6px
}

.subcategory--in-filter-deletable {
    padding-right: 15px
}

.subcategory--in-filter-deletable p, .subcategory--medium-small.subcategory--in-filter-deletable .subcategory-medium-wrapper, .subcategory--medium.subcategory--in-filter-deletable .subcategory-medium-wrapper {
    margin-right: auto
}

.subcategory-close-button {
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.subcategory-close-button svg:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.subcategory--medium {
    min-height: 84px;
    padding: 15px 75px 15px 15px
}

.subcategory--medium p:first-of-type, .subcategory--medium span {
    font-weight: 700
}

.subcategory--medium p:last-of-type {
    font-weight: 500
}

.subcategory--medium-small {
    min-height: 70px;
    padding-left: 11px;
    padding-right: 75px
}

.subcategory--medium-small p:first-of-type, .subcategory--medium-small span {
    font-weight: 700
}

.subcategory--medium-small p:last-of-type {
    font-weight: 500;
    color: #767f86
}

.subcategory--medium-small.subcategory--in-filter-deletable, .subcategory--medium.subcategory--in-filter-deletable {
    padding-right: 12px
}

.subcategory--medium .subcategory-close-button, .subcategory--medium-small .subcategory-close-button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 15px
}

.collection {
    display: block;
    max-width: 280px;
    cursor: pointer
}

.collection img {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 4px
}

.collection, .collection .collection__image-wrapper {
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.collection--big {
    max-width: 300px
}

.collection:hover .collection__text {
    color: #2e3346;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.collection:hover .collection__image-wrapper img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .9
}

.collection__image-wrapper {
    position: relative;
    margin-bottom: 13px;
    border-radius: 4px
}

.collection__image-wrapper--no-margin {
    margin-bottom: 0
}

.collection__image-wrapper p {
    position: absolute;
    bottom: 12px;
    left: 15px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

.collection__image-wrapper--text-center p {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.collection__image-wrapper.dark p {
    color: #2e3346
}

.collection__text {
    font-family: 500;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #767f86
}

@media (max-width: 767px) {
    .category--small {
        min-height: 68px
    }
}

@media (max-width: 767px) {
    .category--small img {
        width: 69px;
        height: 68px
    }
}

.category--extrasmall span, .category--small span {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #2e3346
}

.category-medium img {
    margin-bottom: 28px;
    border-radius: 4px;
    overflow: hidden
}

.category-medium p:first-of-type {
    margin-bottom: 8px;
    padding-right: 40px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #2e3346
}

.category-medium p:last-of-type {
    padding-right: 40px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #767f86
}

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

.article__about, .article__title {
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346
}

.article__title {
    padding-right: 30px;
    letter-spacing: -.02em;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

.article__about {
    margin-bottom: 23px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #efeeee;
    max-width: 400px
}

.article--big {
    max-width: 440px
}

.article--big .article__img {
    margin-bottom: 28px
}

.article--big .article__illustration {
    width: 440px;
    max-height: 258px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 1439px) {
    .article--big .article__img {
        margin-bottom: 20px
    }

    .article--big .article__title {
        font-size: 20px;
        line-height: 24px
    }

    .article--big .article__about {
        padding-bottom: 15px;
        max-width: 98%
    }
}

@media (max-width: 1279px) {
    .article--big {
        max-width: inherit
    }

    .article--big .article__img {
        margin-bottom: 18px
    }

    .article--big .article__illustration {
        width: 100%;
        max-height: 100%
    }

    .article--big .article__title {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px
    }

    .article--big .article__about {
        padding-bottom: 23px;
        max-width: 84%
    }
}

@media (max-width: 1023px) {
    .article--big {
        max-width: inherit
    }

    .article--big .article__img {
        margin-bottom: 22px
    }
}

@media (max-width: 767px) {
    .article--big {
        max-width: inherit
    }

    .article--big .article__img {
        margin-bottom: 23px
    }

    .article--big .article__illustration {
        width: 100%;
        height: auto
    }

    .article--big .article__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 12px
    }

    .article--big .article__avatar {
        margin-right: 21px;
        width: 36px;
        height: 36px
    }

    .article--big .article__about {
        padding-bottom: 14px;
        font-size: 12px;
        line-height: 22px;
        max-width: 100%;
        margin-bottom: 18px
    }
}

.article--medium {
    max-width: 376px
}

.article--medium .article__img {
    margin-bottom: 22px
}

.article--medium .article__title {
    font-size: 20px;
    line-height: 24px
}

.article--medium .article__about {
    padding-bottom: 22px;
    max-width: 336px
}

.article--small {
    max-width: 345px
}

.article--small .article__img {
    margin-bottom: 23px
}

.article--small .article__title {
    font-size: 18px;
    line-height: 22px
}

.article--small .article__avatar {
    margin-right: 21px
}

.article--small .article__about {
    padding-bottom: 14px;
    max-width: 310px
}

.notice a {
    padding: 24px 63px 33px 48px;
    display: block
}

@media (max-width: 767px) {
    .notice a {
        padding: 24px 22px 33px
    }
}

.notice__wrapper {
    position: relative;
    display: block
}

@media (max-width: 767px) {
    .notice__wrapper {
        padding-left: 40px
    }
}

.notice--dark .notice__wrapper::before, .notice__wrapper::before {
    position: absolute;
    content: "";
    top: 24px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/sprite/icon-i-darkmain.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center
}

@media (max-width: 767px) {
    .notice__wrapper::before {
        top: 30px
    }
}

@media (max-width: 1279px) {
    .notice__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .notice__title {
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .notice__info {
        font-size: 12px;
        line-height: 22px;
        max-width: 90%
    }
}

.notice--dark .notice__wrapper::before {
    width: 18px;
    background-image: url(../img/sprite/icon-lightning.svg);
    background-size: 18px 24px
}

.cite {
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cite__avatar {
    width: 42px;
    height: 42px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.cite__about-author-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cite__about-author, .cite__publication-date {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #a7adb8
}

.cite__about-author {
    color: #2e3346
}

.themes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 63px;
    margin-bottom: 47px;
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 2px solid #efeeee;
    border-bottom: 2px solid #efeeee
}

.themes img, .themes picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.themes img {
    margin-right: 60px
}

.themes__text-wrapper .text-color-gray {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.themes__text-wrapper p {
    margin-bottom: 42px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 24px
}

.themes__text-wrapper h2 {
    display: block;
    margin-top: 0;
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em
}

.themes__text-wrapper .btn {
    font-weight: 700;
    padding: 20px 35px 16px 31px;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media (max-width: 1279px) {
    .themes {
        margin-top: 52px;
        margin-bottom: 47px;
        padding-top: 35px;
        padding-bottom: 36px
    }

    .themes img {
        margin-right: 56px
    }

    .themes p {
        margin-bottom: 37px
    }

    .themes h2 {
        margin-bottom: 14px;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -.02em
    }
}

@media (max-width: 767px) {
    .themes {
        margin-top: 41px;
        margin-bottom: 36px;
        padding-top: 28px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .themes h2 {
        font-size: 20px;
        line-height: 24px
    }

    .themes p {
        margin-bottom: 34px;
        font-size: 12px;
        line-height: 22px
    }

    .themes img {
        margin-right: 0;
        margin-bottom: 28px
    }

    .themes__text-wrapper .btn {
        font-size: 12px;
        line-height: 32px;
        text-align: center;
        letter-spacing: .05em
    }
}

.slider-buttons {
    min-width: 110.2px
}

.slider-buttons button {
    background-image: url(../img/sprite/icon-basket-arrow-swiper.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.slider-buttons button:hover {
    background-image: url(../img/sprite/icon-basket-arrow-swiper-hover.svg)
}

.slider-button, .slider-buttons button {
    position: relative;
    padding: 0;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.slider-button:hover svg {
    fill-opacity: 1
}

.slider-button--next, .slider-buttons__next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-buttons--fill button {
    opacity: .4;
    border-radius: 50%;
    border: 2px solid #fff;
    background-image: url(../img/svg/arrow-white.svg);
    background-size: 12px 24px
}

.slider-buttons--fill button:hover {
    opacity: 1;
    background-color: #fff;
    background-image: url(../img/svg/arrow.svg)
}

.slider-buttons__next {
    margin-left: 10px
}

.slider-button-fill-next, .slider-button-fill-prev {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    -webkit-filter: drop-shadow(0 2px 16px rgba(45, 51, 68, .15));
    filter: drop-shadow(0 2px 16px rgba(45, 51, 68, .15));
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer
}

.slider-button-fill-next:hover, .slider-button-fill-prev:hover {
    opacity: .7
}

.slider-button-fill-next::before, .slider-button-fill-prev::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/button-small.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.slider-button-fill-next.hidden, .slider-button-fill-prev.hidden {
    display: none
}

.slider-pagination {
    bottom: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider-pagination .swiper-pagination-bullet {
    margin: 0 8px 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    opacity: .3;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.categories button.is-active:hover, .slider-pagination .swiper-pagination-bullet:hover {
    opacity: 1
}

.slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.slider-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: .9
}

@media (max-width: 1023px) {
    .slider-buttons {
        min-width: 98.2px
    }
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: .4
}

.socials-list {
    position: absolute;
    left: 5.8%;
    top: 23px
}

.socials-list .ya-share2__title {
    display: none
}

.socials-list li {
    height: 54px;
    margin: 0
}

@media (min-width: 1440px) {
    .socials-list {
        left: -19.7%
    }
}

@media (max-width: 1279px) {
    .socials-list {
        left: 2%
    }

    .socials-list li {
        height: 50px
    }
}

@media (max-width: 767px) {
    .socials-list .ya-share2__list.ya-share2__list_direction_vertical > .ya-share2__item:first-child {
        margin-top: 4px
    }

    .socials-list {
        position: static;
        margin-top: 20px
    }

    .socials-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 18px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .socials-list li {
        margin: 0
    }
}

.main-slider {
    position: relative;
    overflow: hidden
}

.main-slider img, .product-card__img-wrapper img, .sections-slider .swiper-slide img {
    height: 420px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-slider .slider-buttons, .main-slider .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.main-slider .swiper-slide a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.main-slider .swiper-slide a:hover, .product-card-block .product-card-slider .swiper-slide img:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.main-slider .slider-buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 32px
}

.main-slider .slider-buttons button {
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-slider .slider-buttons .slider-buttons__prev {
    left: 32px
}

@media (max-width: 1023px) {
    .main-slider .slider-buttons .slider-buttons__prev {
        left: 17px
    }
}

.main-slider .slider-buttons .slider-buttons__next {
    right: 32px;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

@media (max-width: 1023px) {
    .main-slider .slider-buttons .slider-buttons__next {
        right: 17px
    }
}

.main-slider__text-wrapper {
    padding: 0 8%;
    margin: auto 0;
    position: relative;
    z-index: 3;
    text-align: center;
    color: #fff
}

.main-slider__text-wrapper p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .02em
}

.main-slider__text-wrapper h3 {
    margin: 0 0 14px;
    font-weight: 700;
    font-size: 48px;
    line-height: 32px;
    letter-spacing: .1em
}

.main-slider__text-wrapper--text-dark {
    color: #2e3346
}

.sections-slider {
    position: relative;
    overflow: hidden
}

.sections-slider::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 122px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.sections-slider .slider-button-fill-next, .sections-slider .slider-button-fill-prev {
    position: absolute;
    z-index: 3;
    top: 50%
}

.sections-slider .slider-button-fill-next {
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.sections-slider .slider-button-fill-prev {
    left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sections-slider .swiper-slide {
    position: relative;
    height: 300px;
    width: 39.3%
}

.sections-slider .swiper-slide a {
    display: block;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.categories button:hover, .sections-slider .swiper-slide a:hover, .sidebar ul a:hover {
    opacity: .7
}

.sections-slider .swiper-slide img {
    height: 300px;
    width: 100%;
    border-radius: 8px
}

.sections-slider p {
    position: absolute;
    left: 38px;
    bottom: 20px;
    width: 86%;
    font-weight: 700;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #fff
}

.sections-slider__slide--text-dark p {
    color: #2e3346
}

.goods-slider-wrapper {
    padding-bottom: 53px
}

.goods-slider-wrapper__flex {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.goods-slider-wrapper .slider-buttons {
    height: 48px
}

.color-proof-params-section .service-block .service-block__svg-wrapper img, .goods-slider-wrapper__title {
    margin-right: 15px
}

.goods-slider-wrapper__title-icon {
    margin-right: auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.goods-slider-wrapper__title-icon.sale-icon {
    width: 36px;
    height: 36px;
    line-height: 17px;
    font-size: 16px
}

.product-card__img-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 100%
}

.product-card__img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.goods-slider {
    overflow: hidden
}

.goods-slider .product-card__img-icons svg {
    display: block
}

.goods-slider .product-card__price-with-discount {
    margin-left: 0;
    margin-right: 13px
}

.goods-slider .product-card__regular-price {
    margin-right: 13px
}

.goods-slider .swiper-slide {
    width: calc((100% - 44px) / 3);
    margin-right: 22px
}

@media (max-width: 1023px) {
    .goods-slider .swiper-slide {
        width: calc((100% - 22px) / 2)
    }
}

@media (max-width: 767px) {
    .goods-slider .swiper-slide {
        width: 100%
    }
}

.categories {
    position: relative;
    z-index: 5
}

.categories button {
    position: relative;
    cursor: pointer;
    padding: 0 46px 0 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.02em;
    background-color: transparent;
    color: #4f8cc8;
    border: 0
}

.categories button::after {
    -webkit-transition: none;
    transition: none;
    content: "/";
    position: absolute;
    right: 15px;
    top: 0;
    color: #dee0e2
}

.categories button.is-active {
    padding-right: 45px;
    font-weight: 700;
    color: #2e3346;
    cursor: unset
}

.categories button:first-child {
    padding-left: 0;
    padding-right: 39px
}

.categories button:first-child.is-active {
    padding-right: 39px
}

.categories button:first-child::after {
    right: 10px
}

.categories button:last-child, .categories button:last-child.is-active {
    padding-right: 0
}

.categories button:last-child::after {
    display: none
}

@media (max-width: 1439px) {
    .sections-slider .swiper-slide {
        width: 41.5%
    }

    .main-slider__text-wrapper h3 {
        font-size: 42px;
        line-height: 32px
    }

    .goods-slider-wrapper {
        padding-bottom: 61px
    }
}

@media (max-width: 1279px) {
    .sections-slider p {
        left: 34px;
        bottom: 15px
    }

    .sections-slider .swiper-slide {
        width: 43%;
        height: 270px
    }

    .sections-slider .swiper-slide img {
        height: 270px
    }

    .main-slider__text-wrapper {
        font-size: 40px;
        line-height: 32px
    }

    .goods-slider-wrapper {
        padding-bottom: 67px
    }

    .goods-slider-wrapper__flex {
        margin-bottom: 20px
    }

    .goods-slider-wrapper .slider-buttons {
        display: block
    }
}

@media (max-width: 1023px) {
    .sections-slider .swiper-slide {
        width: 270px;
        height: 230px
    }

    .sections-slider .swiper-slide img {
        height: 230px
    }

    .sections-slider p {
        left: 19px;
        bottom: 20px;
        font-size: 22px;
        line-height: 28px
    }

    .main-slider__text-wrapper h3 {
        margin-bottom: 4px;
        font-size: 34px;
        line-height: 32px
    }

    .categories button {
        padding-right: 38px;
        padding-left: 0;
        font-size: 20px;
        line-height: 32px
    }

    .categories button::after {
        right: 13px
    }

    .categories button:first-child, .categories button:first-child.is-active {
        padding-right: 36px
    }

    .categories button.is-active {
        padding-right: 37px
    }

    .goods-slider-wrapper {
        padding-bottom: 18px
    }

    .goods-slider .product-card__img-icons {
        top: 14px;
        right: 14px
    }
}

@media (max-width: 767px) {
    .main-slider {
        width: 100vw;
        margin-left: -17px
    }

    .goods-slider-wrapper .slider-buttons {
        height: 42px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .goods-slider-wrapper__flex {
        margin-bottom: 15px
    }
}

.new-main-slider {
    --newMainSliderBigHeight: 960px;
    --miatureWidth: 320px;
    --miniatureHeight: 200px;
    --newSliderIndentMini: 10px;
    --newSliderIndent: 20px;
    --newSliderIndentBig: clamp(20px, 4.8vw, 40px);
    --miniatureBorderRadius: 8px;
    --transitionDurationNewSlider: 0.3s;
    --color-dark-opasity: #1d213180;
    --color-dark-opasity-20: #1d213133;
    --color-dark-opasity-35: #1d213159;
    --color-dark-opasity-65: #1d2131a6;
    --color-dark-opasity-80: #1d2131cc;
    --color-light-opasity: #ffffff80;
    --color-light-opasity-0: #ffffff00;
    --color-light-opasity-20: #ffffff33;
    --color-light-opasity-35: #ffffff59;
    --color-light-opasity-65: #ffffffa6;
    --color-light-opasity-80: #ffffffcc;
    --light-slide-opasity-right: linear-gradient(
            to left,
            var(--color-light-opasity-80) 0%,
            var(--color-light-opasity-0) 100%
    );
    --light-slide-opasity-left: linear-gradient(
            to right,
            var(--color-light-opasity-80) 0%,
            var(--color-light-opasity-0) 100%
    );
    --dark-to-light-opacity-base: linear-gradient(
            180deg,
            var(--color-dark-opasity-20),
            var(--color-dark-opasity-65)
    );
    --dark-to-light-opacity-base-mini: linear-gradient(
            180deg,
            var(--color-light-opasity),
            var(--color-dark-opasity)
    );
    --light-to-dark-opacity-base: linear-gradient(
            180deg,
            var(--color-dark-opasity),
            var(--color-light-opasity)
    );
    height: var(--newMainSliderBigHeight);
    margin-block: 0 80px;
    font-size: clamp(14px, 1.76vw, 18px);
    line-height: 1.27;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns:100%;
    -ms-grid-rows: 1fr var(--miniatureHeight);
    grid-template-rows:1fr var(--miniatureHeight);
    row-gap: 12px
}

.new-main-slider h3, .new-main-slider h4, .new-main-slider h5 {
    line-height: 1;
    margin: 0
}

.new-main-slider .mobile-video {
    display: none
}

.new-main-slider__mini {
    position: relative
}

.new-main-slider__mini .swiper-slide-thumb-active .mini-slide__shadow {
    opacity: .5
}

.new-main-slider__mini .swiper-slide-thumb-active .mini-slide__progress {
    opacity: 1
}

.new-main-slider__mini .swiper-slide-thumb-active .mini-slide__progress-bar {
    width: 100%
}

.new-main-slider__mini::after {
    z-index: 1
}

.new-main-slider__mini::after, .new-main-slider__mini::before {
    content: "";
    position: absolute;
    top: 0;
    width: clamp(50px, 6.25vw, 80px);
    height: 100%;
    background: var(--light-slide-opasity-right)
}

.new-main-slider__mini::after {
    right: 0
}

.new-main-slider__mini::before {
    z-index: 2;
    left: 0;
    background: var(--light-slide-opasity-left)
}

.new-main-slider__button-next, .new-main-slider__button-prev {
    position: absolute;
    z-index: 3;
    top: 50%;
    translate: 0 -50%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 0;
    background: url(../img/svg/button-small.svg) no-repeat center/contain;
    cursor: pointer;
    -webkit-transition-duration: var(--transitionDurationNewSlider);
    transition-duration: var(--transitionDurationNewSlider)
}

@media (any-hover: hover) {
    .new-main-slider__button-next:hover, .new-main-slider__button-prev:hover {
        opacity: .6
    }
}

@media (any-hover: hover) and (any-hover: none) {
    .new-main-slider__button-next:active, .new-main-slider__button-prev:active {
        opacity: .6
    }
}

.new-main-slider__button-prev {
    left: 1vw
}

.new-main-slider__button-next {
    right: 1vw;
    rotate: 180deg
}

.new-main-slider__text {
    font-size: inherit;
    list-style: inherit;
    font-weight: 400
}

.new-main-slider__text p:not(:last-child) {
    margin-bottom: clamp(10px, 1.66vw, 17px)
}

.big-slide {
    position: relative;
    width: 100vw;
    padding-block: var(--newSliderIndentBig);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: var(--newSliderIndent)
}

.big-slide__shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--dark-to-light-opacity-base)
}

.big-slide__body, .big-slide__button {
    position: relative;
    z-index: 1;
    text-align: center
}

.big-slide__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--newSliderIndent)
}

.big-slide__body svg {
    display: none;
    width: clamp(44px, 6.4vw, 66px);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.big-slide__button {
    margin-inline: auto;
    display: block;
    max-width: clamp(185px, 22.94vw, 235px);
    width: 100%;
    line-height: clamp(44px, 5.7vw, 60px);
    padding-inline: 3px;
    border-radius: 30px;
    background-color: #fff;
    font-weight: 700;
    font-size: clamp(14px, 1.76vw, 18px)
}

@media (any-hover: hover) {
    .big-slide__button:hover {
        -webkit-filter: brightness(80%);
        filter: brightness(80%)
    }
}

@media (any-hover: hover) and (any-hover: none) {
    .big-slide__button:active {
        -webkit-filter: brightness(80%);
        filter: brightness(80%)
    }
}

.big-slide__button:active {
    scale: .97;
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.big-slide img, .big-slide video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.big-slide h4, .big-slide h5 {
    color: #fff
}

.big-slide h4 {
    font-size: clamp(36px, 6.9vw, 72px)
}

.big-slide h5 {
    font-weight: 600;
    font-size: clamp(24px, 3.5vw, 36px)
}

.big-slide p {
    color: #fff;
    line-height: 1.5
}

.big-slide .btn--cases {
    color: #000;
    margin-top: 5rem;
    font-size: 16px;
    line-height: 32px;
    border-radius: 48px;
    padding: 22px 40px;
    margin-right: 0;
    margin-left: 0
}

.big-slide--position-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.big-slide--position-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.big-slide--position-left .big-slide__body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: left
}

.big-slide--position-left .big-slide__button {
    margin-inline: 0 auto
}

.big-slide--position-right .big-slide__body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    text-align: right
}

.big-slide--position-right .big-slide__button {
    margin-inline: auto 0
}

.big-slide--discount .big-slide__body svg:nth-of-type(2), .big-slide--new .big-slide__body svg:nth-of-type(1), .mini-slide--discount .mini-slide__body svg:nth-of-type(2), .mini-slide--new .mini-slide__body svg:nth-of-type(1) {
    display: block
}

.big-slide--description-color-dark p, .big-slide--subtitle-color-dark h5, .big-slide--title-color-dark h4 {
    color: #000
}

.big-slide--title-uppercase h4 {
    text-transform: uppercase
}

.big-slide--title-xxl h4 {
    font-size: clamp(60px, 15.625vw, 160px);
    word-break: break-word
}

.big-slide--title-xl h4 {
    font-size: clamp(50px, 9.8vw, 100px)
}

.big-slide--title-m h4 {
    font-size: clamp(27px, 5.3vw, 54px)
}

.big-slide--title-s h4 {
    font-size: clamp(18px, 3.5vw, 36px)
}

.big-slide--title-text-l h4 {
    font-weight: 300
}

.big-slide--title-text-l-i h4 {
    font-weight: 300;
    font-style: italic
}

.big-slide--title-text-r h4 {
    font-weight: 400
}

.big-slide--title-text-r-i h4 {
    font-weight: 400;
    font-style: italic
}

.big-slide--title-text-b h4 {
    font-weight: 700
}

.big-slide--title-text-b-i h4 {
    font-weight: 700;
    font-style: italic
}

.big-slide--title-text-h h4 {
    font-weight: 800
}

.big-slide--title-text-h-i h4 {
    font-weight: 800;
    font-style: italic
}

.big-slide--subtitle-xl h5 {
    font-size: clamp(36px, 4.9vw, 48px)
}

.big-slide--description-l p, .big-slide--subtitle-m h5 {
    font-size: clamp(18px, 2.3vw, 24px)
}

.big-slide--subtitle-s h5 {
    font-size: clamp(14px, 1.75vw, 18px)
}

.big-slide--subtitle-text-l h5 {
    font-weight: 300
}

.big-slide--subtitle-text-l-i h5 {
    font-weight: 300;
    font-style: italic
}

.big-slide--subtitle-text-r h5 {
    font-weight: 400
}

.big-slide--subtitle-text-r-i h5 {
    font-weight: 400;
    font-style: italic
}

.big-slide--subtitle-text-b h5 {
    font-weight: 700
}

.big-slide--subtitle-text-b-i h5 {
    font-weight: 700;
    font-style: italic
}

.big-slide--subtitle-text-h h5 {
    font-weight: 800
}

.big-slide--subtitle-text-h-i h5 {
    font-weight: 800;
    font-style: italic
}

.big-slide--description-s p {
    font-size: clamp(10px, 1.36vw, 14px)
}

.big-slide--description-text-l p {
    font-weight: 300
}

.big-slide--description-text-l-i p {
    font-weight: 300;
    font-style: italic
}

.big-slide--description-text-r p {
    font-weight: 400
}

.big-slide--description-text-r-i p {
    font-weight: 400;
    font-style: italic
}

.big-slide--description-text-b p {
    font-weight: 700
}

.big-slide--description-text-b-i p {
    font-weight: 700;
    font-style: italic
}

.big-slide--description-text-h p {
    font-weight: 800
}

.big-slide--description-text-h-i p {
    font-weight: 800;
    font-style: italic
}

.big-slide--button-l .big-slide__button {
    font-size: clamp(18px, 2.34vw, 24px)
}

.big-slide--button-s .big-slide__button {
    font-size: clamp(10px, 1.9vw, 14px)
}

.big-slide--button-dark .big-slide__button {
    background: #2e3346;
    color: #fff
}

.big-slide--button-dark-opacity .big-slide__button {
    background: #2e334680;
    color: #fff
}

.big-slide--button-green .big-slide__button {
    background: #70af60;
    color: #fff
}

.big-slide--button-green-opacity .big-slide__button {
    background: #70af6080;
    color: #fff
}

.big-slide--button-blue .big-slide__button {
    background: #73b8de
}

.big-slide--button-blue-opacity .big-slide__button {
    background: #73b9de80
}

.big-slide--button-light-opacity .big-slide__button {
    background: #ffffff80
}

.mini-slide {
    position: relative;
    width: var(--miatureWidth) !important;
    height: var(--miniatureHeight) !important;
    cursor: pointer;
    font-size: clamp(12px, 1.76vw, 18px)
}

@media (any-hover: hover) {
    .mini-slide:hover .mini-slide__shadow {
        opacity: .7
    }
}

@media (any-hover: hover) and (any-hover: none) {
    .mini-slide:active .mini-slide__shadow {
        opacity: .7
    }
}

.mini-slide img, .mini-slide video {
    width: var(--miatureWidth);
    height: var(--miniatureHeight);
    border-radius: var(--miniatureBorderRadius);
    -o-object-fit: cover;
    object-fit: cover
}

.mini-slide video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.mini-slide h3, .mini-slide h4, .mini-slide h5 {
    line-height: 1.2
}

.mini-slide__shadow {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--miniatureBorderRadius);
    opacity: 1;
    background: var(--dark-to-light-opacity-base-mini);
    -webkit-transition-duration: var(--transitionDurationNewSlider);
    transition-duration: var(--transitionDurationNewSlider)
}

.mini-slide__body, .mini-slide__body-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-slide__body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    padding-block: var(--newSliderIndentMini) var(--newSliderIndent);
    padding-inline: var(--newSliderIndent);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    gap: var(--newSliderIndentMini);
    text-align: start;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mini-slide__body-icons {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mini-slide__body svg {
    display: none;
    width: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 575px) {
    .mini-slide__body {
        padding-block: var(--newSliderIndentMini) var(--newSliderIndentBig)
    }
}

.mini-slide__progress {
    opacity: 0;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: var(--miniatureBorderRadius);
    background-color: var(--color-light-opasity-20);
    margin-block: 0 var(--newSliderIndentMini);
    margin-inline: var(--newSliderIndent);
    border-radius: 50px;
    -webkit-transition-duration: var(--transitionDurationNewSlider);
    transition-duration: var(--transitionDurationNewSlider)
}

.mini-slide__progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    border-radius: inherit;
    background-color: var(--color-light-opasity-80)
}

.mini-slide--position-center .mini-slide__body, .mini-slide--position-top .mini-slide__body {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.mini-slide--position-center .mini-slide__body .new-main-slider__text:first-of-type {
    margin-top: 45px
}

@media (max-width: 767px) {
    .mini-slide--position-center .mini-slide__body .new-main-slider__text:first-of-type {
        margin-top: 35px
    }
}

.mini-slide--position-center.mini-slide--discount .new-main-slider__text:first-of-type, .mini-slide--position-center.mini-slide--new .new-main-slider__text:first-of-type {
    margin-top: 0
}

.mini-slide--position-text-center .mini-slide__body {
    text-align: center
}

.mini-slide--position-text-right .mini-slide__body {
    text-align: end
}

.mini-slide--text-color-dark .new-main-slider__text {
    color: #000
}

.mini-slide--text-uppercase .new-main-slider__text {
    text-transform: uppercase
}

.mini-slide--text-text-l .new-main-slider__text {
    font-weight: 300
}

.mini-slide--text-text-l-i .new-main-slider__text {
    font-weight: 300;
    font-style: italic
}

.mini-slide--text-text-r-i .new-main-slider__text {
    font-weight: 400;
    font-style: italic
}

.mini-slide--text-text-b .new-main-slider__text {
    font-weight: 700
}

.mini-slide--text-text-b-i .new-main-slider__text {
    font-weight: 700;
    font-style: italic
}

.mini-slide--text-text-h .new-main-slider__text {
    font-weight: 800
}

.mini-slide--text-text-h-i .new-main-slider__text {
    font-weight: 800;
    font-style: italic
}

@media (max-width: 1279px) {
    .new-main-slider {
        --newMainSliderBigHeight: 760px
    }

    .big-slide .btn--cases {
        padding: 10px 27px
    }
}

@media (max-width: 767px) {
    .new-main-slider {
        --newMainSliderBigHeight: 450px;
        --miatureWidth: 230px;
        --miniatureHeight: 145px;
        --newSliderIndentMini: 5px;
        height: unset;
        min-height: var(--newMainSliderBigHeight)
    }

    .new-main-slider .new-main-slider .desktop-video {
        display: none
    }

    .new-main-slider .new-main-slider .mobile-video {
        display: block
    }

    .mini-slide__body svg {
        width: 35px
    }

    .big-slide .btn--cases {
        padding: 12px 27px;
        font-size: 13px;
        line-height: 22px;
        margin-right: 4px;
        margin-left: 4px
    }
}

.make-main, .quality-new {
    margin-bottom: 80px
}

.quality-new .quality__number {
    font-weight: 500;
    font-size: 72px;
    line-height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: start;
    letter-spacing: -.05em
}

.quality-new--about {
    margin-bottom: 2.5rem
}

.quality-new__promo {
    font-weight: 500;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -.02em
}

.quality-new--item, .quality-new--item__number {
    -ms-flex-item-align: start;
    align-self: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quality-new--item {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.quality-new--item__number {
    width: 45%
}

.quality-new--item .quality__desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.05em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 51%
}

.quality-new--item--rating .quality__icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 10px;
    margin-bottom: 7px
}

.quality-new--item--rating .quality__number {
    margin-right: 20px
}

.quality-new--item--geography .quality__icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 10px
}

.quality-new--item--geography .quality__number {
    margin-left: -60px;
    position: relative;
    min-width: 65px;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px
}

.quality-new--item--geography .quality__number::before {
    position: absolute;
    content: "";
    top: 45%;
    left: -35px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #70af60
}

.quality-new--item--orders .quality__number {
    margin-right: 20px;
    font-weight: 300
}

.quality-new--item--orders .quality__number span {
    font-size: 45px;
    line-height: 53px;
    margin-left: 13px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 8px
}

@media (max-width: 1279px) {
    .quality-new__promo {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -.02em
    }

    .quality-new--item .quality__desc, .quality-new--item__number {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .quality-new--item .quality__desc, .quality-new--item__number {
        width: 100%
    }
}

@media (max-width: 767px) {
    .quality-new__promo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 27px;
        font-size: 18px;
        line-height: 28px;
        text-align: left
    }

    .quality-new--item .quality__desc, .quality-new--item__number {
        width: 100%
    }

    .quality-new--item--orders .quality__number span {
        font-size: 27px;
        line-height: 32px;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        margin-bottom: 15px
    }
}

.collections {
    position: relative;
    color: #efeeee;
    overflow: hidden;
    border-radius: 8px;
    text-align: center
}

.collections img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: -1;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.collections a {
    padding-top: 220px;
    padding-bottom: 221px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.collections:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.collections__subtitle {
    position: absolute;
    top: 55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .25em
}

.collections__text-wrapper {
    max-width: 670px;
    margin: 0 auto
}

.collections__text-wrapper h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 35px;
    font-weight: 800;
    font-size: 64px;
    line-height: 48px;
    letter-spacing: .1em
}

.collections__text-wrapper p {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1439px) {
    .collections a {
        padding-top: 201px;
        padding-bottom: 195px
    }

    .collections__text-wrapper {
        max-width: 56%
    }

    .collections__text-wrapper h2 {
        margin-bottom: 27px
    }

    .collections__subtitle {
        top: 52px
    }
}

@media (max-width: 1279px) {
    .collections a {
        padding-top: 179px;
        padding-bottom: 140px
    }

    .collections__subtitle {
        top: 47px
    }

    .collections__text-wrapper h2 {
        margin-bottom: 19px;
        font-size: 56px;
        line-height: 48px;
        letter-spacing: .1em
    }

    .collections__text-wrapper p {
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .collections a {
        padding-top: 105px;
        padding-bottom: 43px
    }

    .collections__subtitle {
        top: 33px;
        width: 100%
    }

    .collections__text-wrapper {
        max-width: 83%
    }

    .collections__text-wrapper h2 {
        margin-bottom: 9px;
        font-size: 32px;
        line-height: 48px
    }

    .collections__text-wrapper p {
        font-size: 12px;
        line-height: 22px
    }
}

.account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 11px 14px;
    -o-object-fit: cover;
    object-fit: cover
}

.account svg {
    width: 31px;
    min-width: 31px;
    height: 31px;
    margin-left: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.account__name {
    margin: 0;
    padding-top: 6px
}

.account__first-name {
    display: block;
    margin: 0 0 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #2e3346
}

.account__city {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #a7adb8
}

.account__avatar, .account__avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.account__avatar {
    margin: 0 17px 0 0;
    padding-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2e3346;
    font-weight: 700;
    font-size: 24px;
    line-height: 23px;
    color: #efeeee
}

.account__avatar img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023px) {
    .account__avatar {
        margin-right: 15px;
        font-size: 18px;
        line-height: 14px
    }

    .account__avatar img {
        width: 36px;
        height: 36px
    }

    .account {
        padding: 17px 30px 17px 11px
    }

    .account__name {
        padding-top: 4px
    }

    .account__first-name {
        margin: 0 0 2px;
        font-size: 11px;
        line-height: 14px
    }

    .account__city {
        font-weight: 600;
        font-size: 11px;
        line-height: 14px
    }
}

.landing-desc {
    background-repeat: no-repeat;
    background-position: bottom
}

.landing-desc .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.landing-desc__img-wrapper {
    margin-top: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 589px;
    height: 563px;
    margin-left: 40px
}

.landing-desc__text-wrapper {
    margin-left: auto;
    padding-top: 79px;
    padding-bottom: 189px;
    width: 49.1%;
    padding-right: 10%
}

.landing-desc__text-wrapper p {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.landing-desc__text-wrapper p:last-child {
    margin-bottom: 0
}

.landing-desc__text-wrapper .landing-desc__subtitle {
    margin-bottom: 22px;
    font-weight: 300;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

@media (max-width: 1439px) {
    .landing-desc {
        background-position: -80px
    }

    .landing-desc__text-wrapper {
        padding-right: 3%
    }

    .landing-desc__img-wrapper {
        margin-left: -40px
    }
}

@media (max-width: 1279px) {
    .landing-desc {
        background-position: -191px
    }

    .landing-desc__text-wrapper {
        padding-top: 80px;
        padding-bottom: 211px
    }

    .landing-desc__text-wrapper p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 24px
    }

    .landing-desc__text-wrapper .landing-desc__subtitle {
        margin-bottom: 26px;
        font-size: 28px;
        line-height: 32px
    }

    .landing-desc__img-wrapper {
        margin-left: -150px
    }
}

@media (max-width: 1023px) {
    .landing-desc {
        background-position: bottom 0 left -500px
    }

    .landing-desc .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .landing-desc__img-wrapper {
        margin-left: -90px;
        margin-top: -18px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 446px;
        height: 426.31px
    }

    .landing-desc__text-wrapper {
        padding-top: 39px;
        padding-bottom: 0;
        padding-right: 0;
        margin-left: 0;
        width: 100%
    }

    .landing-desc__text-wrapper p {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 22px
    }

    .landing-desc__text-wrapper .landing-desc__subtitle {
        margin-bottom: 24px;
        font-size: 22px;
        line-height: 26px
    }
}

.guarantees {
    padding-top: 84px;
    padding-bottom: 120px
}

.guarantees h2 {
    margin: 0 0 67px;
    padding: 0 10%;
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.guarantees .title {
    margin-bottom: 7px
}

.guarantees .paragraph-columns__column {
    width: 20.4%
}

.guarantees .paragraph {
    padding-right: 15px
}

.guarantees--wt {
    padding-top: 80px;
    padding-bottom: 42px
}

@media (max-width: 1439px) {
    .guarantees .paragraph {
        padding-right: 0
    }
}

@media (max-width: 1279px) {
    .guarantees {
        padding-top: 76px;
        padding-bottom: 90px
    }

    .guarantees h2 {
        margin-bottom: 64px;
        font-size: 28px;
        line-height: 32px
    }

    .guarantees .paragraph {
        font-size: 12px;
        line-height: 22px
    }

    .guarantees .paragraph-columns__column {
        width: 23.4%
    }

    .guarantees .paragraph-columns__column:not(:nth-child(4n)) {
        margin-right: 2.1%
    }
}

@media (max-width: 1023px) {
    .guarantees {
        padding-top: 45px;
        padding-bottom: 67px
    }

    .guarantees .paragraph-columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .guarantees h2 {
        margin-bottom: 32px;
        padding: 0;
        font-size: 22px;
        line-height: 26px
    }

    .guarantees .title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px
    }

    .guarantees .paragraph {
        padding: 0 10%
    }

    .guarantees .paragraph-columns__column {
        width: 100%;
        padding-top: 89px;
        margin-bottom: 40px;
        text-align: center;
        background-position: center top
    }

    .guarantees .paragraph-columns__column:last-child {
        margin-bottom: 0
    }

    .guarantees .paragraph-columns__column:not(:nth-child(4n)) {
        margin-right: 0
    }

    .guarantees--wt {
        padding-bottom: 0
    }
}

.accordeon button {
    position: relative;
    display: block;
    width: 100%;
    padding: 31px 80px 27px 39px;
    border: 0;
    background-color: #fff;
    border-radius: 4px;
    color: #2e3346;
    cursor: pointer
}

.accordeon button:after {
    content: "";
    position: absolute;
    right: 38px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 14px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background-image: url(../img/svg/accordeon-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.accordeon button.is-active:after, .accordeon button:hover::after {
    background-image: url(../img/svg/accordeon-arrow-blue.svg)
}

.accordeon button.is-active:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.accordeon b {
    margin: 0;
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.accordeon li {
    margin-bottom: 22px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.accordeon li:hover {
    -webkit-box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    box-shadow: 0 4px 12px rgba(45, 51, 68, .07)
}

.accordeon li:last-child, .accordeon__wrapper p:last-child, .sidebar h2:last-child, .sidebar ul li:last-child {
    margin-bottom: 0
}

.accordeon__content {
    overflow: hidden;
    height: 0;
    margin-top: -2px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.accordeon__content.is-active {
    height: auto
}

.accordeon__wrapper {
    background-color: #fff;
    padding: 0 80px 27px 39px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #fff
}

.accordeon__wrapper p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1279px) {
    .accordeon li {
        margin-bottom: 20px
    }

    .accordeon button {
        padding: 27px 80px 23px 37px
    }

    .accordeon button b {
        letter-spacing: -.02em;
        font-size: 15px
    }

    .accordeon button::after {
        width: 20px;
        height: 12px
    }
}

@media (max-width: 1023px) {
    .accordeon li {
        margin-bottom: 18px
    }

    .accordeon button {
        padding: 23px 75px 22px 35px
    }

    .accordeon button b {
        font-size: 14px;
        line-height: 20px
    }

    .accordeon button.is-active::after {
        top: 28px;
        -webkit-transform: translateY(0) rotate(-180deg);
        transform: translateY(0) rotate(-180deg)
    }

    .accordeon button:after {
        top: 28px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        right: 35px
    }

    .accordeon__wrapper {
        padding: 0 35px 21px
    }

    .accordeon__wrapper p {
        font-size: 12px;
        line-height: 22px
    }
}

.sidebar {
    position: sticky;
    top: 4.8vh;
    padding: 56px 43px 62px 42px;
    margin-top: 85px;
    margin-bottom: 188px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 25.5%;
    max-height: 90vh;
    overflow: auto;
    background-color: #f5f5f5
}

.sidebar h2, .sidebar ul a {
    font-size: 14px;
    line-height: 20px
}

.sidebar h2 {
    margin: 0 0 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700
}

.sidebar ul li {
    margin-bottom: 14px
}

.sidebar ul a {
    display: block;
    font-weight: 500;
    color: #767f86;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media (max-width: 1439px) {
    .sidebar {
        width: 29%
    }
}

@media (max-width: 1279px) {
    .sidebar {
        width: 28.4%;
        padding: 57px 26px 57px 33px
    }

    .sidebar ul a {
        font-size: 13px
    }
}

@media (max-width: 1023px) {
    .sidebar {
        margin-bottom: 130px;
        padding: 56px 26px 63px 40px;
        max-height: unset;
        position: static;
        overflow: visible;
        height: auto;
        margin-top: 4px;
        width: 100%
    }
}

.counter-list-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: counter-list-steps
}

.counter-list-steps li {
    padding: 0;
    margin: 0
}

.counter-list-steps .warning {
    margin-top: 44px
}

.counter-list-steps .info {
    margin-top: 65px;
    margin-bottom: 65px
}

.counter-list-steps p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.counter-list-steps h3 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.counter-list-steps h3::before {
    content: counter(counter-list-steps) ". ";
    counter-increment: counter-list-steps
}

.counter-list-steps__flex, .counter-list-steps__img-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.counter-list-steps__flex img {
    height: 284px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -o-object-fit: cover;
    object-fit: cover
}

.counter-list-steps__flex p {
    width: 50%;
    margin: 31px 0 0 auto
}

.counter-list-steps__img-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 65px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 88px
}

.counter-list-steps__img-flex img {
    margin-top: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%;
    height: 344px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.counter-list-steps__img-flex img:nth-child(-n+2), .counter-list-steps__img-flex--3-col img:nth-child(-n+3) {
    margin-top: 0
}

.counter-list-steps__img-flex--3-col {
    padding-right: 51px
}

.counter-list-steps__img-flex--3-col img {
    height: 281px;
    margin-top: 30px
}

@media (max-width: 1439px) {
    .counter-list-steps .warning {
        margin-top: 20px
    }

    .counter-list-steps .info {
        padding: 16px 5.7% 11px 4.9%
    }

    .counter-list-steps .info p {
        padding-right: 5%
    }

    .counter-list-steps__img-flex {
        padding-right: 0
    }

    .counter-list-steps__img-flex--3-col {
        padding-right: 0;
        margin-top: 32px
    }

    .counter-list-steps__flex p {
        width: 47%;
        margin-left: 6.2%
    }
}

@media (max-width: 1279px) {
    .counter-list-steps h3 {
        margin-bottom: 23px
    }

    .counter-list-steps .warning {
        margin-top: 33px
    }

    .counter-list-steps .info {
        margin-bottom: 49px;
        padding: 28px 4.9% 39px 7.6%;
        margin-right: 0
    }

    .counter-list-steps__flex {
        display: block
    }

    .counter-list-steps__flex img {
        margin-right: 8px;
        float: left;
        height: 224px;
        width: 317px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .counter-list-steps__flex p {
        width: 100%;
        margin-top: 38px;
        margin-left: 0
    }

    .counter-list-steps__img-flex {
        padding-right: 0
    }

    .counter-list-steps__img-flex img {
        width: auto;
        height: 283px
    }

    .counter-list-steps__img-flex--3-col {
        margin-top: 42px
    }

    .counter-list-steps__img-flex--3-col img {
        height: 246px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .counter-list-steps b, .counter-list-steps h3 {
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 1023px) {
    .counter-list-steps .warning {
        margin-top: 22px;
        margin-bottom: 5px
    }

    .counter-list-steps p {
        font-size: 12px;
        line-height: 22px
    }

    .counter-list-steps h3 {
        margin-bottom: 13px;
        font-size: 22px;
        line-height: 26px
    }

    .counter-list-steps .info {
        margin-bottom: 44px;
        margin-top: 33px;
        padding: 28px 4.9% 24px 9.4%
    }

    .counter-list-steps .info p {
        padding-right: 0
    }

    .counter-list-steps__flex img {
        margin: 0 auto;
        width: 340px;
        height: 240px;
        float: none
    }

    .counter-list-steps__flex p {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .counter-list-steps__img-flex {
        margin-top: 42px;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .counter-list-steps__img-flex img {
        margin-bottom: 22px;
        width: 340px;
        height: auto
    }

    .counter-list-steps__img-flex img:last-child {
        margin-bottom: 0
    }

    .counter-list-steps__img-flex--3-col {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 22px
    }

    .counter-list-steps__img-flex--3-col img {
        height: 214px;
        width: 170px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.counter-list-wrapper h2 {
    margin: 0 0 26px;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.counter-list-wrapper p {
    margin: 0 0 15px
}

.counter-list-wrapper li:last-child, .counter-list-wrapper p:last-child, .recomendation > p:last-child, .tick-list li:last-child {
    margin-bottom: 0
}

.counter-list-wrapper li {
    margin-bottom: 16px
}

.counter-list-wrapper li, .counter-list-wrapper p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1279px) {
    .counter-list-wrapper h2 {
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 1023px) {
    .counter-list-wrapper p {
        margin-bottom: 17px
    }
}

.counter-list {
    counter-reset: counter-list
}

.counter-list li, .warning {
    padding-left: 20px;
    position: relative
}

.counter-list li::before {
    position: absolute;
    left: 0;
    content: counter(counter-list) ".";
    counter-increment: counter-list
}

@media (max-width: 1023px) {
    .counter-list li {
        margin-bottom: 10px;
        padding-left: 16px;
        font-size: 12px;
        line-height: 24px
    }
}

.warning {
    padding-left: 98px;
    min-height: 68px
}

.warning::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 72px;
    height: 67px;
    background-image: url(../img/svg/warning.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.warning p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1023px) {
    .warning p {
        font-size: 14px;
        line-height: 22px
    }
}

.info {
    padding: 16px 7.9% 11px 4.8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f5f5
}

.info p {
    padding-right: 9%;
    padding-top: 47px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.info img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 206px;
    height: 206px;
    max-width: unset
}

@media (max-width: 1279px) {
    .info p {
        padding-top: 11px
    }

    .info img {
        width: 168px;
        height: 170px
    }
}

@media (max-width: 1023px) {
    .info {
        padding: 28px 4.9% 24px 9.4%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info p {
        margin-bottom: 22px;
        padding-right: 0;
        font-size: 12px;
        line-height: 22px
    }
}

.recomendation h2 {
    margin-top: 0;
    margin-bottom: 45px;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.recomendation p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.recomendation > p {
    margin-bottom: 24px
}

.recomendation__flex-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 45px
}

.recomendation__flex-block p {
    width: 47%;
    margin-top: 20px;
    margin-right: 28px;
    color: #767f86
}

.recomendation__flex-block p:nth-child(2n) {
    margin-right: 0
}

.recomendation__flex-block p:nth-child(-n+2) {
    margin-top: 0
}

@media (max-width: 1439px) {
    .recomendation__flex-block p {
        width: 46.4%
    }
}

@media (max-width: 1279px) {
    .recomendation h2 {
        margin-bottom: 27px;
        font-size: 28px;
        line-height: 32px
    }

    .recomendation__flex-block {
        margin-bottom: 28px
    }

    .recomendation__flex-block p {
        width: 46.4%;
        margin-right: auto
    }
}

@media (max-width: 1023px) {
    .recomendation {
        border-bottom: none
    }

    .recomendation h2 {
        margin-bottom: 22px;
        font-size: 22px;
        line-height: 26px
    }

    .recomendation p {
        font-size: 12px;
        line-height: 22px
    }

    .recomendation > p {
        margin-bottom: 12px
    }

    .recomendation__flex-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 21px
    }

    .recomendation__flex-block p {
        margin-bottom: 17px;
        width: 100%;
        padding-right: 30px
    }

    .recomendation__flex-block p:last-child {
        margin-bottom: 0
    }
}

.tick-list {
    padding-right: 47%
}

.tick-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.tick-list li::before {
    content: "" !important;
    position: absolute;
    margin: unset !important;
    left: 0;
    top: 4px;
    width: 16px;
    height: 13px;
    background-image: url(../img/svg/tick.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 1023px) {
    .tick-list li {
        padding-left: 23px;
        font-size: 12px;
        line-height: 22px
    }
}

.cards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cards-list li {
    position: relative;
    width: 320px;
    margin-right: 24px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 40px;
    -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.cards-list li:hover {
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.cards-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 37px 35px 45px
}

.cards-list li img, .cards-list li svg {
    height: 117px;
    margin-bottom: 40px;
    -o-object-fit: cover;
    object-fit: cover
}

.cards-list li:nth-child(-n+4) {
    margin-top: 0
}

.cards-list li:nth-child(4n) {
    margin-right: 0
}

.cards-list h3, .category-list li h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em
}

.cards-list p, .category-list li p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #767f86
}

@media (max-width: 1439px) {
    .cards-list li {
        width: 23.49%
    }
}

@media (max-width: 1279px) {
    .cards-list h3 {
        font-size: 20px;
        line-height: 24px
    }

    .cards-list li {
        width: 48.9%;
        margin-top: 22px;
        margin-right: 20px;
        padding-bottom: 51px;
        min-height: 336px
    }

    .cards-list li:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .cards-list li:nth-child(-n+4) {
        margin-top: 22px
    }

    .cards-list li:nth-child(-n+2) {
        margin-top: 0
    }

    .cards-list li:nth-child(4n) {
        margin-right: unset
    }

    .cards-list li:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .cards-list li {
        width: 100%;
        margin-right: 0;
        padding-bottom: 39px;
        min-height: 325px;
        margin-top: 0;
        margin-bottom: 24px
    }

    .cards-list li:nth-child(-n+4) {
        margin-top: 0
    }

    .cards-list li:last-child {
        margin-bottom: 0
    }

    .cards-list li img, .cards-list li svg {
        margin-bottom: 22px
    }

    .cards-list h3 {
        margin-bottom: 17px;
        font-size: 18px;
        line-height: 22px
    }

    .cards-list p {
        font-size: 12px;
        line-height: 22px
    }
}

.categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -24px
}

.categories-list > li {
    margin-left: 24px;
    margin-bottom: 20px
}

.categories-list--6-items .category-list li {
    width: 207px
}

.categories-list, .category-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.category-list li {
    position: relative;
    margin-bottom: 30px;
    width: 254.4px;
    margin-right: 24px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.category-list li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.category-list li h4 {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 22px
}

.category-list li p {
    font-size: 12px;
    line-height: 18px
}

.category-list li:hover, .social-block__wrapper a:hover {
    opacity: .7
}

.category-list li:last-child {
    margin-right: 0
}

.category-list__mark {
    position: absolute;
    z-index: 2;
    right: -10px;
    top: -7px;
    width: 48px;
    height: 48px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.categories-list__wrapper {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #767f86
}

.categories-list__wrapper h3 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.categories-list__wrapper hr {
    margin-left: 13px;
    display: block;
    border: 0;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    opacity: .3;
    background-color: #767f86
}

@media (max-width: 1439px) {
    .categories-list {
        margin-left: -1.87vw
    }

    .categories-list > li {
        margin-left: 1.87vw
    }

    .categories-list--6-items .category-list li {
        width: 13.97vw
    }

    .categories-list__wrapper {
        margin-bottom: 22px
    }

    .category-list li {
        width: 17.14vw;
        margin-right: 1.87vw
    }

    .category-list li h4 {
        font-size: 18px;
        line-height: 22px
    }

    .category-list li p {
        padding-right: 5px
    }

    .category-list__mark {
        right: -14px
    }

    .category-list__img-wrapper {
        margin-bottom: 25px;
        padding-bottom: 100%
    }
}

@media (max-width: 1279px) {
    .category-list li {
        margin-right: 1.65vw;
        width: 16.98vw
    }

    .category-list li h4 {
        margin-bottom: 13px;
        font-size: 18px;
        line-height: 22px
    }

    .categories-list {
        margin-left: -1.65vw
    }

    .categories-list > li {
        margin-left: 1.65vw
    }

    .categories-list--6-items .category-list li {
        width: 13.875vw
    }

    .category-list__img-wrapper {
        margin-bottom: 23px;
        padding-bottom: 100%
    }

    .category-list__mark {
        right: -8px;
        top: -9px;
        width: 36px;
        height: 36px
    }
}

@media (max-width: 1023px) {
    .categories-list__wrapper {
        margin-bottom: 20px
    }

    .categories-list__wrapper h3 {
        font-size: 12px;
        line-height: 18px
    }

    .categories-list {
        margin-left: 0
    }

    .categories-list > li {
        margin-left: 0;
        margin-bottom: 0
    }

    .categories-list--6-items .category-list li {
        width: 47%
    }

    .category-list li {
        margin-right: 6%;
        width: 47%;
        margin-bottom: 55px
    }

    .category-list li p {
        padding-right: 0
    }

    .category-list li:nth-child(2n) {
        margin-right: 0
    }

    .category-list li h4 {
        margin-bottom: 6px
    }

    .category-list__img-wrapper {
        margin-bottom: 22px;
        padding-bottom: 100%
    }
}

.social-block {
    padding: 38px 7% 35px 11.9%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65.7%;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #f5f5f5
}

.social-block__wrapper {
    position: relative
}

.info-list.swiper-wrapper, .social-block__wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.social-block__wrapper a {
    margin-right: 49px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.social-block__wrapper img, .social-block__wrapper svg {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.social-block__social, .social-block__text {
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -.02em
}

.social-block__social {
    padding-top: 13px;
    margin-left: 12px;
    font-size: 30px
}

.social-block__text {
    font-size: 14px;
    color: #767f86
}

@media (max-width: 1279px) {
    .social-block {
        width: 82.8%;
        padding: 38px 7% 36px 10.2%
    }
}

@media (max-width: 1023px) {
    .social-block {
        padding: 20px 7% 31px 18.6%;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .social-block__social, .social-block__wrapper a {
        margin-right: 0
    }

    .social-block__wrapper {
        margin-bottom: 11px
    }

    .social-block__text {
        padding-right: 25px;
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 375px) {
    .social-block {
        padding: 20px 12.6% 31px
    }
}

.info-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap: 23px;
    grid-row-gap: 40px
}

@media (max-width: 1279px) {
    .info-list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        grid-row-gap: 25px
    }
}

@media (max-width: 1023px) {
    .info-list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        grid-row-gap: 25px
    }
}

.info-list.swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-column-gap: 0;
    grid-row-gap: 0
}

.info-list.swiper-wrapper .info-list__item:not(:first-of-type), .info-list.swiper-wrapper .swiper-slide {
    height: 100%;
    margin-top: 0
}

@media (max-width: 1279px) {
    .info-list.swiper-wrapper .info-list__card {
        padding: 44px 44px 0
    }
}

@media (max-width: 767px) {
    .info-list.swiper-wrapper .info-list__card {
        padding-left: 26px;
        padding-top: 41px
    }
}

.info-list.swiper-wrapper .info-list__card--mount p {
    color: #767f86
}

.info-list.swiper-wrapper .info-list__item {
    width: 324px;
    margin: 0
}

.info-list.swiper-wrapper .info-list__item--width-50 {
    width: 680px
}

.info-list.swiper-wrapper .info-list__item--width-50 h2, .info-list.swiper-wrapper .info-list__item--width-50 p {
    max-width: 290px
}

@media (max-width: 767px) {
    .info-list.swiper-wrapper .swiper-slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .info-list.swiper-wrapper .info-list__item, .info-list.swiper-wrapper .info-list__item--width-50 {
        width: 100%
    }

    .info-list.swiper-wrapper .info-list__card {
        padding-left: 25px;
        padding-top: 46px
    }

    .info-list.swiper-wrapper .info-list__card h2 {
        margin-bottom: 17px
    }

    .info-list.swiper-wrapper .info-list__card p {
        font-size: 14px;
        line-height: 22px
    }
}

.info-list__bg-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    overflow: hidden;
    border-radius: 8px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.info-list__bg-img, .info-list__bg-img picture {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-list__bg-img img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    -o-object-position: center;
    object-position: center;
    border-radius: 8px
}

@media (max-width: 767px) {
    .info-list {
        display: block
    }

    .info-list .info-list__item:not(:first-of-type) {
        margin-top: 20px
    }
}

.info-list__card {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 400px;
    padding-top: 45px;
    padding-left: 42px;
    padding-right: 42px;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.info-list__card:focus, .info-list__card:hover, a.info-list__card:focus, a.info-list__card:hover {
    opacity: .7
}

@media (max-width: 1279px) {
    .info-list__card {
        padding-left: 28px;
        padding-top: 39px
    }
}

@media (max-width: 767px) {
    .info-list__card {
        padding-left: 25px;
        min-height: 350px;
        height: auto
    }
}

.info-list__card--wallpapers {
    color: #fff;
    background-color: #2e3346
}

.info-list__card--delivery .info-list__img-wrapper, .info-list__card--wallpapers .info-list__img-wrapper {
    height: 169px
}

.info-list__card--delivery {
    color: #fff;
    background-color: #70af60
}

.info-list__card--payment {
    color: #fff;
    background-color: #4f8cc8
}

.info-list__card--payment .info-list__img-wrapper {
    height: 202px
}

.info-list__card--info, .info-list__card--mount {
    background-color: #efeeee
}

.info-list__card--mount .info-list__img-wrapper {
    height: 267px
}

@media (max-width: 767px) {
    .info-list__card--mount .info-list__img-wrapper {
        height: 212px
    }
}

.info-list__card--info {
    color: #2e3346
}

.info-list__card h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em;
    position: relative;
    z-index: 3
}

@media (max-width: 1279px) {
    .info-list__card h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px
    }
}

@media (max-width: 1023px) {
    .info-list__card h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .info-list__card h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.info-list__card p {
    position: relative;
    z-index: 3;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 5px;
    color: #efeeee
}

@media (max-width: 767px) {
    .info-list__card p {
        font-size: 12px;
        line-height: 20px
    }
}

.info-list__card a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px
}

.info-list__img-wrapper {
    max-width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.info-list__img-wrapper svg {
    width: 236px;
    min-width: 236px;
    height: 224px
}

.info-list__img-wrapper img {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left bottom;
    object-position: left bottom
}

.info-list--row-3 {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr)
}

.info-list--row-2 {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

a.info-list__card {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.info-list__links {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

@media (max-width: 767px) {
    .info-list__links {
        margin-top: 9px
    }
}

.info-list__links li {
    padding: 0;
    margin: 0 0 11px
}

@media (max-width: 767px) {
    .info-list__links li {
        margin-bottom: 5px
    }
}

.info-list__links a {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #767f86;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.info-list__links a:focus, .info-list__links a:hover {
    color: #2e3346
}

@media (max-width: 1279px) {
    .info-list__links a {
        font-size: 12px
    }
}

.collection-card p, a.info-list__link {
    font-size: 13px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

a.info-list__link {
    display: inline-block;
    letter-spacing: .02em;
    margin-top: auto;
    margin-bottom: 24px;
    position: relative;
    width: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-weight: 700;
    line-height: 32px;
    color: #a7adb8
}

.collection-card--img a h3, .collection-card--img a span, .collection-card--img:hover p, .collection-card:hover p, a.info-list__link:hover {
    color: #2e3346
}

a.info-list__link::after {
    content: "→";
    position: absolute;
    padding-left: 8px;
    top: 50%;
    right: -11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #767f86;
    line-height: 20px;
    font-size: 12px
}

.service-content .info-list {
    margin: 25px 0 0
}

.link-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.link-wrapper h1, .link-wrapper h2 {
    margin-top: 6px;
    margin-right: 30px
}

.link-wrapper .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 10px;
    width: 191px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.collections-cards, .link-wrapper, .link-wrapper .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.collection-card {
    width: 260px;
    height: auto;
    margin-right: 24px;
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%);
    border-radius: 8px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.collection-card h3 {
    margin: 20px 0 7px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.02em
}

.collection-card p {
    font-weight: 500;
    line-height: 20px;
    color: #767f86
}

.collection-card:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f5f5f5));
    background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%)
}

.collection-card:hover .collection-card__img-list li {
    margin-left: -45px
}

.collection-card:hover .collection-card__img-list li:first-child, .collection-card__img-list li:first-child {
    margin-left: 0
}

.collection-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 368px;
    height: 100%;
    padding: 40px 36px 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #2e3346
}

.collection-card h4 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 18px
}

.collection-card--img {
    overflow: hidden
}

.collection-card--img a {
    padding-top: 23px
}

.collection-card--img a p {
    color: #2e3346;
    opacity: .7
}

.collection-card--img:hover .collection-card__img-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.author-collection-card--text-white .author-collection-card__text-wrapper h3, .collection-card--white a h3, .collection-card--white a span, .collection-card--white:hover p, .subcat .subcat__promo .subcat__promo-content h1 {
    color: #fff
}

.collection-card--white a p {
    color: #fff;
    opacity: .7
}

.collection-card__img-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    overflow: hidden
}

.collection-card__text-wrapper {
    margin-top: auto;
    z-index: 2
}

.collection-card__category {
    z-index: 2;
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff
}

.collection-card__img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto
}

.collection-card__img-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: -60px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.collection-card__img-list li img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover
}

.collection-card__img-list li:nth-child(1) {
    z-index: 3
}

.collection-card__img-list li:nth-child(2) {
    z-index: 2
}

@media (max-width: 1023px) {
    .collections-cards-slider {
        margin-bottom: 60px
    }
}

.slider-button-fill-next, .slider-button-fill-prev {
    z-index: 3;
    position: absolute
}

.slider-button-fill-prev {
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-button-fill-next {
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media (max-width: 1023px) {
    .collection-card {
        width: 220px;
        margin-right: 18px
    }

    .collection-card h3 {
        margin: 37px 0 8px
    }

    .collection-card a {
        min-height: 290px;
        padding: 25px 22px 20px 25px
    }

    .collection-card h3, .collection-card h4 {
        font-size: 18px;
        line-height: 22px
    }

    .collection-card p {
        font-size: 12px;
        line-height: 18px
    }

    .collection-card:hover .collection-card__img-list li {
        margin-left: -20px
    }

    .collection-card__img-list li {
        margin-left: -32px
    }

    .collection-card__img-list li img {
        width: 100px;
        height: 100px
    }
}

.main-selections-section {
    margin-bottom: 85px
}

.selection-cards {
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}

.selection-cards .subcategory {
    max-width: 375px
}

.selection-cards .subcat .subcat__swiper-slide {
    width: 375px
}

.selection-cards .subcat .subcat__subcategory {
    padding: 18px
}

.selection-cards .subcat .subcat__subcategoryes-wrapper {
    margin-bottom: 32px
}

.selection-cards .subcategory--medium p:last-of-type {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.selection-cards .subcat__img-list li {
    width: 64px;
    height: 64px
}

.selection-cards--header, .selection-cards--header .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selection-cards--header .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 25px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    letter-spacing: .05em
}

.selection-cards--item {
    height: 560px;
    margin-bottom: 24px
}

.selection-cards--item a {
    display: block;
    height: 100%;
    position: relative;
    padding: 48px 60px;
    border-radius: 8px;
    overflow: hidden
}

.selection-cards--item--content {
    position: relative
}

.selection-cards--item--content .title {
    margin-bottom: 20px;
    max-width: 200px
}

.selection-cards--item--content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2e3346;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.selection-cards--item img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media (max-width: 767px) {
    .selection-cards .subcat__img-list li {
        width: 45px;
        height: 45px
    }

    .selection-cards .subcategory--medium p:last-of-type {
        font-size: 16px;
        line-height: 20px
    }

    .selection-cards--item {
        height: 420px
    }
}

.main-materials-section {
    margin-bottom: 85px
}

.main-materials__item {
    background-color: #2e3346;
    min-height: 399px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
    padding: 30px 30px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px
}

.main-materials__item--gradient-blue {
    background: -webkit-gradient(linear, left top, right top, from(#4f8cc8), to(#73b8de));
    background: linear-gradient(90deg, #4f8cc8 0%, #73b8de 100%);
    background-color: transparent
}

.main-materials__picture {
    position: absolute;
    inset: 0;
    z-index: -1
}

.main-materials__desc {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-row-gap: 30px;
    -moz-row-gap: 30px;
    row-gap: 30px
}

.main-materials__desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -.02em;
    max-width: 380px
}

.main-materials__title {
    color: #fff;
    margin: 0 0 20px
}

.make__item_large222 {
    color: #fff;
    padding: 30px 48px 24px
}

.make__title_large2222 {
    font-weight: 700;
    font-size: 32px;
    line-height: 106%
}

.btw, .make__btn2222 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.make__btn2222 {
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 2px 32px 0;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .05em;
    line-height: 1.2
}

.btw {
    padding: 0 192px;
    font-weight: 300;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -.02em
}

.btw img, .btw picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.btw img {
    margin-right: 47px;
    width: 165.56px;
    height: 124.25px;
    -o-object-fit: cover;
    object-fit: cover
}

.btw p {
    margin-top: 8px
}

@media (max-width: 1439px) {
    .btw {
        padding: 0 146px
    }
}

@media (max-width: 1279px) {
    .btw {
        padding: 0 113px
    }

    .btw img {
        width: 159px;
        height: 119px
    }

    .btw p {
        margin-top: 12px;
        letter-spacing: -.02em;
        font-size: 22px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .btw {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .btw img {
        margin-left: 15px;
        margin-right: 0
    }

    .btw p {
        margin-top: 18px;
        font-size: 18px;
        line-height: 30px
    }
}

.wallpaper-categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -24px;
    margin-top: -24px
}

.wallpaper-categories-list h3 {
    margin: 0 0 7px;
    font-weight: 700;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #fff
}

.wallpaper-categories-list p {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.wallpaper-categories-list li {
    position: relative;
    z-index: 4;
    overflow: hidden;
    width: calc(100% / 3 - 24px);
    height: 280px;
    margin-left: 24px;
    margin-top: 24px !important;
    border-radius: 8px
}

.wallpaper-categories-list li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7
}

.wallpaper-categories-list li a {
    overflow: hidden;
    padding: 19px 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.wallpaper-categories-list li img {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -o-object-fit: cover;
    object-fit: cover
}

.wallpaper-categories-list li.big {
    width: calc((100% / 3) * 2 - 24px)
}

.wallpaper-categories-list li.max {
    min-width: 90%;
    width: 100%
}

.wallpaper-categories-list li.half {
    min-width: calc(50% - 24px);
    width: calc(50% - 24px)
}

.wallpaper-categories-list__text-wrapper {
    position: relative;
    z-index: 3;
    margin-top: auto
}

.wallpaper-categories-list__text-wrapper--text-dark h3 {
    color: #2e3346
}

.wallpaper-categories-list__text-wrapper--text-dark p {
    color: #2e3346;
    opacity: .7
}

@media (max-width: 1279px) {
    .wallpaper-categories-list {
        margin-bottom: 83px;
        margin-left: -20px
    }

    .wallpaper-categories-list h3 {
        font-size: 24px;
        line-height: 28px
    }

    .wallpaper-categories-list p {
        font-size: 14px;
        line-height: 22px
    }

    .wallpaper-categories-list li {
        width: calc(100% / 3 - 20px);
        height: 270px;
        margin-left: 20px
    }

    .wallpaper-categories-list li a {
        padding: 21px 29px
    }

    .wallpaper-categories-list li.big {
        width: calc((100% / 3) * 2 - 20px)
    }

    .wallpaper-categories-list li.half {
        min-width: calc(50% - 20px);
        width: calc(50% - 20px)
    }
}

@media (max-width: 1023px) {
    .wallpaper-categories-list {
        margin-top: 0
    }

    .wallpaper-categories-list h3 {
        font-size: 22px;
        line-height: 28px
    }

    .wallpaper-categories-list p {
        font-size: 14px;
        line-height: 24px
    }

    .wallpaper-categories-list li {
        width: 100%;
        height: 240px;
        margin-top: 0 !important;
        margin-bottom: 20px
    }

    .wallpaper-categories-list li a {
        padding: 20px 19px
    }

    .wallpaper-categories-list li:last-child {
        margin-bottom: 0
    }

    .wallpaper-categories-list li.big, .wallpaper-categories-list li.half {
        width: 100%
    }
}

.factoid-block {
    margin-top: 72px;
    margin-bottom: 171px
}

.factoid-block .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1370px;
    padding: 94px 51px 83px;
    background-color: #f5f5f5
}

.factoid-block b {
    margin-right: 29px;
    display: block;
    width: 644px;
    font-weight: 800;
    font-size: 130px;
    line-height: 160px;
    letter-spacing: -.03em;
    color: #4f8cc8
}

.factoid-block b sup {
    top: -51px;
    font-size: 63%
}

.factoid-block p, .form .input-wrapper--checkbox label {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -.02em
}

.factoid-block__text-wrapper {
    width: 78.1%
}

.factoid-block__emblem {
    padding-top: 9px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.factoid-block__emblem img {
    height: 85px;
    width: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

.factoid-block__wrapper {
    padding-top: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.factoid-block__wrapper p {
    margin-bottom: 36px
}

.factoid-block__wrapper .btn {
    display: block;
    width: 250px;
    padding: 17px 10px 11px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width: 1439px) {
    .factoid-block {
        margin-bottom: 186px
    }

    .factoid-block .container {
        width: 94.6%
    }

    .factoid-block b {
        width: 616px;
        font-size: 109px
    }

    .factoid-block b sup {
        top: -45px
    }

    .factoid-block__text-wrapper {
        width: 88.5%
    }
}

@media (max-width: 1279px) {
    .factoid-block {
        margin-bottom: 135px
    }

    .factoid-block .container {
        padding: 69px 60px 70px;
        width: 92.8%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .factoid-block b {
        width: 100%;
        font-size: 140px
    }

    .factoid-block b sup {
        top: -55px
    }

    .factoid-block__wrapper {
        padding-top: 16px
    }

    .factoid-block__wrapper p {
        margin-bottom: 60px
    }

    .factoid-block__emblem {
        padding-top: 0
    }

    .factoid-block__text-wrapper {
        width: 78.6%
    }
}

@media (max-width: 1023px) {
    .factoid-block {
        margin-bottom: 93px
    }

    .factoid-block .container {
        padding: 52px 5% 63px 6.8%
    }

    .factoid-block p {
        padding-right: 20px;
        margin-bottom: 33px;
        font-size: 16px;
        line-height: 28px
    }

    .factoid-block b {
        margin-bottom: 8px;
        font-size: 68px;
        line-height: 68px
    }

    .factoid-block b sup {
        top: -26px
    }

    .factoid-block__emblem {
        width: 59px;
        height: 72px
    }

    .factoid-block__wrapper .btn {
        padding: 12px 10px 6px;
        width: 223px;
        font-size: 12px;
        line-height: 32px
    }
}

@media (max-width: 374px) {
    .factoid-block b {
        font-size: 57px
    }
}

.form {
    position: relative;
    padding: 65px 65px 74px 63px;
    margin: auto 0;
    background-color: #fff;
    width: 593px;
    pointer-events: auto
}

.form .input-wrapper {
    width: 100%
}

.form .input-wrapper--regular {
    margin-bottom: 15px
}

.form .btn {
    margin-top: 55px
}

.form .input-wrapper--checkbox {
    margin: 17px 0
}

.form .input-wrapper--checkbox label {
    font-size: 13px;
    line-height: 16px
}

.captcha-error {
    color: #d73333;
    font-size: 14px
}

.form__header {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 27px
}

.form__text {
    margin-bottom: 31px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.autocomplete-suggestions {
    height: auto;
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block
}

.autocomplete-suggestions .autocomplete-suggestion {
    height: 46px;
    width: 100%;
    cursor: pointer;
    padding-left: 25px
}

.form-result {
    margin-bottom: 24px
}

.popup_form {
    padding: 35px 65px 40px 63px
}

.popup_form .btn {
    margin-top: 10px
}

.g-recaptcha {
    width: 100%
}

@media (max-width: 1279px) {
    .form {
        padding-bottom: 64px
    }

    .form .btn {
        margin-top: 56px
    }

    .form__header {
        margin-bottom: 22px;
        font-size: 28px;
        line-height: 32px
    }

    .form__text {
        margin-bottom: 26px
    }
}

@media (max-width: 1023px) {
    .form .btn {
        width: 100%
    }

    .popup_form {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .form {
        width: 342px;
        max-width: 100%;
        padding: 42px 23px 55px 25px
    }

    .form .btn {
        margin-top: 48px;
        font-size: 12px;
        letter-spacing: .05em;
        width: 181px;
        padding: 15px 10px 10px
    }

    .form .input-wrapper--checkbox {
        margin: 22px 0
    }

    .form .input-wrapper--checkbox label {
        padding-right: 45px
    }

    .form__header {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 26px
    }

    .form__text {
        margin-bottom: 23px;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px
    }
}

.wallpaper-page form > div:not(:last-child) {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .wallpaper-page form > div:not(:last-child) {
        margin-bottom: 15px
    }
}

.notification {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #efeeee;
    overflow: hidden;
    -webkit-transition: height .3s ease, padding-top .3s ease, padding-bottom .3s ease;
    transition: height .3s ease, padding-top .3s ease, padding-bottom .3s ease
}

.notification .container {
    position: relative;
    padding: 26px 66px 26px 77px
}

.notification .container .close, .notification .container::before {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.notification .container::before {
    content: "";
    left: 31px;
    top: 23px;
    width: 24px;
    height: 24px;
    -webkit-transition: top .3s ease;
    transition: top .3s ease
}

.notification .container .close {
    right: 26px;
    top: 26px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 18px;
    height: 18px;
    opacity: .2;
    background-image: url(../img/svg/close.svg);
    display: block;
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.notification .container .close:hover {
    opacity: 1
}

.notification a {
    color: #fff;
    text-decoration: none;
    font-size: inherit !important;
    border-bottom: 1px solid #e0adac;
    padding-bottom: 2px
}

.notification.hidden {
    padding-top: 0;
    padding-bottom: 0
}

.notification.hidden::before {
    top: 0
}

.notification--warning {
    background: -webkit-gradient(linear, left top, right top, from(#1d2131), to(#2e3346));
    background: linear-gradient(90deg, #1d2131 0%, #2e3346 100%)
}

.notification--warning .container::before {
    background-image: url(../img/sprite/icon-lightning.svg)
}

.notification--info {
    background: -webkit-gradient(linear, left top, right top, from(#4f8cc8), to(#73b8de));
    background: linear-gradient(90deg, #4f8cc8 0%, #73b8de 100%)
}

.notification--info .container::before {
    background-image: url(../img/sprite/icon-i.svg)
}

.notification--dark {
    background: -webkit-gradient(linear, left top, right top, from(#d95858), to(#da7e7e));
    background: linear-gradient(90deg, #d95858 0%, #da7e7e 100%)
}

.notification--dark .container::before {
    background-image: url(../img/sprite/icon-lightning.svg)
}

@media (max-width: 1279px) {
    .notification {
        font-size: 12px;
        line-height: 22px
    }

    .notification .container {
        padding: 26px 66px 22px 63px
    }

    .notification .container::before {
        left: 32px;
        top: 27px;
        width: 20px;
        height: 20px
    }

    .notification .container .close {
        right: 36px;
        top: 27px
    }
}

@media (max-width: 767px) {
    .notification {
        font-size: 12px;
        line-height: 18px
    }

    .notification .container {
        padding: 21px 45px 20px
    }

    .notification .container::before {
        left: 13px;
        top: 24px
    }

    .notification .container .close {
        right: 19px;
        top: 24px
    }
}

.pay-now {
    padding: 57px 75px 59px 48px;
    background-color: #f5f5f5
}

.pay-now h2 {
    margin-top: 0;
    margin-bottom: 25px
}

.pay-now p {
    margin-bottom: 38px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #767f86
}

.pay-now .btn {
    width: 401px;
    padding: 17px 20px 11px 41px;
    text-align: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.pay-now .btn, .pay-now__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pay-now__img-wrapper {
    margin-left: 45px;
    width: 200px;
    height: 79px
}

@media (max-width: 1279px) {
    .pay-now {
        padding: 49px 64px 49px 50px
    }

    .pay-now h2 {
        margin-bottom: 17px;
        font-size: 20px;
        line-height: 24px
    }

    .pay-now p {
        margin-bottom: 35px;
        font-size: 12px;
        line-height: 22px
    }

    .pay-now__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .pay-now__wrapper .btn {
        margin-bottom: 20px
    }

    .pay-now__img-wrapper {
        margin-left: 0;
        width: 223px;
        height: 34px
    }
}

@media (max-width: 1023px) {
    .pay-now {
        padding: 39px 30px 45px
    }

    .pay-now h2, .pay-now p {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 22px
    }

    .pay-now p {
        margin-bottom: 23px;
        font-size: 12px
    }

    .pay-now .btn {
        padding-right: 12px;
        margin-bottom: 27px;
        width: 282px;
        max-width: 100%
    }

    .pay-now .btn svg {
        width: 21px
    }
}

@media (max-width: 375px) {
    .pay-now .btn {
        padding-left: 21px
    }
}

.read-more h2 {
    margin-bottom: 36px
}

.read-more__list {
    margin-right: 100px;
    margin-top: 30px;
    max-width: calc(50% - 100px)
}

.read-more__list li {
    margin-bottom: 12px
}

.read-more__list li a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #767f86;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.read-more__list li a:hover {
    color: #70af60
}

.read-more__list li:first-child {
    margin-bottom: 22px
}

.read-more__list li:first-child a {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #2e3346
}

.read-more__list:nth-child(2n) {
    max-width: 50%;
    margin-right: 0;
    padding-left: 78px;
    border-left: 1px solid #efeeee
}

.read-more__list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -30px
}

@media (max-width: 1279px) {
    .read-more h2 {
        margin-bottom: 39px
    }

    .read-more__list {
        margin-right: 51px;
        max-width: calc(50% - 51px)
    }

    .read-more__list li:first-child a {
        font-size: 16px;
        line-height: 20px
    }

    .read-more__list:nth-child(2n) {
        padding-left: 40px
    }
}

@media (max-width: 1023px) {
    .read-more h2 {
        margin-bottom: 32px
    }

    .read-more__list-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -31px
    }

    .read-more__list {
        width: 100%;
        max-width: unset;
        margin: 31px 0 0;
        padding: 0 0 35px;
        border-bottom: 1px solid #efeeee
    }

    .read-more__list:last-child {
        padding-bottom: 0;
        border: 0
    }

    .read-more__list li a {
        font-size: 13px;
        line-height: 20px
    }

    .read-more__list li:first-child {
        margin-bottom: 17px
    }

    .read-more__list li:last-child {
        margin-bottom: 0
    }

    .read-more__list:nth-child(2n) {
        max-width: unset;
        padding-left: 0;
        border: 0
    }
}

.subscribe {
    position: sticky;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: auto
}

.subscribe img, .subscribe picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 278px;
    height: 326px
}

.subscribe__text-wrapper {
    width: 235px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.subscribe__text-wrapper h2 {
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em
}

.subscribe__text-wrapper p {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #767f86
}

.subscribe__text-wrapper .btn {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 23px;
    display: block;
    text-align: center;
    padding: 11px 36px 7px;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width: 1279px) {
    .subscribe img, .subscribe picture {
        width: 241px;
        height: 283px
    }

    .subscribe__text-wrapper {
        width: 230px;
        margin: 0 0 0 31px
    }

    .subscribe__text-wrapper h2 {
        margin-bottom: 21px;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .subscribe img, .subscribe picture {
        margin: 0 auto
    }

    .subscribe__text-wrapper {
        width: 65%;
        margin: 0 auto
    }

    .subscribe__text-wrapper h2 {
        margin-bottom: 5px
    }

    .subscribe__text-wrapper .btn {
        margin-top: 30px
    }
}

.color-proof-about-section {
    margin: 3rem 0
}

.color-proof-about-section .title {
    max-width: 500px
}

.color-proof-params-section .check-result__item .color-proof-param {
    margin: 30px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.color-proof-params-section .check-result__item .color-proof-param i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 74px;
    width: 74px;
    height: 74px;
    background: #f5f5f5;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.color-proof-params-section .check-result__item .color-proof-param span {
    font-size: 19px
}

.color-proof-params-section .check-result__item .color-proof-param-list {
    margin-bottom: 35px;
    padding-right: 10%
}

.color-proof-params-section .check-result__item .color-proof-param-list li {
    margin-bottom: 6px
}

.color-proof-params-section .check-result__item .btn--general {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.color-proof-params-section .service-block {
    margin-bottom: 0;
    margin-top: 20px
}

.color-proof-offer {
    margin-bottom: 65px
}

.color-proof-offer .color-proof-offer-wrapper {
    background-image: url(../img/colorproof/colorproof_form_bg.jpg);
    background-size: cover;
    min-height: 640px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 50px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block {
    background: #fff;
    padding: 50px 60px;
    border-radius: 20px;
    max-width: 615px;
    min-height: 440px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block > p.paragraph--big {
    font-size: 18px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .title {
    max-width: 300px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .btn {
    line-height: 1.4;
    padding: 20px 30px;
    min-width: 165px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .flex {
    gap: 20px;
    margin-bottom: 30px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .offer-block--cost {
    padding: 3px 10px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .offer-block--cost p {
    margin: 0;
    font-size: 14px
}

.color-proof-offer .color-proof-offer-wrapper .offer-block .offer-block--cost > div {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.3
}

@media (max-width: 1023px) {
    .color-proof-offer-wrapper .offer-block .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .color-proof-main .btn--general, .color-proof-offer-wrapper .offer-block .btn {
        width: 100%;
        max-width: 427px
    }
}

@media (max-width: 768px) {
    .color-proof-offer-wrapper {
        padding: 15px
    }

    .color-proof-offer-wrapper .offer-block {
        background: #fff;
        padding: 20px
    }

    .color-proof-params-section .service-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .color-proof-params-section .service-block .service-block__svg-wrapper {
        width: 100%;
        margin-bottom: 15px
    }

    .color-proof-params-section .service-block p {
        width: 100%
    }
}

.materials-item {
    position: relative;
    z-index: 1001;
    border-radius: 4px;
    padding: 20px 50px 20px 17px;
    margin-bottom: 13px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.materials-item:last-child {
    margin-bottom: 0
}

.materials-item__type {
    font-weight: 400;
    margin-top: 5px;
    font-size: 13px;
    color: #a7adb8
}

.materials-item__discount {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.materials-item__discount .discount-icon-block {
    margin-left: 10px
}

.materials-item__discount .discount-icon-block svg {
    vertical-align: middle
}

.materials-item__discount.line-through {
    margin-left: 20px
}

.materials-item label {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.materials-item .cost-calculate__header {
    margin-bottom: 8px
}

.materials-item .materials-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.materials-item.is-active, .materials-item:hover {
    background-color: #f5f5f5
}

.materials-item::after {
    content: "";
    position: absolute;
    right: -5px;
    top: -8px;
    opacity: 0;
    visibility: hidden;
    width: 34px;
    height: 34px;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease;
    background-image: url(../img/sprite/icon-check.svg);
    background-repeat: no-repeat
}

.materials-item.is-active::after {
    opacity: 1;
    visibility: visible
}

.materials-item__img-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.materials-item__img-wrapper img {
    width: 110px;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.materials-item__img-wrapper svg {
    position: absolute;
    right: -5px;
    top: -11px;
    width: 36px;
    height: 36px
}

.materials-item__desc {
    margin-bottom: 17px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #767f86
}

.materials-item__text-wrapper {
    margin-left: 16px
}

.materials-item__price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.materials-item__price {
    margin-right: 18px;
    font-weight: 800;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 767px) {
    .materials-item {
        margin-bottom: 4px;
        padding: 20px 31px 27px 14px
    }

    .materials-item::after {
        width: 28px;
        height: 28px;
        background-size: contain
    }

    .materials-item__discount {
        font-size: 15px;
        line-height: 15px
    }

    .materials-item__img-wrapper img {
        width: 60px;
        height: 60px;
        border-radius: 8px
    }

    .materials-item__desc {
        font-size: 11px;
        line-height: 16px
    }

    .materials-item__price {
        margin-right: 24px;
        font-size: 15px;
        line-height: 15px
    }
}

.product-card-slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 0 !important
}

.product-card-slider .slider-button-fill-next, .product-card-slider .slider-button-fill-prev {
    width: 48px;
    height: 48px
}

.product-card-slider .slider-button-fill-prev {
    left: 27px
}

.product-card-slider .slider-button-fill-next {
    right: 27px
}

.product-card-slider .card-tags {
    position: absolute;
    right: 23px;
    top: 34px
}

.product-card-slider .like {
    position: absolute;
    right: 23px;
    bottom: 25px
}

.card-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

.card-tags li {
    margin-right: 7px
}

.card-tags li:last-child {
    margin-right: 0
}

.like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

.cart svg, .like svg {
    margin-top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: stroke .3s ease, fill .3s ease;
    transition: stroke .3s ease, fill .3s ease;
    width: 29px;
    height: 25px
}

.cart.is-active, .cart:hover, .like.is-active, .like:hover {
    background-color: #2e3346
}

.like:hover svg {
    stroke: #efeeee
}

.like.is-active svg {
    fill: #efeeee;
    stroke: #efeeee
}

.cart.is-active:hover svg, .like.is-active:hover svg {
    fill: transparent
}

.cart, .like {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    box-shadow: 0 4px 12px rgba(45, 51, 68, .07);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.cart svg {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    width: 18px;
    height: 17px
}

.cart.is-active svg, .cart:hover svg {
    fill: #efeeee
}

.cart, .service-block, .service-block__svg-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-block p {
    width: 47.7%;
    padding-top: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px
}

.service-block__svg-wrapper {
    width: 44%
}

.service-block__svg-wrapper svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 23px
}

.service-block__svg-wrapper b {
    margin-top: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em
}

@media (max-width: 1279px) {
    .service-block__svg-wrapper b {
        font-size: 15px;
        line-height: 22px
    }
}

.article-number {
    padding: 9px 21px 7px;
    background-color: #f5f5f5;
    border-radius: 24px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.02em
}

.article-number--main {
    font-weight: 500;
    margin-left: 0;
    padding: 0;
    font-size: 14px;
    line-height: 32px;
    color: #a7adb8;
    background-color: transparent;
    border-radius: 0
}

.collections-slider-small, .collections-slider-small li a {
    overflow: hidden;
    position: relative
}

.collections-slider-small li {
    width: 104px;
    height: 104px
}

.collections-slider-small li picture {
    font-size: 0;
    line-height: 0
}

.collections-slider-small li img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: unset;
    min-height: 100%
}

.collections-slider-small li:hover img, .hero:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.collections-slider-small li a {
    display: block;
    border-radius: 4px;
    height: 100%
}

.collections-slider-small::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 69px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

@media (max-width: 1279px) {
    .collections-slider-small li {
        width: 90px;
        height: 90px
    }

    .collections-slider-small .slider-button-fill-next {
        right: 7px
    }
}

.counter {
    position: relative;
    border: 2px solid #ebeff2;
    padding: 18px 48px 18px 8px
}

.counter input[type=number] {
    width: 35px;
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -.02em;
    color: #2e3346;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    border: 0
}

.counter input[type=number]::-webkit-inner-spin-button, .counter input[type=number]::-webkit-outer-spin-button {
    display: none
}

.counter button {
    position: absolute;
    background: 0 0;
    border: 0;
    width: 40px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    margin: 0
}

.counter button::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border: 2px solid #dee0e2;
    border-top: none;
    border-left: none;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.counter button:hover::after {
    border-color: #2e3346
}

.counter__plus {
    top: 0;
    right: 8px
}

.counter__plus::after {
    top: 15px;
    -webkit-transform: translateX(-50%) rotate(225deg);
    transform: translateX(-50%) rotate(225deg)
}

.counter__minus {
    bottom: 0;
    right: 8px
}

.counter__minus::after {
    bottom: 15px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.floats {
    margin: 15px 0
}

.floats img {
    float: left;
    margin-bottom: 35px;
    margin-right: 50px;
    width: 100%;
    max-width: 600px;
    height: auto
}

.floats--left img {
    float: right;
    margin-right: 0;
    margin-left: 50px
}

.floats p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #2e3346;
    margin-bottom: 35px
}

@media (max-width: 1023px) {
    .floats {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .floats img {
        float: none;
        margin: 0 auto 15px
    }

    .floats p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.category-list__item {
    padding: 0;
    position: relative;
    width: 254.4px;
    margin: 0 24px 30px 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.category-list__item a {
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.category-list__item h4 {
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em
}

.category-list__item p {
    margin: 0;
    color: #767f86;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.category-list__item:hover {
    opacity: .7
}

.category-list__item:last-child {
    margin-right: 0
}

.category-list__img-wrapper {
    position: relative;
    padding-bottom: 100%;
    margin-bottom: 22px
}

.category-list__img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.category-list svg {
    position: absolute;
    z-index: 2;
    right: -10px;
    top: -7px;
    width: 48px;
    height: 48px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 1439px) {
    .category-list__item {
        width: 17.14vw;
        margin-right: 1.87vw
    }

    .category-list__item h4 {
        font-size: 18px;
        line-height: 22px
    }

    .category-list__item p {
        padding-right: 5px
    }

    .category-list__mark {
        right: -14px
    }

    .category-list__img-wrapper {
        margin-bottom: 25px;
        padding-bottom: 100%
    }
}

@media (max-width: 1279px) {
    .category-list__item {
        margin-right: 1.65vw;
        width: 16.98vw
    }

    .category-list__item h4 {
        margin-bottom: 13px;
        font-size: 18px;
        line-height: 22px
    }

    .category-list__img-wrapper {
        margin-bottom: 23px;
        padding-bottom: 100%
    }

    .category-list__mark {
        right: -8px;
        top: -9px;
        width: 36px;
        height: 36px
    }
}

@media (max-width: 1023px) {
    .category-list__item {
        margin-right: 6%;
        width: 47%;
        margin-bottom: 55px
    }

    .category-list__item p {
        padding-right: 0
    }

    .category-list__item:nth-child(2n) {
        margin-right: 0
    }

    .category-list__item h4 {
        margin-bottom: 6px
    }

    .category-list__img-wrapper {
        margin-bottom: 22px;
        padding-bottom: 100%
    }
}

.category, .category:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.category a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%
}

.category:hover {
    background-color: #efeeee
}

.category p {
    margin: 0
}

.category--small {
    padding-right: 20px;
    width: 280px;
    min-height: 74px;
    background-color: #f5f5f5;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width: 767px) {
    .category--small {
        min-height: 68px
    }
}

.category--small img {
    margin-right: 17px;
    height: 74px;
    width: 76px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 767px) {
    .category--small img {
        width: 69px;
        height: 68px
    }
}

.category--extrasmall {
    padding-right: 37px;
    max-width: 280px;
    min-height: 68px;
    background-color: #efeeee;
    border-radius: 4px;
    overflow: hidden
}

.category--extrasmall img {
    width: 69px;
    height: 68px;
    margin-right: 16px
}

.notice {
    border-radius: 4px;
    max-width: 1136px
}

.notice svg {
    min-width: 24px;
    min-height: 24px;
    margin-top: 24px
}

@media (max-width: 767px) {
    .notice svg {
        margin-top: 30px
    }
}

.notice__container {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 24px 63px 33px 48px
}

.notice__container svg {
    width: 24px;
    height: 24px;
    min-width: 24px
}

@media (max-width: 767px) {
    .notice__container {
        padding: 24px 22px 33px
    }
}

.notice__wrapper {
    padding-left: 24px
}

@media (max-width: 767px) {
    .notice__wrapper {
        padding-left: 15px
    }
}

.notice__date, .notice__title {
    margin: 0 0 2px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px
}

.notice__title {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em
}

@media (max-width: 1279px) {
    .notice__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .notice__title {
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 15px
    }
}

.notice__info {
    margin: 0;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 767px) {
    .notice__info {
        font-size: 12px;
        line-height: 22px;
        max-width: 90%
    }
}

.notice--light {
    background-color: #f5f5f5
}

.notice--light .notice__date {
    color: #a7adb8
}

.notice--light .notice__info, .notice--light .notice__title {
    color: #2e3346
}

.notice--dark {
    background-color: #2e3346
}

.notice--dark .notice__info, .notice--dark .notice__title {
    color: #efeeee
}

.filter-reset {
    display: block;
    font-weight: 600;
    color: #fff;
    border: 0;
    background-color: #4f8cc8;
    border-radius: 4px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    min-height: 40px;
    padding: 14px 15px;
    font-size: 12px;
    line-height: 12px
}

@media (max-width: 767px) {
    .filter-reset {
        font-size: 11px;
        line-height: 11px;
        min-height: 29px;
        padding: 9px 9px 7px
    }
}

.filter-reset:hover, .platforms a:hover {
    opacity: .7
}

.category-medium, .category-medium__img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category-medium {
    max-width: 324px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.category-medium__img-wrapper {
    max-height: 460px;
    margin-bottom: 28px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-medium img {
    width: 100%;
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.category-medium--medium .category-medium__img-wrapper {
    max-height: 360px
}

.category-medium--small .category-medium__img-wrapper {
    max-height: 200px
}

.category-medium__text, .category-medium__title {
    padding-right: 40px;
    font-family: "Mont", "Arial", sans-serif;
    line-height: 20px
}

.category-medium__title {
    letter-spacing: -.02em;
    margin: 0 0 8px;
    font-weight: 800;
    font-size: 18px;
    color: #2e3346
}

.category-medium__text {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    color: #767f86
}

.separator {
    margin: 0;
    padding: 0;
    background-color: #efeeee;
    border: 0
}

.separator--small {
    height: 1px
}

.separator--margin .separator--medium, .separator--medium {
    height: 2px
}

.separator--big, .separator--margin .separator--big {
    height: 4px
}

.separator--margin {
    width: 100%;
    background-color: #efeeee;
    border: 0;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 1px
}

.separator--big-margin {
    margin-top: 64px;
    margin-bottom: 64px
}

@media (max-width: 1023px) {
    .separator--big-margin {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.separator--no-desktop-margin {
    margin: 0
}

@media (max-width: 1023px) {
    .separator--no-desktop-margin {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.tags-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags-list__item {
    padding: 0;
    margin: 0 10px 0 0
}

.tags-list__item:last-child {
    margin-right: 0
}

.hero {
    width: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin: 12px 0;
    min-height: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 140px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.hero .breadcrumbs, .hero .hero__footer {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (max-width: 1439px) {
    .hero {
        min-height: 429px
    }
}

@media (max-width: 1023px) {
    .hero {
        min-height: 331px;
        margin: 10px 0 24px
    }
}

@media (max-width: 767px) {
    .hero {
        padding-bottom: 54px
    }
}

.hero:hover .hero__img::after {
    opacity: .4
}

.hero__img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 100%;
    overflow: hidden;
    border-radius: 8px
}

.hero__img, .hero__img picture, .hero__wrapper, .inspire-card__img picture {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero__img picture, .inspire-card__img picture {
    height: 100%
}

.cases-card__img img, .hero__img img, .inspire-card__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.hero__img img, .inspire-card__img img {
    min-width: 100%;
    border-radius: 8px;
    height: auto;
    width: auto;
    min-height: 100%;
    -o-object-position: center;
    object-position: center
}

.hero__img:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: #2e3346;
    opacity: .5;
    z-index: 9;
    top: -1px;
    left: -1px;
    border-radius: 16px
}

.hero__wrapper {
    z-index: 1;
    padding: 0 35px;
    position: relative;
    max-width: 696px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero__text, .hero__title {
    color: #fff;
    text-align: center
}

.hero__title {
    font-weight: 900;
    font-size: 92px;
    line-height: 92px;
    padding: 0;
    margin: 0 0 21px
}

@media (max-width: 1439px) {
    .hero__title {
        font-size: 64px;
        line-height: 82px
    }
}

@media (max-width: 1023px) {
    .hero__title {
        font-size: 34px;
        line-height: 43px
    }
}

@media (max-width: 374px) {
    .hero__title {
        font-size: 24px;
        line-height: 30px
    }
}

.hero__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    padding: 0;
    margin: 0
}

@media (max-width: 1439px) {
    .hero__text {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width: 1023px) {
    .hero__text {
        font-size: 12px;
        line-height: 15px
    }
}

.hero__author {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #efeeee;
    opacity: .6
}

.hero__description {
    margin-top: auto;
    margin-bottom: auto
}

.hero__address {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #efeeee;
    position: relative;
    padding-left: 20px;
    font-style: normal
}

.hero__address svg {
    position: absolute;
    top: 2px;
    left: 0
}

.hero--big {
    padding: 47px 0 25px 82px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 620px
}

@media (max-width: 1439px) {
    .hero--big {
        padding: 29px 0 23px 45px;
        min-height: 486px
    }
}

@media (max-width: 1023px) {
    .hero--big {
        padding: 30px 17px 18px;
        min-height: 540px
    }
}

.hero--big .hero-tags, .subcat .subcat__info-wrapper .subcat__info-content h2 {
    margin-bottom: 25px
}

@media (max-width: 1439px) {
    .hero--big .hero-tags {
        margin-bottom: 14px
    }
}

@media (max-width: 1023px) {
    .hero--big .hero-tags {
        margin-bottom: 21px
    }
}

.hero--big .hero__wrapper {
    max-width: 988px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1023px) {
    .hero--big .hero__wrapper {
        padding: 0
    }
}

.hero--big .hero__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    padding: 0;
    margin: 0
}

@media (max-width: 1023px) {
    .hero--big .hero__text {
        font-size: 12px;
        line-height: 22px
    }
}

.hero--big .hero__title {
    font-weight: 800;
    font-size: 52px;
    line-height: 54px;
    letter-spacing: -.02em;
    text-align: left;
    margin-bottom: 45px
}

@media (max-width: 1439px) {
    .hero--big .hero__title {
        font-size: 40px;
        line-height: 43px;
        margin-bottom: 29px
    }
}

@media (max-width: 1023px) {
    .hero--big .hero__title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 21px
    }
}

@media (max-width: 374px) {
    .hero--big .hero__title {
        font-size: 24px;
        line-height: 30px
    }
}

.hero--team {
    padding-top: 33px
}

.hero--team .breadcrumbs {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.hero--team .hero__wrapper {
    margin: 0 auto;
    padding: 0
}

.hero--team .hero__img, .hero--team .hero__img::after {
    border-radius: 16px
}

@media (max-width: 767px) {
    .hero--team .hero__img img {
        -o-object-position: 73% 50%;
        object-position: 73% 50%
    }
}

@media (max-width: 1439px) {
    .hero--team .hero__img::after {
        border-radius: 8px
    }
}

.hero--team .hero__title {
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: 950;
    font-size: 92px;
    line-height: 120px;
    letter-spacing: 1.5px
}

@media (max-width: 1279px) {
    .hero--team .hero__title {
        margin: 0 0 5px 5px;
        letter-spacing: 2.5px
    }
}

@media (max-width: 1023px) {
    .hero--team .hero__title {
        font-size: 52px;
        line-height: 60px;
        letter-spacing: .5px;
        margin: 0 auto 9px
    }
}

@media (max-width: 374px) {
    .hero--team .hero__title {
        word-break: break-all;
        font-size: 50px;
        line-height: 52px
    }
}

.hero--team .hero__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 767px) {
    .hero--team .hero__text {
        font-size: 12px;
        line-height: 18px;
        padding: 0 20px
    }
}

@media (max-width: 1279px) {
    .hero--team {
        min-height: 502px
    }
}

@media (max-width: 767px) {
    .hero--team {
        min-height: 394px;
        margin-top: 21px
    }
}

.hero--production .breadcrumbs {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.hero--production .hero__wrapper {
    max-width: 100%
}

.hero--production .hero__title {
    position: relative;
    margin: 0 auto
}

@media (max-width: 1279px) {
    .hero--production .hero__title {
        font-size: 90px;
        line-height: 120px;
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .hero--production .hero__title {
        font-size: 75px;
        line-height: 100px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .hero--production .hero__title {
        font-size: 36px;
        line-height: 60px
    }
}

@media (max-width: 374px) {
    .hero--production .hero__title {
        font-size: 32px;
        line-height: 60px
    }
}

.hero--production .hero__text {
    max-width: 726px;
    margin: 0 auto
}

.hero--single-case .hero__wrapper {
    max-width: 1164px
}

.hero--single-case .hero__text {
    max-width: 700px
}

.hero--single-case .hero__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 767px) {
    .hero--single-case .hero__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.hero--single-case .hero-tags {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .hero--single-case .hero-tags {
        margin-bottom: 12px
    }
}

.hero--single-case .tag--hero {
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    color: #2e3346;
    background: #ebeff2;
    border-radius: 32px;
    padding: 4px 24px;
    margin-right: 30px
}

@media (max-width: 767px) {
    .hero--single-case .tag--hero {
        font-size: 10px;
        line-height: 32px;
        padding: 1px 20px
    }
}

.hero--proectorum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 642px;
    padding-bottom: 36px;
    margin: -1px 0 0;
    border-radius: 0
}

@media (max-width: 1023px) {
    .hero--proectorum {
        min-height: 614px;
        padding-top: 88px;
        padding-bottom: 28px
    }
}

@media (max-width: 767px) {
    .hero--proectorum {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 545px;
        padding-top: 72px;
        padding-bottom: 28px
    }
}

.hero--proectorum .breadcrumbs {
    visibility: hidden
}

@media (max-width: 767px) {
    .hero--proectorum .hero__wrapper {
        padding: 0 14px;
        margin-bottom: 40px
    }
}

.hero--proectorum .hero__description {
    padding-top: 55px
}

@media (max-width: 1023px) {
    .hero--proectorum .hero__description {
        padding-top: 10px
    }
}

.hero--proectorum .hero__img {
    border-radius: 0;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.hero--proectorum .hero__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    border-radius: 0
}

@media (max-width: 1023px) {
    .hero--proectorum .hero__img img {
        -o-object-position: 0 50%;
        object-position: 0 50%
    }
}

@media (max-width: 767px) {
    .hero--proectorum .hero__img img {
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }
}

.hero--proectorum .hero__img::after {
    border-radius: 0
}

.hero--proectorum .hero__title {
    position: relative;
    margin-bottom: 18px;
    font-size: 100px;
    line-height: 128px
}

@media (max-width: 1023px) {
    .hero--proectorum .hero__title {
        margin-bottom: 14px;
        font-size: 86px;
        line-height: 110px
    }
}

@media (max-width: 767px) {
    .hero--proectorum .hero__title {
        font-size: 48px;
        line-height: 62px;
        text-align: start
    }
}

@media (max-width: 374px) {
    .hero--proectorum .hero__title {
        font-size: 42px;
        line-height: 48px
    }
}

.hero--proectorum .hero__title-underline {
    position: absolute;
    top: 12px;
    -webkit-transform: translateX(388px);
    transform: translateX(388px);
    width: 58px;
    height: 10px;
    background-color: #fae847
}

@media (max-width: 1023px) {
    .hero--proectorum .hero__title-underline {
        top: 12px;
        -webkit-transform: translateX(333px);
        transform: translateX(333px);
        width: 48px;
        height: 8px
    }
}

@media (max-width: 767px) {
    .hero--proectorum .hero__title-underline {
        top: 2px;
        -webkit-transform: translateX(186px);
        transform: translateX(186px);
        width: 30px;
        height: 6px
    }
}

@media (max-width: 374px) {
    .hero--proectorum .hero__title-underline {
        -webkit-transform: translateX(160px);
        transform: translateX(160px)
    }
}

@media (max-width: 1023px) {
    .hero--proectorum .hero__text {
        font-size: 18px;
        line-height: 23px
    }
}

@media (max-width: 767px) {
    .hero--proectorum .hero__text {
        font-size: 16px;
        line-height: 22px;
        text-align: start
    }
}

@media (max-width: 374px) {
    .hero--proectorum .hero__text {
        font-size: 14px;
        line-height: 20px
    }
}

.hero.hero--trends, .hero.hero--trends .hero__img:after {
    border-radius: 0 0 50px 50px;
    -moz-border-radius: 0 0 50px 50px;
    -webkit-border-radius: 0 0 50px 50px
}

.hero.hero--trends .hero__img, .hero.hero--trends .hero__img img {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.hero.hero--trends .hero__img:after {
    opacity: .15
}

.hero.hero--trends .hero__title {
    font-weight: 300;
    font-style: italic;
    text-transform: capitalize
}

.hero__is-designer {
    z-index: 1
}

.platforms {
    padding: 76px 15px 7px 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1279px) {
    .platforms {
        padding: 54px 15px 7px 81px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .platforms {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 18px 15px 7px 0
    }
}

.platforms__text {
    padding: 0;
    max-width: 240px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    margin: 0 56px 0 0
}

@media (max-width: 1279px) {
    .platforms__text {
        max-width: 180px;
        font-size: 14px;
        line-height: 20px;
        margin: 0 25px 0 0
    }
}

@media (max-width: 767px) {
    .platforms__text {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.platforms__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 41px
}

@media (max-width: 1279px) {
    .platforms__wrapper {
        gap: 21px
    }

    .platforms__wrapper svg {
        max-width: 100px
    }
}

.hero__img:after, .platforms a {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.info-list-slider {
    overflow: hidden;
    position: relative;
    padding-bottom: 93px
}

@media (max-width: 1279px) {
    .info-list-slider {
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .info-list-slider {
        padding-bottom: 10px
    }
}

.info-list-slider .swiper {
    position: relative
}

.info-list-slider .swiper:after {
    content: '';
    position: absolute;
    display: block;
    right: -2px;
    top: 0;
    height: 100%;
    width: 122px;
    z-index: 2;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), color-stop(80%, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .1) 80%, rgba(255, 255, 255, 0) 100%)
}

.info-list-slider__flex {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1279px) {
    .info-list-slider__flex {
        margin-bottom: 18px
    }
}

@media (max-width: 767px) {
    .info-list-slider__flex {
        margin-bottom: 11px
    }
}

.info-list-slider .slider-buttons {
    margin-left: auto;
    height: 48px;
    position: relative;
    z-index: 1
}

.info-list-slider__title {
    margin-right: 15px;
    margin-bottom: 0
}

.inspire {
    padding-top: 100px;
    padding-bottom: 93px
}

@media (max-width: 1279px) {
    .inspire {
        padding-top: 50px;
        padding-bottom: 82px
    }
}

@media (max-width: 767px) {
    .inspire {
        padding-top: 19px;
        padding-bottom: 61px
    }
}

.inspire__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

@media (max-width: 767px) {
    .inspire__wrapper {
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }
}

.inspire .inspire-card {
    width: calc(50% - 24px / 2)
}

@media (max-width: 1023px) {
    .inspire .inspire-card {
        width: 100%
    }
}

.inspire .title {
    margin-bottom: 26px
}

@media (max-width: 1279px) {
    .inspire .title {
        margin-bottom: 28px
    }
}

@media (max-width: 767px) {
    .inspire .title {
        margin-bottom: 15px
    }
}

.inspire-card {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: 400px;
    padding: 30px
}

.cases-card:hover img, .inspire-card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .inspire-card {
        min-height: 350px
    }
}

.inspire-card__img, .inspire-card__img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.inspire-card__img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    left: 50%;
    top: 50%;
    z-index: 1
}

.inspire-card__img:after {
    content: '';
    display: block;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .48)), to(rgba(46, 51, 70, 0)));
    background-image: linear-gradient(360deg, rgba(46, 51, 70, .48) 0%, rgba(46, 51, 70, 0) 100%);
    z-index: 9;
    top: 0;
    left: 0
}

.inspire-card .title, .inspire-card__text {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center
}

.inspire-card .title {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (max-width: 1279px) {
    .inspire-card .title {
        font-size: 52px;
        line-height: 66px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        letter-spacing: -.02em
    }
}

@media (max-width: 767px) {
    .inspire-card .title {
        font-size: 38px;
        line-height: 32px
    }
}

@media (max-width: 360px) {
    .inspire-card .title {
        right: 0;
        font-size: 30px
    }
}

.inspire-card__text {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 767px) {
    .inspire-card__text {
        font-size: 14px
    }
}

.cases-card {
    display: block;
    text-decoration: none;
    position: relative
}

.cases-card__icon {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block
}

.cases-card__icon .cases-card__icon-heart {
    max-height: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    -o-object-position: unset;
    object-position: unset
}

.cases-card:hover .cases-card__inner {
    opacity: 1
}

.cases-card__img {
    border-radius: 16px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

@media (max-width: 767px) {
    .cases-card__img {
        height: 240px;
        margin-bottom: 16px
    }
}

.cases-card__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 44%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .48)), to(rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, rgba(46, 51, 70, .48) 0%, rgba(46, 51, 70, 0) 100%);
    z-index: 1
}

.cases-card__img img {
    max-height: 420px;
    min-height: 420px;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.cases-card__img--460, .cases-card__img--460 img {
    max-height: 460px
}

.cases-card__inner {
    position: absolute;
    left: 20px;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    opacity: .7;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 1023px) {
    .cases-card__inner {
        left: 15px;
        bottom: 16px
    }
}

.cases-card__tag {
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    color: #2e3346;
    background: #ebeff2;
    border-radius: 32px;
    padding: 4px 24px;
    margin-right: 30px
}

.cases-card__addres {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #efeeee;
    position: relative;
    padding-left: 20px
}

.cases-card__addres svg {
    position: absolute;
    top: 2px;
    left: 0
}

.cases-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -10px
}

.cases-card__header svg {
    min-width: 36px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.cases-card__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin-right: 10px
}

@media (max-width: 1023px) {
    .cases-card__title {
        font-size: 20px;
        line-height: 24px
    }
}

.cases-card__title.new {
    font-size: 36px;
    line-height: 40px
}

@media (max-width: 1023px) {
    .cases-card__title.new {
        font-size: 22px;
        line-height: 26px
    }
}

.cases-card__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #767f86;
    margin: 10px 0 0
}

@media (max-width: 1023px) {
    .cases-card__text {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .cases-card__text {
        font-size: 12px;
        line-height: 18px;
        margin-top: 17px
    }
}

.payment-info {
    padding: 60px 0
}

.payment-info__item {
    margin-bottom: 3rem;
    padding-right: 50px
}

.payment-info__desc p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 1em;
    margin-bottom: 1.2em
}

.cookies-fixed-block {
    max-width: 850px;
    z-index: 10002;
    pointer-events: none;
    position: fixed;
    bottom: 24px;
    left: 24px;
    right: 24px;
    -webkit-box-shadow: 0 4px 32px 4px #2d33444f;
    box-shadow: 0 4px 32px 4px #2d33444f;
    border-radius: 8px
}

.cookies-fixed-block > * {
    pointer-events: auto
}

.cookies-fixed-block .cookies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    backdrop-filter: blur(12.5px);
    background: rgba(255, 255, 255, .95);
    border-radius: 8px;
    padding: 32px 24px
}

.cookies-fixed-block .cookies .cookies-text {
    color: #2e3346;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px
}

.cookies-fixed-block .cookies .cookies-text a {
    color: #4f8cc8;
    font-size: 14px;
    line-height: 20px
}

.cookies-fixed-block .cookies .cookies-btn {
    line-height: 16px;
    border-radius: 32px;
    padding: 12px 31px
}

@media (max-width: 767px) {
    .cookies-fixed-block {
        width: auto;
        left: 15px;
        right: 15px;
        bottom: 50px
    }

    .cookies-fixed-block .cookies {
        display: block;
        padding: 24px 12px
    }

    .cookies-fixed-block .cookies .cookies-text, .cookies-fixed-block .cookies .cookies-text a {
        font-size: 12px;
        line-height: 18px
    }
}

.modal, .modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s ease, visibility .6s ease, -webkit-transform .6s ease;
    transition: opacity .6s ease, transform .6s ease, visibility .6s ease;
    transition: opacity .6s ease, transform .6s ease, visibility .6s ease, -webkit-transform .6s ease;
    position: fixed
}

.modal__wrapper {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 60px 40px
}

@media (max-width: 767px) {
    .modal__wrapper {
        padding: 60px 16px
    }
}

.modal__overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.modal__content {
    position: relative;
    width: 600px;
    padding: 40px;
    background-color: #fff
}

@media (max-width: 767px) {
    .modal__content {
        width: 100%;
        padding: 20px
    }
}

.modal__close-btn {
    position: absolute;
    top: 15px;
    right: 15px
}

.delivery__form-block .delivery__input-phone-new input, .modal--responsive .modal__content, .subcat .subcat__card-list li a, .subcat .subcat__filter .subcat__filter-wrapper ul li {
    width: 100%
}

.modal--no-scale {
    -webkit-transform: none;
    transform: none
}

.modal--preload {
    display: none
}

.modal--active, .modal--menu, .modal--submenu {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal--active {
    visibility: visible;
    pointer-events: auto
}

.modal--menu, .modal--submenu {
    -webkit-transition: visibility .2s ease;
    transition: visibility .2s ease
}

.modal--menu .modal__content, .modal--submenu .modal__content {
    left: -279px;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.modal--menu.modal--active .modal__content, .modal--submenu.modal--active .modal__content {
    left: 0;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.modal--darkblue {
    background-color: rgba(46, 51, 70, .8)
}

.modal-menu {
    display: none
}

.modal-menu__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px
}

.modal-menu__button::after, .modal-menu__header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -15px;
    width: calc(100% + 36px);
    height: 1px;
    background-color: #767f86;
    opacity: .2
}

.modal-menu__logo {
    width: 70%
}

.modal-menu__whatsapp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%
}

.modal-menu__whatsapp svg {
    position: relative;
    top: -5px;
    left: -3px
}

.modal-menu__wrap {
    position: relative;
    height: calc(100% - 48px);
    overflow-y: scroll;
    overflow-x: hidden
}

.modal-menu__list {
    position: relative;
    overflow-y: scroll;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 15px
}

.modal-menu__list li {
    min-height: 32px;
    line-height: 23px
}

.modal-menu__list a, .modal-menu__sublist a {
    line-height: 18px;
    font-weight: 600;
    letter-spacing: -.02em
}

.modal-menu__list a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px
}

.modal-menu__sublist {
    display: none;
    padding: 0 10px 3px 23px
}

.modal-menu__sublist a {
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px
}

@media (max-width: 767px) {
    .modal-menu {
        display: block;
        background-color: transparent
    }
}

.modal-menu .modal__overlay {
    background-color: #efeeee;
    opacity: .4
}

.modal-menu .modal__wrapper {
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal-menu__button {
    position: relative;
    margin-top: 5px;
    margin-bottom: 39px
}

.modal-menu__button::after {
    bottom: -23px;
    height: 2px
}

.modal-menu__about, .modal-menu__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-menu__footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-menu__footer .modal-menu__social {
    fill: #a7adb8 !important;
    stroke: #a7adb8 !important
}

.modal-menu__footer .modal-menu__social:hover {
    fill: #70af60 !important;
    stroke: #70af60 !important
}

.modal-menu__about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-menu__about a, .modal-menu__about p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #a7adb8;
    letter-spacing: -.02em
}

.modal-menu__about a {
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
    color: #fff
}

.modal-menu--hassublist.switсh-menu {
    position: relative;
    padding-right: 21px
}

.modal-menu--hassublist.switсh-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 14px;
    height: 8px;
    background: url(../img/sprite/icon-arrow-select-gray.svg) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal-menu--hassublist.switсh-menu--active::after {
    top: 30%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal-menu--hassublist.switсh-menu--active .modal-menu__sublist, .modal-menu--hassublist.switсh-menu--active + ul {
    display: block
}

.modal-menu .modal__content, .modal-menu .modal__content .row2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-menu .modal__content {
    width: 279px;
    padding: 29px 21px 18px 15px;
    overflow: auto;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #2e3346
}

@media (max-height: 400px) {
    .modal-menu .modal__content {
        height: 100%
    }
}

.modal-menu .modal__content .row1 {
    height: calc(100% - 148px);
    position: relative
}

.modal-menu .modal__content .row1::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -15px;
    width: calc(100% + 36px);
    height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d3344), to(rgba(45, 51, 68, 0)));
    background: linear-gradient(180deg, #2d3344 0%, rgba(45, 51, 68, 0) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
}

@media (max-height: 450px) {
    .modal-menu .modal__content .row1::after {
        height: 35px
    }
}

.modal-menu .modal__content .row2 {
    height: 148px;
    margin-top: auto
}

.link--modal-menu.link--simple {
    font-size: 12px;
    font-weight: 500
}

.modal-submenu {
    position: absolute;
    top: 56px;
    height: 0;
    will-change: transform;
    overflow: hidden;
    visibility: visible;
    background-color: transparent;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (max-width: 1023px) {
    .modal-submenu {
        overflow: hidden;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media (max-width: 767px) {
    .modal-submenu {
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

.modal-submenu .modal-submenu__wrapper {
    padding-right: 35px;
    padding-left: 36px
}

@media (max-width: 1023px) {
    .modal-submenu .modal-submenu__wrapper {
        padding-right: 25px;
        padding-left: 25px;
        overflow: auto
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal-submenu__wrapper {
        padding-right: 55px;
        padding-left: 0
    }
}

.modal-submenu .modal-submenu__overlay {
    position: absolute;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #efeeee;
    opacity: 0
}

.modal-submenu .modal-submenu__content {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.modal-submenu .modal-submenu__content.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1574px
}

.modal-submenu .modal__column-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 27px 36px 25px;
    border-right: 1px solid #efeeee;
    background-color: #fff
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-wrapper {
        padding-bottom: 24px
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-wrapper {
        padding-right: 10px;
        padding-left: 25px
    }
}

@media (max-width: 1023px) {
    .modal-submenu .modal__column-wrapper {
        min-height: auto
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-wrapper {
        width: 100%;
        min-height: auto;
        padding-bottom: 27px;
        border-right: none;
        border-bottom: 1px solid #efeeee
    }
}

.modal-submenu .modal__column-wrapper--1 {
    width: 24.6%
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-wrapper--1 {
        padding-right: 16px;
        padding-left: 19px
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-wrapper--1 {
        width: 35%;
        padding-right: 26px;
        padding-left: 25px
    }
}

@media (max-width: 1023px) {
    .modal-submenu .modal__column-wrapper--1 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-wrapper--1 {
        width: 100%;
        padding-top: 26px;
        padding-right: 23px;
        padding-left: 16px
    }
}

.modal-submenu .modal__column-wrapper--2 {
    width: 24.3%
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-wrapper--2 {
        width: 24.9%;
        padding-left: 20px
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-wrapper--2 {
        width: 29.2%;
        padding-right: 26px;
        padding-left: 32px
    }
}

@media (max-width: 1023px) {
    .modal-submenu .modal__column-wrapper--2 {
        width: 50%;
        border-right: none
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-wrapper--2 {
        width: 100%;
        padding-top: 22px;
        padding-right: 23px;
        padding-left: 16px
    }
}

.modal-submenu .modal__title {
    margin-bottom: 16px;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346
}

@media (max-width: 767px) {
    .modal-submenu .modal__title {
        margin-bottom: 11px
    }
}

.modal-submenu .modal__subcategoryes-list {
    margin-bottom: 32px
}

.modal-submenu .modal__subcategoryes-item {
    margin-bottom: 8px
}

.modal-submenu .modal__subcategoryes-item:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .modal-submenu .modal__text-categoryes-list {
        overflow: hidden
    }

    .modal-submenu .modal__text-categoryes-list--open {
        max-height: none;
        overflow: auto
    }
}

.modal-submenu .modal__text-categoryes-list a {
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346;
    letter-spacing: -.02em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 1279px) {
    .modal-submenu .modal__text-categoryes-list a {
        font-size: 13px;
        line-height: 34px
    }
}

.modal-submenu .modal__text-categoryes-list a:hover {
    color: color #767f86;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.modal-submenu .modal__column-wrapper--3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.6%;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-wrapper--3 {
        width: 25%
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-wrapper--3 {
        width: 35.8%;
        border-right: none
    }
}

@media (max-width: 1023px) {
    .modal-submenu .modal__column-wrapper--3 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        padding: 0 26px 0 25px;
        border-top: 1px solid #efeeee
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-wrapper--3 {
        width: 100%;
        margin-bottom: 0;
        padding: 20px 23px 10px 19px;
        border-top: none
    }
}

.modal-submenu .modal__column-3-top-wrapper {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 24px
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-3-top-wrapper {
        padding-right: 12px;
        padding-left: 15px
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-3-top-wrapper {
        margin-bottom: 30px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width: 1023px) {
    .modal-submenu .modal__column-3-top-wrapper {
        width: calc(50% + 3px);
        margin-bottom: 18px;
        padding: 25px 0 20px;
        border-right: 1px solid #efeeee
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-3-top-wrapper {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        border-right: none
    }
}

.modal-submenu .modal__column-wrapper--4 {
    width: 25.5%;
    padding-left: 25px;
    border: 0
}

@media (max-width: 1439px) {
    .modal-submenu .modal__column-wrapper--4 {
        padding-left: 20px
    }
}

@media (max-width: 1279px) {
    .modal-submenu .modal__column-wrapper--4 {
        width: 100%;
        min-height: auto;
        padding-top: 25px;
        padding-right: 30px;
        padding-left: 26px;
        border-top: 1px solid #efeeee
    }
}

@media (max-width: 767px) {
    .modal-submenu .modal__column-wrapper--4 {
        width: 100%;
        padding-top: 22px;
        padding-right: 23px;
        padding-left: 19px;
        border-top: none
    }
}

.modal-submenu .modal-submenu__close-btn {
    position: absolute;
    top: -56px;
    left: 35px;
    z-index: 100000;
    display: block;
    width: 166px;
    height: 50px
}

@media (max-width: 767px) {
    .modal-submenu .modal-submenu__close-btn {
        position: absolute;
        top: 20px;
        right: 2.5%;
        left: inherit;
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/sprite/icon-close-submenu.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 22px 22px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }
}

.modal-submenu.modal--submenu .modal-submenu__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    min-height: 525px;
    -webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 32px rgba(0, 0, 0, .15)
}

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

.modal-submenu.modal--active {
    z-index: 102;
    height: 100vh;
    height: calc(var(--subMenuHeight) + 50px);
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: showSub .15s linear;
    animation: showSub .15s linear
}

@media (max-width: 1023px) {
    .modal-submenu.modal--active {
        height: calc((var(--vh, 1vh) * 100))
    }
}

.modal-submenu.modal--active .modal-submenu__content {
    position: relative;
    top: 0;
    z-index: 10;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    min-height: 525px;
    overflow: auto
}

@media (max-width: 1023px) {
    .modal-submenu.modal--active .modal-submenu__content {
        min-height: calc((var(--vh, 1vh) * 100) - var(--headerHeight));
        max-height: calc((var(--vh, 1vh) * 100) - var(--headerHeight));
        overflow: auto
    }
}

@media (max-width: 767px) {
    .modal-submenu.modal--active .modal-submenu__content {
        top: 0
    }
}

.modal-submenu.modal--active .modal-submenu__content::before {
    content: "";
    position: absolute;
    top: -15px;
    z-index: 10;
    width: 100%;
    height: 15px
}

.modal-submenu.modal--active .modal-submenu__overlay {
    top: 10px;
    z-index: 1;
    width: 100%;
    height: 100vh;
    opacity: .2
}

@media (max-width: 1279px) {
    .modal-submenu.modal--active .modal-submenu__overlay {
        height: 100%
    }
}

@media (max-width: 767px) {
    .modal-submenu.modal--active .modal-submenu__overlay {
        top: 0
    }
}

.modal-submenu.modal--active .modal-submenu__wrapper {
    overflow: visible
}

.modal-submenu.modal--hide {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: hideSub .15s linear;
    animation: hideSub .15s linear
}

@media (max-width: 767px) {
    .modal-submenu.modal--hide .modal-submenu__content {
        top: calc(var(--modalScroll) * (-1))
    }
}

.delivery {
    padding-top: 49px;
    padding-bottom: 126px
}

@media (max-width: 1279px) {
    .delivery {
        padding-bottom: 142px
    }
}

@media (max-width: 1023px) {
    .delivery {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .delivery {
        padding-bottom: 55px
    }

    .delivery div.delivery__input-city--open-checkbox {
        margin-bottom: 315px
    }
}

.delivery h1 {
    margin-bottom: 29px;
    font-size: 36px;
    line-height: 44px
}

@media (max-width: 1279px) {
    .delivery h1 {
        margin-bottom: 23px;
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 767px) {
    .delivery h1 {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 30px
    }
}

.delivery__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .delivery__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery__form {
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 904px;
    position: relative
}

.delivery__form--reviews {
    max-width: 813px
}

@media (max-width: 1279px) {
    .delivery__form {
        margin-right: 20px;
        max-width: 629px
    }
}

@media (max-width: 767px) {
    .delivery__form {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-right: 0;
        max-width: 100%
    }
}

.delivery__input-city {
    position: relative;
    margin-bottom: 17px
}

@media (max-width: 767px) {
    .delivery__input-city {
        margin-bottom: 21px
    }
}

.delivery__input-city::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-color: #70af60;
    top: 42%;
    right: -6px;
    border-radius: 50%;
    display: none
}

@media (max-width: 767px) {
    .delivery__input-city::after {
        top: 77%;
        left: 24px
    }

    .delivery__input-city--open-checkbox {
        margin-bottom: 330px
    }
}

.delivery__input-city--open-checkbox::after {
    display: block
}

.delivery__input-address {
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .delivery__input-address {
        margin-bottom: 16px
    }
}

.delivery__form-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .delivery__form-block {
        margin-bottom: 15px
    }
}

.delivery__form-block + .delivery__form-block {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .delivery__form-block + .delivery__form-block {
        margin-bottom: 15px
    }
}

.delivery__form-block > div {
    width: 48%;
    margin-right: 4%
}

.delivery__form-block > div:last-of-type, .subcat .subcat__tag-list li:last-of-type {
    margin-right: 0
}

@media (max-width: 1279px) {
    .delivery__form-block > div {
        width: 48.5%;
        margin-right: 3%
    }
}

@media (max-width: 767px) {
    .delivery__form-block > div {
        margin-right: 0;
        width: 100%
    }

    .delivery__form-block > div:not(:last-child) {
        margin-bottom: 15px
    }
}

.delivery hr, .delivery__form .delivery__input-textarea {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .delivery__form .delivery__input-textarea {
        margin-bottom: 18px
    }
}

.delivery__upload-wrapper {
    margin-bottom: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1279px) {
    .delivery__upload-wrapper {
        margin-bottom: 26px
    }
}

@media (max-width: 767px) {
    .delivery__upload-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.delivery__form .delivery__input-upload {
    margin-right: 34px;
    width: 70.8%
}

@media (max-width: 1279px) {
    .delivery__form .delivery__input-upload {
        margin-right: 19px;
        width: 61.4%
    }
}

@media (max-width: 767px) {
    .delivery__form .delivery__input-upload {
        margin-right: 0;
        margin-bottom: 17px;
        width: 100%
    }
}

.delivery__form .delivery__input-upload + p {
    padding-top: 17px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #a7adb8;
    max-width: 197px
}

@media (max-width: 1279px) {
    .delivery__form .delivery__input-upload + p {
        padding-top: 12px
    }
}

@media (max-width: 767px) {
    .delivery__form .delivery__input-upload + p {
        padding-top: 0;
        max-width: none
    }
}

.delivery__submit-checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

@media (max-width: 1023px) {
    .delivery__submit-checkbox-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery__form .delivery__make-order-button {
    padding-top: 15px;
    padding-bottom: 13px;
    margin-right: 9%;
    max-width: 420px
}

@media (max-width: 1279px) {
    .delivery__form .delivery__make-order-button {
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .delivery__form .delivery__make-order-button {
        padding-right: 20px;
        margin-right: 0;
        width: 100%
    }
}

.delivery__form .delivery__make-order-button span, .delivery__need-montage-img span {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    color: #fff
}

.delivery__form--reviews .delivery__make-order-button {
    max-width: 378px;
    margin-right: 9%
}

@media (max-width: 1439px) {
    .delivery__form--reviews .delivery__make-order-button {
        margin-right: auto
    }
}

@media (max-width: 1279px) {
    .delivery__form--reviews .delivery__make-order-button {
        margin-right: auto;
        margin-bottom: 18px
    }
}

@media (max-width: 767px) {
    .delivery__form--reviews .delivery__make-order-button {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .delivery__form .delivery__oferta-checkbox {
        width: calc(100% - 450px)
    }
}

@media (max-width: 1023px) {
    .delivery__form .delivery__oferta-checkbox {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .delivery__form .delivery__oferta-checkbox {
        margin-bottom: 15px
    }
}

.delivery__form .delivery__oferta-checkbox label {
    font-weight: 600
}

@media (max-width: 1279px) {
    .delivery__form--reviews .delivery__oferta-checkbox {
        width: calc(100% - 408px)
    }
}

@media (max-width: 1023px) {
    .delivery__form--reviews .delivery__oferta-checkbox {
        width: 100%
    }
}

@media (max-width: 1279px) {
    .delivery__form--order .delivery__oferta-checkbox {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .delivery__form--order .delivery__oferta-checkbox {
        margin-bottom: 15px
    }
}

.delivery__rightside-wrapper {
    max-width: 348px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media (max-width: 767px) {
    .delivery__rightside-wrapper {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .delivery__rightside-bottom-wrapper {
        display: none
    }
}

.delivery__need-montage-wrapper {
    position: relative;
    margin-bottom: 48px;
    display: none
}

@media (max-width: 767px) {
    .delivery__need-montage-wrapper {
        position: absolute;
        margin: 0;
        width: calc(100% - 34px);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: 312px
    }
}

.delivery__need-montage-wrapper::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 1px;
    top: 34px;
    left: -120px;
    background-color: #efeeee;
    z-index: -1
}

@media (max-width: 1279px) {
    .delivery__need-montage-wrapper::before {
        width: 400px;
        left: -300px
    }
}

@media (max-width: 767px) {
    .delivery__need-montage-wrapper::before {
        width: 2px;
        left: 30px;
        top: -22px;
        height: 80px
    }
}

.delivery__need-montage-wrapper--open-checkbox {
    display: block
}

.delivery__need-montage-img {
    margin-bottom: 12px;
    padding-top: 37px;
    padding-bottom: 61px;
    padding-left: 45px;
    background-image: url(../img/delivery-montage-desktop.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #efeeee;
    z-index: 4
}

@media (max-width: 1279px) {
    .delivery__need-montage-img {
        padding-left: 34px;
        padding-bottom: 62px;
        background-image: url(../img/delivery-montage-tablet.jpg);
        background-size: cover
    }
}

@media (max-width: 1023px) {
    .delivery__need-montage-img {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 767px) {
    .delivery__need-montage-img {
        padding: 29px 35px 33px 27px;
        background-image: url(../img/delivery-montage-mobile.jpg);
        background-size: cover
    }
}

.delivery__need-montage-img span {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .delivery__need-montage-img span {
        margin-bottom: 0;
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .delivery__need-montage-img span {
        font-size: 24px;
        line-height: 28px
    }
}

.delivery__need-montage-img p {
    margin-bottom: 24px;
    font-family: "Mont", "Arial", sans-serif;
    color: #2e3346;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 767px) {
    .delivery__need-montage-img p {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 20px
    }
}

.delivery__need-montage-img p:first-of-type {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em
}

@media (max-width: 1279px) {
    .delivery__need-montage-img p:first-of-type {
        margin-bottom: 27px;
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .delivery__need-montage-img p:first-of-type {
        margin-bottom: 9px;
        font-size: 20px;
        line-height: 24px
    }

    .delivery__need-montage-img p:last-of-type {
        min-height: 40px
    }
}

.delivery__montage-checkbox {
    max-width: 248px
}

.delivery__montage-checkbox label {
    padding-top: 13px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff
}

.delivery__need-montage-wrapper > p, .delivery__sdek > p, .delivery__services-wrapper b {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.delivery__need-montage-wrapper > p {
    max-width: 270px
}

.delivery__services-wrapper b {
    display: block;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.015em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .delivery__services-wrapper b {
        padding-right: 10px;
        margin-bottom: 22px;
        font-size: 24px;
        line-height: 28px
    }
}

.delivery__sdek {
    margin-bottom: 24px;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1279px) {
    .delivery__sdek {
        margin-bottom: 25px
    }
}

.delivery__sdek > p {
    padding-top: 2px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (max-width: 1279px) {
    .delivery__sdek > p {
        padding-top: 0
    }
}

.delivery__sdek-img-wrapper {
    margin-right: 29px;
    min-width: 152px
}

@media (max-width: 1279px) {
    .delivery__sdek-img-wrapper {
        margin-right: 27px;
        min-width: 127px;
        height: 37px
    }

    .delivery__sdek-img {
        width: 127px;
        height: 37px
    }
}

.delivery__services-wrapper > p {
    margin-bottom: 22px;
    padding-right: 15px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

@media (max-width: 1279px) {
    .delivery__services-wrapper > p {
        margin-bottom: 32px;
        padding-right: 0;
        letter-spacing: -.042em;
        line-height: 22px
    }
}

@media (max-width: 1279px) {
    .delivery hr {
        margin-bottom: 23px
    }
}

.delivery__post-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1023px) {
    .delivery__post-logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery__post-img-wrapper {
    margin-bottom: 13px
}

@media (max-width: 1279px) {
    .delivery__post-img-wrapper {
        margin-bottom: 9px
    }
}

@media (max-width: 1023px) {
    .delivery__post-img-wrapper {
        margin-bottom: 25px
    }
}

@media (max-width: 1279px) {
    .delivery__post-img {
        width: 89px;
        height: 44px
    }
}

.delivery__dostavista-img-wrapper {
    margin-right: 27px;
    padding-top: 12px
}

@media (max-width: 1279px) {
    .delivery__dostavista-img-wrapper {
        padding-top: 9px;
        margin-right: 24px
    }
}

@media (max-width: 1023px) {
    .delivery__dostavista-img-wrapper {
        padding-top: 0;
        margin-right: 0;
        margin-bottom: 25px
    }
}

@media (max-width: 1279px) {
    .delivery__dostavista-img {
        width: 140px;
        height: 20px
    }
}

.delivery__dellin-img-wrapper {
    padding-left: 3px
}

@media (max-width: 1279px) {
    .delivery__dellin-img {
        width: 227px;
        height: 35px
    }
}

.delivery__form-block .delivery__input-phone-new div {
    margin-right: 0
}

.delivery__form-block .delivery__input-phone-new .iti__flag {
    width: 20px
}

.delivery__form-block .delivery__input-phone-new .iti__arrow {
    width: 0
}

.delivery__form-block .delivery__input-phone-new .iti__flag-box {
    margin-right: 8px;
    width: 20px
}

.delivery__form-block .delivery__input-phone-new .iti__selected-flag {
    padding: 0 10px 0 20px
}

.iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text] {
    font-size: 16px;
    padding-left: 78px !important;
    letter-spacing: 1px;
    color: #2e3346;
    padding-top: 16px
}

#phone-checker, .phone-checker {
    position: absolute;
    right: 18px;
    top: 23px
}

.input-wrapper--regular .iti__search-input {
    border: 0;
    height: auto;
    padding: 15px 20px
}

.find-order {
    padding-top: 49px;
    padding-bottom: 114px
}

@media (max-width: 1279px) {
    .find-order {
        padding-bottom: 125px
    }
}

@media (max-width: 1023px) {
    .find-order {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .find-order {
        padding-bottom: 97px
    }
}

.find-order.container {
    max-width: 932px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 1279px) {
    .find-order.container {
        max-width: none;
        padding-left: 37px;
        padding-right: 37px
    }
}

@media (max-width: 767px) {
    .find-order.container {
        max-width: 650px;
        padding-left: 17px;
        padding-right: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.find-order__breadcrumbs {
    padding-left: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1279px) {
    .find-order__breadcrumbs {
        padding-left: 0
    }
}

.find-order__title {
    margin: 0 0 38px;
    padding: 0;
    font-family: "Mont", "Arial", sans-serif;
    text-align: center;
    font-weight: 800;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .find-order__title {
        padding-right: 22px;
        margin-bottom: 34px;
        font-size: 36px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .find-order__title {
        padding-right: 14px;
        margin-bottom: 21px;
        font-size: 28px;
        line-height: 36px
    }
}

.find-order__search-wrapper {
    padding: 44px 39px 44px 33px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #efeeee;
    border-radius: 4px
}

@media (max-width: 1279px) {
    .find-order__search-wrapper {
        padding: 44px 42px 45px 33px
    }
}

@media (max-width: 767px) {
    .find-order__search-wrapper {
        position: relative;
        margin-bottom: 16px;
        padding: 28px 20px 36px 19px
    }
}

.find-order__order-id-input {
    margin-right: auto;
    width: 612px;
    height: 50px
}

@media (max-width: 1279px) {
    .find-order__order-id-input {
        width: 74%
    }
}

@media (max-width: 1023px) {
    .find-order__order-id-input {
        width: 70%
    }
}

@media (max-width: 767px) {
    .find-order__order-id-input {
        width: 100%
    }
}

.find-order__order-id-input input {
    font-weight: 500
}

.find-order__order-id-input input::-webkit-input-placeholder {
    font-weight: 500
}

.find-order__order-id-input input::-moz-placeholder {
    font-weight: 500
}

.find-order__order-id-input input:-ms-input-placeholder, .find-order__order-id-input input::-ms-input-placeholder {
    font-weight: 500
}

.find-order__order-id-input input::placeholder {
    font-weight: 500
}

.find-order .find-order__search-btn {
    position: relative;
    padding: 5px 76px 0 18px;
    min-height: 0;
    z-index: 10
}

.find-order .find-order__search-btn::before {
    position: absolute;
    content: "";
    top: 28%;
    right: 5%;
    width: 22px;
    height: 20px;
    background-image: url(../img/sprite/icon-search-button.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 22px 20px
}

@media (max-width: 1279px) {
    .find-order .find-order__search-btn::before {
        top: 29%;
        right: 5%
    }
}

@media (max-width: 767px) {
    .find-order .find-order__search-btn::before {
        width: 17px;
        height: 16px;
        background-size: 17px 16px;
        right: 21%
    }
}

@media (max-width: 1279px) {
    .find-order .find-order__search-btn {
        padding-left: 12px;
        max-width: none;
        width: 201px
    }
}

@media (max-width: 1023px) {
    .find-order .find-order__search-btn {
        padding-right: 55px;
        width: 25%
    }
}

@media (max-width: 767px) {
    .find-order .find-order__search-btn {
        position: absolute;
        min-width: auto;
        font-size: 0;
        line-height: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        top: 29%;
        right: 29px
    }
}

.find-order__about-id {
    margin-bottom: 61px;
    font-family: "Mont", "Arial", sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #a7adb8
}

@media (max-width: 767px) {
    .find-order__about-id {
        margin-bottom: 37px;
        font-size: 12px;
        line-height: 20px
    }
}

.find-order__about-id span, .subcat .subcat__promo .subcat__promo-content--text-dark h1 {
    color: #2e3346
}

.find-order hr:first-of-type {
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .find-order hr:first-of-type {
        margin-bottom: 52px
    }
}

.find-order hr:last-of-type {
    margin-bottom: 73px
}

@media (max-width: 767px) {
    .find-order hr:last-of-type {
        margin-bottom: 50px
    }
}

.find-order__safe-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 63px
}

@media (max-width: 767px) {
    .find-order__safe-wrapper {
        margin-bottom: 52px
    }
}

.find-order__safe-wrapper-texts {
    max-width: 490px;
    margin-right: 12%
}

@media (max-width: 1279px) {
    .find-order__safe-wrapper-texts {
        margin-right: 8%
    }
}

@media (max-width: 1023px) {
    .find-order__safe-wrapper-texts {
        max-width: 300px
    }
}

@media (max-width: 767px) {
    .find-order__safe-wrapper-texts {
        max-width: none
    }
}

.find-order__robokassa-img-wrapper {
    padding-top: 17px
}

@media (max-width: 767px) {
    .find-order__robokassa-img-wrapper {
        display: none
    }
}

.find-order__safe-wrapper b {
    position: relative;
    padding-top: 10px;
    padding-right: 50px;
    margin-bottom: 17px;
    display: inline-block;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #2e3346
}

.find-order__safe-wrapper b::after {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    top: 4px;
    right: 0;
    background-image: url(../img/sprite/icon-lock.svg);
    background-repeat: no-repeat;
    background-size: 28px 33px
}

@media (max-width: 767px) {
    .find-order__safe-wrapper b::after {
        top: 2px;
        right: 13px;
        width: 25px;
        height: 25px;
        background-size: 22px 25px
    }

    .find-order__safe-wrapper b {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 24px
    }
}

.find-order__contacts-title, .find-order__safe-wrapper p {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

@media (max-width: 767px) {
    .find-order__safe-wrapper p {
        font-size: 12px;
        line-height: 20px
    }
}

.find-order__contacts-title {
    margin-bottom: 45px;
    font-weight: 300;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .find-order__contacts-title {
        margin-bottom: 30px;
        width: 80%;
        font-size: 20px;
        line-height: 24px
    }
}

.find-order__contacts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1023px) {
    .find-order__contacts-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .find-order__contacts-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.find-order__contacts-item {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .find-order__contacts-item {
        margin-bottom: 35px
    }

    .find-order__contacts-item:last-of-type {
        margin-bottom: 0
    }
}

.find-order__contacts-item:nth-child(n) {
    margin-right: 20%
}

@media (max-width: 1279px) {
    .find-order__contacts-item:nth-child(n) {
        margin-right: 16%
    }
}

@media (max-width: 1023px) {
    .find-order__contacts-item:nth-child(n) {
        width: 40%;
        margin-right: 4%
    }
}

@media (max-width: 767px) {
    .find-order__contacts-item:nth-child(n) {
        width: 100%;
        margin-right: 0
    }
}

.find-order__contacts-item:nth-child(2n) {
    margin-right: 17.6%
}

@media (max-width: 1279px) {
    .find-order__contacts-item:nth-child(2n) {
        margin-right: 14.6%
    }
}

@media (max-width: 1023px) {
    .find-order__contacts-item:nth-child(2n) {
        width: 40%;
        margin-right: 4%
    }
}

@media (max-width: 767px) {
    .find-order__contacts-item:nth-child(2n) {
        width: 100%;
        margin-right: 0
    }
}

.find-order__contacts-item:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 1023px) {
    .find-order__contacts-item:nth-child(3n) {
        width: 40%;
        margin-right: 4%
    }
}

@media (max-width: 767px) {
    .find-order__contacts-item:nth-child(3n) {
        width: 100%;
        margin-right: 0
    }
}

.find-order__contacts-list a, .find-order__contacts-list span {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #767f86
}

@media (max-width: 767px) {
    .find-order__contacts-list span {
        font-size: 13px
    }
}

.find-order__contacts-list a {
    padding-top: 6px;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #2e3346
}

.find-order__mail-img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.find-order__mail-img {
    margin-right: 13px
}

.order-list {
    padding-top: 49px;
    padding-bottom: 141px
}

.order-list .note-full.warning {
    display: block
}

@media (max-width: 1279px) {
    .order-list {
        padding-bottom: 112px
    }
}

@media (max-width: 1023px) {
    .order-list {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .order-list {
        padding-bottom: 85px
    }
}

.order-list.container {
    max-width: 987px;
    padding-left: 41px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1279px) {
    .order-list.container {
        padding-left: 18px
    }
}

@media (max-width: 767px) {
    .order-list.container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.order-list__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .order-list__breadcrumbs {
        padding-left: 11px
    }
}

.order-list__title {
    margin: 0 0 44px;
    padding: 0 22px 0 0;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 800;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .order-list__title {
        margin-bottom: 42px;
        font-size: 36px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .order-list__title {
        padding-right: 15px;
        margin-bottom: 27px;
        font-size: 28px;
        line-height: 36px
    }
}

.order-list__title span {
    color: #70af60
}

@media (max-width: 1279px) {
    .order-list__title span {
        display: none
    }
}

.order-list__user-img-wrapper {
    margin-bottom: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1279px) {
    .order-list__user-img-wrapper {
        margin-bottom: 35px
    }
}

@media (max-width: 767px) {
    .order-list__user-img-wrapper {
        margin-bottom: 24px
    }
}

.order-list__contact-user {
    padding-left: 14px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #a7adb8
}

@media (max-width: 767px) {
    .order-list__contact-user {
        font-size: 12px;
        line-height: 18px
    }
}

.order-list__contact-user span {
    font-weight: 700
}

@media (max-width: 767px) {
    .order-list__contact-user span {
        width: 100%;
        display: block
    }
}

.order-list h2 {
    margin: 0 0 15px;
    padding: 0
}

@media (max-width: 1279px) {
    .order-list h2 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.02em
    }
}

@media (max-width: 767px) {
    .order-list h2 {
        margin-bottom: 11px;
        font-size: 18px
    }
}

.order-list__order-list {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1279px) {
    .order-list__order-list {
        margin-bottom: 14px
    }
}

.order-list__order-item {
    padding-top: 26px;
    padding-bottom: 28px;
    padding-right: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -1px;
    border-top: 1px solid #efeeee;
    border-bottom: 1px solid #efeeee
}

@media (max-width: 767px) {
    .order-list__order-item {
        padding-top: 17px;
        padding-bottom: 15px;
        padding-right: 17px
    }
}

.order-list__order-item:first-of-type {
    margin-top: 0
}

.order-list__order-item:last-of-type {
    border-bottom: none
}

.order-list__order-item p {
    font-family: "Mont", "Arial", sans-serif;
    letter-spacing: -.02em;
    line-height: 22px;
    color: #2e3346
}

@media (max-width: 767px) {
    .order-list__order-item p {
        line-height: 20px
    }
}

.order-list__item-title {
    padding-right: 20px;
    font-weight: 600;
    font-size: 14px
}

@media (max-width: 767px) {
    .order-list__item-title {
        max-width: 70%;
        font-size: 12px
    }
}

.order-list__item-quantity {
    margin-left: auto;
    margin-right: 50px;
    font-size: 14px
}

.order-list__item-price {
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    min-width: 80px
}

@media (max-width: 767px) {
    .order-list__item-price {
        font-size: 14px
    }
}

.order-list__order-item--discount p, .team__title span {
    color: #70af60
}

.order-list__total-wrapper {
    margin-bottom: 13px;
    padding: 26px 22px 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #efeeee;
    border-radius: 4px
}

@media (max-width: 767px) {
    .order-list__total-wrapper {
        margin-bottom: 11px;
        padding-top: 22px;
        padding-bottom: 16px;
        padding-right: 16px
    }
}

.order-list__total-wrapper p {
    font-family: "Mont", "Arial", sans-serif;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #2e3346
}

.order-list__total {
    margin-right: 35px;
    font-size: 16px;
    font-weight: 600
}

@media (max-width: 767px) {
    .order-list__total {
        margin-right: 27px;
        font-size: 14px
    }
}

.order-list__total-price {
    font-size: 24px;
    font-weight: 800;
    white-space: nowrap
}

@media (max-width: 767px) {
    .order-list__total-price {
        font-size: 20px
    }
}

.order-list .order-list__go-button {
    padding-top: 22px;
    padding-right: 17px;
    padding-bottom: 14px;
    max-width: 400px
}

@media (max-width: 1279px) {
    .order-list .order-list__go-button {
        padding-left: 37px;
        padding-top: 20px;
        padding-right: 18px
    }
}

@media (max-width: 767px) {
    .order-list .order-list__go-button {
        width: 100%;
        max-width: none;
        padding-top: 22px;
        padding-right: 12px;
        padding-left: 37px;
        letter-spacing: .1em
    }

    .order-list .order-list__go-button svg {
        top: -1px
    }
}

.shop {
    padding-top: 49px;
    padding-bottom: 157px
}

@media (max-width: 1439px) {
    .shop {
        padding-bottom: 100px
    }
}

@media (max-width: 1279px) {
    .shop {
        padding-bottom: 62px
    }
}

@media (max-width: 1023px) {
    .shop {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .shop {
        padding-bottom: 98px
    }
}

.shop__other-products {
    margin-bottom: 120px
}

@media (max-width: 1279px) {
    .shop__other-products {
        margin-bottom: 100px
    }
}

@media (max-width: 1023px) {
    .shop__other-products {
        margin-bottom: 90px
    }
}

@media (max-width: 767px) {
    .shop__other-products {
        margin-bottom: 70px
    }
}

.shop__breadcrumbs ul {
    padding-left: 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shop .title {
    margin: 0 0 28px;
    padding: 0;
    color: #2e3346;
    text-align: center
}

@media (max-width: 1279px) {
    .shop .title {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 25px
    }
}

@media (max-width: 1023px) {
    .shop .title {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .shop .title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 16px
    }
}

.shop__about {
    padding-left: 695px;
    padding-right: 15px;
    padding-bottom: 20px;
    background-image: url(../img/shop-about-desktop@1x.jpg);
    background-repeat: no-repeat;
    background-size: 603px 380px;
    background-position: 0 0
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .shop__about {
        background-image: url(../img/shop-about-desktop@2x.jpg)
    }
}

@media (max-width: 1439px) {
    .shop__about {
        padding-left: 616px;
        background-size: 538px 339px
    }
}

@media (max-width: 1279px) {
    .shop__about {
        padding-left: 488px;
        background-size: 425px 268px
    }
}

@media (max-width: 1023px) {
    .shop__about {
        padding-left: 350px;
        background-size: 300px auto
    }
}

@media (max-width: 767px) {
    .shop__about {
        padding-left: 0;
        padding-top: 400px;
        padding-right: 0;
        background-size: auto auto
    }
}

@media (max-width: 440px) {
    .shop__about {
        background-size: contain;
        padding-top: 70%
    }
}

.shop__about .btn--m {
    padding-top: 15px;
    padding-bottom: 14px;
    line-height: 12px
}

@media (max-width: 767px) {
    .shop__about .btn--m {
        font-size: 12px;
        line-height: 18px;
        min-width: 190px
    }
}

.shop__about p:first-of-type {
    padding-top: 16px;
    margin-bottom: 21px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .shop__about p:first-of-type {
        padding-top: 0;
        margin-top: -3px
    }
}

@media (max-width: 767px) {
    .shop__about p:first-of-type {
        font-size: 28px;
        line-height: 32px;
        padding-top: 12px;
        margin-top: 0
    }
}

.shop__about p:last-of-type {
    margin-bottom: 30px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #2e3346
}

@media (max-width: 1279px) {
    .shop__about p:last-of-type {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 29px
    }
}

.subcat {
    padding-bottom: 30px
}

@media (max-width: 1439px) {
    .subcat {
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .subcat {
        padding-bottom: 20px
    }
}

.subcat.subcat-center-banner {
    padding-bottom: 0
}

@media (max-width: 1439px) {
    .subcat.subcat-center-banner {
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .subcat.subcat-center-banner {
        padding-bottom: 0
    }
}

.subcat .subcat__promo {
    min-height: 380px;
    position: relative
}

.subcat .subcat__promo .subcat__promo-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    background: #f5f5f5
}

.subcat .subcat__promo .subcat__promo-img img {
    width: 100%;
    max-height: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 1749px) {
    .subcat .subcat__promo .subcat__promo-img img {
        -o-object-position: left center;
        object-position: left center
    }
}

.subcat .subcat__promo .subcat__promo-wrapper {
    padding: 49px 0 99px
}

@media (max-width: 1439px) {
    .subcat .subcat__promo .subcat__promo-wrapper {
        padding: 49px 0 113px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__promo .subcat__promo-wrapper {
        padding: 49px 0 50px
    }
}

@media (max-width: 1023px) {
    .subcat .subcat__promo .subcat__promo-wrapper {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__promo .subcat__promo-wrapper {
        padding: 25px 0 61px
    }
}

.subcat .subcat__promo .subcat__promo-content {
    position: relative;
    z-index: 1;
    max-width: 52%;
    padding-bottom: 106px
}

@media (max-width: 1439px) {
    .subcat .subcat__promo .subcat__promo-content {
        max-width: 58%;
        padding-bottom: 90px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__promo .subcat__promo-content {
        max-width: 55%;
        padding-bottom: 90px
    }
}

@media (max-width: 1023px) {
    .subcat .subcat__promo .subcat__promo-content {
        max-width: 675px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__promo .subcat__promo-content {
        padding-bottom: 70px
    }
}

.subcat .subcat__promo .subcat__promo-content .label-premium {
    background: -webkit-gradient(linear, left top, right top, from(#e3bd74), to(#a27e35));
    background: linear-gradient(90deg, #e3bd74, #a27e35);
    padding: 8px 28px;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: 900;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    letter-spacing: .8px
}

.subcat .subcat__promo .subcat__promo-content p {
    margin: 27px 0 16px;
    color: #fff
}

@media (max-width: 1439px) {
    .subcat .subcat__promo .subcat__promo-content p {
        margin: 27px 0 16px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__promo .subcat__promo-content p {
        margin: 17px 0 16px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__promo .subcat__promo-content p {
        margin: 20px 0 16px
    }
}

.subcat .subcat__promo .subcat__promo-content .subcat__promo-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subcat .subcat__promo .subcat__promo-content--text-dark p {
    color: #2e3346
}

.subcat .subcat__promo.subcat__promo-center-banner .subcat__promo-img:after {
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    content: ""
}

.subcat .subcat__promo.subcat__promo-center-banner .subcat__promo-content {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0
}

.subcat .subcat__promo.subcat__promo-center-banner .subcat__promo-content p {
    margin: 30px 0 50px
}

.subcat .subcat__swiper-slide {
    width: 280px;
    height: auto
}

.subcat .subcat__swiper-slide a {
    height: 100%
}

.subcat .subcat__subcategoryes-wrapper {
    position: relative;
    padding-top: 35px;
    margin-bottom: 43px;
    border-radius: 8px;
    overflow: visible
}

@media (max-width: 1439px) {
    .subcat .subcat__subcategoryes-wrapper {
        padding-top: 30px
    }
}

.subcat .subcat__subcategoryes-wrapper p.title {
    position: relative;
    z-index: 11;
    margin-bottom: 15px
}

.subcat .subcat__subcategory {
    padding: 15px
}

@media (max-width: 767px) {
    .subcat .subcat__subcategory {
        min-height: 70px
    }

    .subcat .subcat__subcategory img {
        height: 45px;
        width: 72px
    }
}

.subcat .subcat__swiper-container {
    position: relative;
    overflow: hidden
}

.subcat .subcat__swiper-container::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 184px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 70%);
    z-index: 10
}

@media (max-width: 1279px) {
    .subcat .subcat__swiper-container::after {
        width: 125px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__swiper-container::after {
        width: 59px
    }
}

.subcat .subcat__swiper-button-next, .subcat .subcat__swiper-button-prev {
    margin-top: 0;
    z-index: 100;
    width: 36px;
    height: 36px;
    bottom: 24px;
    top: auto;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 10px rgba(45, 51, 68, .25);
    box-shadow: 0 2px 10px rgba(45, 51, 68, .25);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

@media (max-width: 767px) {
    .subcat .subcat__swiper-button-next, .subcat .subcat__swiper-button-prev {
        bottom: 19.5px
    }
}

.subcat .subcat__swiper-button-prev {
    display: none;
    left: 0
}

.subcat .subcat__swiper-button-next {
    right: 0
}

.subcat .subcat__swiper-button-next.swiper-button-next::after, .subcat .subcat__swiper-button-prev.swiper-button-prev::after {
    content: "";
    background-image: url(../img/sprite/icon-arrow-swiper.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.subcat .subcat__swiper-button-next.swiper-button-next:hover, .subcat .subcat__swiper-button-prev.swiper-button-prev:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(46, 51, 70, .4);
    box-shadow: 1px 1px 10px rgba(46, 51, 70, .4)
}

.subcat .subcat__swiper-button-next.swiper-button-next:hover::after, .subcat .subcat__swiper-button-prev.swiper-button-prev:hover::after {
    background-image: url(../img/sprite/icon-arrow-swiper-hover.svg)
}

.subcat .subcat__swiper-button-next.swiper-button-next:active::after, .subcat .subcat__swiper-button-prev.swiper-button-prev:active::after {
    background-image: url(../img/sprite/icon-arrow-swiper-active.svg)
}

.subcat .subcat__swiper-button-next.swiper-button-next::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.subcat .subcat__categoryes-list {
    margin-bottom: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.subcat .subcat__categoryes-item {
    margin-right: 24px;
    margin-bottom: 30px
}

.subcat .subcat__categoryes-item:nth-child(4n) {
    margin-right: 0
}

.subcat .subcat__categoryes-list img {
    height: 472px
}

.subcat .subcat__about {
    padding-left: 695px;
    padding-right: 15px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: 603px 380px;
    background-position: 0 0
}

.subcat .subcat__about p:first-of-type {
    padding-top: 16px;
    margin-bottom: 21px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

.subcat .subcat__about p:last-of-type {
    margin-bottom: 25px;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #2e3346
}

.subcat .subcat__tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 14px
}

@media (max-width: 767px) {
    .subcat .subcat__tag-list {
        padding-bottom: 9px
    }
}

.subcat .subcat__tag-list li {
    margin-right: 10px;
    margin-bottom: 11px
}

@media (max-width: 767px) {
    .subcat .subcat__tag-list li {
        margin-bottom: 8px
    }
}

.subcat .subcat__separator {
    margin-bottom: 55px
}

@media (max-width: 767px) {
    .subcat .subcat__separator {
        margin-bottom: 40px
    }
}

.subcat .subcat__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1279px) {
    .subcat .subcat__filter {
        margin-bottom: 25px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__filter {
        margin-bottom: 22px
    }
}

.subcat .subcat__filter .subcat__filter-sum {
    width: auto;
    padding-right: 50px;
    margin-right: auto;
    font-size: 26px;
    line-height: 20px;
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .subcat .subcat__filter .subcat__filter-sum {
        padding-right: 0;
        width: 100%;
        margin-bottom: 5px
    }
}

.subcat .subcat__filter .subcat__filter-sum span {
    font-weight: 700;
    padding-right: 3px
}

.subcat .subcat__filter .subcat__filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.subcat .subcat__filter .subcat__filter-wrapper p {
    padding-right: 48px;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8
}

@media (max-width: 1749px) {
    .subcat .subcat__filter .subcat__filter-wrapper p {
        padding-right: 18px
    }
}

.subcat .subcat__filter .subcat__filter-wrapper ul li::after {
    content: "/";
    position: relative;
    color: #dee0e2
}

.subcat .subcat__filter .subcat__filter-wrapper ul li:last-of-type::after {
    display: none
}

.subcat .subcat__filter .subcat__filter-wrapper ul li a {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.02em;
    padding: 0 6px;
    color: #4f8cc8;
    text-transform: lowercase
}

@media (max-width: 1439px) {
    .subcat .subcat__filter .subcat__filter-wrapper ul li a {
        padding: 0 4px
    }
}

.subcat .subcat__filter .subcat__filter-wrapper ul li a.active {
    color: #2e3346;
    pointer-events: none
}

.subcat .subcat__filter .subcat__filter-wrapper ul li a:hover {
    color: #2e3346
}

.subcat .subcat__goods {
    padding-bottom: 75px
}

@media (max-width: 1439px) {
    .subcat .subcat__goods {
        padding-bottom: 100px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__goods {
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__goods {
        padding-bottom: 40px
    }
}

.subcat .subcat__card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

@media (max-width: 767px) {
    .subcat .subcat__card-list {
        margin-left: 0;
        margin-right: 0
    }
}

.subcat .subcat__card-list li {
    width: calc((100% / 4) - 24px);
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    height: 100%;
    padding-bottom: 12px
}

@media (max-width: 1439px) {
    .subcat .subcat__card-list li {
        margin-bottom: 50px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__card-list li {
        width: calc((100% / 3) - 24px);
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__card-list li {
        width: 100%;
        margin-bottom: 25px;
        margin-left: 0;
        margin-right: 0
    }
}

.subcat .subcat__card-list li a:hover img {
    opacity: .8
}

.subcat .subcat__card-list .product-card__img-wrapper-in-extra {
    margin-bottom: 16px
}

@media (max-width: 1439px) {
    .subcat .subcat__card-list .product-card__img-wrapper-in-extra {
        margin-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__card-list .product-card__img-wrapper-in-extra {
        height: auto;
        width: initial;
        margin-bottom: 22px
    }
}

@media (max-width: 1023px) {
    .subcat .subcat__card-list .product-card__img-wrapper-in-extra {
        width: initial;
        height: auto;
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__card-list .product-card__img-wrapper-in-extra {
        width: 100%;
        height: auto;
        margin-bottom: 15px
    }
}

.subcat .subcat__card-list .product-card__img-wrapper-in-extra img {
    max-height: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.subcat .subcat__card-list .product-card__article-in-extra {
    width: 100%
}

@media (max-width: 1439px) {
    .subcat .subcat__card-list .product-card__article-in-extra {
        margin-bottom: 10px
    }
}

.subcat .subcat__card-list .product-card__discount-price-wrapper {
    width: auto
}

.subcat .subcat__card-list .product-card__buttons-wrapper-in-extra {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.subcat .subcat__card-list .product-card__regular-price {
    margin-right: 18px
}

.subcat .subcat__card-list .product-card__regular-price span {
    font-size: 14px;
    line-height: 16px;
    padding-right: 2px
}

.subcat .subcat__card-list .product-card__price-with-discount {
    margin-left: 10px;
    margin-right: 18px
}

@media (max-width: 1439px) {
    .subcat .subcat__card-list .product-card__img-icons {
        right: 16px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__card-list .product-card__img-icons {
        top: 18px
    }
}

.subcat .subcat__more {
    margin: 0 auto;
    width: 427px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1439px) {
    .subcat .subcat__more {
        width: 418px
    }

    .subcat .subcat__more button {
        padding-top: 20px;
        padding-bottom: 17px;
        min-height: 56px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__more {
        width: 418px
    }

    .subcat .subcat__more button {
        line-height: 14px;
        padding-top: 18px;
        padding-bottom: 18px;
        min-height: 56px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__more {
        width: 100%;
        margin-top: 0
    }

    .subcat .subcat__more button {
        line-height: 14px;
        padding-top: 18px;
        padding-bottom: 18px;
        min-height: 56px
    }
}

.subcat .subcat__summary-note {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px
}

@media (max-width: 1439px) {
    .subcat .subcat__summary-note {
        margin-top: 12px
    }
}

.subcat .subcat__info {
    background: 0 0;
    padding: 82px 0 75px
}

.subcat .subcat__info .text-wrapper ol, .subcat .subcat__info .text-wrapper ul {
    padding-left: 0
}

@media (max-width: 1439px) {
    .subcat .subcat__info {
        padding: 82px 0 116px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__info {
        padding: 80px 0 73px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__info {
        padding: 50px 0 25px
    }
}

.subcat .subcat__addition li, .subcat .subcat__info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .subcat .subcat__info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.subcat .subcat__info-wrapper .subcat__info-img {
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 36.65%
}

@media (max-width: 1439px) {
    .subcat .subcat__info-wrapper .subcat__info-img {
        width: 47%;
        padding-top: 34.45%
    }
}

@media (max-width: 767px) {
    .subcat .subcat__info-wrapper .subcat__info-img {
        width: 100%;
        padding-top: 73.3%
    }
}

.subcat .subcat__addition li img, .subcat .subcat__card-list .product-card__img-wrapper-in-extra img, .subcat .subcat__info-wrapper .subcat__info-img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.subcat .subcat__info-wrapper .subcat__info-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.subcat .subcat__info-wrapper .subcat__info-content {
    width: 50%;
    padding: 28px 0 0 100px
}

@media (max-width: 1749px) {
    .subcat .subcat__info-wrapper .subcat__info-content {
        padding: 57px 0 0 50px
    }
}

@media (max-width: 1439px) {
    .subcat .subcat__info-wrapper .subcat__info-content {
        width: 53%;
        padding: 49px 0 0 50px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__info-wrapper .subcat__info-content {
        width: 53%;
        padding: 0 0 0 40px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__info-wrapper .subcat__info-content {
        width: 100%;
        padding: 28px 0 0
    }
}

@media (max-width: 1439px) {
    .subcat .subcat__info-wrapper .subcat__info-content h2 {
        margin-bottom: 26px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__info-wrapper .subcat__info-content h2 {
        margin-bottom: 14px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__info-wrapper .subcat__info-content h2 {
        margin-bottom: 22px
    }
}

.subcat .subcat__info-wrapper .subcat__info-content .paragraph--big {
    margin-bottom: 30px
}

@media (max-width: 1749px) {
    .subcat .subcat__info-wrapper .subcat__info-content .paragraph--big {
        margin-bottom: 60px
    }
}

@media (max-width: 1439px) {
    .subcat .subcat__info-wrapper .subcat__info-content .paragraph--big {
        margin-bottom: 37px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__info-wrapper .subcat__info-content .paragraph--big {
        margin-bottom: 23px
    }
}

.subcat .subcat__adv {
    padding: 73px 0 40px;
    margin-left: -13px;
    margin-right: -13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1439px) {
    .subcat .subcat__adv {
        padding: 68px 0 20px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__adv {
        padding: 65px 0 20px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__adv {
        padding: 45px 0 17px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
}

.subcat .subcat__adv .paragraph-columns__column {
    margin: 0 13px;
    width: calc(100% / 4 - 30px);
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .subcat .subcat__adv .paragraph-columns__column {
        padding-top: 88px;
        margin: 0 auto;
        width: 90%;
        text-align: center;
        background-position: top center;
        padding-bottom: 38px
    }

    .subcat .subcat__adv .paragraph-columns__column p.title {
        font-size: 16px;
        line-height: 20px
    }
}

.subcat .subcat__adv .paragraph-columns__column p.paragraph {
    margin: 8px 0;
    width: 95%
}

@media (max-width: 1439px) {
    .subcat .subcat__adv .paragraph-columns__column p.paragraph {
        width: 90%
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__adv .paragraph-columns__column p.paragraph {
        font-size: 12px;
        line-height: 22px;
        width: 97%
    }
}

@media (max-width: 767px) {
    .subcat .subcat__adv .paragraph-columns__column p.paragraph {
        width: 90%;
        margin: 10px auto
    }
}

.subcat .subcat__addition {
    padding: 50px 0 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -44px;
    margin-right: -44px
}

@media (max-width: 1439px) {
    .subcat .subcat__addition {
        margin-left: -31px;
        margin-right: -31px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__addition {
        padding: 22px 0 40px;
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__addition {
        padding: 0 0 20px;
        margin-left: 0;
        margin-right: 0
    }
}

.subcat .subcat__addition li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% / 3 - 95px);
    margin-left: 44px;
    margin-right: 44px;
    margin-bottom: 43px
}

@media (max-width: 1439px) {
    .subcat .subcat__addition li {
        width: calc(100% / 3 - 69px);
        margin-left: 31px;
        margin-right: 31px
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__addition li {
        width: calc(100% / 3 - 20px);
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__addition li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 28px
    }
}

.subcat .subcat__addition li img {
    margin-bottom: 24px;
    height: 225px
}

@media (max-width: 1279px) {
    .subcat .subcat__addition li img {
        height: 193px;
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .subcat .subcat__addition li img {
        height: 217px;
        margin-bottom: 20px
    }

    .subcat .subcat__addition li h3 {
        font-size: 24px;
        line-height: 28px
    }
}

.subcat .subcat__addition li p {
    margin: 16px 0
}

@media (max-width: 1439px) {
    .subcat .subcat__addition li p {
        max-width: 93%
    }
}

@media (max-width: 1279px) {
    .subcat .subcat__addition li p {
        margin: 9px 0;
        max-width: 98%
    }
}

@media (max-width: 767px) {
    .subcat .subcat__addition li p {
        font-size: 12px;
        line-height: 22px;
        max-width: 100%
    }
}

.subcat .subcat__addition li a {
    margin-top: 10px;
    max-width: 208px;
    line-height: 12px;
    padding-top: 12px
}

@media (max-width: 767px) {
    .subcat .subcat__addition li a {
        margin-top: 0;
        letter-spacing: .05em;
        font-size: 10px;
        margin-bottom: 25px
    }
}

.subcat .info-icons-block.info-icons-block-3 .list-info {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    margin-top: 0;
    margin-bottom: 120px
}

.subcat .info-icons-block.info-icons-block-3 .list-info__icon {
    min-width: 120px;
    width: 120px;
    height: 120px;
    margin-right: 25px
}

.subcat .info-icons-block.info-icons-block-3 .list-info__icon svg {
    width: 55px;
    height: 54px
}

.subcat .info-icons-block.info-icons-block-3 .list-info__text {
    max-width: 352px
}

@media (max-width: 1279px) {
    .subcat .info-icons-block.info-icons-block-3 .list-info__icon {
        min-width: 90px;
        width: 90px;
        height: 90px;
        margin-right: 16px
    }

    .subcat .info-icons-block.info-icons-block-3 .list-info__icon svg {
        width: 43px;
        height: 42px
    }
}

@media (max-width: 767px) {
    .subcat .info-icons-block.info-icons-block-3 .list-info {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }

    .subcat .info-icons-block.info-icons-block-3 .list-info__icon {
        min-width: 75px;
        width: 75px;
        height: 75px
    }

    .subcat .info-icons-block.info-icons-block-3 .list-info__icon svg {
        width: 37px;
        height: 35px
    }
}

.subcat__extra-goods-item--hide {
    display: none
}

.subcat__img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.subcat__img-list li {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .subcat__img-list li {
        width: 45px;
        height: 45px
    }
}

.subcat__img-list li:not(:last-child) {
    margin-left: -27px
}

@media (max-width: 767px) {
    .subcat__img-list li:not(:last-child) {
        margin-left: -23px
    }
}

.blog--list .article__img img, .subcat__img-list img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.blog .container {
    padding-top: 49px;
    padding-bottom: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1023px) {
    .blog .container {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .blog .container {
        padding-bottom: 50px
    }
}

.blog .blog__breadcrumbs ul, .contacts .breadcrumbs ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog h1 {
    text-align: center;
    margin: 0 auto
}

.blog .blog__tabs {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin: 25px auto 34px
}

@media (max-width: 1279px) {
    .blog .blog__tabs {
        margin: 18px auto 40px
    }
}

@media (max-width: 767px) {
    .blog .blog__tabs {
        padding-bottom: 2px;
        margin: 11px auto 26px
    }
}

.blog .blog__tabs span {
    font-size: 18px;
    line-height: 32px
}

@media (max-width: 1279px) {
    .blog .blog__tabs span {
        font-size: 16px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .blog .blog__tabs span {
        font-size: 14px;
        line-height: 32px
    }
}

.blog .blog__tab-wrapper {
    display: none
}

.blog .blog__tab-wrapper.show {
    display: block
}

.blog .blog__article, .blog__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog .blog__article {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

@media (max-width: 1279px) {
    .blog .blog__article {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width: 767px) {
    .blog .blog__article {
        margin-left: 0;
        margin-right: 0
    }
}

.blog .blog__article li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 73px;
    width: calc(100% / 3 - 24px)
}

@media (max-width: 1279px) {
    .blog .blog__article li {
        width: calc(100% / 2 - 20px);
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .blog .blog__article li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 48px
    }
}

.blog .blog__article .article__img {
    overflow: hidden
}

.blog .blog__article .article__img img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.blog .blog__article .article__title {
    width: 90%
}

@media (max-width: 1279px) {
    .blog .blog__article .article__title {
        width: 100%;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .blog .blog__article .article__title {
        width: 90%
    }
}

.blog .blog__article .article__title span {
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom .3s ease;
    transition: border-bottom .3s ease
}

.blog .blog__article a:hover .article__img img {
    opacity: .8;
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.blog__title-wrapper {
    margin-bottom: 20px
}

@media (max-width: 1279px) {
    .blog__title-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.blog__title-wrapper h2 {
    margin-right: auto
}

.blog .blog__notice {
    padding-bottom: 37px
}

.blog .blog__notice li {
    margin: 0 auto 39px;
    position: relative;
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.blog .blog__notice li:hover {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

@media (max-width: 767px) {
    .blog .blog__notice li:hover {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.blog .blog__more, .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog .blog__more {
    width: 427px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 7px auto 0
}

@media (max-width: 1439px) {
    .blog .blog__more {
        width: 418px;
        margin-top: 25px
    }

    .blog .blog__more button {
        padding-top: 20px;
        padding-bottom: 17px;
        min-height: 56px
    }
}

@media (max-width: 1279px) {
    .blog .blog__more {
        width: 418px;
        margin-top: 35px
    }

    .blog .blog__more button {
        line-height: 14px;
        padding-top: 20px;
        padding-bottom: 18px;
        min-height: 60px
    }
}

@media (max-width: 767px) {
    .blog .blog__more {
        width: 100%;
        margin-top: 22px
    }

    .blog .blog__more button {
        line-height: 14px;
        padding-top: 18px;
        padding-bottom: 18px;
        min-height: 56px
    }
}

.blog .blog__more .btn + span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px
}

@media (max-width: 1439px) {
    .blog .blog__more .btn + span {
        margin-top: 12px
    }
}

@media (max-width: 767px) {
    .blog .blog__more .btn + span {
        margin-top: 8px
    }
}

.button-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 27px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.button-wrapper h2 {
    margin: 0 20px 0 0;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: -.02em
}

.button-wrapper .slider-buttons {
    margin-left: auto
}

.blog--list {
    padding-bottom: 56px
}

.blog--list .article__about {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.blog--list .article__img {
    position: relative;
    height: 258px
}

.blog--list .article__img img {
    aspect-ratio: unset;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 1279px) {
    .blog--list .article__img {
        height: 227px
    }
}

@media (max-width: 1023px) {
    .blog--list .article__img {
        height: 272px
    }
}

@media (max-width: 375px) {
    .blog--list .article__img {
        height: 200px
    }
}

.blog--list .blog__article {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0
}

.blog--list .blog__article li {
    margin-bottom: 55px
}

.blog--list .container {
    padding-top: 95px;
    padding-bottom: 0
}

.blog--list .blog__link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 34px;
    line-height: 36px;
    font-weight: 800px;
    letter-spacing: -.02em;
    -webkit-transition: border-bottom .3s ease;
    transition: border-bottom .3s ease;
    color: #2e3346;
    border-bottom: 2px solid #73b8de
}

.blog--list .blog__link:hover {
    border-bottom: 2px solid transparent
}

.blog--list .blog__link h2 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.blog--list .slider-buttons {
    height: 48px
}

.blog--wallpaper {
    padding-bottom: 5px
}

.blog--wallpaper .container {
    padding-top: 46px
}

.blog--slider {
    margin: 0 35px
}

.blog--slider .container {
    border-top: 1px solid #efeeee;
    border-bottom: 1px solid #efeeee
}

.blog--slider .blog-slider {
    overflow: hidden
}

.blog--slider .swiper-wrapper {
    margin: 0;
    width: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.blog--slider .swiper-wrapper li {
    width: auto;
    margin: 0
}

.blog--slider .article__illustration {
    height: 259px
}

.blog--slider .btn {
    width: 267px;
    margin: 77px auto 0;
    padding-top: 14px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.blog--slider .container {
    padding-top: 39px;
    padding-left: 0;
    padding-right: 0
}

.blog--slider-2 h2, .reviews > p span {
    font-weight: 700
}

.blog--slider-2 .container {
    padding-top: 89px
}

.blog--slider-2 .article__about {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width: 1439px) {
    .blog--slider-2 .container {
        padding-top: 76px
    }
}

.blog--news .container {
    padding-top: 71px;
    padding-bottom: 188px;
    border-bottom: 0
}

.blog--news .swiper-slide {
    height: auto
}

.blog-slider--news .swiper-slide a {
    padding: 26px 19% 37px 22%
}

.interior .swiper-slide a:hover img, .reviews-slider .swiper-slide a:hover img {
    opacity: .7
}

.blog-slider--news .blog-slider__news-date {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #a7adb8
}

.blog-slider--news h3 {
    position: relative;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #2e3346
}

.blog-slider--news h3::before {
    content: "";
    position: absolute;
    left: -49px;
    top: 2px;
    width: 24px;
    height: 24px;
    background-image: url(../img/svg/info-dark.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.blog-slider--news p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

.blog-promo-code-block, .hidden-promo-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-promo-code-block {
    margin: 20px 0 30px
}

.blog-promo-code-block a {
    max-width: 290px;
    margin-right: 10px;
    margin-bottom: 10px
}

.hidden-promo-code {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 267px;
    min-height: 60px;
    padding: 16px 30px;
    font-weight: 700;
    font-size: 25px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
    word-break: break-word;
    border: 3px solid transparent;
    color: #2e3346;
    background: #efeeee;
    border-radius: 4px;
    margin-bottom: 10px
}

@media (max-width: 1279px) {
    .blog--slider .container {
        padding-top: 48px;
        padding-bottom: 344px
    }

    .blog--slider .btn {
        display: none
    }

    .blog--slider-2 .container {
        padding-top: 83px;
        padding-bottom: 83px
    }

    .button-wrapper {
        margin-bottom: 24px
    }

    .button-wrapper h2 {
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .blog--slider {
        margin: 0 16px
    }

    .blog--slider .container {
        padding-bottom: 68px;
        padding-top: 37px
    }

    .blog--slider .cite__avatar {
        margin-right: 21px;
        width: 36px;
        height: 36px
    }

    .blog--slider-2 .container {
        padding-top: 68px
    }

    .blog--slider-2 .button-wrapper {
        margin-bottom: 16px
    }

    .blog--slider-2 .button-wrapper h2 {
        width: 60%
    }

    .button-wrapper {
        margin-bottom: 9px
    }

    .button-wrapper h2 {
        font-size: 22px;
        line-height: 26px
    }

    .slider-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 42px
    }

    .slider-buttons button {
        width: 42px;
        height: 42px
    }
}

@media (min-width: 1440px) {
    .blog--slider {
        margin: 0 auto
    }

    .blog--slider .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 1368px
    }
}

@media (max-width: 1439px) {
    .blog--list {
        padding-bottom: 72px
    }

    .blog--list .container {
        padding-top: 82px
    }

    .blog--list .blog__article li {
        margin-bottom: 72px
    }

    .blog--wallpaper {
        padding-bottom: 51px
    }

    .blog--wallpaper .container {
        padding-top: 36px
    }

    .blog--wallpaper .article__img {
        height: 227px
    }
}

@media (max-width: 1279px) {
    .blog--list {
        padding-bottom: 92px
    }

    .blog--list .blog__link {
        font-size: 28px;
        line-height: 32px
    }

    .blog--list .container {
        padding-top: 67px
    }

    .blog--wallpaper {
        padding-bottom: 68px
    }

    .blog--wallpaper .container {
        padding-top: 54px
    }

    .blog--wallpaper .article__img {
        height: 272px
    }
}

@media (max-width: 1023px) {
    .blog--list {
        padding-bottom: 57px
    }

    .blog--list .container {
        padding-top: 45px
    }

    .blog--list .blog__article li {
        margin-bottom: 57px
    }

    .blog--list .slider-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 42px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .blog--wallpaper {
        padding-bottom: 0
    }

    .blog--wallpaper .container {
        padding-top: 15px
    }

    .blog--wallpaper .article__img {
        height: 201px
    }
}

@media (max-width: 767px) {
    .blog--list .blog__link {
        font-size: 22px;
        line-height: 26px
    }
}

.post-content {
    padding-top: 49px;
    padding-bottom: 112px
}

.post-content .container {
    position: relative;
    padding: 0 18.2%
}

.post-content .container > img, .post-content .container > picture img, .post-content__wrapper > img, .post-content__wrapper > picture img {
    margin: 29px auto
}

.post-content .tick-list {
    margin-top: 41px;
    margin-bottom: 48px
}

.post-content__announcement {
    display: block;
    margin: 0 0 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    font-style: italic
}

.post-content .title {
    margin-bottom: 15px;
    font-weight: 800
}

.post-content .title--incut {
    margin-top: 64px;
    margin-bottom: 54px;
    display: block;
    letter-spacing: -.02em
}

.post-content--news {
    padding-bottom: 80px
}

.post-content--news .title {
    margin-bottom: 35px
}

.post-content--news .post-content__announcement {
    margin-bottom: 33px
}

.post-content--text-page {
    width: 67.8%;
    padding-bottom: 188px;
    margin-right: auto
}

.post-content--text-page .btn {
    padding: 14px 10px 8px;
    display: inline-block;
    margin-top: 8px;
    min-width: 266px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.post-content--text-page .tick-list {
    margin-top: 41px;
    margin-bottom: 48px
}

.post-content--text-page .post-content__text-wrapper {
    margin-bottom: 56px
}

.post-content--text-page .post-content__text-wrapper b {
    display: block;
    margin-bottom: 29px;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.post-content--text-page .post-content__text-wrapper:last-child, .post-content__wrapper > p:last-child {
    margin-bottom: 0
}

.post-content__subtitle {
    margin: 0
}

.post-content--theory {
    padding-bottom: 88px
}

.post-content--theory .title {
    margin-bottom: 34px
}

.post-content--theory .post-content__subtitle {
    padding-right: 10%;
    line-height: 28px
}

.post-content__wrapper {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.post-content__wrapper > p {
    margin: 0 0 24px
}

.post-content__article-img {
    margin: 29px 0
}

.post-content__article-img img {
    width: 100%;
    height: auto
}

.modal-submenu__tags-wrapper .tags-list {
    margin-top: 10px;
    margin-bottom: 0
}

@media (max-width: 1279px) {
    .modal-submenu__tags-wrapper .tags-list {
        margin-top: 16px
    }
}

.tags-list {
    margin-top: 67px
}

.post-content__tags li, .tags-list__item {
    margin-right: 10px;
    margin-bottom: 10px
}

.about__img-wrapper a, .post-content__tags a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px
}

.post-content__tags {
    margin-top: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post-content__tags li:last-child {
    margin-right: 0
}

@media (max-width: 1439px) {
    .post-content--text-page {
        width: 64.7%
    }

    .post-content--text-page .post-content__text-wrapper {
        margin-bottom: 59px
    }

    .post-content--text-page .tick-list {
        margin-top: 17px;
        margin-bottom: 0
    }

    .post-content--theory .post-content__subtitle {
        padding-right: 0
    }
}

@media (max-width: 1279px) {
    .post-content {
        padding-bottom: 69px
    }

    .post-content .container {
        padding: 0 11.5%
    }

    .post-content .container > img, .post-content .container > picture img, .post-content__wrapper > img, .post-content__wrapper > picture img {
        margin-top: 22px;
        margin-bottom: 42px
    }

    .post-content__announcement {
        padding: 0;
        margin-bottom: 28px
    }

    .post-content .title--incut {
        font-size: 100px;
        line-height: 90px;
        margin-top: 48px;
        margin-bottom: 45px
    }

    .post-content--theory {
        padding-bottom: 76px
    }

    .post-content--theory .title {
        margin-bottom: 30px;
        font-size: 46px;
        line-height: 50px
    }

    .post-content--theory .post-content__subtitle {
        padding-right: 30px;
        font-size: 14px;
        line-height: 24px
    }

    .post-content--text-page {
        padding-bottom: 130px;
        width: 65.3%
    }

    .post-content--text-page .post-content__text-wrapper {
        margin-bottom: 30px
    }

    .post-content--text-page .post-content__text-wrapper b {
        margin-bottom: 21px;
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -.02em
    }

    .post-content--text-page .tick-list {
        padding-right: 29%;
        margin-top: 25px
    }

    .post-content__article-img {
        margin-bottom: 42px;
        margin-top: 22px
    }

    .quote {
        padding-left: 45px;
        margin: 42px 0 37px
    }

    .quote::before {
        left: 0
    }

    .post-content__tags, .tags-list {
        margin-top: 41px
    }
}

@media (max-width: 1023px) {
    .post-content {
        padding-top: 25px
    }

    .post-content--text-page {
        width: 100%;
        padding-bottom: 41px
    }

    .post-content--text-page .title {
        margin-bottom: 19px
    }

    .post-content--text-page .plan h2 {
        margin-bottom: 19px;
        font-size: 22px;
        line-height: 26px
    }

    .post-content--text-page .plan p {
        font-size: 12px;
        line-height: 22px
    }

    .post-content--text-page .post-content__text-wrapper {
        margin-bottom: 37px
    }

    .post-content--text-page .post-content__text-wrapper b {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 26px
    }

    .post-content--text-page .post-content__announcement {
        font-size: 14px;
        line-height: 24px
    }

    .post-content--text-page .tick-list {
        margin-bottom: 5px;
        padding-right: 0;
        margin-top: 21px
    }

    .post-content--theory {
        padding-top: 25px
    }

    .post-content--theory .title {
        margin-bottom: 23px;
        font-size: 38px;
        line-height: 42px
    }

    .post-content--theory .post-content__subtitle {
        padding-right: 0;
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .post-content {
        padding-bottom: 41px
    }

    .post-content .container {
        padding: 0 4.2%
    }

    .post-content__announcement {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 26px
    }

    .post-content .title--incut {
        margin-top: 73px;
        margin-bottom: 38px;
        font-size: 78px;
        line-height: 72px
    }

    .post-content .title--incut span {
        display: none
    }

    .post-content__wrapper > p {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 22px
    }

    .post-content .container > img, .post-content .container > picture img, .post-content__article-img, .post-content__wrapper > img, .post-content__wrapper > picture img {
        margin-bottom: 29px;
        margin-top: 18px
    }

    .quote {
        padding-left: 32px;
        padding-right: 5px;
        margin: 27px 0 37px;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px
    }

    .post-content__tags li, .tags-list__item {
        margin-bottom: 9px
    }
}

@media (max-width: 374px) {
    .post-content .title--incut {
        font-size: 67px
    }
}

@media (min-width: 1440px) {
    .post-content {
        margin: 0 auto
    }

    .post-content .container {
        padding: 0;
        max-width: 914px
    }

    .post-content--text-page {
        margin: 0 auto 0 0
    }
}

.main-page .main-slider {
    margin-top: 16px;
    margin-bottom: 20px
}

.main-page .sections-slider {
    margin-bottom: 85px
}

.main-page .sections-slider .swiper-slide {
    margin-right: 17px
}

.main-page .quality {
    margin-bottom: 45px
}

@media (max-width: 1439px) {
    .main-page .quality {
        margin-bottom: 32px
    }

    .main-page .main-slider {
        margin-top: 15px;
        margin-bottom: 21px
    }

    .main-page .main-slider img {
        height: 420px
    }
}

@media (max-width: 1279px) {
    .main-page .main-slider {
        margin-top: 11px;
        margin-bottom: 17px
    }

    .main-page .main-slider img {
        height: 391px
    }

    .main-page .sections-slider {
        margin-bottom: 58px
    }

    .main-page .quality {
        margin-bottom: 67px
    }
}

@media (max-width: 1023px) {
    .main-page .main-slider {
        margin-top: 8px;
        margin-bottom: 12px
    }

    .main-page .main-slider img {
        height: 280px
    }

    .main-page .sections-slider {
        margin-bottom: 45px
    }

    .main-page .quality {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .main-page .sections-slider {
        margin-bottom: 35px
    }

    .main-page .sections-slider .swiper-slide {
        margin-right: 13px
    }
}

.interior {
    padding-top: 90px;
    padding-bottom: 78px;
    margin-right: 35px;
    margin-left: 35px
}

.interior .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-right: 0;
    padding-left: 0
}

.interior .interior-slider {
    position: absolute;
    right: 0;
    top: 0;
    width: 74.5%
}

.interior .swiper-slide img {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.interior__text-wrapper {
    width: 21.85%
}

.interior__text-wrapper .slider-buttons {
    margin-bottom: 22px
}

.interior__text-wrapper .btn {
    max-width: 228px;
    padding: 20px 10px 16px
}

.interior__text-wrapper h2 {
    margin: 0 0 25px;
    font-weight: 800;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.interior__text-wrapper p {
    margin-bottom: 42px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.interior-slider {
    overflow: hidden
}

.interior-slider .category-medium p:last-of-type {
    margin: 0
}

.interior-slider__img-wrapper {
    margin-bottom: 28px;
    width: 100%;
    position: relative;
    padding-bottom: 145.67901%
}

.interior-slider__img-wrapper img {
    margin: 0;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 1439px) {
    .interior {
        padding-top: 67px;
        padding-bottom: 76px
    }

    .interior .category-medium {
        max-width: unset
    }
}

@media (max-width: 1279px) {
    .interior {
        padding-top: 58px;
        padding-bottom: 63px
    }

    .interior h2 {
        font-size: 28px;
        line-height: 32px
    }

    .interior .interior-slider {
        width: 65.8%
    }

    .interior__text-wrapper {
        width: 29.75%
    }

    .interior-slider__img-wrapper {
        padding-bottom: 145.72368%
    }
}

@media (max-width: 1023px) {
    .interior {
        padding-bottom: 69px;
        margin: 0
    }

    .interior .interior-slider {
        width: 100%;
        position: static
    }

    .interior .interior-slider .category-medium {
        max-width: unset
    }

    .interior .container {
        padding: 0 25px
    }

    .interior h2 {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 26px
    }

    .interior-slider__img-wrapper {
        padding-bottom: 0;
        height: 443px
    }

    .interior__slider-wrapper {
        position: relative
    }

    .interior__slider-wrapper .slider-buttons button {
        position: absolute;
        z-index: 2;
        top: 43%;
        opacity: .4;
        border-radius: 50%;
        border: 2px solid #fff;
        background-image: url(../img/svg/arrow-white.svg);
        background-size: 12px 24px
    }

    .interior__slider-wrapper .slider-buttons button:hover {
        opacity: 1;
        background-color: #fff;
        background-image: url(../img/svg/arrow.svg)
    }

    .interior__slider-wrapper .slider-buttons .slider-buttons__prev {
        left: 13px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .interior__slider-wrapper .slider-buttons .slider-buttons__next {
        right: 13px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .interior__text-wrapper {
        width: 100%
    }

    .interior__text-wrapper p {
        margin-bottom: 37px
    }

    .interior__text-wrapper .btn {
        max-width: 189px;
        min-width: 189px;
        padding: 16px 10px 12px
    }
}

@media (max-width: 767px) {
    .interior .container {
        padding: 0 17px
    }

    .interior .category-medium {
        margin-bottom: 46px
    }

    .interior .category-medium p:last-child {
        margin-bottom: 0
    }

    .interior-slider__img-wrapper {
        margin-bottom: 24px
    }

    .interior__text-wrapper p {
        margin-bottom: 34px
    }

    .interior__slider-wrapper .slider-buttons button {
        width: 48px;
        height: 48px;
        top: 222px
    }
}

@media (min-width: 1440px) {
    .interior .container {
        max-width: 1368px;
        margin: 0 auto
    }
}

.reviews {
    position: relative;
    padding-top: 65px;
    padding-bottom: 71px;
    background-color: #f5f5f5
}

.reviews h2, .reviews > p {
    margin: 0 0 8px;
    text-align: center;
    letter-spacing: -.02em
}

.reviews > p {
    margin: 0 0 34px;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px
}

.reviews .btn {
    display: block;
    margin: 54px auto 0;
    padding: 22px 10px 10px
}

.reviews-slider .swiper-slide a {
    height: 100%;
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    border-radius: 8px;
    display: block;
    background-color: #fff;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.reviews-slider .swiper-slide a:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

@media (max-width: 1279px) {
    .reviews {
        padding-top: 62px
    }

    .reviews > p {
        font-size: 16px;
        margin-bottom: 41px
    }

    .reviews-slider .swiper-wrapper {
        margin-left: -813px
    }

    .reviews-slider--main .swiper-wrapper {
        margin-left: 0
    }
}

@media (max-width: 1023px) {
    .reviews {
        padding-top: 51px;
        padding-bottom: 52px
    }

    .reviews .btn {
        min-width: 195px;
        margin: 43px auto 0;
        padding: 16px 12px 11px;
        max-width: 190px;
        font-size: 12px;
        letter-spacing: .05em
    }

    .reviews > p {
        margin-bottom: 36px;
        font-size: 14px;
        line-height: 36px
    }

    .reviews-slider .swiper-wrapper {
        margin-left: -472px
    }

    .reviews-slider .swiper-slide {
        width: 260px
    }

    .reviews-slider .swiper-slide .account__avatar img {
        height: 36px
    }

    .reviews-slider .swiper-slide img {
        height: 166px
    }

    .reviews-slider--main .swiper-wrapper {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .reviews .btn {
        margin-top: 53px
    }

    .reviews-slider::after, .reviews-slider::before {
        width: 50px;
        height: 100%
    }
}

.reviews-slider {
    position: relative
}

.reviews-slider::after, .reviews-slider::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -25px;
    width: 143px;
    height: calc(100% + 50px)
}

.reviews-slider::before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 245, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(245, 245, 245, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.reviews-slider::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(245, 245, 245, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(245, 245, 245, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.reviews-slider .slider-button-fill-next {
    position: absolute;
    z-index: 3;
    right: 32px;
    top: 50%;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.reviews-slider .slider-button-fill-prev {
    position: absolute;
    z-index: 3;
    left: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reviews-slider .swiper-wrapper {
    position: relative
}

.reviews-slider--simple .swiper-wrapper {
    position: relative;
    left: auto;
    margin-left: 0
}

.review, .reviews-slider .swiper-slide {
    width: 337px
}

.reviews-slider .swiper-slide img {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 8px 8px 0 0;
    height: 236px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reviews-slider .swiper-slide .account__avatar img {
    height: 45px;
    border-radius: 50%
}

@media (max-width: 1279px) {
    .reviews-slider .swiper-wrapper {
        margin-left: -813px
    }

    .reviews-slider--main .swiper-wrapper {
        margin-left: 0
    }
}

@media (max-width: 1023px) {
    .reviews-slider .swiper-wrapper {
        margin-left: -472px
    }

    .reviews-slider .swiper-slide {
        width: 260px
    }

    .reviews-slider .swiper-slide .account__avatar img {
        height: 47px
    }

    .reviews-slider .swiper-slide img {
        height: 166px
    }

    .reviews-slider--main .swiper-wrapper {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .reviews-slider::after, .reviews-slider::before {
        width: 50px;
        height: 100%
    }
}

.review {
    padding: 0;
    margin: 0;
    border-radius: 8px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width: 767px) {
    .review {
        margin-bottom: 20px
    }

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

.review--slider {
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15)
}

.review--large {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3
}

.review__top {
    position: relative;
    height: 228px;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.review__btn-enlarge {
    z-index: 2;
    position: absolute;
    bottom: 8px;
    left: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.review__btn-enlarge svg {
    width: 16px;
    height: 16px;
    fill: #767f86;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.review__btn-enlarge:focus svg, .review__btn-enlarge:hover svg {
    fill: #2e3346
}

.review__btn-play {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    padding: 0;
    background-color: transparent;
    background-image: url(../img/svg/play_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    border: 0;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.review__btn-play:focus, .review__btn-play:hover {
    opacity: .7
}

.review__product-list {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 3;
    position: absolute;
    bottom: 13px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.review__product-list:focus li, .review__product-list:hover li {
    margin-left: 5px
}

.review__product-list:focus ~ .review-img-wrapper::before, .review__product-list:focus ~ .review-slider .swiper-slide-active::before, .review__product-list:hover ~ .review-img-wrapper::before, .review__product-list:hover ~ .review-slider .swiper-slide-active::before {
    opacity: .4
}

.review__product-item {
    padding: 0;
    width: 48px;
    height: 48px;
    margin: 0 0 0 -18px;
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease
}

@media (max-width: 767px) {
    .review__product-item {
        margin-left: 5px
    }
}

.about__img-wrapper img, .review__img-wrapper img, .review__product-item img, .review__slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.review__top-link {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 4;
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15)
}

.review__top-link:focus::after, .review__top-link:hover::after {
    border-color: #fff
}

.review__top-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.review__slider {
    height: 100%
}

.review__slider:focus .slider-button-fill-prev, .review__slider:hover .slider-button-fill-prev {
    left: 16px
}

.review__slider:focus .slider-button-fill-next, .review__slider:hover .slider-button-fill-next {
    right: 16px
}

.review__slider .slider-button-fill-prev {
    left: -50px;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    opacity: .6
}

.review__slider .slider-button-fill-next:hover, .review__slider .slider-button-fill-prev:hover, .review__slider-pagination .swiper-pagination-bullet:hover {
    opacity: 1
}

.review__slider .slider-button-fill-next {
    right: -50px;
    opacity: .6;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
}

.review__slider .swiper-slide-active {
    position: relative
}

.review__img-wrapper::before, .review__slider .swiper-slide-active::before {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#2e3346), color-stop(89.37%, rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, #2e3346 0%, rgba(46, 51, 70, 0) 89.37%);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.review__slider-pagination {
    z-index: 2;
    position: absolute;
    top: 16px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.review__slider-pagination.hidden {
    display: none
}

.review__slider-pagination .swiper-pagination-bullet {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    opacity: .3;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.review__slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.review__slider-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: .8
}

.review__slide {
    position: relative
}

.review__img-wrapper {
    height: 100%;
    position: relative
}

.review__bottom {
    overflow: hidden;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff
}

.review__bottom-link {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    display: block;
    width: 100%
}

.review__bottom-link:focus svg, .review__bottom-link:hover svg {
    fill: #d95858
}

.review .account {
    border-bottom: 1px solid #efeeee
}

.review__link {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    height: 100%;
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    border-radius: 8px;
    display: block;
    background-color: #fff;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.review__link:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.review__link:hover img {
    opacity: .7
}

.review__user {
    margin: 0 auto 0 0;
    padding-top: 6px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.review__username {
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #2e3346
}

.review__location {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    color: #a7adb8
}

.review__text {
    height: 116px;
    padding: 18px 16px 26px;
    overflow: hidden
}

.review__text svg {
    width: 74px;
    min-width: 74px;
    height: 64px;
    opacity: .1
}

.review__text--empty {
    text-align: center
}

.review__text p {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: #2e3346;
    letter-spacing: -.01em
}

.reviews--studio {
    padding-top: 100px
}

@media (max-width: 1279px) {
    .reviews--studio {
        padding-top: 75px
    }
}

.reviews--studio .reviews__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .reviews--studio .reviews__title {
        font-size: 36px;
        line-height: 46px
    }
}

@media (max-width: 767px) {
    .reviews--studio .reviews__title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: -2px
    }
}

@media (max-width: 1279px) {
    .reviews--studio .review__link img {
        height: 168px
    }

    .reviews--studio .account {
        padding: 5px 11px
    }

    .reviews--studio .reviews__text {
        margin-bottom: 54px
    }
}

@media (max-width: 767px) {
    .reviews--studio .reviews__text {
        font-size: 12px;
        margin-bottom: 30px
    }
}

.reviews--studio .btn {
    margin: 64px auto 0
}

@media (max-width: 1279px) {
    .reviews--studio .btn {
        margin: 30px auto 0
    }
}

@media (max-width: 767px) {
    .reviews--studio .slider-button-fill-next, .reviews--studio .slider-button-fill-prev {
        top: 45%
    }
}

.btn-play {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    padding: 0;
    background-color: transparent;
    background-image: url(../img/svg/play_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    border: 0;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn-play:focus, .btn-play:hover {
    opacity: .7
}

.about, .dark-section {
    background-color: #2e3346;
    color: #efeeee
}

.about .container {
    padding-top: 105px;
    padding-bottom: 142px
}

.about .title {
    margin: 0 0 21px;
    letter-spacing: -.02em;
    color: #efeeee
}

.about p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.about .btn {
    margin-top: -65px;
    padding: 20px 10px 16px;
    border-color: #efeeee;
    color: #efeeee
}

.about .btn:hover {
    color: #70af60;
    border-color: #70af60
}

.about p.about__sub-header, .about__desc {
    margin-bottom: 29px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px
}

.about p.about__sub-header {
    font-size: 20px;
    line-height: 28px
}

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

.about__text-wrapper {
    width: 44%;
    padding-bottom: 118px
}

.about__img-wrapper {
    position: relative;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    width: 48%;
    height: 393px
}

.about__img-wrapper--rounded {
    border-radius: 50%;
    width: auto;
    height: auto
}

.about__play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 121px;
    height: 120px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.about__play:hover, .preparation__link-wrapper li a:hover, .preparation__wrapper a:hover {
    opacity: .7
}

.about__play::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/play_icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.about--new-main {
    background-color: #fff;
    color: #000
}

.about--new-main .container {
    padding-top: 105px;
    padding-bottom: 85px
}

.about--new-main .title {
    color: #000
}

.about--new-main .btn {
    border-color: #000;
    color: #000
}

.about--new-main .about__img-wrapper {
    height: 450px;
    border-radius: 8px;
    overflow: hidden
}

.about--fresco {
    background-color: #f5f5f5;
    color: #000;
    position: relative;
    z-index: 1
}

.about--fresco .container {
    padding-top: 105px;
    padding-bottom: 0
}

.about--fresco .about__wrapper {
    padding: 0 64px
}

.about--fresco .title-fresco {
    color: #2e3346;
    margin: 0 0 21px;
    letter-spacing: -.02em
}

.about--fresco .btn {
    border-color: #000;
    color: #000
}

.about--fresco .about__img-wrapper {
    height: 440px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -45px;
    max-width: 440px
}

@media (max-width: 1439px) {
    .about--fresco .about__img-wrapper {
        bottom: inherit
    }
}

@media (max-width: 1023px) {
    .about--fresco .about__img-wrapper {
        position: relative;
        left: 0;
        bottom: 0
    }

    .about--fresco .about__wrapper {
        padding: 0 12px
    }
}

.about--main, .about--white {
    background-color: transparent;
    color: #2e3346
}

.about--white .title {
    font-size: 34px;
    line-height: 36px
}

.about--white p {
    font-size: 16px;
    line-height: 28px
}

.about--white .about__img-wrapper {
    width: 48.2%;
    height: 313px;
    padding-top: 0
}

.about--white .about__text-wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-bottom: 87px;
    margin-right: 3.7%;
    padding-top: 29px
}

.about--main {
    padding: 61px 0 100px
}

.about--main .about__wrapper {
    max-width: 1124px;
    margin: 0 auto
}

.about--main .title {
    color: #2e3346;
    margin: 0 0 14px
}

.about--main .about__text-wrapper {
    padding: 13px 0 32px;
    width: 46%
}

.about--main .about__img-wrapper {
    width: 49%;
    height: 360px;
    border-radius: 8px;
    background-color: #dee0e2
}

.about--main .about__img-wrapper img {
    border-radius: 8px
}

.about--main .about__description {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px
}

.about--main .about__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.about--studio {
    padding: 21px 0 100px
}

.about--studio .about__wrapper {
    max-width: 1200px;
    margin: 0 auto
}

.about--studio .about__text-wrapper {
    padding: 20px 5px 0 32px
}

@media (max-width: 1279px) {
    .about--studio .about__text-wrapper {
        padding: 0 5px 0 0
    }
}

.about--studio .about__img-wrapper {
    width: 49%;
    height: 398px
}

.about--studio .about--main .title {
    margin: 0 0 25px
}

@media (max-width: 1439px) {
    .about p {
        padding-right: 60px
    }

    .about .btn {
        margin-top: -82px
    }

    .about__desc {
        margin-bottom: 18px;
        padding-right: 0
    }

    .about__img-wrapper {
        width: 50.5%;
        height: 341px
    }

    .about__play {
        width: 107px;
        height: 108px
    }

    .about--white .container {
        padding: 110px 6.1% 119px 10.8%
    }

    .about--white .about__img-wrapper {
        width: 48%;
        height: 291px
    }

    .about--white .about__text-wrapper {
        width: 44%;
        padding-bottom: 65px;
        margin-right: .4%
    }

    .about--white .about__text-wrapper p {
        padding-right: 0
    }
}

@media (max-width: 1279px) {
    .about .container {
        padding-bottom: 141px
    }

    .about .title {
        margin-bottom: 19px;
        font-size: 36px;
        line-height: 40px
    }

    .about p {
        font-size: 14px;
        line-height: 24px
    }

    .about .btn {
        margin-top: -79px
    }

    .about__desc {
        margin-bottom: 28px;
        padding-right: 40px;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px
    }

    .about__img-wrapper {
        width: 48%;
        height: 331px
    }

    .about__play {
        width: 97px;
        height: 98px
    }

    .about__text-wrapper {
        width: 48%
    }

    .about--white .container {
        padding-top: 75px;
        padding-bottom: 95px
    }

    .about--white .about__img-wrapper {
        height: 262px
    }

    .about--white .about__text-wrapper {
        padding-bottom: 19px;
        padding-top: 24px;
        margin-right: 2.1%
    }

    .about--white .title {
        font-size: 28px;
        line-height: 32px
    }

    .about--white p {
        font-size: 16px;
        line-height: 28px
    }

    .about--main .about__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 896px;
        margin: 0;
        padding-left: 35px
    }

    .about--main .about__text-wrapper {
        width: 50%
    }

    .about--main .about__img-wrapper {
        height: 297px;
        width: 49%;
        border-radius: 8px
    }

    .about--main .title {
        margin-bottom: 24px;
        font-size: 34px;
        line-height: 40px
    }

    .about--main .about__description {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 23px;
        padding-right: 10px
    }

    .about--main .about__text {
        padding-right: 10px
    }

    .about--studio .about__wrapper {
        margin: 0 auto;
        max-width: 1080px;
        padding: 0
    }

    .about--studio .about__img-wrapper {
        height: 290px
    }
}

@media (max-width: 1023px) {
    .about {
        padding-top: 53px;
        padding-bottom: 64px
    }

    .about .container {
        padding: 0 25px
    }

    .about .title {
        margin-bottom: 13px;
        font-size: 28px;
        line-height: 32px
    }

    .about p {
        padding-right: 0
    }

    .about .btn {
        margin-top: 51px;
        padding: 9px 10px 3px;
        font-size: 12px;
        line-height: 32px;
        min-width: 100px;
        max-width: 215px
    }

    .about__desc {
        padding-right: 30px;
        margin-bottom: 27px;
        font-size: 18px;
        line-height: 26px
    }

    .about__text-wrapper {
        margin-bottom: 33px;
        width: 100%;
        padding-bottom: 0
    }

    .about__img-wrapper, .about__img-wrapper img {
        width: 100%
    }

    .about__img-wrapper__play {
        width: 70px;
        height: 71px
    }

    .about__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about--white {
        padding-top: 48px;
        padding-bottom: 45px
    }

    .about--white .about__text-wrapper {
        width: 100%;
        padding-top: 29px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .about--white .title {
        margin-bottom: 11px;
        font-size: 22px;
        line-height: 26px
    }

    .about p, .about--white p {
        font-size: 12px;
        line-height: 22px
    }

    .about--white .about__img-wrapper {
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        height: 300px
    }

    .about--white .about__img-wrapper img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .about--main .about__wrapper {
        padding-left: 23px
    }

    .about--studio .about__wrapper {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .about .container {
        padding: 0 17px
    }

    .about--main {
        padding-top: 33px;
        padding-bottom: 93px
    }

    .about--main .about__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }

    .about--main .about__text-wrapper {
        width: 100%;
        margin-bottom: 20px
    }

    .about--main .title {
        font-size: 28px;
        margin-bottom: 27px
    }

    .about--main .about__description {
        margin-bottom: 11px
    }

    .about--main .about__img-wrapper {
        width: 100%;
        height: 240px
    }

    .about--studio .about__text-wrapper {
        margin-bottom: 55px
    }

    .about--studio .about__img-wrapper {
        height: 230px
    }
}

@media (max-width: 767px) and (min-width: 1440px) {
    .about--white .container {
        padding-bottom: 102px
    }
}

.team {
    margin: 0 35px
}

.team .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 611px;
    padding: 85px;
    background-color: #fff
}

.team__subtitle, .team__title {
    margin: 0 28px 17px 0;
    font-weight: 800;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -.02em;
    color: #fff
}

.team__subtitle {
    width: 200px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 0 17px;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px
}

.team p {
    margin: 0;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.team .btn {
    min-width: auto;
    width: 205px;
    padding: 17px 10px 10px;
    margin-top: 65px
}

.team img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.team__text-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 59%
}

.team--studio {
    padding: 70px 0 100px
}

.team--studio .container {
    min-height: 560px;
    padding: 47px 80px 33px
}

.team--studio .team__text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 472px
}

.team--studio .team__text-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.team--studio .team__title {
    font-weight: 950;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -.02em;
    text-transform: uppercase;
    margin: 0 70px 7px 0
}

.team--studio .team__subtitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #a7adb8;
    margin: 0 0 80px
}

.team--studio p {
    width: 82%
}

.team--studio .btn-general {
    min-height: 50px
}

.team--studio .btn {
    width: 218px;
    padding: 5px 10px 4px;
    margin-top: 15px
}

.team--studio img {
    -o-object-position: 14% 50%;
    object-position: 14% 50%;
    border-radius: 16px
}

.team--cases {
    padding: 14px 0 0
}

.team--cases a {
    text-decoration: none;
    z-index: 1
}

.team--cases .team__title {
    margin: 0 38px 13px 0
}

.team--cases p {
    font-size: 18px;
    line-height: 28px;
    width: 91%;
    margin-bottom: 25px
}

.team--cases, .team--cases img {
    border-radius: 8px
}

@media (max-width: 1439px) {
    .team .container {
        padding-bottom: 68px
    }

    .team--cases {
        margin: 0
    }
}

@media (max-width: 1279px) {
    .team .container {
        padding: 65px 67px 67px 38px
    }

    .team__title {
        font-size: 24px;
        line-height: 28px
    }

    .team .btn {
        margin-top: 50px
    }

    .team--studio {
        margin: 0;
        padding: 7px 0 95px
    }

    .team--studio .container {
        min-height: 560px;
        padding: 47px 80px 33px
    }

    .team--studio .team__text-wrapper {
        width: 100%
    }

    .team--studio p {
        width: 74%
    }

    .team--cases {
        padding-bottom: 0
    }

    .team--cases .container {
        padding: 47px 55px 33px;
        min-height: 480px
    }

    .team--cases .team__title {
        font-size: 94px;
        line-height: 100px;
        margin-right: 30px
    }

    .team--cases .team__subtitle {
        margin: 7px 0 61px
    }

    .team--cases p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
        width: 60%
    }

    .team--cases .team__text-wrapper {
        min-height: 400px
    }
}

@media (max-width: 1023px) {
    .team {
        margin: 0 25px
    }

    .team p, .team__title {
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 22px
    }

    .team p {
        font-size: 12px;
        margin-bottom: 15px
    }

    .team .container {
        padding: 44px 20px 51px 22px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 450px
    }

    .team .btn {
        font-size: 12px;
        margin-top: 26px;
        max-width: 174px
    }

    .team__text-wrapper {
        width: 60%
    }

    .team--studio {
        margin: 0;
        padding: 7px 0 46px
    }

    .team--studio .container {
        min-height: 560px;
        padding: 47px 80px 33px
    }

    .team--studio .team__title {
        font-size: 72px;
        line-height: 72px
    }

    .team--studio .team__subtitle {
        margin: 0 0 35px
    }

    .team--studio .team__text-wrapper {
        width: 100%
    }

    .team--studio p {
        width: 74%
    }

    .team--studio .btn {
        max-width: 190px
    }

    .team--cases {
        padding-bottom: 0
    }

    .team--cases .container {
        min-height: 480px
    }
}

@media (max-width: 767px) {
    .team {
        margin: 0 17px
    }

    .team__text-wrapper {
        width: 90%
    }

    .team--studio {
        margin: -20px 0 0;
        padding: 7px 0 77px
    }

    .team--studio .container {
        min-height: 263px;
        padding: 30px 20px 10px
    }

    .team--studio .team__title {
        width: 140px;
        font-size: 48px;
        line-height: 24px;
        margin: 10px 17px 7px 0
    }

    .team--studio .team__subtitle {
        font-size: 10px;
        line-height: 14px;
        margin: 0 0 20px;
        width: 150px
    }

    .team--studio .team__text-wrapper {
        width: 100%;
        min-height: 222px
    }

    .team--studio p {
        width: 60%;
        line-height: 18px
    }

    .team--studio .btn {
        max-width: 218px
    }

    .team--cases {
        padding: 7px 0 0
    }
}

@media (max-width: 528px) {
    .team--studio p {
        width: 92%
    }
}

@media (max-width: 374px) {
    .team--cases p {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (min-width: 1440px) {
    .team {
        margin: 0
    }
}

.landing-promo {
    padding-top: 49px
}

.check .container, .landing-promo .breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.landing-promo .breadcrumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.landing-promo__text-wrapper {
    padding-bottom: 80px
}

.landing-promo__text-wrapper h1 {
    padding: 0 26%;
    margin: 0 0 28px;
    font-weight: 800;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em
}

.landing-promo__text-wrapper p {
    margin: 0;
    padding: 0 23%;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media (max-width: 1439px) {
    .landing-promo__text-wrapper h1 {
        padding: 0 23%
    }

    .landing-promo__text-wrapper p {
        padding: 0 20%
    }
}

@media (max-width: 1279px) {
    .landing-promo__text-wrapper {
        padding-bottom: 64px
    }

    .landing-promo__text-wrapper h1 {
        padding: 0 20%;
        margin-bottom: 29px;
        font-size: 36px;
        line-height: 42px
    }

    .landing-promo__text-wrapper p {
        padding: 0 12%;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .landing-promo {
        padding-top: 25px
    }

    .landing-promo__text-wrapper {
        padding-bottom: 41px
    }

    .landing-promo__text-wrapper h1 {
        padding: 0 5%;
        margin-bottom: 23px;
        font-size: 28px;
        line-height: 36px
    }

    .landing-promo__text-wrapper p {
        padding: 0 5%
    }
}

.check {
    padding-top: 128px;
    padding-bottom: 141px;
    color: #fff;
    background-color: #2e3346
}

.check .container {
    padding: 0 267px
}

.check h2 {
    margin: 0 0 27px;
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em
}

.check p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.check__text-wrapper {
    width: 49%
}

.check__img-wrapper {
    margin-right: 3px;
    margin-left: auto;
    margin-top: -10px;
    width: 350px;
    height: 329px
}

@media (max-width: 1439px) {
    .check {
        padding-bottom: 128px
    }

    .check .container {
        padding: 0 18.5%
    }

    .check__text-wrapper {
        width: 55%;
        padding-left: 4px
    }

    .check__img-wrapper {
        margin-top: 1px;
        margin-right: -1px;
        width: 318px;
        height: 299px
    }
}

@media (max-width: 1279px) {
    .check {
        padding-top: 95px;
        padding-bottom: 143px
    }

    .check .container {
        padding: 0 11.2%
    }

    .check__text-wrapper {
        padding-left: 0
    }

    .check__text-wrapper h2 {
        margin-bottom: 39px;
        font-size: 36px;
        line-height: 42px;
        letter-spacing: -.02em
    }

    .check__text-wrapper p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .check {
        padding-top: 42px;
        padding-bottom: 58px
    }

    .check .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 17px
    }

    .check__text-wrapper {
        width: 100%
    }

    .check__text-wrapper h2 {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 36px
    }

    .check__text-wrapper p {
        margin-bottom: 45px;
        font-size: 12px;
        line-height: 22px
    }

    .check__img-wrapper {
        margin: 0 auto;
        width: 345px;
        height: 324px
    }
}

@media (max-width: 375px) {
    .check__img-wrapper {
        width: 100%
    }
}

.made {
    position: relative;
    padding-top: 95px;
    padding-bottom: 119px;
    background-color: #f5f5f5
}

.made h2 {
    margin: 0 0 44px;
    padding: 0 10%;
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.made::after, .made::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    width: 143px;
    height: 100%
}

.made::before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.made::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.made .reviews-slider .swiper-slide img {
    height: 246px;
    width: 350px
}

.made .reviews-slider .swiper-wrapper {
    margin-left: -21px
}

.made .reviews-slider .swiper-wrapper .swiper-slide {
    width: 350px;
    height: auto
}

@media (max-width: 1279px) {
    .made {
        padding-top: 61px;
        padding-bottom: 98px
    }

    .made h2 {
        margin-bottom: 40px;
        font-size: 28px;
        line-height: 32px
    }

    .made .reviews-slider .swiper-wrapper {
        margin-left: 21px
    }
}

@media (max-width: 1023px) {
    .made {
        padding-top: 46px;
        padding-bottom: 71px
    }

    .made h2 {
        margin-bottom: 31px;
        font-size: 22px;
        line-height: 26px
    }

    .made .reviews-slider .swiper-slide img {
        width: 260px;
        height: 166px
    }

    .made .reviews-slider .swiper-wrapper .swiper-slide {
        width: 260px
    }

    .made::after, .made::before {
        width: 50px;
        height: 100%
    }
}

.faq {
    padding-top: 107px;
    padding-bottom: 133px;
    background-color: #f5f5f5
}

.faq .container {
    max-width: 1204px
}

.faq .title {
    margin-top: 0;
    margin-bottom: 34px;
    font-weight: 400;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.faq--studio {
    padding-top: 76px
}

.faq--studio .container {
    padding: 0 32px
}

.faq h2, .faq--studio h2 {
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.faq--studio h2 {
    color: #2e3346;
    font-weight: 400
}

.faq h2 {
    margin-top: 0;
    margin-bottom: 42px;
    font-weight: 700
}

@media (max-width: 1439px) {
    .faq {
        padding-bottom: 117px
    }

    .faq .container {
        max-width: unset;
        padding: 0 10.7%
    }
}

@media (max-width: 1279px) {
    .faq {
        padding-top: 74px;
        padding-bottom: 96px
    }

    .faq .container {
        padding: 0 3.4%
    }

    .faq .title, .faq h2 {
        margin-bottom: 34px;
        font-size: 28px;
        line-height: 32px
    }

    .faq--studio {
        padding-top: 76px
    }

    .faq--studio .container {
        padding: 0 35px
    }

    .faq--studio h2 {
        font-size: 28px;
        line-height: 32px;
        margin: 0 0 34px
    }

    .faq--studio button b {
        font-size: 16px;
        line-height: 22px
    }

    .faq--info {
        padding: 89px 88px 125px
    }
}

@media (max-width: 1023px) {
    .faq {
        padding-top: 50px;
        padding-bottom: 65px
    }

    .faq .container {
        padding: 0 17px
    }

    .faq .title, .faq h2 {
        display: none
    }

    .faq--info .title {
        display: block
    }
}

@media (max-width: 767px) {
    .faq--info .title {
        font-size: 24px;
        line-height: 36px;
        display: block;
        margin-bottom: 21px
    }

    .faq--info {
        padding: 44px 0 75px
    }

    .faq--studio {
        padding-top: 64px
    }

    .faq--studio h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 40px
    }

    .faq--studio button {
        padding: 33px 75px 30px 35px
    }

    .faq--studio button b {
        font-size: 14px;
        line-height: 20px
    }

    .faq--studio .accordeon li {
        margin-bottom: 16px
    }

    .faq--studio .accordeon button::after {
        top: 38px
    }
}

.calculate {
    padding-top: 95px;
    padding-bottom: 140px
}

.calculate .container {
    padding: 0 35px 0 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculate .delivery__input-surname {
    width: 100%
}

.calculate .delivery__input-address {
    display: none
}

.calculate .delivery__form {
    margin-right: auto;
    width: 64.9%;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    position: relative
}

.calculate .delivery__form .delivery__input-textarea {
    margin-bottom: 37px
}

.calculate .delivery__upload-wrapper, .product-card-block--no-calculation button.product-card-block__calculate-btn {
    display: none
}

.calculate h2 {
    margin: 0 0 37px;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em
}

.calculate .delivery__make-order-button {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    padding-top: 14px;
    padding-bottom: 8px;
    margin-right: 11.6%;
    max-width: 377px
}

.calculate .delivery__submit-checkbox-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.calculate .checkbox-label {
    font-size: 13px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculate__text-wrapper {
    padding-top: 73px;
    width: 25.9%
}

.calculate__text-wrapper b, .preparation__text-wrapper .preparation__text b {
    display: block;
    margin-bottom: 23px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em
}

.calculate__text-wrapper p {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #767f86
}

@media (max-width: 1439px) {
    .calculate {
        padding-top: 111px;
        padding-bottom: 288px
    }

    .calculate .container {
        padding: 0 2.6% 0 10.9%
    }

    .calculate .delivery__form .delivery__oferta-checkbox {
        max-width: 302px
    }

    .calculate .delivery__make-order-button {
        margin-right: 5.3%
    }

    .calculate__text-wrapper p {
        padding-right: 7px
    }
}

@media (max-width: 1279px) {
    .calculate {
        padding-bottom: 163px;
        padding-top: 90px
    }

    .calculate .container {
        padding: 0 .4% 0 3.6%
    }

    .calculate .delivery__form {
        width: 68.9%;
        max-width: unset
    }

    .calculate h2 {
        margin-bottom: 34px;
        font-size: 28px;
        line-height: 32px
    }

    .calculate .delivery__make-order-button {
        margin-right: 8.4%
    }

    .calculate .delivery__form .delivery__oferta-checkbox {
        max-width: 243px
    }

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

    .calculate .checkbox-label {
        padding-top: 15px
    }

    .calculate .checkbox-label::after, .calculate .checkbox-label::before {
        top: 16px;
        -webkit-transform: none;
        transform: none
    }

    .calculate__text-wrapper b {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 28px
    }

    .calculate__text-wrapper p {
        padding-right: 30px;
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 1023px) {
    .calculate {
        padding-top: 63px;
        padding-bottom: 200px
    }

    .calculate h2 {
        margin-bottom: 29px;
        font-size: 22px;
        line-height: 26px
    }

    .calculate .delivery__submit-checkbox-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .calculate .checkbox-label {
        padding-top: 0
    }

    .calculate .checkbox-label::after, .calculate .checkbox-label::before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .calculate .delivery__make-order-button {
        font-size: 14px;
        line-height: 32px;
        margin-right: 0;
        max-width: unset;
        width: 100%
    }

    .calculate .delivery__upload-wrapper {
        display: block;
        margin-bottom: 38px
    }

    .calculate .delivery__input-address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .calculate .delivery__form .delivery__input-textarea {
        margin-bottom: 13px
    }

    .calculate .delivery__make-order-button, .calculate__text-wrapper {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .calculate .delivery__form .delivery__oferta-checkbox {
        max-width: unset;
        margin-bottom: 12px
    }

    .calculate .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 17px
    }

    .calculate .delivery__form {
        width: 100%
    }

    .calculate__text-wrapper {
        padding-top: 56px;
        width: 100%
    }

    .calculate__text-wrapper b {
        margin-bottom: 17px;
        padding-right: 70px;
        font-size: 20px;
        line-height: 24px
    }

    .calculate__text-wrapper p {
        padding-right: 0;
        font-size: 12px;
        line-height: 22px
    }
}

.cards-block {
    padding-top: 62px;
    padding-bottom: 112px;
    background-color: #f5f5f5
}

.cards-block .title {
    margin-bottom: 33px
}

@media (max-width: 1439px) {
    .cards-block {
        padding-top: 60px;
        padding-bottom: 102px
    }

    .cards-block .title {
        margin-bottom: 39px
    }
}

@media (max-width: 1279px) {
    .cards-block {
        padding-bottom: 72px
    }

    .cards-block .title {
        margin-bottom: 27px
    }
}

@media (max-width: 1023px) {
    .cards-block {
        padding-bottom: 55px;
        padding-top: 39px
    }

    .cards-block .title {
        margin-bottom: 16px
    }
}

.materials {
    padding-top: 81px;
    padding-bottom: 48px;
    background: -webkit-gradient(linear, left top, right top, from(#1d2131), color-stop(99.86%, #2e3346));
    background: linear-gradient(90deg, #1d2131 0%, #2e3346 99.86%);
    color: #fff
}

.materials__btn {
    margin: 0 auto
}

.materials__header-wrapper {
    padding: 0 14%;
    margin-bottom: 52px
}

.materials__header-wrapper h2 {
    margin-bottom: 24px;
    text-align: center;
    margin-top: 0;
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #fff
}

.materials__header-wrapper p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media (max-width: 1439px) {
    .materials {
        padding-bottom: 48px
    }

    .materials__header-wrapper {
        padding: 0 9%
    }
}

@media (max-width: 1279px) {
    .materials {
        padding-bottom: 40px
    }

    .materials__header-wrapper {
        margin-bottom: 67px;
        padding: 0 7%
    }

    .materials__header-wrapper h2 {
        margin-bottom: 22px;
        font-size: 36px;
        line-height: 40px
    }

    .materials__header-wrapper p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .materials {
        padding-top: 51px;
        padding-bottom: 35px
    }

    .materials__header-wrapper {
        padding: 0;
        margin-bottom: 54px
    }

    .materials__header-wrapper h2 {
        font-size: 28px;
        line-height: 32px
    }

    .materials__header-wrapper p {
        font-size: 12px;
        line-height: 22px
    }
}

.preparation {
    padding-top: 99px;
    padding-bottom: 114px
}

.preparation h2 {
    margin-bottom: 30px
}

.preparation__link-wrapper ul, .preparation__text-wrapper, .preparation__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.preparation__wrapper a, .preparation__wrapper img, .preparation__wrapper picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.preparation__link-wrapper li a, .preparation__wrapper a {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.preparation__wrapper p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #767f86
}

.preparation__text-wrapper {
    width: 54.5%;
    padding-right: 50px;
    padding-top: 21px;
    border-right: 1px solid #efeeee
}

.preparation__rec-wrapper > a, .preparation__text-wrapper > a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.preparation__text-wrapper img {
    width: 326px;
    height: 351px;
    margin-right: 20.5px;
    -o-object-fit: cover;
    object-fit: cover
}

.preparation__text-wrapper .preparation__text {
    padding-top: 12px
}

.preparation__text-wrapper .preparation__text b {
    margin-bottom: 18px;
    color: #2e3346
}

.preparation__link-wrapper {
    padding-left: 69px;
    padding-top: 34px;
    width: 45.5%
}

.preparation__link-wrapper ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.preparation__link-wrapper li {
    margin-bottom: 11px
}

.preparation__link-wrapper li a {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #2e3346
}

.preparation__link-wrapper li:last-child {
    margin-bottom: 0
}

.preparation__link-wrapper b {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em
}

.preparation__rec-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 42px
}

.preparation__rec-wrapper img {
    width: 183px;
    height: 132px;
    margin-right: 46px;
    -o-object-fit: cover;
    object-fit: cover
}

.preparation__rec-wrapper .preparation__text {
    padding-top: 2px;
    padding-right: 40px
}

.preparation__rec-wrapper .preparation__text b {
    font-size: 22px;
    line-height: 26px;
    display: block;
    margin-bottom: 14px
}

@media (max-width: 1439px) {
    .preparation {
        padding-top: 93px
    }

    .preparation__link-wrapper {
        padding-left: 37px
    }

    .preparation__rec-wrapper .preparation__text {
        padding-right: 0
    }

    .preparation__text-wrapper {
        width: 59.5%;
        padding-right: 41px
    }

    .preparation__text-wrapper img {
        margin-right: 24.5px
    }

    .preparation__text-wrapper .preparation__text {
        padding-top: 0
    }
}

@media (max-width: 1279px) {
    .preparation {
        padding-top: 77px;
        padding-bottom: 96px
    }

    .preparation h2 {
        font-size: 36px;
        line-height: 40px
    }

    .preparation__text-wrapper {
        width: 66%
    }

    .preparation__text-wrapper img {
        width: 280px;
        height: 302px
    }

    .preparation__text-wrapper .preparation__text b {
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 28px
    }

    .preparation__link-wrapper {
        width: 34%;
        padding-left: 51px;
        padding-top: 13px
    }

    .preparation__link-wrapper li a {
        font-size: 16px;
        line-height: 20px
    }

    .preparation__rec-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }

    .preparation__rec-wrapper .preparation__text b {
        margin-bottom: 22px;
        font-size: 20px;
        line-height: 24px
    }

    .preparation__rec-wrapper img {
        margin-right: 0;
        margin-bottom: 32px;
        width: 158px;
        height: 114px
    }
}

@media (max-width: 1023px) {
    .preparation {
        padding-top: 59px;
        padding-bottom: 70px
    }

    .preparation h2 {
        margin-bottom: 6px;
        font-size: 28px;
        line-height: 32px
    }

    .preparation__text-wrapper, .preparation__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .preparation__wrapper p {
        font-size: 12px;
        line-height: 22px
    }

    .preparation__text-wrapper {
        width: 100%;
        padding-bottom: 63px;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #efeeee
    }

    .preparation__text-wrapper img {
        margin-right: 0;
        margin-bottom: 28px
    }

    .preparation__text-wrapper .preparation__text b {
        padding-right: 25px;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 24px
    }

    .preparation__link-wrapper {
        padding-top: 51px;
        width: 100%;
        padding-left: 0
    }

    .preparation__link-wrapper .preparation__text b, .preparation__link-wrapper li {
        padding-right: 50px
    }

    .preparation__link-wrapper .preparation__text p {
        font-size: 14px;
        line-height: 24px
    }
}

.not-found {
    padding-top: 109px;
    padding-bottom: 155px
}

.not-found h1 {
    text-align: center;
    margin-bottom: 25px
}

.not-found img {
    margin: 0 auto 28px
}

.not-found .btn {
    padding: 14px 10px 8px;
    display: block;
    margin: 37px auto 101px;
    width: 204px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.not-found__text {
    padding: 0 20%;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 1279px) {
    .not-found {
        padding-top: 98px;
        padding-bottom: 120px
    }

    .not-found h1 {
        margin-bottom: 16px
    }

    .not-found img {
        width: 78%;
        margin-bottom: 25px
    }

    .not-found .btn {
        margin-top: 39px;
        margin-bottom: 97px
    }

    .not-found__text {
        padding: 0 17%
    }
}

@media (max-width: 1023px) {
    .not-found {
        overflow: hidden;
        padding-top: 45px;
        padding-bottom: 79px
    }

    .not-found h1 {
        padding: 0 5%;
        margin-bottom: 12px
    }

    .not-found img {
        width: 744px;
        margin-bottom: 17px;
        max-width: unset
    }

    .not-found .btn {
        margin-bottom: 73px;
        width: 151px;
        padding: 9px 5px 3px;
        margin-top: 40px;
        font-size: 12px;
        line-height: 32px
    }

    .not-found__text {
        padding: 0;
        font-size: 14px;
        line-height: 24px
    }
}

.pay-success {
    padding-top: 49px;
    padding-bottom: 76px
}

.pay-success .breadcrumbs, .pay-success__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pay-success .breadcrumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pay-success h1 {
    text-align: center;
    margin-bottom: 20px
}

.order-success h1 span, .pay-robo h1 span, .pay-success h1 span {
    color: #70af60
}

.pay-success__wrapper {
    margin-bottom: 74px;
    padding: 0 19% 0 17.2%
}

.pay-success__wrapper img, .pay-success__wrapper picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pay-success__wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 16px
}

.pay-success__text-wrapper {
    padding-top: 26px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.pay-robo__text-wrapper p, .pay-success__text-wrapper p {
    margin-bottom: 15px
}

.pay-robo__text-wrapper p:last-child, .pay-success__text-wrapper p:last-child {
    margin-bottom: 0
}

@media (max-width: 1279px) {
    .pay-success {
        padding-bottom: 61px
    }

    .pay-success h1 {
        margin-bottom: 1px
    }

    .pay-success__wrapper {
        padding: 0 9%;
        margin-bottom: 44px
    }

    .pay-success__wrapper img {
        margin-right: -3px;
        width: 204px;
        height: 193px
    }

    .pay-success__text-wrapper {
        padding-top: 29px;
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .pay-success {
        padding-top: 25px;
        padding-bottom: 101px
    }

    .pay-success h1 {
        margin-bottom: 24px
    }

    .pay-success__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin-bottom: 40px
    }

    .pay-success__wrapper img {
        margin: 0 auto -20px;
        width: 184px;
        height: 174px
    }

    .pay-success__text-wrapper {
        padding-top: 29px;
        text-align: center;
        font-size: 12px;
        line-height: 22px
    }
}

.pay-robo {
    padding-top: 49px;
    padding-bottom: 76px
}

.pay-robo h1 {
    margin-bottom: 20px
}

.pay-robo__wrapper {
    margin-bottom: 74px;
    padding: 0 19% 0 17.2%
}

.pay-robo__wrapper img, .pay-robo__wrapper picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pay-robo__wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 16px
}

.pay-robo__text-wrapper {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.pay-robo-sum, .sbp-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sbp-block {
    margin-top: 40px;
    margin-bottom: 70px
}

.sbp-block h2 {
    font-size: 30px
}

.sbp-block .pay-sbp-img {
    margin-right: 35px;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding: 45px 6%
}

.sbp-block .pay-robo__text-wrapper {
    max-width: 365px
}

.sbp-block .pay-robo__text-wrapper p {
    font-size: 14px;
    color: #767f86;
    line-height: 1.8
}

.pay-robo-sum {
    padding: 35px 10%;
    border-radius: 4px;
    background-color: #f5f5f5;
    margin-bottom: 20px
}

.pay-robo-sum .pay-robo-sum__pay {
    font-size: 18px;
    margin-right: 30px
}

.pay-robo-sum .pay-robo-sum__pay strong {
    font-size: 24px;
    font-weight: 900;
    padding: 0 8px
}

.pay-robo-sum .pay-robo-sum__text {
    font-size: 13px;
    color: #767f86;
    line-height: 1.4;
    max-width: 215px;
    font-style: italic
}

.pay-order-btn-block .input-wrapper {
    margin-left: 27px
}

.pay-order-btn-block .checkbox-label {
    margin-left: 27px;
    line-height: 1.5;
    margin-top: 10px
}

@media (max-width: 1279px) {
    .pay-robo {
        padding-bottom: 61px
    }

    .pay-robo h1 {
        margin-bottom: 1px
    }

    .pay-robo__wrapper {
        padding: 0 9%;
        margin-bottom: 44px
    }

    .pay-robo__wrapper img {
        margin-right: -3px
    }

    .pay-robo__text-wrapper {
        padding-top: 29px;
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .pay-robo {
        padding-top: 25px;
        padding-bottom: 101px
    }

    .pay-robo h1 {
        margin-bottom: 24px
    }

    .pay-robo__wrapper, .sbp-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pay-robo__wrapper {
        padding: 0;
        margin-bottom: 40px
    }

    .pay-robo__wrapper img {
        margin: 0 auto -20px
    }

    .sbp-block {
        margin-top: 30px
    }

    .sbp-block .pay-robo__text-wrapper {
        max-width: none
    }

    .sbp-block .pay-sbp-img {
        margin-right: 0
    }

    .pay-robo-sum {
        padding: 35px 7%
    }

    .pay-robo-sum .pay-robo-sum__pay strong {
        padding: 0;
        line-height: 1.4
    }

    .pay-robo__text-wrapper {
        padding-top: 29px;
        text-align: center;
        font-size: 12px;
        line-height: 22px
    }

    .pay-order-btn-block .input-wrapper {
        margin-left: 0
    }
}

.information {
    padding-top: 49px;
    padding-bottom: 92px
}

.information .title {
    margin-bottom: 44px
}

.information .paragraph {
    margin: 0;
    max-width: 1100px;
    line-height: 28px
}

@media (max-width: 1279px) {
    .information {
        padding-bottom: 79px
    }

    .information .title {
        margin-bottom: 29px
    }

    .information .paragraph {
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .information {
        padding-top: 25px;
        padding-bottom: 69px
    }

    .information .title {
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .information {
        padding-bottom: 44px
    }
}

.communication {
    padding-top: 88px;
    padding-bottom: 143px
}

.communication .container {
    padding: 0 265px
}

.communication p {
    font-size: 16px;
    line-height: 28px
}

.communication--fill {
    padding: 75px 35px 169px
}

.communication--fill .communication__fill-wrapper {
    padding: 89px 27% 88px 91px;
    background-color: #f5f5f5
}

.communication__wrapper {
    margin-bottom: 25px
}

.communication__wrapper h2 {
    margin: 0;
    font-size: 54px;
    line-height: 60px;
    font-weight: 400;
    letter-spacing: -.02em
}

.communication__wrapper a {
    position: relative;
    font-size: 54px;
    line-height: 60px;
    font-weight: 700;
    padding-right: 76px;
    letter-spacing: -.02em;
    color: #4f8cc8;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.communication__wrapper a:hover {
    color: #73b8de
}

.communication__wrapper a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 9px;
    width: 60px;
    height: 60px;
    background-image: url(../img/sprite/whatsapp.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 1439px) {
    .communication {
        padding-top: 98px;
        padding-bottom: 123px
    }

    .communication .container {
        padding: 0 234px
    }
}

@media (max-width: 1279px) {
    .communication {
        padding-top: 69px;
        padding-bottom: 139px
    }

    .communication .container {
        padding: 0 115px
    }

    .communication--fill .communication__fill-wrapper {
        padding: 89px 130px 88px 91px
    }

    .communication__wrapper {
        margin-bottom: 22px
    }

    .communication__wrapper h2 {
        margin-bottom: 0;
        letter-spacing: -.02em;
        font-size: 48px;
        line-height: 54px
    }

    .communication__wrapper a {
        padding-right: 70px;
        letter-spacing: -.02em;
        font-size: 48px;
        line-height: 54px
    }

    .communication__wrapper a::after {
        bottom: 7px;
        width: 54px;
        height: 54px
    }
}

@media (max-width: 1023px) {
    .communication {
        padding-top: 50px;
        padding-bottom: 107px
    }

    .communication .container {
        padding: 0 16px
    }

    .communication p {
        font-size: 14px;
        line-height: 24px
    }

    .communication--fill {
        padding: 75px 25px 100px
    }

    .communication--fill .communication__fill-wrapper {
        padding: 50px
    }

    .communication__wrapper {
        padding-right: 38px
    }

    .communication__wrapper a {
        padding-right: 0
    }

    .communication__wrapper a::after {
        right: -40px;
        bottom: 3px;
        width: 35px;
        height: 35px
    }

    .communication__wrapper a, .communication__wrapper h2 {
        font-size: 32px;
        line-height: 38px
    }
}

@media (max-width: 767px) {
    .communication--fill {
        padding: 75px 17px 100px
    }

    .communication--fill .communication__fill-wrapper {
        padding: 50px 17px
    }
}

.desc-block {
    padding-top: 49px;
    padding-bottom: 18px
}

.desc-block h1 {
    margin-bottom: 28px
}

.paragraph-columns--img-left .paragraph {
    font-size: 12px;
    line-height: 22px
}

.paragraph-columns--img-left .title {
    margin-bottom: 6px
}

.paragraph-columns--img-left .paragraph-columns__column {
    margin-right: 16%;
    padding-top: 9px;
    padding-left: 97px;
    margin-top: 25px
}

.paragraph-columns--img-left .paragraph-columns__column--latex {
    min-height: 80px;
    background-image: url(../img/svg/latex-icon-new.svg);
    background-size: 64px 71px;
    background-position: 0 9px;
    background-repeat: no-repeat
}

.paragraph-columns--img-left .paragraph-columns__column:nth-child(-n+2) {
    margin-top: 0
}

.paragraph-columns--img-left .paragraph-columns__column:nth-child(2n) {
    margin-right: 0
}

.desc-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.desc-block__text-wrapper {
    width: 55%;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.desc-block__text-wrapper .paragraph-columns__column {
    width: 40%
}

.desc-block__img-wrapper {
    padding-top: 12px;
    margin-left: auto;
    width: 541px
}

.desc-block__img-wrapper img {
    width: 541px;
    height: 348px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.desc-block__text {
    margin-bottom: 45px
}

.desc-block__text p {
    margin-bottom: 14px
}

.desc-block__text p:last-child {
    margin-bottom: 0
}

@media (max-width: 1439px) {
    .desc-block {
        padding-bottom: 30px
    }

    .desc-block h1 {
        margin-bottom: 27px
    }

    .desc-block__img-wrapper {
        padding-top: 11px;
        width: 522px
    }

    .desc-block__img-wrapper img {
        width: 521px;
        height: 335px
    }

    .desc-block__text {
        margin-bottom: 39px
    }

    .desc-block__columns, .desc-block__text {
        padding-right: 55px
    }

    .desc-block__text-wrapper .paragraph-columns__column {
        width: 45%;
        margin-right: 10%
    }
}

@media (max-width: 1279px) {
    .desc-block {
        padding-top: 25px
    }

    .desc-block h1 {
        margin-bottom: 18px
    }

    .desc-block__img-wrapper {
        padding-top: 0;
        width: 372px
    }

    .desc-block__img-wrapper img {
        height: 239px
    }

    .desc-block__text-wrapper {
        width: 61%
    }

    .desc-block__text-wrapper .paragraph-columns__column .title {
        font-size: 14px;
        line-height: 20px
    }

    .desc-block__text, .desc-block__text-wrapper .paragraph-columns__column p {
        font-size: 12px;
        line-height: 22px
    }

    .desc-block__text {
        margin-bottom: 31px
    }

    .desc-block__text p {
        margin-bottom: 13px
    }

    .desc-block__columns, .desc-block__text {
        padding-right: 41px
    }
}

@media (max-width: 1023px) {
    .desc-block {
        padding-bottom: 7px
    }

    .desc-block h1 {
        margin-bottom: 8px
    }

    .desc-block__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .desc-block__wrapper .paragraph-columns {
        margin-bottom: 40px
    }

    .desc-block__wrapper .paragraph-columns__column {
        width: 100%;
        margin-bottom: 33px;
        min-height: 73px
    }

    .desc-block__wrapper .paragraph-columns__column--latex {
        min-height: 80px
    }

    .desc-block__wrapper .paragraph-columns__column:last-child {
        margin-bottom: 0
    }

    .desc-block__img-wrapper {
        width: 62.5vw;
        max-width: 100%;
        margin-right: auto;
        margin-left: 0
    }

    .desc-block__img-wrapper img {
        width: 62.5vw;
        height: auto
    }

    .desc-block__text-wrapper {
        width: 100%
    }

    .desc-block__text {
        padding-right: 0;
        margin-bottom: 22px
    }

    .desc-block__text p {
        margin-bottom: 14px
    }

    .desc-block__columns {
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .desc-block__img-wrapper, .desc-block__img-wrapper img {
        width: 83.33vw
    }
}

@media (max-width: 375px) {
    .desc-block__img-wrapper, .desc-block__img-wrapper img {
        width: 100%
    }
}

.author-collections {
    padding-top: 47px;
    padding-bottom: 34px
}

.author-collections .link-wrapper {
    margin-bottom: 19px
}

.author-collections .main-slider {
    position: relative;
    margin-bottom: 25px;
    border-radius: 8px
}

.author-collections .main-slider .swiper-slide {
    height: 360px
}

.author-collections .main-slider a {
    position: relative
}

.author-collections .main-slider a:hover {
    -webkit-transform: none;
    transform: none
}

.author-collections .main-slider a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.author-collections .main-slider img {
    position: absolute;
    left: 0;
    top: 0;
    height: 360px;
    width: 100%;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.author-collections--no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.author-collections--no-padding .link-wrapper {
    margin-bottom: 15px
}

.author-collections--no-padding .main-slider {
    margin-bottom: 14px
}

@media (max-width: 1439px) {
    .author-collections {
        padding-top: 51px
    }

    .author-collections--no-padding {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width: 1279px) {
    .author-collections {
        padding-top: 56px;
        padding-bottom: 28px
    }

    .author-collections .link-wrapper {
        margin-bottom: 8px
    }

    .author-collections .main-slider {
        margin-bottom: 28px
    }

    .author-collections .main-slider .swiper-slide {
        height: 340px
    }

    .author-collections--no-padding {
        padding-top: 0;
        padding-bottom: 0
    }

    .author-collections--no-padding .link-wrapper {
        margin-bottom: 15px
    }

    .author-collections--no-padding .main-slider {
        margin-bottom: 14px
    }
}

@media (max-width: 1023px) {
    .author-collections {
        position: relative;
        padding-top: 0;
        padding-bottom: 55px
    }

    .author-collections .link-wrapper {
        margin-bottom: 18px
    }

    .author-collections .link-wrapper h2 {
        margin-top: 0
    }

    .author-collections .link-wrapper a {
        position: absolute;
        bottom: 9px
    }

    .author-collections .preview-cards {
        display: none
    }

    .author-collections .main-slider {
        margin-bottom: 28px;
        margin-left: 0;
        max-width: 100%
    }

    .author-collections .main-slider .slider-buttons .slider-buttons__prev {
        left: 24px
    }

    .author-collections .main-slider .slider-buttons .slider-buttons__next {
        right: 24px
    }

    .author-collections .main-slider .swiper-slide, .author-collections .main-slider .swiper-slide img {
        height: 320px
    }

    .author-collections--no-padding {
        padding-top: 0;
        padding-bottom: 0
    }

    .author-collections--no-padding .main-slider {
        margin-bottom: 14px
    }
}

.collections-slider {
    padding-top: 35px;
    padding-bottom: 43px
}

.collections-slider h2 {
    margin-top: 20px;
    margin-bottom: 20px
}

.collections-slider .slider-buttons {
    position: absolute
}

.collections-slider .collections-cards-slider {
    margin-bottom: 68px
}

@media (max-width: 1279px) {
    .collections-slider {
        padding-bottom: 45px
    }

    .collections-slider .collections-cards-slider {
        margin-bottom: 79px
    }
}

@media (max-width: 1023px) {
    .collections-slider {
        padding-top: 0;
        padding-bottom: 0
    }

    .collections-slider .slider-button-fill-next {
        right: 0
    }

    .collections-slider .collections-cards-slider {
        margin-bottom: 49px
    }
}

@media (max-width: 767px) {
    .collections-cards-slider--main {
        margin-top: 15px
    }
}

.wallpaper-categories {
    padding-top: 41px;
    padding-bottom: 100px
}

.wallpaper-categories h2 {
    margin: 0 0 30px
}

.wallpaper-categories p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.wallpaper-categories .wallpaper-categories-list {
    margin-bottom: 75px
}

.wallpaper-categories .wallpaper-categories-list li.all-collection-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.wallpaper-categories .wallpaper-categories-list li.all-collection-item .wallpaper-categories-list__text-wrapper {
    margin-top: unset
}

.wallpaper-categories__tags b {
    display: block;
    margin-bottom: 15px
}

.wallpaper-categories__tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px
}

.wallpaper-categories__tags ul li {
    margin-left: 10px;
    margin-top: 10px
}

@media (max-width: 1439px) {
    .wallpaper-categories {
        padding-bottom: 91px
    }
}

@media (max-width: 1279px) {
    .wallpaper-categories {
        padding-top: 34px;
        padding-bottom: 84px
    }

    .wallpaper-categories h2 {
        margin-bottom: 25px
    }
}

@media (max-width: 1023px) {
    .wallpaper-categories {
        padding-top: 0;
        padding-bottom: 54px
    }

    .wallpaper-categories h2 {
        margin-bottom: 17px;
        line-height: 28px
    }

    .wallpaper-categories p {
        font-size: 14px;
        line-height: 22px
    }

    .wallpaper-categories .wallpaper-categories__tags b {
        margin-bottom: 20px
    }

    .wallpaper-categories .wallpaper-categories-list {
        margin-bottom: 47px
    }
}

.wallpaper-promo {
    padding-top: 97px;
    padding-bottom: 103px;
    background-color: #f5f5f5
}

.wallpaper-promo .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 150px 0 94px
}

.form-success__wrapper i, .wallpaper-promo p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.wallpaper-promo .wallpaper-promo__italics {
    display: block;
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.wallpaper-promo img, .wallpaper-promo picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 582px;
    height: 441px;
    -o-object-fit: cover;
    object-fit: cover
}

.wallpaper-promo picture img {
    width: 100%;
    height: 100%
}

.wallpaper-promo__text-wrapper {
    padding-top: 11px;
    margin-left: 127px
}

.wallpaper-promo__text-wrapper h2 {
    margin-bottom: 24px
}

@media (max-width: 1439px) {
    .wallpaper-promo {
        padding-bottom: 106px
    }

    .wallpaper-promo .container {
        padding: 0 68px 0 74px
    }

    .wallpaper-promo__text-wrapper {
        margin-left: 84px
    }
}

@media (max-width: 1279px) {
    .wallpaper-promo {
        padding-top: 81px;
        padding-bottom: 131px
    }

    .wallpaper-promo .container {
        padding: 0 40px 0 36px
    }

    .wallpaper-promo img, .wallpaper-promo picture {
        width: 489px;
        height: 391px
    }

    .wallpaper-promo__text-wrapper {
        margin-left: 58px;
        padding-top: 28px
    }

    .wallpaper-promo__text-wrapper h2 {
        font-size: 36px;
        line-height: 40px
    }

    .wallpaper-promo__text-wrapper p {
        font-size: 12px;
        line-height: 22px
    }

    .wallpaper-promo__text-wrapper .wallpaper-promo__italics {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width: 1023px) {
    .wallpaper-promo {
        padding-top: 53px;
        padding-bottom: 78px
    }

    .wallpaper-promo .container {
        padding: 0 17px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wallpaper-promo img, .wallpaper-promo picture {
        margin: 0 auto;
        max-width: 100%;
        width: 343px;
        height: 310px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .wallpaper-promo__text-wrapper {
        margin-left: 0;
        padding-top: 63px
    }

    .wallpaper-promo__text-wrapper h2 {
        margin-bottom: 23px;
        font-size: 28px;
        line-height: 32px
    }

    .wallpaper-promo__text-wrapper .wallpaper-promo__italics {
        margin-bottom: 17px
    }
}

.modal-container, .modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh
}

.modal-container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    position: fixed
}

.modal-wrapper {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 100px 0
}

.modal-gallery--review, .modal-gallery-wrapper {
    position: relative;
    margin: auto 0;
    width: 1200px
}

.modal-gallery-wrapper .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-right {
    top: 50%
}

.modal-gallery--review {
    width: 100%;
    max-width: 1200px
}

.close-btn, .slider-arrow-left, .slider-arrow-right {
    position: absolute;
    display: block;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.close-btn {
    right: 0;
    top: -53px;
    width: 36px;
    height: 36px;
    opacity: .2;
    background-image: url(../img/svg/close.svg);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.close-btn:hover, .slider-arrow-left:hover, .slider-arrow-right:hover {
    opacity: 1
}

.slider-arrow-left, .slider-arrow-right {
    width: 40px;
    height: 69px;
    opacity: .3;
    background-image: url(../img/svg/arrow-white.svg);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.slider-arrow-left {
    left: -85px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-arrow-right {
    right: -85px;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.modal-gallery--review .slider-arrow-left {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg)
}

.modal-gallery--review .slider-arrow-right {
    top: 50%
}

.modal-review-slider .slider-arrow-left {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg)
}

.modal-review-slider .slider-arrow-right {
    top: 50%
}

.modal-gallery--review .slider-arrow-right, .modal-review-slider .slider-arrow-right {
    -webkit-transform: translate(100%, -50%) rotate(-180deg);
    transform: translate(100%, -50%) rotate(-180deg);
    right: -65px
}

.modal-gallery--review .slider-arrow-left, .modal-review-slider .slider-arrow-left {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    left: -65px
}

.modal-gallery--review .swiper-wrapper, .modal-review-slider .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-gallery--review .video-slide, .modal-review-slider .video-slide {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1749px) {
    .modal-gallery--review .slider-arrow-left, .modal-gallery--review .slider-arrow-right, .modal-gallery-wrapper .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-right {
        top: 400px
    }
}

@media (max-width: 1439px) {
    .modal-gallery--review, .modal-gallery-wrapper {
        width: 81.4%
    }

    .modal-gallery--review .slider-arrow-left, .modal-gallery--review .slider-arrow-right, .modal-gallery-wrapper .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-right {
        top: 318px
    }

    .gallery-slider__info {
        padding: 25px 130px 27px
    }

    .gallery-slider__info::before {
        width: 93px
    }
}

@media (max-width: 1279px) {
    .modal-gallery--review, .modal-gallery-wrapper {
        width: 83.9%
    }

    .modal-gallery--review .close-btn, .modal-gallery-wrapper .close-btn {
        top: -48px;
        width: 32px;
        height: 32px
    }

    .modal-gallery--review .slider-arrow-left, .modal-gallery--review .slider-arrow-right, .modal-gallery-wrapper .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-right {
        width: 30px;
        height: 52px
    }

    .modal-gallery-wrapper .slider-arrow-left {
        left: -47px
    }

    .modal-gallery-wrapper .slider-arrow-right {
        right: -47px
    }

    .gallery-slider__info {
        padding: 21px 45px 20px 117px
    }

    .gallery-slider__info p {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px
    }

    .gallery-slider__info::before {
        width: 82px;
        background-size: 33px 27px
    }

    .modal-gallery--review .slider-arrow-left, .modal-review-slider .slider-arrow-left {
        left: -47px
    }

    .modal-gallery--review .slider-arrow-right, .modal-review-slider .slider-arrow-right {
        right: -47px
    }
}

@media (max-width: 1023px) {
    .modal-gallery--review, .modal-gallery-wrapper {
        width: 91.5%
    }

    .modal-gallery--review .close-btn, .modal-gallery-wrapper .close-btn {
        top: -36px;
        width: 24px;
        height: 24px
    }

    .modal-gallery--review .slider-arrow-left, .modal-gallery--review .slider-arrow-right, .modal-gallery-wrapper .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-right {
        width: 32px;
        height: 50px;
        z-index: 2
    }

    .modal-gallery-wrapper .slider-arrow-left {
        left: 14px
    }

    .modal-gallery-wrapper .slider-arrow-right {
        right: 14px
    }

    .gallery-slider__info {
        padding: 14px 23px 19px
    }

    .gallery-slider__info::before {
        display: none
    }

    .gallery-slider__info p {
        font-size: 12px;
        line-height: 18px
    }

    .modal-gallery--review .slider-arrow-left, .modal-review-slider .slider-arrow-left {
        left: 1px
    }

    .modal-gallery--review .slider-arrow-right, .modal-review-slider .slider-arrow-right {
        right: 1px
    }

    .modal-gallery--review .modal-gallery-wrapper, .modal-review-slider .modal-gallery-wrapper {
        width: 85%
    }
}

@media (max-width: 767px) {
    .modal-gallery--review, .modal-gallery-wrapper {
        width: 80%
    }

    .modal-gallery--review .slider-arrow-left, .modal-gallery-wrapper .slider-arrow-left {
        left: -7px
    }

    .modal-gallery--review .slider-arrow-right, .modal-gallery-wrapper .slider-arrow-right {
        right: -7px
    }
}

@media (max-width: 400px) {
    .modal-gallery--review .slider-arrow-left, .modal-review-slider .slider-arrow-left {
        left: 0
    }

    .modal-gallery--review .slider-arrow-right, .modal-review-slider .slider-arrow-right {
        right: 0
    }
}

.modal-search {
    position: absolute;
    z-index: 1000;
    width: 100%;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media (max-width: 767px) {
    .modal-search .container {
        padding: 0
    }
}

.order-success {
    padding-top: 49px;
    padding-bottom: 175px
}

.order-success .container {
    padding-right: 54px
}

.order-success h1 {
    position: relative;
    display: inline
}

.order-success h1::after {
    content: "";
    position: absolute;
    right: -53px;
    bottom: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42px;
    height: 43px;
    background-image: url(../img/like.png);
    background-size: contain;
    background-repeat: no-repeat
}

.order-success .pay-now {
    margin-bottom: 78px
}

.order-success .subscribe {
    width: 304px;
    top: 75px;
    margin-top: 75px
}

.order-success__header-wrapper {
    margin-bottom: 34px
}

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

.order-success__text {
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.order-success__wrapper {
    width: 67%
}

@media (max-width: 1279px) {
    .order-success {
        padding-bottom: 140px
    }

    .order-success h1::after {
        bottom: 6px;
        right: -42px;
        width: 36px;
        height: 42px
    }

    .order-success .pay-now {
        margin-bottom: 93px
    }

    .order-success .subscribe {
        width: 264px;
        top: 60px;
        margin-top: 60px
    }

    .order-success .container {
        padding-right: 29px
    }

    .order-success__header-wrapper {
        margin-bottom: 25px
    }

    .order-success__wrapper {
        width: 65.5%
    }

    .order-success__text {
        padding-right: 35px;
        margin-bottom: 33px
    }
}

@media (max-width: 1023px) {
    .order-success {
        padding-top: 25px;
        padding-bottom: 109px
    }

    .order-success .container {
        padding-right: 25px
    }

    .order-success h1, .order-success__header-wrapper {
        margin-bottom: 20px
    }

    .order-success h1::after {
        right: -33px;
        bottom: 1px;
        width: 28px;
        height: 36px
    }

    .order-success .pay-now {
        margin-bottom: 59px
    }

    .order-success .subscribe {
        width: 100%;
        margin: 74px auto 0
    }

    .order-success__text {
        margin-bottom: 41px;
        padding-right: 0;
        font-size: 12px;
        line-height: 22px
    }

    .order-success__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order-success__wrapper {
        width: 100%
    }
}

@media (max-width: 767px) {
    .order-success .container {
        padding-right: 17px
    }
}

.cost-calculate-wrapper {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    max-width: 100%
}

.cost-calculate-wrapper.active .cost-calculate {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cost-calculate {
    position: relative;
    z-index: 1001;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    height: auto;
    min-height: 100%;
    width: 555px;
    padding: 115px 56px 35px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background-color: #fff
}

.cost-calculate h2 {
    margin: 0 0 13px;
    font-weight: 800
}

.cost-calculate .form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 115px 58px 32px 56px;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.cost-calculate .form.is-active {
    height: auto;
    min-height: 100%;
    opacity: 1;
    z-index: 1000;
    visibility: visible
}

.cost-calculate .form .input-wrapper--regular {
    margin-bottom: 24px
}

.cost-calculate .form .input-wrapper--checkbox {
    margin-top: 51px;
    margin-bottom: 0
}

.cost-calculate .form .btn {
    margin-top: 26px;
    padding: 17px 20px 11px 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.cost-calculate .form-success .btn {
    padding: 14px 37px 8px 38px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 38px;
    font-size: 14px;
    line-height: 32px
}

.cost-calculate .form__text {
    margin-bottom: 34px
}

.form-success {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 115px 56px 56px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background-color: #fff
}

.form-success.is-active {
    opacity: 1;
    z-index: 1
}

.form-success h2 {
    margin-bottom: 27px
}

.form-success, .form-success__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-success__wrapper svg {
    margin-right: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 96px;
    height: 96px
}

.form-success__wrapper i {
    letter-spacing: -.02em
}

.cost-calculate__header {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em
}

.modal-buttons-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
    padding: 33px 58px 10px 54px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.modal-buttons-wrapper button {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.modal-buttons-wrapper .comeback {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    visibility: hidden
}

.modal-buttons-wrapper .comeback.is-active {
    visibility: visible;
    opacity: 1
}

.modal-buttons-wrapper .comeback.is-active:hover {
    opacity: .7
}

.modal-buttons-wrapper .close {
    display: block;
    margin-left: auto;
    margin-top: 2px
}

.modal-buttons-wrapper .close svg {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.contacts-item__social a:hover svg, .modal-buttons-wrapper .close:hover svg {
    fill: #2e3346
}

.cost-calculate__form {
    margin-bottom: 21px
}

.cost-calculate__desc {
    margin-bottom: 34px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em
}

.cost-calculate__inputs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cost-calculate__inputs .input-wrapper {
    width: 130px;
    margin-right: 23px
}

.cost-calculate__inputs .input-wrapper input {
    padding-top: 28px;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -.02em
}

.cost-calculate__inputs .input-wrapper:last-child {
    margin-right: 0
}

.cost-calculate__inputs::before {
    content: "×";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.cost-calculate__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 42px
}

.cost-calculate__size {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calc__tab li svg, .cost-calculate__size svg {
    margin-right: 10px
}

.cost-calculate__size p {
    font-weight: 300;
    font-size: 26px;
    line-height: 44px;
    letter-spacing: -.02em
}

.cost-calculate__select-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cost-calculate__select-text-wrapper .cost-calculate__header {
    margin-bottom: 0
}

.cost-calculate__about, .cost-calculate__color-proof-button {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.cost-calculate__about:hover {
    color: #767f86
}

.cost-calculate__color-proof-button {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding: 25px 55px 20px 27px;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    border: 0;
    color: #2e3346;
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.cost-calculate__color-proof-button:hover {
    opacity: .7
}

.cost-calculate__color-proof-button svg {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cost-calculate__price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.cost-calculate__price {
    margin-right: 30px;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.02em
}

.cost-calculate__discount {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.cost-calculate__discount::after {
    width: 83px
}

.cost-calculate__discount-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto
}

.cost-calculate__discount-wrapper svg {
    margin-right: 18px
}

.cost-calculate__fast-order {
    margin-bottom: 36px
}

.cost-calculate__fast-order a, .product-card-block h2 a {
    color: #4f8cc8;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.cost-calculate__fast-order a {
    margin-bottom: 5px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em
}

.cost-calculate__fast-order a:hover, .product-card-block h2 a:hover {
    color: #73b8de
}

.cost-calculate__fast-order p {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #a7adb8
}

@media (max-width: 767px) {
    .cost-calculate {
        width: 359px;
        padding: 71px 25px 35px
    }

    .cost-calculate h2 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px
    }

    .cost-calculate .cost-calculate__desc {
        margin-bottom: 21px;
        font-size: 12px;
        line-height: 24px
    }

    .cost-calculate .form {
        padding: 71px 30px 30px
    }

    .cost-calculate .form .input-wrapper--regular, .form-success h2 {
        margin-bottom: 16px
    }

    .cost-calculate .form .input-wrapper--checkbox {
        margin-top: 39px
    }

    .cost-calculate .form .input-wrapper--checkbox label {
        padding-right: 0;
        padding-left: 39px
    }

    .cost-calculate .form .btn {
        margin-top: 22px;
        width: 100%
    }

    .cost-calculate .form .form-success .btn {
        width: unset;
        padding: 9px 31px 3px;
        font-size: 12px;
        line-height: 32px
    }

    .cost-calculate .form__text {
        margin-bottom: 19px
    }

    .cost-calculate .form .form-success .btn, .cost-calculate__inputs {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .cost-calculate__inputs .input-wrapper {
        margin-right: 21px;
        width: 100px
    }

    .cost-calculate__inputs .input-wrapper input {
        height: 61px;
        padding-top: 29px;
        font-size: 20px
    }

    .cost-calculate__inputs .input-wrapper--regular input ~ label {
        padding-left: 25px;
        padding-right: 25px;
        top: 31px;
        font-size: 12px
    }

    .cost-calculate__inputs .input-wrapper--regular .input--focused ~ label, .cost-calculate__inputs .input-wrapper--regular .input--valued ~ label {
        font-size: 11px;
        top: 16px
    }

    .cost-calculate__price {
        margin-right: 14px;
        font-size: 28px;
        line-height: 44px
    }

    .cost-calculate__discount-wrapper svg {
        margin-right: 13px;
        width: 28px;
        height: 28px
    }

    .cost-calculate__discount {
        font-size: 20px;
        line-height: 44px
    }

    .cost-calculate__discount::after {
        width: 66px
    }

    .cost-calculate__form-wrapper {
        margin-bottom: 20px
    }

    .cost-calculate__about {
        font-size: 11px
    }

    .cost-calculate__color-proof-button {
        margin-bottom: 35px;
        padding: 18px 55px 20px 24px;
        font-size: 12px
    }

    .cost-calculate__size {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .cost-calculate__size svg {
        margin-right: 0;
        width: 28px;
        height: 28px
    }

    .cost-calculate__size p {
        font-size: 22px;
        line-height: 44px
    }

    .cost-calculate__size p sup {
        top: -.6em;
        font-size: 58%
    }

    .cost-calculate__submit span {
        font-size: 12px;
        line-height: 32px
    }

    .cost-calculate__submit .btn__in-order span {
        line-height: 12px
    }

    .cost-calculate__submit.is-active {
        padding-bottom: 15px
    }

    .cost-calculate__header {
        font-size: 14px;
        line-height: 20px
    }

    .cost-calculate__fast-order {
        margin-bottom: 24px
    }

    .cost-calculate__fast-order a {
        font-size: 13px;
        line-height: 20px
    }

    .cost-calculate__fast-order p {
        font-size: 11px;
        line-height: 18px
    }

    .modal-buttons-wrapper {
        padding: 25px 30px 0
    }

    .modal-buttons-wrapper .close, .modal-buttons-wrapper .close svg {
        width: 28px;
        height: 28px
    }

    .modal-buttons-wrapper .comeback svg {
        width: 30px;
        height: 28px
    }

    .form-success {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 71px 30px 56px
    }

    .form-success__wrapper {
        margin-bottom: 11px
    }

    .form-success__wrapper svg {
        margin-right: 12px;
        width: 82px;
        height: 82px
    }

    .form-success__wrapper i {
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 375px) {
    .cost-calculate {
        max-width: 100%
    }

    .cost-calculate__size {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .cost-calculate__inputs {
        width: 72%
    }

    .cost-calculate__inputs .input-wrapper {
        width: 50%
    }

    .cost-calculate__inputs .input-wrapper--regular input ~ label {
        padding-left: 20px;
        padding-right: 20px
    }

    .cost-calculate__price {
        font-size: 24px
    }
}

.materials-select {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    opacity: 0;
    width: 100%;
    min-height: 100%;
    padding: 115px 38px 35px;
    background-color: #fff;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.materials-select h2 {
    padding-left: 18px;
    margin-bottom: 33px
}

.materials-select.is-active {
    height: auto;
    opacity: 1;
    z-index: 1000;
    visibility: visible
}

@media (max-width: 767px) {
    .materials-select {
        padding: 71px 15px 35px
    }

    .materials-select h2 {
        margin-bottom: 18px;
        padding-left: 15px
    }
}

.product-card-block {
    padding-top: 49px;
    padding-bottom: 30px
}

.product-card-block__price-wrapper {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.product-card-block__price {
    margin-right: 40px;
    font-weight: 900;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em
}

.product-card-block__discount-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto
}

.product-card-block__discount-wrapper svg {
    margin-right: 18px
}

.product-card-block__discount {
    position: relative;
    font-weight: 800;
    font-size: 24px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #a7adb8
}

.product-card-block__discount::after {
    width: 81px;
    -webkit-transform: translate(-50%, -50%) rotate(-15deg);
    transform: translate(-50%, -50%) rotate(-15deg)
}

.product-card-block a.product-card-block__cart-btn {
    display: none;
    font-weight: 800
}

.product-card-block__size-select {
    display: none;
    margin-bottom: 20px
}

.product-card-block--no-calculation a.product-card-block__cart-btn {
    display: block
}

.product-card-block--no-calculation a.product-card-block__cart-btn .btn__order {
    font-size: 14px
}

.product-card-block--no-calculation .collections-slider-small, .product-card-block--no-calculation .product-card-block__collections-title, .product-card-block--no-calculation .product-card-block__menu-wrapper.is-active .product-card-block__price-wrapper, .product-card-block--no-calculation .product-card-block__menu-wrapper.is-active .product-card-block__size-select {
    display: none
}

.product-card-block--no-calculation .product-card-block__tags-list {
    display: none;
    margin-bottom: 37px
}

.product-card-block--no-calculation .product-card-block__menu-container {
    margin-bottom: 0
}

.product-card-block--no-calculation .product-card-block__price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 45px
}

.product-card-block--no-calculation .product-card-block__size-select {
    display: block;
    margin-bottom: 20px
}

.product-card-block--no-calculation .product-card-block__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-card-block--no-calculation .product-card-block__price {
    margin-right: 25px
}

@media (max-width: 1023px) {
    .product-card-block--no-calculation .product-card-block__menu-wrapper.is-active .product-card-block__cart-btn div, .product-card-block--no-calculation .product-card-block__menu-wrapper.is-active .product-card-block__cart-btn span {
        display: none
    }
}

.product-card-block .product-card-slider, .product-card-block h1 {
    margin-bottom: 20px
}

.product-card-block .product-card-slider .slider-button-fill-next, .product-card-block .product-card-slider .slider-button-fill-prev, .product-card-block__author a:hover {
    opacity: .7
}

.product-card-block .product-card-slider .slider-button-fill-next:hover, .product-card-block .product-card-slider .slider-button-fill-prev:hover {
    opacity: 1
}

.product-card-block .product-card-slider .swiper-slide {
    width: 100%;
    position: relative;
    padding-bottom: 66.66667%;
    overflow: hidden
}

.product-card-block .product-card-slider .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover
}

.product-card-block h2 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -.02em
}

.product-card-block h2 a {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.desc-block .list-info {
    -ms-grid-columns: 1fr [4];
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 30px
}

.product-card-block__mobile {
    display: none;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-card-block__slider-wrapper {
    width: 61.4%;
    margin-right: 61px
}

.product-card-block__desc-wrapper {
    width: calc(38.6% - 64px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product-card-block__desc-wrapper .btn {
    padding: 17px 33px 11px;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.product-card-block__desc-wrapper .product-card-block__calculate-btn, .product-card-block__menu-wrapper .color-proof-open {
    display: none
}

.product-card-block__menu-container {
    margin-bottom: 40px
}

.product-card-block__article-wrapper, .product-card-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-card-block__article-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px
}

.product-card-block__author {
    margin-left: 20px;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #767f86
}

.product-card-block__author a {
    color: inherit;
    font-weight: 500
}

.product-card-block__desc {
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.product-card-block__tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 83px;
    margin-left: -10px;
    margin-top: -10px
}

.product-card-block__tags-list li {
    margin-top: 10px;
    margin-left: 10px
}

.product-card-block__menu-wrapper {
    -webkit-transition: none;
    transition: none
}

.product-card-block__menu-wrapper .card-discount-info-block {
    position: relative;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: normal;
    padding: 10px;
    border: 2px solid #70af60;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.product-card-block__menu-wrapper .card-discount-info-block .promo-sale-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-card-block__menu-wrapper .title {
    margin-bottom: 20px
}

.product-card-block__menu-wrapper.init {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.product-card-block__menu-wrapper.init * {
    -webkit-transition: none;
    transition: none
}

.product-card-block__menu-wrapper.is-active {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 2px 32px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 32px rgba(45, 51, 68, .15);
    -webkit-transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    background-color: #fff
}

.product-card-block__menu-wrapper.is-active .product-card-block__calculate-btn {
    display: block
}

.product-card-block__menu-wrapper.is-active .card-discount-info-block {
    font-size: 15px;
    padding: 0 10px;
    margin-bottom: 0
}

.product-card-block__menu-wrapper.is-active .product-card-block__container {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 36px
}

.product-card-block__menu-wrapper.is-active .product-card-block__price-wrapper {
    margin-bottom: 0;
    margin-left: 60px
}

.product-card-block__menu-wrapper.is-active .product-card-block__price {
    margin-right: 25px
}

.product-card-block__menu-wrapper.is-active .product-card-block__cart-btn {
    margin-left: 60px
}

.product-card-block__menu-wrapper.is-active .title {
    max-width: 57%;
    font-weight: 800;
    font-size: 14px;
    line-height: 36px
}

.product-card-block__menu-wrapper.is-active .product-card-block__article-wrapper {
    margin-bottom: 0;
    display: block
}

.product-card-block__menu-wrapper.is-active .title {
    margin-right: auto;
    margin-bottom: 0
}

.product-card-block__menu-wrapper.is-active .article-number {
    margin-right: 27px
}

.product-card-block__menu-wrapper.is-active .color-proof-open {
    position: relative;
    margin-left: auto;
    padding-left: 42px;
    display: block;
    background-color: transparent;
    color: #2e3346;
    border: 0;
    cursor: pointer
}

.product-card-block__menu-wrapper.is-active .color-proof-open p {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.02em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.product-card-block__menu-wrapper.is-active .color-proof-open::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/sprite/icon-colors.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.contacts-item a:hover, .contacts-item__social-lead a:hover p, .product-card-block__menu-wrapper.is-active .color-proof-open:hover p {
    color: #4f8cc8
}

.product-card-block__menu-wrapper.is-active .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
    margin-left: 53px;
    font-size: 10px;
    line-height: 32px;
    font-weight: 700;
    padding: 6px 28px 2px;
    border-radius: 0
}

.product-card-block__menu-wrapper.is-active .product-card-block__author, .product-card-block__menu-wrapper.is-active .product-card-block__desc, .product-card-block__menu-wrapper.is-active .product-card-block__tags-list, .product-review .reviews-slider::before {
    display: none
}

@media (max-width: 1439px) {
    .product-card-block__menu-wrapper.is-active .btn {
        margin-left: 28px
    }

    .product-card-block__menu-wrapper.is-active .product-card-block__price-wrapper {
        margin-bottom: 0;
        margin-left: 30px
    }

    .product-card-block__menu-wrapper.is-active .product-card-block__cart-btn {
        margin-left: 40px
    }
}

@media (max-width: 1279px) {
    .product-card-block {
        padding-bottom: 30px
    }

    .product-card-block .title {
        margin-bottom: 28px;
        font-size: 26px;
        line-height: 32px
    }

    .product-card-block h2 {
        font-size: 13px;
        line-height: 32px
    }

    .product-card-block .product-card-slider {
        margin-bottom: 20px
    }

    .product-card-block .product-card-slider .card-tags {
        right: 20px;
        top: 20px
    }

    .product-card-block .product-card-slider .swiper-slide {
        padding-bottom: 66.66667%
    }

    .product-card-block .product-card-slider .slider-button-fill-next, .product-card-block .product-card-slider .slider-button-fill-prev {
        width: 42px;
        height: 42px
    }

    .product-card-block .product-card-slider .slider-button-fill-prev {
        left: 21px
    }

    .product-card-block .product-card-slider .slider-button-fill-next {
        right: 21px
    }

    .product-card-block .product-card-slider .like {
        right: 20px;
        bottom: 20px;
        width: 42px;
        height: 42px
    }

    .product-card-block .product-card-slider .like svg {
        width: 27px;
        height: 22px
    }

    .desc-block .list-info {
        -ms-grid-columns: 1fr [2];
        grid-template-columns:repeat(2, 1fr)
    }

    .product-card-block__menu-wrapper.is-active .color-proof-open p {
        display: none
    }

    .product-card-block__menu-wrapper.is-active .title {
        font-size: 12px;
        line-height: 36px
    }

    .product-card-block__menu-wrapper.is-active .btn {
        margin-left: 8px
    }

    .product-card-block__menu-wrapper.is-active .product-card-block__price-wrapper {
        margin-left: 20px
    }

    .product-card-block__menu-wrapper.is-active .product-card-block__cart-btn {
        margin-left: 30px
    }

    .product-card-block__desc-wrapper .btn {
        text-align: center
    }

    .product-card-block__desc-wrapper .product-card-block__calculate-btn {
        display: none
    }

    .product-card-block__menu-container {
        margin-bottom: 45px
    }

    .product-card-block__desc {
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 22px
    }

    .product-card-block__tags-list {
        margin-bottom: 43px
    }

    .product-card-block__slider-wrapper {
        padding-top: 8px;
        margin-right: 43px
    }
}

@media (max-width: 1023px) {
    .product-card-block__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-card-block__mobile h1 {
        margin-bottom: 6px;
        font-size: 26px;
        line-height: 32px
    }

    .product-card-block__mobile .article-number {
        display: inline-block;
        position: relative;
        top: -3px;
        padding: 7px 14px 9px;
        font-size: 11px;
        line-height: 14px
    }

    .product-card-block__mobile .product-card-block__article-wrapper {
        margin-bottom: 8px
    }

    .product-card-block__mobile .product-card-block__author {
        margin-left: 0
    }

    .product-card-block {
        padding-top: 25px;
        padding-bottom: 30px
    }

    .product-card-block h2 {
        margin-top: 30px;
        margin-bottom: 13px
    }

    .product-card-block__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-card-block__menu-wrapper .product-card-block__article-wrapper, .product-card-block__menu-wrapper .title, .product-card-block__menu-wrapper.is-active .article-number span {
        display: none
    }

    .product-card-block__menu-wrapper.is-active .product-card-block__container {
        padding: 17px 15px 12px
    }

    .product-card-block__menu-wrapper.is-active .title {
        display: block;
        position: relative;
        width: 65%;
        max-width: unset;
        overflow: hidden;
        white-space: nowrap;
        line-height: 16px
    }

    .product-card-block__menu-wrapper.is-active .title::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 81px;
        height: 32px;
        background: -webkit-gradient(linear, right top, left top, color-stop(11.48%, #fff), color-stop(94.41%, rgba(255, 255, 255, 0)));
        background: linear-gradient(to left, #fff 11.48%, rgba(255, 255, 255, 0) 94.41%)
    }

    .product-card-block__menu-wrapper.is-active .article-number {
        margin-right: 15px;
        padding: 5px 19px 7px
    }

    .product-card-block__menu-wrapper.is-active .btn p, .product-card-block__menu-wrapper.is-active .color-proof-open {
        display: none
    }

    .product-card-block__menu-wrapper.is-active .btn {
        padding: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-left: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .product-card-block__slider-wrapper {
        margin-bottom: 25px;
        width: 100%
    }

    .product-card-block__slider-wrapper .product-card-slider {
        margin-bottom: 23px
    }

    .product-card-block__slider-wrapper .product-card-slider .swiper-slide {
        height: 250px
    }

    .product-card-block__slider-wrapper .product-card-slider .card-tags {
        right: 16px
    }

    .product-card-block__slider-wrapper .product-card-slider .slider-button-fill-next, .product-card-block__slider-wrapper .product-card-slider .slider-button-fill-prev {
        width: 36px;
        height: 36px
    }

    .product-card-block__slider-wrapper .product-card-slider .slider-button-fill-prev {
        left: 16px
    }

    .product-card-block__slider-wrapper .product-card-slider .slider-button-fill-next {
        right: 16px
    }

    .product-card-block__slider-wrapper .product-card-slider .like {
        right: 15px;
        bottom: 15px;
        width: 36px;
        height: 36px
    }

    .product-card-block__slider-wrapper .product-card-slider .like svg {
        width: 22px;
        height: 19px;
        margin-left: 1px;
        margin-top: 3px
    }

    .product-card-block__tags-list {
        margin-bottom: 46px
    }

    .product-card-block__desc {
        margin-bottom: 29px
    }

    .product-card-block__desc-wrapper {
        width: 100%;
        padding-top: 31px;
        border-top: 1px solid #f5f5f5
    }

    .product-card-block__menu-container {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .product-card-block h2 {
        margin-bottom: 4px
    }

    .desc-block .list-info {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .product-card-block__slider-wrapper {
        width: calc(100% + 34px);
        margin-left: -17px;
        margin-bottom: 25px
    }

    .product-card-block__slider-wrapper .product-card-slider {
        margin-bottom: 13px
    }

    .product-card-block__desc-wrapper {
        padding-top: 0;
        border-top: 0
    }

    .product-card-block__desc {
        margin-bottom: 22px
    }

    .product-card-block__mobile h1 {
        font-size: 22px;
        line-height: 28px
    }
}

.product-card-block__counter {
    margin-right: 25px
}

.cost-calculate__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 10px 11px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 4px;
    width: 100%
}

@media (max-width: 767px) {
    .cost-calculate__submit span {
        font-size: 12px;
        line-height: 32px
    }

    .cost-calculate__submit .btn__in-order span {
        line-height: 12px
    }

    .cost-calculate__submit.is-active {
        padding-bottom: 15px
    }
}

.parallax-block {
    position: relative;
    height: 90px;
    overflow: hidden
}

.parallax-block__img-wrapper {
    position: absolute;
    left: 50%;
    min-width: 1440px;
    width: 100%
}

@media (max-width: 1279px) {
    .parallax-block {
        height: 70px
    }
}

@media (max-width: 1023px) {
    .parallax-block {
        height: 60px
    }
}

.product-review {
    padding-top: 60px;
    padding-bottom: 88px;
    background-color: #f5f5f5
}

.product-review .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0
}

.product-review .reviews-slider {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-left: -22px;
    padding-left: 22px;
    width: calc(66.9% + 22px)
}

.product-review .reviews-slider .slider-button-fill-next, .product-review .reviews-slider .slider-button-fill-prev {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.product-review .reviews-slider .slider-button-fill-next.swiper-button-disabled, .product-review .reviews-slider .slider-button-fill-prev.swiper-button-disabled {
    opacity: 0
}

.product-review .reviews-slider::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 143px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(rgba(245, 245, 245, 0)));
    background: linear-gradient(to left, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%)
}

.product-review .reviews-slider .swiper-slide {
    width: 338px
}

.product-review .reviews-slider .swiper-slide-prev a {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.product-review .reviews-slider .swiper-wrapper {
    left: unset;
    margin-left: unset
}

.product-review__text-wrapper {
    padding-top: 73px;
    padding-left: 116px;
    padding-right: 40px;
    width: 33.1%
}

.product-review__text-wrapper h2 {
    margin-bottom: 26px
}

.product-review__text-wrapper .btn {
    margin-top: 41px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 40px 8px 47px;
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width: 1279px) {
    .product-review {
        padding-top: 65px
    }

    .product-review .reviews-slider {
        width: calc(69.3% + 13px);
        margin-left: -13px;
        padding-left: 13px
    }

    .product-review .reviews-slider .slider-button-fill-next {
        right: 18px
    }

    .product-review__text-wrapper {
        padding-top: 54px;
        padding-left: 0;
        padding-right: 16px;
        width: 30.7%
    }

    .product-review__text-wrapper h2 {
        margin-bottom: 32px
    }
}

@media (max-width: 1023px) {
    .product-review {
        position: relative;
        padding-top: 46px;
        padding-bottom: 124px
    }

    .product-review h2 {
        margin-bottom: 14px
    }

    .product-review .reviews-slider {
        padding-top: 24px;
        width: calc(100% + 13px)
    }

    .product-review .reviews-slider .swiper-slide {
        width: 260px
    }

    .product-review .reviews-slider .swiper-slide a:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .product-review .reviews-slider::after {
        width: 77px
    }

    .product-review .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-review .btn {
        position: absolute;
        bottom: 56px;
        width: auto;
        padding: 9px 34px 4px;
        font-size: 12px;
        line-height: 32px
    }

    .product-review__text-wrapper {
        padding-top: 0;
        width: 100%
    }
}

.other-wallpapers {
    padding-top: 68px;
    padding-bottom: 157px
}

.other-wallpapers h2 {
    margin-bottom: 0
}

.other-wallpapers .goods-slider-item-page {
    overflow: hidden
}

@media (max-width: 1023px) {
    .other-wallpapers {
        padding-bottom: 107px
    }

    .other-wallpapers h2 {
        font-weight: 500;
        font-size: 22px;
        line-height: 26px
    }
}

.contacts {
    background-color: #f5f5f5;
    padding-top: 49px
}

.contacts h1, .contacts__desc {
    text-align: center;
    margin-bottom: 29px
}

.contacts__desc {
    margin-bottom: 27px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.contacts-list .contacts-item {
    width: calc(100% / 3 - 24px);
    margin-right: 24px;
    margin-top: 24px
}

.contacts-item {
    padding: 30px 39px 55px;
    background-color: #fff;
    border-radius: 8px
}

.contacts-item h2 {
    margin-top: 0;
    margin-bottom: 21px;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #a7adb8
}

.contacts-item p {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #767f86
}

.contacts-item svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts-item a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.contacts-item__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
    padding-top: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.contacts-item__socials-list li {
    margin-left: -4px;
    z-index: auto
}

.contacts-item__socials-list li:last-child {
    margin-left: 0
}

.contacts-item__socials-list svg {
    height: 30px
}

.contacts-item__messenger {
    margin-bottom: 27px
}

.contacts-item__messenger-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1px
}

.contacts-item__messenger-number a {
    display: block;
    font-weight: 800;
    font-size: 26px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

.contacts-item__number {
    margin-bottom: 22px
}

.contacts-item__mail--small:last-child, .contacts-item__number:last-child, .contacts-item__social:last-child {
    margin-bottom: 0
}

.contacts-item__number h3 {
    margin-top: 0;
    margin-bottom: -5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px
}

.contacts-item__mail a, .contacts-item__number a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-bottom: -5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

.contacts-item__mail, .contacts-item__mail--small {
    margin-bottom: 18px
}

.contacts-item__mail a {
    margin-bottom: -7px;
    font-weight: 600;
    font-size: 26px
}

.contacts-item__mail--small a {
    font-size: 16px;
    line-height: 46px
}

.contacts-item__social-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.contacts-item__social a, .contacts-item__social-lead a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts-item__social-lead svg {
    margin-right: 18px
}

.contacts-item__social-lead p {
    font-weight: 500;
    font-size: 26px;
    line-height: 22px;
    letter-spacing: -.02em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #2e3346
}

.contacts-item__socials-wrapper {
    margin-bottom: 33px
}

.contacts-item__social {
    margin-bottom: 11px
}

.contacts-item__social svg {
    margin-right: 18px;
    fill: #a7adb8;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.contacts-item__social a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.contacts-item__social p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #2e3346
}

.contacts-form h2 {
    margin-bottom: 34px
}

@media (max-width: 1279px) {
    .contacts-form {
        padding-bottom: 80px
    }

    .contacts-form, .contacts-form--reviews {
        padding-top: 60px
    }

    .contacts-form h2 {
        margin-bottom: 24px
    }

    .contacts-form .delivery__form {
        max-width: unset;
        margin-right: 0
    }

    .contacts-form .delivery__form--reviews {
        margin-right: 50px
    }

    .contacts-form .delivery {
        width: 71%
    }

    .contacts-form__requisite {
        padding-top: 53px;
        padding-left: 53px;
        width: 29%
    }

    .contacts-form__requisite p {
        font-size: 12px;
        line-height: 32px
    }

    .contacts-form__info {
        padding-top: 53px
    }

    .contacts__desc {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 24px
    }

    .contacts-list {
        margin-right: -20px;
        margin-top: -20px
    }

    .contacts-list .contacts-item {
        padding: 30px 32px 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: calc(100% / 3 - 20px)
    }

    .contacts-item p {
        font-size: 12px;
        line-height: 16px
    }

    .contacts-item__messenger {
        margin-bottom: 25px
    }

    .contacts-item__number h3 {
        margin-bottom: -7px;
        font-size: 13px;
        line-height: 24px
    }

    .contacts-item__number a {
        margin-bottom: -2px
    }

    .contacts-item__mail a, .contacts-item__messenger-number a {
        font-size: 22px;
        line-height: 46px
    }

    .contacts-item__socials-list {
        margin-right: 11px
    }

    .contacts-item__socials-list li {
        margin-left: -2px
    }

    .contacts-item__socials-list svg {
        width: 27px;
        height: 27px
    }

    .contacts-item__mail {
        margin-bottom: 22px
    }

    .contacts-item__mail a {
        margin-bottom: -4px
    }

    .contacts-item__mail--small {
        margin-bottom: -3px
    }

    .contacts-item__mail--small a {
        margin-bottom: -8px;
        font-size: 16px;
        line-height: 46px
    }

    .contacts-item__mail--small p {
        font-size: 12px;
        line-height: 22px
    }

    .contacts-item__socials-wrapper {
        margin-bottom: 19px
    }

    .contacts-item__socials-wrapper p {
        font-size: 12px;
        line-height: 18px
    }

    .contacts-item__social-lead {
        margin-bottom: 11px
    }

    .contacts-item__social-lead svg {
        margin-right: 13px;
        width: 42px;
        height: 42px
    }

    .contacts-item__social-lead p {
        font-size: 22px;
        line-height: 22px
    }

    .contacts-item__social svg {
        margin-right: 7px
    }

    .contacts-item__social p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 1023px) {
    .contacts {
        padding-top: 25px
    }

    .contacts h1 {
        margin-bottom: 19px
    }

    .contacts__desc {
        margin-bottom: 31px
    }

    .contacts-list {
        margin: 0
    }

    .contacts-list .contacts-item {
        padding: 30px 32px 54px;
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 20px
    }

    .contacts-list .contacts-item:last-child {
        margin-bottom: 0
    }

    .contacts-form {
        padding-top: 45px;
        padding-bottom: 104px
    }

    .contacts-form .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-form .delivery {
        margin-bottom: 40px;
        width: 100%
    }

    .contacts-form .delivery__form--reviews {
        padding-top: 45px;
        margin-right: 0
    }

    .contacts-form__info, .contacts-form__requisite {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }
}

@media (max-width: 375px) {
    .contacts-item__messenger-number a {
        font-size: 20px
    }
}

.map {
    padding-top: 91px;
    background-color: #f5f5f5
}

.map .container {
    margin-bottom: 29px
}

.map h2 {
    margin-bottom: 20px;
    font-weight: 600;
    margin-top: 0;
    text-align: center
}

.map__address {
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

.metro-list li {
    margin-right: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.metro-list li:last-child {
    margin-right: 0
}

.map-wrapper {
    position: relative
}

.map-wrapper iframe {
    border: 0;
    width: 100%;
    height: 500px
}

.map-wrapper::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 51px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d3344), to(rgba(196, 196, 196, 0)));
    background: linear-gradient(180deg, #2d3344 0%, rgba(196, 196, 196, 0) 100%);
    opacity: .1
}

@media (max-width: 1279px) {
    .map {
        padding-top: 87px
    }

    .map h2 {
        margin-bottom: 22px
    }

    .map__address {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 28px
    }
}

@media (max-width: 1023px) {
    .map {
        padding-top: 61px
    }

    .map h2 {
        margin: 0 auto 18px;
        width: 78%
    }

    .map__address {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 24px
    }

    .metro-list p {
        font-size: 12px;
        line-height: 28px
    }

    .map-wrapper iframe {
        height: 400px
    }
}

.find-us {
    padding-top: 39px;
    padding-bottom: 90px
}

.find-us .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.find-us h2 {
    margin-bottom: 25px
}

.find-us__preview {
    position: relative;
    width: 635px;
    height: 409px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

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

.find-us__text-block {
    padding-left: 61px
}

.find-us-gallery .find-us-gallery-item {
    cursor: pointer;
    margin-bottom: 24px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.find-us-gallery .find-us-gallery-item:last-child {
    margin-bottom: 0
}

.find-us-gallery .find-us-gallery-item:hover {
    background-color: #f5f5f5
}

.find-us-gallery-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.find-us-gallery-item p {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.find-us-gallery-item img, .find-us-gallery-item picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.find-us-gallery-item img {
    margin-right: 20px;
    width: 70px;
    height: 70px
}

@media (max-width: 1279px) {
    .find-us {
        padding-top: 31px;
        padding-bottom: 76px
    }

    .find-us h2 {
        margin-bottom: 12px
    }

    .find-us__preview {
        width: 451px;
        height: 291px
    }

    .find-us__text-block {
        padding-left: 36px
    }

    .find-us-gallery-item p {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 1023px) {
    .find-us {
        padding-top: 14px;
        padding-bottom: 62px
    }

    .find-us .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .find-us__preview {
        margin-bottom: 27px;
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 64.43149%
    }

    .find-us__preview img {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .find-us__text-block {
        padding-left: 0
    }

    .find-us-gallery .find-us-gallery-item {
        margin-bottom: 15px
    }

    .find-us-gallery .find-us-gallery-item picture {
        margin: 0
    }
}

.search-result {
    padding-top: 49px;
    padding-bottom: 96px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(21.61%, #efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(180deg, #efeeee 21.61%, #f3f3f3 100%, #f3f3f3 100%)
}

.search-result h1 {
    margin-bottom: 44px
}

.search-result .search-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1019px
}

.search-result .search-input-wrapper input {
    height: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em
}

.search-result .search-input-wrapper input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.02em
}

.search-result .search-input-wrapper input::-moz-placeholder {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.02em
}

.search-result .search-input-wrapper input:-ms-input-placeholder, .search-result .search-input-wrapper input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.02em
}

.search-result .search-input-wrapper input::placeholder {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.02em
}

.search-result .search-input-wrapper button {
    padding: 11px 38px 7px 40px;
    margin-left: 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.search-result-list h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 20px;
    letter-spacing: -.02em;
    margin-bottom: 29px;
    margin-top: 64px
}

.search-result-list h2:first-child {
    margin-top: 0
}

.search-result-list .title span, .search-result-list h2 span {
    margin-left: 10px;
    font-weight: 500;
    font-size: 28px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #4f8cc8
}

@media (max-width: 1023px) {
    .search-result {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .search-result {
        padding-bottom: 55px
    }

    .search-result h1 {
        margin-bottom: 34px
    }

    .search-result .search-input-wrapper input {
        padding-right: 50px
    }

    .search-result .search-input-wrapper button {
        padding: 11px 28px 6px
    }

    .search-result-list {
        padding-top: 42px
    }

    .search-result-list .collections-cards-slider {
        margin-bottom: 42px
    }

    .search-result-list h2 {
        margin-top: 36px;
        margin-bottom: 19px;
        padding-right: 35px;
        font-size: 18px;
        line-height: 24px
    }

    .search-result-list h2 span {
        margin-left: 5px;
        font-size: 22px;
        line-height: 20px
    }
}

.author-collection-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 306px;
    min-height: 344px;
    padding: 15px
}

.author-collection-card--big {
    width: 623px;
    max-width: 100%
}

@media (max-width: 767px) {
    .author-collection-card--big {
        width: 306px
    }
}

.author-collection-card--text-white .author-collection-card__text-wrapper p {
    color: #fff;
    opacity: .8
}

.author-collection-card:focus img, .author-collection-card:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.author-collection-card img, .other-products-card img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.author-collection-card__text-wrapper {
    z-index: 1;
    margin-top: 130px;
    width: 62%
}

.author-collection-card__text-wrapper h3 {
    margin-top: 0;
    margin-bottom: 18px;
    color: #2e3346;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800
}

.author-collection-card__text-wrapper p {
    margin: 0;
    color: #2e3346;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 600;
    opacity: .7
}

.author-collection-card__labels {
    position: absolute;
    top: 17px;
    right: 19px;
    width: auto
}

.author-collections-block {
    padding-top: 62px;
    padding-bottom: 62px
}

.author-collections-block__link-wrapper {
    margin-bottom: 15px
}

@media (max-width: 1023px) {
    .author-collections-block__link-wrapper a {
        color: inherit;
        text-decoration: none;
        font-size: 11px;
        line-height: 16px
    }
}

.author-collections-block__slider {
    position: relative;
    overflow: hidden
}

.author-collections-block__slider::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 122px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.author-collections-block .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    width: auto;
    max-width: 100%
}

@media (max-width: 1023px) {
    .author-collections-block {
        position: relative;
        padding-top: 40px;
        padding-bottom: 110px
    }
}

.author-collections-block--no-top-padding {
    padding-top: 0
}

@media (max-width: 1023px) {
    .author-collections-block--no-top-padding {
        padding-top: 0
    }
}

.other-products--main-page {
    margin-bottom: 50px
}

@media (max-width: 1023px) {
    .other-products--main-page {
        position: relative;
        padding-bottom: 70px
    }
}

.other-products__title-wrapper {
    margin-bottom: 18px
}

@media (max-width: 1023px) {
    .other-products__title-wrapper a {
        position: absolute;
        bottom: 10px
    }
}

.other-products__list {
    width: 100%
}

.other-products__list::after {
    content: "";
    display: block;
    clear: both
}

.other-products__item {
    width: 23.65%;
    float: left;
    margin-bottom: 16px;
    height: 332px
}

@media (max-width: 1279px) {
    .other-products__item {
        margin-bottom: 14px;
        height: 283px
    }
}

@media (max-width: 767px) {
    .other-products__item {
        width: 100%;
        margin-bottom: 16px;
        height: 180px
    }
}

.other-products__item--height-xl {
    height: 680px
}

@media (max-width: 1279px) {
    .other-products__item--height-xl {
        height: 580px
    }
}

@media (max-width: 767px) {
    .other-products__item--height-xl {
        height: 420px
    }
}

.other-products__item--width-xl {
    width: 49.1%
}

@media (max-width: 767px) {
    .other-products__item--width-xl {
        width: 100%
    }
}

.other-products__item--height-s {
    height: 260px
}

@media (max-width: 1279px) {
    .other-products__item--height-s {
        height: 222px
    }
}

@media (max-width: 767px) {
    .other-products__item--height-s {
        height: 180px
    }
}

.other-products__item--height-l {
    height: 404px
}

@media (max-width: 1279px) {
    .other-products__item--height-l {
        height: 344px
    }
}

@media (max-width: 767px) {
    .other-products__item--height-l {
        height: 180px
    }
}

.other-products__item--height-xs {
    height: 234.66px
}

@media (max-width: 1279px) {
    .other-products__item--height-xs {
        height: 184px
    }
}

@media (max-width: 767px) {
    .other-products__item--height-xs {
        height: 180px
    }
}

.other-products .grid-sizer {
    width: 23.65%
}

.other-products .gutter-sizer {
    width: 1.8%
}

.other-products-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 2
}

@media (max-width: 1023px) {
    .other-products-card {
        padding: 15px
    }
}

@media (max-width: 767px) {
    .other-products-card {
        padding: 20px
    }
}

.other-products-card::after {
    z-index: 2;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 146px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 51, 68, 0)), to(rgba(45, 51, 68, .3)));
    background: linear-gradient(180deg, rgba(45, 51, 68, 0) 0%, rgba(45, 51, 68, .3) 100%)
}

@media (max-width: 1023px) {
    .other-products-card::after {
        height: 114px
    }
}

.other-products-card h3 {
    z-index: 3;
    width: 70%;
    margin: 0;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #fff;
    font-weight: 700
}

@media (max-width: 1279px) {
    .other-products-card h3 {
        font-size: 18px;
        line-height: 22px
    }
}

.other-products-card p {
    z-index: 3;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 600
}

@media (max-width: 1279px) {
    .other-products-card p {
        font-size: 13px;
        line-height: 18px
    }
}

.other-products-card img {
    z-index: 1;
    -o-object-position: left;
    object-position: left;
    opacity: 1;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.other-products-card--big {
    padding-left: 30px
}

@media (max-width: 1279px) {
    .other-products-card--big {
        padding-left: 25px
    }
}

@media (max-width: 1023px) {
    .other-products-card--big {
        padding-left: 20px
    }
}

.other-products-card--big h3 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 900
}

.other-products-card:focus img, .other-products-card:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    opacity: .9
}

#cdek-block {
    height: 600px
}

.reviews-page #review_map {
    position: absolute;
    overflow: hidden;
    min-height: 560px;
    width: 100%
}

.reviews-page__map {
    position: relative;
    min-height: 560px;
    background-image: url(../img/world-map.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.reviews-page__map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.reviews-page__breadcrumbs ul {
    padding-left: 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews-page__title-wrapper {
    position: relative;
    z-index: 2;
    padding-top: 49px
}

.reviews-page__title-wrapper h1 {
    text-align: center
}

.reviews-page__title-wrapper p {
    margin: 0;
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 48px;
    letter-spacing: -.02em;
    text-align: center
}

@media (max-width: 1023px) {
    .reviews-page__title-wrapper {
        padding-top: 25px
    }

    .reviews-page__title-wrapper p {
        font-size: 20px;
        line-height: 36px
    }
}

@media (max-width: 767px) {
    .reviews-page__title-wrapper p {
        font-size: 16px;
        line-height: 22px
    }
}

.reviews-page__factoids {
    padding-top: 50px;
    padding-bottom: 73px
}

@media (max-width: 1023px) {
    .reviews-page__factoids {
        padding-top: 33px;
        padding-bottom: 60px
    }
}

@media (max-width: 767px) {
    .reviews-page__factoids {
        padding-top: 23px;
        padding-bottom: 50px
    }
}

.reviews-page__factoid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 94%;
    margin: 0 auto
}

@media (max-width: 1279px) {
    .reviews-page__factoid-list {
        max-width: 100%
    }
}

.reviews-page__factoid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 10px;
    padding-left: 50px
}

.reviews-page__factoid--countries {
    background-image: url(../img/sprite/icon-globe.svg);
    background-repeat: no-repeat;
    background-size: 110px 113px;
    background-position: bottom left
}

.reviews-page__factoid--cities {
    width: 230px;
    background-image: url(../img/sprite/icon-map.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left
}

.reviews-page__factoid--reviews {
    background-image: url(../img/sprite/icon-quote.svg);
    background-repeat: no-repeat;
    background-size: 140px 114px;
    background-position: bottom left
}

.reviews-page__factoid-number, .reviews-page__factoid-text {
    font-family: "Mont", "Arial", sans-serif;
    font-weight: 800;
    font-size: 94px;
    line-height: 120px;
    letter-spacing: -.01em
}

.reviews-page__factoid-text {
    margin-top: -7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.reviews-page__reviews {
    padding-bottom: 65px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(16.15%, #f3f3f3));
    background: linear-gradient(180deg, #fff 0%, #f3f3f3 16.15%)
}

@media (max-width: 767px) {
    .reviews-page__reviews {
        padding-bottom: 40px
    }
}

.reviews-page__review-list {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    margin-bottom: 65px;
    grid-auto-flow: row dense
}

@media (max-width: 1279px) {
    .reviews-page__review-list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 1023px) {
    .reviews-page__review-list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .reviews-page__review-list {
        display: block;
        margin-bottom: 40px
    }
}

.reviews-page__btn {
    max-width: 228px;
    margin: 0 auto
}

.reviews-page .delivery__input-surname {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .reviews-page .delivery__input-surname {
        margin-bottom: 18px
    }
}

.reviews-page .delivery__input-city {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .reviews-page .delivery__input-city {
        margin-bottom: 18px
    }
}

.review-item {
    border-radius: 8px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    overflow: hidden
}

@media (max-width: 767px) {
    .review-item {
        margin-bottom: 20px
    }

    .review-item:last-child {
        margin-bottom: 0
    }
}

.review-item--large {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3
}

.review-item__top {
    position: relative;
    height: 228px;
    overflow: hidden
}

.review-item__btn-enlarge {
    z-index: 2;
    position: absolute;
    bottom: 8px;
    left: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.review-item__btn-enlarge svg {
    fill: #767f86;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.review-item__btn-enlarge:focus svg, .review-item__btn-enlarge:hover svg {
    fill: #2e3346
}

.review-item__btn-play {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    padding: 0;
    background-color: transparent;
    background-image: url(../img/svg/play_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    border: 0;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.review-item__btn-play:focus, .review-item__btn-play:hover {
    opacity: .7
}

.review-item__product-list {
    z-index: 3;
    position: absolute;
    bottom: 13px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.review-item__product-list:focus li, .review-item__product-list:hover li {
    margin-left: 5px
}

.review-item__product-list:focus ~ .review-item__img-wrapper::before, .review-item__product-list:focus ~ .review-item__slider .swiper-slide-active::before, .review-item__product-list:hover ~ .review-item__img-wrapper::before, .review-item__product-list:hover ~ .review-item__slider .swiper-slide-active::before {
    opacity: .4
}

.review-item__product-item {
    width: 48px;
    height: 48px;
    margin-left: -18px;
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease
}

@media (max-width: 767px) {
    .review-item__product-item {
        margin-left: 5px
    }
}

.review-item__product-item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 4;
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15)
}

.review-item__product-item a:focus::after, .review-item__product-item a:hover::after {
    border-color: #fff
}

.review-item__product-item a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.review-item__avatar img, .review-item__img-wrapper img, .review-item__product-item img, .review-item__slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.review-item__slider {
    height: 100%
}

.review-item__slider:focus .slider-button-fill-prev, .review-item__slider:hover .slider-button-fill-prev {
    left: 16px
}

.review-item__slider:focus .slider-button-fill-next, .review-item__slider:hover .slider-button-fill-next {
    right: 16px
}

.review-item__slider .slider-button-fill-prev {
    left: -50px;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    opacity: .6
}

.review-item__slider .slider-button-fill-next:hover, .review-item__slider .slider-button-fill-prev:hover, .review-item__slider-pagination .swiper-pagination-bullet:hover {
    opacity: 1
}

.review-item__slider .slider-button-fill-next {
    right: -50px;
    opacity: .6;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
}

.review-item__slider .swiper-slide-active {
    position: relative
}

.review-item__img-wrapper::before, .review-item__slider .swiper-slide-active::before {
    z-index: 2;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#2e3346), color-stop(89.37%, rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, #2e3346 0%, rgba(46, 51, 70, 0) 89.37%);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.review-item__slider-pagination {
    z-index: 2;
    position: absolute;
    top: 16px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.review-item__slider-pagination.hidden {
    display: none
}

.review-item__slider-pagination .swiper-pagination-bullet {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    opacity: .3;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.review-item__slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.review-item__slider-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: .8
}

.review-item__slide {
    position: relative
}

.review-item__img-wrapper {
    height: 100%;
    position: relative
}

.review-item__bottom {
    background-color: #fff
}

.review-item__bottom a {
    display: block;
    width: 100%
}

.review-item__bottom a:focus svg, .review-item__bottom a:hover svg {
    fill: #d95858
}

.review-item__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 13px 16px;
    border-bottom: 1px solid #efeeee
}

.review-item__account svg {
    margin-top: 6px;
    fill: #dee0e2;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.review-item__avatar {
    position: relative;
    width: 45px;
    height: 45px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    border-radius: 50%;
    overflow: hidden
}

.review-item__user {
    margin-right: auto;
    padding-top: 6px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.review-item__username {
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #2e3346
}

.review-item__location {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    color: #a7adb8
}

.review-item__text {
    height: 116px;
    padding: 18px 16px 26px;
    overflow: hidden
}

.review-item__text--empty {
    background-image: url(../img/sprite/icon-heart.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 74px 64px
}

.review-item__text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: #2e3346;
    letter-spacing: -.01em
}

.material-slider-wrapper {
    position: relative
}

@media (max-width: 375px) {
    .material-slider-wrapper {
        width: 100%
    }
}

.materials-slider {
    position: relative;
    width: 1200px;
    max-width: 100%;
    background-color: #fff;
    height: 600px;
    overflow-x: hidden
}

@media (max-width: 1279px) {
    .materials-slider {
        width: 952px;
        height: 476px
    }
}

@media (max-width: 1023px) {
    .materials-slider {
        width: 600px;
        height: auto
    }
}

@media (max-width: 767px) {
    .materials-slider {
        width: 476px
    }
}

@media (max-width: 520px) {
    .materials-slider {
        width: 342px
    }
}

@media (max-width: 375px) {
    .materials-slider {
        width: 100%
    }
}

.materials-slider .swiper-wrapper {
    width: 100%;
    height: 100%
}

.materials-slider .slider-buttons {
    z-index: 2;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 48px;
    right: 48px;
    min-width: unset;
    height: auto
}

.materials-slider .slider-buttons__prev {
    width: 42px;
    height: 42px;
    margin-right: 6px
}

@media (max-width: 767px) {
    .materials-slider .slider-buttons__prev {
        width: 38px;
        height: 38px
    }
}

.materials-slider .slider-buttons__next {
    width: 42px;
    height: 42px;
    margin: 0
}

@media (max-width: 767px) {
    .materials-slider .slider-buttons__next {
        width: 38px;
        height: 38px
    }
}

@media (max-width: 1279px) {
    .materials-slider .slider-buttons {
        top: 42px;
        right: 32px
    }
}

@media (max-width: 1023px) {
    .materials-slider .slider-buttons {
        top: 642px;
        right: 28px
    }
}

@media (max-width: 767px) {
    .materials-slider .slider-buttons {
        top: 506px
    }
}

@media (max-width: 520px) {
    .materials-slider .slider-buttons {
        top: 362px
    }
}

@media (max-width: 375px) {
    .materials-slider .slider-buttons {
        top: calc(100vw + 20px)
    }
}

.materials-slider__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}

.materials-slider__slide::after {
    z-index: 1;
    content: '';
    position: absolute;
    bottom: 0;
    right: 20px;
    width: calc(50% - 20px);
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

@media (max-width: 1023px) {
    .materials-slider__slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .materials-slider__slide::after {
        display: none
    }
}

.materials-slider__text-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto
}

.materials-slider__description {
    width: 50%;
    height: 100%;
    padding: 48px 48px 48px 60px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1279px) {
    .materials-slider__description {
        padding: 46px 32px 46px 46px
    }
}

@media (max-width: 1023px) {
    .materials-slider__description {
        width: 100%;
        height: auto;
        padding: 46px 46px 68px
    }
}

@media (max-width: 767px) {
    .materials-slider__description {
        padding: 35px 35px 68px
    }
}

@media (max-width: 520px) {
    .materials-slider__description {
        padding: 27px 28px 68px
    }
}

.materials-slider__description h3 {
    margin-top: 0;
    margin-bottom: 18px;
    padding-right: 90px;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    text-transform: uppercase
}

@media (max-width: 1279px) {
    .materials-slider__description h3 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 12px
    }
}

@media (max-width: 767px) {
    .materials-slider__description h3 {
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 520px) {
    .materials-slider__description h3 {
        margin-bottom: 7px
    }
}

.contacts-list__item h2, .materials-slider__description p {
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px
}

.materials-slider__description table {
    margin-top: 50px;
    border-collapse: collapse
}

@media (max-width: 1439px) {
    .materials-slider__description table {
        margin-top: 25px
    }
}

@media (max-width: 1279px) {
    .materials-slider__description table {
        margin-top: 20px
    }
}

@media (max-width: 520px) {
    .materials-slider__description table {
        margin-top: 15px
    }
}

.materials-slider__description th {
    width: 160px;
    padding: 8px 0;
    text-align: left;
    color: #767f86;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px
}

.materials-slider__description td {
    width: 114px;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px
}

.materials-slider__description tr {
    border-bottom: 2px solid #dee0e2
}

@media (max-width: 1023px) {
    .material-images-slider {
        width: 100%;
        height: 600px
    }
}

@media (max-width: 767px) {
    .material-images-slider {
        height: 476px
    }
}

@media (max-width: 520px) {
    .material-images-slider {
        height: auto
    }
}

@media (max-width: 1023px) {
    .material-images-slider__pagination {
        bottom: 20px
    }
}

@media (max-width: 767px) {
    .material-images-slider__pagination {
        bottom: 15px
    }
}

@media (max-width: 520px) {
    .material-images-slider__pagination__slide {
        padding-top: 100%
    }
}

@media (max-width: 767px) {
    .material-images-slider .slider-button-fill-prev {
        width: 32px;
        height: 32px;
        left: 16px
    }
}

@media (max-width: 767px) {
    .material-images-slider .slider-button-fill-next {
        width: 32px;
        height: 32px;
        right: 16px
    }
}

.blog-slider {
    overflow: hidden
}

.blog-slider--news .swiper-slide {
    background-color: #f5f5f5
}

.blog-slider--news .swiper-slide a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.blog-slider--news .swiper-slide a:hover {
    opacity: .7
}

.blog-slider--news .article__title, .blog-slider--news .title {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #2e3346
}

.blog-slider--news .btn {
    margin-top: 61px
}

.blog-slider--news .article__about {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

@media (min-width: 1440px) {
    .blog--slider {
        margin: 0 auto
    }

    .blog--slider .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 1368px
    }
}

.collections-cards-slider {
    overflow: hidden;
    position: relative;
    margin-bottom: 85px
}

.collections-cards-slider::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 122px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%)
}

.collections-cards-slider__title {
    margin-bottom: 18px
}

@media (max-width: 1023px) {
    .collections-cards-slider {
        margin-bottom: 60px
    }
}

.collections-cards-slider--main {
    margin-top: 0
}

@media (max-width: 767px) {
    .collections-cards-slider--main {
        margin-top: 15px
    }
}

.contacts-list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px -24px 0 0
}

.contacts-list__item {
    padding: 30px 39px 55px;
    background-color: #fff;
    border-radius: 8px;
    width: calc(100% / 3 - 24px);
    margin: 24px 24px 0 0
}

.contacts-list__item h2 {
    margin-bottom: 21px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #a7adb8
}

.contacts-list__item p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #767f86
}

.contacts-list__item svg, .find-us-gallery__item img, .find-us-gallery__item picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts-list__item a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.contacts-list__item a:hover, .contacts-list__social-lead a:hover p {
    color: #4f8cc8
}

.contacts-list__socials-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 16px 0 0;
    padding: 7px 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.contacts-list__socials-list svg {
    width: 31px;
    min-width: 31px;
    height: 31px
}

.contacts-list__item a, .contacts-list__socials-list a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px
}

.contacts-list__social-item {
    padding: 0;
    margin: 0 0 0 -4px;
    z-index: auto
}

.contacts-list__social-item:last-child {
    margin-left: 0
}

.contacts-list__messenger {
    margin-bottom: 27px
}

.contacts-list__messenger-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1px
}

.contacts-list__messenger-number a {
    text-decoration: none;
    display: block;
    font-weight: 800;
    font-size: 26px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

.contacts-list__number {
    margin-bottom: 22px
}

.contacts-list__mail--small:last-child, .contacts-list__number:last-child, .contacts-list__social:last-child {
    margin-bottom: 0
}

.contacts-list__number h3 {
    margin-top: 0;
    margin-bottom: -5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px
}

.contacts-list__mail a, .contacts-list__number a {
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-bottom: -5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

.contacts-list__mail, .contacts-list__mail--small {
    margin-bottom: 18px
}

.contacts-list__mail a {
    margin-bottom: -7px;
    font-weight: 600;
    font-size: 26px
}

.contacts-list__mail--small a {
    font-size: 16px;
    line-height: 46px
}

.contacts-list__social-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.contacts-list__social a, .contacts-list__social-lead a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts-list__social-lead a {
    color: inherit;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px
}

.contacts-list__social-lead svg {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 18px
}

.contacts-list__social-lead p {
    font-weight: 500;
    font-size: 26px;
    line-height: 22px;
    letter-spacing: -.02em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #2e3346
}

.contacts-list__socials-wrapper {
    margin-bottom: 33px
}

.contacts-list__social {
    margin-bottom: 11px
}

.contacts-list__social svg {
    margin-right: 18px;
    fill: #a7adb8;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.contacts-list__social a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.contacts-list__social a:hover svg {
    fill: #2e3346
}

.contacts-list__social p {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1279px) {
    .contacts-list {
        margin-right: -20px;
        margin-top: -20px
    }

    .contacts-list__item {
        padding: 30px 32px 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: calc(100% / 3 - 20px)
    }

    .contacts-list__item p {
        font-size: 12px;
        line-height: 16px
    }

    .contacts-list__messenger {
        margin-bottom: 25px
    }

    .contacts-list__number h3 {
        margin-bottom: -7px;
        font-size: 13px;
        line-height: 24px
    }

    .contacts-list__number a {
        margin-bottom: -2px
    }

    .contacts-list__mail a, .contacts-list__messenger-number a {
        font-size: 22px;
        line-height: 46px
    }

    .contacts-list__socials-list {
        margin-right: 11px
    }

    .contacts-list__socials-list svg {
        width: 27px;
        height: 27px
    }

    .contacts-list__social-item {
        margin-left: -2px
    }

    .contacts-list__mail {
        margin-bottom: 22px
    }

    .contacts-list__mail a {
        margin-bottom: -4px
    }

    .contacts-list__mail--small {
        margin-bottom: -3px
    }

    .contacts-list__mail--small a {
        margin-bottom: -8px;
        font-size: 16px;
        line-height: 46px
    }

    .contacts-list__mail--small p {
        font-size: 12px;
        line-height: 22px
    }

    .contacts-list__socials-wrapper {
        margin-bottom: 19px
    }

    .contacts-list__socials-wrapper p {
        font-size: 12px;
        line-height: 18px
    }

    .contacts-list__social-lead {
        margin-bottom: 11px
    }

    .contacts-list__social-lead svg {
        margin-right: 13px;
        width: 42px;
        height: 42px
    }

    .contacts-list__social-lead p {
        font-size: 22px;
        line-height: 22px
    }

    .contacts-list__social svg {
        margin-right: 7px
    }

    .contacts-list__social p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 1023px) {
    .contacts-list {
        margin: 0
    }

    .contacts-list__item {
        padding: 30px 32px 54px;
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 20px
    }

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

@media (max-width: 375px) {
    .contacts-list__messenger-number a {
        font-size: 20px
    }
}

.contacts-form {
    padding-top: 67px;
    padding-bottom: 181px
}

.contacts-form--reviews {
    padding-top: 90px
}

.contacts-form--reviews .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts-form--proectorum {
    padding-top: 27px
}

.contacts-form--proectorum .title--h4-medium {
    margin-bottom: 23px
}

.contacts-form--proectorum .title.desktop-only {
    display: block
}

.contacts-form--proectorum .title.mobile-only {
    display: none
}

.contacts-form .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts-form .title {
    margin-bottom: 34px
}

.contacts-form .delivery {
    padding: 0
}

.contacts-form .delivery__form {
    margin-right: 67px
}

.contacts-form .checkbox-label {
    font-size: 13px;
    line-height: 28px
}

@media (max-width: 374px) {
    .contacts-form .checkbox-label {
        line-height: 18px
    }
}

.contacts-form__requisite {
    padding-top: 66px
}

.contacts-form__info h3, .contacts-form__requisite h3 {
    margin-top: 0;
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -.02em
}

.contacts-form__requisite p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -.02em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #767f86
}

.contacts-form__info {
    width: 32%;
    padding-top: 66px
}

.contacts-form__info h3 {
    margin-bottom: 14px;
    font-size: 28px;
    line-height: 32px
}

.contacts-form__info p {
    margin: 0 0 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 1279px) {
    .contacts-form {
        padding-bottom: 80px
    }

    .contacts-form, .contacts-form--reviews {
        padding-top: 60px
    }

    .contacts-form--proectorum {
        padding-top: 27px
    }

    .contacts-form--proectorum .delivery__rightside-wrapper {
        max-width: 40%
    }

    .contacts-form--proectorum.contacts-form .delivery {
        width: 100%
    }

    .contacts-form .title {
        margin-bottom: 24px
    }

    .contacts-form .delivery__form {
        max-width: unset;
        margin-right: 0
    }

    .contacts-form .delivery__form--reviews {
        margin-right: 50px
    }

    .contacts-form .delivery {
        width: 71%
    }

    .contacts-form__requisite {
        padding-top: 53px;
        padding-left: 53px;
        width: 29%
    }

    .contacts-form__requisite p {
        font-size: 12px;
        line-height: 32px
    }

    .contacts-form__info {
        padding-top: 53px
    }
}

@media (max-width: 1023px) {
    .contacts-form {
        padding-top: 45px;
        padding-bottom: 104px
    }

    .contacts-form--proectorum .title.desktop-only {
        display: none
    }

    .contacts-form--proectorum .title.mobile-only {
        display: block;
        margin-top: 35px
    }

    .contacts-form--proectorum .delivery__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-form--proectorum .delivery__rightside-wrapper {
        max-width: unset;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .contacts-form--proectorum .delivery__rightside-bottom-wrapper {
        display: block
    }

    .contacts-form--proectorum .delivery__form .delivery__oferta-checkbox {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }

    .contacts-form .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-form .delivery {
        margin-bottom: 40px;
        width: 100%
    }

    .contacts-form .delivery__form--reviews {
        padding-top: 45px;
        margin-right: 0
    }

    .contacts-form__info, .contacts-form__requisite {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .contacts-form--proectorum .delivery__rightside-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.form-calculate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 115px 58px 32px 56px;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.form-calculate.is-active {
    height: auto;
    min-height: 100%;
    opacity: 1;
    z-index: 1000;
    visibility: visible;
    background-color: #fff
}

.form-calculate .input-wrapper--regular {
    margin-bottom: 24px
}

.form-calculate .input-wrapper--checkbox {
    margin-top: 51px;
    margin-bottom: 0
}

.form-calculate .btn {
    margin-top: 26px;
    padding: 17px 20px 11px 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.form-calculate__text {
    margin-bottom: 34px
}

.form-calculate__success {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 115px 56px 56px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background-color: #fff
}

.form-calculate__success .btn {
    padding: 14px 37px 8px 38px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 38px;
    font-size: 14px;
    line-height: 32px
}

.form-calculate__success.is-active {
    opacity: 1;
    z-index: 1
}

.form-calculate__success .title {
    margin-bottom: 27px
}

.form-calculate__success, .form-calculate__success-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-calculate__success-wrapper svg {
    margin-right: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 96px;
    height: 96px
}

.form-calculate__success-wrapper i {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em
}

@media (max-width: 767px) {
    .form-calculate {
        padding: 71px 30px 30px
    }

    .form-calculate .input-wrapper--regular {
        margin-bottom: 16px
    }

    .form-calculate .input-wrapper--checkbox {
        margin-top: 39px
    }

    .form-calculate .input-wrapper--checkbox label {
        padding-right: 0;
        padding-left: 39px
    }

    .form-calculate .btn {
        margin-top: 22px;
        width: 100%
    }

    .form-calculate__text {
        margin-bottom: 19px
    }

    .form-calculate__success {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 71px 30px 56px
    }

    .form-calculate__success .btn {
        width: unset;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        padding: 9px 31px 3px;
        font-size: 12px;
        line-height: 32px
    }

    .form-calculate__success .title {
        margin-bottom: 16px
    }

    .form-calculate__success-wrapper {
        margin-bottom: 11px
    }

    .form-calculate__success-wrapper svg {
        margin-right: 12px;
        width: 82px;
        height: 82px
    }

    .form-calculate__success-wrapper i {
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px
    }
}

.find-us-gallery {
    list-style: none;
    padding: 0;
    margin: 0
}

.find-us-gallery__item {
    padding: 0;
    cursor: pointer;
    margin: 0 0 24px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.find-us-gallery__item:last-child {
    margin-bottom: 0
}

.find-us-gallery__item:hover {
    background-color: #f5f5f5
}

.find-us-gallery__item p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.find-us-gallery__item img {
    margin-right: 20px;
    width: 70px;
    height: 70px
}

@media (max-width: 1279px) {
    .find-us-gallery__item p {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width: 1023px) {
    .find-us-gallery__item {
        margin-bottom: 15px
    }

    .find-us-gallery__item picture {
        margin: 0
    }
}

.info-list {
    list-style: none;
    padding: 0;
    margin: 54px 0 0
}

.info-list__item {
    padding: 0;
    margin: 0
}

@media (max-width: 1279px) {
    .info-list {
        margin-top: 41px
    }
}

@media (max-width: 1023px) {
    .info-list {
        margin-top: 38px
    }
}

.material-images-slider {
    position: relative;
    width: 50%;
    overflow: hidden
}

@media (max-width: 1023px) {
    .material-images-slider {
        width: 100%;
        height: 600px
    }
}

@media (max-width: 767px) {
    .material-images-slider {
        height: 476px
    }
}

@media (max-width: 520px) {
    .material-images-slider {
        height: auto
    }
}

.material-images-slider__pagination {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1023px) {
    .material-images-slider__pagination {
        bottom: 20px
    }
}

@media (max-width: 767px) {
    .material-images-slider__pagination {
        bottom: 15px
    }
}

.material-images-slider__pagination__slide {
    position: relative
}

@media (max-width: 520px) {
    .material-images-slider__pagination__slide {
        padding-top: 100%
    }
}

.material-images-slider__pagination__slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.material-images-slider__pagination .swiper-pagination-bullet {
    margin: 0 8px 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    opacity: .3;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.material-images-slider__pagination .swiper-pagination-bullet:hover {
    opacity: 1
}

.material-images-slider__pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.material-images-slider__pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: .9
}

.material-images-slider .slider-button-fill-prev {
    left: 24px
}

@media (max-width: 767px) {
    .material-images-slider .slider-button-fill-prev {
        width: 32px;
        height: 32px;
        left: 16px
    }
}

.material-images-slider .slider-button-fill-next {
    right: 24px
}

@media (max-width: 767px) {
    .material-images-slider .slider-button-fill-next {
        width: 32px;
        height: 32px;
        right: 16px
    }
}

.metro-list, .metro-list__item {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.metro-list {
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.metro-list svg {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 8px
}

.metro-list p {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px
}

.metro-list__item {
    margin: 0 34px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.metro-list__item:last-child {
    margin-right: 0
}

@media (max-width: 1023px) {
    .metro-list p {
        font-size: 12px;
        line-height: 28px
    }
}

.gallery-slider {
    overflow: hidden
}

.gallery-slider__img-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 69.58333%;
    margin: 0
}

.gallery-slider__img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.gallery-slider__info {
    position: relative;
    padding: 32px 32px 34px 120px;
    background-color: #efeeee
}

.gallery-slider__info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 86px;
    background-color: #70af60;
    background-image: url(../img/svg/symbol.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px 31px
}

.gallery-slider__info p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 1439px) {
    .gallery-slider__info {
        padding: 25px 130px 27px
    }

    .gallery-slider__info::before {
        width: 93px
    }
}

@media (max-width: 1279px) {
    .gallery-slider__info {
        padding: 21px 45px 20px 117px
    }

    .gallery-slider__info p {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px
    }

    .gallery-slider__info::before {
        width: 82px;
        background-size: 33px 27px
    }
}

@media (max-width: 1023px) {
    .gallery-slider__info {
        padding: 14px 23px 19px
    }

    .gallery-slider__info::before {
        display: none
    }

    .gallery-slider__info p {
        font-size: 12px;
        line-height: 18px
    }
}

.video-slide {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quote {
    position: relative;
    padding-left: 47px;
    margin: 45px 0 53px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px
}

.quote::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 8px;
    height: 100%;
    background: #efeeee
}

@media (max-width: 1279px) {
    .quote {
        padding-left: 45px;
        margin: 42px 0 37px
    }

    .quote::before {
        left: 0
    }
}

@media (max-width: 767px) {
    .quote {
        padding-left: 32px;
        padding-right: 5px;
        margin: 27px 0 37px;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px
    }
}

.search-result-empty {
    padding-top: 55px;
    padding-bottom: 155px
}

.search-result-empty__text {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    margin: 0 0 20px;
    letter-spacing: -.02em
}

.search-result-empty__text span {
    color: #d95858
}

.search-result-empty__text-wrapper {
    max-width: 870px
}

.search-result-empty__text-wrapper .link {
    font-size: inherit
}

.calc__promo b, .search-result-empty__text-wrapper .paragraph {
    font-weight: 600
}

.search-result-list {
    padding-top: 57px
}

.search-result-list .title {
    margin-bottom: 29px;
    margin-top: 64px
}

.search-result-list .title:first-child {
    margin-top: 0
}

.search-result-list .collections-cards-slider {
    margin-bottom: 72px
}

@media (max-width: 767px) {
    .search-result-list {
        padding-top: 42px
    }

    .search-result-list .collections-cards-slider {
        margin-bottom: 42px
    }

    .search-result-list .title {
        margin-top: 36px;
        margin-bottom: 19px;
        padding-right: 35px
    }

    .search-result-list .title span {
        margin-left: 5px;
        font-size: 22px;
        line-height: 20px
    }
}

.geography {
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 31%;
    margin-right: 18px;
    color: #dee0e2;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.geography svg {
    width: 122px;
    min-width: 122px;
    height: 64px;
    position: absolute;
    top: -12px
}

@media (max-width: 1439px) {
    .geography svg {
        top: -15px
    }
}

.geography:focus, .geography:hover {
    opacity: .6
}

@media (max-width: 1439px) {
    .geography {
        margin-right: 0;
        width: 30.5%
    }
}

@media (max-width: 1279px) {
    .geography {
        display: none
    }
}

.geography::after {
    content: "";
    position: absolute;
    top: 28%;
    left: 11%;
    width: 20px;
    height: 20px;
    background: #70af60;
    border-radius: 50%
}

@media (max-width: 1439px) {
    .geography::after {
        top: 20%;
        left: 47px
    }
}

.geography__number {
    margin: 0 19px 0 74px;
    z-index: 2;
    font-weight: 300;
    font-size: 48px;
    line-height: 44px;
    color: #2e3346
}

.geography__count {
    font-weight: 700;
    color: #000
}

.geography__count span, .more span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #2e3346
}

.geography__count p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #a7adb8
}

.geography--big {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 205px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.geography--big .geography__count p {
    margin: 0;
    width: 100%;
    color: #2e3346;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.05em;
    padding-left: 25px
}

.geography--big svg {
    top: 0;
    left: 0
}

.geography--big .geography__number {
    font-weight: 500;
    font-size: 72px;
    line-height: 84px;
    letter-spacing: -.05em;
    margin: 0 0 0 -38px;
    position: relative;
    min-width: 65px;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.geography--big::after {
    top: 32px;
    left: 52px
}

.columns-bootstrap svg {
    width: 64px;
    min-width: 64px;
    height: 64px
}

.is-designer {
    width: 100%;
    padding: 22px 82px;
    margin-top: 25px
}

@media (max-width: 1023px) {
    .is-designer {
        padding: 38px 22px 38px 68px
    }
}

@media (max-width: 767px) {
    .is-designer {
        padding: 16px;
        margin: 0
    }
}

.is-designer__wrapper {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 2fr;
    grid-template-columns:1fr 1fr 2fr;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1023px) {
    .is-designer__wrapper {
        -ms-grid-columns: 1fr 155px 2fr;
        grid-template-columns:1fr 155px 2fr
    }
}

@media (max-width: 767px) {
    .is-designer__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 280px;
        margin: 0;
        gap: 0
    }
}

.is-designer__title {
    padding: 0;
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #efeeee
}

@media (max-width: 1023px) {
    .is-designer__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .is-designer__title {
        margin-bottom: 5px;
        line-height: 26px
    }
}

@media (max-width: 374px) {
    .is-designer__title {
        text-align: left
    }
}

.is-designer__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #efeeee;
    max-width: 338px
}

@media (max-width: 1439px) {
    .is-designer__text {
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .is-designer__text {
        font-size: 14px;
        line-height: 22px;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .is-designer__text {
        font-size: 12px;
        line-height: 18px
    }
}

.is-designer .btn--l {
    padding: 20px 26px;
    margin-right: 24px
}

@media (max-width: 1023px) {
    .is-designer .btn--l {
        min-width: 228px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .is-designer .btn--l {
        min-width: 198px;
        margin-right: 0;
        margin-bottom: 22px;
        padding: 8px 14px;
        font-size: 13px;
        line-height: 32px
    }
}

.projects {
    margin-top: 88px;
    margin-bottom: 61px
}

@media (max-width: 1439px) {
    .projects {
        margin-top: 92px
    }
}

@media (max-width: 1023px) {
    .projects {
        margin-top: 56px;
        margin-bottom: 54px
    }
}

.projects__list {
    list-style: none;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    grid-row-gap: 38px;
    grid-column-gap: 28px;
    margin: 0 0 93px
}

@media (max-width: 1023px) {
    .projects__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        grid-row-gap: 25px;
        grid-column-gap: 26px;
        margin-bottom: 83px
    }
}

@media (max-width: 767px) {
    .projects__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 63px;
        padding-right: 3px
    }

    .projects__list-element {
        width: 100%;
        margin-bottom: 20px
    }
}

.project-card {
    position: relative;
    display: block
}

.project-card__author, .project-card__title {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #fff
}

.project-card__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 22px
}

@media (max-width: 1023px) {
    .project-card__title {
        font-size: 16px;
        line-height: 20px
    }
}

.project-card picture {
    line-height: 0;
    font-size: 0;
    width: 100%;
    height: 100%
}

.project-card__img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 315px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

@media (max-width: 1439px) {
    .project-card__img {
        height: 289px
    }
}

@media (max-width: 1023px) {
    .project-card__img {
        height: 212px
    }
}

.project-card__img:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .48)), to(rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, rgba(46, 51, 70, .48) 0%, rgba(46, 51, 70, 0) 100%);
    z-index: 1;
    border-radius: 8px;
    top: 0;
    left: 0
}

.project-card__img img {
    width: 100%;
    min-height: 315px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 8px
}

.project-card__img--shadow {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: -1;
    border-radius: 8px;
    opacity: .4
}

.project-card__img--shadow:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .19)), to(rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, rgba(46, 51, 70, .19) 0%, rgba(46, 51, 70, 0) 100%)
}

.project-card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.project-card__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 35px 17px 24px
}

@media (max-width: 1439px) {
    .project-card__wrapper {
        padding-bottom: 23px;
        padding-right: 55px
    }
}

@media (max-width: 1023px) {
    .project-card__wrapper {
        padding-top: 10px;
        padding-left: 13px;
        padding-bottom: 15px
    }
}

.project-card .card-tags {
    position: absolute;
    right: 12px;
    top: 9px;
    color: #2e3346
}

.project-card .card-tags svg {
    width: 42px;
    height: 42px
}

.more {
    width: 100%;
    max-width: 427px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7px auto 0
}

.more span {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    margin-top: 11px
}

.about-project picture, .form-section, .more, .simple-images picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-gallery {
    overflow: hidden
}

.team-gallery__slider {
    margin-bottom: 17px
}

@media (max-width: 1023px) {
    .team-gallery__slider {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .team-gallery__slider {
        min-height: 414px;
        margin-bottom: 10px
    }

    .team-gallery__slider img {
        width: 100%;
        height: 414px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 32% 50%;
        object-position: 32% 50%
    }
}

.team-gallery__thumb {
    position: relative
}

.team-gallery__thumb .swiper-slide {
    height: unset
}

.team-gallery__thumb .swiper-slide img {
    -o-object-position: center;
    object-position: center
}

.team-gallery__thumb:after {
    content: '';
    position: absolute;
    display: block;
    right: -2px;
    top: -2px;
    height: calc(100% + 4px);
    width: 124px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .8)), color-stop(80%, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to left, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .1) 80%, rgba(255, 255, 255, 0) 100%);
    z-index: 1
}

@media (max-width: 1439px) {
    .team-gallery__thumb:after {
        width: 88px
    }
}

@media (max-width: 1023px) {
    .team-gallery__thumb:after {
        width: 32px
    }
}

.team-gallery-button-prev {
    top: 50%
}

.team-gallery-button-next, .team-gallery-button-prev {
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.team-gallery-button-next:hover, .team-gallery-button-prev:hover {
    opacity: .8
}

@media (max-width: 1279px) {
    .team-gallery-button-next, .team-gallery-button-prev {
        width: 26px;
        height: 26px
    }
}

@media (max-width: 425px) {
    .team-gallery-button-next, .team-gallery-button-prev {
        width: 18px;
        height: 18px
    }

    .team-gallery-button-next svg, .team-gallery-button-prev svg {
        width: 10px;
        height: 10px
    }
}

@media (max-width: 374px) {
    .team-gallery-button-next, .team-gallery-button-prev {
        width: 18px;
        height: 18px
    }
}

.team-gallery-button-prev {
    left: 20px
}

.team-gallery-button-prev svg {
    margin-left: -2px
}

@media (max-width: 1279px) {
    .team-gallery-button-prev {
        left: 17px
    }
}

@media (max-width: 767px) {
    .team-gallery-button-prev {
        left: 11px
    }
}

@media (max-width: 374px) {
    .team-gallery-button-prev {
        top: 50%;
        left: 11px
    }
}

.team-gallery-button-next {
    right: 23px;
    top: 47%
}

.team-gallery-button-next svg {
    margin-left: 2px
}

@media (max-width: 1279px) {
    .team-gallery-button-next {
        right: 18px
    }
}

@media (max-width: 425px) {
    .team-gallery-button-next {
        right: 10px;
        top: 50%
    }
}

.team-gallery .swiper-slide-thumb-active {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: .6
}

.solution {
    padding: 74px 0 35px;
    max-width: 1139px;
    margin: 0 auto
}

@media (max-width: 1279px) {
    .solution {
        padding: 66px 0 20px 30px
    }
}

@media (max-width: 767px) {
    .solution {
        padding: 45px 0 20px
    }
}

.solution__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 767px) {
    .solution__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0
    }
}

.solution__img {
    width: 270px;
    height: 270px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #2e3346;
    border-radius: 100%
}

@media (max-width: 1279px) {
    .solution__img {
        width: 244px;
        height: 244px
    }
}

@media (max-width: 767px) {
    .solution__img {
        width: 303px;
        height: 303px
    }

    .solution__img--display-none {
        display: none
    }
}

.help-choose__img img, .solution__img img, .team-gallery__thumb .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.solution__text {
    display: block;
    max-width: 790px;
    font-weight: 500;
    font-size: 26px;
    line-height: 40px;
    padding: 0 0 0 20px;
    margin: -30px 0 0;
    letter-spacing: -.02em
}

@media (max-width: 1279px) {
    .solution__text {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15px;
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .solution__text {
        font-size: 18px;
        line-height: 28px;
        padding-left: 0;
        margin-bottom: 42px
    }

    .solution--showroom {
        padding: 6px 0 40px
    }
}

.solution--virtual {
    padding: 0;
    max-width: 100%;
    margin: 0 auto
}

.solution--virtual .solution__inner {
    padding: 54px 0 66px;
    max-width: 1139px;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 75px
}

@media (max-width: 767px) {
    .solution--virtual .solution__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 35px;
        padding: 54px 0 35px
    }
}

.solution--virtual .solution__title {
    margin-top: 20px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .solution--virtual .solution__title {
        margin-bottom: 5px
    }
}

.solution--virtual .solution__text {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0 20px 0 0;
    max-width: 675px
}

@media (max-width: 767px) {
    .solution--virtual .solution__text {
        margin-bottom: 10px
    }
}

.solution--virtual .solution__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 24px
}

@media (max-width: 767px) {
    .solution--virtual .solution__images {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

.solution--virtual .solution__image {
    overflow: hidden;
    max-height: 504px;
    cursor: pointer
}

.help-choose {
    padding: 40px 0;
    position: relative
}

@media (max-width: 1279px) {
    .help-choose {
        padding: 50px 0
    }
}

@media (max-width: 767px) {
    .help-choose {
        padding: 75px 0 50px
    }
}

.help-choose__img {
    height: 680px;
    border-radius: 16px;
    background-color: #767f86
}

@media (max-width: 1279px) {
    .help-choose__img {
        height: 610px
    }
}

@media (max-width: 767px) {
    .help-choose__img {
        height: 570px
    }
}

.help-choose__img img {
    -o-object-position: 34% 50%;
    object-position: 34% 50%;
    border-radius: 15px
}

@media (max-width: 767px) {
    .help-choose__img img {
        -o-object-position: 45% 50%;
        object-position: 45% 50%
    }
}

.help-choose__description {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 124px 0 88px 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1279px) {
    .help-choose__description {
        padding: 120px 0 80px 30px
    }
}

@media (max-width: 767px) {
    .help-choose__description {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 20px 0 83px 17px
    }
}

.help-choose__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 54px;
    color: #fff;
    z-index: 1;
    max-width: 400px;
    letter-spacing: -.02em;
    margin-bottom: 37px
}

@media (max-width: 1279px) {
    .help-choose__title {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 23px
    }
}

@media (max-width: 767px) {
    .help-choose__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 0;
        padding-right: 10px
    }
}

.help-choose__text {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #fff;
    max-width: 530px
}

@media (max-width: 1279px) {
    .help-choose__text {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .help-choose__text {
        max-width: 250px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 13px
    }
}

.help-choose__mock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -4px
}

@media (max-width: 767px) {
    .help-choose__mock {
        padding-left: 33px
    }
}

.help-choose__mock-percent {
    font-weight: 400;
    font-size: 72px;
    line-height: 24px;
    letter-spacing: -.05em;
    color: #70af60;
    margin-right: 13px
}

@media (max-width: 767px) {
    .help-choose__mock-percent {
        font-size: 60px;
        line-height: 24px
    }
}

.help-choose__mock-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    opacity: .7;
    max-width: 243px
}

@media (max-width: 767px) {
    .help-choose__mock-text {
        font-size: 10px;
        line-height: 16px
    }
}

.learn-more {
    padding: 60px 0 57px 116px
}

@media (max-width: 1279px) {
    .learn-more {
        padding: 50px 0 40px
    }
}

@media (max-width: 767px) {
    .learn-more {
        padding: 20px 0
    }
}

.learn-more__descriptions {
    font-weight: 500;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -.02em;
    max-width: 950px;
    padding: 0;
    margin: 0 0 30px
}

.learn-more__descriptions a {
    font-weight: 500
}

@media (max-width: 1279px) {
    .learn-more__descriptions {
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width: 767px) {
    .learn-more__descriptions {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

.learn-more__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    max-width: 920px
}

@media (max-width: 767px) {
    .learn-more__text {
        font-size: 14px;
        line-height: 24px
    }
}

.learn-more--studio {
    padding: 106px 0 162px 116px
}

@media (max-width: 1279px) {
    .learn-more--studio {
        padding: 76px 0 162px
    }
}

@media (max-width: 767px) {
    .learn-more--studio {
        padding: 56px 0 92px
    }
}

@media (max-width: 1279px) {
    .learn-more--studio .learn-more__descriptions {
        margin-top: 25px
    }
}

.learn-more--single-case {
    padding: 106px 0 57px 116px
}

@media (max-width: 1279px) {
    .learn-more--single-case {
        padding: 76px 0 56px
    }
}

@media (max-width: 767px) {
    .learn-more--single-case {
        padding: 56px 0
    }
}

@media (max-width: 1279px) {
    .learn-more--single-case .learn-more__descriptions {
        margin-top: 25px
    }
}

.learn-more--virtual {
    padding: 106px 0 162px 116px
}

@media (max-width: 1279px) {
    .learn-more--virtual {
        padding: 101px 0 162px
    }
}

@media (max-width: 767px) {
    .learn-more--virtual {
        padding: 81px 0 92px
    }
}

@media (min-width: 1460px) {
    .learn-more--virtual .container {
        padding-left: 83px
    }
}

.learn-more--cases {
    padding: 67px 0 162px 116px
}

@media (max-width: 1279px) {
    .learn-more--cases {
        padding: 0 0 92px
    }
}

@media (max-width: 767px) {
    .learn-more--cases {
        padding: 0 0 92px
    }
}

.see-also {
    padding: 16px 0 190px
}

@media (max-width: 1279px) {
    .see-also {
        padding: 16px 0 105px
    }
}

@media (max-width: 767px) {
    .see-also {
        padding: 37px 0 90px
    }
}

.see-also--info {
    padding-top: 43px;
    padding-bottom: 0
}

.see-also--info .see-also__list {
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    margin-bottom: 23px;
    gap: 24px
}

@media (max-width: 1279px) {
    .see-also--info .see-also__list {
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .see-also--info .see-also__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 19px
    }
}

.see-also--info .see-also__item {
    min-height: 400px;
    border-radius: 8px
}

@media (max-width: 767px) {
    .see-also--info .see-also__item {
        width: 100%;
        min-height: 350px
    }
}

.see-also--info .see-also__item--tags {
    border-radius: 0
}

@media (max-width: 767px) {
    .see-also--info .see-also__item--tags {
        min-height: unset
    }
}

.see-also--info .see-also__description {
    padding-top: 80px;
    font-weight: 800
}

@media (max-width: 1279px) {
    .see-also--info .see-also__description {
        padding: 80px 28px 28px
    }
}

@media (max-width: 767px) {
    .see-also--info .see-also__description {
        padding: 57px 77px 20px 25px
    }
}

@media (max-width: 374px) {
    .see-also--info .see-also__description {
        padding: 10px
    }
}

.see-also--info .see-also__description-title {
    margin-bottom: 21px;
    text-transform: unset;
    font-weight: 700
}

@media (max-width: 767px) {
    .see-also--info .see-also__description-title {
        margin-bottom: 12px
    }
}

.see-also--info .see-also__text {
    max-width: 700px;
    font-weight: 500;
    color: #efeeee
}

.see-also--info .tag {
    font-weight: 600;
    padding: 21px 34px;
    margin-right: 6px;
    margin-bottom: 12px
}

@media (max-width: 1279px) {
    .see-also--info .tag {
        padding: 21px 27px;
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    .see-also--info .tag {
        padding: 19px 25px
    }
}

@media (max-width: 1279px) {
    .see-also--info {
        padding-top: 31px
    }
}

@media (max-width: 767px) {
    .see-also--info {
        padding-bottom: 15px
    }
}

.see-also__title {
    font-weight: 500;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    margin-bottom: 33px
}

@media (max-width: 1279px) {
    .see-also__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 25px
    }
}

@media (max-width: 767px) {
    .see-also__title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.see-also__list {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap: 24px;
    margin: 0 0 47px
}

@media (max-width: 767px) {
    .see-also__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -ms-grid-rows: auto;
        grid-template-rows:auto;
        gap: 10px;
        margin-bottom: 53px
    }
}

.see-also__item {
    position: relative;
    overflow: hidden;
    min-height: 480px;
    border-radius: 16px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

@media (max-width: 1279px) {
    .see-also__item {
        min-height: 333px
    }
}

@media (max-width: 767px) {
    .see-also__item {
        min-height: 245px
    }
}

.see-also__item--width-100 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    max-height: 480px
}

@media (max-width: 767px) {
    .see-also__item--width-100 {
        -ms-grid-column: 1;
        grid-column: 1/1
    }
}

.see-also__item--width-75 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4
}

.see-also__item--tags {
    border-radius: unset;
    -webkit-mask-image: none
}

@media (max-width: 767px) {
    .see-also__item--tags {
        width: 100%;
        min-height: unset
    }
}

.see-also__link-wrapper {
    text-decoration: none
}

.see-also__link-wrapper:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.see-also__link-wrapper:hover .see-also__img::after {
    opacity: .2
}

.see-also__img, .see-also__img::after {
    border-radius: 8px;
    background-color: #767f86;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.see-also__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.see-also__img::after {
    content: '';
    z-index: 3;
    background-color: #2e3346;
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.see-also__description {
    position: relative;
    z-index: 1;
    padding: 46px 10px 10px 42px
}

@media (max-width: 1279px) {
    .see-also__description {
        padding: 28px
    }
}

@media (max-width: 767px) {
    .see-also__description {
        padding: 27px 10px 20px 25px
    }
}

@media (max-width: 374px) {
    .see-also__description {
        padding: 10px
    }
}

.see-also__description-title {
    font-weight: 850;
    font-size: 72px;
    line-height: 68px;
    letter-spacing: -.02em;
    text-transform: uppercase;
    max-width: 442px;
    display: inline-block;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 10px
}

@media (max-width: 1279px) {
    .see-also__description-title {
        font-size: 52px;
        line-height: 47px;
        max-width: 325px
    }
}

@media (max-width: 767px) {
    .see-also__description-title {
        max-width: 100%;
        font-size: 32px;
        margin-bottom: 5px
    }
}

.see-also__text {
    color: #efeeee;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    max-width: 500px
}

@media (max-width: 1279px) {
    .see-also__text {
        font-size: 14px;
        line-height: 24px;
        max-width: 320px
    }
}

@media (max-width: 767px) {
    .see-also__text {
        font-size: 12px;
        line-height: 20px
    }
}

.see-also__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    padding-left: 4px
}

@media (max-width: 767px) {
    .see-also__inner {
        position: relative;
        font-size: 24px;
        line-height: 32px;
        display: inline-block;
        padding-left: 23px
    }
}

.see-also__inner-link {
    font-weight: 700;
    margin-left: 5px;
    margin-top: 3px
}

@media (max-width: 767px) {
    .see-also__inner-link {
        margin-left: 0
    }
}

.see-also__inner img {
    margin-right: 17px
}

@media (max-width: 767px) {
    .see-also__inner img {
        position: absolute;
        top: 2px;
        left: -3px
    }
}

.see-also--studio {
    padding: 16px 0 0
}

@media (max-width: 767px) {
    .see-also--studio .see-also__list {
        margin-bottom: 30px
    }
}

.see-also svg {
    fill: transparent;
    margin-right: 20px;
    min-width: 24px;
    min-height: 24px
}

@media (max-width: 1439px) {
    .see-also svg {
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .see-also svg {
        min-width: 16px;
        min-height: 16px;
        max-width: 16px;
        max-height: 16px;
        position: absolute;
        top: 9px;
        left: -3px
    }
}

.see-also--small-padding {
    padding: 70px 3px 9px
}

@media (max-width: 1439px) {
    .see-also--small-padding {
        padding: 64px 1px 9px
    }
}

@media (max-width: 1023px) {
    .see-also--small-padding {
        padding: 53px 1px 13px
    }
}

.hero-tags {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 17px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1023px) {
    .hero-tags {
        gap: 11px
    }
}

.about-project__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 54px;
    padding-bottom: 54px;
    padding-right: 36px
}

@media (max-width: 1439px) {
    .about-project__wrapper {
        padding-top: 49px;
        padding-right: 8px;
        padding-bottom: 61px
    }
}

@media (max-width: 1023px) {
    .about-project__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 21px;
        padding-right: 0;
        padding-bottom: 54px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 374px) {
    .about-project__wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.about-project picture, .simple-images picture {
    width: 100%
}

.about-project picture {
    line-height: 0;
    font-size: 0;
    height: auto
}

.about-project__img {
    width: 220px;
    min-width: 220px
}

@media (max-width: 1439px) {
    .about-project__img {
        width: 192px;
        min-width: 192px
    }
}

@media (max-width: 1023px) {
    .about-project__img {
        width: 202px;
        min-width: 202px
    }
}

.about-project img, .about-project--big-img .about-project__img img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.about-project__title {
    padding: 0;
    font-weight: 800;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin: 13px 0 25px
}

@media (max-width: 1439px) {
    .about-project__title {
        margin-bottom: 22px
    }
}

@media (max-width: 1023px) {
    .about-project__title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 20px
    }
}

.about-project__promo, .about-project__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

.about-project__promo {
    color: #a7adb8;
    max-width: 288px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    min-width: 187px
}

@media (max-width: 1023px) {
    .about-project__promo {
        font-size: 10px;
        line-height: 16px;
        min-width: 101px;
        max-width: calc(100% - 202px);
        padding-left: 20px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding-top: 18px
    }
}

@media (max-width: 374px) {
    .about-project__promo {
        max-width: 100%;
        padding-left: 0
    }
}

.about-project__description {
    margin-left: 22px;
    margin-right: 40px;
    max-width: 684px
}

@media (max-width: 1439px) {
    .about-project__description {
        margin-left: 50px;
        margin-right: 49px
    }
}

@media (max-width: 1023px) {
    .about-project__description {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 33px;
        margin-right: 0;
        margin-left: 0
    }
}

.about-project--big-img .about-project__title {
    margin-top: 0
}

.about-project--big-img .about-project__description {
    margin-left: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1023px) {
    .about-project--big-img .about-project__description {
        margin-left: 0;
        padding-bottom: 16px
    }
}

.about-project--big-img .about-project__wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1023px) {
    .about-project--big-img .about-project__promo {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 13px;
        font-weight: 600;
        font-size: 12px;
        line-height: 22px
    }
}

.about-project--big-img .about-project__img {
    width: 309px;
    min-width: 309px;
    height: auto
}

.about-project--big-img .about-project__img img {
    min-width: auto
}

@media (max-width: 1023px) {
    .about-project--big-img .about-project__img {
        margin: 0 auto
    }
}

.simple-images {
    padding-top: 16px
}

.simple-images .col {
    min-width: 221px;
    height: auto
}

.simple-images picture {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.simple-images .img-fluid {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.simple-images .row.swiper-wrapper {
    width: auto
}

.simple-images.swiper-container-initialized .row {
    margin-right: 0;
    margin-left: 0
}

.simple-images.swiper-container-initialized .col, .simple-images.swiper-container-initialized [class^=col-] {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.simple-images.swiper-container-initialized .row.swiper-wrapper {
    width: 100%
}

.simple-images.swiper-container-initialized .swiper-slide:last-of-type {
    margin-right: 0 !important
}

@media (max-width: 1023px) {
    .simple-images.swiper-container-initialized .swiper-slide {
        min-width: 221px
    }

    .simple-images.swiper-container-initialized {
        position: relative
    }

    .simple-images.swiper-container-initialized:after {
        content: '';
        position: absolute;
        display: block;
        right: -25px;
        top: 7px;
        height: 100%;
        width: 77px;
        background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(108.18%, rgba(255, 255, 255, 0)));
        background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 108.18%);
        z-index: 5
    }
}

@media (max-width: 767px) {
    .simple-images.swiper-container-initialized:after {
        right: -17px
    }
}

.simple-images .swiper-slide, .simple-images [data-modal-button]:not(.js-review-modal) {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.simple-images .swiper-slide:hover, .simple-images [data-modal-button]:not(.js-review-modal):hover {
    opacity: .7
}

@media (max-width: 767px) {
    .simple-images--inside-similar.swiper-container-initialized .col, .simple-images--inside-similar.swiper-container-initialized [class^=col-] {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.swiper-with-tips {
    position: relative;
    padding-bottom: 55px;
    padding-top: 55px
}

@media (max-width: 1439px) {
    .swiper-with-tips {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media (max-width: 1023px) {
    .swiper-with-tips {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.swiper-with-tips .goods-slider-next, .swiper-with-tips .goods-slider-prev {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1439px) {
    .swiper-with-tips .goods-slider-next, .swiper-with-tips .goods-slider-prev {
        width: 33px;
        height: 33px
    }
}

.swiper-with-tips .goods-slider-prev {
    left: 32px
}

@media (max-width: 767px) {
    .swiper-with-tips .goods-slider-prev {
        left: 20px
    }
}

.swiper-with-tips .slider-buttons {
    height: 0
}

.swiper-with-tips img {
    min-height: 956px
}

@media (max-width: 1439px) {
    .swiper-with-tips img {
        min-height: 666px
    }
}

@media (max-width: 1023px) {
    .swiper-with-tips img {
        min-height: 266px
    }
}

.swiper-with-tips .goods-slider-next {
    right: 32px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    margin: 0
}

@media (max-width: 767px) {
    .swiper-with-tips .goods-slider-next {
        right: 20px
    }
}

.swiper-with-tips .swiper-container {
    overflow: visible
}

.swiper-with-tips .swiper-slide {
    opacity: 0;
    visibility: hidden
}

.swiper-with-tips .swiper-slide-active {
    opacity: 1;
    visibility: visible
}

.swiper-with-tips .tippy-content {
    padding: 0
}

.swiper-with-tips .tippy-box {
    background-color: transparent
}

.swiper-with-tips .btn {
    font-weight: 800
}

.swiper-with-tips [data-tippy-element] {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 32px;
    height: 32px;
    border: 4px solid #fff;
    border-radius: 50%;
    background-color: #70af60;
    z-index: 2;
    cursor: pointer;
    padding: 0
}

.swiper-with-tips [data-tippy-element]:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 1439px) {
    .swiper-with-tips [data-tippy-element] {
        width: 22px;
        height: 22px
    }
}

.swiper-with-tips .tippy-svg-arrow {
    display: none
}

.swiper-with-tips .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 86px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

@media (max-width: 1439px) {
    .swiper-with-tips .swiper-pagination {
        bottom: 64px
    }
}

@media (max-width: 1023px) {
    .swiper-with-tips .swiper-pagination {
        bottom: 34px
    }
}

.swiper-with-tips .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.swiper-with-tips .swiper-pagination-bullet-active {
    opacity: .9
}

.tippy-popup {
    max-width: 580px;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    padding: 32px 21px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    box-shadow: 0 2px 16px rgba(45, 51, 68, .15);
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

@media (max-width: 1439px) {
    .tippy-popup {
        max-width: 485px;
        padding-top: 35px;
        padding-bottom: 30px
    }
}

@media (max-width: 767px) {
    .tippy-popup {
        max-width: 178px;
        padding: 13px 8px
    }
}

.tippy-popup .tippy-svg-arrow {
    display: none
}

.tippy-popup .close-btn {
    top: 12px;
    right: 17px;
    height: 18px;
    width: 18px;
    padding: 5px;
    background-image: url(../img/svg/close-dark.svg);
    opacity: 1
}

.tippy-popup .close-btn:hover, .wallpapers-in-project__img:hover img {
    opacity: .7
}

@media (max-width: 1439px) {
    .tippy-popup .close-btn {
        top: 18px;
        right: 18px
    }
}

@media (max-width: 767px) {
    .tippy-popup .close-btn {
        height: 15px;
        width: 15px;
        top: 8px;
        right: 8px
    }
}

.tippy-popup__wrapper {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-grid-columns: auto 20px auto;
    grid-template-columns:repeat(2, auto);
    -ms-grid-rows:(auto) [ 3 ];
    grid-template-rows:repeat(3, auto);
    grid-template-areas:"A B" "A C" "A D" "A E"
}

@media (max-width: 767px) {
    .tippy-popup__wrapper {
        grid-template-areas:"B B" "C C" "D D" "E E"
    }
}

.tippy-popup .tag-wrapper {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: C;
    display: inline-block;
    width: auto;
    -ms-grid-column-align: start;
    justify-self: start;
    margin-bottom: 6px
}

@media (max-width: 767px) {
    .tippy-popup .tag-wrapper {
        display: none
    }
}

.tippy-popup .tag {
    background: #f5f5f5;
    border-radius: 24px;
    display: inline-block;
    width: auto;
    color: #2e3346
}

.tippy-popup__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    grid-area: A;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .tippy-popup__img {
        display: none
    }
}

.tippy-popup__img img {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1439px) {
    .tippy-popup__img {
        width: 142px;
        height: 142px
    }
}

@media (max-width: 767px) {
    .tippy-popup__img {
        width: 35px;
        height: 35px
    }
}

.tippy-popup__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: B;
    padding: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin: 8px 0 11px
}

@media (max-width: 1439px) {
    .tippy-popup__title {
        margin-top: -4px;
        margin-bottom: 13px
    }
}

@media (max-width: 767px) {
    .tippy-popup__title {
        font-size: 14px;
        line-height: 26px;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        margin-top: 3px;
        margin-bottom: 0
    }
}

.tippy-popup__text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: D;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    margin: 0 0 16px
}

@media (max-width: 1439px) {
    .tippy-popup__text {
        line-height: 19px
    }
}

@media (max-width: 767px) {
    .tippy-popup__text {
        font-size: 10px;
        line-height: 14px;
        padding-top: 8px
    }
}

.tippy-popup .btn {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    grid-area: E;
    -ms-grid-column-align: start;
    justify-self: start
}

@media (max-width: 767px) {
    .tippy-popup .tag-wrapper {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .tippy-popup .btn, .tippy-popup__text, .tippy-popup__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .tippy-popup .btn, .tippy-popup__text {
        -ms-grid-row: 3
    }

    .tippy-popup .btn {
        -ms-grid-row: 4
    }
}

.tippy-box {
    background-color: transparent
}

.achievements {
    position: relative;
    display: block;
    padding: 20px 0 36px;
    color: #fff;
    margin-bottom: 17px
}

@media (max-width: 767px) {
    .achievements {
        margin-bottom: 10px
    }
}

.achievements__title {
    font-weight: 400;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #efeeee;
    margin: 0 0 55px
}

@media (max-width: 1279px) {
    .achievements__title {
        font-size: 36px;
        line-height: 46px;
        margin: 0 0 33px
    }
}

@media (max-width: 767px) {
    .achievements__title {
        font-size: 28px;
        line-height: 46px
    }
}

.achievements__img {
    z-index: -1;
    background-color: #767f86;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.achievements__img img, .equipment__img img, .wallpapers-in-project__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.achievements__img img {
    width: 100vw
}

.achievements__description {
    max-width: 1150px;
    margin: 0 auto;
    min-height: 802px;
    z-index: 1;
    padding: 157px 20px 0 0
}

@media (min-width: 1480px) {
    .achievements__description {
        max-width: 1132px;
        margin: 0 auto;
        padding: 157px 20px 0 0
    }
}

@media (max-width: 1279px) {
    .achievements__description {
        padding: 87px 20px 0 67px;
        min-height: 554px
    }
}

@media (max-width: 1023px) {
    .achievements__description {
        padding: 97px 0 0 57px
    }
}

@media (max-width: 767px) {
    .achievements__description {
        padding: 97px 0 0 15px
    }
}

.achievements__factoid {
    font-weight: 950;
    font-size: 220px;
    line-height: 220px;
    letter-spacing: 0;
    margin: 0
}

.achievements__factoid sup {
    top: -.7em;
    font-size: 62%
}

@media (max-width: 1279px) {
    .achievements__factoid {
        font-size: 140px;
        line-height: 140px
    }
}

@media (max-width: 1023px) {
    .achievements__factoid {
        font-size: 130px;
        line-height: 130px
    }
}

@media (max-width: 767px) {
    .achievements__factoid {
        font-size: 72px;
        line-height: 68px;
        margin-bottom: 10px
    }
}

@media (max-width: 374px) {
    .achievements__factoid {
        font-size: 52px;
        line-height: 68px;
        margin-bottom: 10px
    }
}

.achievements__factoid-text {
    position: relative;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -.02em;
    color: #efeeee;
    max-width: 1050px;
    margin: 0 0 117px;
    padding-right: 10px
}

@media (max-width: 1279px) {
    .achievements__factoid-text {
        max-width: 905px;
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 39px;
        padding-right: 25px
    }
}

@media (max-width: 1023px) {
    .achievements__factoid-text {
        font-size: 18px;
        line-height: 35px
    }
}

@media (max-width: 767px) {
    .achievements__factoid-text {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 32px
    }
}

.achievements__factoid-text span {
    display: inline-block;
    position: relative;
    padding-right: 45px
}

@media (max-width: 1023px) {
    .achievements__factoid-text span {
        padding-right: 70px
    }
}

.achievements__factoid-text span img {
    display: inline-block;
    position: absolute;
    margin-left: 10px
}

@media (max-width: 1279px) {
    .achievements__factoid-text span img {
        width: 27px;
        height: 27px
    }
}

.achievements__factoid-text span img ~ img {
    margin-left: 30px
}

.achievements__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 940px;
    padding: 0;
    margin: 0 0 20px
}

@media (max-width: 1279px) {
    .achievements__list {
        max-width: 870px
    }
}

.achievements__item {
    width: 244px;
    padding: 0;
    margin: 0 0 25px
}

@media (max-width: 1023px) {
    .achievements__item {
        width: 208px
    }
}

@media (max-width: 767px) {
    .achievements__item {
        width: 230px
    }
}

.achievements__item-number {
    font-weight: 700;
    font-size: 60px;
    line-height: 68px;
    letter-spacing: 0;
    margin: 0 0 5px
}

@media (max-width: 1279px) {
    .achievements__item-number {
        font-size: 40px;
        line-height: 68px;
        margin-bottom: -4px
    }
}

.achievements__item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #a7adb8;
    margin: 0
}

@media (max-width: 1279px) {
    .achievements__item-text {
        font-size: 14px;
        line-height: 22px
    }
}

.achievements--studio {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .achievements--studio {
        margin-bottom: -18px
    }

    .achievements--studio .achievements {
        padding: 20px 0 55px
    }
}

.achievements--studio .achievements__description {
    padding: 57px 20px 0 0
}

@media (min-width: 1480px) {
    .achievements--studio .achievements__description {
        max-width: 1150px;
        margin: 0 auto;
        padding: 80px 20px 0 0
    }
}

@media (max-width: 1279px) {
    .achievements--studio .achievements__description {
        padding: 30px 20px 0 35px
    }
}

@media (max-width: 767px) {
    .achievements--studio .achievements__description {
        padding: 30px 20px 0 15px
    }

    .achievements--studio .achievements__factoid {
        letter-spacing: -.85px;
        margin-bottom: 20px
    }

    .achievements--studio .achievements__factoid-text {
        padding-right: 0
    }
}

.equipment {
    position: relative;
    display: block;
    padding: 0 0 25px;
    color: #fff;
    margin-top: 37px;
    margin-bottom: 43px
}

@media (max-width: 1279px) {
    .equipment {
        margin-top: 55px;
        margin-bottom: 43px
    }
}

@media (max-width: 767px) {
    .equipment {
        margin-top: 70px;
        margin-bottom: 48px
    }
}

.equipment__img {
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px
}

.equipment__img img, .wallpapers-in-project__img img {
    border-radius: 8px;
    width: 100%
}

.equipment__description {
    padding: 89px 10px 0 114px;
    z-index: 1;
    min-height: 656px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1279px) {
    .equipment__description {
        padding: 43px 10px 5px 30px;
        min-height: 575px
    }
}

@media (max-width: 767px) {
    .equipment__description {
        padding: 48px 10px 10px 21px;
        min-height: 633px
    }
}

.equipment__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -.02em;
    max-width: 560px;
    margin: 0 0 35px
}

@media (max-width: 1279px) {
    .equipment__title {
        font-size: 44px;
        line-height: 54px
    }
}

@media (max-width: 767px) {
    .equipment__title {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 20px
    }
}

.equipment__text {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.02em;
    max-width: 650px;
    margin: 0
}

@media (max-width: 1279px) {
    .equipment__text {
        font-size: 18px;
        line-height: 28px;
        max-width: 360px
    }
}

@media (max-width: 767px) {
    .equipment__text {
        font-size: 14px;
        line-height: 20px;
        max-width: 250px
    }
}

.equipment__list {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1279px) {
    .equipment__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        -webkit-column-gap: 65px;
        -moz-column-gap: 65px;
        column-gap: 65px
    }
}

@media (max-width: 1023px) {
    .equipment__list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 30px
    }
}

@media (max-width: 767px) {
    .equipment__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        row-gap: 12px
    }
}

.equipment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 50px 38px 0
}

@media (max-width: 1279px) {
    .equipment__item {
        margin: 0 0 15px
    }
}

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

@media (max-width: 1279px) {
    .equipment__item-img svg {
        width: 55px;
        height: 55px
    }
}

.equipment__item-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    opacity: .7;
    max-width: 220px;
    margin: 0 0 0 16px
}

@media (max-width: 1279px) {
    .equipment__item-text {
        max-width: 190px
    }
}

.studio-header {
    padding: 60px 0 32px;
    text-align: center;
    color: #2e3346
}

@media (max-width: 1279px) {
    .studio-header {
        padding: 48px 0 32px
    }
}

@media (max-width: 767px) {
    .studio-header {
        padding: 32px 0 20px
    }
}

.studio-header__title {
    font-weight: 800;
    font-size: 52px;
    line-height: 54px;
    letter-spacing: -.02em;
    margin: 0 0 24px
}

@media (max-width: 1279px) {
    .studio-header__title {
        font-size: 36px;
        line-height: 42px
    }
}

@media (max-width: 767px) {
    .studio-header__title {
        margin: 0 0 20px
    }
}

.studio-header__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    max-width: 1040px;
    margin: 0 auto
}

@media (max-width: 1279px) {
    .studio-header__text {
        font-size: 16px;
        line-height: 28px;
        max-width: 855px
    }
}

@media (max-width: 767px) {
    .studio-header__text {
        font-size: 14px;
        line-height: 24px
    }
}

.wallpapers-in-project {
    padding: 20px 0 67px
}

@media (max-width: 1439px) {
    .wallpapers-in-project {
        padding-top: 26px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project {
        padding-top: 36px
    }
}

.wallpapers-in-project__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1023px) {
    .wallpapers-in-project__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.wallpapers-in-project__description {
    max-width: 59%;
    padding-right: 59px
}

@media (max-width: 1023px) {
    .wallpapers-in-project__description {
        width: 100%;
        max-width: unset;
        padding-right: 0;
        padding-bottom: 31px
    }
}

.wallpapers-in-project__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.wallpapers-in-project__img img {
    border-radius: 50%;
    width: 220px;
    height: 220px;
    min-width: 220px;
    min-height: 220px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media (max-width: 1439px) {
    .wallpapers-in-project__img img {
        width: 223px;
        height: 223px;
        min-width: 223px;
        min-height: 223px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__img img {
        width: 304px;
        height: 304px;
        min-width: 304px;
        min-height: 304px
    }
}

.wallpapers-in-project__img:hover .wallpapers-in-project__art, .wallpapers-in-project__img:hover .wallpapers-in-project__name {
    color: #4f8cc8
}

.wallpapers-in-project__name {
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -.02em;
    color: #a7adb8;
    margin: 10px 0 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (max-width: 1439px) {
    .wallpapers-in-project__name {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__name {
        margin-top: 11px;
        font-size: 12px;
        line-height: 14px
    }
}

.wallpapers-in-project__art {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -.02em;
    color: #a7adb8;
    -webkit-transition: color .3s;
    transition: color .3s
}

.wallpapers-in-project__title {
    padding: 0;
    margin: 0 0 19px;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1439px) {
    .wallpapers-in-project__title {
        font-size: 34px;
        line-height: 46px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 17px
    }
}

.wallpapers-in-project__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

.wallpapers-in-project__imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    min-width: 24%
}

@media (max-width: 1023px) {
    .wallpapers-in-project__imgs {
        width: 100%;
        min-width: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 374px) {
    .wallpapers-in-project__imgs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.wallpapers-in-project__imgs--two-rows {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(auto) [ 2 ];
    grid-template-columns:repeat(2, auto);
    -ms-grid-rows:(auto) [ 2 ];
    grid-template-rows:repeat(2, auto);
    min-width: unset
}

@media (max-width: 1439px) {
    .wallpapers-in-project__imgs--two-rows {
        gap: 20px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__imgs--two-rows {
        width: 100%;
        gap: 17px
    }
}

@media (max-width: 374px) {
    .wallpapers-in-project__imgs--two-rows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.wallpapers-in-project__imgs--two-rows img {
    width: 208px;
    height: 208px;
    min-width: 208px;
    min-height: 208px
}

@media (max-width: 1439px) {
    .wallpapers-in-project__imgs--two-rows img {
        width: 180px;
        height: 180px;
        min-width: 180px;
        min-height: 180px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__imgs--two-rows img {
        width: 160px;
        height: 160px;
        min-width: 160px;
        min-height: 160px
    }
}

.wallpapers-in-project__imgs--three {
    min-width: unset
}

@media (max-width: 1439px) {
    .wallpapers-in-project__imgs--three {
        gap: 14px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__imgs--three {
        width: 100%;
        gap: 10px
    }
}

.wallpapers-in-project__imgs--three img {
    width: 208px;
    height: 208px;
    min-width: 208px;
    min-height: 208px
}

@media (max-width: 1439px) {
    .wallpapers-in-project__imgs--three img {
        width: 144px;
        height: 144px;
        min-width: 144px;
        min-height: 144px
    }
}

@media (max-width: 1023px) {
    .wallpapers-in-project__imgs--three img {
        width: 106px;
        height: 106px;
        min-width: 106px;
        min-height: 106px
    }
}

.result {
    background-color: #f5f5f5
}

.result__wrapper {
    padding: 89px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    margin: 0 auto
}

@media (max-width: 1439px) {
    .result__wrapper {
        padding: 89px 36px
    }
}

@media (max-width: 1023px) {
    .result__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 57px 16px 78px
    }
}

.result__description {
    padding-left: 72px;
    width: 50%
}

@media (max-width: 1439px) {
    .result__description {
        padding-left: 49px
    }
}

@media (max-width: 1023px) {
    .result__description {
        padding-left: 0;
        padding-bottom: 41px;
        width: 100%
    }
}

.result__title {
    padding: 0;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin: 12px 0 28px
}

@media (max-width: 1439px) {
    .result__title {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 18px
    }
}

@media (max-width: 1023px) {
    .result__title {
        font-size: 24px;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 17px
    }
}

.result__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

.result .result-slider {
    width: 49.5%
}

.result .result-slider .swiper-slide {
    cursor: pointer
}

@media (max-width: 1023px) {
    .result .result-slider {
        width: 100%
    }
}

.result__info, .result__info .link {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px
}

.result__info {
    text-align: center;
    color: #a7adb8
}

.result__info .link {
    letter-spacing: unset
}

.result__graphics {
    width: 43%
}

@media (max-width: 1023px) {
    .result__graphics {
        width: 100%
    }
}

.result--wide .result__wrapper {
    padding: 72px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1438px
}

@media (max-width: 1023px) {
    .result--wide .result__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 19px 19px 78px
    }
}

.result--wide .result__description {
    width: 57%;
    padding-left: 111px;
    padding-right: 172px
}

@media (max-width: 1439px) {
    .result--wide .result__description {
        padding-left: 49px
    }
}

@media (max-width: 1023px) {
    .result--wide .result__description {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 41px;
        width: 100%
    }
}

.result--wide .result__title {
    margin-top: 31px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .result--wide .result__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.result--wide .result__info {
    margin-top: 14px
}

.result-slider, .wp-material-slider {
    position: relative;
    overflow: hidden
}

.result-slider picture, .wp-material-slider picture {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.result-slider img, .wp-material-slider img {
    min-width: 100%;
    max-width: unset;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.result-slider .slider-button-fill-next, .result-slider .slider-button-fill-prev {
    position: absolute;
    z-index: 3;
    width: 36px;
    height: 36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1023px) {
    .result-slider .slider-button-fill-next, .result-slider .slider-button-fill-prev {
        width: 22px;
        height: 22px
    }
}

.result-slider .slider-button-fill-next {
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media (max-width: 1023px) {
    .result-slider .slider-button-fill-next {
        right: 12px
    }
}

.result-slider .slider-button-fill-prev {
    left: 20px
}

@media (max-width: 1023px) {
    .result-slider .slider-button-fill-prev {
        left: 12px
    }
}

.wp-material-slider img {
    border-radius: 8px
}

.wp-material-slider .slider-button-fill-next, .wp-material-slider .slider-button-fill-prev {
    position: absolute;
    z-index: 3;
    width: 36px;
    height: 36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1023px) {
    .wp-material-slider .slider-button-fill-next, .wp-material-slider .slider-button-fill-prev {
        width: 22px;
        height: 22px
    }
}

.wp-material-slider .slider-button-fill-next {
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media (max-width: 1023px) {
    .wp-material-slider .slider-button-fill-next {
        right: 12px
    }
}

.wp-material-slider .slider-button-fill-prev {
    left: 20px
}

@media (max-width: 1023px) {
    .wp-material-slider .slider-button-fill-prev {
        left: 12px
    }
}

.more-here {
    padding: 70px 3px 59px;
    border-bottom: 2px solid #efeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1439px) {
    .more-here {
        padding: 64px 1px 49px
    }
}

@media (max-width: 1023px) {
    .more-here {
        padding: 53px 1px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.more-here__text {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.02em;
    color: #2e3346
}

.more-here__text a {
    color: #4f8cc8;
    -webkit-transition: color .3s;
    transition: color .3s
}

.more-here__text a:hover {
    color: #2e3346
}

@media (max-width: 1439px) {
    .more-here__text {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .more-here__text {
        line-height: 34px
    }
}

.more-here svg {
    fill: transparent;
    margin-right: 20px;
    min-width: 24px;
    min-height: 24px
}

@media (max-width: 1439px) {
    .more-here svg {
        margin-right: 10px
    }
}

@media (max-width: 1023px) {
    .more-here svg {
        min-width: 16px;
        min-height: 16px
    }
}

.similar {
    padding: 29px 10px 120px 0;
    margin-right: -10px;
    overflow: hidden
}

@media (max-width: 1439px) {
    .similar {
        padding: 23px 10px 120px 0
    }
}

@media (max-width: 1023px) {
    .similar {
        padding: 14px 10px 100px 0
    }
}

.similar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 29px
}

@media (max-width: 1439px) {
    .similar__wrapper {
        margin-bottom: 13px
    }
}

@media (max-width: 1023px) {
    .similar__wrapper {
        margin-bottom: 20px
    }
}

.similar .slider-buttons.hidden {
    display: none
}

.similar__title {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 1439px) {
    .similar__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 18px
    }
}

@media (max-width: 1023px) {
    .similar__title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 7px
    }
}

.similar.swiper-container-initialized .similar__title {
    margin-bottom: 0
}

.similar .swiper-wrapper:not(.similar__slider) .project-card__img {
    height: auto
}

@media (max-width: 1439px) {
    .similar .swiper-wrapper:not(.similar__slider) .project-card__img {
        height: auto
    }
}

@media (max-width: 1023px) {
    .similar .swiper-wrapper:not(.similar__slider) .project-card__img {
        height: 218px
    }
}

.similar__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px
}

@media (max-width: 1439px) {
    .similar__slider {
        gap: 19px
    }

    .similar__slider .card-tags span {
        height: 36px;
        width: 36px;
        min-height: 36px;
        min-width: 36px
    }

    .similar__slider .project-card__wrapper {
        padding: 12px 23px 15px 19px
    }
}

.similar__slider .swiper-slide {
    width: calc((100% - 56px) / 3)
}

@media (max-width: 1439px) {
    .similar__slider .swiper-slide .project-card__img {
        height: 222px
    }
}

@media (max-width: 1023px) {
    .similar__slider .swiper-slide {
        width: calc((100% - 32px) / 2)
    }
}

.similar .mobile-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .similar .mobile-hidden {
        display: none
    }
}

.similar .desktop-hidden {
    display: none
}

@media (max-width: 767px) {
    .similar .desktop-hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.similar .cases-card__addres {
    font-style: normal
}

.principles {
    padding: 96px 0 86px 115px;
    color: #2e3346
}

@media (max-width: 1279px) {
    .principles {
        padding: 84px 0 86px
    }
}

@media (max-width: 767px) {
    .principles {
        padding: 52px 0 80px
    }
}

.principles__img {
    width: 115px;
    height: 115px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: -10px 32px 0 -34px;
    background-color: #2e3346;
    border-radius: 100%
}

@media (max-width: 1279px) {
    .principles__img {
        margin: -2px 26px 0 21px
    }
}

@media (max-width: 767px) {
    .principles__img {
        width: 85px;
        height: 85px;
        margin: -2px 17px 0
    }
}

.principles__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    margin-bottom: 42px
}

@media (max-width: 1279px) {
    .principles__title {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 38px
    }
}

@media (max-width: 767px) {
    .principles__title {
        font-size: 22px;
        line-height: 46px;
        margin-bottom: 5px
    }
}

.principles__list {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -.02em;
    color: #2e3346;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 30px;
    padding: 0;
    margin: 0
}

@media (max-width: 767px) {
    .principles__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 8px
    }
}

.principles__item {
    padding-top: 25px;
    max-width: 505px;
    list-style-type: decimal;
    list-style-position: inside
}

.principles__item:nth-child(even) {
    padding-left: 55px
}

@media (max-width: 1279px) {
    .principles__item:nth-child(even) {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .principles__item {
        font-size: 18px;
        line-height: 26px
    }
}

.principles__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding-top: 10px;
    margin: 0;
    letter-spacing: .05px
}

@media (max-width: 767px) {
    .principles__text {
        line-height: 22px
    }
}

.principles__item--brandbook {
    list-style-type: none;
    border: 2px dashed #dee0e2;
    border-radius: 16px;
    padding: 40px 17px 28px 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 556px;
    margin-left: 54px;
    margin-top: 10px
}

@media (max-width: 1279px) {
    .principles__item--brandbook {
        margin-left: -6px;
        padding: 32px 45px 28px 23px
    }
}

@media (max-width: 767px) {
    .principles__item--brandbook {
        margin-left: 0;
        margin-top: 52px
    }
}

.principles__item--brandbook .principles__item-brandbook-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    margin: 0 0 5px
}

.principles__item--brandbook .principles__item-brandbook-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #767f86;
    margin: 0
}

.design {
    display: block;
    position: relative;
    padding: 73px 0 80px;
    margin-bottom: 30px
}

@media (max-width: 1279px) {
    .design {
        padding: 72px 20px 52px 78px
    }
}

@media (max-width: 1023px) {
    .design {
        padding: 72px 20px 52px 24px
    }
}

@media (max-width: 767px) {
    .design {
        padding: 39px 20px 60px 22px
    }
}

.design__background {
    position: absolute;
    border-radius: 16px;
    top: 0;
    left: 0;
    min-height: 620px;
    width: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(#4f8cc8), color-stop(#70af60), color-stop(#d95858), to(#ea9541));
    background: linear-gradient(90deg, #4f8cc8, #70af60, #d95858, #ea9541);
    background-size: 400% 400%;
    -webkit-animation: AnimationBg 16s ease infinite;
    animation: AnimationBg 16s ease infinite
}

@media (max-width: 1279px) {
    .design__background {
        min-height: 100%
    }
}

.design__inner {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1137px;
    margin: 0 auto
}

@media (max-width: 829px) {
    .design__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.design__img {
    width: 445px;
    height: 445px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 100%;
    background-color: #2e3346;
    margin-right: 15px
}

@media (max-width: 1279px) {
    .design__img {
        width: 330px;
        height: 330px
    }
}

@media (max-width: 767px) {
    .design__img {
        margin-top: 14px;
        margin-left: 14px;
        width: 304px;
        height: 304px
    }
}

@media (max-width: 374px) {
    .design__img {
        width: 275px;
        height: 275px
    }
}

.design__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 100%
}

.design__descriptions {
    max-width: 557px;
    padding: 20px 47px 0 0
}

@media (max-width: 1279px) {
    .design__descriptions {
        padding: 0 22px 0 63px
    }
}

@media (max-width: 1023px) {
    .design__descriptions {
        padding: 0 22px 0 20px
    }
}

@media (max-width: 767px) {
    .design__descriptions {
        padding: 0
    }
}

.design__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 30px
}

@media (max-width: 1279px) {
    .design__title {
        font-size: 36px;
        line-height: 46px;
        margin: 0 0 25px
    }
}

@media (max-width: 767px) {
    .design__title {
        font-size: 28px;
        line-height: 46px;
        margin: 0 0 15px
    }
}

.design__descriptions-text {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    color: #efeeee;
    margin: 0 0 30px
}

@media (max-width: 1279px) {
    .design__descriptions-text {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 25px
    }
}

@media (max-width: 767px) {
    .design__descriptions-text {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 18px
    }
}

.design__descriptions-subtext {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #efeeee
}

@media (max-width: 767px) {
    .design__descriptions-subtext {
        font-size: 12px;
        line-height: 22px
    }
}

.in-blog {
    padding: 20px 0 85px
}

@media (max-width: 1279px) {
    .in-blog {
        padding: 15px 0 40px
    }
}

@media (max-width: 767px) {
    .in-blog {
        padding: 10px 0 30px
    }
}

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

.in-blog__title, .in-blog__title a {
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .in-blog__title {
        font-size: 22px;
        line-height: 26px
    }
}

.in-blog__title a {
    border-bottom: 2px solid #73b8de;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media (max-width: 767px) {
    .in-blog__title a {
        font-size: 22px;
        line-height: 26px
    }
}

.in-blog__slider {
    position: relative;
    overflow: hidden
}

.in-blog__button-next, .in-blog__button-prev {
    padding: 0;
    border: 0;
    background-color: transparent;
    fill: #dee0e2;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    cursor: pointer
}

.in-blog__button-next:hover, .in-blog__button-prev:hover {
    fill: #2e3346
}

@media (max-width: 767px) {
    .in-blog__button-next svg, .in-blog__button-prev svg {
        width: 42px;
        height: 42px
    }
}

.in-blog__button-prev {
    margin-right: 7px
}

.in-blog .article__title {
    line-height: 26px
}

@media (max-width: 1279px) {
    .in-blog .article__title {
        font-size: 22px
    }
}

@media (max-width: 767px) {
    .in-blog .article__title {
        font-size: 18px;
        line-height: 18px
    }
}

.design__img img, .in-blog .article__img img {
    width: 100%;
    height: 100%
}

@media (max-width: 1279px) {
    .in-blog .article__img img {
        margin-bottom: 21
    }
}

.in-blog .article__about {
    width: 100%;
    margin-top: 18px;
    border-bottom: none
}

@media (max-width: 767px) {
    .in-blog .article__about {
        margin-top: 16px;
        margin-bottom: 0
    }
}

.showroom-item {
    padding: 37px 116px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1439px) {
    .showroom-item {
        padding: 25px 30px
    }
}

@media (max-width: 1023px) {
    .showroom-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 0
    }
}

.showroom-item__wrapper {
    width: 43%
}

@media (max-width: 1439px) {
    .showroom-item__wrapper {
        width: 48%
    }
}

@media (max-width: 1023px) {
    .showroom-item__wrapper {
        width: 100%
    }
}

.showroom-item__swiper {
    width: 46%;
    overflow: hidden;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

@media (max-width: 1439px) {
    .showroom-item__swiper {
        width: 49%
    }
}

@media (max-width: 1023px) {
    .showroom-item__swiper {
        width: 100%
    }
}

.showroom-item .swiper-slide {
    height: auto
}

.showroom-item picture {
    line-height: 0;
    font-size: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.our-promo__img img, .showroom-item img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.showroom-item__title {
    padding: 0;
    font-weight: 700;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin: 0 0 17px
}

@media (max-width: 1439px) {
    .showroom-item__title {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width: 1023px) {
    .showroom-item__title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.showroom-item__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

@media (max-width: 1023px) {
    .showroom-item__text {
        padding-bottom: 30px
    }
}

.showroom-item--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 1023px) {
    .showroom-item--reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.showroom-item--reverse .showroom-item__wrapper {
    margin-right: 35px
}

@media (max-width: 1439px) {
    .showroom-item--reverse .showroom-item__wrapper {
        margin-right: 0
    }
}

.our-promo {
    width: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 86px 92px
}

@media (max-width: 1439px) {
    .our-promo {
        padding: 86px 80px;
        min-height: 646px
    }
}

@media (max-width: 1023px) {
    .our-promo {
        min-height: 644px;
        padding: 49px 18px
    }
}

@media (max-width: 767px) {
    .our-promo .quality-icon {
        position: absolute;
        right: 0;
        top: -22px
    }
}

@media (max-width: 374px) {
    .our-promo .quality-icon {
        position: static;
        margin-left: auto
    }
}

.our-promo__img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.our-promo__img, .our-promo__img picture, .simple-slider picture {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.our-promo__img img {
    height: auto;
    width: auto;
    -o-object-position: center;
    object-position: center
}

.our-promo__wrapper {
    width: 100%;
    max-width: 581px;
    position: relative;
    z-index: 2
}

@media (max-width: 1439px) {
    .our-promo__wrapper {
        max-width: 524px
    }
}

.our-promo__title {
    padding: 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1439px) {
    .our-promo__title {
        margin-bottom: 23px;
        font-size: 44px;
        line-height: 54px
    }
}

@media (max-width: 1023px) {
    .our-promo__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 12px;
        position: relative
    }
}

@media (max-width: 767px) {
    .our-promo__title {
        padding-right: 130px
    }
}

@media (max-width: 374px) {
    .our-promo__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-right: 0
    }
}

.our-promo__text {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #fff
}

@media (max-width: 1439px) {
    .our-promo__text {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 1023px) {
    .our-promo__text {
        font-size: 14px;
        line-height: 20px
    }
}

.quality-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quality-icon__number {
    padding: 0;
    font-weight: 500;
    font-size: 64px;
    line-height: 76px;
    color: #fff;
    letter-spacing: -.05em;
    margin: 0 0 0 7px
}

@media (max-width: 1023px) {
    .quality-icon__number {
        font-size: 48px;
        line-height: 64px;
        margin-left: 13px
    }

    .quality-icon__icon {
        width: 49px;
        height: 38px
    }
}

.cases-gallery {
    padding: 30px 0 73px
}

@media (max-width: 767px) {
    .cases-gallery {
        padding: 15px 0 73px
    }
}

.cases-gallery__buttons, .cases-gallery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cases-gallery__buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cases-gallery__buttons .btn-ds {
    background-color: #f7e4e6;
    color: #da7e7e
}

.cases-gallery__buttons .btn-ds svg {
    margin-right: 5px;
    margin-top: 2px
}

.cases-gallery__list {
    list-style: none;
    padding: 0;
    margin: -30px 0 60px -39px
}

@media (max-width: 1279px) {
    .cases-gallery__list {
        margin-left: -32px
    }
}

@media (max-width: 1023px) {
    .cases-gallery__list {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .cases-gallery__list {
        margin-left: -20px;
        margin-top: -26px
    }
}

.cases-gallery__list li {
    width: calc(100% / 3 - 39px);
    margin: 44px 0 39px 38px
}

.cases-gallery__list li .case-icon-heart {
    background: #f7e4e6;
    border-radius: 2rem;
    padding: 7px;
    margin-left: 7px;
    margin-right: 7px;
    line-height: 44px;
    width: 50px;
    height: 50px
}

.cases-gallery__buttons .btn-ds svg, .cases-gallery__list li .case-icon-heart svg {
    vertical-align: middle;
    stroke: #da7e7e;
    fill: #da7e7e
}

@media (max-width: 1279px) {
    .cases-gallery__list li {
        width: calc(100% / 3 - 39px);
        margin-left: 35px
    }
}

@media (max-width: 767px) {
    .cases-gallery__list li {
        width: 100%;
        margin-top: 35px;
        margin-left: 20px;
        margin-bottom: 19px
    }
}

.cases-gallery__list li:nth-child(9) {
    margin-top: 76px
}

@media (max-width: 1023px) {
    .cases-gallery__list li:nth-child(9) {
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .cases-gallery__list li:nth-child(9) {
        margin-top: 25px
    }
}

.cases-gallery__list li:nth-child(10) {
    margin-top: 76px
}

@media (max-width: 1023px) {
    .cases-gallery__list li:nth-child(10) {
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .cases-gallery__list li:nth-child(10) {
        margin-top: 25px
    }
}

.cases-gallery__list li.max {
    min-width: 90%;
    width: 100%
}

.cases-gallery__list li.big {
    width: calc((100% / 3) * 2 - 39px)
}

@media (max-width: 767px) {
    .cases-gallery__list li.big {
        width: 100%;
        margin-bottom: 20px
    }
}

.cases-gallery__list li.half {
    min-width: calc(50% - 39px);
    width: calc(50% - 39px)
}

@media (max-width: 767px) {
    .cases-gallery__list li.half {
        width: 100%;
        margin-bottom: 20px
    }
}

.cases-gallery__more {
    margin: 0 auto;
    width: 427px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1023px) {
    .cases-gallery__more {
        width: 100%
    }
}

.cases-gallery__more span {
    margin-top: 5px;
    margin-left: -12px;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    color: #2e3346
}

.virtual-main {
    margin-top: 10px;
    position: relative;
    padding: 47px 115px 30px;
    min-height: 620px;
    border-radius: 8px
}

@media (max-width: 1279px) {
    .virtual-main {
        padding: 47px 50px 30px
    }
}

@media (max-width: 1023px) {
    .virtual-main {
        min-height: 500px
    }
}

@media (max-width: 425px) {
    .virtual-main {
        padding: 47px 20px 30px
    }
}

@media (max-width: 767px) {
    .virtual-main {
        margin-top: 20px;
        padding: 35px 20px 30px
    }
}

.virtual-main__img {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.virtual-main__img img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.virtual-main__title {
    letter-spacing: -.02em;
    color: #fff;
    margin-top: 82px;
    margin-bottom: 46px;
    max-width: 630px
}

@media (max-width: 1023px) {
    .virtual-main__title {
        margin-top: 30px
    }
}

@media (max-width: 419px) {
    .virtual-main__title {
        font-weight: 700;
        font-size: 28px;
        line-height: 36px;
        max-width: 200px;
        margin-bottom: 20px
    }
}

.virtual-main__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    max-width: 660px;
    margin: 0 0 60px
}

@media (max-width: 419px) {
    .virtual-main__text {
        font-size: 14px;
        line-height: 24px;
        max-width: 250px;
        margin: 0 0 25px
    }
}

.virtual-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.location {
    padding: 95px 0 46px
}

@media (max-width: 419px) {
    .location {
        padding: 45px 0 46px
    }
}

.location__row:not(:last-child) {
    margin-bottom: 96px
}

@media (max-width: 1279px) {
    .location__row:not(:last-child) {
        margin-bottom: 45px
    }
}

.location__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 24px
}

@media (max-width: 1279px) {
    .location__row {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .location__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

.location__item {
    overflow: hidden;
    max-height: 440px
}

@media (max-width: 419px) {
    .location__item--heigh {
        max-height: 465px
    }
}

.location__item img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media (max-width: 767px) {
    .location__item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 1279px) {
    .location__item--w-100 {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }
}

.location__title {
    margin-top: 25px;
    margin-bottom: 30px;
    max-width: 333px
}

@media (max-width: 1279px) {
    .location__title {
        max-width: 100%
    }
}

@media (max-width: 419px) {
    .location__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

.location__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346;
    max-width: 384px;
    padding: 0;
    margin: 0
}

@media (max-width: 1279px) {
    .location__text {
        max-width: 100%
    }
}

.location.correction__item {
    overflow: hidden;
    max-height: none
}

@media (max-width: 419px) {
    .location.correction__item--heigh {
        max-height: none
    }
}

.colors {
    padding: 50px 0 95px
}

@media (max-width: 767px) {
    .colors {
        padding: 50px 0 45px
    }
}

@media (max-width: 419px) {
    .colors {
        padding: 28px 0 70px
    }
}

.colors__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    color: #2e3346
}

.colors__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 24px
}

@media (max-width: 767px) {
    .colors__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

.colors__item {
    overflow: hidden;
    max-height: 440px
}

.colors__title {
    margin-bottom: 20px
}

@media (max-width: 419px) {
    .colors__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }
}

.colors__text {
    margin-bottom: 35px
}

@media (max-width: 419px) {
    .colors__text {
        margin-bottom: 20px
    }
}

.check-result {
    padding: 97px 0 95px;
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%)
}

@media (max-width: 1023px) {
    .check-result {
        padding: 47px 0 70px
    }
}

@media (max-width: 419px) {
    .check-result {
        padding: 47px 0 70px
    }
}

.check-result__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns:2fr 1fr;
    gap: 60px
}

@media (max-width: 1023px) {
    .check-result__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 30px
    }

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

.check-result__title {
    margin-top: 46px;
    margin-bottom: 25px;
    max-width: 386px
}

@media (max-width: 1279px) {
    .check-result__title {
        margin-top: 0
    }
}

@media (max-width: 1023px) {
    .check-result__title {
        max-width: 100%
    }
}

@media (max-width: 419px) {
    .check-result__title {
        margin-bottom: 18px
    }
}

.check-result__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346;
    max-width: 386px;
    margin: 0
}

@media (max-width: 1023px) {
    .check-result__text {
        max-width: 100%
    }
}

.beer-slider {
    max-height: 650px
}

.beer-slider img, .colors__item img, .order-dressing__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.beer-handle, .beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after, .icv__theme-wrapper, .simple-slider .video .ytp-large-play-button {
    display: none
}

.beer-reveal::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 4px;
    background-color: #fff;
    z-index: 99
}

.order-dressing {
    padding: 88px 20px 68px 100px;
    background-color: #2e3346;
    position: relative
}

@media (max-width: 1279px) {
    .order-dressing .container {
        padding: 0
    }

    .order-dressing {
        padding: 88px 20px 68px 40px
    }
}

@media (max-width: 1023px) {
    .order-dressing {
        padding: 60px 20px 55px 30px
    }
}

@media (max-width: 767px) {
    .order-dressing {
        padding: 60px 20px 90px 17px
    }
}

@media (max-width: 419px) {
    .order-dressing {
        padding: 45px 20px 90px 17px
    }
}

.order-dressing__wrapper {
    padding-left: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 62% 34%;
    grid-template-columns:62% 34%;
    gap: 50px
}

@media (min-width: 1460px) {
    .order-dressing__wrapper {
        padding-left: 73px
    }
}

@media (max-width: 1279px) {
    .order-dressing__wrapper {
        -ms-grid-columns: 62% 30%;
        grid-template-columns:62% 30%;
        gap: 25px;
        padding-left: 0
    }
}

@media (max-width: 1023px) {
    .order-dressing__wrapper {
        -ms-grid-columns: 60% 30%;
        grid-template-columns:60% 30%
    }
}

@media (max-width: 767px) {
    .order-dressing__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 419px) {
    .order-dressing__wrapper {
        gap: 15px
    }
}

.order-dressing__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 30px;
    max-width: 597px
}

@media (max-width: 1023px) {
    .order-dressing__title {
        font-size: 36px;
        line-height: 38px
    }
}

@media (max-width: 419px) {
    .order-dressing__title {
        font-size: 28px;
        line-height: 32px
    }
}

.order-dressing__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #efeeee;
    max-width: 675px;
    margin: 0 0 37px
}

@media (max-width: 419px) {
    .order-dressing__text {
        font-size: 16px;
        line-height: 26px;
        max-width: 320px;
        margin: 0 0 25px
    }
}

.order-dressing__list {
    color: #dee0e2;
    max-width: 715px;
    padding: 0 0 0 32px;
    margin: 0 0 90px
}

@media (max-width: 419px) {
    .order-dressing__list {
        margin: 0 0 38px
    }
}

.order-dressing__list li {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px
}

.order-dressing__list li::before {
    content: " ";
    position: absolute;
    top: 5px;
    left: -30px;
    width: 16px;
    height: 12px;
    background: url(../img/sprite/icon-check-white2.svg) 0 0 no-repeat
}

.order-dressing__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1100px) {
    .order-dressing__inner {
        position: absolute;
        left: 40px;
        bottom: 15px
    }
}

@media (max-width: 1023px) {
    .order-dressing__inner {
        left: 30px
    }
}

@media (max-width: 767px) {
    .order-dressing__inner {
        position: static
    }
}

.order-dressing__img {
    width: 260px;
    height: 260px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor: pointer
}

@media (max-width: 419px) {
    .order-dressing__img {
        margin-top: 0;
        margin-bottom: 15px
    }
}

.order-dressing__img img {
    border-radius: 100%
}

.order-dressing__sub-text {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #a7adb8;
    max-width: 345px
}

@media (max-width: 455px) {
    .order-dressing__item img {
        margin: 0 auto
    }
}

.case-design {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 54px 0
}

@media (max-width: 1023px) {
    .case-design {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.case-design__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 34%;
    padding-right: 90px
}

@media (max-width: 1279px) {
    .case-design__description {
        width: 34.1%
    }
}

@media (max-width: 1023px) {
    .case-design__description {
        width: 100%;
        padding-right: 0
    }
}

.case-design__title {
    margin: 27px 0 15px;
    font-weight: 800;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -.02em;
    color: #2e3346
}

@media (max-width: 767px) {
    .case-design__title {
        font-size: 22px;
        line-height: 26px;
        margin-top: 16px
    }
}

.case-design__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346
}

@media (max-width: 767px) {
    .case-design__text {
        font-size: 14px;
        line-height: 24px
    }
}

.case-design__wrapper {
    width: 66%
}

@media (max-width: 1279px) {
    .case-design__wrapper {
        width: 65.9%
    }
}

@media (max-width: 1023px) {
    .case-design__wrapper {
        width: 100%;
        padding-left: 0
    }
}

.case-design__wrapper img {
    width: 100%;
    height: auto
}

.case-design__img {
    display: inline-block;
    margin: 11px auto 0
}

.simple-slider {
    position: relative;
    overflow: hidden
}

.simple-slider img {
    min-width: 100%;
    max-width: unset;
    height: 90%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media (max-width: 767px) {
    .simple-slider img {
        height: 85%
    }
}

.simple-slider .result__info {
    margin-top: -26px
}

@media (max-width: 767px) {
    .simple-slider .result__info {
        margin-top: -25px
    }
}

.simple-slider .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 434px
}

@media (max-width: 1023px) {
    .simple-slider .swiper-wrapper {
        min-height: auto
    }
}

@media (max-width: 767px) {
    .simple-slider .swiper-wrapper {
        min-height: 270px
    }
}

.simple-slider .swiper-slide {
    height: auto
}

.simple-slider .video {
    padding-top: 0;
    height: 100%
}

.simple-slider .slider-button-fill-next, .simple-slider .slider-button-fill-prev {
    position: absolute;
    z-index: 3;
    width: 36px;
    height: 36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .simple-slider .slider-button-fill-next, .simple-slider .slider-button-fill-prev {
        width: 40px;
        height: 40px
    }

    .simple-slider .slider-button-fill-next:before, .simple-slider .slider-button-fill-prev:before {
        background-size: 40px 40px
    }
}

.simple-slider .slider-button-fill-next {
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

@media (max-width: 767px) {
    .simple-slider .slider-button-fill-next {
        right: 12px
    }
}

.simple-slider .slider-button-fill-prev {
    left: 20px
}

@media (max-width: 767px) {
    .simple-slider .slider-button-fill-prev {
        left: 12px
    }
}

.simple-slider.has-info .slider-button-fill-next, .simple-slider.has-info .slider-button-fill-prev {
    top: calc(50% - 20px)
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.atw-video iframe, .video iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.video iframe {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.modal-video-wrapper {
    position: relative;
    margin: auto 0;
    width: 1200px;
    text-align: center
}

.atw-video {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 10px 0
}

.atw-video iframe {
    top: 0;
    left: 0
}

.view-video-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    min-height: 60px
}

.icon-circle-play {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/img/svg/play_icon.svg) no-repeat;
    background-size: contain;
    margin: 0 10px 0 0
}

@media (max-width: 1749px) {
    .modal-video-wrapper {
        width: 81.4%
    }
}

@media (max-width: 1439px) {
    .modal-video-wrapper {
        width: 83.9%
    }
}

@media (max-width: 1279px) {
    .modal-video-wrapper {
        width: 91.5%
    }
}

.list-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [4];
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 26px;
    margin-top: 44px
}

.list-info__icon, .list-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-info__icon {
    min-width: 74px;
    width: 74px;
    height: 74px;
    background: #f5f5f5;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.list-info__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -.02em;
    color: #2e3346;
    max-width: 208px
}

.make_mt {
    margin-top: 27px
}

.make__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32.2%;
    grid-template-columns:1fr 32.2%;
    grid-gap: 24px
}

.make__item {
    min-height: 399px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
    padding: 30px 30px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.make__item_large {
    color: #fff;
    padding: 30px 48px 24px
}

.make__picture {
    position: absolute;
    inset: 0;
    z-index: -1
}

.make__desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px
}

.make__desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -.02em;
    max-width: 380px
}

.make__title, .text-box h2, .text-box h3 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.02em
}

.make__btn, .make__title_large {
    font-weight: 700;
    font-size: 32px;
    line-height: 106%
}

.make__btn {
    height: 50px;
    padding: 2px 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.2
}

.certificate_mt {
    margin-top: 24px
}

.certificate__row {
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%);
    border-radius: 8px;
    padding: 70px 40px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.certificate__title {
    font-size: 22px;
    line-height: 1.27;
    margin: 0 0 10px
}

.certificate__info, .certificate__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.certificate__info {
    padding-left: 40px
}

.certificate__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.certificate__list li {
    font-size: 12px;
    line-height: 1.33
}

.calc__order li, .certificate__list i, .certificate__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.certificate__list i {
    min-width: 103px;
    width: 103px;
    height: 103px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 13px
}

.certificate__list span {
    max-width: 158px
}

.certificate__image {
    min-width: 315px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.certificate__desc {
    font-size: 14px;
    line-height: 1.57;
    padding: 5px 30px 0 0
}

.certificate__desc p {
    max-width: 275px
}

.inspiration {
    background: -webkit-gradient(linear, left top, right top, from(#1d2131), color-stop(99.86%, #2e3346));
    background: linear-gradient(90deg, #1d2131 0%, #2e3346 99.86%);
    padding: 95px 0 104px;
    color: #efeeee
}

.inspiration__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    grid-column-gap: 132px;
    max-width: 1128px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.inspiration__title {
    font-size: 34px;
    line-height: 106%;
    letter-spacing: -.02em;
    margin: 0 0 20px
}

.inspiration__image {
    letter-spacing: -.02em;
    color: #fff
}

.inspiration__image-author {
    left: 24px;
    top: 24px;
    z-index: 3;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px
}

.inspiration__image-title {
    left: 24px;
    right: 34px;
    bottom: 24px;
    z-index: 3;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.inspiration__picture {
    z-index: 2;
    height: 300px
}

.inspiration__picture:before {
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .48)), to(rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, rgba(46, 51, 70, .48) 0%, rgba(46, 51, 70, 0) 100%);
    position: absolute;
    inset: 0
}

.inspiration__picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.inspiration__picture-1 {
    z-index: 1;
    left: 6px;
    top: 6px;
    right: -6px;
    bottom: -6px;
    opacity: .4
}

.inspiration__picture-1:before {
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 51, 70, .192)), color-stop(100%, rgba(51, 56, 68, 0)), to(rgba(46, 51, 70, 0)));
    background: linear-gradient(360deg, rgba(46, 51, 70, .192) 0%, rgba(51, 56, 68, 0) 100%, rgba(46, 51, 70, 0) 100%);
    position: absolute;
    inset: 0
}

.inspiration__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.inspiration__desc p {
    max-width: 460px
}

.inspiration__btn {
    height: 60px;
    border: 3px solid #efeeee;
    padding: 2px 30px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .05rem;
    text-align: left;
    text-transform: uppercase;
    margin-top: 32px;
    background: 0 0
}

.inspiration__btn:hover {
    background: #efeeee;
    color: #1d2131
}

.text-box {
    padding: 90px 0 80px;
    font-size: 14px;
    line-height: 171%
}

.text-box h2, .text-box h3 {
    margin: 0 0 10px;
    font-size: 42px;
    line-height: 1.1
}

.text-box h3 {
    font-size: 28px;
    line-height: 32px;
    margin: 35px 0 0;
    padding-bottom: 8px
}

.text-box__frame {
    margin-right: 80px
}

.calc__frame, .text-box__row {
    display: -ms-grid;
    display: grid
}

.text-box__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 1fr auto;
    grid-template-columns:1fr auto;
    grid-column-gap: 104px
}

.calc__frame {
    background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
    background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%);
    padding: 47px;
    -ms-grid-columns: 1fr 36%;
    grid-template-columns:1fr 36%;
    grid-column-gap: 33px
}

.calc__title {
    margin: 0;
    font-size: 34px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -.02em
}

.calc__desc {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    color: #2e3346;
    padding-top: 3px
}

.calc__promo {
    background: #70af60;
    font-size: 14px;
    line-height: 1.57;
    color: #fff;
    padding: 25px 40px;
    letter-spacing: -.02em
}

.calc__price {
    background: #fff;
    border-radius: 8px 8px 0 0;
    margin-top: 8px;
    padding: 42px 42px 20px
}

.calc__price-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1
}

.calc__price-values {
    line-height: 1;
    margin-top: 12px;
    letter-spacing: -.02em
}

.calc__price-value {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.01em
}

.calc__price-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #70af60;
    margin: 0 18px 0 22px
}

.calc__price-sale {
    font-size: 24px;
    font-weight: 700;
    color: #a7adb8
}

.calc__price-sale img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    min-width: 80px
}

.calc__whatsapp {
    background: #fff;
    border-top: 1px solid #efeeee;
    border-radius: 0 0 8px 8px;
    padding: 25px 42px
}

.calc__test:hover b, .calc__whatsapp:hover .calc__whatsapp-title {
    color: #70af60
}

.calc__whatsapp-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -.02em;
    white-space: nowrap;
    margin: 0 29px 0 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calc__whatsapp-text {
    font-weight: 600;
    font-size: 10px;
    line-height: 1.4;
    color: #767f86
}

.close_stena {
    cursor: pointer;
    margin-left: 20px;
    margin-right: 0 !important
}

.calc__order {
    border-top: 1px solid #efeeee;
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 19px;
    font-size: 13px;
    line-height: 1.4
}

.calc__order li {
    margin-top: 9px
}

.calc__order li:first-child {
    margin-top: 0
}

.calc__order li .close_stena {
    top: -5px;
    right: -5px
}

.calc__btn, .calc__order b {
    border-radius: 4px;
    position: relative
}

.calc__order b {
    min-width: 64px;
    background: #2e3346;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 14px;
    width: 64px;
    height: 28px;
    color: #efeeee;
    font-size: 10px;
    font-weight: 700
}

.calc__btn {
    height: 60px;
    background: #70af60;
    width: 100%;
    padding: 4px 22px 0 40px;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff
}

.calc__part {
    margin-top: 23px;
    font-size: 12px;
    line-height: 1.5
}

.calc__part-logo {
    background: #efeeee;
    border-radius: 4px;
    height: 28px;
    padding: 0 9px;
    margin-right: 13px;
    min-width: 94px
}

.calc__part-info {
    margin-left: 9px
}

.calc__part-text {
    padding-top: 3px
}

.calc__info, .calc__part-text b {
    font-weight: 800
}

.calc__info {
    min-width: 15px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 15px;
    color: #767f86;
    font-style: normal
}

.calc__test {
    margin-top: 20px;
    background: #fff;
    padding: 17px 43px
}

.calc__test b {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 10px;
    letter-spacing: -.02em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calc__test span {
    font-size: 12px;
    color: #767f86;
    line-height: 1.33;
    margin-top: 8px
}

.calc__test-image {
    min-width: 114px;
    padding-bottom: 10px;
    padding-right: 13px;
    margin-right: 24px;
    z-index: 1
}

.calc__test-image picture {
    border-radius: 4px;
    overflow: hidden
}

.calc__test-image picture + picture {
    z-index: -1;
    opacity: .5;
    left: 13px;
    top: 10px
}

.calc__head {
    -webkit-column-gap: 54px;
    -moz-column-gap: 54px;
    column-gap: 54px;
    max-width: 750px
}

.calc__body {
    padding-left: 4px
}

.calc__tab, .calc__tab li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calc__tab {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 19px;
    margin-bottom: 30px
}

.calc__tab li {
    position: relative;
    min-width: 92px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #2e3346;
    font-weight: 700;
    padding: 0 13px;
    cursor: pointer
}

.calc__tab li.active, .calc__tab li:hover {
    background: #2e3346;
    color: #fff
}

.calc__tab li path {
    fill: #000
}

.calc__tab li.add {
    color: #a7adb8
}

.calc__link span, .calc__tab li, .calc__tab li.add svg {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calc__tab li.add svg {
    fill: #a7adb8
}

.calc__tab li.add:hover {
    color: #fff
}

.calc__line {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #dee0e2;
    margin: 0 10px 0 24px
}

.calc__link span {
    font-size: 12px;
    font-weight: 600;
    color: #a7adb8;
    margin-left: 10px
}

.calc__link:hover span {
    color: #2e3346
}

.calc__heading {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.calc__fields {
    margin-top: 24px
}

.calc__field-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px
}

.calc__field-input {
    width: 120px;
    height: 50px;
    border: 0;
    padding: 0 15px;
    margin: 0;
    font-size: 18px;
    color: #2e3346;
    border-radius: 4px
}

.calc__sep {
    font-size: 18px;
    color: #a7adb8;
    min-width: 38px;
    height: 50px
}

.calc__min-m2, .calc__min-m2-under-btn {
    color: #a7adb8;
    margin-top: 3px;
    font-size: 12px
}

.calc__min-m2.active {
    color: #e44b50
}

.calc__min-m2-under-btn {
    display: none;
    color: #e44b50
}

.calc__square {
    height: 50px;
    margin-left: 27px;
    font-size: 28px;
    font-weight: 300
}

.calc__square img {
    margin-right: 8px
}

.calc__material {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid #dee0e2
}

.calc__select {
    display: none;
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    position: relative;
    overflow: hidden
}

.calc__select .calc__item-head {
    margin-bottom: 0
}

.calc__select .calc__item-opt {
    background: #2e3346;
    color: #fff
}

.calc__select-image {
    width: 50px;
    height: 50px;
    border-radius: 4px
}

.calc__select-arw {
    background: #2e3346;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px
}

.calc__items {
    margin-top: 15px;
    max-height: 564px;
    overflow-y: auto;
    padding-right: 17px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    grid-row-gap: 11px
}

.calc__items::-webkit-scrollbar {
    width: 2px
}

.calc__items::-webkit-scrollbar-track {
    background: #d9d9d9
}

.calc__items::-webkit-scrollbar-thumb {
    background: #a7adb8
}

.calc__item, .calc__item:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calc__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr 130px;
    grid-template-columns:80px 1fr 130px;
    grid-column-gap: 34px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, .5);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.calc__item:before {
    content: '';
    width: 48px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #70af60 url(../img/svg/check.svg) no-repeat center;
    opacity: 0
}

.calc__item.active, .calc__item:hover {
    background: #fff
}

.calc__item-price_up b {
    color: #70af60;
    position: relative
}

.calc__item-price_sale b:before, .calc__item-price_up b:before {
    content: '';
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -12px
}

.calc__item-price_up b:before {
    background: url(../img/svg/price_up_circle.svg) no-repeat
}

.calc__item-image {
    border-radius: 4px
}

.calc__item-desc p {
    font-size: 12px;
    line-height: 1.33;
    max-width: 400px
}

.calc__item-head {
    margin-bottom: 8px
}

.calc__item-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2
}

.calc__item-opt {
    min-width: 83px;
    height: 24px;
    border-radius: 4px;
    background: #ebeff2;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: -.02em;
    color: #767f86;
    margin-left: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calc__item.fresco .calc__item-opt {
    background: -webkit-gradient(linear, left top, right top, from(#e3bd74a6), to(#be984bbd));
    background: linear-gradient(90deg, #e3bd74a6, #be984bbd);
    color: #f5f5f5
}

.calc__item.active.fresco .calc__item-opt {
    background: -webkit-gradient(linear, left top, right top, from(#e3bd74), to(#a27e35));
    background: linear-gradient(90deg, #e3bd74, #a27e35);
    color: #fff
}

.calc__item-price {
    line-height: 1
}

.calc__item-price b {
    font-size: 20px;
    font-weight: 700
}

.calc__item-price s {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #a7adb8;
    margin: 5px 0;
    position: relative
}

.calc__item-price s img {
    min-width: 53px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calc__item-price span {
    font-size: 14px;
    color: #a7adb8
}

.calc__item-price_sale b {
    color: #70af60;
    position: relative
}

.calc__item-price_sale b:before {
    background: url(../img/svg/percebt1.svg) no-repeat
}

.calc__item-new {
    right: -16px;
    top: -6px
}

.calc__item.active:before {
    opacity: 1
}

.calc__item.active .calc__item-opt {
    background: #2e3346;
    color: #fff
}

.calc__filter {
    margin-left: 17px
}

.individual-design {
    padding-bottom: 100px
}

.individual-design h2 {
    font-size: 54px;
    font-weight: 400;
    margin: 0 0 20px;
    line-height: 1.1
}

.individual-design h2 a {
    font-size: 54px;
    color: #4f8cc8
}

.individual-design p {
    font-size: 16px;
    line-height: 1.75;
    max-width: 900px
}

.individual-design__frame {
    max-width: 1100px;
    margin: 0 auto
}

.order-modal .form .btn {
    margin-top: 26px;
    padding: 17px 20px 11px 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.btn--order.is-active .btn__in-order {
    display: block;
    width: 100%;
    text-align: center
}

.btn--order.is-active.calc__btn {
    padding: 4px 22px 0
}

@media (max-width: 1023px) {
    .list-info {
        -ms-grid-columns: 1fr [2];
        grid-template-columns:repeat(2, 1fr)
    }

    .make__row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .make__item_large {
        padding: 30px 30px 24px
    }

    .certificate__row, .make__desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .certificate__row {
        padding: 24px
    }

    .certificate__info {
        padding-left: 0
    }

    .certificate__desc {
        padding: 0;
        margin: 20px 0
    }

    .inspiration__row {
        grid-column-gap: 40px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .text-box__frame {
        margin-right: 0
    }

    .text-box__row {
        -ms-grid-columns: 1fr 300px;
        grid-template-columns:1fr 300px;
        grid-column-gap: 40px
    }

    .calc {
        background: -webkit-gradient(linear, left bottom, left top, from(#efeeee), color-stop(100%, #f3f3f3), to(#f3f3f3));
        background: linear-gradient(0deg, #efeeee 0%, #f3f3f3 100%, #f3f3f3 100%)
    }

    .calc__frame {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        grid-row-gap: 20px;
        padding: 32px 0;
        background: 0 0
    }

    .calc__title {
        font-size: 30px
    }

    .calc__whatsapp-title {
        margin: 0 15px;
        font-size: 14px
    }

    .calc__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calc__field-input {
        width: 78px
    }

    .calc__items {
        max-height: 334px
    }

    .individual-design h2, .individual-design h2 a {
        font-size: 40px
    }
}

@media (max-width: 767px) {
    .list-info, .make__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .make__item, .make__item_large {
        padding: 24px
    }

    .certificate__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 20px
    }

    .certificate__image {
        min-width: auto
    }

    .inspiration {
        padding: 60px 0
    }

    .inspiration__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        grid-row-gap: 24px
    }

    .text-box {
        padding: 60px 0
    }

    .text-box__row {
        grid-row-gap: 24px
    }

    .calc__frame, .text-box__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .calc__title {
        font-size: 22px;
        margin-bottom: 14px
    }

    .calc__item-desc p, .calc__line, .calc__link span {
        display: none
    }

    .calc__label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .calc__sep {
        min-width: 34px
    }

    .calc__select {
        display: -ms-grid;
        display: grid
    }

    .calc__items, .calc__select svg {
        -webkit-transition: .3s;
        transition: .3s
    }

    .calc__items {
        display: none;
        width: 101%;
        padding-right: 0;
        margin-top: 5px
    }

    .calc__item {
        padding: 12px 7px;
        border-radius: 0
    }

    .calc__item, .calc__select {
        max-width: calc(100vw - 40px);
        -ms-grid-columns: 57px 1fr 1fr 32px;
        grid-template-columns:57px 1fr 1fr 32px;
        grid-column-gap: 2px;
        margin-bottom: 2px
    }

    .calc__item .calc__item-head, .calc__select .calc__item-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        zoom: .9;
        padding-left: 10px
    }

    .calc__item .calc__item-new {
        right: -3px
    }

    .calc__select-image {
        width: 57px;
        height: 57px
    }

    .calc__select .calc__item-price b {
        margin-bottom: 0;
        white-space: nowrap;
        color: #000
    }

    .calc__item-price span {
        font-size: 16px;
        margin: 5px 20px 0 0
    }

    .calc__items .calc__item-price, .calc__select .calc__item-price {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        zoom: .9;
        height: 100%;
        margin-top: 12px
    }

    .calc__select-arw {
        width: 47px
    }

    .calc__item-name {
        margin-bottom: 1px;
        color: #000
    }

    .calc__item:nth-child(1) {
        border-radius: 8px 8px 0 0
    }

    .calc__item:nth-last-child(1) {
        border-radius: 0 0 8px 8px
    }

    .calc__info {
        padding-top: 2px
    }

    .calc__item-opt {
        margin-left: 0
    }

    .calc__filter {
        display: none
    }

    .individual-design {
        padding-bottom: 50px
    }

    .individual-design h2, .individual-design h2 a {
        font-size: 30px
    }
}

@media (max-width: 1279px) {
    .certificate__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .certificate__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .calc__promo br, .certificate__title br {
        display: none
    }

    .certificate__desc {
        margin-bottom: 20px
    }

    .certificate__desc p {
        max-width: none
    }

    .calc__frame, .calc__price, .calc__promo, .calc__whatsapp {
        padding: 20px
    }

    .calc__test {
        padding: 17px 20px
    }

    .calc__head {
        max-width: none
    }
}

.bg-red-gradient, .dsreda-design__background {
    background: -webkit-gradient(linear, left top, right top, from(#d95858), to(#da7e7e))
}

.bg-red-gradient {
    background: linear-gradient(90deg, #d95858 0%, #da7e7e 100%)
}

.blog-dsreda .container {
    padding-bottom: 60px
}

.blog-dsreda .hero--dsreda .hero__title {
    font-size: 76px;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1
}

.blog-dsreda .hero--dsreda .icon-heart {
    line-height: 1;
    display: inline-block;
    margin-top: 20px
}

.blog-dsreda .hero--dsreda .icon-heart svg {
    fill: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.blog-dsreda .d-sreda-about {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns:1fr 3fr;
    gap: 2.5rem;
    padding: 40px 0;
    margin-bottom: 20px
}

.blog-dsreda .d-sreda-about.wider {
    -ms-grid-columns: 2fr 3fr;
    grid-template-columns:2fr 3fr
}

.blog-dsreda .d-sreda-about .d-sreda__heading {
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    margin: 0
}

.blog-dsreda .d-sreda-about .d-sreda__desc {
    font-weight: 500;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -.02em
}

.blog-dsreda .dsreda-cases {
    padding: 60px 0 73px
}

.blog-dsreda .dsreda-cases .cases-card__text {
    margin: 20px 0 0
}

.blog-dsreda .dsreda-cases .cases-gallery__list {
    margin: -30px 0 0 -39px
}

.blog-dsreda .d-sreda-slides {
    margin-bottom: 60px
}

.blog-dsreda .learn-more--dsreda .learn-more__descriptions a {
    font-weight: 500;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -.02em
}

.dsreda-design__background {
    position: absolute;
    border-radius: 16px;
    top: 0;
    left: 0;
    min-height: 620px;
    width: 100%;
    z-index: -1;
    background: linear-gradient(90deg, #d95858, #da7e7e);
    background-size: 400% 400%
}

@media (max-width: 1439px) {
    .blog-dsreda .dsreda-cases .cases-gallery__list {
        margin-left: -32px
    }

    .dsreda-design__background {
        min-height: 100%
    }
}

@media (max-width: 1279px) {
    .blog-dsreda .hero--dsreda .hero__title {
        font-size: 50px
    }

    .blog-dsreda .dsreda-cases .cases-gallery__list {
        margin-top: 0
    }

    .blog-dsreda .faq--dsreda .title, .blog-dsreda .faq--dsreda h2 {
        display: block
    }

    .blog-dsreda .d-sreda-about .d-sreda__heading {
        font-size: 32px
    }
}

@media (max-width: 1023px) {
    .blog-dsreda .learn-more--dsreda .learn-more__descriptions a {
        font-size: 30px;
        line-height: 40px
    }

    .blog-dsreda .d-sreda-about {
        display: -ms-grid;
        display: grid;
        gap: 1rem
    }

    .blog-dsreda .d-sreda-about, .blog-dsreda .d-sreda-about.wider {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .blog-dsreda .d-sreda-about .d-sreda__desc {
        font-size: 19px;
        line-height: 30px
    }

    .blog-dsreda .dsreda-cases .cases-gallery__list {
        margin-left: -20px;
        margin-top: -26px
    }

    .blog-dsreda .d-sreda-about .d-sreda__heading {
        font-size: 26px
    }
}

.trends-items-wallpapers {
    padding: 55px 0 45px
}

.trends-items-wallpapers .title {
    padding-right: 50px;
    margin-bottom: 10px
}

.trends-items-wallpapers .basket__title-arrows-wrapper {
    margin-bottom: 15px
}

.trends-section-accent, .trends-section-green, .trends-section-nature, .trends-section-personal, .trends-section-roundedshapes, .trends-section-traditions {
    padding: 74px 0 45px
}

.trends-slider-item-page {
    overflow: hidden
}

.title-trends {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px
}

.trends-section-personal .personal-image {
    padding-right: 25px
}

.trends-section-personal .trends-personal-text {
    padding: 30px 0 15px
}

.green-result-text p, .trends-section-personal .trends-personal-text p {
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px
}

.trends-section-green .wallpapers-in-project__wrapper, .trends-section-nature .wallpapers-in-project__wrapper, .trends-section-roundedshapes .wallpapers-in-project__wrapper, .trends-section-traditions .wallpapers-in-project__wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.trends-section-accent .wallpapers-in-project__wrapper .wallpapers-in-project__img img, .trends-section-green .wallpapers-in-project__wrapper .wallpapers-in-project__img img, .trends-section-nature .wallpapers-in-project__wrapper .wallpapers-in-project__img img, .trends-section-roundedshapes .wallpapers-in-project__wrapper .wallpapers-in-project__img img, .trends-section-traditions .wallpapers-in-project__wrapper .wallpapers-in-project__img img {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: auto;
    max-height: 220px;
    min-height: auto;
    min-width: auto;
    margin-bottom: 30px
}

.trends-section-accent .wallpapers-in-project__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result-eco-trends, .result-trends .result__graphics {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.result-trends .result__graphics {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.result--wide.result-eco-trends .result__graphics .result__img, .result-trends .result__graphics .result__img {
    width: 100%
}

.result-trends .result__graphics .result__img img {
    width: 100%;
    min-height: 390px;
    max-height: 390px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 8px
}

.trends-green-result-title {
    padding: 0;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.02em;
    color: #2e3346;
    margin: 12px 0 28px
}

.result-eco-trends {
    padding-top: 40px;
    margin-bottom: 80px
}

.result--wide.result-eco-trends .result__wrapper {
    padding: 0 35px 50px
}

.result--wide.result-eco-trends .result__graphics {
    width: 30%;
    position: relative;
    overflow: visible
}

.result--wide.result-eco-trends .result__graphics .result__img img {
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    min-height: auto
}

.result--wide.result-eco-trends .result__description {
    width: 70%
}

.result--wide.result-eco-trends .result__description .result__text {
    margin-bottom: 30px
}

.result--wide.result-eco-trends .result__description .certificate__info {
    padding-left: 0
}

.trends-gallery {
    margin-bottom: 40px
}

.trends-gallery .row > div {
    margin-bottom: 1.5rem
}

.trends-case .cases-card__img img, .trends-gallery .row img {
    height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.trends-case {
    display: block
}

.trends-case .cases-card__img img {
    height: 390px;
    max-height: 325px;
    min-height: 325px
}

.trends-case .themes__text-wrapper {
    padding: 30px 0 10px 20px
}

@media (max-width: 1439px) {
    .trends-green-result-title {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 18px
    }
}

@media (max-width: 1023px) {
    .trends-green-result-title {
        font-size: 24px;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 17px
    }

    .design__descriptions .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767px) {
    .trends-green-result-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px;
        margin-top: 12px
    }

    .trends-section-personal .personal-image {
        padding: 0
    }

    .trends-section-nature, .trends-section-personal {
        padding: 45px 0 30px
    }

    .title-trends {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .result--wide.result-eco-trends .result__description, .result--wide.result-eco-trends .result__graphics {
        width: 100%
    }
}

.location--correction {
    padding: 0 0 46px
}

@media (max-width: 419px) {
    .location--correction {
        padding: 45px 0 46px
    }
}

.location--correction .location__item {
    max-height: none
}

.location--correction .location__row:not(:last-child) {
    margin-bottom: 96px
}

@media (max-width: 1279px) {
    .location--correction .location__row:not(:last-child) {
        margin-bottom: 45px
    }
}

.location--correction .location__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 2rem
}

@media (max-width: 1279px) {
    .location--correction .location__row {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    .location--correction .location__row {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

.location--correction__item img {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media (max-width: 767px) {
    .location--correction__item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 1279px) {
    .location--correction__item--w-100 {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }
}

.location--correction__title {
    margin-top: 25px;
    margin-bottom: 30px;
    max-width: 333px
}

@media (max-width: 1279px) {
    .location--correction__title {
        max-width: 100%
    }
}

@media (max-width: 419px) {
    .location--correction__title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

.location--correction__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e3346;
    max-width: 384px;
    padding: 0;
    margin: 0
}

@media (max-width: 1279px) {
    .location--correction__text {
        max-width: 100%
    }
}

.order-correction {
    background-image: url(/img/correction/atw_mockup_form_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.colors--correction .colors__row {
    margin-bottom: 2rem
}

@media (max-width: 1279px) {
    .colors--correction .colors__row {
        margin-bottom: 1rem
    }
}

.correction--section {
    margin-bottom: 5rem
}

@media (max-width: 1279px) {
    .correction--section {
        margin-bottom: 3rem
    }
}

.one-slide-fade__swiper {
    height: 100%;
    overflow: hidden
}

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