@import url(https://fonts.googleapis.com/css?family=Roboto:400);

.glider, .glider-contain {
    margin: 0 auto;
    position: relative
}

.glider, .glider-track {
    transform: translateZ(0)
}

.glider-dot, .glider-next, .glider-prev {
    border: 0;
    padding: 0;
    user-select: none;
    outline: 0
}

.glider-contain {
    width: 100%
}

.glider {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.glider-track {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    z-index: 1
}

.glider.draggable {
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab
}

.glider.draggable .glider-slide img {
    user-select: none;
    pointer-events: none
}

.glider.drag {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.glider-slide {
    user-select: none;
    justify-content: center;
    align-content: center;
    width: 100%;
    min-width: 150px
}

.glider-slide img {
    max-width: 100%
}

.glider::-webkit-scrollbar {
    opacity: 0;
    height: 0
}

.glider-next, .glider-prev {
    position: absolute;
    background: 0 0;
    z-index: 2;
    font-size: 40px;
    text-decoration: none;
    left: -23px;
    top: 30%;
    cursor: pointer;
    color: #666;
    opacity: 1;
    line-height: 1;
    transition: opacity .5s cubic-bezier(.17, .67, .83, .67), color .5s cubic-bezier(.17, .67, .83, .67)
}

.glider-next:focus, .glider-next:hover, .glider-prev:focus, .glider-prev:hover {
    color: #ccc
}

.glider-next {
    right: -23px;
    left: auto
}

.glider-next.disabled, .glider-prev.disabled {
    opacity: .25;
    color: #666;
    cursor: default
}

.glider-hide {
    opacity: 0
}

.glider-dots {
    user-select: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

.glider-dot {
    display: block;
    cursor: pointer;
    color: #ccc;
    border-radius: 999px;
    background: #ccc;
    width: 12px;
    height: 12px;
    margin: 7px
}

.glider-dot:focus, .glider-dot:hover {
    background: #ddd
}

.glider-dot.active {
    background: #a89cc8
}

@media (max-width: 36em) {
    .glider::-webkit-scrollbar {
        opacity: 1;
        -webkit-appearance: none;
        width: 7px;
        height: 3px
    }

    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: hsla(0, 0%, 61.2%, .25);
        -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .25);
        box-shadow: 0 0 1px hsla(0, 0%, 100%, .25)
    }
}

.fslightbox-container {
    font-family: Roboto, sans-serif;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    z-index: 9999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    animation: fslightbox-fade-in-complete .25s forwards
}

.fslightbox-fade-in {
    animation: fslightbox-fade-in .25s cubic-bezier(0, 0, .7, 1) forwards
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .25s ease forwards
}

.fslightbox-fade-in-complete {
    animation: fslightbox-fade-in-complete .25s cubic-bezier(0, 0, .7, 1) forwards
}

.fslightbox-fade-out-complete {
    animation: fslightbox-fade-out-complete .25s ease !important
}

@keyframes fslightbox-fade-in-complete {
    0% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-complete {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in {
    0% {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    0% {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

.fslightbox-cursor-grabbing {
    cursor: grabbing
}

.fslightbox-full-dimension {
    width: 100%;
    height: 100%
}

.fslightbox-open {
    overflow: hidden;
    height: 100%
}

.fslightbox-flex-centered {
    display: flex;
    justify-content: center;
    align-items: center
}

.fslightbox-transform-transition {
    transition: transform .3s
}

.fslightbox-svg-path {
    transition: fill .15s ease;
    fill: #ddd
}

.fslightbox-svg-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.fslightbox-media-holder {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fslightbox-nav {
    height: 45px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fslightbox-slide-number-container {
    height: 100%;
    font-size: 14px;
    color: #d7d7d7;
    z-index: 0;
    max-width: 55px
}

.fslightbox-slide-number-container div {
    padding: 0 1.5px
}

.fslightbox-slash {
    font-size: 16px;
    margin-top: -1.5px
}

.fslightbox-toolbar {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    background: rgba(35, 35, 35, .65)
}

.fslightbox-toolbar-button {
    height: 100%;
    width: 45px;
    cursor: pointer
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 3;
    transform: translateY(-50%)
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    padding: 8px;
    font-size: 26px;
    background: rgba(35, 35, 35, .65)
}

@media (min-width: 476px) {
    .fslightbox-slide-btn {
        padding: 9px
    }
}

.fslightbox-slide-btn-left-container {
    left: 0
}

@media (max-width: 475.99px) {
    .fslightbox-slide-btn-left-container {
        padding-left: 3px
    }
}

.fslightbox-slide-btn-right-container {
    right: 0;
    padding-left: 12px;
    padding-right: 3px
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-right-container {
        padding-left: 22px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-right-container {
        padding-left: 30px
    }
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-right-container {
        padding-right: 6px
    }
}

.fslightbox-down-event-detector {
    position: absolute;
    z-index: 1
}

.fslightbox-swiping-invisible-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.fslightbox-invalid-file-wrapper {
    font-size: 22px;
    color: #eaebeb;
    margin: auto
}

.fslightbox-video {
    object-fit: cover
}

.fslightbox-loader {
    display: block;
    margin: auto;
    position: relative;
    width: 67px;
    height: 67px
}

.fslightbox-loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 6px;
    border-radius: 50%;
    animation: fslightbox-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 5px solid transparent;
    border-top-color: #999
}

.fslightbox-loader div:first-child {
    animation-delay: -.45s
}

.fslightbox-loader div:nth-child(2) {
    animation-delay: -.3s
}

.fslightbox-loader div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightbox-loader {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.fslightbox-source {
    margin: auto;
    display: block;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.fslightbox-source-holder {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas, .cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    opacity: .5
}

.cropper-view-box {
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after, .cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face, .cropper-line, .cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@font-face {
    font-family: Montserrat ExtraLight;
    src: url(/build/fonts/Montserrat-ExtraLight.b83b46f8.woff2) format("woff2"), url(/build/fonts/Montserrat-ExtraLight.b5310253.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat Regular;
    src: url(/build/fonts/Montserrat-Regular.93dee51e.woff2) format("woff2"), url(/build/fonts/Montserrat-Regular.ba61d57d.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat Italic;
    src: url(/build/fonts/Montserrat-Italic.ee8ed7d2.woff2) format("woff2"), url(/build/fonts/Montserrat-Italic.e3557905.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat Medium;
    src: url(/build/fonts/Montserrat-Medium.721a6517.woff2) format("woff2"), url(/build/fonts/Montserrat-Medium.c94c6f1e.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat SemiBold;
    src: url(/build/fonts/Montserrat-SemiBold.803c1a37.woff2) format("woff2"), url(/build/fonts/Montserrat-SemiBold.81b1d598.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat ExtraBold;
    src: url(/build/fonts/Montserrat-ExtraBold.3938b186.woff2) format("woff2"), url(/build/fonts/Montserrat-ExtraBold.faf85f8e.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Montserrat Bold;
    src: url(/build/fonts/Montserrat-Bold.cd289005.woff2) format("woff2"), url(/build/fonts/Montserrat-Bold.c51626ad.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Times Italic;
    src: url(/build/fonts/TimesItalic.31612f40.woff2) format("woff2"), url(/build/fonts/TimesItalic.d63f1ab7.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

.ss-main {
    position: relative;
    display: inline-block;
    user-select: none;
    color: #666;
    width: 100%
}

.ss-main .ss-single-selected {
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 30px;
    padding: 6px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .3s
}

.ss-main .ss-single-selected.ss-disabled {
    background-color: #dcdee2;
    cursor: not-allowed
}

.ss-main .ss-single-selected.ss-open-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-main .ss-single-selected.ss-open-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ss-main .ss-single-selected .placeholder {
    flex: 1 1 100%;
    text-align: left;
    width: calc(100% - 30px);
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder * {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ss-main .ss-single-selected .placeholder * {
    width: auto
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
    cursor: pointer;
    color: #8a8a8a
}

.ss-main .ss-single-selected .ss-deselect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    margin: 0 6px;
    font-weight: 700
}

.ss-main .ss-single-selected .ss-deselect.ss-hide {
    display: none
}

.ss-main .ss-single-selected .ss-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    margin: 0 6px
}

.ss-main .ss-single-selected .ss-arrow span {
    border: solid #666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform .2s, margin .2s
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
    transform: rotate(-135deg);
    margin: 3px 0 0
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    transform: rotate(45deg);
    margin: -3px 0 0
}

.ss-main .ss-multi-selected {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    min-height: 30px;
    width: 100%;
    padding: 0 0 0 3px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    background-color: #fff;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .3s
}

.ss-main .ss-multi-selected.ss-disabled {
    background-color: #dcdee2;
    cursor: not-allowed
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
    color: #666
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed
}

.ss-main .ss-multi-selected.ss-open-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-main .ss-multi-selected.ss-open-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ss-main .ss-multi-selected .ss-values {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1 1 100%;
    width: calc(100% - 30px)
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
    display: flex;
    padding: 4px 5px;
    margin: 2px 0;
    line-height: 1em;
    align-items: center;
    width: 100%;
    color: #8a8a8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(0);
        opacity: 0
    }
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    font-size: 12px;
    padding: 3px 5px;
    margin: 3px 5px 3px 0;
    color: #fff;
    background-color: #5897fb;
    border-radius: 4px;
    animation-name: scaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
    animation-name: scaleOut;
    animation-duration: .2s;
    animation-timing-function: ease-out
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    margin: 0 0 0 5px;
    cursor: pointer
}

.ss-main .ss-multi-selected .ss-add {
    display: flex;
    flex: 0 1 3px;
    margin: 9px 12px 0 5px
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #666;
    position: relative;
    height: 10px;
    width: 2px;
    transition: transform .2s
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
    background: #666;
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    left: -4px;
    top: 4px
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
    transform: rotate(45deg)
}

.ss-main .ss-content {
    position: absolute;
    width: 100%;
    margin: -1px 0 0;
    box-sizing: border-box;
    border: 1px solid #dcdee2;
    z-index: 1010;
    transform-origin: center top;
    transition: transform .2s, opacity .2s;
    opacity: 0;
    transform: scaleY(0)
}

.ss-main .ss-content.ss-open {
    display: block;
    opacity: 1;
    transform: scaleY(1)
}

.ss-main .ss-content .ss-search {
    display: flex;
    flex-direction: row;
    padding: 8px 8px 6px
}

.ss-main .ss-content .ss-search.ss-hide, .ss-main .ss-content .ss-search.ss-hide input {
    height: 0;
    opacity: 0;
    padding: 0;
    margin: 0
}

.ss-main .ss-content .ss-search input {
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 6px 8px;
    margin: 0;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    background-color: #fff;
    outline: 0;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: textfield
}

.ss-main .ss-content .ss-search input::placeholder {
    color: #bdbdbd;
    vertical-align: middle
}

.ss-main .ss-content .ss-search input:focus {
    box-shadow: 0 0 5px #5897fb
}

.ss-main .ss-content .ss-search .ss-addable {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 22px;
    font-weight: 700;
    flex: 0 0 30px;
    height: 30px;
    margin: 0 0 0 8px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    box-sizing: border-box
}

.ss-main .ss-content .ss-addable {
    padding-top: 0
}

.ss-main .ss-content .ss-list {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    padding: 6px 10px;
    font-weight: 700
}

.ss-main .ss-content .ss-list .ss-optgroup .ss-option {
    padding: 6px 6px 6px 25px
}

.ss-main .ss-content .ss-list .ss-optgroup-label-selectable {
    cursor: pointer
}

.ss-main .ss-content .ss-list .ss-optgroup-label-selectable:hover {
    color: #fff;
    background-color: #5897fb
}

.ss-main .ss-content .ss-list .ss-option {
    padding: 6px 10px;
    cursor: pointer;
    user-select: none
}

.ss-main .ss-content .ss-list .ss-option * {
    display: inline-block
}

.ss-main .ss-content .ss-list .ss-option.ss-highlighted, .ss-main .ss-content .ss-list .ss-option:hover {
    color: #fff;
    background-color: #5897fb
}

.ss-main .ss-content .ss-list .ss-option.ss-disabled {
    cursor: default;
    color: #bdbdbd;
    background-color: #fff
}

.ss-main .ss-content .ss-list .ss-option.ss-hide {
    display: none
}

.ss-main .ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: rgba(255, 247, 0, .38)
}

body {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .3px;
    font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
    color: #1b1d1e;
    background-color: #fff
}

.root, body {
    position: relative
}

.root {
    overflow: hidden
}

.root.is-overlay:before {
    z-index: 11;
    background-color: rgba(0, 0, 0, .65)
}

.root.is-menu-overlay:before, .root.is-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: fadeIn .3s ease-out;
    cursor: pointer
}

.root.is-menu-overlay:before {
    z-index: 2;
    background-color: rgba(0, 0, 0, .46)
}

.container {
    min-width: 320px;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px
}

[data-fit] {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover;"
}

img[data-lazy] {
    background-color: #ccc
}

img[data-loaded=true] {
    animation: fadeIn .8s ease;
    background-color: transparent
}

.icon {
    width: 1em;
    height: 1em;
    fill: initial
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0)
}

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

html {
    box-sizing: border-box;
    height: 100%
}

body {
    min-width: 320px;
    min-height: 100%;
    margin: 0;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

blockquote, dd, dl, figure, p {
    margin: 0
}

blockquote, q {
    quotes: none
}

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

ol, ul {
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1, h2, h3, h4, h5, h6, th {
    font-weight: inherit
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: inherit
}

audio, img, video {
    display: block
}

img {
    max-width: 100%
}

iframe, img {
    border: none
}

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

a {
    color: inherit;
    background-color: transparent;
    font-weight: 400
}

a, abbr {
    text-decoration: none
}

abbr {
    border: none
}

b, strong {
    font-weight: inherit
}

dfn, em, i {
    font-style: inherit
}

mark {
    color: inherit;
    background-color: transparent
}

small, sub, sup {
    font-size: inherit
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button, input, optgroup, select, textarea {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

button, input {
    overflow: visible
}

button, select {
    text-align: left;
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    cursor: pointer;
    -webkit-appearance: none
}

textarea {
    overflow-x: hidden;
    overflow-y: auto;
    resize: none
}

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: none
}

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

[type=search] {
    outline: none
}

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

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

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

legend {
    display: block;
    padding: 0;
    white-space: normal
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

:-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

:-moz-input-placeholder, :-moz-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

[hidden] {
    display: none
}

.disabled, :disabled {
    cursor: not-allowed
}

:-ms-clear {
    display: none
}

:-webkit-autofill {
    box-shadow: inset 0 0 100px #fff;
    -webkit-text-fill-color: currentColor
}

::selection {
    color: #fff;
    background-color: #004fe4
}

.button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #1b1d1e;
    font-size: 16px;
    line-height: 15px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    border-radius: 0 20px 0 20px;
    min-height: 60px;
    min-width: 310px;
    transition: background-color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .button {
        min-width: 100%;
        font-size: 14px;
        min-height: 50px
    }
}

.button--accent {
    background-color: #f2a737
}

.button--accent:focus {
    border: 2px solid #1d3c34
}

.button--accent:active, .button--accent:hover {
    background-color: #e6900f;
    border: none
}

.button--accent:disabled {
    background-color: #ededed
}

.button--transparent {
    border: 1px solid #1d3c34
}

.button--transparent:focus {
    background-color: #fff;
    border: 2px solid #1d3c34
}

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

.button--transparent:active {
    background-color: #e8f3f0;
    border: 1px solid #1d3c34
}

.button--transparent:disabled {
    background-color: #fff;
    color: #9aa5a2;
    border-color: #9aa5a2
}

.button--white {
    border: 1px solid #1d3c34;
    background-color: #fff
}

.button--white:focus {
    border: 2px solid #1d3c34
}

.button--white:active, .button--white:focus, .button--white:hover {
    background-color: #e8f3f0
}

.button--white:active {
    border: 1px solid #1d3c34
}

.button--white:disabled {
    background-color: #fff;
    color: #9aa5a2;
    border-color: #9aa5a2
}

.button--gray {
    background-color: #ededed
}

.button--gray:focus {
    border: 2px solid #1d3c34
}

.button--gray:active, .button--gray:focus, .button--gray:hover {
    background-color: #e0e0e0
}

.button--gray:active {
    border: 1px solid #1d3c34
}

.button--gray:disabled {
    background-color: #ededed;
    color: #9aa5a2;
    border-color: #9aa5a2
}

.button--center {
    display: flex;
    max-width: 310px;
    margin: 0 auto
}

.button--facebook {
    background-color: #4267b2;
    display: flex;
    width: 100%;
    margin: 20px 0;
    color: #fff;
    background-image: url(/build/images/ic-fb.49558e52.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 24px
}

@media screen and (max-width: 576px) {
    .button--facebook {
        padding-left: 20px
    }
}

.button--facebook:hover {
    background-color: #3b5c9f
}

.button--google {
    border: 1px solid #1d3c34;
    background-color: #fff;
    display: flex;
    width: 100%;
    margin: 20px 0;
    background-image: url(/build/images/ic-google.6296510e.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 24px
}

@media screen and (max-width: 576px) {
    .button--google {
        padding-left: 2px
    }
}

.button--google:hover {
    background-color: #e8f3f0
}

.button--email {
    background-color: transparent;
    border: 1px solid #002b49;
    display: flex;
    width: 100%;
    margin: 20px 0;
    color: #000;
    background-image: url(/build/images/email-icon.03c780ac.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 24px
}

.button--email:hover {
    background-color: #e8f3f0
}

.button-callback {
    background-color: #f2a737;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 17.5px 30px;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: .2px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1b1d1e;
    transition: background-color .1s ease-in-out
}

.button-callback:hover {
    background-color: #e6900f
}

.button-callback .icon {
    display: block;
    margin-right: 5px;
    font-size: 15px;
    fill: #1b1d1e
}

.header-catalog__button .humburger {
    width: 29px;
    height: 19px
}

.header-catalog__button .humburger span {
    left: 0
}

.header-catalog__button .humburger span:first-child {
    top: 0
}

.header-catalog__button .humburger span:nth-child(2) {
    top: 8px
}

.header-catalog__button .humburger span:nth-child(3) {
    bottom: 0;
    top: auto
}

.humburger {
    width: 37px;
    height: 37px;
    position: relative;
    display: inline-block;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.humburger.is-active {
    background-color: #ededed;
    border-radius: 50%
}

.humburger.is-active span:first-child {
    height: 2px;
    width: 15px;
    left: 11px;
    transform: rotate(45deg);
    top: 18px
}

.humburger.is-active span:nth-child(2) {
    transform: scale(.01)
}

.humburger.is-active span:nth-child(3) {
    height: 2px;
    width: 15px;
    transform: rotate(-45deg);
    top: 18px;
    left: 11px
}

.humburger span {
    background-color: #0c161c;
    position: absolute;
    border-radius: 5px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    width: 29px;
    margin: 0 auto;
    height: 3px;
    transition-duration: .5s;
    left: 4px
}

.humburger span:first-child {
    top: 8px
}

.humburger span:nth-child(2) {
    top: 16px
}

.humburger span:nth-child(3) {
    top: 24px
}

.sticky-element {
    position: fixed !important;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    right: 0
}

.modal {
    display: none;
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
    overflow: auto
}

.modal.is-open {
    animation: fadeIn .5s ease-out .4s both;
    display: block;
    visibility: visible;
    -webkit-overflow-scrolling: touch
}

.modal-overlay {
    position: fixed;
    z-index: 9998;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    cursor: pointer
}

.modal {
    background-color: #fff;
    max-width: 670px;
    padding: 80px 130px;
    box-shadow: 0 12px 25px 0 rgba(0, 0, 0, .23)
}

@media screen and (max-width: 768px) {
    .modal {
        padding: 80px 40px;
        max-width: 94%
    }
}

@media screen and (max-width: 576px) {
    .modal {
        padding: 60px 15px 15px
    }
}

.modal__title {
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #0c161c;
    margin-bottom: 12px
}

@media screen and (max-width: 576px) {
    .modal__title {
        font-size: 20px
    }
}

.modal__description {
    display: block;
    text-align: center;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1.6
}

@media screen and (max-width: 576px) {
    .modal__description {
        font-size: 14px
    }

    .modal__description br {
        display: none
    }
}

.modal__form {
    max-width: 312px;
    margin: 30px auto 0
}

.modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ededed;
    border-radius: 50%;
    right: 30px;
    top: 30px;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .modal__close {
        right: 15px;
        top: 15px;
        width: 28px;
        height: 28px
    }
}

.modal__close:hover .icon {
    fill: #f2a737
}

.modal__close .icon {
    fill: #1b1d1e;
    font-size: 11px;
    transition: fill .1s ease-in-out
}

@media screen and (max-width: 768px) {
    .modal__close .icon {
        font-size: 9px
    }
}

.modal-send {
    padding: 80px 100px
}

@media screen and (max-width: 576px) {
    .modal-send {
        padding: 60px 15px
    }
}

.modal-bonus {
    max-width: 864px;
    padding: 0
}

@media screen and (max-width: 992px) {
    .modal-bonus {
        max-width: 94%
    }
}

.modal-bonus__inner {
    display: flex
}

@media screen and (max-width: 992px) {
    .modal-bonus__inner {
        display: block
    }
}

.modal-bonus__image {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 992px) {
    .modal-bonus__image {
        display: none
    }
}

.modal-bonus__left {
    width: 50%
}

@media screen and (max-width: 992px) {
    .modal-bonus__left {
        display: none
    }
}

.modal-bonus__right {
    width: 50%;
    padding: 95px 60px 100px;
    background-color: #fff
}

@media screen and (max-width: 992px) {
    .modal-bonus__right {
        width: 100%;
        padding: 50px 15px 40px
    }
}

@media screen and (max-width: 768px) {
    .modal-bonus__right {
        padding-top: 0;
        padding-bottom: 0
    }
}

.modal-bonus__title {
    font-size: 28px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-align: center;
    line-height: 1.07;
    margin-bottom: 22px
}

@media screen and (max-width: 576px) {
    .modal-bonus__title {
        font-size: 20px;
        margin-bottom: 15px
    }
}

.modal-bonus__description {
    text-align: center;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 1.29;
    margin-bottom: 10px
}

.modal-upload {
    max-width: 100%;
    padding: 80px 20px
}

@media screen and (max-width: 768px) {
    .modal-upload {
        max-width: 100%
    }
}

.modal-upload__title {
    text-align: center;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 1.31;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 18px
}

@media screen and (max-width: 576px) {
    .modal-upload__title {
        font-size: 24px;
        margin-bottom: 14px;
        letter-spacing: .3px;
        line-height: normal
    }
}

.modal-upload__description {
    text-align: center;
    line-height: 1.63;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .modal-upload__description {
        font-size: 14px;
        line-height: 1.43
    }
}

.modal-upload__inner {
    margin-top: 70px;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1230px) {
    .modal-upload__inner {
        display: block
    }
}

@media screen and (max-width: 576px) {
    .modal-upload__inner {
        margin-top: 20px
    }
}

.modal-upload__preview {
    width: 665px;
    flex: 0 0 665px;
    margin-right: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media screen and (max-width: 1230px) {
    .modal-upload__preview {
        width: 100%;
        margin: 0 auto 40px
    }
}

.modal-upload__preview img {
    width: auto;
    height: auto
}

.modal-upload__form {
    width: 470px;
    flex: 0 0 470px;
    border: 1px solid hsla(0, 0%, 49%, .54);
    padding: 35px 25px 50px
}

@media screen and (max-width: 1230px) {
    .modal-upload__form {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .modal-upload__form {
        padding: 10px 15px 15px
    }
}

.modal-upload__form .form__title {
    margin-top: 0
}

@media screen and (max-width: 1230px) {
    .modal-upload__form .form__title br {
        display: none
    }
}

.modal-upload__form .form__size {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    margin-top: 32px;
    border-top: 1px solid hsla(0, 0%, 59.2%, .23);
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .23)
}

@media screen and (max-width: 576px) {
    .modal-upload__form .form__size {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 15px
    }

    .modal-upload__form .form__size .form__field {
        display: block
    }

    .modal-upload__form .form__size .form__label {
        margin-right: 0;
        margin-bottom: 8px
    }
}

.modal-upload__form .form__size .form__input {
    flex: 0 0 100px;
    width: 100px
}

.modal-upload__area {
    letter-spacing: .2px;
    color: #000;
    margin-bottom: 14px
}

.modal-upload__area span, .modal-upload__area strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.modal-upload__price {
    font-size: 24px;
    color: #000;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .23)
}

@media screen and (max-width: 576px) {
    .modal-upload__price {
        font-size: 22px
    }

    .modal-upload__price span {
        display: none
    }
}

.modal-upload__price span, .modal-upload__price strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.modal-upload-error .modal__title {
    color: #e22a29;
    margin-bottom: 16px
}

.modal-upload-error .modal__description {
    color: #000
}

.modal-upload-error .modal__form {
    max-width: 100%
}

.modal-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    animation: fadeIn .3s ease-out
}

.fslightbox-container {
    background: rgba(0, 0, 0, .7)
}

.fslightbox-slide-btn-container.fslightbox-slide-btn-left-container {
    left: 60px
}

.fslightbox-slide-btn-container.fslightbox-slide-btn-right-container {
    right: 60px
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #000
}

.fslightbox-slide-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #f2a737;
    background-color: #fff8ee;
    transition: transform .1s ease-in-out;
    cursor: pointer
}

.fslightbox-slide-btn:hover {
    transform: scale(1.1)
}

.fslightbox-slide-btn .fslightbox-svg-path {
    fill: #000
}

.fslightbox-slide-number-container {
    display: none
}

.fslightbox-toolbar {
    top: 40px;
    right: 40px;
    background-color: transparent
}

.fslightbox-toolbar-button {
    background-color: hsla(0, 0%, 92.9%, .5);
    border-radius: 50%;
    width: 41px;
    height: 41px
}

.fslightbox-toolbar-button:first-child {
    display: none
}

.fslightbox-single-source {
    border-radius: 5px
}

.form__field {
    position: relative;
    margin-bottom: 20px
}

.form__field.is-error .form__input, .form__field.is-error .ss-main .ss-single-selected {
    border: 2px solid #e22a29
}

.form__field.is-error .ss-main + .error-message {
    top: 68px;
    left: 0;
    right: auto
}

.form__label {
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 8px
}

.form__input, .form__label {
    display: block;
    line-height: 1
}

.form__input {
    width: 100%;
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 49%, .7);
    height: 44px;
    padding: 10px 15px;
    color: #000;
    font-size: 16px
}

.form__input:hover {
    border-color: #1d3c34
}

.form__input::placeholder {
    color: #000
}

.form__input:active, .form__input:focus {
    border: 2px solid #1d3c34
}

.form__input:active::placeholder, .form__input:focus::placeholder {
    color: #000
}

.form__input[type=password] {
    padding-right: 50px
}

.show-password {
    position: absolute;
    bottom: 11px;
    right: 10px;
    width: 21px;
    height: 21px;
    background-image: url(/build/images/form-password.77194e4f.svg);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.form__input[type=password] + .error-message, .form__input[type=tel] + .error-message {
    top: 68px;
    left: 0;
    right: auto
}

.form__textarea {
    min-height: 130px
}

.form__title {
    margin-top: 44px;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.form__title > p, .form__title strong {
    display: inline-block;
    font-size: 16px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.63;
    color: #0c161c
}

.form__inner {
    display: flex
}

@media screen and (max-width: 768px) {
    .form__inner {
        display: block
    }
}

.form__inner .form__field {
    width: 312px;
    flex: 0 0 312px
}

@media screen and (max-width: 768px) {
    .form__inner .form__field {
        width: 100%
    }
}

.form__inner .form__field--full {
    width: 100%;
    flex: 0 0 100%
}

.form__inner .form__field:first-child {
    margin-right: 50px
}

.form__wrapper {
    display: flex
}

@media screen and (max-width: 576px) {
    .form__wrapper {
        display: block
    }
}

.form__wrapper .form__select {
    margin-right: 4px
}

.form__wrapper .form__select--day {
    width: 92px;
    flex: 0 0 92px
}

@media screen and (max-width: 576px) {
    .form__wrapper .form__select--day {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px
    }
}

.form__wrapper .form__select--month {
    width: 130px;
    flex: 0 0 130px
}

@media screen and (max-width: 576px) {
    .form__wrapper .form__select--month {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px
    }
}

.form__wrapper .form__select--year {
    width: 82px;
    flex: 0 0 82px
}

@media screen and (max-width: 576px) {
    .form__wrapper .form__select--year {
        width: 100%;
        margin-right: 0
    }
}

.form__wrapper .form__select:last-child {
    margin-right: 0
}

.form__submit {
    display: flex;
    width: 100%;
    margin-top: 32px
}

.form__choice {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid hsla(0, 0%, 49%, .3);
    padding-bottom: 25px;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .form__choice {
        display: block
    }
}

.form__choice .checkbox {
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .form__choice .checkbox {
        width: 100%
    }
}

.form__choice .checkbox:nth-child(odd) {
    margin-right: 10px
}

@media screen and (max-width: 576px) {
    .form__choice .checkbox:nth-child(odd) {
        margin-right: 0
    }
}

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

.form__size .error-message {
    display: none
}

@media screen and (max-width: 1230px) {
    .form__size {
        justify-content: flex-start
    }
}

@media screen and (max-width: 576px) {
    .form__size {
        display: block
    }
}

.form__size .form__field {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

@media screen and (max-width: 1230px) {
    .form__size .form__field {
        margin-right: 25px
    }
}

@media screen and (max-width: 576px) {
    .form__size .form__field {
        margin-bottom: 15px;
        margin-right: 0
    }
}

.form__size .form__field:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.form__size .form__field .error-message {
    top: 54px;
    right: 0
}

.form__size .form__label {
    margin-right: 10px;
    margin-bottom: 0
}

@media screen and (max-width: 576px) {
    .form__size .form__label {
        flex: 0 0 100px;
        width: 100px
    }
}

.form__size .form__input {
    flex: 0 0 120px;
    width: 120px;
    max-width: 120px;
    height: 50px
}

@media screen and (max-width: 576px) {
    .form__size .form__input {
        flex-grow: 1
    }
}

.form-attachment__button {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline
}

.form-attachment__button:hover {
    color: #f2a737
}

.form-attachment__input {
    display: none
}

.form-attachment__list {
    padding-top: 10px
}

.form-attachment__item {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.form-attachment__item:last-child {
    margin-bottom: 0
}

.form-attachment__name {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #1d3c34
}

.form-attachment__remove {
    font-size: 30px
}

.separate {
    position: relative;
    margin: 40px 0;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #000
}

.separate:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.5px;
    width: 146px;
    height: 1px;
    background-color: #91d9c6
}

@media screen and (max-width: 576px) {
    .separate:before {
        width: 100px
    }
}

.separate:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5px;
    width: 146px;
    height: 1px;
    background-color: #91d9c6
}

@media screen and (max-width: 576px) {
    .separate:after {
        width: 100px
    }
}

.form-link {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #1d3c34;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.form-link:hover {
    color: #f2a737
}

.error-message {
    position: absolute;
    z-index: 2;
    top: 37px;
    right: 15px;
    font-size: 12px;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #e22a29;
    pointer-events: none
}

.form-email-list {
    height: 122px;
    overflow-y: scroll;
    border: 1px solid hsla(0, 0%, 49%, .7);
    padding: 10px;
    cursor: text
}

.form-email-list.is-focused {
    border: 2px solid #1d3c34
}

.form-email-list .choices__input.is-hidden {
    display: none
}

.form-email-list .choices__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: #ededed;
    padding: 5px 10px;
    letter-spacing: .6px;
    color: #000;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 8px
}

.form-email-list .choices__button {
    display: block;
    margin-left: 8px;
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    background-image: url(/build/images/remove-email.b14e6008.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.form-email-list .choices__list--dropdown {
    display: none !important
}

.form-rating {
    position: relative;
    margin: 0 auto 45px;
    width: 85px;
    height: 17px;
    background-image: url(/build/images/stars-gray.bbf5f61a.svg);
    background-size: 17px 17px;
    background-repeat: repeat-x
}

.form-rating__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.form-review__rating .form-rating label {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 17px;
    background-size: 17px 17px;
    background-repeat: repeat-x;
    cursor: pointer
}

.form-review__rating .form-rating label:first-of-type {
    z-index: 5;
    width: 20%
}

.form-review__rating .form-rating label:nth-of-type(2) {
    z-index: 4;
    width: 40%
}

.form-review__rating .form-rating label:nth-of-type(3) {
    z-index: 3;
    width: 60%
}

.form-review__rating .form-rating label:nth-of-type(4) {
    z-index: 2;
    width: 80%
}

.form-review__rating .form-rating label:nth-of-type(5) {
    z-index: 1;
    width: 100%
}

.form-rating__input:checked + label.required, .form-review__rating .form-rating label:hover {
    background-image: url(/build/images/stars-accent.9641a57d.svg)
}

.form-review__rating .form-rating label:hover ~ .form-review__rating .form-rating label {
    background-image: url(/build/images/stars-gray.bbf5f61a.svg)
}

.form-review {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #7d7d7d;
    padding: 36px 0 40px;
    display: none;
    animation: fadeIn .2s ease-in-out
}

@media screen and (max-width: 768px) {
    .form-review {
        padding-top: 60px
    }
}

.form-review.is-active {
    display: block
}

.form-review__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ededed;
    border-radius: 50%;
    right: 30px;
    top: 30px;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .form-review__close {
        width: 28px;
        height: 28px;
        top: 12px;
        right: 12px
    }
}

.form-review__close .icon {
    fill: #1b1d1e;
    font-size: 11px;
    transition: fill .1s ease-in-out
}

@media screen and (max-width: 768px) {
    .form-review__close .icon {
        font-size: 9px
    }
}

.form-review__close:hover .icon {
    fill: #f2a737
}

.form-review__inner {
    padding: 0 160px
}

@media screen and (max-width: 768px) {
    .form-review__inner {
        padding: 0 40px
    }
}

@media screen and (max-width: 576px) {
    .form-review__inner {
        padding: 0 10px
    }
}

.form-review__title {
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 28px;
    letter-spacing: .4px;
    margin-bottom: 18px
}

@media screen and (max-width: 576px) {
    .form-review__title {
        font-size: 20px
    }
}

.form-review__description {
    text-align: center;
    line-height: 1.63;
    color: #7d7d7d
}

.form-review__label {
    display: block;
    text-align: center;
    line-height: 1.5;
    color: #7d7d7d;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 5px
}

.form-review__send {
    padding: 70px 100px;
    display: none;
    animation: fadeIn .6s
}

.form-review__send.is-active {
    display: block
}

.ss-main .ss-single-selected {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 49%, .7);
    height: 44px;
    padding: 10px 20px 10px 15px;
    border-radius: 0
}

.ss-main .ss-single-selected:hover {
    border: 1px solid #1d3c34
}

.ss-main .ss-single-selected.ss-open-below {
    border: 2px solid #1d3c34
}

.ss-main .ss-single-selected .placeholder {
    font-size: 16px;
    line-height: 1;
    color: #000;
    letter-spacing: .6px
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
    color: #000
}

.ss-main .ss-single-selected .ss-arrow {
    position: absolute;
    top: 18px;
    right: 10px;
    margin: 0
}

.ss-main .ss-single-selected .ss-arrow .arrow-down {
    margin: 0
}

.ss-main .ss-single-selected .ss-arrow span {
    border-color: #000
}

.ss-main .ss-content {
    border: 1px solid hsla(0, 0%, 49%, .7);
    min-width: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0;
    right: 0;
    top: 53px
}

.ss-main .ss-content .ss-list {
    padding: 25px 18px
}

.ss-main .ss-content .ss-list .ss-option {
    font-size: 16px;
    line-height: 1;
    color: #7d7d7d;
    letter-spacing: .2px;
    margin-bottom: 15px;
    padding: 0
}

.ss-main .ss-content .ss-list .ss-option:hover {
    background-color: transparent;
    color: #1d3c34;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.ss-main .ss-content .ss-list .ss-option:last-child {
    margin-bottom: 0
}

.ss-main .ss-content .ss-list .ss-option.ss-disabled {
    color: #1d3c34;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.checkbox input {
    display: none
}

.checkbox input:checked + label {
    border-color: #0c161c;
    background-color: #f2faff
}

.checkbox input:checked + label:before {
    border-color: #0c161c
}

.checkbox input:checked + label:after {
    opacity: 1
}

.checkbox label {
    display: block;
    position: relative;
    min-width: 164px;
    border: 1px solid hsla(0, 0%, 59.2%, .4);
    padding: 13px 40px 13px 10px;
    font-size: 14px;
    color: #000;
    line-height: 1.71;
    cursor: pointer
}

.checkbox label:hover {
    border-color: #0c161c
}

.checkbox label:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #979797
}

.checkbox label:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f2a737;
    opacity: 0
}

.checkbox label strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    color: #0c161c
}

.confirmation-block {
    margin: 15px 0
}

.confirmation-block input {
    display: none
}

.confirmation-block input:checked + label:after {
    opacity: 1
}

.confirmation-block label {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34;
    line-height: 1.43;
    text-decoration: underline;
    cursor: pointer
}

@media screen and (max-width: 576px) {
    .confirmation-block label {
        max-width: 290px;
        padding-left: 20px;
        text-align: left
    }
}

.confirmation-block label:hover {
    color: #000
}

.confirmation-block label:before {
    content: "";
    position: absolute;
    left: 42px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #1d3c34;
    background-color: #f7f7f7
}

@media screen and (max-width: 576px) {
    .confirmation-block label:before {
        top: 50%;
        margin-top: -6px;
        left: 0
    }
}

.confirmation-block label:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 44px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f2a737;
    opacity: 0
}

@media screen and (max-width: 576px) {
    .confirmation-block label:after {
        top: 50%;
        margin-top: -4px;
        left: 2px
    }
}

.account {
    padding: 90px 0 120px
}

@media screen and (max-width: 576px) {
    .account {
        padding-top: 0
    }
}

.account__inner {
    display: flex
}

@media screen and (max-width: 1230px) {
    .account__inner {
        display: block
    }
}

.account__left {
    width: 312px;
    flex: 0 0 312px;
    border-right: 1px solid #ccc;
    padding-right: 33px
}

@media screen and (max-width: 1230px) {
    .account__left {
        width: 100%;
        padding-right: 0;
        border-right: none
    }
}

.account__right {
    flex-grow: 1;
    padding-left: 30px
}

@media screen and (max-width: 1230px) {
    .account__right {
        padding-left: 0
    }
}

.account__content {
    animation: fadeIn .6s
}

.account__content.is-active {
    display: block
}

@media screen and (max-width: 1230px) {
    .account-navigation {
        margin-bottom: 40px
    }

    .account-navigation::-webkit-scrollbar {
        display: none
    }
}

.account-navigation__button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 13px 18px 14px;
    border-radius: 0 20px 0 0;
    margin-bottom: 15px
}

@media screen and (max-width: 1230px) {
    .account-navigation__button {
        display: block;
        text-align: center;
        margin-bottom: 0;
        min-width: 280px;
        padding: 10px;
        border-bottom: 3px solid transparent;
        opacity: .4;
        border-radius: 0
    }
}

@media screen and (max-width: 576px) {
    .account-navigation__button {
        min-width: 180px
    }
}

.account-navigation__button:hover .account-navigation__name {
    color: #1b1d1e
}

.account-navigation__button:last-child {
    margin-bottom: 0
}

.account-navigation__button.is-active {
    background-color: #eaf2fc
}

@media screen and (max-width: 1230px) {
    .account-navigation__button.is-active {
        border-bottom: 3px solid #1d3c34;
        opacity: 1
    }
}

.account-navigation__button.is-active .account-navigation__name {
    color: #1b1d1e
}

.account-navigation__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

@media screen and (max-width: 1230px) {
    .account-navigation__icon {
        margin-right: 0
    }
}

.account-navigation__icon img {
    max-width: 28px
}

.account-navigation__name {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 17px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #7d7d7d
}

@media screen and (max-width: 1230px) {
    .account-navigation__name {
        white-space: nowrap;
        margin-top: 6px;
        font-size: 14px;
        letter-spacing: .2px
    }
}

.my-account {
    max-width: 696px;
    display: none
}

.my-account__title {
    font-size: 32px;
    line-height: 1.31;
    letter-spacing: .5px;
    color: #000;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    margin-bottom: 40px
}

@media screen and (max-width: 576px) {
    .my-account__title {
        font-size: 24px;
        margin-bottom: 30px
    }
}

.my-account__information {
    background-color: hsla(0, 0%, 92.9%, .3);
    padding: 20px 0;
    font-size: 14px;
    line-height: 2.4;
    text-align: center
}

@media screen and (max-width: 576px) {
    .my-account__information {
        padding: 25px 20px
    }
}

.my-account__information strong {
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.my-account__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 40px
}

.my-account__edit, .my-account__subtitle {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.my-account__edit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #1d3c34;
    transform: translateY(10px);
    opacity: 0;
    transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    z-index: -1
}

.my-account__edit.is-active {
    transform: translateY(0);
    opacity: 1;
    z-index: 1
}

.my-account .form__inner {
    justify-content: space-between
}

.my-account .form__submit {
    margin-top: 12px;
    max-width: 312px
}

.account-bonus {
    max-width: 696px;
    background-color: hsla(0, 0%, 92.9%, .3);
    border-radius: 5px;
    padding: 48px 148px 68px
}

@media screen and (max-width: 1230px) {
    .account-bonus {
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .account-bonus {
        padding: 40px 0;
        position: relative
    }

    .account-bonus:after {
        right: 100%
    }

    .account-bonus:after, .account-bonus:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: hsla(0, 0%, 92.9%, .3)
    }

    .account-bonus:before {
        left: 100%
    }
}

.account-bonus__description {
    text-align: center;
    font-size: 14px;
    color: #393e41;
    line-height: 1.6;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .account-bonus__description br {
        display: none
    }
}

.account-bonus__description strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #0c161c
}

.account-bonus__target {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

.account-bonus__target a {
    color: #1d3c34;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    text-align: center
}

.account-bonus__target a:hover {
    color: #f2a737
}

.bonus-link {
    display: flex;
    position: relative
}

.bonus-link input {
    position: absolute;
    z-index: -10
}

.bonus-link__field {
    max-width: 248px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-grow: 1;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid rgba(0, 43, 73, .34);
    border-bottom: 1px solid rgba(0, 43, 73, .34);
    border-left: 1px solid rgba(0, 43, 73, .34);
    padding: 20px 10px;
    font-size: 16px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .2px
}

@media screen and (max-width: 576px) {
    .bonus-link__field {
        border-radius: 35px 0 0 35px;
        font-size: 14px
    }
}

.bonus-link__button {
    flex: 0 0 152px;
    width: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2a737;
    border-radius: 0 30px 0 0;
    font-size: 16px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    color: #000
}

@media screen and (max-width: 576px) {
    .bonus-link__button {
        border-radius: 0 35px 35px 0;
        width: 80px;
        flex: 0 0 80px;
        text-indent: -1000px;
        background-image: url(/build/images/ic-copy.85a72b74.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 36px
    }
}

.bonus-link__button:hover {
    background-color: #f09c1f
}

.bonus-link__alert {
    position: absolute;
    bottom: calc(100% + 7px);
    right: -57px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .18);
    padding: 10px 15px 10px 40px;
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: .6px;
    color: #7d7d7d;
    transform: translateY(10px);
    opacity: 0;
    transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    z-index: -1
}

@media screen and (max-width: 576px) {
    .bonus-link__alert {
        right: 0
    }
}

.bonus-link__alert.is-active {
    transform: translateY(0);
    opacity: 1;
    z-index: 1
}

.bonus-link__alert:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 8px;
    width: 20px;
    height: 20px;
    background-image: url(/build/images/copy-icon.38042ce2.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.account-wishlist__amount {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    line-height: 1.71
}

.account-wishlist__item {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

@media screen and (max-width: 768px) {
    .account-wishlist__item {
        flex-wrap: wrap
    }
}

.account-wishlist__item:last-child {
    border-bottom: none
}

.account-wishlist__image {
    flex: 0 0 144px;
    width: 144px;
    height: 144px
}

@media screen and (max-width: 576px) {
    .account-wishlist__image {
        flex: 0 0 128px;
        width: 128px;
        height: 128px
    }
}

.account-wishlist__image img {
    width: 100%;
    height: 100%
}

.account-wishlist__information {
    padding-left: 25px;
    padding-right: 25px;
    flex-grow: 1
}

@media screen and (max-width: 576px) {
    .account-wishlist__information {
        padding-left: 15px;
        padding-right: 0;
        max-width: 148px
    }
}

.account-wishlist__name {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #0c161c;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .account-wishlist__name {
        font-size: 14px;
        line-height: 1.14;
        margin-bottom: 5px
    }
}

.account-wishlist__code {
    display: block;
    font-size: 14px;
    line-height: 1.71;
    color: #7d7d7d;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .account-wishlist__code {
        margin-bottom: 5px
    }
}

.account-wishlist__price {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.44;
    color: #0c161c
}

@media screen and (max-width: 576px) {
    .account-wishlist__price {
        font-size: 14px
    }
}

.account-wishlist__action {
    flex: 0 0 220px;
    width: 220px
}

@media screen and (max-width: 768px) {
    .account-wishlist__action {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 20px
    }
}

.account-wishlist__action .button {
    min-width: 100%
}

.account-wishlist__remove {
    display: block;
    margin: 20px auto 0;
    font-size: 14px;
    text-decoration: underline;
    color: #929292;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.account-wishlist__remove:hover {
    color: #f2a737
}

.front {
    position: relative;
    padding: 160px 0 115px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width: 576px) {
    .front {
        padding: 80px 0 96px
    }
}


.front:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .3);
    z-index: 1;
    left: 0;
    top: 0;
}

.front .container {
    position: relative;
    z-index: 2;
}

.front__title {
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    margin-bottom: 30px
}

@media screen and (max-width: 992px) {
    .front__title {
        font-size: 40px
    }
}

@media screen and (max-width: 576px) {
    .front__title {
        font-size: 27px;
        line-height: 1.18;
        letter-spacing: .4px
    }
}

.front__link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

@media screen and (max-width: 576px) {
    .front__link {
        margin-top: 30px
    }
}

.front__link a {
    color: #fff;
    text-decoration: underline;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.front__link a:hover {
    color: #f2a737
}

.front .arrow-down {
    position: absolute;
    z-index: 1;
    bottom: -19px;
    left: 50%;
    margin-left: -19px
}

.front-arrow-down {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    transform: translate(-50%, 50%) rotate(-45deg);
    background-color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .28);
    display: flex;
    align-items: center;
    justify-content: center
}

.front-arrow-down:hover .icon {
    fill: #f2a737
}

.front-arrow-down .icon {
    display: block;
    transform: rotate(45deg);
    font-size: 18px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.advert {
    background-color: #7a005e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    line-height: 13px;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    padding: 11px 5px
}

.empty_cart_message {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .6);
    margin: 125px 0 47px
}

.cart .button--center {
    max-width: 320px
}

@media screen and (max-width: 576px) {
    .advert {
        text-align: center
    }

    .cart .button--center {
        max-width: 288px;
        min-width: 288px
    }

    .empty_cart_message {
        margin-top: 74px;
        margin-bottom: 34px
    }
}

.advert a {
    text-decoration: underline
}

.advert .icon {
    display: block;
    margin: 0 10px;
    fill: #fff;
    font-size: 15px
}

@media screen and (max-width: 576px) {
    .advert .icon {
        display: none
    }
}

.advert img {
    max-width: 15px;
    margin: 0 10px
}

@media screen and (max-width: 576px) {
    .advert img {
        display: none
    }
}

.login {
    position: relative;
    overflow: hidden
}

.login .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

@media screen and (max-width: 1230px) {
    .login .container {
        min-height: 100% !important;
        padding-right: 15px !important
    }
}

.login__image {
    position: absolute;
    left: 0;
    width: 49vw;
    top: 0;
    bottom: 0;
    height: 100%
}

@media screen and (max-width: 1230px) {
    .login__image {
        display: none
    }
}

.login__inner {
    max-width: 500px
}

@media screen and (max-width: 1230px) {
    .login__inner {
        margin: 0 auto;
        padding: 60px 0
    }
}

@media screen and (max-width: 576px) {
    .login__inner {
        max-width: 100%
    }
}

.login__title {
    display: block;
    text-align: center;
    font-size: 32px;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    line-height: 1.31;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 14px
}

@media screen and (max-width: 576px) {
    .login__title {
        font-size: 24px;
        letter-spacing: .3px
    }
}

.login__description {
    text-align: center;
    font-size: 16px;
    line-height: 1.63;
    margin-bottom: 25px
}

@media screen and (max-width: 576px) {
    .login__description {
        font-size: 14px
    }

    .login__description br {
        display: none
    }
}

.login__wrapper {
    width: 400px;
    margin: 40px auto
}

@media screen and (max-width: 576px) {
    .login__wrapper {
        width: 100%
    }
}

.login-home-link {
    display: none;
    width: 100%;
    max-width: 410px;
    margin: 32px auto 0
}

.login-home-link.is-active {
    display: flex
}

.ideas {
    padding: 92px 0 50px
}

@media screen and (max-width: 576px) {
    .ideas {
        padding: 62px 0 30px
    }
}

.ideas__item {
    display: block;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1230px) {
    .ideas__item {
        width: 470px !important
    }
}

@media screen and (max-width: 992px) {
    .ideas__item {
        margin: 0 auto 20px !important;
        height: 260px !important
    }
}

@media screen and (max-width: 576px) {
    .ideas__item {
        height: 200px !important;
        width: 100% !important
    }
}

.ideas__item:hover img {
    transform: scale(1.01)
}

.ideas__item--small .ideas__information {
    width: 230px
}

@media screen and (max-width: 992px) {
    .ideas__item--small .ideas__information {
        width: 320px
    }
}

@media screen and (max-width: 576px) {
    .ideas__item--small .ideas__information {
        width: calc(100% - 40px)
    }
}

.ideas__item--top .ideas__information {
    top: 20px
}

@media screen and (max-width: 992px) {
    .ideas__item--top .ideas__information {
        top: auto
    }
}

.ideas__item img {
    width: 100%;
    height: 100%;
    transition: transform .6s ease
}

.ideas__information {
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 20px;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 0 20px 0 20px;
    width: 320px;
    height: 104px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}

@media screen and (max-width: 576px) {
    .ideas__information {
        height: auto;
        width: calc(100% - 40px);
        right: 20px
    }
}

.ideas__name {
    display: block;
    font-size: 20px;
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif
}

@media screen and (max-width: 576px) {
    .ideas__name {
        font-size: 16px
    }
}

.ideas__link {
    position: relative;
    display: block;
    color: #7d7d7d;
    margin-top: 10px
}

@media screen and (max-width: 576px) {
    .ideas__link {
        font-size: 14px;
        margin-top: 3px
    }
}

.ideas__link:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -14px;
    width: 9px;
    height: 9px;
    background-image: url(/build/images/ic-arrow-accent.96bd2810.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media screen and (max-width: 992px) {
    .ideas__link:after {
        top: 4px
    }
}

.ideas-top {
    display: flex
}

@media screen and (max-width: 1230px) {
    .ideas-top {
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .ideas-top {
        display: block
    }
}

.ideas-top__left {
    padding-right: 18px
}

@media screen and (max-width: 992px) {
    .ideas-top__left {
        padding-right: 0
    }
}

.ideas-top__right .ideas__item {
    margin-bottom: 18px
}

.ideas-top__right .ideas__item:last-child {
    margin-bottom: 0
}

.ideas-bottom {
    width: 100%;
    display: flex;
    margin-top: 18px;
    margin-bottom: 50px
}

@media screen and (max-width: 1230px) {
    .ideas-bottom {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .ideas-bottom {
        display: block
    }
}

@media screen and (max-width: 576px) {
    .ideas-bottom {
        margin-bottom: 32px
    }
}

.ideas-bottom .ideas__item {
    margin-right: 18px
}

@media screen and (max-width: 1230px) {
    .ideas-bottom .ideas__item {
        height: 237px !important
    }

    .ideas-bottom .ideas__item:nth-child(2) {
        margin-right: 0
    }
}

@media screen and (max-width: 992px) {
    .ideas-bottom .ideas__item {
        margin: 0 auto 20px;
        height: 260px !important
    }

    .ideas-bottom .ideas__item:last-child, .ideas-bottom .ideas__item:nth-child(2) {
        margin-right: auto
    }
}

@media screen and (max-width: 576px) {
    .ideas-bottom .ideas__item {
        height: 200px !important
    }
}

.ideas-bottom .ideas__item:last-child {
    margin-right: 0
}

@media screen and (max-width: 1230px) {
    .ideas-bottom .ideas__item:last-child {
        margin-top: 18px
    }
}

.category-block {
    padding: 50px 0 200px
}

@media screen and (max-width: 1230px) {
    .category-block {
        padding-bottom: 0
    }
}

.category-block__tabs {
    margin-top: 50px;
    margin-bottom: 30px;
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

@media screen and (max-width: 992px) {
    .category-block__tabs {
        flex-direction: column;
        border-bottom: none;
        max-height: 49px;
        overflow: hidden;
        transition: max-height .2s ease-in-out
    }
}

.category-block__tab {
    position: relative;
    margin-bottom: -1px;
    display: block;
    font-size: 18px;
    line-height: 17px;
    color: rgba(0, 0, 0, .6);
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    padding: 16px 60px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    flex-grow: 1;
    text-align: center;
    border-radius: 0 20px 0 0
}

@media screen and (max-width: 1230px) {
    .category-block__tab {
        padding: 16px 40px
    }
}

@media screen and (max-width: 992px) {
    .category-block__tab {
        width: 100%;
        border-bottom: none;
        font-size: 16px
    }
}

.category-block__tab:hover {
    color: #1b1d1e
}

.category-block__tab.is-active {
    background-color: #edf4fc;
    color: #1b1d1e;
    border-color: #1d3c34
}

@media screen and (max-width: 992px) {
    .category-block__tab.is-active {
        border-radius: 8px;
        order: -1
    }

    .category-block__tab.is-active span {
        position: relative
    }

    .category-block__tab.is-active span:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: -15px;
        width: 9px;
        height: 9px;
        background-image: url(/build/images/ic-triangle.4988c3b7.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain
    }
}

.category-block__top {
    display: flex;
    align-items: center;
    margin-bottom: 48px
}

.category-block__top .sort {
    margin-left: auto
}

.category-block__content {
    display: none;
    animation: fadeIn .6s
}

.category-block__content.is-active {
    display: block
}

.product-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px
}

@media screen and (max-width: 1230px) {
    .product-list {
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .product-list {
        margin: 0
    }
}

@media screen and (max-width: 576px) {
    .product-list {
        display: block
    }
}

.product-list .quick-view-product {
    display: flex !important
}

@media screen and (max-width: 1230px) {
    .product-list .quick-view-product {
        display: block !important;
        width: 100%
    }
}

.product-list__item {
    position: relative;
    z-index: 1;
    width: 368px;
    flex: 0 0 368px;
    margin: 0 24px 45px
}

@media screen and (max-width: 992px) {
    .product-list__item {
        width: 288px;
        flex: 0 0 288px;
        margin: 0 17px 35px
    }
}

@media screen and (max-width: 576px) {
    .product-list__item {
        margin: 0 auto 30px;
        width: 94%;
        flex: 0 0 94%
    }
}

@media screen and (min-width: 577px) {
    .product-list__item:hover {
        z-index: 2;
        box-shadow: 0 8px 39px 0 rgba(0, 43, 73, .27)
    }

    .product-list__item:hover .quick-view {
        opacity: 1
    }
}

.product-list__holder {
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 992px) {
    .product-list__holder {
        height: 288px
    }
}

.product-list__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.product-list__cover {
    position: absolute;
    opacity: 0;
    transition: all .5s ease
}

.product-list__interior {
    opacity: 1;
    transition: all .5s ease
}

.product-list__item:hover .product-list__cover {
    opacity: 1
}

.product-list__item:hover .product-list__interior {
    opacity: 0
}

.product-list__image img {
    width: 100%;
    height: 100%
}

.product-list__image--vertical img {
    height: 100%;
    width: auto
}

.product-list__image--horizontal img {
    width: 100%;
    height: auto
}

.product-list__image--vertical {
    width: auto;
    height: 100%
}

@media screen and (max-width: 992px) {
    .product-list__image--vertical {
        width: 100%;
        height: 100%
    }
}

.product-list__image--horizontal {
    width: 100%;
    height: auto
}

@media screen and (max-width: 992px) {
    .product-list__image--horizontal {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 767px) {
    .product-list__image--horizontal img {
        height: 100%
    }
}

.product-list__information {
    padding: 20px 15px 15px;
    background-color: #fff
}

@media screen and (max-width: 992px) {
    .product-list__information {
        padding: 15px 5px 5px
    }
}

.product-list__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.product-list__tags a, .product-list__tags span {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #1d3c34;
    margin-right: 15px
}

.product-list__tags a:last-child, .product-list__tags span:last-child {
    margin-right: 0
}

.product-list__name {
    display: block;
    font-size: 20px;
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

@media screen and (max-width: 992px) {
    .product-list__name {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.product-list__price {
    color: rgba(27, 29, 30, .6);
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.product-list__price strong {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    color: #1d3c34
}

.product-list__price sup {
    position: relative;
    top: 0;
    right: 0
}

.quick-view {
    position: relative;
    text-align: center;
    width: 100%;
    opacity: 0;
    height: 65px;
    background-color: #fff;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34;
    padding-left: 36px;
    padding-bottom: 15px;
    transition: color .1s ease-in-out
}

@media screen and (max-width: 992px) {
    .quick-view {
        padding-left: 20px;
        font-size: 14px;
        padding-bottom: 0
    }
}

.quick-view:hover {
    color: #f2a737
}

.quick-view:before {
    content: "";
    position: absolute;
    left: 82px;
    top: 14px;
    width: 32px;
    height: 22px;
    background-image: url(/build/images/view-product.72163119.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media screen and (max-width: 992px) {
    .quick-view:before {
        width: 26px;
        height: 22px;
        top: 22px;
        left: 50px
    }
}

@media screen and (max-width: 600px) {
    .quick-view {
        display: none !important
    }
}

.add-to-wishlist {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 30px;
    left: 30px;
    background-image: url(/build/images/card-wishlist.6e025564.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: background-image .1s ease-in-out
}

@media screen and (max-width: 992px) {
    .add-to-wishlist {
        top: 20px;
        left: 20px
    }
}

.add-to-wishlist.added, .add-to-wishlist:hover {
    background-image: url(/build/images/card-wishlist-hover.311e9cf2.svg)
}

.bonus-block {
    padding: 155px 0;
    background-color: #eaf2fc
}

@media screen and (max-width: 992px) {
    .bonus-block {
        background-color: #fff;
        padding-top: 40px;
        padding-bottom: 0
    }
}

.bonus-block .container {
    position: relative
}

.bonus-block__image {
    position: absolute;
    z-index: 0;
    top: 60%;
    transform: translateY(-50%);
    max-width: 700px
}

.bonus-block__image[data-loaded=true] {
    left: -120px
}

@media screen and (max-width: 1230px) {
    .bonus-block__image {
        max-width: 900px
    }
}

@media screen and (max-width: 992px) {
    .bonus-block__image {
        position: static;
        transform: none;
        margin: 0 auto;
        max-width: 100%
    }
}

@media screen and (max-width: 600px) {
    .bonus-block__image {
        margin-left: -15px
    }
}

.bonus-block__inner {
    padding-left: 740px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1230px) {
    .bonus-block__inner {
        padding-left: 550px
    }
}

@media screen and (max-width: 992px) {
    .bonus-block__inner {
        padding-left: 0;
        text-align: center
    }
}

.bonus-block__title {
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .bonus-block__title {
        font-size: 24px
    }
}

.bonus-block__subtitle {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px
}

@media screen and (max-width: 576px) {
    .bonus-block__subtitle {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.bonus-block__description {
    color: #7d7d7d;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .bonus-block__description {
        font-size: 14px
    }
}

.blog-block {
    padding: 120px 0 100px
}

@media screen and (max-width: 576px) {
    .blog-block {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.features {
    background-color: #eaf2fc;
    padding: 50px 0
}

@media screen and (max-width: 576px) {
    .features {
        padding: 10px 0
    }
}

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

.features__item:hover .features__name {
    text-decoration: underline
}

.features__item:hover .hint__description {
    display: flex
}

@media screen and (max-width: 576px) {
    .features__item:nth-child(odd):hover .hint__description {
        left: 0;
        transform: none
    }

    .features__item:nth-child(odd):hover .hint__description:before {
        left: 10px
    }
}

@media screen and (max-width: 576px) {
    .features__item:nth-child(2n):hover .hint__description {
        right: 0;
        left: auto;
        transform: none
    }

    .features__item:nth-child(2n):hover .hint__description:before {
        right: 10px;
        left: auto
    }
}

@media screen and (max-width: 992px) {
    .features__item {
        flex: 0 0 33.3%;
        width: 33.3%;
        margin: 20px 0
    }
}

@media screen and (max-width: 576px) {
    .features__item {
        flex: 0 0 50%;
        width: 50%;
        margin: 20px 0
    }
}

.features__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 100%;
    margin-bottom: 20px
}

.features__name {
    max-width: 138px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.our-production {
    padding: 100px 0 70px;
    position: relative
}

@media screen and (max-width: 576px) {
    .our-production { /*display:none;*/
        padding: 60px 0
    }
}

.our-production__inner {
    font-size: 13px;
    max-height: 140px;
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    position: relative
}

.our-production__inner.is-active:before {
    display: none
}

.our-production__inner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 140px;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.our-production__inner h3 {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #454545;
    margin-bottom: 20px
}

.our-production__inner p {
    margin: 20px 0
}

.our-production__inner h2 {
    font-size: 22px
}

.our-production__inner h2, .our-production__inner h4 {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #454545;
    margin-bottom: 20px
}

.our-production__inner h4 {
    font-size: 18px
}

.our-production__inner h5 {
    font-size: 16px
}

.our-production__inner h5, .our-production__inner h6 {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #454545;
    margin-bottom: 20px
}

.our-production__inner h6 {
    font-size: 14px
}

.our-production__inner ol, .our-production__inner ul {
    margin-bottom: 20px
}

.our-production__more {
    display: block;
    position: relative;
    font-size: 13px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34;
    transition: color .1s ease-in-out;
    margin-top: 20px
}

.our-production__more.is-active:before {
    transform: rotate(-180deg)
}

.our-production__more:hover {
    color: #f2a737
}

.our-production__more:before {
    content: "";
    position: absolute;
    top: 3px;
    right: -15px;
    width: 10px;
    height: 10px;
    background-image: url(/build/images/btn-more.aac58179.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.page {
    padding: 70px 0 160px
}

@media screen and (max-width: 576px) {
    .page {
        padding: 40px 0 80px
    }
}

.page--result {
    padding-bottom: 100px;
    padding-top: 30px
}

@media screen and (max-width: 576px) {
    .page--result {
        padding-top: 20px
    }
}

.page--result .title {
    text-align: left;
    margin-bottom: 20px
}

@media screen and (max-width: 1230px) {
    .page--result .title {
        text-align: center
    }
}

.page--result .tags-list {
    margin-bottom: 45px
}

@media screen and (max-width: 1230px) {
    .page--result .tags-list {
        margin-bottom: 25px
    }
}

.page__content {
    max-width: 722px;
    margin: 0 auto;
    color: #7d7d7d;
    line-height: 1.63
}

@media screen and (max-width: 576px) {
    .page__content {
        font-size: 14px
    }
}

.page__content p {
    margin: 18px 0
}

.page__content a {
    text-decoration: underline;
    color: #1d3c34;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    transition: color .1s ease-in-out
}

.page__content a:active, .page__content a:hover {
    color: #f2a737
}

.page__content img {
    margin: 35px auto
}

.page__content h3 {
    margin: 40px 0 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #1b1d1e
}

@media screen and (max-width: 576px) {
    .page__content h3 {
        font-size: 16px
    }
}

.page__content ul {
    margin: 30px 0
}

.page__content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px
}

@media screen and (max-width: 576px) {
    .page__content ul li {
        padding-left: 25px
    }
}

.page__content ul li:last-child {
    margin-bottom: 0
}

.page__content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f2a737
}

@media screen and (max-width: 576px) {
    .page__content ul li:before {
        width: 10px;
        height: 10px;
        top: 8px
    }
}

.page__content blockquote {
    display: block;
    margin: 40px 0;
    border-left: 3px solid #f2a737;
    padding-left: 27px;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #0c161c;
    font-family: Times Italic, Helvetica, Arial, sans-serif
}

.search-page-amount {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .2px;
    color: #000
}

@media screen and (max-width: 1230px) {
    .search-page-amount {
        text-align: center
    }
}

@media screen and (max-width: 576px) {
    .search-page-amount {
        font-size: 14px
    }
}

.page-header {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 40px 0;
    text-align: center;
    color: #fff;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-header:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

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

@media screen and (max-width: 576px) {
    .page-header {
        padding: 35px 0;
        min-height: 200px
    }
}

.page-header--blog {
    background-color: #eaf2fc
}

.page-header--blog .page-header__title {
    color: #000
}

.page-header__title {
    font-size: 48px;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif
}

@media screen and (max-width: 576px) {
    .page-header__title {
        font-size: 30px;
        line-height: 1.07;
        letter-spacing: .4px
    }
}

.page-header__description {
    font-size: 18px;
    line-height: 1.56;
    margin-top: 12px
}

@media screen and (max-width: 576px) {
    .page-header__description {
        font-size: 14px;
        letter-spacing: .2px
    }
}

.page-header__amount {
    margin-top: 36px;
    display: block;
    text-align: center;
    font-size: 14px
}

@media screen and (max-width: 576px) {
    .page-header__amount {
        margin-top: 15px
    }
}

.stock-list__item {
    display: flex;
    padding: 120px 0;
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

@media screen and (max-width: 992px) {
    .stock-list__item {
        display: block;
        padding: 60px 0
    }
}

.stock-list__item:first-child {
    padding-top: 70px
}

@media screen and (max-width: 576px) {
    .stock-list__item:first-child {
        padding-top: 0
    }
}

.stock-list__item:last-child {
    border-bottom: none;
    padding-bottom: 10px
}

.stock-list__item:nth-child(2n) .stock-list__information {
    order: 1
}

.stock-list__item:nth-child(2n) .stock-list__image {
    order: 0
}

.stock-list__information {
    width: 50%;
    padding-right: 35px
}

@media screen and (max-width: 992px) {
    .stock-list__information {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px
    }
}

.stock-list__information h2 {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.33;
    color: #0c161c;
    margin-bottom: 25px
}

@media screen and (max-width: 576px) {
    .stock-list__information h2 {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.stock-list__information p {
    line-height: 1.63;
    color: #7d7d7d;
    margin: 20px 0
}

@media screen and (max-width: 576px) {
    .stock-list__information p {
        font-size: 14px
    }
}

.stock-list__image {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 992px) {
    .stock-list__image {
        width: 100%
    }
}

.about-block {
    padding: 70px 0 40px
}

@media screen and (max-width: 576px) {
    .about-block {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

.about-block__content {
    max-width: 992px;
    margin: 20px auto 0;
    text-align: center;
    line-height: 1.63;
    color: #7d7d7d
}

@media screen and (max-width: 992px) {
    .about-block__content {
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .about-block__content {
        font-size: 14px;
        max-width: 300px
    }
}

.about-block__content img {
    margin: 40px auto;
    height: auto
}

@media screen and (max-width: 576px) {
    .about-block__content img {
        margin: 40px auto !important
    }
}

.about-block__content h2, .about-block__content h3, .about-block__content h4 {
    text-align: center;
    font-size: 18px;
    color: #0c161c;
    line-height: 1.06;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 14px;
    padding: 0 96px
}

@media screen and (max-width: 992px) {
    .about-block__content h2, .about-block__content h3, .about-block__content h4 {
        padding: 0
    }
}

@media screen and (max-width: 576px) {
    .about-block__content h2, .about-block__content h3, .about-block__content h4 {
        font-size: 16px;
        line-height: 1.19
    }
}

.about-block__content p {
    margin: 15px 0;
    padding: 0 96px
}

@media screen and (max-width: 992px) {
    .about-block__content p {
        padding: 0
    }
}

.company-reviews {
    background-color: #f9f9f9;
    padding: 70px 0;
    margin-bottom: 25px
}

.company-reviews__slider {
    padding: 10px 0 40px
}

.company-reviews__item {
    max-width: 784px;
    width: 784px;
    margin: 0 10px;
    display: flex;
    background-color: #fff;
    box-shadow: 0 12px 25px 0 rgba(0, 0, 0, .23)
}

@media screen and (max-width: 768px) {
    .company-reviews__item {
        display: block
    }
}

.company-reviews__left {
    flex: 0 0 321px;
    width: 321px
}

@media screen and (max-width: 768px) {
    .company-reviews__left {
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .company-reviews__left {
        width: 100%;
        height: 200px
    }
}

.company-reviews__image {
    width: 100%;
    height: 100%
}

.company-reviews__right {
    padding: 30px 28px
}

@media screen and (max-width: 576px) {
    .company-reviews__right {
        padding: 30px 15px
    }
}

.company-reviews__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .company-reviews__top {
        display: block
    }
}

.company-reviews__name {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #0c161c;
    margin-bottom: 6px
}

@media screen and (max-width: 576px) {
    .company-reviews__name {
        font-size: 16px;
        margin-bottom: 8px
    }
}

.company-reviews__date {
    display: block;
    font-size: 14px;
    color: hsla(0, 0%, 39.6%, .51);
    letter-spacing: .2px;
    margin-bottom: 16px;
    order: 1;
    width: 100%
}

@media screen and (max-width: 768px) {
    .company-reviews__date {
        margin-bottom: 10px
    }
}

.company-reviews__description {
    font-family: Montserrat Italic, Helvetica, Arial, sans-serif;
    line-height: 1.75;
    color: #7d7d7d
}

@media screen and (max-width: 768px) {
    .company-reviews__description {
        margin-top: 15px
    }
}

@media screen and (max-width: 576px) {
    .company-reviews__description {
        font-size: 14px
    }
}

@media screen and (max-width: 576px) {
    .company-reviews .slider-button {
        display: none
    }
}

.company-press {
    background-color: #f9f9f9;
    padding: 70px 0 170px
}

@media screen and (max-width: 576px) {
    .company-press {
        padding-bottom: 70px
    }
}

.company-press__wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px
}

@media screen and (max-width: 576px) {
    .company-press__wrapper {
        padding: 0
    }
}

.company-press__inner {
    max-width: 1225px;
    position: relative
}

@media screen and (max-width: 1230px) {
    .company-press__inner {
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .company-press__inner {
        margin: 0 auto
    }
}

.company-press__inner:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 16px;
    width: 60px;
    height: 100%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #f9f9f9)
}

@media screen and (max-width: 576px) {
    .company-press__inner:before {
        display: none
    }
}

.company-press__inner:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 16px;
    width: 60px;
    height: 100%;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #f9f9f9)
}

@media screen and (max-width: 576px) {
    .company-press__inner:after {
        display: none
    }
}

.company-press__slider {
    padding: 10px 0 40px 18px
}

@media screen and (max-width: 576px) {
    .company-press__slider {
        padding: 10px 0 40px
    }
}

.company-press__item {
    background-color: #fff;
    box-shadow: 0 12px 25px 0 rgba(0, 0, 0, .12);
    width: 368px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1230px) {
    .company-press__item {
        margin: 0 auto
    }
}

@media screen and (max-width: 410px) {
    .company-press__item {
        width: 96%
    }
}

.company-press__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 86px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2)
}

.company-press__logo img {
    max-height: 46px
}

.company-press__description {
    padding: 23px 27px;
    text-align: center;
    line-height: 1.75;
    font-family: Montserrat Italic, Helvetica, Arial, sans-serif;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .company-press__description {
        font-size: 14px;
        padding: 20px 15px
    }
}

.company-press__link {
    display: inline-flex;
    align-self: center;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.company-press__link:hover {
    color: #f2a737
}

@media screen and (max-width: 576px) {
    .company-press .slider-button {
        display: none
    }
}

.tags-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (max-width: 1230px) {
    .tags-list {
        justify-content: flex-start
    }
}

@media screen and (max-width: 576px) {
    .tags-list {
        margin-left: -15px;
        margin-right: -15px
    }
}

.tags-list li {
    margin-right: 8px
}

@media screen and (max-width: 1230px) {
    .tags-list li {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 576px) {
    .tags-list li {
        margin: 3px
    }
}

.tags-list li:last-child {
    margin-right: 0
}

.tags-list li a, .tags-list li span.link-tag {
    cursor: pointer;
    display: block;
    padding: 8px 16px;
    background-color: #eaf2fc;
    font-size: 14px;
    line-height: 1;
    color: #002b49;
    letter-spacing: .2px;
    transition: background-color .1s ease-in-out;
    border-radius: 14.5px
}

@media screen and (max-width: 576px) {
    .tags-list li a, .tags-list li span.link-tag {
        padding: 6px 15px
    }
}

.tags-list li a:hover, .tags-list li span.link-tag:hover {
    background-color: #d4e4f9
}

.attantion {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50px;
    font-size: 14px;
    line-height: 1.57;
    color: #7d7d7d
}

@media screen and (max-width: 768px) {
    .attantion br {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .attantion {
        padding-left: 35px
    }
}

.attantion:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    background-image: url(/build/images/ic-attantion.3fc63992.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width: 576px) {
    .attantion:before {
        width: 21px;
        height: 21px;
        top: 22px
    }
}

.contacts {
    position: relative
}

.contacts .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 100%
}

@media screen and (max-width: 1230px) {
    .contacts .container {
        display: block
    }
}

.contacts__image {
    position: absolute;
    right: 640px;
    top: 0;
    bottom: 0;
    height: 100%
}

@media screen and (max-width: 1230px) {
    .contacts__image {
        display: none
    }
}

.contacts__inner {
    max-width: 320px;
    text-align: center;
    padding: 70px 0 108px;
    margin-right: 80px
}

@media screen and (max-width: 1230px) {
    .contacts__inner {
        margin: 0 auto
    }
}

.contacts__title {
    display: block;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    letter-spacing: .5px;
    color: #000
}

@media screen and (max-width: 576px) {
    .contacts__title {
        font-size: 24px
    }
}

.contacts__description {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.63;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .contacts__description {
        font-size: 14px
    }

    .contacts__description br {
        display: none
    }
}

.contacts__item {
    position: relative;
    padding: 20px 0
}

.contacts__item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 281px;
    height: 1px;
    background-color: hsla(0, 0%, 75.7%, .6)
}

.contacts__item:last-child:before {
    display: none
}

.contacts__item .socials {
    margin-top: 20px
}

.contacts__item .socials a {
    border-color: #1d3c34
}

.contacts__item .socials a:hover {
    border-color: #f2a737
}

.contacts__item .socials a:hover .icon {
    fill: #f2a737
}

.contacts__item .socials a .icon {
    fill: #1d3c34
}

.contacts__subtitle {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.06;
    color: #0c161c;
    margin-bottom: 12px
}

@media screen and (max-width: 576px) {
    .contacts__subtitle {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.contacts__information {
    line-height: 1.5;
    font-size: 16px;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .contacts__information {
        font-size: 14px
    }
}

.contacts__information a:hover {
    text-decoration: underline
}

.blog-header {
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .26);
    padding: 11px 0
}

@media screen and (max-width: 768px) {
    .blog-header {
        display: none
    }
}

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

.blog-header__category {
    display: flex;
    align-items: center
}

.blog-header__category a {
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    color: #939393;
    margin-right: 30 p x;
    transition: color .1s ease-in-out
}

.blog-header__category a.is-active, .blog-header__category a:hover {
    color: #000
}

.blog-header__category li:last-child {
    margin-right: 0
}

.blog-header__input {
    display: block;
    height: 38px;
    border-left: 1px solid hsla(0, 0%, 59.2%, .34);
    padding-left: 54px;
    background-image: url(/build/images/magnifying-glass.8782da0e.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25px
}

.blog-header__input:focus::placeholder {
    opacity: 1
}

.blog-header__input::placeholder {
    color: #787878;
    opacity: .6;
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 15px
}

.blog-page {
    padding: 60px 0 90px
}

.blog-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px
}

@media screen and (max-width: 1230px) {
    .blog-list {
        justify-content: center;
        margin: 0
    }
}

@media screen and (max-width: 576px) {
    .blog-list {
        display: block
    }
}

.blog-list.blog-list--large {
    margin: 40px -24px 75px
}

@media screen and (max-width: 1230px) {
    .blog-list.blog-list--large {
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .blog-list.blog-list--large {
        display: block;
        margin: 40px auto 75px
    }
}

@media screen and (max-width: 576px) {
    .blog-list.blog-list--large {
        margin-top: 0;
        margin-bottom: 0
    }
}

.blog-list.blog-list--large .blog-list__item {
    width: 576px;
    flex: 0 0 576px;
    margin: 0 24px
}

@media screen and (max-width: 1230px) {
    .blog-list.blog-list--large .blog-list__item {
        width: 450px;
        flex: 0 0 450px
    }
}

@media screen and (max-width: 992px) {
    .blog-list.blog-list--large .blog-list__item {
        margin: 0 auto 25px
    }
}

@media screen and (max-width: 576px) {
    .blog-list.blog-list--large .blog-list__item {
        width: 100%
    }
}

.blog-list.blog-list--large .blog-list__link {
    height: 420px
}

@media screen and (max-width: 1230px) {
    .blog-list.blog-list--large .blog-list__link {
        height: 300px
    }
}

@media screen and (max-width: 576px) {
    .blog-list.blog-list--large .blog-list__link {
        height: 260px
    }
}

.blog-list.blog-list--large .blog-list__label {
    padding: 8px 33px
}

.blog-list.blog-list--large .blog-list__name {
    font-size: 22px;
    padding: 0 16px
}

@media screen and (max-width: 1230px) {
    .blog-list.blog-list--large .blog-list__name {
        font-size: 20px
    }
}

@media screen and (max-width: 576px) {
    .blog-list.blog-list--large .blog-list__name {
        padding: 0;
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

.blog-list__item {
    width: 369px;
    flex: 0 0 369px;
    margin: 0 23px 60px
}

@media screen and (max-width: 576px) {
    .blog-list__item {
        margin: 0 auto 25px
    }
}

@media screen and (max-width: 400px) {
    .blog-list__item {
        width: 100%
    }
}

.blog-list__link {
    height: 270px;
    width: 100%;
    overflow: hidden;
    display: block
}

.blog-list__image {
    width: 100%;
    height: 100%;
    transition: transform .6s ease
}

.blog-list__label {
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    text-align: center;
    background-color: #1d3c34;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    padding: 8px 18px
}

.blog-list__name {
    display: block;
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.33;
    color: #0c161c;
    transition: color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .blog-list__name {
        font-size: 16px
    }
}

.blog-list__name:hover {
    color: #f2a737
}

.blog-list__information {
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-list__view {
    position: relative;
    display: block;
    border-right: 1px solid #c9c9c9;
    padding-right: 23px;
    margin-right: 23px;
    font-size: 14px;
    line-height: 1.86;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .blog-list__view {
        display: none
    }
}

.blog-list__view:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    width: 19px;
    height: 19px;
    background-image: url(/build/images/view-post.ce637850.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.blog-list__date {
    position: relative;
    display: block;
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.86;
    color: #7d7d7d
}

.blog-list__date:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    width: 19px;
    height: 19px;
    background-image: url(/build/images/time-post.1393451f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.pagination {
    padding-top: 60px;
    position: relative;
    z-index: 1
}

.pagination, .pagination__start {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination__start {
    width: 19px;
    height: 17px;
    background-image: url(/build/images/pagination-left.422c08b5.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width: 576px) {
    .pagination__start {
        display: none
    }
}

.pagination__end {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 17px;
    background-image: url(/build/images/pagination-right.d31a33e3.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width: 576px) {
    .pagination__end {
        display: none
    }
}

.pagination__button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    border: 2px solid #f2a737;
    background-color: #fff8ee;
    transition: transform .1s ease-in-out;
    margin: 0 15px;
    cursor: pointer
}

.pagination__button:hover {
    transform: scale(1.1)
}

.pagination__button .icon {
    position: relative;
    font-size: 10px
}

.pagination__number {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #1d3c34;
    line-height: 1.33;
    font-size: 18px;
    opacity: .76
}

@media screen and (max-width: 576px) {
    .pagination__number {
        padding: 0 8px
    }
}

.pagination__number:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: -19px;
    left: 17px;
    width: 13px;
    height: 17px;
    background-image: url(/build/images/rectangle.f7f36222.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width: 576px) {
    .pagination__number:before {
        left: 10px
    }
}

.pagination__number.is-active {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    opacity: 1
}

.pagination__number.is-active:before, .pagination__number:hover {
    opacity: 1
}

.blog-slider {
    position: relative;
    background-color: #f2faff
}

.blog-slider__navigation {
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 0;
    right: 0
}

@media screen and (max-width: 1230px) {
    .blog-slider__navigation {
        bottom: 15px
    }

    .blog-slider__navigation .slider-button {
        display: none
    }
}

.blog-slider .slider-dots {
    display: none
}

@media screen and (max-width: 1230px) {
    .blog-slider .slider-dots {
        width: 100%;
        display: flex
    }
}

.blog-slider__inner {
    width: 380px
}

@media screen and (max-width: 1230px) {
    .blog-slider__inner {
        width: 100%;
        padding: 30px 0
    }
}

.blog-slider__item {
    position: relative;
    overflow: hidden
}

.blog-slider__item .container {
    position: relative;
    min-height: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width: 1230px) {
    .blog-slider__item .container {
        min-height: auto
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__item .container {
        padding: 0
    }

    .blog-slider__item .blog-slider__inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.blog-slider__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover;"
}

@media screen and (max-width: 1230px) {
    .blog-slider__image {
        position: static;
        width: auto;
        height: auto;
        margin: 0 auto
    }
}

.blog-slider__label {
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: #1d3c34;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    padding: 8px 18px;
    margin-bottom: 24px
}

.blog-slider__name {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 1.19;
    letter-spacing: .5px;
    color: #0c161c;
    transition: color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .blog-slider__name {
        font-size: 24px
    }
}

.blog-slider__name:hover {
    color: #f2a737
}

.blog-slider__information {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 25px
}

@media screen and (max-width: 576px) {
    .blog-slider__information {
        padding-left: 0;
        display: block;
        margin-top: 15px
    }
}

.blog-slider__view {
    position: relative;
    display: block;
    border-right: 1px solid #c9c9c9;
    padding-right: 23px;
    margin-right: 23px;
    font-size: 14px;
    line-height: 1.86;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .blog-slider__view {
        display: none
    }
}

.blog-slider__view:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    width: 19px;
    height: 19px;
    background-image: url(/build/images/view-post.ce637850.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.blog-slider__date {
    position: relative;
    display: block;
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.86;
    color: #7d7d7d
}

.blog-slider__date:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    width: 19px;
    height: 19px;
    background-image: url(/build/images/time-post.1393451f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.blog-slider .slider-navigation {
    height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.blog-slider .slider-navigation .slider-button {
    margin-right: 10px
}

.blog-slider .slider-navigation .slider-button:last-child {
    margin-right: 0
}

.blog-slider .blog-slider__navigation {
    margin-top: 80px
}

.subscribe-block {
    background-color: #eaf2fc;
    padding: 80px 0
}

@media screen and (max-width: 576px) {
    .subscribe-block {
        padding: 45px 0
    }
}

.subscribe-block__title {
    text-align: center;
    font-size: 28px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .4px;
    color: #0c161c;
    margin-bottom: 14px
}

@media screen and (max-width: 576px) {
    .subscribe-block__title {
        font-size: 20px
    }
}

.subscribe-block__description {
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #7d7d7d;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (max-width: 576px) {
    .subscribe-block__description {
        font-size: 14px;
        color: #7d7d7d
    }
}

.subscribe-block__form {
    position: relative;
    display: flex;
    max-width: 515px;
    margin: 0 auto
}

.subscribe-block__form .form__field {
    flex-grow: 1;
    margin-bottom: 0
}

.subscribe-block__form .form__field .error-message {
    top: 16px
}

@media screen and (max-width: 576px) {
    .subscribe-block__form .form__field .error-message {
        right: auto;
        left: 0;
        top: 47px
    }
}

.subscribe-block__form .form__input {
    font-size: 14px
}

@media screen and (max-width: 576px) {
    .subscribe-block__form .form__input {
        padding-left: 10px
    }
}

.subscribe-block__form .form__input::placeholder {
    color: #787878
}

.subscribe-block__submit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 135px;
    width: 135px;
    background-color: #f2a737;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1b1d1e;
    border-radius: 0 20px 0 0;
    transition: background-color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .subscribe-block__submit {
        flex: 0 0 125px;
        width: 125px
    }
}

.subscribe-block__submit:hover {
    background-color: #e6900f
}

.subscribe-block__send {
    position: absolute;
    bottom: -45px;
    right: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #7d7d7d;
    transform: translateY(10px);
    opacity: 0;
    transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    z-index: -1
}

@media screen and (max-width: 576px) {
    .subscribe-block__send {
        bottom: -30px;
        font-size: 14px
    }
}

.subscribe-block__send.is-active {
    transform: translateY(0);
    opacity: 1;
    z-index: 1
}

.blog-category {
    padding: 100px 0 140px
}

@media screen and (max-width: 576px) {
    .blog-category {
        padding: 60px 0 40px
    }
}

.blog-category__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px
}

@media screen and (max-width: 992px) {
    .blog-category__list {
        display: block
    }
}

.blog-category__item {
    position: relative;
    width: 472px;
    flex: 0 0 472px;
    height: 320px
}

@media screen and (max-width: 992px) {
    .blog-category__item {
        margin: 0 auto
    }
}

@media screen and (max-width: 510px) {
    .blog-category__item {
        width: 100% !important;
        height: 200px
    }
}

.blog-category__item.is-active .blog-category__image, .blog-category__item:hover .blog-category__image {
    opacity: 1
}

.blog-category__item.is-active .blog-category__inner, .blog-category__item:hover .blog-category__inner {
    color: #fff
}

.blog-category__image {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.blog-category__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    transition: color .1s ease-in-out
}

.blog-category__name {
    display: block;
    text-align: center;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    font-size: 28px;
    letter-spacing: .4px;
    margin-bottom: 16px
}

@media screen and (max-width: 576px) {
    .blog-category__name {
        font-size: 22px
    }
}

.blog-category__link {
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline
}

.blog-category__link:hover {
    color: #f2a737
}

.following-articles {
    padding: 120px 0 40px
}

.following-articles .title {
    margin-bottom: 60px
}

.vacancy {
    padding: 60px 0 120px
}

.vacancy__item {
    max-width: 830px;
    margin: 0 auto 40px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .56);
    padding-bottom: 40px;
    padding-right: 163px
}

@media screen and (max-width: 576px) {
    .vacancy__item {
        padding-right: 0
    }
}

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

.vacancy__name {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 22px
}

@media screen and (max-width: 576px) {
    .vacancy__name {
        font-size: 16px
    }
}

.vacancy__description {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: .3px;
    color: #393e41;
    font-family: Montserrat ExtraLight, Helvetica, Arial, sans-serif
}

@media screen and (max-width: 576px) {
    .vacancy__description {
        font-size: 14px
    }
}

.vacancy__description p {
    margin: 15px 0
}

.vacancy__link {
    display: inline-block;
    margin-top: 15px;
    text-decoration: underline;
    color: #1d3c34;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    transition: color .1s ease-in-out
}

.vacancy__link:hover {
    color: #f2a737
}

.no-vacancy__icon {
    display: block;
    margin: 0 auto 15px;
    max-width: 96px
}

.no-vacancy__description {
    font-size: 14px;
    line-height: 1.71;
    color: #393e41;
    margin-bottom: 22px;
    text-align: center;
    font-family: Montserrat ExtraLight, Helvetica, Arial, sans-serif
}

.no-vacancy__form {
    max-width: 400px;
    margin: 0 auto
}

.video-block {
    position: relative
}

@media screen and (max-width: 576px) {
    .video-block {
        margin: 30px 0 !important
    }
}

.video-block__play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background-color: rgba(0, 43, 73, .28)
}

@media screen and (max-width: 576px) {
    .video-block__play {
        width: 66px;
        height: 66px
    }
}

.video-block__play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-33%, -50%);
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 25px 0 25px 40px
}

@media screen and (max-width: 576px) {
    .video-block__play:before {
        border-width: 15px 0 15px 20px
    }
}

.video-block video {
    display: block
}

@media screen and (max-width: 1230px) {
    .video-block video {
        height: auto !important
    }
}

.instruction-list {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .3)
}

.instruction-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 90px
}

@media screen and (max-width: 992px) {
    .instruction-list__item {
        flex-direction: column;
        margin-bottom: 20px
    }
}

.instruction-list__item:nth-child(2n) .instruction-list__information {
    order: -1;
    padding-right: 45px;
    padding-left: 0
}

.instruction-list__image {
    width: 576px;
    flex: 0 0 576px
}

@media screen and (max-width: 1230px) {
    .instruction-list__image {
        width: 460px;
        flex: 0 0 460px
    }
}

@media screen and (max-width: 992px) {
    .instruction-list__image {
        margin: 0 auto;
        width: auto;
        flex: 0 0 auto
    }
}

.instruction-list__information {
    flex-grow: 1;
    padding-left: 45px
}

@media screen and (max-width: 992px) {
    .instruction-list__information {
        order: -1;
        padding-left: 0;
        margin-bottom: 20px
    }
}

.instruction-list__name {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 28px;
    letter-spacing: .4px;
    margin: 14px 0
}

@media screen and (max-width: 576px) {
    .instruction-list__name {
        font-size: 16px
    }
}

.instruction-list__description {
    line-height: 1.69;
    color: #7d7d7d;
    margin: 14px 0
}

.instruction-list__description a {
    color: #1d3c34
}

.instruction-list__description a:hover {
    color: #f2a737
}

@media screen and (max-width: 576px) {
    .instruction-list__description {
        font-size: 14px
    }
}

.instruction-steps {
    padding-top: 80px
}

.instruction-steps__list {
    margin-top: 50px;
    margin-bottom: 30px
}

.instruction-steps__list li {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 28px;
    letter-spacing: .4px;
    margin-bottom: 32px
}

@media screen and (max-width: 576px) {
    .instruction-steps__list li {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.instruction-steps__list li:last-child {
    margin-bottom: 0
}

.instruction-steps__download {
    margin-top: 90px;
    background-color: #f9f9f9;
    padding: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .instruction-steps__download {
        margin-top: 40px
    }
}

.instruction-steps__download a {
    display: inline-block;
    margin-top: 6px
}

.instruction-steps__download a span {
    color: #1d3c34;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.instruction-steps__download a .icon {
    display: block;
    margin: 0 auto 6px;
    font-size: 38px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.instruction-steps__download a:hover span {
    color: #f2a737
}

.instruction-steps__download a:hover .icon {
    fill: #f2a737
}

.our-work {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -24px 20px
}

@media screen and (max-width: 1230px) {
    .our-work {
        margin: 50px 0 20px
    }
}

@media screen and (max-width: 768px) {
    .our-work {
        display: block
    }
}

.our-work__item {
    width: 576px;
    max-width: 576px;
    flex: 0 0 576px;
    margin: 0 24px 50px
}

@media screen and (max-width: 1230px) {
    .our-work__item {
        width: 45%;
        flex: 0 0 45%;
        margin: 0 2.5% 50px
    }
}

@media screen and (max-width: 768px) {
    .our-work__item {
        width: 100%;
        margin: 0 auto 30px
    }
}

.our-work__image {
    width: 100%;
    height: 420px
}

@media screen and (max-width: 992px) {
    .our-work__image {
        height: 300px
    }
}

@media screen and (max-width: 576px) {
    .our-work__image {
        height: 270px
    }
}

.our-work__information {
    background-color: #eaf2fc;
    padding: 30px 50px 34px;
    text-align: center
}

@media screen and (max-width: 992px) {
    .our-work__information {
        padding: 30px 15px
    }
}

@media screen and (max-width: 576px) {
    .our-work__information {
        padding: 20px 10px 25px
    }
}

.our-work__information p {
    color: #7d7d7d;
    line-height: 1.63;
    margin-bottom: 32px
}

@media screen and (max-width: 576px) {
    .our-work__information p {
        font-size: 14px
    }
}

.our-work__information a {
    display: inline-block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #1d3c34;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.our-work__information a:hover {
    color: #f2a737
}

.faq-list__item {
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .6);
    padding: 38px 0;
    max-width: 1096px;
    margin: 0 auto
}

.faq-list__item.is-active .faq-list__button {
    background-color: #f2a737
}

.faq-list__item.is-active .faq-list__button:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.faq-list__name {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    max-width: 86%
}

@media screen and (max-width: 768px) {
    .faq-list__name {
        font-size: 14px;
        line-height: 1.57
    }
}

.faq-list__button {
    position: absolute;
    top: 28px;
    right: 0;
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #f2a737
}

@media screen and (max-width: 768px) {
    .faq-list__button {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        top: 33px
    }
}

.faq-list__button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 12px;
    height: 12px;
    background-image: url(/build/images/plus-bold.ef290538.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform .1s ease-in-out
}

@media screen and (max-width: 768px) {
    .faq-list__button:before {
        width: 9px;
        height: 9px
    }
}

.faq-list__description {
    font-size: 16px;
    line-height: 1.63;
    color: #7d7d7d;
    max-width: 86%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out
}

@media screen and (max-width: 576px) {
    .faq-list__description {
        font-size: 14px
    }
}

.faq-list__description p {
    padding-top: 20px
}

.connect-us-form {
    max-width: 400px;
    margin: 40px auto 0
}

.category-page {
    margin: 48px 0 30px
}

@media screen and (max-width: 576px) {
    .category-page {
        margin-top: 20px;
        padding-bottom: 40px
    }
}

.catalog-header {
    margin: 28px 0 48px
}

@media screen and (max-width: 576px) {
    .catalog-header {
        margin-bottom: 0
    }
}

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

@media screen and (max-width: 1230px) {
    .catalog-header__inner {
        display: block
    }
}

.category-post {
    display: flex;
    margin: 20px 0 70px
}

@media screen and (max-width: 1230px) {
    .category-post {
        display: none
    }
}

.category-post__information {
    flex: 0 0 368px;
    width: 368px;
    margin-right: 48px;
    border: 1px solid #bababa;
    padding: 34px 40px
}

.category-post__information .button {
    min-width: 100%
}

.category-post__preview {
    flex-grow: 1;
    display: block;
    position: relative
}

.category-post__image {
    display: block
}

.category-post__image img {
    width: 100%;
    height: 100%
}

.category-post__label {
    position: absolute;
    width: 262px;
    top: 30px;
    right: 37px;
    background-color: #fff;
    padding: 7px 14px;
    display: flex;
    align-items: center
}

.category-post__label img {
    display: block;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    margin-right: 14px
}

.category-post__label strong {
    display: block;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #0c161c
}

.category-post__title {
    display: block;
    text-align: center;
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px
}

.category-post__description {
    display: block;
    text-align: center;
    line-height: 1.5;
    color: #7d7d7d;
    margin-bottom: 40px
}

.error-page {
    padding: 135px 0 199px
}

@media screen and (max-width: 576px) {
    .error-page {
        padding: 60px 0
    }
}

.error-page__name {
    display: block;
    text-align: center;
    color: #e54241;
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 70px;
    line-height: .6;
    letter-spacing: 1px;
    margin-bottom: 40px
}

.error-page__title {
    display: block;
    text-align: center;
    line-height: 1.33;
    font-size: 24px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 16px
}

@media screen and (max-width: 576px) {
    .error-page__title {
        font-size: 18px
    }
}

.error-page__navigation {
    text-align: center;
    margin-bottom: 33px
}

.error-page__navigation a {
    display: inline-block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    color: #1d3c34;
    transition: color .1s ease-in-out
}

.error-page__navigation a:hover {
    color: #f2a737
}

.error-page .button {
    max-width: 400px
}

.upload-tutorial {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 992px) {
    .upload-tutorial {
        display: block
    }
}

.upload-tutorial__item {
    flex: 0 0 33.3%;
    width: 33%;
    padding: 0 35px;
    margin-bottom: 70px
}

@media screen and (max-width: 992px) {
    .upload-tutorial__item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
}

.upload-tutorial__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    margin-bottom: 20px
}

.upload-tutorial__name {
    display: block;
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.29;
    color: #000;
    margin-bottom: 10px
}

.upload-tutorial__description {
    text-align: center;
    line-height: 1.71;
    font-size: 14px;
    color: #393e41
}

.upload-action {
    background-color: #f9f9f9;
    padding: 50px
}

@media screen and (max-width: 576px) {
    .upload-action {
        padding: 50px 14px
    }
}

.upload-action__description {
    text-align: center;
    font-size: 14px;
    line-height: 1.71;
    color: rgba(57, 62, 65, .7);
    margin-bottom: 23px
}

.upload-action__button {
    position: relative;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

.upload-action__button span {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    color: #1d3c34;
    transition: color .1s ease-in-out
}

.upload-action__button .icon {
    display: block;
    margin: 0 auto 10px;
    font-size: 36px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.upload-action__button:hover span {
    color: #f2a737
}

.upload-action__button:hover .icon {
    fill: #f2a737
}

.uploaded {
    margin-top: 70px;
    display: none
}

.uploaded.is-active {
    display: block
}

.uploaded__title {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #000;
    line-height: 1.31;
    letter-spacing: .5px;
    margin-bottom: 40px
}

@media screen and (max-width: 576px) {
    .uploaded__title {
        font-size: 24px
    }
}

.uploaded__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px
}

@media screen and (max-width: 1230px) {
    .uploaded__list {
        justify-content: center
    }
}

@media screen and (max-width: 576px) {
    .uploaded__list {
        display: block;
        margin: 0
    }
}

.uploaded__item {
    flex: 0 0 368px;
    width: 368px;
    margin: 0 24px 24px
}

@media screen and (max-width: 576px) {
    .uploaded__item {
        max-width: 368px;
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 380px) {
    .uploaded__item {
        width: 100%
    }
}

.uploaded__image {
    width: 100%;
    height: 296px
}

@media screen and (max-width: 576px) {
    .uploaded__image {
        height: 240px
    }
}

.uploaded__controls {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.uploaded__edit {
    display: block;
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.uploaded__edit:hover {
    color: #f2a737
}

.uploaded__edit:hover:after {
    background-image: url(/build/images/ic-edit-accent.75e2208a.svg)
}

.uploaded__edit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url(/build/images/ic-edit.e46a8d77.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.uploaded__remove {
    display: block;
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    color: #7d7d7d
}

.uploaded__remove:hover {
    color: #e22a29
}

.uploaded__remove:hover:after {
    background-image: url(/build/images/ic-trash-accent.bcabab2c.svg)
}

.uploaded__remove:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url(/build/images/ic-trash.73a8046d.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.catalog-list__item {
    width: 368px;
    padding: 0 5px
}

@media screen and (max-width: 576px) {
    .catalog-list__item {
        width: 288px;
        margin: 0 auto
    }
}

.catalog-list__item--large .catalog-list__image {
    height: 554px
}

@media screen and (max-width: 576px) {
    .catalog-list__item--large .catalog-list__image {
        height: 300px
    }
}

.catalog-list__item--medium .catalog-list__image {
    height: 408px
}

@media screen and (max-width: 576px) {
    .catalog-list__item--medium .catalog-list__image {
        height: 300px
    }
}

.catalog-list__item--small .catalog-list__image {
    height: 296px
}

@media screen and (max-width: 576px) {
    .catalog-list__item--small .catalog-list__image {
        height: 300px
    }
}

.catalog-list__image {
    width: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 576px) {
    .catalog-list__image {
        margin-bottom: 15px
    }
}

.catalog-list__name {
    display: block;
    padding-left: 20px;
    font-size: 22px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.27;
    letter-spacing: .4px;
    color: #000;
    margin-bottom: 12px
}

@media screen and (max-width: 576px) {
    .catalog-list__name {
        font-size: 16px;
        line-height: 1.75
    }
}

.catalog-list__tags {
    padding-left: 20px;
    padding-bottom: 30px
}

.catalog-list__tags a {
    display: block;
    line-height: 1.5;
    letter-spacing: .3px;
    color: #7d7d7d;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .catalog-list__tags a {
        font-size: 14px
    }
}

.catalog-list__tags a:hover {
    color: #f2a737
}

.catalog-list__tags a:last-child {
    margin-bottom: 0
}

.article {
    padding: 38px 0 80px;
    max-width: 992px;
    margin: 0 auto
}

@media screen and (max-width: 576px) {
    .article {
        padding: 15px 0 40px
    }
}

.article__image {
    width: 100%;
    height: 440px
}

@media screen and (max-width: 1230px) {
    .article__image {
        height: 380px
    }
}

@media screen and (max-width: 768px) {
    .article__image {
        height: 300px
    }
}

@media screen and (max-width: 576px) {
    .article__image {
        height: 250px
    }
}

.article__inner {
    position: relative;
    padding-top: 40px;
    padding-left: 136px;
    padding-right: 60px
}

@media screen and (max-width: 992px) {
    .article__inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px
    }
}

.article__category {
    display: inline-block;
    text-align: center;
    background-color: #1d3c34;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    padding: 8px 18px;
    margin-bottom: 30px
}

.article__title {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: .6px;
    color: #0c161c;
    margin-bottom: 30px
}

@media screen and (max-width: 992px) {
    .article__title {
        font-size: 38px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 576px) {
    .article__title {
        font-size: 24px
    }
}

.article__date {
    display: block;
    font-size: 14px;
    line-height: 1.86;
    color: #7d7d7d;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .article__date {
        margin-bottom: 20px
    }
}

.article__content {
    border-top: 1px solid hsla(0, 0%, 59.2%, .5);
    padding-top: 10px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 1.63
}

@media screen and (max-width: 576px) {
    .article__content {
        font-size: 14px
    }
}

.article__content a {
    text-decoration: underline;
    color: #1d3c34;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.article__content a:hover {
    color: #000
}

.article__content p {
    margin: 18px 0
}

.article__content h3 {
    margin: 18px 0;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #1b1d1e
}

@media screen and (max-width: 576px) {
    .article__content h3 {
        font-size: 16px
    }
}

.article__content ul, .our-production__inner ul {
    margin: 40px 0
}

@media screen and (max-width: 576px) {
    .article__content ul, .our-production__inner ul {
        margin: 30px 0
    }
}

.article__content ul li, .our-production__inner ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px
}

@media screen and (max-width: 576px) {
    .article__content ul li, .our-production__inner ul li {
        padding-left: 25px;
        font-size: 14px
    }
}

.article__content ul li:last-child, .our-production__inner ul li:last-child {
    margin-bottom: 0
}

.article__content ul li:before, .our-production__inner ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f2a737
}

.article__content blockquote {
    display: block;
    margin: 40px 0;
    border-left: 3px solid #f2a737;
    padding-left: 27px;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #0c161c;
    font-family: Times Italic, Helvetica, Arial, sans-serif
}

@media screen and (max-width: 576px) {
    .article__content blockquote {
        font-size: 22px;
        padding-left: 15px;
        margin: 30px 0
    }
}

.article__product {
    position: relative;
    margin: 40px 0;
    height: 450px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (max-width: 992px) {
    .article__product {
        height: 360px
    }
}

@media screen and (max-width: 576px) {
    .article__product {
        height: 240px
    }
}

.article__product img {
    width: 100%;
    height: 100%
}

.article__product a {
    width: 262px;
    position: absolute;
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .31);
    padding: 7px 14px;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .article__product a {
        display: none
    }
}

.article__product a img {
    width: 55px;
    height: 55px
}

.article__product a strong {
    display: block;
    margin-left: 14px;
    line-height: 1.2;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    color: #1b1d1e
}

.article-products {
    border-top: 1px solid hsla(0, 0%, 75.7%, .6);
    margin-top: 40px
}

.article-products, .article-products__item {
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

.article-products__item {
    padding: 40px 0;
    display: flex;
    align-items: center
}

.article-products__item:last-child {
    border-bottom: none
}

.article-products__left {
    flex: 0 0 144px;
    width: 144px;
    height: 144px
}

@media screen and (max-width: 576px) {
    .article-products__left {
        flex: 0 0 130px;
        width: 130px;
        height: 130px
    }
}

.article-products__left img {
    width: 100%;
    height: 100%
}

.article-products__right {
    padding-left: 25px
}

@media screen and (max-width: 576px) {
    .article-products__right {
        padding-left: 15px
    }
}

.article-products__name {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.06;
    margin-bottom: 16px
}

@media screen and (max-width: 576px) {
    .article-products__name {
        font-size: 16px
    }
}

.article-products__price {
    display: block;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    color: #7d7d7d;
    margin-bottom: 16px
}

.article-products__price strong {
    font-family: Montserrat Bold, Helvetica, Arial, sans-serif;
    color: #1d3c34
}

.article-products__button {
    font-size: 14px;
    color: #1d3c34;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.article-products__button:hover {
    color: #f2a737
}

.share {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 0;
    top: 40px
}

@media screen and (max-width: 992px) {
    .share {
        position: static;
        flex-direction: row;
        margin-bottom: 25px
    }
}

.share strong {
    display: block;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 28px
}

@media screen and (max-width: 992px) {
    .share strong {
        margin-bottom: 0;
        margin-right: 12px
    }
}

.share a {
    display: block;
    margin-bottom: 28px
}

@media screen and (max-width: 992px) {
    .share a {
        margin-bottom: 0;
        margin-right: 12px
    }
}

.share a:hover .icon {
    fill: #f2a737
}

.share a:last-child {
    margin-bottom: 0
}

.share a img {
    max-width: 20px
}

.share a .icon {
    font-size: 20px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.checkout {
    padding: 70px 0 120px
}

@media screen and (max-width: 576px) {
    .checkout {
        padding-bottom: 60px
    }
}

.checkout__inner {
    display: flex;
    margin-top: 58px
}

@media screen and (max-width: 1230px) {
    .checkout__inner {
        display: block
    }
}

.checkout__right {
    flex-grow: 1;
    padding-right: 109px
}

@media screen and (max-width: 1230px) {
    .checkout__right {
        padding-right: 0;
        margin-top: 40px
    }
}

.checkout__left {
    flex: 0 0 416px;
    width: 416px;
    order: 1
}

@media screen and (max-width: 1230px) {
    .checkout__left {
        position: relative;
        width: 100%;
        background-color: #edf4fc
    }

    .checkout__left:before {
        left: 100%
    }

    .checkout__left:after, .checkout__left:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #edf4fc
    }

    .checkout__left:after {
        right: 100%
    }
}

.checkout__content {
    display: none;
    animation: fadeIn .6s
}

.checkout__content.is-active {
    display: block
}

.checkout__tabs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

.checkout__tab {
    position: relative;
    bottom: -1.5px;
    display: block;
    flex-grow: 1;
    border-bottom: 3px solid transparent;
    border-radius: 0 30px 0 0;
    font-size: 18px;
    line-height: 1;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #7d7d7d;
    padding: 21px 69px;
    transition: color .1s ease-in-out;
    text-align: center
}

@media screen and (max-width: 576px) {
    .checkout__tab {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: .2px;
        padding: 9px 25px
    }
}

.checkout__tab:hover {
    color: #1b1d1e
}

.checkout__tab.is-active {
    background-color: #eaf2fc;
    border-color: #1d3c34;
    color: #1b1d1e
}

.checkout .requisites {
    margin-top: 20px
}

.requisites {
    background-color: hsla(0, 0%, 92.9%, .23);
    padding: 35px 33px 35px 60px;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(57, 62, 65, .78)
}

@media screen and (max-width: 768px) {
    .requisites {
        padding: 12px 20px
    }
}

.checkout-order {
    padding: 35px 30px 36px;
    border: 1px solid hsla(0, 0%, 49%, .54)
}

@media screen and (max-width: 1230px) {
    .checkout-order {
        position: relative;
        border: none;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease-in-out
    }
}

.checkout-order__title {
    text-align: center;
    font-size: 24px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #000
}

@media screen and (max-width: 1230px) {
    .checkout-order__title {
        display: none
    }
}

.checkout-order__item {
    padding-top: 40px;
    border-bottom: 2px solid #1d3c34
}

@media screen and (max-width: 576px) {
    .checkout-order__item {
        padding-top: 20px
    }
}

.checkout-order__inner {
    display: flex;
    align-items: center
}

.checkout-order__left {
    flex: 0 0 120px;
    width: 120px
}

@media screen and (max-width: 576px) {
    .checkout-order__left {
        flex: 0 0 60px;
        width: 60px
    }
}

.checkout-order__image {
    width: 120px;
    height: 120px
}

@media screen and (max-width: 576px) {
    .checkout-order__image {
        height: 60px;
        width: 60px
    }
}

.checkout-order__right {
    flex-grow: 1;
    padding-left: 17px;
    position: relative
}

.checkout-order__name {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.06;
    color: #0c161c;
    letter-spacing: .3px;
    margin-bottom: 8px;
    padding-right: 47px
}

@media screen and (max-width: 576px) {
    .checkout-order__name {
        font-size: 14px;
        line-height: 1.14;
        letter-spacing: .2px
    }
}

.checkout-order__size {
    font-size: 14px;
    line-height: 1.71;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .checkout-order__size {
        line-height: 1.43
    }
}

.checkout-order__remove {
    position: absolute;
    right: 0;
    top: 3px;
    display: block;
    width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: border-color .1s ease-in-out;
    background-image: url(/build/images/close-bold-accent.5e8b0f5f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 9px
}

@media screen and (max-width: 576px) {
    .checkout-order__remove {
        width: 16px;
        height: 16px;
        background-size: 6px
    }
}

.checkout-order__remove:hover {
    border-color: #a8a8a8
}

.checkout-order__options {
    padding: 20px 0;
    border-bottom: 1px solid hsla(0, 0%, 49%, .3)
}

.checkout-order__options li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.checkout-order__options li:last-child {
    margin-bottom: 0
}

.checkout-order__options span {
    font-size: 14px;
    color: #7d7d7d;
    letter-spacing: .3px;
    line-height: 1.71
}

.checkout-order__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0
}

.checkout-order__price span {
    display: block;
    color: #7d7d7d;
    font-size: 16px;
    letter-spacing: .3px
}

.checkout-order__price strong {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .3px
}

.checkout-order__total {
    padding: 41px 0
}

.checkout-order__total-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.checkout-order__total .bonus_price {
    display: block;
    text-align: end;
    font-size: 18px;
    color: #7d7d7d;
    text-decoration: line-through;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: 1.3px
}

@media screen and (max-width: 576px) {
    .checkout-order__total {
        padding: 30px 0 20px
    }
}

.checkout-order__total span {
    display: block;
    font-size: 24px;
    letter-spacing: .3px;
    color: #000
}

.checkout-order__total strong {
    display: block;
    font-size: 24px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .3px
}

.checkout-order-button {
    position: relative;
    background-color: #edf4fc;
    width: 100%;
    align-items: center;
    padding: 16px 0;
    display: none
}

@media screen and (max-width: 1230px) {
    .checkout-order-button {
        display: flex
    }
}

.checkout-order-button:before {
    left: 100%
}

.checkout-order-button:after, .checkout-order-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #edf4fc
}

.checkout-order-button:after {
    right: 100%
}

.checkout-order-button .icon {
    display: block;
    font-size: 28px;
    margin-right: 8px
}

.checkout-order-button span {
    position: relative;
    flex-grow: 1;
    bottom: -4px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.75
}

.checkout-order-button span:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url(/build/images/ic-arrow-down.cd9e1fed.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media screen and (max-width: 1230px) {
    .checkout-buttons {
        position: relative;
        background-color: #fff;
        padding-top: 10px
    }

    .checkout-buttons:before {
        left: 100%
    }

    .checkout-buttons:after, .checkout-buttons:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    .checkout-buttons:after {
        right: 100%
    }
}

.checkout-buttons .button {
    width: 100%;
    margin-top: 30px
}

@media screen and (max-width: 1230px) {
    .checkout-buttons .button {
        max-width: 320px;
        margin: 5px auto 0
    }
}

.checkout-buttons .button.is-active {
    display: flex
}

@media screen and (max-width: 576px) {
    .checkout-buttons {
        position: fixed;
        z-index: 3;
        left: 15px;
        right: 15px;
        bottom: 0;
        padding: 0
    }

    .checkout-buttons .button {
        margin: 0
    }
}

.checkout-old-customer {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 44px
}

.checkout-old-customer__description {
    text-align: center;
    line-height: 1.63;
    margin-bottom: 45px
}

@media screen and (max-width: 576px) {
    .checkout-old-customer__description {
        font-size: 14px;
        margin-bottom: 30px
    }
}

.checkout-old-customer .form__submit {
    display: flex;
    width: 100%;
    margin-top: 32px
}

.checkout-includes {
    margin-top: 105px;
    padding-left: 44px
}

@media screen and (max-width: 1230px) {
    .checkout-includes {
        display: none
    }
}

.checkout-includes__title {
    display: block;
    font-size: 24px;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #002b49;
    margin-bottom: 30px
}

.checkout-includes__list li {
    position: relative;
    padding-left: 34px;
    color: #002b49;
    margin-bottom: 20px
}

.checkout-includes__list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 28px;
    height: 28px;
    background-image: url(/build/images/tick.3bb48e56.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.checkout-includes__list li:last-child {
    margin-bottom: 0
}

.title {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 32px;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    line-height: 1.31;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 40px
}

@media screen and (max-width: 576px) {
    .title {
        font-size: 24px;
        letter-spacing: .3px;
        text-align: center !important
    }
}

.title.title--small {
    margin-bottom: 14px
}

@media screen and (max-width: 576px) {
    .title.title--small {
        margin-bottom: 10px
    }
}

.title.title--accent {
    position: relative;
    margin-bottom: 14px
}

@media screen and (max-width: 576px) {
    .title.title--accent {
        margin-bottom: 10px
    }
}

.title.title--accent:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 4px;
    background-color: #f2a737
}

.title.title--mini {
    line-height: 1.06;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 14px
}

.title-icon {
    max-width: 40px;
    display: block;
    margin: 0 auto 8px
}

.description {
    text-align: center;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    color: #7d7d7d;
    line-height: 1.63;
    letter-spacing: .3px;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .description br {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .description {
        font-size: 14px;
        color: rgba(0, 0, 0, .4)
    }
}

.description a {
    text-decoration: underline;
    color: #1d3c34;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.description a:hover {
    color: #f2a737
}

.search {
    position: relative
}

.search.header-search .search__input {
    display: block;
    width: 100%;
    height: 44px;
    background-color: #f0f0f0;
    padding: 12px 15px 12px 40px;
    font-size: 16px;
    line-height: 15px;
    background-position: 17px;
    background-size: 19px
}

.search.header-search .search__input::placeholder {
    color: #787878;
    opacity: .6
}

.search.header-search .search__input:focus::placeholder {
    opacity: 1
}

.search.front-search .search__result {
    left: calc(50% + .5px);
    transform: translateX(-50%);
    width: 693.5px;
    top: 57px
}

@media screen and (max-width: 768px) {
    .search.front-search .search__result {
        width: 100%;
        left: 50%
    }
}

.search__input {
    display: block;
    margin: 0 auto;
    background-color: #fff;
    width: 693px;
    height: 54px;
    padding: 10px 20px 10px 60px;
    background-image: url(/build/images/magnifying-glass.8782da0e.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 30px;
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 15px;
    color: #000
}

@media screen and (max-width: 768px) {
    .search__input {
        width: 100%
    }
}

.search__input::placeholder {
    color: hsla(0, 0%, 47.1%, .6)
}

.search__description {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 30px
}

.search__description a, .search__description strong {
    color: #f2a737;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    cursor: pointer
}

.search__description a:hover, .search__description strong:hover {
    color: #fff
}

.search__result {
    position: absolute;
    z-index: 4;
    background-color: #fff;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .23);
    display: none
}

.search__result.is-active {
    display: block
}

.search__link {
    display: flex;
    align-items: center;
    padding: 13px 30px;
    border-bottom: 1px solid hsla(0, 0%, 49%, .3);
    transition: background-color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .search__link {
        padding: 13px 18px
    }
}

.search__link:hover {
    background-color: hsla(0, 0%, 96.5%, .4)
}

.search__link:last-child {
    border-bottom: none
}

.search__preview {
    display: block;
    flex: 0 0 71px;
    width: 71px;
    height: 71px;
    border-radius: 11px;
    overflow: hidden;
    margin-right: 18px
}

.search__name {
    font-size: 16px;
    line-height: 15px;
    line-height: 1.38;
    letter-spacing: .3px
}

.search__more, .search__name strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.search__more {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    font-family: #1d3c34;
    padding: 15px;
    transition: background-color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .search__more {
        padding: 20px 15px
    }
}

.search__more:hover {
    background-color: #e9e9e9
}

.chat {
    position: fixed;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f2a737;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .24);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 40px;
    bottom: -100px;
    z-index: 10;
    transition: .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .chat {
        display: none
    }
}

.chat:hover {
    background-color: #e6900f
}

.chat:disabled {
    background-color: #ededed
}

.chat:disabled .icon {
    fill: #9aa5a2
}

.chat.is-active {
    bottom: 50px
}

.chat .icon {
    font-size: 36px;
    fill: #fff
}

.cookies {
    position: fixed;
    z-index: 7;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 22px 0;
    background-color: #eaf2fc
}

.cookies__inner {
    display: flex
}

@media screen and (max-width: 1230px) {
    .cookies__inner {
        display: block;
        text-align: center
    }
}

.cookies__description {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
    letter-spacing: .3px
}

@media screen and (max-width: 1230px) {
    .cookies__description {
        margin-bottom: 20px
    }
}

.cookies .button {
    flex: 0 0 220px;
    min-width: 220px;
    margin-left: 140px;
    text-transform: uppercase
}

@media screen and (max-width: 1230px) {
    .cookies .button {
        margin-left: 0
    }
}

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

@media screen and (max-width: 1230px) {
    .sort {
        max-width: 360px;
        margin: 10px auto 0
    }
}

.sort__label {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #181818;
    margin-right: 6px
}

@media screen and (max-width: 576px) {
    .sort__label {
        font-size: 14px;
        margin-right: 0
    }
}

.sort .ss-main {
    color: #7d7d7d
}

.sort .ss-main .ss-single-selected {
    border: none;
    padding: 10px 35px 10px 15px
}

@media screen and (max-width: 576px) {
    .sort .ss-main .ss-single-selected {
        padding: 10px 30px 10px 7px
    }
}

.sort .ss-main .ss-single-selected.ss-open-below, .sort .ss-main .ss-single-selected:hover {
    border: none
}

.sort .ss-main .ss-single-selected .placeholder {
    font-size: 16px;
    line-height: 1;
    letter-spacing: .2px;
    color: #7d7d7d
}

@media screen and (max-width: 576px) {
    .sort .ss-main .ss-single-selected .placeholder {
        font-size: 14px;
        justify-content: center
    }
}

.sort .ss-main .ss-single-selected .ss-arrow span {
    transition: none
}

.sort .ss-main .ss-single-selected .ss-arrow .arrow-down {
    transform: rotate(0deg)
}

.sort .ss-main .ss-single-selected .ss-arrow .arrow-down, .sort .ss-main .ss-single-selected .ss-arrow .arrow-up {
    width: 12px;
    height: 12px;
    border-bottom: 0;
    border-top: 8px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    padding: 0;
    margin: 0
}

.sort .ss-main .ss-single-selected .ss-arrow .arrow-up {
    transform: rotate(-180deg);
    position: relative;
    top: -4px
}

.sort .ss-main .ss-content {
    border: 2px solid #1d3c34;
    min-width: 281px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    right: 0;
    top: -10px
}

.sort .ss-main .ss-content .ss-list {
    padding: 30px 40px 30px 55px
}

@media screen and (max-width: 576px) {
    .sort .ss-main .ss-content .ss-list {
        padding: 30px 40px 30px 30px
    }
}

.sort .ss-main .ss-content .ss-option {
    font-size: 16px;
    line-height: 1;
    color: #7d7d7d;
    letter-spacing: .2px;
    margin-bottom: 15px;
    padding: 0
}

.sort .ss-main .ss-content .ss-option:hover {
    background-color: transparent;
    color: #1d3c34
}

.sort .ss-main .ss-content .ss-option:last-child {
    margin-bottom: 0
}

.sort .ss-main .ss-content .ss-option.ss-disabled {
    color: #1d3c34;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.glider::-webkit-scrollbar {
    display: none
}

.slider-navigation .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.slider-button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #f2a737;
    background-color: #fff8ee;
    transition: transform .1s ease-in-out;
    cursor: pointer
}

.slider-button:hover {
    transform: scale(1.1)
}

.slider-button.slider-prev .icon {
    left: -1px
}

.slider-button.slider-next .icon {
    right: -1px
}

.slider-button .icon {
    position: relative;
    font-size: 16px
}

.glider-dot {
    width: 14px;
    height: 14px;
    border: 1px solid #7d7d7d;
    background-color: #fff
}

@media screen and (max-width: 576px) {
    .glider-dot {
        margin: 0 4px
    }
}

.glider-dot.active {
    border-color: #f2a737;
    background-color: #f2a737
}

.slider-dots {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .slider-dots {
        width: 100%
    }
}

.slider-dots button {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #7d7d7d;
    background-color: #fff;
    margin: 0 3px
}

@media screen and (max-width: 576px) {
    .slider-dots button {
        margin: 0 4px
    }
}

.slider-dots button.is-active {
    border-color: #f2a737;
    background-color: #f2a737
}

.hint {
    position: relative;
    margin-left: 8px;
    flex-grow: 1
}

.hint--bottom {
    margin-left: 0
}

.hint--bottom .hint__description {
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%)
}

.hint--bottom .hint__description:before {
    top: -6px;
    bottom: auto;
    transform: rotate(180deg)
}

.hint--bottom .hint__description:after {
    content: "";
    position: absolute;
    top: -15px;
    width: 100%;
    height: 15px;
    background-color: transparent
}

.hint__icon {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    background-color: #ededed;
    background-image: url(/build/images/hint.19fe973f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px;
    border-radius: 50%;
    cursor: pointer
}

.hint__description {
    position: absolute;
    bottom: 35px;
    left: -125px;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 258px;
    min-height: 82px;
    padding: 10px 0;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .18);
    background-color: #fff;
    text-align: center;
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: .6px;
    display: none;
    animation: fadeIn .2s
}

.hint__icon:hover + .hint__description {
    display: flex
}

@media screen and (max-width: 576px) {
    .hint__description {
        left: auto;
        padding: 10px 20px;
        right: 0
    }

    .hint__description:before {
        display: none
    }
}

.hint__description:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 7px 0
}

.hint__description:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -24px;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px
}

.hint__description a {
    text-decoration: underline
}

.hint__description a:hover {
    color: #000
}

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

.rating.rating--1 .icon:nth-child(-n+1), .rating.rating--2 .icon:nth-child(-n+2), .rating.rating--3 .icon:nth-child(-n+3), .rating.rating--4 .icon:nth-child(-n+4), .rating.rating--5 .icon:nth-child(-n+5) {
    fill: #f2a737
}

.rating .icon {
    font-size: 17px;
    fill: #d8d8d8;
    margin: 0 1.5px
}

.rating .icon:first-child {
    margin-left: 0
}

.rating .icon:last-child {
    margin-right: 0
}

.product__inner {
    padding-bottom: 70px
}

.product__inner .container {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 0
}

@media screen and (max-width: 1230px) {
    .product__inner .container {
        display: block;
        padding: 0 15px;
        max-width: 1230px
    }
}

.product__information {
    flex-grow: 1;
    width: 480px;
    flex: 0 0 480px;
    padding-top: 22px
}

@media screen and (max-width: 1230px) {
    .product__information {
        width: 100%
    }
}

.product__code {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 1230px) {
    .product__code {
        display: block;
        margin-bottom: 10px
    }
}

.product__code span {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    line-height: 1.14;
    letter-spacing: .2px;
    background-image: url(/build/images/code-line.64985c74.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.product__name {
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 1.19;
    letter-spacing: .5px;
    margin-bottom: 35px
}

@media screen and (max-width: 576px) {
    .product__name {
        font-size: 24px;
        line-height: 1.08;
        letter-spacing: .3px
    }
}

.product .form__title {
    margin-top: 35px;
    margin-bottom: 14px
}

.product__area {
    text-align: right;
    color: #000;
    letter-spacing: .2px;
    margin-bottom: 14px
}

@media screen and (max-width: 1230px) {
    .product__area {
        text-align: left
    }
}

.product__area span, .product__area strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.product__price {
    text-align: right;
    font-size: 24px;
    color: #000
}

@media screen and (max-width: 1230px) {
    .product__price {
        text-align: left
    }
}

@media screen and (max-width: 576px) {
    .product__price {
        font-size: 18px
    }
}

.product__price strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.product__action {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 576px) {
    .product__action {
        margin-top: 30px;
        display: block
    }
}

.product__action .button {
    min-width: 230px
}

@media screen and (max-width: 576px) {
    .product__action .button {
        min-width: 100%
    }
}

.product__action .button:first-child {
    margin-right: 19px
}

@media screen and (max-width: 576px) {
    .product__action .button:first-child {
        margin-bottom: 10px;
        margin-right: 0
    }
}

.product__gallery {
    position: relative;
    margin-left: -100px;
    padding-right: 48px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 100px;
    max-width: 1300px
}

@media screen and (max-width: 1230px) {
    .product__gallery {
        position: static;
        padding: 0;
        margin: 0 -15px
    }
}

.product__preview {
    position: relative;
    height: 632px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product__preview.active {
    width: auto !important
}

@media screen and (max-width: 1230px) {
    .product__preview {
        margin: 0 auto;
        height: 500px
    }
}

@media screen and (max-width: 840px) {
    .product__preview {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .product__preview {
        min-height: 75vh
    }
}

.product__preview .add-to-wishlist {
    z-index: 2;
    left: auto;
    right: 30px
}

.product__preview .slider-dots {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

@media screen and (max-width: 1230px) {
    .product__preview .slider-dots {
        display: flex
    }
}

.product__preview--full .product__holder {
    width: 100%;
    height: 100%
}

.product__preview--vertical .product__holder {
    width: auto;
    height: 100%
}

@media screen and (max-width: 1230px) {
    .product__preview--vertical .product__holder {
        height: 100%;
        width: 100%
    }
}

.product__preview--horizontal .product__holder {
    width: 100%
}

.product__preview--horizontal .product-holder__image, .product__preview--vertical .product-holder__image {
    width: auto
}

@media screen and (max-width: 1230px) {
    .product__preview--horizontal .product__holder, .product__preview--vertical .product__holder {
        height: 100%;
        width: 100%
    }
}

.product__holder {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1230px) {
    .product__holder {
        display: block;
        border-radius: 0
    }

    .product-holder__image {
        display: block
    }

    .product__holder img {
        display: block;
        width: 100%;
        height: 100%
    }

    .product__holder div {
        height: 100%
    }
}

.product-holder__image {
    display: none;
    width: 100%;
    height: 100%
}

.product-holder__image:first-child {
    display: block
}

.product-holder__cover {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.product__dots {
    position: absolute;
    bottom: 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product__dots button {
    width: 12px;
    height: 12px;
    border: 1px solid #7d7d7d;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px
}

.product__dots button:hover {
    border-color: #f2a737
}

.product__dots button.is-active {
    background-color: #f2a737;
    border-color: #f2a737
}

.product__thumbnails {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    padding-top: 20px
}

.product-thumbnails__controls {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 21px;
    height: 21px;
    background-size: contain;
    cursor: pointer
}

.product-thumbnails__controls--prev {
    content: "";
    background-image: url(/build/images/left-arrow-medium.e39c9797.svg);
    left: 20px
}

.product-thumbnails__controls--next {
    content: "";
    background-image: url(/build/images/right-arrow-medium.1a2a3b67.svg);
    right: 20px
}

@media screen and (max-width: 1340px) {
    .product__thumbnails {
        padding-left: 10px
    }
}

@media screen and (max-width: 1230px) {
    .product-thumbnails__inner > div > div {
        display: flex;
        justify-content: center
    }

    .product__thumbnails {
        padding-left: 0
    }
}

.product__thumbnails a {
    position: relative;
    display: block;
    border-radius: 5px;
    margin-left: 20px
}

@media screen and (max-width: 1340px) {
    .product__thumbnails a {
        margin-left: 10px
    }
}

.product__thumbnails a:first-child {
    margin-left: 0
}

.product__thumbnails a.is-active:after {
    width: 100%;
    right: 0
}

.product__thumbnails a:hover:before {
    opacity: 1
}

.product__thumbnails a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -11px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #1d3c34;
    border-radius: 1.5px;
    transition: width .1s ease-in-out
}

.product__thumbnails a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 47px;
    height: 47px;
    background-color: rgba(0, 0, 0, .53);
    border-radius: 50%;
    background-image: url(/build/images/zoom-in.1f729565.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 27px;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.product-thumbnails__button, .product__thumbnails a img {
    width: 140px;
    height: 120px;
    min-width: 120px;
    border-radius: 5px
}

.product-thumbnails__button {
    position: relative;
    overflow: hidden;
    display: block;
    margin-left: 20px
}

@media screen and (max-width: 1340px) {
    .product-thumbnails__button {
        margin-left: 10px
    }
}

.product-thumbnails__button:first-child {
    margin-left: 0
}

.product-thumbnails__button.is-active:after {
    width: 100%;
    right: 0
}

.product-thumbnails__button:hover:before {
    opacity: 1
}

.product-thumbnails__button:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: -11px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #1d3c34;
    border-radius: 1.5px;
    transition: width .1s ease-in-out
}

.product-thumbnails__button:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 47px;
    height: 47px;
    background-color: rgba(0, 0, 0, .53);
    border-radius: 50%;
    background-image: url(/build/images/zoom-in.1f729565.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 27px;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.product-thumbnails__image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.product-thumbnails__cover {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 576px) {
    .product .advert {
        display: none
    }
}

.information-block {
    padding: 70px 0
}

@media screen and (max-width: 992px) {
    .information-block {
        padding: 40px 0
    }
}

@media screen and (max-width: 1230px) {
    .information-block--desktop {
        display: none
    }
}

.information-block--mobile {
    display: none
}

@media screen and (max-width: 1230px) {
    .information-block--mobile {
        display: block
    }
}

.information-block--mobile .dropdown-list__item {
    padding: 30px 0;
    border-bottom: none;
    border-top: 1px solid hsla(0, 0%, 59.2%, .6)
}

@media screen and (max-width: 1230px) {
    .information-block--mobile .dropdown-list__item {
        padding: 30px 0 0
    }
}

.information-block--mobile .dropdown-list__name {
    padding-bottom: 30px
}

@media screen and (max-width: 768px) {
    .information-block--mobile .dropdown-list__name {
        font-size: 16px
    }
}

.information-block--mobile .dropdown-list__button {
    top: 22px
}

.information-block--mobile .dropdown-list__content {
    max-width: 100%
}

.information-block__tabs {
    margin-bottom: 50px;
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 75.7%, .6)
}

.information-block__tab {
    position: relative;
    margin-bottom: -1px;
    display: block;
    flex-grow: 1;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    color: rgba(0, 0, 0, .6);
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    padding: 15px 45px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.information-block__tab:hover {
    color: #1b1d1e
}

.information-block__tab.is-active {
    background-color: #edf4fc;
    color: #1b1d1e;
    border-color: #1d3c34
}

.information-block__content {
    display: none;
    animation: fadeIn .6s
}

.information-block__content.is-active {
    display: block
}

.information-block__description {
    max-width: 800px;
    color: #7d7d7d;
    line-height: 1.63
}

@media screen and (max-width: 1230px) {
    .information-block__description {
        padding-bottom: 30px
    }
}

.information-block__description ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px
}

.information-block__description ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 9px;
    height: 9px;
    background-color: #1d3c34;
    border-radius: 50%
}

.information-block__description ul li:last-child {
    margin-bottom: 0
}

.information-block__description p {
    margin: 18px 0
}

.information-block__description a {
    text-decoration: underline;
    color: #1d3c34;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif
}

.information-block__description a:hover {
    color: #000
}

.information-block__description img {
    margin: 35px auto
}

.information-block__description h3 {
    margin: 40px 0 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.06;
    color: #1b1d1e
}

@media screen and (max-width: 1230px) {
    .information-block__description h3 {
        margin-top: 0
    }
}

.print-class {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1230px) {
    .print-class {
        display: block;
        padding: 30px 0
    }
}

@media screen and (max-width: 992px) {
    .print-class {
        display: block
    }
}

.print-class--content {
    margin-top: 50px;
    margin-bottom: 50px
}

.print-class--content .print-class__block {
    border-radius: 8px;
    flex: 0 0 340px;
    width: 340px;
    padding: 30px
}

@media screen and (max-width: 992px) {
    .print-class--content .print-class__block {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .print-class--content .print-class__block {
        padding: 30px 15px
    }
}

.print-class--content .print-class__block:first-child {
    margin-right: 40px
}

@media screen and (max-width: 992px) {
    .print-class--content .print-class__block:first-child {
        margin-right: 0
    }
}

.print-class__block {
    flex: 0 0 420px;
    width: 420px;
    background-color: #eaf2fc;
    padding: 30px 50px 40px 40px
}

@media screen and (max-width: 1230px) {
    .print-class__block {
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 992px) {
    .print-class__block {
        width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 576px) {
    .print-class__block {
        padding: 30px 15px
    }
}

.print-class__block:first-child {
    margin-right: 60px
}

@media screen and (max-width: 1230px) {
    .print-class__block:first-child {
        margin-right: auto
    }
}

.print-class__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    margin-bottom: 20px
}

.print-class__icon img {
    margin: 0
}

.print-class__description, .print-class__item {
    color: #7d7d7d;
    line-height: 1.63;
    margin-bottom: 20px
}

.print-class__item {
    position: relative;
    display: block;
    padding-left: 45px
}

.print-class__item:last-child {
    margin-bottom: 0
}

.print-class__item:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1.4px solid #f2a737
}

.print-class__item:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 6px;
    top: 6px;
    width: 14px;
    height: 14px;
    background-image: url(/build/images/check-black.08c3e6c1.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.print-class__item--plus:before {
    background-image: url(/build/images/plus-bold.ef290538.svg);
    width: 10px;
    height: 10px;
    left: 8px;
    top: 8px
}

.product-reviews {
    padding: 30px 0 120px
}

.product-reviews__inner {
    position: relative;
    max-width: 670px;
    padding: 0 10px;
    margin: 0 auto
}

.product-reviews__list {
    margin-top: 50px
}

.product-reviews__item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid hsla(0, 0%, 49%, .7)
}

@media screen and (max-width: 576px) {
    .product-reviews__item {
        padding-bottom: 20px;
        margin-bottom: 30px
    }
}

.product-reviews__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 576px) {
    .product-reviews__header {
        display: block
    }
}

.product-reviews__name {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px
}

.product-reviews__date {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: .2px;
    color: hsla(0, 0%, 39.6%, .5);
    order: 1;
    width: 100%
}

@media screen and (max-width: 576px) {
    .product-reviews__date {
        margin-bottom: 12px
    }
}

.product-reviews__description {
    margin-top: 22px;
    color: #7d7d7d;
    line-height: 1.75
}

.product-reviews__more {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34;
    text-decoration: underline;
    transition: color .1s ease-in-out
}

.product-reviews__more:hover {
    color: #f2a737
}

.cropper-view-box {
    display: block;
    height: 100%;
    overflow: hidden;
    outline-width: 2px;
    width: 100%
}

.cropper-modal {
    background-color: #000;
    opacity: .75
}

.cropper-face, .cropper-line {
    background-color: transparent
}

.cropper-center, .cropper-point {
    display: none !important
}

.dropdown-list__item {
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .6);
    padding: 38px 0;
    max-width: 1096px;
    margin: 0 auto
}

.dropdown-list__item.is-active .dropdown-list__button {
    background-color: #f2a737
}

.dropdown-list__item.is-active .dropdown-list__button:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.dropdown-list__name {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    max-width: 86%
}

@media screen and (max-width: 768px) {
    .dropdown-list__name {
        font-size: 14px;
        line-height: 1.57
    }
}

.dropdown-list__button {
    position: absolute;
    top: 28px;
    right: 0;
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #f2a737
}

.dropdown-list__button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 12px;
    height: 12px;
    background-image: url(/build/images/plus-bold.ef290538.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform .1s ease-in-out
}

.dropdown-list__content {
    font-size: 16px;
    line-height: 1.63;
    max-width: 86%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out
}

@media screen and (max-width: 576px) {
    .dropdown-list__content {
        font-size: 14px
    }
}

.dropdown-list__content > p {
    color: #7d7d7d;
    padding-top: 20px
}

.quick-view-product {
    position: relative;
    z-index: 1;
    display: none !important;
    width: calc(100% - 48px);
    background-color: #eaf2fc;
    padding-bottom: 30px;
    margin: 30px auto
}

.quick-view-product .checkbox input:checked + label {
    background-color: transparent
}

@media screen and (max-width: 1230px) {
    .quick-view-product {
        display: block;
        width: 100%
    }
}

.quick-view-product__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    width: 34px;
    height: 34px;
    background-color: #ededed;
    border-radius: 50%;
    right: 22px;
    top: 22px;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .quick-view-product__close {
        right: 20px;
        top: 20px;
        width: 28px;
        height: 28px
    }
}

.quick-view-product__close:hover .icon {
    fill: #f2a737
}

.quick-view-product__close .icon {
    fill: #1b1d1e;
    font-size: 11px;
    transition: fill .1s ease-in-out
}

@media screen and (max-width: 768px) {
    .quick-view-product__close .icon {
        font-size: 9px
    }
}

.quick-view-product .product__preview {
    width: 100%;
    height: 690px
}

@media screen and (max-width: 992px) {
    .quick-view-product .product__preview {
        height: 500px
    }
}

@media screen and (max-width: 768px) {
    .quick-view-product .product__preview {
        height: 400px
    }
}

@media screen and (max-width: 576px) {
    .quick-view-product .product__preview {
        height: 360px
    }
}

.quick-view-product .product__gallery {
    position: static;
    width: 634px;
    flex: 0 0 634px;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

@media screen and (max-width: 1230px) {
    .quick-view-product .product__gallery {
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .quick-view-product .product__gallery {
        width: 100%
    }
}

.quick-view-product .product__thumbnails {
    padding-left: 15px
}

.quick-view-product .product__information {
    flex-grow: 1;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 80px;
    margin-right: 0 !important
}

@media screen and (max-width: 1230px) {
    .quick-view-product .product__information {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.quick-view-product .form__size .form__input {
    background-color: transparent
}

@media screen and (max-width: 768px) {
    .quick-view-product .add-to-wishlist {
        left: 20px;
        right: auto
    }
}

.cart {
    position: fixed;
    z-index: 11;
    top: 0;
    bottom: 0;
    right: 0;
    width: 464px;
    height: 100%;
    background-color: #fff;
    right: -464px;
    transition: right .3s ease-out;
    overflow-y: scroll
}

@media screen and (max-width: 576px) {
    .cart {
        right: -100%;
        width: 100%
    }
}

.cart.is-active {
    right: 0
}

.cart__top {
    padding: 15px 22px;
    display: flex;
    align-items: center
}

@media screen and (max-width: 992px) {
    .cart__top {
        padding: 15px
    }
}

.cart__title {
    display: block;
    font-size: 32px;
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    letter-spacing: .5px;
    margin-left: 47px
}

@media screen and (max-width: 992px) {
    .cart__title {
        font-size: 24px
    }
}

.cart__list {
    max-height: 327px;
    overflow-y: scroll
}

@media screen and (max-width: 992px) {
    .cart__list {
        max-height: 295px
    }
}

.cart__item {
    padding: 40px 22px 0
}

@media screen and (max-width: 992px) {
    .cart__item {
        padding: 30px 15px 0
    }
}

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

.cart__left {
    flex: 0 0 120px;
    width: 120px
}

@media screen and (max-width: 992px) {
    .cart__left {
        flex: 0 0 100px;
        width: 100px
    }
}

.cart__left a {
    display: block
}

.cart__image {
    width: 120px;
    height: 120px
}

@media screen and (max-width: 992px) {
    .cart__image {
        height: 100px;
        width: 100px
    }
}

.cart__right {
    flex-grow: 1;
    padding-left: 17px;
    position: relative
}

@media screen and (max-width: 992px) {
    .cart__right {
        padding-left: 12px
    }
}

.cart__name {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #0c161c;
    letter-spacing: .3px;
    margin-bottom: 8px;
    padding-right: 47px
}

@media screen and (max-width: 992px) {
    .cart__name {
        font-size: 14px;
        line-height: 1.14;
        letter-spacing: .2px
    }
}

.cart__code {
    display: block;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #0c161c;
    margin-bottom: 8px
}

@media screen and (max-width: 992px) {
    .cart__code {
        line-height: 1.14;
        letter-spacing: .2px
    }
}

.cart__size {
    font-size: 14px;
    line-height: 1.71;
    color: #7d7d7d
}

@media screen and (max-width: 992px) {
    .cart__size {
        line-height: 1.43
    }
}

.cart__remove {
    position: absolute;
    right: 0;
    top: 3px;
    display: block;
    width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: border-color .1s ease-in-out;
    background-image: url(/build/images/close-bold-accent.5e8b0f5f.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 9px
}

@media screen and (max-width: 992px) {
    .cart__remove {
        width: 16px;
        height: 16px;
        background-size: 6px
    }
}

.cart__remove:hover {
    border-color: #a8a8a8
}

.cart__options {
    padding: 20px 0;
    border-bottom: 1px solid hsla(0, 0%, 49%, .3)
}

.cart__options li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.cart__options li:last-child {
    margin-bottom: 0
}

.cart__options span {
    font-size: 14px;
    color: #7d7d7d;
    letter-spacing: .3px;
    line-height: 1.71
}

.cart__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0;
    border-bottom: 2px solid #1d3c34
}

.cart__price span {
    display: block;
    color: #7d7d7d;
    font-size: 16px;
    letter-spacing: .3px
}

.cart__price strong {
    display: block;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .3px
}

@media screen and (max-width: 992px) {
    .cart__price strong {
        font-size: 16px
    }
}

.cart__total {
    padding: 80px 22px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 992px) {
    .cart__total {
        padding: 25px 15px
    }
}

.cart__total span {
    color: #000
}

.cart__total span, .cart__total strong {
    display: block;
    font-size: 24px;
    letter-spacing: .3px
}

.cart__total strong {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.cart__action {
    padding: 0 22px
}

@media screen and (max-width: 992px) {
    .cart__action {
        padding: 0 15px
    }
}

.cart__button {
    display: flex;
    border-radius: 0 30px 0 30px
}

.cart__more {
    display: block;
    margin: 20px auto;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34
}

.cart__more:hover {
    color: #f2a737
}

.button-prev {
    display: flex;
    align-items: center
}

.button-prev:hover .button-prev__icon .icon {
    fill: #f2a737
}

.button-prev__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #ededed;
    margin-right: 6px
}

.button-prev__icon .icon {
    fill: #1d3c34;
    width: 14px;
    height: 14px;
    transition: fill .1s ease-in-out
}

.button-prev__name {
    font-size: 14px;
    color: #000;
    opacity: .6;
    letter-spacing: .3px
}

@media screen and (max-width: 992px) {
    .button-prev__name {
        display: none
    }
}

.footer {
    background-color: #1d3c34;
    padding-top: 50px
}

.footer__top {
    display: flex;
    align-items: flex-end;
    margin-bottom: 28px
}

@media screen and (max-width: 992px) {
    .footer__top .logo {
        margin-left: 0
    }
}

.footer__top .breadcrumbs {
    margin-left: 15px
}

@media screen and (max-width: 1230px) {
    .footer__top .breadcrumbs {
        display: none
    }
}

.footer__inner {
    display: flex;
    flex-wrap: nowrap
}

@media screen and (max-width: 1230px) {
    .footer__inner {
        display: block
    }
}

.footer__menu {
    flex: 0 0 280px;
    width: 280px
}

@media screen and (max-width: 1230px) {
    .footer__menu {
        width: 100%
    }
}

@media screen and (max-width: 1230px) {
    .footer__menu ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease-in-out;
        padding-left: 10px
    }
}

.footer__menu ul li {
    margin-bottom: 11px
}

@media screen and (max-width: 1230px) {
    .footer__menu ul li:first-child {
        padding-top: 20px
    }
}

.footer__menu ul li:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1230px) {
    .footer__menu ul li:last-child {
        padding-bottom: 10px
    }
}

.footer__menu ul li a {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7)
}

.footer__menu ul li a:hover {
    color: #f2a737
}

.footer__title {
    display: block;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media screen and (max-width: 1230px) {
    .footer__title {
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 91.8%, .1);
        padding: 14px 0;
        margin-bottom: 0;
        cursor: pointer
    }

    .footer__title:after {
        content: "";
        position: absolute;
        right: 0;
        top: 15px;
        width: 9px;
        height: 9px;
        background-image: url(/build/images/ic-triangle-white.9d6ffdb9.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain
    }
}

.footer__information {
    flex: 0 0 384px;
    width: 384px
}

@media screen and (max-width: 1230px) {
    .footer__information {
        margin-top: 50px;
        width: 100%
    }
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media screen and (max-width: 576px) {
    .footer__contacts {
        display: block
    }
}

.footer__phone {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 10px
}

.footer__schedule {
    color: #fff;
    font-size: 14px;
    text-align: right
}

@media screen and (max-width: 576px) {
    .footer__schedule {
        text-align: left
    }
}

.footer__schedule strong {
    display: block;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    margin-bottom: 8px
}

.footer__bottom {
    position: relative;
    margin-top: 30px;
    padding-top: 18px;
    padding-bottom: 15px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.footer__bottom:before {
    left: 100%
}

.footer__bottom:after, .footer__bottom:before {
    content: "";
    position: absolute;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .2)
}

.footer__bottom:after {
    right: 100%
}

.socials {
    margin-bottom: 15px
}

.socials, .socials a {
    display: flex;
    align-items: center;
    justify-content: center
}

.socials a {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .2);
    margin: 0 6px;
    transition: border-color .1s ease-in-out
}

.socials a:hover {
    border-color: #f2a737
}

.socials a:hover .icon {
    fill: #f2a737
}

.socials a .icon {
    fill: hsla(0, 0%, 100%, .2);
    font-size: 16px;
    transition: fill .1s ease-in-out
}

.copyright {
    display: block;
    text-align: center;
    color: hsla(0, 0%, 100%, .3);
    font-size: 10px
}

.breadcrumbs a, .breadcrumbs span {
    display: inline-block;
    color: #617671;
    font-size: 14px
}

.breadcrumbs li {
    display: inline-block
}

.breadcrumbs a, .breadcrumbs li {
    margin-right: 3px
}

.subscribe, .subscribe__title {
    margin-bottom: 15px
}

.subscribe__title {
    display: block;
    text-align: right;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8)
}

@media screen and (max-width: 576px) {
    .subscribe__title {
        text-align: left
    }
}

.subscribe__inner {
    display: flex
}

.subscribe__inner .form__input {
    font-size: 14px;
    border-right: none
}

.subscribe__inner .form__input:focus, .subscribe__inner .form__input:hover {
    border: 1px solid hsla(0, 0%, 49%, .7);
    border-right: none
}

.subscribe__inner .form__input:focus::placeholder, .subscribe__inner .form__input:hover::placeholder {
    color: #1b1d1e
}

.subscribe__inner .form__input::placeholder {
    color: #787878
}

.subscribe__inner .form__field {
    flex-grow: 1;
    margin-bottom: 0
}

.subscribe__inner .form__field.is-error .form__input {
    border-right: none
}

.subscribe__inner .form__field.is-error .form__input:focus, .subscribe__inner .form__field.is-error .form__input:hover {
    border: 2px solid #e22a29;
    border-right: none
}

.subscribe__inner .form__field .error-message {
    top: 46px;
    left: 0;
    right: auto
}

.subscribe__submit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 135px;
    width: 135px;
    background-color: #f2a737;
    font-size: 14px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1b1d1e;
    border-radius: 0 20px 0 0;
    transition: background-color .1s ease-in-out
}

@media screen and (max-width: 576px) {
    .subscribe__submit {
        flex: 0 0 120px;
        width: 120px
    }
}

.subscribe__submit:hover {
    background-color: #e6900f
}

.subscribe__submit.is-send span {
    display: none
}

.subscribe__submit.is-send .icon {
    display: block
}

.subscribe__submit .icon {
    display: none;
    font-size: 24px
}

.payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px
}

@media screen and (max-width: 576px) {
    .payment {
        justify-content: flex-start
    }
}

.payment img {
    max-width: 40px;
    margin-right: 8px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #08076d
}

.payment img:last-child {
    margin-right: 0
}

.header {
    position: relative;
    z-index: 4;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14)
}

.header:after {
    content: "";
    position: absolute;
    top: 84px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 59.2%, .3)
}

@media screen and (max-width: 992px) {
    .header:after {
        top: 73px
    }
}

.header.sticky-element {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .14);
    animation: fadeIn .3s
}

.header.sticky-element .wishlist-button.active:after {
    width: 12px;
    height: 12px;
    border-width: 2px
}

.header.sticky-element:after {
    display: none
}

.header.sticky-element .header__top {
    padding: 17px 0
}

.header.sticky-element .header__bottom {
    top: 61px;
    overflow: scroll;
    display: none
}

@media screen and (max-width: 992px) {
    .header.sticky-element .header__bottom {
        display: block
    }
}

@media screen and (max-width: 992px) {
    .header.sticky-element .search.header-search {
        display: none
    }
}

.header.sticky-element .search.header-search .search__input {
    height: 33px;
    font-size: 12px;
    padding: 7px 15px 7px 40px;
    background-size: 14px;
    background-position: 21px
}

.header.sticky-element .search.header-search .search__input::placeholder {
    color: #787878;
    opacity: .6
}

.header.sticky-element .phone--desktop .phone__label .icon {
    font-size: 11px
}

.header.sticky-element .phone--desktop .phone__label span {
    font-size: 12px
}

.header.sticky-element .phone--desktop .phone__label:after {
    width: 8px;
    top: 1px;
    right: -12px
}

.header.sticky-element .phone--desktop .phone__dropdown {
    top: 30px;
    left: -10px;
    right: 0;
    width: 190px
}

.header.sticky-element .phone--desktop .phone__dropdown:before {
    top: -20px;
    width: 100%;
    height: 20px
}

.header.sticky-element .phone--desktop .phone__dropdown ul {
    padding: 10px
}

.header.sticky-element .phone--desktop .phone__dropdown ul li {
    margin-bottom: 5px
}

.header.sticky-element .phone--desktop .phone__dropdown ul li a {
    font-size: 14px
}

.header.sticky-element .button-callback {
    padding: 15px 10px;
    font-size: 14px
}

.header.sticky-element .button-callback:hover {
    background-color: #e6900f
}

.header.sticky-element .button-callback .icon {
    display: block;
    margin-right: 5px;
    font-size: 14px;
    fill: #1b1d1e
}

.header.sticky-element .user-navigation a .icon, .header.sticky-element .user-navigation button .icon {
    font-size: 20px
}

.header.sticky-element .cart-button span {
    width: 20px;
    height: 20px;
    font-size: 10px
}

.header__inner {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 992px) {
    .header__inner {
        display: block
    }
}

.header__top {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px 0 15px
}

@media screen and (max-width: 992px) {
    .header__top {
        flex-wrap: wrap
    }
}

.header__top .humburger {
    display: none
}

@media screen and (max-width: 992px) {
    .header__top .humburger {
        display: block
    }
}

.header__bottom {
    display: flex;
    align-items: center;
    width: 100%;
    height: 78px
}

@media screen and (max-width: 992px) {
    .header__bottom {
        display: block;
        position: absolute;
        top: 73px;
        left: 0;
        right: 0;
        z-index: 1;
        background-color: #fff;
        height: auto;
        box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, .15);
        overflow: scroll;
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out
    }
}

.header-catalog.is-open .header-catalog__button {
    background-color: #eaf2fc;
    border-top: 1px solid hsla(0, 0%, 49%, .24);
    border-left: 1px solid hsla(0, 0%, 49%, .24);
    border-right: 1px solid hsla(0, 0%, 49%, .24);
    border-radius: 0;
    z-index: 3;
    color: #1d3c34;
    padding: 30px 45px
}

.header-catalog.is-open .header-catalog__button:after {
    opacity: 1
}

.header-catalog.is-open .header-catalog__button .humburger {
    top: -3px
}

.header-catalog.is-open .header-catalog__button .humburger span {
    background-color: #1d3c34
}

.header-catalog.is-open .header-catalog__button .humburger span:first-child {
    transform: rotate(45deg);
    top: 10px
}

.header-catalog.is-open .header-catalog__button .humburger span:nth-child(2) {
    transform: scale(.01)
}

.header-catalog.is-open .header-catalog__button .humburger span:nth-child(3) {
    width: 100%;
    transform: rotate(-45deg);
    top: 10px
}

.header-catalog.is-open .header-catalog__dropdown {
    border-top: 1px solid hsla(0, 0%, 49%, .24)
}

@media screen and (max-width: 992px) {
    .header-catalog {
        margin-bottom: 10px;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.header-catalog__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1d3c34;
    color: #fff;
    border-radius: 0 10px 0 10px;
    line-height: 15px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    padding: 15px 45px;
    border: 1px solid transparent
}

.header-catalog__button:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #eaf2fc;
    opacity: 0
}

@media screen and (max-width: 992px) {
    .header-catalog__button {
        display: inline-block;
        padding: 14px 0;
        width: 100%;
        background-color: transparent;
    }

    .header-catalog__button:after {
        display: none
    }

    .header-catalog__button:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        transition: transform .1s ease;
        width: 10px;
        height: 10px;
        background-image: url(/build/images/phone-arrow.4d080e16.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain
    }

    .header-catalog__button:hover span {
        color: #15403d
    }

    .header-catalog__button span {
        color: #1d3c34;
        font-family: Montserrat Bold, Helvetica, Arial, sans-serif
    }

    .header-catalog__button .humburger {
        display: none
    }
}

.header-catalog__button .humburger {
    width: 22px;
    height: 16px;
    margin-right: 5px
}

.header-catalog__button .humburger span {
    background-color: #fff;
    width: 22px;
    height: 2px
}

.header-catalog__button .humburger span:nth-child(2) {
    top: 7px
}

.header-catalog__dropdown {
    position: absolute;
    z-index: 2;
    top: 162px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #eaf2fc;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out
}

@media screen and (max-width: 992px) {
    .header-catalog__dropdown {
        position: relative;
        /*max-height: 200px;*/
        /*overflow-y: scroll;*/
        top: 0;
        max-height: none;
        display: none;
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .header-catalog__dropdown.is-active {
        display: block
    }
}

.header-catalog__dropdown:before {
    content: "";
    position: absolute;
    left: 100%;
    top: -1px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #eaf2fc;
    border-top: 1px solid hsla(0, 0%, 49%, .24)
}

.header-catalog__dropdown ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative
}

@media screen and (max-width: 992px) {
    .header-catalog__dropdown .container {
        /*padding-left: 0;*/
        /*padding-right: 0;*/
        /*margin-left: -15px;*/
        /*width: calc(100% + 30px);*/
    }
    .header-catalog__dropdown ul {
        padding-top: 10px;
        margin-top: 10px;
        /*max-height: 200px;*/
        overflow-y: auto;
        display: none
    }
}

/*.header-catalog__dropdown ul:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: -10px;*/
    /*left: 290px;*/
    /*width: 1px;*/
    /*height: 328px;*/
    /*background-color: hsla(0, 0%, 59.2%, .2)*/
/*}*/

/*@media screen and (max-width: 992px) {*/
    /*.header-catalog__dropdown ul:before {*/
        /*display: none*/
    /*}*/
/*}*/

/*.header-catalog__dropdown ul:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: -10px;*/
    /*left: 590px;*/
    /*width: 1px;*/
    /*height: 328px;*/
    /*background-color: hsla(0, 0%, 59.2%, .2)*/
/*}*/

/*@media screen and (max-width: 992px) {*/
    /*.header-catalog__dropdown ul:after {*/
        /*display: none*/
    /*}*/
/*}*/

.header-catalog__dropdown ul li {
    /*flex: 0 0 260px;*/
    /*width: 260px;*/
    /*margin-left: 40px;*/
    display: block;
    margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
    .header-catalog__dropdown ul li {
        width: 100%;
        margin-left: 0
    }
}

.header-catalog__dropdown ul li a {
    /*display: inline-block;*/
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
    font-size: 18px;
    color: #000
}

@media screen and (max-width: 992px) {
    .header-catalog__dropdown ul li a {
        font-size: 14px
    }
}

.header-catalog__dropdown ul li a:hover {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    color: #1d3c34
}


.header-catalog__item {
    margin-bottom: 25px;
    width: 31%;
    margin-right: calc(7% / 3);
    /*display: none;*/
}


.header-catalog__item:nth-child(1){
    order: 1
}
.header-catalog__item:nth-child(2){
    order: 4
}
.header-catalog__item:nth-child(3){
    order: 7
}
.header-catalog__item:nth-child(4){
    order: 8
}
.header-catalog__item:nth-child(5){
    order: 6
}
.header-catalog__item:nth-child(6){
    order: 2
}
.header-catalog__item:nth-child(7){
    order: 3
}
.header-catalog__item:nth-child(8){
    order: 5
}

@media screen and (max-width: 992px) {
    .header-catalog__item {
        margin-bottom: 0;
        width: 100%;
        margin-right: 0;
        /*display: none;*/
    }
}


.header-catalog__item-title {
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: bold;
    color: #15403d;
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}
@media screen and (max-width: 992px) {
    .header-catalog__item-title {
        padding: 14px 0;
    }
    .header-catalog__item-title:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        transition: transform .1s ease;
        width: 10px;
        height: 10px;
        background-image: url(/build/images/phone-arrow.4d080e16.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
    }
}


.header-catalog__item ul {
    display: block;
    margin-top: 15px;
}
@media screen and (max-width: 992px) {
    .header-catalog__item ul {
        margin-top: 5px;
        display: none;
    }
}
.header-catalog__item ul li{
    display: block;
    font-size: 18px;
    color: #000;
}

.header-catalog__item ul li a span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-catalog-left {
    width: calc(100% - 290px);
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
}

@media screen and (max-width: 1230px) {
    .header-catalog-left {
        width: 100%;
    }
}

.header-catalog__inner {
    padding: 40px 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .header-catalog__inner {
        display: block;
        padding: 0
    }
}

.header-catalog__image {
    width: 264px;
    height: 327px;
    margin-left: auto
}

@media screen and (max-width: 1230px) {
    .header-catalog__image {
        display: none
    }
}

.menu {
    margin-left: 40px
}

@media screen and (max-width: 992px) {
    .menu {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

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

.menu__list--mobile {
    position: relative;
    display: none;
    margin-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.menu__list--mobile:before {
    top: -24px
}

.menu__list--mobile:after, .menu__list--mobile:before {
    content: "";
    position: absolute;
    left: -15px;
    right: 0;
    width: calc(100% + 30px);
    height: 1px;
    background-color: hsla(0, 0%, 59.2%, .3)
}

.menu__list--mobile:after {
    bottom: 0
}

@media screen and (max-width: 992px) {
    .menu__list {
        display: block
    }
}

.menu__list li {
    margin-right: 40px
}

@media screen and (max-width: 992px) {
    .menu__list li {
        margin-right: 0;
        margin-top: 10px;
        padding: 7px 0;
    }
}

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

.menu__list li.menu-stock {
    margin-left: 20px
}

.menu__list li.menu-stock a {
    color: #fa3d4f;
    position: relative
}

.menu__list li.menu-stock a:after {
    content: "";
    position: absolute;
    left: -21px;
    top: 0;
    width: 16px;
    height: 16px;
    background-image: url(/build/images/stock.497cba4b.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.menu__list li a {
    display: inline-block;
    color: #15403d;
    line-height: 15px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    opacity: .8;
    transition: opacity .1s ease-in-out
}

.menu__list li a:hover {
    opacity: 1
}

.phone {
    position: relative;
    margin-right: 65px
}

@media screen and (max-width: 992px) {
    .phone--desktop {
        display: none
    }
}

.phone--desktop:hover .phone__dropdown {
    display: block
}

.phone--desktop:hover .phone__label .icon {
    fill: #f2a737
}

.phone--desktop:hover .phone__label:after {
    transform: rotate(-180deg)
}

.phone--mobile {
    display: none;
    margin-right: 0;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width: 992px) {
    .phone--mobile {
        display: block
    }
}

.phone--mobile .phone__label {
    display: inline-flex;
    width: 100%
}

.phone--mobile .phone__dropdown {
    display: none;
    position: static;
    box-shadow: none;
    width: 100%
}

.phone--mobile .phone__dropdown.is-active {
    display: block
}

.phone--mobile .phone__dropdown ul {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 20px
}

.phone--mobile .phone__dropdown ul li {
    text-align: left
}

.phone--mobile .phone__dropdown .button-callback {
    display: none
}

.phone__label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.phone__label:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -15px;
    transition: transform .1s ease;
    width: 10px;
    height: 10px;
    background-image: url(/build/images/phone-arrow.4d080e16.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.phone__label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    top: 0;
    right: -15px;
    background-color: transparent
}

.phone--mobile .phone__label:after, .phone--mobile .phone__label:before {
    right: 0
}

.phone__label .icon {
    font-size: 15px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.phone__label span {
    display: block;
    margin-left: 5px;
    color: #1d3c34;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    letter-spacing: .8px
}

.phone__dropdown {
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .24);
    position: absolute;
    z-index: 3;
    top: 30px;
    left: -10px;
    right: 0;
    width: 240px;
    display: none
}

.phone__dropdown:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background-color: transparent
}

.phone__dropdown ul {
    padding: 25px 30px
}

.phone__dropdown ul li {
    margin-bottom: 15px;
    text-align: center
}

.phone__dropdown ul li:last-child {
    margin-bottom: 0
}

.phone__dropdown ul li a {
    color: rgba(0, 0, 0, .76);
    letter-spacing: .8px;
    transition: color .1s ease-in-out
}

.header-search {
    position: relative;
    max-width: 542px;
    flex-grow: 1;
    margin-right: 65px;
    margin-left: 75px
}

@media screen and (max-width: 1230px) {
    .header-search {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media screen and (max-width: 992px) {
    .header-search {
        width: 100%;
        max-width: 100%;
        order: 1;
        margin-top: 40px;
        margin-left: 0;
        margin-right: 0
    }
}

.logo {
    display: block
}

@media screen and (max-width: 992px) {
    .logo {
        margin: 0 auto
    }
}

.user-navigation {
    display: flex;
    align-items: center;
    margin-left: auto
}

.user-navigation--mobile {
    display: none;
    border-top: 1px solid hsla(0, 0%, 59.2%, .3);
    padding: 15px
}

.user-navigation--mobile a, .user-navigation--mobile button {
    margin-right: 0
}

.user-navigation--mobile a:first-child, .user-navigation--mobile button:first-child {
    border-right: 1px solid hsla(0, 0%, 59.2%, .3);
    padding-right: 25px;
    margin-right: 25px
}

@media screen and (max-width: 992px) {
    .user-navigation--mobile {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .user-navigation--desktop {
        margin-left: 0
    }

    .user-navigation--desktop .user-button, .user-navigation--desktop .wishlist-button {
        display: none
    }
}

.user-navigation a, .user-navigation button {
    display: flex;
    align-items: center;
    margin-right: 15px
}

.wishlist-button {
    position: relative
}

.wishlist-button.active:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #d72a2a
}

.user-navigation a span, .user-navigation button span {
    display: flex;
    font-size: 14px;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    margin-left: 5px;
    color: #1d3c34;
    transition: color .1s ease-in-out
}

.user-navigation a:hover span, .user-navigation button:hover span {
    color: #f2a737
}

.user-navigation a:hover .icon, .user-navigation button:hover .icon {
    fill: #f2a737
}

.user-navigation a .icon, .user-navigation button .icon {
    font-size: 26px;
    fill: #1d3c34;
    transition: fill .1s ease-in-out
}

.user-navigation a:last-child, .user-navigation button:last-child {
    margin-right: 0
}

.cart-button, .cart-button strong {
    display: flex;
    align-items: center
}

.cart-button strong {
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background-color: #f2a737;
    border-radius: 50%;
    font-size: 11px;
    line-height: 10px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif
}

.response_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.response_wrapper.error {
    color: red
}

.response_wrapper.success {
    color: green
}

.dropdown-list .faq-list__button {
    border: none
}

.dropdown-list .faq-list__button:before {
    background-image: url(/build/images/ic-arrow-down.cd9e1fed.svg)
}

.dropdown-list .faq-list__item.is-active .faq-list__button {
    background-color: transparent
}

.dropdown-list .faq-list__item.is-active .faq-list__button:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.thankful-page {
    padding: 70px 0 130px
}

.thankful-title {
    font-family: Montserrat ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.31;
    letter-spacing: .46px
}

.thankful-article, .thankful-title {
    text-align: center;
    font-stretch: normal;
    font-style: normal;
    color: #000
}

.thankful-article {
    max-width: 387px;
    padding: 18px 0 32px;
    margin: auto;
    opacity: .6;
    font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.63;
    letter-spacing: .3px
}

.order {
    max-width: 600px;
    border: 1px solid hsla(0, 0%, 49%, .54);
    margin: auto
}

.order-name {
    padding: 36px 0 0;
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .34px;
    color: #000
}

.bitmap {
    display: inline-block;
    padding: 30px 0 0 30px;
    width: 135px
}

.order-description {
    width: 55%;
    font-family: Montserrat Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: .3px;
    padding-top: 40px;
    padding-left: 20px
}

.order-description, .walpaper-price {
    font-stretch: normal;
    font-style: normal;
    color: #0c161c;
    display: inline-block;
    vertical-align: top
}

.walpaper-price {
    padding: 50px 0 0 20px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.44;
    letter-spacing: .34px
}

.old-price {
    padding-left: 25px;
    font-family: Montserrat-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #818181
}

.line1 {
    display: block;
    margin-top: 29px;
    background-color: #ebebeb;
    height: 1px
}

.order-details-position {
    display: flex;
    justify-content: space-between
}

.order-details-description {
    padding: 17px 0 0 30px;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: normal
}

.order-details-description, .order-details-price {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    color: #0c161c
}

.order-details-price {
    padding: 17px 30px 0 0;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: .34px
}

.delivery {
    padding: 15px 0 0 30px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #0c161c
}

.delivery, .place-delivery {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.place-delivery {
    padding-left: 3px;
    font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.47;
    color: #818181
}

.delivery-price {
    padding: 15px 30px 0 0;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: .34px;
    color: #0c161c
}

.line2 {
    display: block;
    margin: 20px auto 0;
    background-color: #ebebeb;
    height: 1px;
    width: 540px
}

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

.total-sum {
    padding: 0 0 0 30px;
    font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: right
}

.total-price, .total-sum {
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .34px;
    color: #000
}

.total-price {
    padding: 0 30px 0 0;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-weight: 600
}

.payment-info {
    max-width: 600px;
    min-width: 310px;
    border: 1px solid hsla(0, 0%, 49%, .54);
    margin: 20px auto 30px
}

.payment-info-title {
    padding-top: 30px;
    text-align: center;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .34px;
    color: #000
}

.adress {
    padding: 20px 0 0 30px
}

.adress-description {
    padding-bottom: 4px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #0c161c
}

.adress-description, .street-description {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.street-description {
    font-family: Montserrat-Regular, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.47;
    color: #818181
}

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

.delivery-method {
    padding: 40px 0 60px 30px
}

.delivery-type {
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #0c161c
}

.delivery-place, .delivery-type {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.delivery-place {
    font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.47;
    color: #818181
}

.payment-method {
    padding: 40px 0 0
}

.payment-type {
    width: 240px;
    height: 20px;
    font-family: Montserrat SemiBold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #0c161c
}

.paymnet-kind {
    width: 195px
}

.payment-price, .paymnet-kind {
    height: 25px;
    font-family: Montserrat-Regular, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #818181
}

.payment-price {
    width: 240px
}

.line-mobile {
    display: none
}

@media screen and (max-width: 576px) {
    .thankful-title {
        font-size: 24px
    }

    .thankful-article {
        width: 268px;
        font-size: 14px;
        color: #000;
        opacity: 1
    }

    .order {
        border: 0
    }

    .order-bg {
        display: block;
        position: relative;
        background: #f2faff;
        margin: 0 -15px
    }

    .order-name {
        font-size: 16px;
        padding-left: 15px;
        text-align: left
    }

    .line-mobile {
        display: block;
        margin-top: 22px;
        background-color: #ebebeb;
        height: 1px
    }

    .bitmap {
        width: 90px;
        padding: 30px 0 0 15px
    }

    .order-description {
        width: 45%;
        font-size: 14px;
        padding-top: 30px;
        padding-left: 10px
    }

    .walpaper-price {
        font-size: 14px;
        padding: 50px 0
    }

    .old-price {
        padding: 0
    }

    .order-details-description {
        padding-left: 15px;
        font-size: 16px
    }

    .order-details-price {
        font-size: 14px
    }

    .delivery {
        padding-left: 15px
    }

    .delivery-price, .place-delivery {
        font-size: 14px
    }

    .total-sum {
        padding-left: 15px
    }

    .total-price, .total-sum {
        font-size: 20px
    }

    .payment-info-bg {
        display: block;
        position: relative;
        background: #f2faff;
        margin: 0 -15px
    }

    .payment-info {
        border: 0
    }

    .payment-info-title {
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
        font-family: Montserrat Bold
    }

    .adress {
        padding-left: 15px
    }

    .adress-description {
        font-size: 14px
    }

    .street-description {
        font-size: 14px;
        width: 60%
    }

    .method {
        display: block;
        padding-bottom: 30px
    }

    .delivery-method {
        padding: 30px 0 20px 15px
    }

    .delivery-type {
        font-size: 14px
    }

    .delivery-place {
        font-size: 14px;
        line-height: 1.29;
        padding-top: 5px
    }

    .payment-method {
        padding: 20px 0 0 15px
    }

    .payment-type, .paymnet-kind {
        font-size: 14px
    }

    .payment-price {
        font-size: 14px;
        line-height: 1.27
    }
}

div.message {
    padding: 10px;
    background: #eaf2fc;
    font-size: 20px;
    font-weight: 900;
    text-align: center
}

.cropper-modal {
    background-color: #fff
}

.cropper-bg {
    background-image: none
}

.button-new-customer {
    background-color: #f2a737
}

.button-new-customer:hover {
    background-color: #e6900f;
    border: none
}

.button-new-customer.disable {
    background-color: #ededed;
    cursor: default
}

.button-new-customer.disable:hover {
    background-color: #e0e0e0
}

@media (max-width: 992px) {
    .product__preview {
        min-height: auto
    }

    .product__preview, .product__preview--horizontal .product__holder, .product__preview--vertical .product__holder {
        height: auto !important
    }

    .product__holder img {
        height: auto
    }
}

.quick-view-product .cropper-modal {
    background: #eaf2fc
}

/* Inweb 03.08.2020 */
@media screen and (max-width: 1230px) {
    .footer__menu ul.sitemap-menu {
        max-height: none;
        padding-left: 0;
    }

    .footer__menu ul.sitemap-menu li {
        position: relative;
        padding: 14px 0;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
    }

    .footer__menu ul.sitemap-menu li a {
        font-size: 14px;
        font-family: Montserrat\ SemiBold, Helvetica, Arial, sans-serif;
        color: #fff;
    }

}

#tags-list {
    max-height: 30px;
    overflow: hidden;
}

#tags-list.active {
    max-height: none;
}

.catalog-header__inner {
    align-items: flex-start;
}

#show-all-tags {
    display: inline-block;
    padding: 8px 16px;
    background-color: #eaf2fc;
    border-radius: 20px;
    font-size: 17px;
}

#show-all-tags:hover {
    background-color: #d4e4f9;
}

/* Следующий, предыдущий товар */
.prev-next-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.prev-next-wrapper .prev-next {
    position: relative;
}

.prev-next-wrapper .prev-next.pn-1:before {
    position: absolute;
    z-index: 1;
    width: 21px;
    height: 21px;
    background-size: contain;
    cursor: pointer;
    content: "";
    background-image: url(/build/images/left-arrow-medium.e39c9797.svg);
    left: 0;
}

.prev-next-wrapper .prev-next.pn-1 {
    padding-left: 25px;
}

.prev-next-wrapper .prev-next.pn-2 {
    padding-right: 25px;
    text-align: right;
}

.prev-next-wrapper .prev-next.pn-2:after {
    position: absolute;
    z-index: 1;
    width: 21px;
    height: 21px;
    background-size: contain;
    cursor: pointer;
    content: "";
    background-image: url(/build/images/right-arrow-medium.1a2a3b67.svg);
    right: 0;
}

@media (max-width: 797px) {
    .prev-next-wrapper {
        font-size: 12px;
    }

    .prev-next-wrapper .prev-next.pn-2:after,
    .prev-next-wrapper .prev-next.pn-1:before {
        top: 5px;
    }
}