/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/jquery-ui.1.11.1/themes/base/slider.css ***!
  \********************************************************************************************************/
/*!
 * jQuery UI Slider 1.11.1
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    -ms-touch-action: none;
    touch-action: none;
    width: 1.2em;
    z-index: 2
}

.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    top: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px;
    width: .8em
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/jquery-ui.1.11.1/themes/base/tabs.css ***!
  \******************************************************************************************************/
/*!
 * jQuery UI Tabs 1.11.1
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
    padding: .2em;
    position: relative
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: none;
    margin: 1px .2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    background: none;
    border-width: 0;
    display: block;
    padding: 1em 1.4em
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/jquery-ui.1.11.1/themes/base/accordion.css ***!
  \***********************************************************************************************************/
/*!
 * jQuery UI Accordion 1.11.1
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 100%;
    margin: 2px 0 0;
    min-height: 0;
    padding: .5em .5em .5em .7em;
    position: relative
}

.ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: .5em;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    overflow: auto;
    padding: 1em 2.2em
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/owl.carousel/dist/assets/owl.carousel.css ***!
  \**********************************************************************************************************/
.owl-carousel {
    -webkit-tap-highlight-color: transparent;
    display: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    -moz-backface-visibility: hidden;
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation
}

.owl-carousel .owl-stage:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-backface-visibility: hidden;
    float: left;
    min-height: 1px;
    position: relative
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    padding: 0 !important
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

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

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    background: #000;
    height: 100%;
    position: relative
}

.owl-carousel .owl-video-play-icon {
    -webkit-backface-visibility: hidden;
    background: url(/css/img/owl.video.play.png) no-repeat;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: transform .1s ease;
    width: 80px;
    z-index: 1
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css ***!
  \*******************************************************************************************************************/
.owl-theme .owl-dots, .owl-theme .owl-nav {
    -webkit-tap-highlight-color: transparent;
    text-align: center
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    background: #d6d6d6;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    cursor: default;
    opacity: .5
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    zoom: 1;
    display: inline-block
}

.owl-theme .owl-dots .owl-dot span {
    -webkit-backface-visibility: visible;
    background: #d6d6d6;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity .2s ease;
    width: 10px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}
/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fancyapps/ui/dist/fancybox.css ***!
  \************************************************************************************************/
.carousel {
    box-sizing: border-box;
    position: relative
}

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

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    position: relative;
    width: var(--carousel-slide-width, 60%)
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    user-select: none
}

.carousel__dots .carousel__dot {
    cursor: pointer;
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.carousel__dots .carousel__dot:after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    opacity: .25;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .15s ease-in-out;
    width: 8px
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    align-items: center;
    background: var(--carousel-button-bg, transparent);
    border: 0;
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    color: var(--carousel-button-color, currentColor);
    cursor: pointer;
    display: flex;
    height: var(--carousel-button-height, 48px);
    justify-content: center;
    padding: 0;
    pointer-events: all;
    transition: opacity .15s ease;
    width: var(--carousel-button-width, 48px)
}

.carousel__button.is-next, .carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    height: var(--carousel-button-svg-height, 50%);
    pointer-events: none;
    width: var(--carousel-button-svg-width, 50%)
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    bottom: 0;
    box-sizing: border-box;
    color: var(--fancybox-color, #fff);
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    position: fixed;
    right: 0;
    top: 0;
    transform-origin: top left;
    z-index: 1050
}

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

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    background: var(--fancybox-bg, rgba(24, 24, 27, .92));
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fancybox__carousel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    cursor: default;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 48px 8px 8px;
    position: relative;
    width: 100%
}

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

@media (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    align-self: center;
    background: var(--fancybox-content-bg, #fff);
    color: var(--fancybox-content-color, #374151);
    display: flex;
    flex-direction: column;
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    position: relative;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted
}

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

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container > .carousel__dots {
    color: var(--fancybox-color, #fff);
    top: 100%
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    right: 8px;
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    top: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    z-index: 40
}

@media (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content > .carousel__button.is-close {
    color: var(--fancybox-color, #fff);
    position: absolute;
    right: 0;
    top: -40px
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    color: var(--fancybox-color, currentColor);
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: currentColor;
    animation: fancybox-dash 1.5s ease-in-out infinite
}

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

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close, .carousel__dots, .fancybox__backdrop, .fancybox__caption, .fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: fancybox-fadeIn .15s ease backwards
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: fancybox-fadeOut .15s ease both
}

.fancybox-fadeIn {
    animation: fancybox-fadeIn .15s ease both
}

.fancybox-fadeOut {
    animation: fancybox-fadeOut .1s ease both
}

.fancybox-zoomInUp {
    animation: fancybox-zoomInUp .2s ease both
}

.fancybox-zoomOutDown {
    animation: fancybox-zoomOutDown .15s ease both
}

.fancybox-throwOutUp {
    animation: fancybox-throwOutUp .15s ease both
}

.fancybox-throwOutDown {
    animation: fancybox-throwOutDown .15s ease both
}

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

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

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

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

@keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 30%, 0)
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-color: #ccc hsla(0, 0%, 100%, .1);
    scrollbar-width: thin
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

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

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

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

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

.fancybox__image {
    transform-origin: 0 0;
    transition: none;
    user-select: none
}

.has-image .fancybox__content {
    background: transparent;
    min-height: 1px;
    padding: 0
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    height: auto;
    max-width: 100%
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    height: 100%;
    width: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

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

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

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

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

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

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

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

.fancybox__thumbs {
    flex: 0 0 auto;
    opacity: var(--fancybox-opacity, 1);
    padding: 0 3px;
    position: relative
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 8px 3px;
    width: var(--fancybox-thumbs-width, 96px)
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    border-style: solid;
    border-width: 5px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    user-select: none
}

.fancybox__thumb {
    background-color: hsla(0, 0%, 100%, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    position: relative;
    width: 100%
}

.fancybox__toolbar {
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: var(--fancybox-opacity, 1);
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4));
    top: 0;
    touch-action: none;
    z-index: 20
}

@media (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: var(--carousel-button-height, 48px);
    min-width: 72px;
    padding: 0 10px;
    text-align: center
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    user-select: none;
    z-index: 30
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2), .fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}
/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/normalize.css/normalize.css ***!
  \********************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/style.scss ***!
  \*********************************************************************************************************/
:root {
    --bg-color: #fff;
    --text-color: $ color-black;
    --link-color: $ color-act;
    --text-size: 16px
}

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

.fly-away {
    opacity: 0;
    transform: translate(30vw, calc(-50vh + 100%)) scale(.1)
}

@font-face {
    font-display: swap;
    font-family: Arsenica;
    font-style: normal;
    font-weight: 400;
    src: local("Arsenica"), url(../fonts/ArsenicaTrial-Medium.otf) format("opentype"), url(../fonts/ArsenicaTrial-Medium.woff) format("woff"), url(../fonts/ArsenicaTrial-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: local("Inter"), url(../fonts/Inter-Regular.woff2) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: local("Inter"), url(../fonts/Inter-Medium.woff2) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: local("Inter"), url(../fonts/Inter-Bold.woff2) format("truetype")
}

* {
    margin: 0;
    outline: none;
    padding: 0
}

body {
    font-smooth: always;
    color: #1e1e1e;
    font-display: auto;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    overflow-x: hidden
}

body.js-stop_scroll {
    height: 100%;
    overflow: hidden
}

input::placeholder {
    color: #676767;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #676767
}

input::-ms-input-placeholder {
    color: #676767
}

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

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

::-webkit-scrollbar {
    width: 3px
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
    background-color: #c60505;
    border-color: #c60505;
    border-width: 1px 1px 1px 2px
}

::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border-left: 1px solid #fff
}

::-webkit-scrollbar-track {
    border-width: 0
}

h1, h2, h3, h4 {
    color: #1e1e1e;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0
}

a:link, a:visited {
    color: #c60505;
    line-height: 1;
    text-decoration: none;
    transition: all .1s ease
}

a:hover {
    color: #c60505
}

input:required:invalid, select:required:invalid, textarea:required:invalid {
    border-color: #c60505;
    color: #97969a
}

input:required:invalid::placeholder, select:required:invalid::placeholder, textarea:required:invalid::placeholder {
    border-color: #c60505;
    color: #97969a
}

img {
    max-width: 100%
}

ul {
    padding-left: 40px
}

.container {
    margin: auto;
    max-width: 1280px;
    padding: 0 20px
}

.containerAlt {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
    padding: 0 20px
}

a.el-gotop {
    background-color: #97969a;
    background-image: url(../img/up.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 26px;
    background-size: 26px;
    border-radius: 50%;
    bottom: 10px;
    cursor: pointer;
    height: 48px;
    opacity: .8;
    position: fixed;
    right: 10px;
    width: 48px;
    z-index: 999
}

a.el-gotop.hidden {
    display: none
}

a.el-gotop:hover {
    background-color: #c60505;
    opacity: 1
}

.slideRight {
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    opacity: 1;
    visibility: visible !important
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(-150%)
    }
    50% {
        transform: translateX(8%)
    }
    65% {
        transform: translateX(-4%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150%)
    }
    50% {
        -webkit-transform: translateX(8%)
    }
    65% {
        -webkit-transform: translateX(-4%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

#preloader {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

#preloader img {
    max-width: 160px
}

.pageError {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 70vh;
    justify-content: center;
    padding-top: 20px;
    text-align: center;
    width: 100%
}

.pageError a:link, .pageError a:visited {
    color: #c60505;
    margin: 30px 10px;
    padding: 10px
}

.pageError a:link:hover, .pageError a:visited:hover {
    background: #c60505;
    color: #fff;
    text-decoration: none
}

.pageError .formLogin {
    align-items: stretch;
    flex-direction: column;
    justify-content: stretch;
    margin: auto
}

.pageError .formLogin h3 {
    padding: 20px 0
}

.pageError .formLogin button, .pageError .formLogin input {
    background: #fff;
    border: none;
    border-bottom: 2px solid grey;
    color: #000;
    display: block;
    font-size: 18px;
    margin: 2px auto;
    max-width: inherit;
    padding: 10px;
    text-align: center;
    width: 180px
}

.pageError .formLogin button::placeholder, .pageError .formLogin input::placeholder {
    color: grey
}

.pageError .formLogin button:active, .pageError .formLogin button:focus, .pageError .formLogin input:active, .pageError .formLogin input:focus {
    border-bottom: 2px solid #c60505
}

.pageError .formLogin button {
    background: #c60505;
    border: none;
    margin-top: 20px;
    padding: 5px;
    width: 200px
}

.form-control.hidden, .hidden, .pageError .formLogin button img {
    display: none
}

ul.o-dropList {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

ul.o-dropList a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 15px;
    text-decoration: none
}

ul.o-dropList li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

ul.o-dropList li:hover {
    background: #141318;
    color: #fff
}

ul.o-dropList li:hover > ul {
    display: block
}

ul.o-dropList li.current-menu-item {
    background: #ddd
}

ul.o-dropList ul {
    background: #141318;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99
}

ul.o-dropList ul li {
    float: none;
    min-width: 40px
}

ul.o-dropList ul a {
    color: #fff;
    line-height: 120%;
    padding: 15px
}

ul.o-dropList ul a:hover {
    color: #c60505
}

ul.o-dropList ul ul {
    left: 100%;
    top: 0
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-60px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.video-responsive iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.text-center {
    text-align: center
}

.color-red {
    color: #c60505
}

.modal {
    align-items: center;
    backdrop-filter: blur(5px);
    background: rgba(19, 23, 28, .8);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.modal.hidden {
    display: none
}

.modal .modal-form {
    background: #fff;
    box-shadow: 0 0 58px -17px rgba(0, 0, 0, .75);
    padding: 32px;
    position: relative
}

.modal .modal-form a.modal-close {
    background-size: 100%;
    cursor: pointer;
    display: block;
    height: 32px;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0;
    transition: none;
    transition: all .2s;
    width: 32px;
    z-index: 1;
    z-index: 9999
}

.modal .modal-form a.modal-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/x.svg);
    -webkit-mask-image: url(../img/x.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.modal .modal-form a.modal-close:hover {
    transition: none;
    z-index: 1
}

.modal .modal-form a.modal-close:hover:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/x.svg);
    -webkit-mask-image: url(../img/x.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.modal .modal-form form {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    max-width: 560px;
    overflow-y: auto;
    padding: 10px;
    position: relative
}

.modal .modal-form form > strong {
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}

.modal .modal-form form .product {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative
}

.modal .modal-form form .product > picture {
    margin-right: 20px;
    width: 75px
}

.modal .modal-form form .product > .-info {
    flex: 6 2
}

.modal .modal-form form .product > .-info > strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px
}

.modal .modal-form form .product > .-info .-brand {
    color: #c60505;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.modal .modal-form form .product > .-info .-ml {
    font-size: 14px;
    font-weight: 500
}

.modal .modal-form form .product > .-info .-count > input {
    border: 1px solid #4f4f4f;
    font-size: 14px;
    padding: 5px;
    text-align: center
}

.modal .modal-form form .product > .-action {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.modal .modal-form form .product > .-action a.-remove {
    content: "";
    display: block;
    height: 24px;
    margin: 0 0 auto auto;
    transition: none;
    width: 24px;
    z-index: 1
}

.modal .modal-form form .product > .-action a.-remove:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/x.svg);
    -webkit-mask-image: url(../img/x.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.modal .modal-form form .product > .-action .-price {
    color: #c60505
}

.modal .modal-form form .buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin: 20px 0
}

.modal .modal-form form .buttons a {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 5px;
    text-align: center
}

.modal .modal-form form .buttons a:first-child {
    background: #fff;
    color: #000;
    flex: 6 3
}

.modal .modal-form form .buttons a:nth-child(2) {
    flex: 5 6
}

.modal .modal-form form .buttons a:hover {
    background-color: #c60505;
    color: #fff
}

.modal .modal-form form .cashBack {
    background-image: url(../img/cashback.svg);
    background-position: left 0 top;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    font-size: 12px;
    padding: 0 0 0 40px
}

.modal .modal-form form .cashBack b {
    font-weight: 500
}

.modal .modal-form form .cashBack i {
    color: #c60505;
    font-style: normal
}

.modal .modal-form form .cashBack p {
    padding: 0 0 10px
}

.modal .modalGeo {
    height: 90vh;
    width: 90vw
}

.modal .modalGeo inpost-geowidget #shadow-root div, .modal .modalGeo inpost-geowidget #shadow-root embed, .modal .modalGeo inpost-geowidget #shadow-root iframe {
    border: none;
    height: 600px;
    width: 100%
}

.modal .modalGeo inpost-geowidget .mobile-above-map {
    display: none
}

.b-cart form, .pageOrder > .cart form {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative
}

.b-cart form > strong, .pageOrder > .cart form > strong {
    display: block;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}

.b-cart form hr, .pageOrder > .cart form hr {
    margin: 20px 0
}

.b-cart form .product, .pageOrder > .cart form .product {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative
}

.b-cart form .product > picture, .pageOrder > .cart form .product > picture {
    margin-right: 20px;
    width: 75px
}

.b-cart form .product > .-info, .pageOrder > .cart form .product > .-info {
    flex: 6 2
}

.b-cart form .product > .-info > strong, .pageOrder > .cart form .product > .-info > strong {
    font-size: 14px;
    font-weight: 500
}

.b-cart form .product > .-info .-brand, .pageOrder > .cart form .product > .-info .-brand {
    color: #c60505;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.b-cart form .product > .-info .-ml, .pageOrder > .cart form .product > .-info .-ml {
    font-size: 14px;
    font-weight: 500
}

.b-cart form .product > .-info .-count > input, .pageOrder > .cart form .product > .-info .-count > input {
    border: 1px solid #4f4f4f;
    font-size: 14px;
    padding: 5px;
    text-align: center
}

.b-cart form .product > .-action, .pageOrder > .cart form .product > .-action {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.b-cart form .product > .-action a.-remove, .pageOrder > .cart form .product > .-action a.-remove {
    content: "";
    display: block;
    height: 24px;
    margin: 0 0 auto auto;
    transition: none;
    width: 24px;
    z-index: 1
}

.b-cart form .product > .-action a.-remove:before, .pageOrder > .cart form .product > .-action a.-remove:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/x.svg);
    -webkit-mask-image: url(../img/x.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.b-cart form .buttons, .pageOrder > .cart form .buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin: 0 0 20px
}

.b-cart form .buttons a, .pageOrder > .cart form .buttons a {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 5px;
    text-align: center
}

.b-cart form .buttons a:first-child, .pageOrder > .cart form .buttons a:first-child {
    background: #fff;
    color: #000;
    flex: 6 3
}

.b-cart form .buttons a:nth-child(2), .pageOrder > .cart form .buttons a:nth-child(2) {
    flex: 5 6
}

.b-cart form .buttons a:hover, .pageOrder > .cart form .buttons a:hover {
    background-color: #c60505;
    color: #fff
}

.b-cart form .cashBack, .pageOrder > .cart form .cashBack {
    background-image: url(../img/cashback.svg);
    background-position: left 0 top;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    font-size: 12px;
    padding: 0 0 0 40px
}

.b-cart form .cashBack b, .pageOrder > .cart form .cashBack b {
    font-weight: 500
}

.b-cart form .cashBack i, .pageOrder > .cart form .cashBack i {
    color: #c60505;
    font-style: normal
}

.b-cart form .cashBack p, .pageOrder > .cart form .cashBack p {
    padding: 0 0 10px
}

.b-cart form .promoCode, .pageOrder > .cart form .promoCode {
    align-items: center;
    border-bottom: 1px dashed #4f4f4f;
    border-top: 1px dashed #4f4f4f;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 20px 0;
    padding: 20px 0
}

.b-cart form .promoCode input, .pageOrder > .cart form .promoCode input {
    flex: 2;
    font-size: 12px;
    font-weight: 700;
    max-width: calc(50vw - 20px);
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}

.b-cart form .promoCode input[type=button], .pageOrder > .cart form .promoCode input[type=button] {
    background: #fff;
    border: 2px solid #c60505;
    color: #c60505;
    cursor: pointer;
    flex: 1;
    font-weight: 700;
    max-width: calc(50% - 20px)
}

.b-cart form .promoCode input[type=button]:hover, .pageOrder > .cart form .promoCode input[type=button]:hover {
    background: #c60505;
    color: #fff
}

.b-cart form .promoCode .msg, .pageOrder > .cart form .promoCode .msg {
    color: #4f4f4f;
    flex: 100%;
    font-size: 14px;
    text-align: center
}

.b-cart form .total, .pageOrder > .cart form .total {
    color: #c60505;
    font-size: 14px
}

.b-cart form .total.-black, .pageOrder > .cart form .total.-black {
    color: #000
}

.b-cart form .total.-row, .pageOrder > .cart form .total.-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.b-cart form .total strong, .pageOrder > .cart form .total strong {
    font-size: 18px
}

.b-cart form .total b, .pageOrder > .cart form .total b {
    font-weight: 500
}

.videoWrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bl-search {
    backdrop-filter: blur(2px);
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    display: none;
    left: 0;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.bl-search form {
    align-items: stretch;
    background: #fff;
    display: flex;
    justify-content: stretch
}

.bl-search form input {
    background-image: url(../img/search.svg);
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border: none;
    flex: 6 2;
    min-width: 120px;
    padding: 20px 20px 20px 60px;
    text-transform: uppercase
}

.bl-search form a.el-close {
    content: "";
    display: flex;
    height: 22px;
    padding: 20px;
    transition: none;
    width: 22px;
    z-index: 1
}

.bl-search form a.el-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/close.svg);
    -webkit-mask-image: url(../img/close.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.bl-search.open {
    display: block
}

header {
    backdrop-filter: blur(4px);
    background: hsla(0, 0%, 100%, .6);
    left: 0;
    padding: 0 0 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990
}

header .hidden {
    display: none
}

header .bl-topBnr {
    animation: fadeIn 1s;
    background: #961919;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 7px;
    text-align: center
}

header .bl-topBnr a:link, header .bl-topBnr a:visited {
    color: #fff
}

header .bl-topBnr.hidden {
    display: none
}

header.-homepage {
    backdrop-filter: none;
    background: none;
    filter: invert(1)
}

header.-homepage .bl-topBnr {
    filter: invert(1)
}

header .container {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px
}

header .container .-logo img {
    width: 62px
}

header .container nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    text-transform: uppercase
}

header .container nav a:link, header .container nav a:visited {
    color: #000;
    font-weight: 300;
    padding: 10px
}

header .container nav a:link.el-close, header .container nav a:visited.el-close {
    display: none
}

header .container nav a:link:hover, header .container nav a:visited:hover {
    color: #4f4f4f
}

header .container nav .dropdown {
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 99
}

header .container nav .dropdown.hidden {
    display: none
}

header .container nav .dropdown:hover .dropdown-content {
    display: block
}

header .container nav .dropdown .dropdown-content {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px #d2d2d2;
    box-shadow: 0 2px 10px #d2d2d2;
    display: none;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color="#FFD2D2D2");
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    min-width: 160px;
    position: absolute;
    z-index: 1
}

header .container nav .dropdown .dropdown-content > div {
    border-bottom: 1px solid #e0e0e0
}

header .container nav .dropdown .dropdown-content > div:last-child {
    border-bottom: none
}

header .container nav .dropdown .dropdown-content a:link, header .container nav .dropdown .dropdown-content a:visited {
    color: #000;
    display: block;
    margin: 0;
    padding: 10px;
    text-decoration: none
}

header .container nav .dropdown .dropdown-content a:link:hover, header .container nav .dropdown .dropdown-content a:visited:hover {
    background-color: #f1f1f1
}

header .container .b-icons {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end
}

header .container .b-icons:first-child {
    display: none
}

header .container .b-icons a.el-search {
    display: inline-block;
    padding: 10px;
    position: relative;
    transition: none;
    z-index: 1;
    z-index: 99
}

header .container .b-icons a.el-search:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 23px;
    mask-image: url(../img/search.svg);
    -webkit-mask-image: url(../img/search.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

header .container .b-icons a.el-likes {
    align-items: center;
    display: flex;
    padding: 5px;
    position: relative;
    transition: none;
    z-index: 1
}

header .container .b-icons a.el-likes:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 26px;
    mask-image: url(../img/heart2.svg);
    -webkit-mask-image: url(../img/heart2.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

header .container .b-icons a.el-user {
    align-items: center;
    display: flex;
    padding: 5px;
    position: relative;
    transition: none;
    z-index: 1
}

header .container .b-icons a.el-user:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 26px;
    mask-image: url(../img/user2.svg);
    -webkit-mask-image: url(../img/user2.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

header .container .b-icons a.el-user.-logged {
    transition: none;
    z-index: 1
}

header .container .b-icons a.el-user.-logged:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 26px;
    mask-image: url(../img/user2.svg);
    -webkit-mask-image: url(../img/user2.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

header .container .b-icons .b-cart {
    display: inline-block;
    padding: 5px;
    position: relative;
    z-index: 99
}

header .container .b-icons .b-cart a.el-cart {
    align-items: center;
    display: flex;
    position: relative;
    transition: none;
    z-index: 1
}

header .container .b-icons .b-cart a.el-cart:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/cart.svg);
    -webkit-mask-image: url(../img/cart.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

header .container .b-icons .b-cart a.el-cart span b {
    align-items: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 9px;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 18px
}

header a.o-bars, header a.o-close {
    display: none
}

footer {
    background: #000;
    margin-top: 50px;
    text-transform: uppercase
}

footer .footerSubscribe {
    background-image: url(../img/bg-subscribe.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 18px;
    padding: 100px 0;
    text-transform: uppercase
}

footer .footerSubscribe .container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

footer .footerSubscribe .container strong {
    color: #fff;
    display: block;
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 50px
}

footer .footerSubscribe .container form {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

footer .footerSubscribe .container form input {
    background: none;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    color: #fff;
    flex: 6 0 360px;
    font-size: 12px;
    padding: 12px;
    text-transform: uppercase
}

footer .footerSubscribe .container form input::placeholder {
    color: #fff
}

footer .footerSubscribe .container form input:focus {
    border-bottom: 1px solid #fff
}

footer .footerSubscribe .container form input[type=submit] {
    background-image: url(../img/Arrow_Left_XL.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    flex: 1 6 34px;
    width: 34px
}

footer .footerSubscribe .container form input[type=submit]:hover {
    background-color: #000;
    cursor: pointer
}

footer > .container {
    justify-content: space-between;
    padding-top: 50px
}

footer > .container, footer > .container > .-menus {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

footer > .container > .-menus {
    gap: 120px;
    justify-content: flex-end;
    padding-bottom: 90px
}

footer > .container .-logo img {
    width: 80px
}

footer > .container .-menu {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

footer > .container .-menu strong {
    color: #fff;
    display: block;
    font-family: Arsenica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}

footer > .container .-menu a:link, footer > .container .-menu a:visited {
    color: #fff;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 30px
}

footer .footer_copyright {
    color: #fff;
    justify-content: space-between
}

footer .footer_copyright, footer .footer_copyright > div {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

footer .footer_copyright > div {
    gap: 30px;
    justify-content: flex-end
}

footer .footer_copyright > div a:link, footer .footer_copyright > div a:visited {
    color: #fff;
    display: block;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px;
    opacity: .7
}

footer .footer_copyright > div a:link:hover, footer .footer_copyright > div a:visited:hover {
    opacity: 1
}

main {
    margin-top: 120px
}

main.-homepage {
    margin-top: 0
}

.pageHome a {
    color: #000
}

.pageHome .pageHome_bnr {
    margin-bottom: 130px;
    position: relative
}

.pageHome .pageHome_msg {
    background: #fff;
    border: 1px solid #1e1e1e;
    bottom: -60px;
    color: #1e1e1e;
    left: 25vw;
    padding: 30px;
    position: absolute;
    right: 25vw;
    text-align: center;
    z-index: 99
}

.pageHome .pageHome_msg > img {
    margin-bottom: 20px;
    width: 100px
}

.pageHome .pageHome_msg h1 {
    color: #1e1e1e;
    font-size: 30px;
    line-height: 1.4
}

.pageHome .pageHome_msg i {
    display: block;
    font-size: 16px;
    margin-bottom: 20px
}

.pageHome .pageHome_msg a:link, .pageHome .pageHome_msg a:visited {
    background: #c60505;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 30px
}

.pageHome .pageHome_cat {
    margin-bottom: 110px
}

.pageHome .pageHome_cat h2 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center
}

.pageHome .pageHome_cat h2 small {
    color: #c60505;
    display: block;
    font-size: 16px;
    padding-top: 20px
}

.pageHome .pageHome_cat .list {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between
}

.pageHome .pageHome_cat .list a:link, .pageHome .pageHome_cat .list a:visited {
    align-items: center;
    border: 1px solid #000;
    display: flex;
    flex: 6 6;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    padding: 15px;
    text-align: center
}

.pageHome .pageHome_top {
    background: #c60505;
    margin-bottom: 130px;
    padding: 50px 0
}

.pageHome .pageHome_top .container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageHome .pageHome_top .container > div {
    color: #fff;
    padding-right: 90px;
    text-align: left
}

.pageHome .pageHome_top .container > div > img {
    width: 130px
}

.pageHome .pageHome_top .container > div h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1.4;
    padding: 10px 0 40px;
    text-align: left
}

.pageHome .pageHome_top .container > div p {
    font-size: 18px;
    margin-bottom: 20px
}

.pageHome .pageHome_top .container > div a:link, .pageHome .pageHome_top .container > div a:visited {
    align-items: center;
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px 60px
}

.pageHome .pageHome_top .container > div a:link i, .pageHome .pageHome_top .container > div a:visited i {
    display: block;
    margin-left: 20px;
    transition: none;
    z-index: 1
}

.pageHome .pageHome_top .container > div a:link i:before, .pageHome .pageHome_top .container > div a:visited i:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/long-arrow-right.svg);
    -webkit-mask-image: url(../img/long-arrow-right.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageHome .pageHome_top .container > img {
    width: 50%
}

.pageHome .pageHome_new {
    border-bottom: 1px solid #1e1e1e;
    margin-bottom: 120px;
    padding-bottom: 30px
}

.pageHome .pageHome_new .cat {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageHome .pageHome_new .cat a:link, .pageHome .pageHome_new .cat a:visited {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    text-align: center
}

.pageHome .pageHome_new .cat a:link:first-child, .pageHome .pageHome_new .cat a:visited:first-child {
    border-left: 1px solid #000
}

.pageHome .pageHome_new .cat a:link.-act, .pageHome .pageHome_new .cat a:visited.-act {
    background: #c60505;
    color: #fff
}

.pageHome .pageHome_new.pageHome_rec p {
    margin-bottom: 50px
}

.pageHome .pageHome_toknow {
    align-items: center;
    background: #c60505;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 130px
}

.pageHome .pageHome_toknow > div:first-child {
    position: relative;
    width: 50%
}

.pageHome .pageHome_toknow > div:first-child strong {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: block;
    display: flex;
    flex-direction: row;
    font-size: 30px;
    font-weight: 500;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.pageHome .pageHome_toknow > div:first-child img {
    display: block;
    width: 100%
}

.pageHome .pageHome_toknow > div:nth-child(2) {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.pageHome .pageHome_toknow > div:nth-child(2) img {
    display: block;
    margin-bottom: 30px
}

.pageHome .pageHome_toknow > div:nth-child(2) strong {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 500
}

.pageHome .pageHome_toknow > div:nth-child(2) p {
    color: #fff;
    margin: 20px 0;
    max-width: 410px;
    text-align: center
}

.pageHome .pageHome_open {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 130px;
    position: relative
}

.pageHome .pageHome_open > div {
    background-color: #fff;
    background-image: url(../img/open-2.png);
    background-position: right 50px bottom 50px;
    background-repeat: no-repeat;
    background-size: 150px;
    border: 1px solid #1e1e1e;
    left: 0;
    padding: 60px 200px 40px 60px;
    position: absolute;
    width: calc(55% - 260px)
}

.pageHome .pageHome_open > div strong {
    color: #1e1e1e;
    display: block;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px
}

.pageHome .pageHome_open > div p, .pageHome .pageHome_open > div > img {
    display: block;
    margin-bottom: 20px
}

.pageHome .pageHome_open > div p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.pageHome .pageHome_open > img {
    width: 55%
}

.pageHome .pageHome_getset {
    align-items: center;
    background-color: #c60505;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 130px
}

.pageHome .pageHome_getset > img {
    width: 50%
}

.pageHome .pageHome_getset > div {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 120px;
    text-align: left;
    width: calc(50% - 240px)
}

.pageHome .pageHome_getset > div strong {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: left
}

.pageHome .pageHome_getset > div p {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 20px 0;
    max-width: 410px;
    text-align: left
}

.pageHome .pageHome_getset > div p i {
    font-size: 16px;
    font-weight: 400
}

.pageHome .pageHome_reviews {
    margin-bottom: 130px
}

.pageHome .pageHome_reviews .list {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    margin-top: 60px
}

.pageHome .pageHome_reviews .list a:visited, .pageHome .pageHome_reviews .list > a:link {
    align-items: flex-start;
    display: flex;
    flex: 6 4;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px
}

.pageHome .pageHome_reviews .list a:visited picture img, .pageHome .pageHome_reviews .list > a:link picture img {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.pageHome .pageHome_reviews .list a:visited span, .pageHome .pageHome_reviews .list > a:link span {
    color: #c60505;
    font-size: 14px;
    font-weight: 400
}

.pageHome .pageHome_reviews .list a:visited strong, .pageHome .pageHome_reviews .list > a:link strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    text-transform: uppercase
}

.pageHome .pageHome_brands {
    margin-bottom: 130px
}

.pageHome .pageHome_brands .owl-carousel .owl-stage-outer {
    border-bottom: 1px solid #c60505;
    border-top: 1px solid #c60505
}

.pageHome .pageHome_brands .owl-carousel .owl-stage-outer .owl-stage {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageHome .pageHome_brands .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageHome .pageHome_brands .owl-carousel .owl-stage-outer .owl-stage img {
    max-width: 240px;
    padding: 20px 0
}

.pageHome .pageHome_brands .owl-dots {
    margin: 20px 0
}

.pageHome .pageHome_brands .owl-dots .owl-dot span {
    background: #c60505;
    border: 2px solid #fff
}

.pageHome .pageHome_brands .owl-dots .owl-dot.active span {
    background: #fff;
    border: 2px solid #c60505
}

.pageHome .pageHome_comments {
    align-items: flex-start;
    display: flex;
    display: none;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 130px
}

.pageHome .pageHome_comments > div:first-child {
    padding: 50px 50px 0 0;
    width: 30%
}

.pageHome .pageHome_comments > div:first-child strong {
    display: block;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px
}

.pageHome .pageHome_comments > div:first-child p {
    font-size: 16px
}

.pageHome .pageHome_questions {
    margin-bottom: 130px
}

.pageHome .pageHome_questions .list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px
}

.pageHome .pageHome_questions .list > .info {
    padding-right: 50px;
    width: calc(50% - 50px)
}

.pageHome .pageHome_questions .list > .info .accordionHome {
    background-color: #fff;
    border: none;
    border-top: 1px solid #c60505;
    color: #c60505;
    cursor: pointer;
    font-size: 20px;
    outline: none;
    padding: 20px 0;
    text-align: left;
    transition: .4s;
    width: 100%
}

.pageHome .pageHome_questions .list > .info .accordionHome:hover, .pageHome .pageHome_questions .list > .info .active {
    background-color: #fff
}

.pageHome .pageHome_questions .list > .info .panel {
    background-color: #fff;
    color: #c60505;
    display: none;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    padding: 20px 70px 40px 0
}

.pageHome .pageHome_questions .list > .info .panel p {
    color: #000
}

.pageHome .pageHome_questions .list > img {
    width: 50%
}

.pageHome h3 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}

.pageHome h3 small {
    color: #c60505;
    display: block;
    font-size: 16px;
    padding: 10px
}

.pageMain a:link, .pageMain a:visited {
    text-transform: uppercase
}

.pageMain .pageMain_bnr {
    position: relative
}

.pageMain .pageMain_bnr > div {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0
}

.pageMain .pageMain_bnr > div .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: center
}

.pageMain .pageMain_bnr > div .container h1 {
    animation: fadeIn 2s;
    color: #fff;
    font-family: Arsenica, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 660px;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.pageMain .pageMain_bnr > div .container a:link, .pageMain .pageMain_bnr > div .container a:visited {
    animation: fadeIn 5s;
    margin: 0 auto;
    text-transform: uppercase
}

.pageMain .pageMain_bnr > picture {
    display: block;
    overflow: hidden;
    width: 100%
}

.pageMain .pageMain_bnr > picture img {
    width: 100%
}

.pageMain .pageMain_bnr.-second {
    background-color: #070a09;
    background-image: url(../img/homepage-bnr-2.png);
    background-position: 0;
    background-repeat: no-repeat;
    margin-bottom: 90px;
    padding: 30vh 0
}

.pageMain .pageMain_bnr.-second .container .-half {
    margin-left: 50%;
    width: 50%
}

.pageMain .pageMain_bnr.-second .container .-half h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin: 10px 0 20px;
    max-width: 70%;
    padding: 0
}

.pageMain .pageMain_bnr a.js-home-scroll-down:link, .pageMain .pageMain_bnr a.js-home-scroll-down:visited {
    bottom: 48px;
    content: "";
    display: block;
    height: 48px;
    margin: auto;
    position: absolute;
    transition: none;
    width: 48px;
    z-index: 1
}

.pageMain .pageMain_bnr a.js-home-scroll-down:link:before, .pageMain .pageMain_bnr a.js-home-scroll-down:visited:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 48px;
    mask-image: url(../img/arrow-down.svg);
    -webkit-mask-image: url(../img/arrow-down.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 48px;
    z-index: -2
}

.pageMain .pageMain_bnr2 {
    background-color: #000;
    background-image: url(../img/bnr2.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 120px 0;
    padding: 160px 0
}

.pageMain .pageMain_bnr2 .container div {
    color: #fff;
    max-width: 460px
}

.pageMain .pageMain_bnr2 .container div h3 {
    color: #fff;
    font-family: Arsenica, sans-serif;
    font-size: 36px;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

.pageMain .pageMain_bnr2 .container div h3 span {
    color: #c60505
}

.pageMain .pageMain_bnr2 .container div p {
    font-size: 16px;
    padding-bottom: 40px
}

.pageMain .pageMain_bnr2 .container div a:link, .pageMain .pageMain_bnr2 .container div a:visited {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding: 12px 24px
}

.pageMain .pageMain_bnr2 .container div a:link:hover, .pageMain .pageMain_bnr2 .container div a:visited:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.pageMain .pageMain_bnr3 {
    background-color: #04090a;
    background-image: url(../img/bnr3.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 50% auto;
    margin: 120px 0;
    padding: 160px 0
}

.pageMain .pageMain_bnr3 .container {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.pageMain .pageMain_bnr3 .container div {
    color: #fff;
    max-width: 460px
}

.pageMain .pageMain_bnr3 .container div h3 {
    color: #fff;
    font-family: Arsenica, sans-serif;
    font-size: 36px;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

.pageMain .pageMain_bnr3 .container div h3 span {
    color: #c60505
}

.pageMain .pageMain_bnr3 .container div p {
    font-size: 16px;
    padding-bottom: 40px
}

.pageMain .pageMain_bnr3 .container div a:link, .pageMain .pageMain_bnr3 .container div a:visited {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding: 12px 24px
}

.pageMain .pageMain_bnr3 .container div a:link:hover, .pageMain .pageMain_bnr3 .container div a:visited:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.pageMain .pageMain_iconicBrand {
    background-image: url(../img/iconicBrand.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 50px
}

.pageMain .pageMain_iconicBrand .b-products {
    justify-content: flex-end;
    margin: 0 0 0 50%;
    padding: 0 50px
}

.pageMain .pageMain_iconicBrand .title {
    color: #fff;
    padding: 0 50px
}

.pageMain .pageMain_iconicBrand .title strong {
    color: #fff;
    font-family: Arsenica, sans-serif;
    font-size: 36px;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

.pageMain .pageMain_iconicBrand .title strong span {
    color: #c60505
}

.pageMain .pageMain_iconicBrand .title p {
    font-size: 16px;
    padding-bottom: 40px
}

.pageMain .head {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 120px
}

.pageMain .head h1, .pageMain .head h2, .pageMain .head h3, .pageMain .head h4 {
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    text-transform: uppercase
}

.pageMain .head h1 span, .pageMain .head h2 span, .pageMain .head h3 span, .pageMain .head h4 span {
    color: #c60505
}

.pageMain .head a:link, .pageMain .head a:visited {
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
    font-size: 12px;
    padding: 12px 24px
}

.pageMain .head a:link:hover, .pageMain .head a:visited:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.pageMain .pageMain_cat {
    text-transform: uppercase
}

.pageMain .pageMain_cat .main {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between
}

.pageMain .pageMain_cat .main a.item:link, .pageMain .pageMain_cat .main a.item:visited {
    position: relative
}

.pageMain .pageMain_cat .main a.item:link div, .pageMain .pageMain_cat .main a.item:visited div {
    align-items: flex-start;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: flex-end;
    left: 0;
    padding: 52px 26px;
    position: absolute;
    right: 0;
    top: 0
}

.pageMain .pageMain_cat .main a.item:link div strong, .pageMain .pageMain_cat .main a.item:visited div strong {
    display: block;
    font-family: Arsenica, sans-serif;
    font-size: 32px;
    margin-bottom: 12px
}

.pageMain .pageMain_cat .main a.item:link div img, .pageMain .pageMain_cat .main a.item:visited div img {
    display: block
}

.pageMain .pageMain_cat .main a.item:link:hover div, .pageMain .pageMain_cat .main a.item:visited:hover div {
    background-color: rgba(0, 0, 0, .6)
}

.pageMain .pageMain_iconic {
    text-transform: uppercase
}

.pageMain .pageMain_iconic .main {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between
}

.pageMain .pageMain_iconic .main a.item:link, .pageMain .pageMain_iconic .main a.item:visited {
    position: relative
}

.pageMain .pageMain_iconic .main a.item:link div, .pageMain .pageMain_iconic .main a.item:visited div {
    align-items: flex-start;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: flex-end;
    left: 0;
    padding: 28px 16px;
    position: absolute;
    right: 0;
    top: 0
}

.pageMain .pageMain_iconic .main a.item:link div strong, .pageMain .pageMain_iconic .main a.item:visited div strong {
    display: block;
    font-family: Arsenica, sans-serif;
    font-size: 24px
}

.pageMain .pageMain_iconic .main a.item:link div img, .pageMain .pageMain_iconic .main a.item:visited div img {
    display: block
}

.pageMain .pageMain_iconic .main a.item:link:hover div, .pageMain .pageMain_iconic .main a.item:visited:hover div {
    background-color: rgba(0, 0, 0, .6)
}

.pageMain h3 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center
}

.pageMain h3 small {
    color: #c60505;
    display: block;
    font-size: 16px;
    padding: 10px
}

.pageMain .pageHome_new {
    margin-bottom: 90px;
    padding-bottom: 30px
}

.pageMain .pageHome_new p {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 420px
}

.pageMain .pageHome_new .cat {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageMain .pageHome_new .cat a:link, .pageMain .pageHome_new .cat a:visited {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    text-align: center
}

.pageMain .pageHome_new .cat a:link:first-child, .pageMain .pageHome_new .cat a:visited:first-child {
    border-left: 1px solid #000
}

.pageMain .pageHome_new .cat a:link.-act, .pageMain .pageHome_new .cat a:visited.-act {
    background: #c60505;
    color: #fff
}

.pageMain .pageHome_new.pageHome_rec p {
    margin-bottom: 50px
}

.pageMain .pageMain_about {
    align-items: strech;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 120px 0
}

.pageMain .pageMain_about > img {
    width: 50%
}

.pageMain .pageMain_about > div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.pageMain .pageMain_about > div div {
    max-width: 460px
}

.pageMain .pageMain_about > div div h3 {
    font-family: Arsenica, sans-serif;
    font-size: 36px;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

.pageMain .pageMain_about > div div h3 span {
    color: #c60505
}

.pageMain .pageMain_about > div div p {
    font-size: 16px;
    padding-bottom: 40px
}

.pageMain .pageMain_about > div div a:link, .pageMain .pageMain_about > div div a:visited {
    border: 1px solid #000;
    color: #000;
    font-size: 12px;
    padding: 12px 24px;
    text-transform: uppercase
}

.pageMain .pageMain_about > div div a:link:hover, .pageMain .pageMain_about > div div a:visited:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.b-products, .b-products-row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.b-products .o-catalog, .b-products-row .o-catalog {
    width: calc(25% - 20px)
}

.b-products-mini {
    display: block
}

.b-products-mini a.o-catalog-mini {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    margin: 0 0 30px;
    padding: 0;
    width: 100%
}

.b-products-mini a.o-catalog-mini:hover div .-row .-more {
    opacity: 1
}

.b-products-mini a.o-catalog-mini picture {
    display: block;
    width: 60px
}

.b-products-mini a.o-catalog-mini picture img {
    display: block
}

.b-products-mini a.o-catalog-mini div {
    flex: 6 4 auto;
    text-transform: uppercase
}

.b-products-mini a.o-catalog-mini div strong {
    color: #4f4f4f;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px
}

.b-products-mini a.o-catalog-mini div .-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px
}

.b-products-mini a.o-catalog-mini div .-row .-price {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0
}

.b-products-mini a.o-catalog-mini div .-row .-more {
    align-items: center;
    color: #4f4f4f;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    opacity: .4
}

.b-products-mini a.o-catalog-mini div .-row .-more i {
    padding-left: 10px;
    transition: none;
    z-index: 1
}

.b-products-mini a.o-catalog-mini div .-row .-more i:after {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/cart.svg);
    -webkit-mask-image: url(../img/cart.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 14px;
    z-index: -2
}

.b-products-box {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

.b-products-box .item {
    align-items: stretch;
    display: flex;
    flex: 33%;
    flex-direction: column;
    justify-content: stretch;
    max-width: calc(33% - 16px);
    transition: transform .5s ease-in-out, opacity .5s ease-in-out
}

.b-products-box .item picture {
    background-color: #fafafa;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%
}

.b-products-box .item picture img {
    aspect-ratio: 420/460;
    display: block;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center
}

.b-products-box .item strong {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    padding: 0 10px;
    text-align: left
}

.b-products-box .item strong span {
    font-size: 14px;
    text-transform: uppercase
}

.b-products-box .item strong a:link, .b-products-box .item strong a:visited {
    background-color: #fafafa;
    transition: none;
    z-index: 1
}

.b-products-box .item strong a:link:before, .b-products-box .item strong a:visited:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 36px;
    mask-image: url(../img/plus.svg);
    -webkit-mask-image: url(../img/plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 36px;
    z-index: -2
}

.b-products-box .item ul.-stars {
    margin: 8px 10px
}

.b-products-box .item .-price {
    font-size: 16px;
    font-weight: 600
}

.owl-prod .o-catalog, .owl-prod-one .o-catalog, .owl-prod-r .o-catalog {
    margin: 0 auto 20px;
    width: calc(100% - 20px)
}

.pageOrder {
    align-items: flex-start;
    display: flex;
    gap: 60px;
    justify-content: space-between
}

.pageOrder h1, .pageOrder h2, .pageOrder h3 {
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.pageOrder h1 span, .pageOrder h2 span, .pageOrder h3 span {
    color: #c60505
}

.pageOrder .details {
    flex: 6 3 50%;
    margin-top: 0
}

.pageOrder .details .msg-error {
    background: #fafafa;
    border: 1px solid #97969a;
    font-size: 12px;
    margin: 20px 0;
    padding: 20px;
    text-align: center
}

.pageOrder .details .msg-error b {
    color: #c60505;
    display: block
}

.pageOrder .details input[type=email], .pageOrder .details input[type=tel], .pageOrder .details input[type=text], .pageOrder .details textarea {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #97969a;
    color: #000;
    font-size: 12px;
    margin-bottom: 24px;
    padding: 12px;
    text-transform: uppercase;
    width: calc(100% - 24px)
}

.pageOrder .details input[type=email]::placeholder, .pageOrder .details input[type=tel]::placeholder, .pageOrder .details input[type=text]::placeholder, .pageOrder .details textarea::placeholder {
    color: #97969a
}

.pageOrder .details input[type=email]:focus, .pageOrder .details input[type=tel]:focus, .pageOrder .details input[type=text]:focus, .pageOrder .details textarea:focus {
    border-bottom: 1px solid #000
}

.pageOrder .details .row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

.pageOrder .details .row > div, .pageOrder .details .row > div > label, .pageOrder .details .row > input, .pageOrder .details .row > label {
    position: relative;
    width: 50%
}

.pageOrder .details .row > div > label, .pageOrder .details .row > label {
    width: calc(100% - 24px)
}

.pageOrder .details .row > div > label > input, .pageOrder .details .row > label > input {
    display: block;
    margin-bottom: 0;
    width: calc(100% - 24px)
}

.pageOrder .details .row > div > label.req span, .pageOrder .details .row > label.req span {
    color: #c60505
}

.pageOrder .details .row > div > label > span, .pageOrder .details .row > label > span {
    color: #fff;
    display: block;
    font-size: 10px;
    height: 24px;
    padding-top: 5px;
    text-align: center
}

.pageOrder .details .deliveryMethods {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    overflow-x: auto
}

.pageOrder .details .deliveryMethods a:link, .pageOrder .details .deliveryMethods a:visited {
    border-bottom: 1px solid #fff;
    color: #4f4f4f;
    font-size: 12px;
    padding-bottom: 5px;
    text-transform: uppercase
}

.pageOrder .details .deliveryMethods a:link.act, .pageOrder .details .deliveryMethods a:visited.act {
    border-bottom: 1px solid #c60505;
    color: #1e1e1e;
    padding-bottom: 5px
}

.pageOrder .details .deliveryMethods a:link:hover, .pageOrder .details .deliveryMethods a:visited:hover {
    color: #c60505
}

.pageOrder .details .detailsDelivery_office {
    font-size: 12px;
    padding: 0 0 40px
}

.pageOrder .details .detailsDelivery_office strong {
    display: block;
    padding-bottom: 5px;
    text-transform: uppercase
}

.pageOrder .details .department-result, .pageOrder .details .town-result {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px #d2d2d2;
    box-shadow: 0 2px 10px #d2d2d2;
    color: #4f4f4f;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color="#FFD2D2D2");
    font-size: 12px;
    left: 0;
    margin-top: -20px;
    max-height: 30vh;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 99
}

.pageOrder .details .department-result a:visited, .pageOrder .details .department-result > a:link, .pageOrder .details .town-result a:visited, .pageOrder .details .town-result > a:link {
    color: #000;
    display: block;
    font-size: 12px;
    padding: 5px;
    position: relative
}

.pageOrder .details .department-result a:visited:hover, .pageOrder .details .department-result > a:link:hover, .pageOrder .details .town-result a:visited:hover, .pageOrder .details .town-result > a:link:hover {
    color: #c60505
}

.pageOrder .details .department-result a:visited.-close, .pageOrder .details .department-result > a:link.-close, .pageOrder .details .town-result a:visited.-close, .pageOrder .details .town-result > a:link.-close {
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    transition: none;
    width: 16px;
    z-index: 1
}

.pageOrder .details .department-result a:visited.-close:before, .pageOrder .details .department-result > a:link.-close:before, .pageOrder .details .town-result a:visited.-close:before, .pageOrder .details .town-result > a:link.-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/close.svg);
    -webkit-mask-image: url(../img/close.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageOrder .details .department-result.hidden, .pageOrder .details .town-result.hidden {
    display: none
}

.pageOrder .details .detailsPayment {
    margin-top: 40px
}

.pageOrder .details .detailsPayment > div {
    background-image: url(../img/checkbox-empty.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border: 1px solid #fff;
    color: #4f4f4f;
    cursor: pointer;
    flex: 3 6 50%;
    font-size: 12px;
    margin: 20px 0;
    padding: 20px 60px 20px 20px
}

.pageOrder .details .detailsPayment > div.-act {
    background-color: #fcfcfc;
    background-image: url(../img/checkbox-checked.svg);
    border: 1px solid #c60505
}

.pageOrder .details .detailsPayment > div:hover {
    border: 1px solid #97969a
}

.pageOrder .details .detailsPayment > div label {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.pageOrder .details .detailsPayment > div label input[type=radio] {
    display: none
}

.pageOrder .details a.js-nextStep, .pageOrder .details button.btn-submit {
    background-color: #c60505;
    border: none;
    color: #fff;
    display: block;
    font-size: 12px;
    margin-top: 50px;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
    width: calc(100% - 28px)
}

.pageOrder .details a.js-nextStep.disabled, .pageOrder .details button.btn-submit.disabled {
    background-color: #4f4f4f;
    cursor: default
}

.pageOrder .details a.js-nextStep:hover, .pageOrder .details button.btn-submit:hover {
    background-color: #4f4f4f
}

.pageOrder .details button[type=submit].btn-submit {
    width: 100%
}

.pageOrder .details a.js-prevStep {
    border: none;
    color: #4f4f4f;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
    width: calc(100% - 28px)
}

.pageOrder .details a.js-prevStep:hover {
    color: #c60505;
    text-decoration: underline
}

.pageOrder .products {
    flex: 6 3 50%
}

.pageOrder .products form .product {
    align-items: flex-start;
    border-left: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    text-transform: uppercase
}

.pageOrder .products form .product.-box_designer {
    border-left: 1px solid red
}

.pageOrder .products form .product a:visited, .pageOrder .products form .product > a:link {
    display: block;
    margin-right: 15px;
    width: 72px
}

.pageOrder .products form .product .-info {
    flex: 6 3
}

.pageOrder .products form .product .-info strong {
    display: block;
    font-size: 14px;
    margin-bottom: 10px
}

.pageOrder .products form .product .-info ul.-stars {
    justify-content: flex-start
}

.pageOrder .products form .product .-info .-count {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 5px;
    padding: 5px 0
}

.pageOrder .products form .product .-info .-count a.-minus, .pageOrder .products form .product .-info .-count a.-plus {
    align-items: center;
    background-color: #fafafa;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 5px
}

.pageOrder .products form .product .-info .-count a.-minus.-minus, .pageOrder .products form .product .-info .-count a.-plus.-minus {
    transition: none;
    z-index: 1
}

.pageOrder .products form .product .-info .-count a.-minus.-minus:before, .pageOrder .products form .product .-info .-count a.-plus.-minus:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/-minus.svg);
    -webkit-mask-image: url(../img/-minus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 26px;
    z-index: -2
}

.pageOrder .products form .product .-info .-count a.-minus.-plus, .pageOrder .products form .product .-info .-count a.-plus.-plus {
    transition: none;
    z-index: 1
}

.pageOrder .products form .product .-info .-count a.-minus.-plus:before, .pageOrder .products form .product .-info .-count a.-plus.-plus:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/-plus.svg);
    -webkit-mask-image: url(../img/-plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 26px;
    z-index: -2
}

.pageOrder .products form .product .-info .-count a.-minus:hover, .pageOrder .products form .product .-info .-count a.-plus:hover {
    background-color: #fff
}

.pageOrder .products form .product .-info .-count input {
    -moz-appearance: textfield;
    background-color: #fafafa;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    text-align: center;
    width: 20px
}

.pageOrder .products form .product .-info .-count input::-webkit-inner-spin-button, .pageOrder .products form .product .-info .-count input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.pageOrder .products form .product .-action {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pageOrder .products form .product .-action a.-remove {
    align-items: center;
    border: 1px solid #97969a;
    content: "";
    display: flex;
    height: 24px;
    justify-content: center;
    margin: 0 0 auto auto;
    transition: none;
    width: 24px;
    z-index: 1
}

.pageOrder .products form .product .-action a.-remove:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 12px;
    mask-image: url(../img/xx.svg);
    -webkit-mask-image: url(../img/xx.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 12px;
    z-index: -2
}

.pageOrder .products form .product .-action .-price {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px
}

.pageOrder .products form .cashBack {
    background: #fafafa;
    color: #1e1e1e;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 20px
}

.pageOrder .products form .cashBack strong {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 5px;
    text-transform: uppercase
}

.pageOrder .products form .cashBack strong i {
    transition: none;
    z-index: 1
}

.pageOrder .products form .cashBack strong i:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 24px;
    mask-image: url(../img/discount.svg);
    -webkit-mask-image: url(../img/discount.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

.pageOrder .products form .promoCode strong {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 5px;
    text-transform: uppercase
}

.pageOrder .products form .promoCode strong i {
    transition: none;
    z-index: 1
}

.pageOrder .products form .promoCode strong i:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 24px;
    mask-image: url(../img/-plus.svg);
    -webkit-mask-image: url(../img/-plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

.pageOrder .products form .promoCode .row {
    align-items: stretch;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.pageOrder .products form .promoCode input[type=text] {
    border: none;
    border-bottom: 1px solid gray;
    flex: 6 3;
    font-size: 12px;
    font-weight: 400;
    padding: 12px;
    text-transform: uppercase
}

.pageOrder .products form .promoCode input[type=button] {
    background: none;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    padding: 12px;
    text-transform: uppercase
}

.pageOrder .products form .promoCode input[type=button]:active, .pageOrder .products form .promoCode input[type=button]:hover {
    background-color: #c60505;
    color: #fff
}

.pageOrder .products form .total.-row {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    text-transform: uppercase
}

.pageOrder .products form .total.-row strong:first-child {
    font-family: Arsenica, sans-serif;
    font-size: 14px
}

.pageOrder .products form .total.-row strong:last-child {
    font-size: 16px;
    font-weight: 500;
    text-align: right
}

.pageOrder .products .bl-dropdown {
    text-transform: uppercase
}

.pageOrder .products .bl-dropdown > div {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    text-align: left
}

.pageOrder .products .bl-dropdown > div > a.dropbtn {
    color: #1e1e1e;
    content: "";
    display: flex;
    margin: 0;
    transition: none;
    z-index: 1
}

.pageOrder .products .bl-dropdown > div > a.dropbtn span {
    font-size: 14px;
    padding-left: 5px
}

.pageOrder .products .bl-dropdown > div > a.dropbtn:before {
    background: gray;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/-plus.svg);
    -webkit-mask-image: url(../img/-plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageOrder .products .bl-dropdown > div > a.dropbtn.act {
    transition: none;
    z-index: 1
}

.pageOrder .products .bl-dropdown > div > a.dropbtn.act:before {
    background: gray;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/-minus.svg);
    -webkit-mask-image: url(../img/-minus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageOrder .products .bl-dropdown .dropdown-content {
    background: #fff;
    box-shadow: none;
    display: block;
    margin: 0;
    max-width: 100%;
    padding: 20px;
    position: relative
}

.pageOrder .products .bl-dropdown .dropdown-content.hidden {
    display: none
}

.pageOrder .products .bl-dropdown .dropdown-content > a {
    border-bottom: 1px solid #eee;
    color: #000;
    display: block;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    text-align: left
}

.pageOrder .products .bl-dropdown .dropdown-content > a:last-child {
    border-bottom: none
}

.pageOrder .label-ckeckbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: flex-start;
    line-height: 1.4;
    text-transform: uppercase
}

.pageOrder .label-ckeckbox input[type=checkbox] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-left: 10px;
    margin-right: 10px;
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.pageReviews .list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.pageReviews .list a {
    display: block;
    flex: 1 0 calc(25% - 20px);
    line-height: 1;
    margin-bottom: 40px;
    max-width: calc(25% - 20px)
}

.pageReviews .list a picture {
    overflow: hidden;
    width: 100%
}

.pageReviews .list a picture img {
    aspect-ratio: 300/350;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.pageReviews .list a picture img:hover {
    opacity: .5
}

.pageReviews .list a span {
    display: block;
    font-size: 14px;
    padding: 15px 0
}

.pageReviews .list a strong {
    color: #000;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase
}

.pageReviews_one {
    font-size: 14px;
    line-height: 1.4
}

.pageReviews_one .row {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageReviews_one .added {
    font-size: 12px;
    font-weight: 400;
    text-align: right
}

.pageReviews_one .type {
    background-color: #fafafa;
    color: #c60505;
    font-size: 12px;
    font-weight: 400;
    padding: 12px
}

.pageReviews_one h1 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase
}

.pageReviews_one > picture {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%
}

.pageReviews_one > picture img {
    aspect-ratio: 2.4/2;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.pageReviews_one h3 {
    padding: 20px 0
}

.pageReviews_one p {
    padding-bottom: 20px
}

.pageReviews_one ol, .pageReviews_one ul {
    padding: 0 20px
}

.hidden {
    display: none !important
}

.pageContact .pageHome_getset > div {
    background-image: url(../img/signature-w.svg);
    background-position: right 20vw bottom 0;
    background-repeat: no-repeat;
    background-size: 150px
}

.pageContact .pageHome_open {
    color: #c60505;
    margin-top: 120px
}

.pageContact .pageHome_open > div {
    background-image: none;
    padding: 70px 110px;
    width: auto
}

.pageContact .pageHome_open > div strong {
    margin-bottom: 10px
}

.pageContact .pageHome_open > div p {
    font-size: 14px;
    max-width: 390px
}

.pageContact .pageHome_open > div p b {
    color: #c60505;
    font-size: 20px;
    font-weight: 500
}

.pageContact .pageHome_open > div p b a {
    color: #c60505
}

.pageContact .pageHome_open > div .noindex {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageContact .pageHome_open > div .noindex a:link, .pageContact .pageHome_open > div .noindex a:visited {
    content: "";
    display: block;
    margin-right: 10px
}

.pageContact .pageHome_open > div .noindex a:link.el-tiktok, .pageContact .pageHome_open > div .noindex a:visited.el-tiktok {
    content: "";
    display: block;
    z-index: 1
}

.pageContact .pageHome_open > div .noindex a:link.el-tiktok:before, .pageContact .pageHome_open > div .noindex a:visited.el-tiktok:before {
    background-image: url(../img/tiktok.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 25px;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageContact .pageHome_open > div .noindex a:link.el-fb, .pageContact .pageHome_open > div .noindex a:visited.el-fb {
    content: "";
    display: block;
    z-index: 1
}

.pageContact .pageHome_open > div .noindex a:link.el-fb:before, .pageContact .pageHome_open > div .noindex a:visited.el-fb:before {
    background-image: url(../img/fb.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 25px;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageContact .pageHome_open > div .noindex a:link.el-insta, .pageContact .pageHome_open > div .noindex a:visited.el-insta {
    content: "";
    display: block;
    z-index: 1
}

.pageContact .pageHome_open > div .noindex a:link.el-insta:before, .pageContact .pageHome_open > div .noindex a:visited.el-insta:before {
    background-image: url(../img/insta.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 25px;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageContact .pageHome_open > img {
    width: 70%
}

.pageInfo {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    padding: 0 20px
}

.pageInfo p {
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 20px
}

.pageInfo h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center
}

.breadCrumbs {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: italic;
    justify-content: flex-start;
    margin-bottom: 10px;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: thin
}

.breadCrumbs span {
    color: #000;
    font-size: 13px
}

.breadCrumbs a:link, .breadCrumbs a:visited {
    color: #c60505;
    margin-right: 5px
}

.breadCrumbs a:link:after, .breadCrumbs a:visited:after {
    content: "/";
    padding-left: 5px
}

.pageBrands h1 {
    margin-bottom: 10px
}

.pageBrands .list {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.pageBrands .list a:link, .pageBrands .list a:visited {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
    opacity: .7;
    padding: 0;
    width: 16.6%
}

.pageBrands .list a:link:hover, .pageBrands .list a:link:hover mark, .pageBrands .list a:link:hover strong, .pageBrands .list a:visited:hover, .pageBrands .list a:visited:hover mark, .pageBrands .list a:visited:hover strong {
    opacity: 1
}

.pageBrands .list a:link strong, .pageBrands .list a:visited strong {
    color: #1e1e1e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    opacity: 0;
    padding: 5px 0;
    text-transform: uppercase
}

.pageBrands .list a:link mark, .pageBrands .list a:visited mark {
    background: none;
    color: #c60505;
    font-size: 14px;
    opacity: 0
}

.pageBrands .list a:link picture, .pageBrands .list a:visited picture {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 220px;
    justify-content: center;
    width: 100%
}

.pageBrands .list a:link picture img, .pageBrands .list a:visited picture img {
    margin: auto;
    max-height: 90%;
    max-width: 90%
}

.pageCatalog_brandInfo {
    align-items: center;
    background-color: #fafafa;
    display: flex;
    font-size: 12px;
    gap: 20px;
    justify-content: flex-start;
    line-height: 1.4;
    margin: 20px auto;
    padding: 20px
}

.pageCatalog_brandInfo img {
    height: auto;
    width: 160px
}

.pageCatalog_brandInfo p {
    padding-bottom: 10px
}

.pageCatalog_brandInfo h3 {
    font-size: 24px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.pageCatalog_top {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 40px
}

.pageCatalog_top h1 {
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.pageCatalog_top .-topBlock {
    align-items: center;
    color: #1e1e1e;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-end;
    margin-bottom: 20px;
    text-align: right;
    text-transform: uppercase
}

.pageCatalog_top .-topBlock a.js-filter {
    color: #1e1e1e;
    display: none;
    padding: 10px
}

.pageCatalog_top .-topBlock a.js-filter span {
    margin-left: 5px
}

.pageCatalog_top .-topBlock a.js-filter i {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: none;
    z-index: 1
}

.pageCatalog_top .-topBlock a.js-filter i:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/filter.svg);
    -webkit-mask-image: url(../img/filter.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageCatalog_top .-topBlock .js-sort {
    align-items: center;
    color: #1e1e1e;
    display: block;
    display: flex;
    flex-direction: row;
    font-weight: 700;
    justify-content: center;
    text-transform: uppercase
}

.pageCatalog_top .-topBlock .js-sort label, .pageCatalog_top .-topBlock .js-sort span {
    font-size: 14px
}

.pageCatalog_top .-topBlock .js-sort label select, .pageCatalog_top .-topBlock .js-sort span select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    text-indent: 1px;
    text-overflow: "";
    text-transform: uppercase
}

.pageCatalog_top .-topBlock .js-sort label select::-ms-expand, .pageCatalog_top .-topBlock .js-sort span select::-ms-expand {
    display: none
}

.pageCatalog_top .-topBlock .js-sort i {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: none;
    z-index: 1
}

.pageCatalog_top .-topBlock .js-sort i:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/sort.svg);
    -webkit-mask-image: url(../img/sort.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageCatalog {
    align-items: stretch;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.pageCatalog .-left {
    padding-right: 20px;
    position: relative;
    text-transform: uppercase
}

.pageCatalog .-left strong.o-brand, .pageCatalog .-left strong.o-cats, .pageCatalog .-left strong.o-notes {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    justify-content: space-between;
    padding: 0
}

.pageCatalog .-left strong.o-brand:hover, .pageCatalog .-left strong.o-cats:hover, .pageCatalog .-left strong.o-notes:hover {
    color: #c60505
}

.pageCatalog .-left strong.o-brand:hover i, .pageCatalog .-left strong.o-cats:hover i, .pageCatalog .-left strong.o-notes:hover i {
    transition: none;
    z-index: 1
}

.pageCatalog .-left strong.o-brand:hover i:before, .pageCatalog .-left strong.o-cats:hover i:before, .pageCatalog .-left strong.o-notes:hover i:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 25px;
    mask-image: url(../img/plus.svg);
    -webkit-mask-image: url(../img/plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageCatalog .-left strong.o-brand i, .pageCatalog .-left strong.o-cats i, .pageCatalog .-left strong.o-notes i {
    margin: 5px;
    transition: none;
    z-index: 1
}

.pageCatalog .-left strong.o-brand i:before, .pageCatalog .-left strong.o-cats i:before, .pageCatalog .-left strong.o-notes i:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 25px;
    mask-image: url(../img/plus.svg);
    -webkit-mask-image: url(../img/plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageCatalog .-left strong.o-brand.-act:hover, .pageCatalog .-left strong.o-cats.-act:hover, .pageCatalog .-left strong.o-notes.-act:hover {
    color: #c60505
}

.pageCatalog .-left strong.o-brand.-act:hover i, .pageCatalog .-left strong.o-cats.-act:hover i, .pageCatalog .-left strong.o-notes.-act:hover i {
    transition: none;
    z-index: 1
}

.pageCatalog .-left strong.o-brand.-act:hover i:before, .pageCatalog .-left strong.o-cats.-act:hover i:before, .pageCatalog .-left strong.o-notes.-act:hover i:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 25px;
    mask-image: url(../img/minus.svg);
    -webkit-mask-image: url(../img/minus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageCatalog .-left strong.o-brand.-act i, .pageCatalog .-left strong.o-cats.-act i, .pageCatalog .-left strong.o-notes.-act i {
    margin: 5px;
    transition: none;
    z-index: 1
}

.pageCatalog .-left strong.o-brand.-act i:before, .pageCatalog .-left strong.o-cats.-act i:before, .pageCatalog .-left strong.o-notes.-act i:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 25px;
    mask-image: url(../img/minus.svg);
    -webkit-mask-image: url(../img/minus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 25px;
    z-index: -2
}

.pageCatalog .-left .js-loading {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pageCatalog .-left .js-loading b {
    display: block;
    height: 100px;
    margin: 200px auto;
    transition: none;
    width: 100px;
    z-index: 1
}

.pageCatalog .-left .js-loading b:before {
    background: #4f4f4f;
    content: "";
    display: inline-block;
    height: 100px;
    mask-image: url(../img/loading.svg);
    -webkit-mask-image: url(../img/loading.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 100px;
    z-index: -2
}

.pageCatalog .-left .bl-cats a:link, .pageCatalog .-left .bl-cats a:visited {
    align-items: center;
    color: #1e1e1e;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
    justify-content: space-between;
    line-height: 1;
    padding: 5px;
    transition: none;
    width: calc(100% - 15px);
    z-index: 1
}

.pageCatalog .-left .bl-cats a:link:before, .pageCatalog .-left .bl-cats a:visited:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/ch.svg);
    -webkit-mask-image: url(../img/ch.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageCatalog .-left .bl-cats a:link span, .pageCatalog .-left .bl-cats a:visited span {
    word-wrap: break-word;
    padding-right: 10px;
    width: calc(100% - 20px)
}

.pageCatalog .-left .bl-cats a:link:hover, .pageCatalog .-left .bl-cats a:visited:hover {
    color: #c60505
}

.pageCatalog .-left .bl-cats a:link.-act, .pageCatalog .-left .bl-cats a:visited.-act {
    color: #c60505;
    transition: none;
    z-index: 1
}

.pageCatalog .-left .bl-cats a:link.-act:before, .pageCatalog .-left .bl-cats a:visited.-act:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 15px;
    mask-image: url(../img/ch-a.svg);
    -webkit-mask-image: url(../img/ch-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 15px;
    z-index: -2
}

.pageCatalog .-left form {
    position: sticky;
    top: 140px;
    width: 260px
}

.pageCatalog .-left form input[type=submit] {
    background: #c60505;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px 20px
}

.pageCatalog .-left form input[type=submit]:hover {
    background: #97969a
}

.pageCatalog .-left form strong {
    display: block;
    margin-bottom: 0
}

.pageCatalog .-left form .list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    max-height: 0;
    overflow-y: auto;
    padding: 0 10px 0 0
}

.pageCatalog .-left form .list.-act {
    max-height: 70vh
}

.pageCatalog .-left form .list label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
    justify-content: space-between;
    line-height: 1;
    padding: 5px;
    transition: none;
    width: calc(100% - 15px);
    z-index: 1
}

.pageCatalog .-left form .list label:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/ch.svg);
    -webkit-mask-image: url(../img/ch.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageCatalog .-left form .list label.ml, .pageCatalog .-left form .list label.ml:nth-child(n+1) {
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    width: calc(50% - 20px)
}

.pageCatalog .-left form .list label span {
    word-wrap: break-word;
    padding-right: 10px;
    width: calc(100% - 20px)
}

.pageCatalog .-left form .list label input[type=checkbox] {
    display: none
}

.pageCatalog .-left form .list label:hover {
    color: #c60505
}

.pageCatalog .-left form .list label.-act {
    color: #c60505;
    transition: none;
    z-index: 1
}

.pageCatalog .-left form .list label.-act:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 15px;
    mask-image: url(../img/ch-a.svg);
    -webkit-mask-image: url(../img/ch-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 15px;
    z-index: -2
}

.pageCatalog .-left form .list hr {
    border: none;
    border-bottom: 1px solid #97969a;
    width: 100%
}

.pageCatalog .-left form .price-range-slider {
    width: calc(100% - 20px)
}

.pageCatalog .-left form .price-range-slider .range-value {
    margin: 0
}

.pageCatalog .-left form .price-range-slider .range-value input {
    background: none;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
    width: 100%
}

.pageCatalog .-left form .price-range-slider .range-bar {
    background: #97969a;
    border: none;
    height: 2px;
    margin-left: 8px;
    width: 96%
}

.pageCatalog .-left form .price-range-slider .range-bar .ui-slider-range {
    background: #97969a
}

.pageCatalog .-left form .price-range-slider .range-bar .ui-slider-handle {
    background: #fff;
    border: 2px solid #97969a;
    border-radius: 25px;
    cursor: pointer;
    height: 17px;
    top: -.52em;
    width: 17px
}

.pageCatalog .-left form .price-range-slider .range-bar .ui-slider-handle + span {
    background: #97969a
}

.pageCatalog .-row, .pageCatalog .-row > .js-products {
    flex: 6 2;
    justify-content: flex-start
}

.pageCatalog .-full, .pageCatalog .-row, .pageCatalog .-row > .js-products {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

.pageCatalog .-full {
    justify-content: space-between;
    width: 100%
}

.pageCatalog .-bottomPager {
    align-items: center;
    color: #60696e;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
    width: 100%
}

.pageCatalog .-bottomPager a:link, .pageCatalog .-bottomPager a:visited {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    font-size: 12px;
    margin: 1px;
    padding: 10px
}

.pageCatalog .-bottomPager a:link:hover, .pageCatalog .-bottomPager a:visited:hover {
    background: #97969a;
    border: 1px solid #97969a;
    color: #fff
}

.pageCatalog .-bottomPager a:link.-act, .pageCatalog .-bottomPager a:visited.-act {
    border: 1px solid gray
}

.pageCatalog_cat {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: 40px auto;
    max-width: 620px
}

.pageCatalog_cat a:link, .pageCatalog_cat a:visited {
    border: 1px solid #000;
    border-radius: 2px;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 10px;
    text-align: center;
    width: calc(33% - 28px)
}

.pageCatalog_cat a:link.-act, .pageCatalog_cat a:link:hover, .pageCatalog_cat a:visited.-act, .pageCatalog_cat a:visited:hover {
    background: #1e1e1e;
    color: #fff
}

.pageCatalog_panelFilter {
    display: none
}

.pageOrder2 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageOrder2 > .details {
    max-width: 700px;
    padding-right: 40px
}

.pageOrder2 > .details .detailsPayment-old > div {
    font-size: 16px
}

.pageOrder2 > .details .detailsPayment-old > div label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-direction: row-reverse;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    padding: 5px 0 20px;
    transition: none;
    z-index: 1
}

.pageOrder2 > .details .detailsPayment-old > div label input[type=radio] {
    display: none
}

.pageOrder2 > .details .detailsPayment-old > div label:hover {
    color: #c60505
}

.pageOrder2 > .details .detailsPayment-old > div label:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/ch.svg);
    -webkit-mask-image: url(../img/ch.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.pageOrder2 > .details .detailsPayment-old > div p {
    color: #4f4f4f;
    font-size: 12px;
    padding: 0 0 20px
}

.pageOrder2 > .details .detailsPayment-old > div p b {
    color: #c60505
}

.pageOrder2 > .details .detailsPayment-old > div.-act label {
    transition: none;
    z-index: 1
}

.pageOrder2 > .details .detailsPayment-old > div.-act label:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/ch-a.svg);
    -webkit-mask-image: url(../img/ch-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.pageOrder2 > .details .detailsDelivery > div, .pageOrder2 > .details .detailsGift > div, .pageOrder2 > .details .detailsPayment > div {
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    color: #4f4f4f;
    cursor: pointer;
    flex: 3 6 50%;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 20px 40px 20px 20px
}

.pageOrder2 > .details .detailsDelivery > div.-act, .pageOrder2 > .details .detailsGift > div.-act, .pageOrder2 > .details .detailsPayment > div.-act {
    background-color: #fcfcfc;
    background-image: url(../img/-alert.svg);
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border: 1px solid #c60505
}

.pageOrder2 > .details .detailsDelivery > div.-act label, .pageOrder2 > .details .detailsGift > div.-act label, .pageOrder2 > .details .detailsPayment > div.-act label {
    color: #c60505
}

.pageOrder2 > .details .detailsDelivery > div.-act.cash, .pageOrder2 > .details .detailsGift > div.-act.cash, .pageOrder2 > .details .detailsPayment > div.-act.cash {
    background-image: url(../img/i-cash.svg)
}

.pageOrder2 > .details .detailsDelivery > div.-act.card, .pageOrder2 > .details .detailsGift > div.-act.card, .pageOrder2 > .details .detailsPayment > div.-act.card {
    background-image: url(../img/i-card.svg)
}

.pageOrder2 > .details .detailsDelivery > div label, .pageOrder2 > .details .detailsGift > div label, .pageOrder2 > .details .detailsPayment > div label {
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px
}

.pageOrder2 > .details .detailsDelivery > div label input[type=radio], .pageOrder2 > .details .detailsGift > div label input[type=radio], .pageOrder2 > .details .detailsPayment > div label input[type=radio] {
    display: none
}

.pageOrder2 > .details .detailsDelivery_addr .radio {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    width: 50%
}

.pageOrder2 > .details .detailsDelivery_addr .radio label {
    cursor: pointer
}

.pageOrder2 > .details .detailsDelivery_addr .radio span.radio-wrap {
    cursor: pointer;
    font-size: 1.1rem
}

.pageOrder2 > .details .detailsDelivery_addr .radio input[type=radio] {
    border: 0;
    height: 1.5em;
    width: 160%
}

.pageOrder2 > .details .detailsDelivery_addr input[type=email], .pageOrder2 > .details .detailsDelivery_addr input[type=number], .pageOrder2 > .details .detailsDelivery_addr input[type=tel], .pageOrder2 > .details .detailsDelivery_addr input[type=text], .pageOrder2 > .details .detailsDelivery_addr select {
    display: block;
    margin-bottom: 20px;
    width: calc(100% - 42px)
}

.pageOrder2 > .details .detailsDelivery_addr input[type=email].hidden, .pageOrder2 > .details .detailsDelivery_addr input[type=number].hidden, .pageOrder2 > .details .detailsDelivery_addr input[type=tel].hidden, .pageOrder2 > .details .detailsDelivery_addr input[type=text].hidden, .pageOrder2 > .details .detailsDelivery_addr select.hidden {
    display: none
}

.pageOrder2 > .details .detailsDelivery_addr select {
    width: calc(100% - 2px)
}

.pageOrder2 > .details .detailsDelivery_addr select.hidden {
    display: none
}

.pageOrder2 > .details .detailsDelivery_addr > div {
    position: relative
}

.pageOrder2 > .details .detailsDelivery_addr > div select.hidden {
    display: none
}

.pageOrder2 > .details .el-inpost > a:link, .pageOrder2 > .details .el-inpost > a:visited {
    align-items: center;
    border: 2px solid #fab201;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: 10px 20px;
    transition: all .3s ease
}

.pageOrder2 > .details .el-inpost > a:link i, .pageOrder2 > .details .el-inpost > a:visited i {
    display: block;
    height: 70px;
    transition: none;
    width: 120px;
    z-index: 1
}

.pageOrder2 > .details .el-inpost > a:link i:before, .pageOrder2 > .details .el-inpost > a:visited i:before {
    background-image: url(../img/inpost-logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 120px 70px;
    content: "";
    display: inline-block;
    height: 70px;
    transition: all .1s ease;
    width: 120px;
    z-index: -2
}

.pageOrder2 > .details .el-inpost > a:link span, .pageOrder2 > .details .el-inpost > a:visited span {
    display: block;
    padding-left: 20px
}

.pageOrder2 > .details .el-inpost > a:link:hover, .pageOrder2 > .details .el-inpost > a:visited:hover {
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, rgba(250, 178, 1, .05) 0, rgba(250, 178, 1, .05) 20px)
}

.pageOrder2 > .details .el-inpost input {
    background: none;
    border: none;
    font-weight: 700;
    margin: 3px 0 0 5px;
    padding: 0
}

.pageOrder2 > .cart {
    width: 382px
}

.pageOrder2 > .cart .msg-need-cash {
    background-color: #fff2e5;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 20px 20px 10px
}

.pageOrder2 > .cart .msg-need-cash p {
    padding-bottom: 10px
}

.pageOrder2 h3 {
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px
}

.pageOrder2 h2 {
    font-size: 28px;
    margin-bottom: 30px
}

.pageOrder2 .pageOrder_result {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    padding: 220px
}

.pageOrder2 .pageOrder_result .-empty {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start
}

.pageOrder2 .pageOrder_result .-empty > .-bg {
    content: "";
    display: block;
    height: 64px;
    margin-right: 30px;
    width: 64px;
    z-index: 1
}

.pageOrder2 .pageOrder_result .-empty > .-bg:before {
    background-image: url(../img/bg-cat-3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 64px;
    transition: all .1s ease;
    width: 64px;
    z-index: -2
}

.pageOrder2 .pageOrder_result .-empty h3 {
    margin-top: 0;
    padding-top: 0
}

.pageOrder_pl {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageOrder_pl > .details {
    max-width: 700px;
    padding-right: 40px
}

.pageOrder_pl > .details .detailsPayment-old > div {
    font-size: 16px
}

.pageOrder_pl > .details .detailsPayment-old > div label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-direction: row-reverse;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    padding: 5px 0 20px;
    transition: none;
    z-index: 1
}

.pageOrder_pl > .details .detailsPayment-old > div label input[type=radio] {
    display: none
}

.pageOrder_pl > .details .detailsPayment-old > div label:hover {
    color: #c60505
}

.pageOrder_pl > .details .detailsPayment-old > div label:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/ch.svg);
    -webkit-mask-image: url(../img/ch.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.pageOrder_pl > .details .detailsPayment-old > div p {
    color: #4f4f4f;
    font-size: 12px;
    padding: 0 0 20px
}

.pageOrder_pl > .details .detailsPayment-old > div p b {
    color: #c60505
}

.pageOrder_pl > .details .detailsPayment-old > div.-act label {
    transition: none;
    z-index: 1
}

.pageOrder_pl > .details .detailsPayment-old > div.-act label:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 32px;
    mask-image: url(../img/ch-a.svg);
    -webkit-mask-image: url(../img/ch-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 32px;
    z-index: -2
}

.pageOrder_pl > .details .detailsDelivery, .pageOrder_pl > .details .detailsGift, .pageOrder_pl > .details .detailsPayment {
    margin: 0
}

.pageOrder_pl > .details .detailsDelivery > div, .pageOrder_pl > .details .detailsGift > div, .pageOrder_pl > .details .detailsPayment > div {
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    color: #4f4f4f;
    cursor: pointer;
    flex: 3 6 50%;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 20px 40px 20px 20px
}

.pageOrder_pl > .details .detailsDelivery > div.-act, .pageOrder_pl > .details .detailsGift > div.-act, .pageOrder_pl > .details .detailsPayment > div.-act {
    background-color: #fcfcfc;
    background-image: url(../img/-alert.svg);
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border: 1px solid #c60505
}

.pageOrder_pl > .details .detailsDelivery > div.-act label, .pageOrder_pl > .details .detailsGift > div.-act label, .pageOrder_pl > .details .detailsPayment > div.-act label {
    color: #c60505
}

.pageOrder_pl > .details .detailsDelivery > div.-act.cash, .pageOrder_pl > .details .detailsGift > div.-act.cash, .pageOrder_pl > .details .detailsPayment > div.-act.cash {
    background-image: url(../img/i-cash.svg)
}

.pageOrder_pl > .details .detailsDelivery > div.-act.card, .pageOrder_pl > .details .detailsGift > div.-act.card, .pageOrder_pl > .details .detailsPayment > div.-act.card {
    background-image: url(../img/i-card.svg)
}

.pageOrder_pl > .details .detailsDelivery > div label, .pageOrder_pl > .details .detailsGift > div label, .pageOrder_pl > .details .detailsPayment > div label {
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px
}

.pageOrder_pl > .details .detailsDelivery > div label input[type=radio], .pageOrder_pl > .details .detailsGift > div label input[type=radio], .pageOrder_pl > .details .detailsPayment > div label input[type=radio] {
    display: none
}

.pageOrder_pl > .details .detailsDelivery_addr .radio {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 20px 0;
    width: 50%
}

.pageOrder_pl > .details .detailsDelivery_addr .radio label {
    cursor: pointer;
    font-size: 18px
}

.pageOrder_pl > .details .detailsDelivery_addr .radio span.radio-wrap {
    cursor: pointer;
    font-size: 1.1rem
}

.pageOrder_pl > .details .detailsDelivery_addr .radio input[type=radio] {
    border: 0;
    height: 22px;
    margin: 0;
    min-width: 22px;
    padding: 0;
    width: 22px
}

.pageOrder_pl > .details .detailsDelivery_addr input[type=email], .pageOrder_pl > .details .detailsDelivery_addr input[type=number], .pageOrder_pl > .details .detailsDelivery_addr input[type=tel], .pageOrder_pl > .details .detailsDelivery_addr input[type=text], .pageOrder_pl > .details .detailsDelivery_addr select {
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    width: calc(100% - 22px)
}

.pageOrder_pl > .details .detailsDelivery_addr input[type=email].hidden, .pageOrder_pl > .details .detailsDelivery_addr input[type=number].hidden, .pageOrder_pl > .details .detailsDelivery_addr input[type=tel].hidden, .pageOrder_pl > .details .detailsDelivery_addr input[type=text].hidden, .pageOrder_pl > .details .detailsDelivery_addr select.hidden {
    display: none
}

.pageOrder_pl > .details .detailsDelivery_addr select {
    width: calc(100% - 2px)
}

.pageOrder_pl > .details .detailsDelivery_addr select.hidden {
    display: none
}

.pageOrder_pl > .details .detailsDelivery_addr > div {
    position: relative
}

.pageOrder_pl > .details .detailsDelivery_addr > div select.hidden {
    display: none
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px #d2d2d2;
    box-shadow: 0 2px 10px #d2d2d2;
    color: #4f4f4f;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color="#FFD2D2D2");
    font-size: 12px;
    left: 0;
    margin-top: -20px;
    max-height: 30vh;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 99
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result a:visited, .pageOrder_pl > .details .detailsDelivery_addr > div .department-result > a:link, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result a:visited, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result > a:link, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result a:visited, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result > a:link {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 10px;
    position: relative
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result a:visited:hover, .pageOrder_pl > .details .detailsDelivery_addr > div .department-result > a:link:hover, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result a:visited:hover, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result > a:link:hover, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result a:visited:hover, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result > a:link:hover {
    background: #97969a
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result a:visited.-close, .pageOrder_pl > .details .detailsDelivery_addr > div .department-result > a:link.-close, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result a:visited.-close, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result > a:link.-close, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result a:visited.-close, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result > a:link.-close {
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    transition: none;
    width: 16px;
    z-index: 1
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result a:visited.-close:before, .pageOrder_pl > .details .detailsDelivery_addr > div .department-result > a:link.-close:before, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result a:visited.-close:before, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result > a:link.-close:before, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result a:visited.-close:before, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result > a:link.-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/close.svg);
    -webkit-mask-image: url(../img/close.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px;
    z-index: -2
}

.pageOrder_pl > .details .detailsDelivery_addr > div .department-result.hidden, .pageOrder_pl > .details .detailsDelivery_addr > div .town-result.hidden, .pageOrder_pl > .details .detailsDelivery_addr > div .up-result.hidden {
    display: none
}

.pageOrder_pl > .details .el-inpost > a:link, .pageOrder_pl > .details .el-inpost > a:visited {
    align-items: center;
    border: 2px solid #fab201;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: 10px 20px;
    transition: all .3s ease
}

.pageOrder_pl > .details .el-inpost > a:link i, .pageOrder_pl > .details .el-inpost > a:visited i {
    display: block;
    height: 70px;
    transition: none;
    width: 120px;
    z-index: 1
}

.pageOrder_pl > .details .el-inpost > a:link i:before, .pageOrder_pl > .details .el-inpost > a:visited i:before {
    background-image: url(../img/inpost-logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 120px 70px;
    content: "";
    display: inline-block;
    height: 70px;
    transition: all .1s ease;
    width: 120px;
    z-index: -2
}

.pageOrder_pl > .details .el-inpost > a:link span, .pageOrder_pl > .details .el-inpost > a:visited span {
    display: block;
    padding-left: 20px
}

.pageOrder_pl > .details .el-inpost > a:link:hover, .pageOrder_pl > .details .el-inpost > a:visited:hover {
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, rgba(250, 178, 1, .05) 0, rgba(250, 178, 1, .05) 20px)
}

.pageOrder_pl > .details .el-inpost input {
    background: none;
    border: none;
    font-weight: 700;
    margin: 3px 0 0 5px;
    padding: 0
}

.pageOrder_pl > .cart {
    width: 382px
}

.pageOrder_pl > .cart .msg-need-cash {
    background-color: #fff2e5;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 20px 20px 10px
}

.pageOrder_pl > .cart .msg-need-cash p {
    padding-bottom: 10px
}

.pageOrder_pl h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px
}

.pageOrder_pl h2 {
    font-size: 28px;
    margin-bottom: 30px
}

.pageOrder_pl .pageOrder_result {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    padding: 220px
}

.pageOrder_pl .pageOrder_result .-empty {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.pageOrder_pl .pageOrder_result .-empty > .-bg {
    content: "";
    display: block;
    height: 64px;
    margin-right: 30px;
    width: 64px;
    z-index: 1
}

.pageOrder_pl .pageOrder_result .-empty > .-bg:before {
    background-image: url(../img/bg-cat-3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 64px;
    transition: all .1s ease;
    width: 64px;
    z-index: -2
}

.pageOrder_pl .pageOrder_result .-empty h3 {
    margin-top: 0;
    padding-top: 0
}

.pageOrder .details input[type=email], .pageOrder .details input[type=tel], .pageOrder .details input[type=text], .pageOrder .details textarea {
    border: 1px solid #b8b8b8;
    margin-bottom: 0;
    padding: 10px;
    width: calc(100% - 22px)
}

.pageOrder_pl > .details .detailsDelivery > div, .pageOrder_pl > .details .detailsGift > div, .pageOrder_pl > .details .detailsPayment > div {
    margin: 0 0 20px
}

.pageResult strong {
    font-size: 18px;
    font-weight: 700
}

.pageResult h1, .pageResult h2 {
    margin-bottom: 40px;
    text-align: center
}

.pageResult p {
    font-size: 16px;
    margin-bottom: 20px
}

.pageResult ul {
    font-size: 14px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.pageResult ul li {
    padding: 0 0 5px
}

.pageResult table {
    width: 100%
}

.pageResult table tr td:first-child {
    padding-right: 20px;
    width: 100px
}

.pageResult table tr td .-title {
    font-size: 18px;
    font-weight: 700
}

.pageResult table tr td .-brand {
    color: #c60505;
    font-size: 12px;
    padding: 5px 0
}

.pageResult table tr td .-count {
    font-size: 18px;
    margin-bottom: 20px
}

.pageBoxDesigner {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: stretch;
    min-height: 80vh
}

.pageBoxDesigner h1, .pageBoxDesigner h2, .pageBoxDesigner h3 {
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.pageBoxDesigner h1 span, .pageBoxDesigner h2 span, .pageBoxDesigner h3 span {
    color: #c60505
}

.pageBoxDesigner .main {
    flex: 6 2 70%
}

.pageBoxDesigner .main .bnr {
    display: none
}

.pageBoxDesigner .main .bnr.-act, .pageBoxDesigner .main .bnr.-act picture {
    display: block
}

.pageBoxDesigner .main .bnr.-act picture img {
    display: block;
    width: 100%
}

.pageBoxDesigner .main ul.info_steps {
    background: #fafafa;
    margin: 0;
    padding: 20px
}

.pageBoxDesigner .main ul.info_steps li {
    font-size: 12px;
    list-style: none;
    padding-bottom: 10px
}

.pageBoxDesigner .main ul.info_steps li.-act {
    color: #c60505
}

.pageBoxDesigner .main ul.info_steps li b {
    font-size: 14px;
    text-transform: uppercase
}

.pageBoxDesigner .main strong.step-h {
    display: block;
    font-size: 16px;
    margin: 32px 0 16px;
    text-transform: uppercase
}

.pageBoxDesigner .main .header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageBoxDesigner .main .header input[type=text] {
    background-image: url(../img/search.svg);
    background-position: left 4px center;
    background-repeat: no-repeat;
    background-size: auto 12px;
    border: none;
    border-bottom: 1px solid #4f4f4f;
    color: #4f4f4f;
    font-size: 12px;
    padding: 12px 12px 12px 26px;
    text-transform: uppercase
}

.pageBoxDesigner .order {
    align-items: stretch;
    display: flex;
    flex: 6 2 30%;
    flex-direction: column;
    justify-content: flex-start
}

.pageBoxDesigner .order .msg {
    background: #fafafa;
    font-size: 12px;
    margin-bottom: 16px;
    padding: 20px
}

.pageBoxDesigner .order .list {
    position: sticky;
    top: 90px
}

.pageBoxDesigner .order .list .item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px
}

.pageBoxDesigner .order .list .item img {
    width: 82px
}

.pageBoxDesigner .order .list .item div {
    flex: 6 2
}

.pageBoxDesigner .order .list .item div strong {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.pageBoxDesigner .order .list .item div ul {
    padding: 7px 0
}

.pageBoxDesigner .order .list .item div .-price {
    font-size: 14px;
    font-weight: 600
}

.pageBoxDesigner .order .list .item a.-remove:link, .pageBoxDesigner .order .list .item a.-remove:visited {
    content: "";
    display: block;
    height: 22px;
    transition: none;
    width: 22px;
    z-index: 1
}

.pageBoxDesigner .order .list .item a.-remove:link:before, .pageBoxDesigner .order .list .item a.-remove:visited:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/xx.svg);
    -webkit-mask-image: url(../img/xx.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageBoxDesigner .order .result {
    text-transform: uppercase
}

.pageBoxDesigner .order .result .price {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageBoxDesigner .order .result .price span {
    font-family: Arsenica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

.pageBoxDesigner .order .result .price b {
    font-weight: 500
}

.pageBoxDesigner .order .result a.btn {
    color: #4f4f4f;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 15px 0;
    padding: 12px;
    text-align: center
}

.pageBoxDesigner .order .result a.btn.btn-primary {
    background: #c60505;
    color: #fff
}

.pageBoxDesigner .order .result a.btn.hidden {
    display: none !important
}

.bl-liqpay {
    padding: 20px 0
}

.bl-liqpay input.btn_text {
    margin-top: 20px
}

.o-catalog {
    align-items: center;
    background-color: #fff;
    flex-direction: column;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: calc(33% - 20px)
}

.o-catalog.out-of-stock {
    filter: grayscale(1)
}

.o-catalog:hover {
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=5px, Color="#33000000")
}

.o-catalog:hover .-mark {
    opacity: .2
}

.o-catalog .-mark {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: -1px;
    opacity: 1;
    padding: 5px 10px 3px;
    position: absolute;
    text-transform: uppercase;
    top: 10px
}

.o-catalog .-mark.-bestseller, .o-catalog .-mark.-news {
    background: #000
}

.o-catalog .-mark.-sale {
    background: #c60505;
    top: 40px
}

.o-catalog .-mark.-preorder {
    background: #c60505;
    font-size: 12px;
    font-weight: 400;
    top: 40px
}

.o-catalog .-mark.-top {
    background: #c60505
}

.o-catalog a.js-like {
    position: absolute;
    right: 20px;
    top: 20px;
    transition: none;
    z-index: 1
}

.o-catalog a.js-like:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart.svg);
    -webkit-mask-image: url(../img/heart.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.o-catalog a.js-like:hover {
    color: #c60505;
    transition: none;
    z-index: 1
}

.o-catalog a.js-like:hover:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.o-catalog a.js-like.-act {
    transition: none;
    z-index: 1
}

.o-catalog a.js-like.-act:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.o-catalog a.js-like.-act:hover {
    color: #c60505;
    transition: none;
    z-index: 1
}

.o-catalog a.js-like.-act:hover:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.o-catalog picture {
    display: block;
    height: 330px;
    overflow: hidden;
    transition: all .2s ease;
    width: 100%
}

.o-catalog picture img {
    aspect-ratio: 420/460;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.o-catalog a:link.-brand, .o-catalog a:visited.-brand {
    color: #c60505;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 10px auto 5px;
    padding: 4px 10px
}

.o-catalog a:link.-brand:hover, .o-catalog a:visited.-brand:hover {
    background: #c60505;
    color: #fff
}

.o-catalog strong {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase
}

.o-catalog ul.-stars {
    padding-left: 10px
}

.o-catalog ul.-sizes {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-start;
    list-style: none;
    margin: 15px 10px;
    padding: 0
}

.o-catalog ul.-sizes li {
    background-color: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    padding: 5px 8px;
    touch-action: pan-y;
    transition: background-color .4s step-start;
    white-space: nowrap
}

.o-catalog ul.-sizes li:hover {
    border: 1px solid #c60505
}

.o-catalog ul.-sizes li.-act2 {
    border-color: #c60505;
    color: #000
}

.o-catalog ul.-sizes li.-act, .o-catalog ul.-sizes li.-act:hover, .o-catalog ul.-sizes li:active {
    background: #1e1e1e;
    color: #fff
}

.o-catalog ul.-sizes select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #1e1e1e;
    background-image: url(../img/down_chevron_icon.svg);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px;
    text-indent: 1px;
    text-overflow: "";
    width: auto
}

.o-catalog ul.-sizes select::-ms-expand {
    display: none
}

.o-catalog ul.-sizes.-cosmetics {
    gap: 20px
}

.o-catalog ul.-sizes.-cosmetics li {
    border-color: gray;
    border-radius: 0;
    font-size: 0;
    height: 24px;
    padding: 0;
    transition: none;
    width: 24px
}

.o-catalog ul.-sizes.-cosmetics li.-act, .o-catalog ul.-sizes.-cosmetics li:hover {
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #000;
    height: 19px;
    width: 19px
}

.o-catalog .-price {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.o-catalog .-price b {
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px
}

.o-catalog .-price a:link, .o-catalog .-price a:visited {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 10px 0 0
}

.o-catalog .-price a:link span, .o-catalog .-price a:visited span {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-right: 8px;
    padding-top: 2px
}

.o-catalog .-price a:link i, .o-catalog .-price a:visited i {
    transition: none;
    z-index: 1
}

.o-catalog .-price a:link i:after, .o-catalog .-price a:visited i:after {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 25px;
    mask-image: url(../img/cart.svg);
    -webkit-mask-image: url(../img/cart.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.o-catalog .-price a:link:hover, .o-catalog .-price a:visited:hover {
    color: #c60505
}

.o-catalog .-price s {
    color: #4f4f4f;
    font-size: 12px;
    font-style: italic
}

.o-catalog .-price span {
    margin-right: 5px
}

ul.-stars {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    height: 12px;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0
}

ul.-stars li {
    transition: none;
    z-index: 1
}

ul.-stars li:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 13px;
    mask-image: url(../img/star.svg);
    -webkit-mask-image: url(../img/star.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 13px;
    z-index: -2
}

ul.-stars.s1 li:nth-child(2), ul.-stars.s1 li:nth-child(3), ul.-stars.s1 li:nth-child(4), ul.-stars.s1 li:nth-child(5), ul.-stars.s2 li:nth-child(3), ul.-stars.s2 li:nth-child(4), ul.-stars.s2 li:nth-child(5), ul.-stars.s3 li:nth-child(4), ul.-stars.s3 li:nth-child(5), ul.-stars.s4 li:nth-child(5) {
    filter: grayscale(1);
    opacity: .3
}

.pageProduct > .container, .pageProduct > .container .-gallery {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageProduct > .container .-gallery {
    width: 50%
}

.pageProduct > .container .-gallery .-th {
    margin-right: 20px;
    width: 82px
}

.pageProduct > .container .-gallery .-th picture {
    display: block;
    height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 80px
}

.pageProduct > .container .-gallery .-th picture img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: all .3s ease
}

.pageProduct > .container .-gallery .-full {
    position: relative
}

.pageProduct > .container .-gallery .-full .-mark.-sale {
    background: #961919;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: -1px;
    opacity: 1;
    padding: 5px 10px 3px;
    position: absolute;
    text-transform: uppercase
}

.pageProduct > .container .-gallery .-full picture {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden
}

.pageProduct > .container .-gallery .-full picture img {
    cursor: zoom-in;
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: all .3s ease
}

.pageProduct > .container > .-info {
    padding-left: 60px;
    text-transform: uppercase;
    width: calc(50% - 60px)
}

.pageProduct > .container > .-info h1 {
    color: #1e1e1e;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase
}

.pageProduct > .container > .-info .el-stars {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 0
}

.pageProduct > .container > .-info .el-stars span {
    color: #97969a;
    display: block;
    font-size: 12px;
    padding-left: 5px
}

.pageProduct > .container > .-info .el-art {
    color: #97969a;
    font-size: 12px
}

.pageProduct > .container > .-info .el-sizes_title {
    color: #97969a;
    display: block;
    font-size: 12px;
    margin: 20px 0 0
}

.pageProduct > .container > .-info .-tth {
    color: #4f4f4f;
    font-size: 18px;
    line-height: 1.4;
    padding: 20px 0
}

.pageProduct > .container > .-info .-tth_ml {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px
}

.pageProduct > .container > .-info strong {
    display: block;
    font-size: 14px
}

.pageProduct > .container > .-info ul.-sizes {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.pageProduct > .container > .-info ul.-sizes.-cosmetics {
    gap: 20px
}

.pageProduct > .container > .-info ul.-sizes.-cosmetics li {
    border: none;
    border-radius: 0;
    font-size: 0;
    height: 24px;
    padding: 0;
    transition: none;
    width: 24px
}

.pageProduct > .container > .-info ul.-sizes.-cosmetics li.-act, .pageProduct > .container > .-info ul.-sizes.-cosmetics li:hover {
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #000;
    height: 19px;
    width: 19px
}

.pageProduct > .container > .-info ul.-sizes li {
    background: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 2px;
    cursor: pointer;
    font-size: 10px;
    padding: 5px 8px;
    text-align: center;
    transition: all .4s ease
}

.pageProduct > .container > .-info ul.-sizes li.-act, .pageProduct > .container > .-info ul.-sizes li:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.pageProduct > .container > .-info .-sizes_au {
    transition: all .3s ease
}

.pageProduct > .container > .-info .-sizes_au img {
    -webkit-box-shadow: 0 2px 2px #d2d2d2;
    box-shadow: 0 2px 2px #d2d2d2;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color="#FFD2D2D2");
    margin: 10px 0
}

.pageProduct > .container > .-info .-price {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 1;
    padding: 20px 0
}

.pageProduct > .container > .-info .-price span {
    display: block;
    padding-right: 5px
}

.pageProduct > .container > .-info .-price b {
    padding: 0 5px 0 0;
    transition: all .2s ease
}

.pageProduct > .container > .-info .-buy {
    align-items: strech;
    display: flex;
    flex-direction: row;
    justify-content: strech
}

.pageProduct > .container > .-info .-buy .js-count {
    align-items: center;
    background: #fafafa;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 2px 5px
}

.pageProduct > .container > .-info .-buy .js-count a.-minus {
    padding: 0 5px;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info .-buy .js-count a.-minus:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 26px;
    mask-image: url(../img/-minus.svg);
    -webkit-mask-image: url(../img/-minus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 26px;
    z-index: -2
}

.pageProduct > .container > .-info .-buy .js-count a.-plus {
    padding: 0 5px;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info .-buy .js-count a.-plus:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 26px;
    mask-image: url(../img/-plus.svg);
    -webkit-mask-image: url(../img/-plus.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 26px;
    z-index: -2
}

.pageProduct > .container > .-info .-buy .js-count input {
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    text-align: center;
    width: 25px
}

.pageProduct > .container > .-info .-buy > a {
    align-items: center;
    background: #c60505;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex: 2 0 auto;
    flex-direction: row;
    font-size: 12px;
    justify-content: center;
    padding: 10px 25px
}

.pageProduct > .container > .-info .-buy > a span {
    display: block
}

.pageProduct > .container > .-info .-buy > a i {
    content: "";
    display: block;
    height: 20px;
    padding-right: 10px;
    transition: none;
    width: 18px;
    z-index: 1
}

.pageProduct > .container > .-info .-buy > a i:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/cart.svg);
    -webkit-mask-image: url(../img/cart.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 18px;
    z-index: -2
}

.pageProduct > .container > .-info .-buy > a:hover {
    background: #c60505
}

.pageProduct > .container > .-info a.js-like {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    font-weight: 500;
    justify-content: flex-center;
    margin: 20px 0;
    text-transform: uppercase;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info a.js-like:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart2.svg);
    -webkit-mask-image: url(../img/heart2.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.pageProduct > .container > .-info a.js-like span {
    padding-left: 5px
}

.pageProduct > .container > .-info a.js-like span:first-child {
    display: block
}

.pageProduct > .container > .-info a.js-like span:nth-child(2) {
    display: none
}

.pageProduct > .container > .-info a.js-like:hover {
    color: #c60505;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info a.js-like:hover:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.pageProduct > .container > .-info a.js-like.-act {
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info a.js-like.-act:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.pageProduct > .container > .-info a.js-like.-act span:first-child {
    display: none
}

.pageProduct > .container > .-info a.js-like.-act span:nth-child(2) {
    display: block
}

.pageProduct > .container > .-info a.js-like.-act:hover {
    color: #c60505;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info a.js-like.-act:hover:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/heart-a.svg);
    -webkit-mask-image: url(../img/heart-a.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.pageProduct > .container > .-info .js-colorTitle {
    font-weight: 700
}

.pageProduct > .container > .-info strong.-delivery {
    align-items: center;
    display: block;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: flex-start;
    margin: 40px 0 20px;
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info strong.-delivery:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 18px;
    mask-image: url(../img/map-point.svg);
    -webkit-mask-image: url(../img/map-point.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 14px;
    z-index: -2
}

.pageProduct > .container > .-info strong.-delivery span {
    padding-left: 5px
}

.pageProduct > .container > .-info .ui-accordion {
    margin-top: 40px
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-icons, .pageProduct > .container > .-info .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding: 0
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-header i {
    content: "";
    display: block;
    height: 36px;
    transition: none;
    width: 36px;
    z-index: 1
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-header i:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 6px;
    mask-image: url(../img/down.svg);
    -webkit-mask-image: url(../img/down.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 10px;
    z-index: -2
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-header.ui-corner-top i {
    transition: none;
    z-index: 1
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-header.ui-corner-top i:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 6px;
    mask-image: url(../img/up2.svg);
    -webkit-mask-image: url(../img/up2.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 10px;
    z-index: -2
}

.pageProduct > .container > .-info .ui-accordion .ui-accordion-content {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    padding: 10px 0;
    text-transform: none
}

.pageProduct > .container > .-info .ui-accordion p {
    padding: 0
}

.pageProduct > .container > .-moreInfo, .pageProduct > .containerAlt > .-moreInfo {
    display: block;
    padding-bottom: 48px;
    padding-top: 48px;
    width: 100%
}

.pageProduct > .container > .-moreInfo #tabs .ui-tabs-anchor, .pageProduct > .container > .-moreInfo #tabs > .ui-tabs-panel, .pageProduct > .container > .-moreInfo .ui-tabs, .pageProduct > .containerAlt > .-moreInfo #tabs .ui-tabs-anchor, .pageProduct > .containerAlt > .-moreInfo #tabs > .ui-tabs-panel, .pageProduct > .containerAlt > .-moreInfo .ui-tabs {
    padding: 0
}

.pageProduct > .container > .-moreInfo #tabs ul.ui-tabs-nav, .pageProduct > .containerAlt > .-moreInfo #tabs ul.ui-tabs-nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    text-align: center
}

.pageProduct > .container > .-moreInfo #tabs ul.ui-tabs-nav > li, .pageProduct > .containerAlt > .-moreInfo #tabs ul.ui-tabs-nav > li {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

.pageProduct > .container > .-moreInfo #tabs ul.ui-tabs-nav > li > a, .pageProduct > .containerAlt > .-moreInfo #tabs ul.ui-tabs-nav > li > a {
    color: rgba(30, 30, 30, .6)
}

.pageProduct > .container > .-moreInfo #tabs ul.ui-tabs-nav > li.ui-state-active > a, .pageProduct > .containerAlt > .-moreInfo #tabs ul.ui-tabs-nav > li.ui-state-active > a {
    color: #1e1e1e
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content {
    border: 1px solid #e4e4e4;
    font-size: 12px;
    margin: 20px 0;
    padding: 32px;
    text-transform: uppercase
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content .-notes, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content .-notes {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 20px
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content .-notes a:link, .pageProduct > .container > .-moreInfo #tabs .tabs-content .-notes a:visited, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content .-notes a:link, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content .-notes a:visited {
    background-color: #fafafa;
    border: 1px solid #fafafa;
    color: #1e1e1e;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content .-notes a:link:hover, .pageProduct > .container > .-moreInfo #tabs .tabs-content .-notes a:visited:hover, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content .-notes a:link:hover, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content .-notes a:visited:hover {
    border: 1px solid #c60505;
    color: #c60505
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content table, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content table {
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content table tr, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content table tr {
    border-bottom: 1px solid #fafafa
}

.pageProduct > .container > .-moreInfo #tabs .tabs-content table tr td, .pageProduct > .container > .-moreInfo #tabs .tabs-content table tr th, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content table tr td, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content table tr th {
    padding: 10px;
    text-align: left
}

.pageProduct .-products {
    width: calc(35% - 20px)
}

.pageProduct .-products h3 {
    font-family: Arsenica, sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.pageProduct .-products h3 span {
    color: #c60505
}

.pageClient {
    margin-bottom: 90px
}

.pageClient .pageClient_menu {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 90px
}

.pageClient .pageClient_menu a {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 14px;
    padding: 15px 25px
}

.pageClient .pageClient_menu a:last-child {
    border-right: 1px solid #000
}

.pageClient .pageClient_menu a.act {
    background: #c60505;
    color: #fff
}

.pageClient > form {
    gap: 20px
}

.pageClient > form, .pageClient > form .pass {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pageClient > form .pass {
    position: relative
}

.pageClient > form .pass a.js-passShow {
    content: "";
    display: block;
    opacity: .8;
    position: absolute;
    right: 10px;
    top: 12px;
    transition: none;
    z-index: 1;
    z-index: 999
}

.pageClient > form .pass a.js-passShow:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/-pass-hidden.svg);
    -webkit-mask-image: url(../img/-pass-hidden.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageClient > form .pass a.js-passShow:hover {
    opacity: 1
}

.pageClient > form .pass a.js-passShow.act {
    transition: none;
    z-index: 1
}

.pageClient > form .pass a.js-passShow.act:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 22px;
    mask-image: url(../img/-pass.svg);
    -webkit-mask-image: url(../img/-pass.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.pageClient > form .row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between
}

.pageClient > form .row input {
    width: 50%
}

.pageClient > form p {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 1.4
}

.pageClient > form p a {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.pageClient > form p a:hover {
    color: #c60505
}

.pageClient > form input, .pageClient > form select {
    background: #fff;
    border: 1px solid #1e1e1e;
    border-radius: 2px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 15px
}

.pageClient > form input::placeholder, .pageClient > form select::placeholder {
    color: #97969a
}

.pageClient > form button[type=submit] {
    background: #1e1e1e;
    border: none;
    border-radius: 2px;
    color: #fff;
    padding: 13px 37px
}

.pageClient > form button[type=submit]:hover {
    background: #c60505;
    color: #fff
}

.pageClient > form .alert {
    color: #c60505;
    font-size: 14px;
    padding: 0 0 20px
}

.pageClient .pageClient_order {
    border: 1px solid #97969a;
    margin-bottom: 20px
}

.pageClient .pageClient_order .header {
    align-items: center;
    color: #4f4f4f;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    padding: 20px;
    transition: all .3s ease
}

.pageClient .pageClient_order .header > div .status, .pageClient .pageClient_order .header > div strong {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.pageClient .pageClient_order .header:hover {
    background: #97969a;
    color: #fff
}

.pageClient .pageClient_order .header:hover .status, .pageClient .pageClient_order .header:hover strong {
    color: #fff
}

.pageClient .pageClient_order .body .footer {
    color: #4f4f4f;
    font-size: 14px;
    gap: 20px;
    padding: 0 20px 20px;
    width: 460px
}

.pageClient .pageClient_order .body .footer > div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pageClient .pageClient_order .body .footer .-summ {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px
}

.pageClient .pageClient_order .body .footer .-cashback_used {
    color: #c60505
}

.pageClient .pageClient_order .body .footer ul.delivery {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0
}

.pageClient .pageClient_order .body .footer ul.delivery li {
    padding: 2px 0
}

.pageClient .pageClient_order .body .footer ul.delivery li b {
    padding-left: 5px
}

.pageClient .pageClient_order .body .products {
    border-bottom: 1px solid #97969a;
    border-top: 1px solid #97969a;
    margin-bottom: 20px;
    padding: 20px
}

.pageClient .pageClient_order .body .products > div {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 460px
}

.pageClient .pageClient_order .body .products > div > a {
    display: block;
    width: 75px
}

.pageClient .pageClient_order .body .products > div > a img {
    display: block;
    width: 100%
}

.pageClient .pageClient_order .body .products > div > .-info {
    flex: 1 4
}

.pageClient .pageClient_order .body .products > div > .-info .-brand {
    color: #c60505;
    display: block;
    font-size: 14px;
    padding: 10px 0
}

.pageClient .pageClient_order .body .products > div > .-info .-title {
    color: #000;
    font-size: 18px
}

.pageClient .pageClient_order .body .products > div .-price {
    text-align: right
}

.pageClient .pageClient_order .body.hidden {
    display: none
}

.pageOrder2 a.btn.btn-primary, .pageOrder2 button, .pageOrder2 button[type=submit], .pageOrder2 input.btn.btn-primary, .pageOrder2 input[type=submit], .pageResult a.btn.btn-primary, .pageResult button, .pageResult button[type=submit], .pageResult input.btn.btn-primary, .pageResult input[type=submit] {
    background-color: #1e1e1e;
    background-image: url(../img/btn-pay.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: none;
    border-radius: 10px;
    box-shadow: 0 5px 14px -3px rgba(0, 0, 0, .19);
    color: #fff;
    content: "";
    cursor: pointer;
    display: block;
    font-size: 0;
    font-weight: unset;
    margin: 20px auto;
    min-height: 60px;
    padding: 20px;
    text-align: center;
    width: 320px
}

.pageOrder2 a.btn-pay-pl, .pageResult a.btn-pay-pl {
    background-color: #961919;
    background-image: url(../img/btn-pay-pl.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 60px;
    margin: 20px auto
}

.pageOrder2 a.btn-pay-pl:hover, .pageResult a.btn-pay-pl:hover {
    box-shadow: 0 5px 14px -3px rgba(0, 0, 0, .3);
    opacity: .8
}

.b-msg {
    background: #fff;
    border: 1px solid #000;
    bottom: 40px;
    left: auto;
    padding: 20px 80px;
    position: fixed;
    right: 40px;
    top: auto;
    width: 340px;
    z-index: 999
}

.b-msg a {
    font-weight: 700;
    text-decoration: underline
}

.b-msg a.-close {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: none;
    z-index: 1
}

.b-msg a.-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 24px;
    mask-image: url(../img/xx.svg);
    -webkit-mask-image: url(../img/xx.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 24px;
    z-index: -2
}

.b-msg.alert {
    background-image: url(../img/-alert.svg);
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 45px 45px
}

.b-msg.-need-login {
    display: none
}

.o-loading {
    margin: auto;
    padding: 10vh;
    width: 120px
}

form.form-default {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

form.form-default h2.o-header {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 32px;
    text-transform: uppercase
}

form.form-default .row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: space-between
}

form.form-default .row input {
    min-width: 220px;
    width: 50%
}

form.form-default input, form.form-default select, form.form-default textarea {
    background: #fff;
    border: none;
    border-bottom: 1px solid #1e1e1e;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 8px;
    text-transform: uppercase
}

form.form-default input::placeholder, form.form-default select::placeholder, form.form-default textarea::placeholder {
    color: #4f4f4f
}

form.form-default button[type=submit] {
    background-color: #fff;
    border: 1px solid #c60505;
    color: #1e1e1e;
    font-size: 12px;
    font-weight: 300;
    padding: 12px 24px;
    text-transform: uppercase
}

form.form-default button[type=submit]:hover {
    background: #c60505;
    color: #fff
}

form.form-default .alert {
    color: #c60505;
    font-size: 14px;
    padding: 0 0 20px
}

form.form-default .-stars {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    height: 20px;
    justify-content: center;
    list-style: none;
    margin: 0
}

form.form-default .-stars li {
    cursor: pointer;
    opacity: .6;
    transition: none;
    z-index: 1
}

form.form-default .-stars li:before {
    background: #4f4f4f;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/star.svg);
    -webkit-mask-image: url(../img/star.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

form.form-default .-stars li:hover {
    opacity: 1
}

form.form-default .-stars li.-act {
    opacity: 1;
    transition: none;
    z-index: 1
}

form.form-default .-stars li.-act:before {
    background: #c60505;
    content: "";
    display: inline-block;
    height: 20px;
    mask-image: url(../img/star.svg);
    -webkit-mask-image: url(../img/star.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 20px;
    z-index: -2
}

.el-btn, a.el-btn {
    background: #fff;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 30px
}

.el-btn:hover, a.el-btn:hover {
    background: #000;
    color: #fff
}

.el-btn.-empty, a.el-btn.-empty {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.el-btn.-empty:hover, a.el-btn.-empty:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.el-btn.-empty-d, a.el-btn.-empty-d {
    background: transparent;
    border: 1px solid #000;
    color: #000
}

.el-btn.-empty-d:hover, a.el-btn.-empty-d:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.el-btn.-dark, a.el-btn.-dark {
    background-color: #1e1e1e;
    color: #fff
}

.el-btn.-red, a.el-btn.-red {
    background-color: #c60505;
    color: #fff
}

.el-btn.-icon, a.el-btn.-icon {
    transition: none;
    z-index: 1
}

.el-btn.-icon:after, a.el-btn.-icon:after {
    background: #fff;
    content: "";
    display: inline-block;
    height: 14px;
    mask-image: url(../img/arrow-right.svg);
    -webkit-mask-image: url(../img/arrow-right.svg);
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    transition: all .1s ease;
    width: 22px;
    z-index: -2
}

.el-btn.-monobank, a.el-btn.-monobank {
    background-color: #c60505;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80% auto;
    border: 2px solid #c60505;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase
}

.el-btn.-monobank:hover, a.el-btn.-monobank:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #d2d2d2;
    box-shadow: 0 2px 10px #d2d2d2;
    color: #c60505;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color="#FFD2D2D2")
}

.b-loadMore {
    display: block;
    height: 11px;
    width: 100%
}

.b-loadMore.hidden {
    display: block !important;
    height: 11px;
    width: 100%
}

.b-loadMore svg {
    display: none;
    height: 100px;
    margin: auto;
    transition: all .5s ease;
    width: 100px
}

button[type=submit] {
    color: #fff;
    cursor: pointer
}

button[type=submit].btn-submit {
    color: #fff;
    font-size: 18px
}

button[type=submit].btn-submit:hover {
    color: #fff
}

h1.o-header {
    font-size: 40px;
    font-weight: 500;
    margin: 20px
}

.bl-head {
    display: block;
    margin-bottom: 24px;
    margin-top: 48px;
    text-align: left
}

.bl-head h1, .bl-head h2, .bl-head h3, .bl-head h4 {
    font-family: Arsenica, sans-serif;
    font-size: 28px;
    text-align: left;
    text-transform: uppercase
}

.bl-head h1 span, .bl-head h2 span, .bl-head h3 span, .bl-head h4 span {
    color: #c60505
}

.o-subheader {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 50px
}

.blockComments .item {
    align-items: flex-start;
    border-bottom: 2px solid #fafafa;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
    padding-bottom: 20px
}

.blockComments .item .username {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    text-transform: uppercase
}

.blockComments .item .username i {
    background: #dedede;
    border-radius: 50%;
    display: block;
    font-style: normal;
    margin-right: 7px;
    padding: 4px 10px
}

.blockComments .item .username {
    flex: 6 3 50%
}

.blockComments .item .content {
    flex: 6 3 50%;
    font-size: 14px;
    font-weight: 400
}

.blockComments .item .content .header {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 10px 0 0
}

.pageCatalog_cat {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pageCatalog_cat a:link, .pageCatalog_cat a:visited {
    font-size: 14px;
    padding: 5px 10px;
    width: auto
}

.pageClient .pageClient_menu a {
    font-size: 12px;
    padding: 10px 15px
}

.pageOrder2 {
    flex-direction: column-reverse
}

.pageOrder2 .cart, .pageOrder2 .details {
    padding: 0 0 40px;
    width: 100%
}

.pageOrder2 .cart a.el-btn.-empty-d, .pageOrder2 .details a.el-btn.-empty-d {
    display: none
}

.pageOrder2 .pageOrder_result .-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pageOrder2 .pageOrder_result .-empty .-bg {
    margin: 0 0 40px
}

@media only screen and (orientation: portrait), screen and (max-width: 1200px) {
    header nav {
        font-size: 18px;
        font-weight: 700
    }

    header nav a {
        margin-right: 15px
    }
}

@media only screen and (orientation: portrait), screen and (max-width: 960px) {
    .pageOrder2 .pageOrder_result {
        padding: 20px
    }

    .b-msg {
        bottom: 10px;
        font-size: 12px;
        left: 10px;
        right: 10px;
        width: auto
    }

    .pageOrder2 form.form-default button[type=submit] {
        background: #c60505;
        border-radius: 0;
        bottom: 10px;
        color: #fff;
        font-size: 16px;
        left: 10px;
        padding: 20px 10px;
        position: fixed;
        right: 10px;
        text-transform: uppercase;
        z-index: 999
    }

    .pageOrder2 form.form-default button[type=submit]:active {
        background: #000
    }

    .pageOrder2 form.form-default button[type=submit]:after {
        animation-direction: alternate-reverse;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: blink;
        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        background-color: #630202;
        border-radius: 3px;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    @keyframes blink {
        0% {
            opacity: .8;
            transform: scaleX(1)
        }
        to {
            opacity: 0;
            transform: scale3d(1.1, 1.3, 1.1)
        }
    }
}

@media only screen and (orientation: portrait), screen and (max-width: 768px) {
    header .b-cart {
        display: inline-block;
        padding: 10px;
        position: inherit;
        z-index: 99
    }

    header .b-cart .b-content {
        margin-top: 30px;
        max-height: 80vh;
        min-width: calc(100vw - 40px);
        overflow-y: auto
    }

    .pageBrands .list a:link, .pageBrands .list a:visited {
        width: 50%
    }

    .pageBrands .list a:link picture, .pageBrands .list a:visited picture {
        height: 180px
    }

    .pageBrands .list a:link mark, .pageBrands .list a:link strong, .pageBrands .list a:visited mark, .pageBrands .list a:visited strong {
        opacity: 1
    }

    .pageHome .pageHome_bnr {
        margin-bottom: 300px
    }

    .pageHome .pageHome_msg {
        bottom: -220px;
        left: 20px;
        padding: 40px;
        right: 20px
    }

    .pageHome .pageHome_msg h1 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .pageHome .pageHome_msg a:link, .pageHome .pageHome_msg a:visited {
        font-size: 14px
    }

    .pageHome .pageHome_top .container {
        flex-direction: column-reverse
    }

    .pageHome .pageHome_top .container > div {
        margin: 0;
        padding: 20px 0 0;
        width: 100%
    }

    .pageHome .pageHome_top .container > div h3 {
        font-size: 20px;
        padding: 10px 0 20px
    }

    .pageHome .pageHome_top .container > img {
        margin: 0;
        padding: 0;
        width: 80%
    }

    .pageHome .pageHome_reviews .list {
        flex-wrap: wrap
    }

    .pageHome .pageHome_reviews .list a:link, .pageHome .pageHome_reviews .list a:visited {
        flex: 3 6 35%
    }

    .pageHome .pageHome_cat .list {
        flex-wrap: wrap
    }

    .pageHome .pageHome_cat .list a:link, .pageHome .pageHome_cat .list a:visited {
        flex: 6 6 25%
    }

    .pageHome .pageHome_toknow {
        flex-direction: column
    }

    .pageHome .pageHome_toknow > div:first-child {
        width: 100%
    }

    .pageHome .pageHome_toknow > div:first-child strong {
        margin: auto;
        max-width: 90%;
        text-align: center
    }

    .pageHome .pageHome_toknow > div:nth-child(2) {
        padding: 40px 0;
        width: calc(100% - 40px)
    }

    .pageHome .pageHome_toknow > div:nth-child(2) strong {
        text-align: center
    }

    .pageHome .pageHome_getset {
        flex-direction: column;
        padding: 20px 0
    }

    .pageHome .pageHome_getset > div, .pageHome .pageHome_getset > img {
        margin: 0;
        padding: 0;
        width: calc(100% - 40px)
    }

    .pageHome .pageHome_getset > div strong, .pageHome .pageHome_getset > img strong {
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center
    }

    .pageHome .pageHome_getset > div p, .pageHome .pageHome_getset > img p {
        max-width: 100%
    }

    .pageHome .pageHome_getset > div a:link, .pageHome .pageHome_getset > div a:visited, .pageHome .pageHome_getset > img a:link, .pageHome .pageHome_getset > img a:visited {
        display: inline-block;
        margin: 0 auto
    }

    .pageHome .pageHome_open {
        flex-direction: column;
        margin-bottom: 0;
        padding: 0
    }

    .pageHome .pageHome_open > div {
        background-position: right 10px bottom 10px;
        background-size: 70px;
        bottom: auto;
        left: 20px;
        padding: 20px 40px 40px 20px;
        top: 0;
        width: calc(100% - 100px)
    }

    .pageHome .pageHome_open > img {
        margin: 220px 0 0;
        width: 100%
    }

    .pageHome .pageHome_questions .list {
        flex-direction: column
    }

    .pageHome .pageHome_questions .list > .info, .pageHome .pageHome_questions .list > img {
        padding: 20px 0;
        width: 100%
    }

    .container, .containerAlt, .pageProduct > .container:first-child {
        padding: 0 20px
    }

    .pageProduct > .container:first-child .-gallery {
        display: flex;
        flex-direction: column-reverse
    }

    .pageProduct > .container:first-child .-gallery .-th {
        margin-right: 0;
        overflow-x: auto;
        width: 100%
    }

    .pageProduct > .container:first-child .-gallery .-th picture {
        display: inline-block;
        padding: 20px 20px 0 0
    }

    .pageProduct > .container:first-child .-info {
        margin-bottom: 40px
    }

    .pageProduct > .container:first-child .-info h1 {
        font-size: 26px
    }

    .pageProduct > .container:first-child .-info .-tth {
        font-size: 14px
    }

    .pageProduct > .container:first-child .-info ul.-sizes li {
        font-size: 12px
    }

    .pageProduct > .container:first-child .-info .ui-accordion .ui-accordion-header {
        font-size: 12px;
        margin-top: 15px
    }

    .pageProduct > .container:first-child .-info .ui-accordion .ui-accordion-header i {
        content: "";
        display: block;
        height: 16px;
        transition: none;
        width: 16px;
        z-index: 1
    }

    .pageProduct > .container:first-child .-info .ui-accordion .ui-accordion-header i:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/down.svg);
        -webkit-mask-image: url(../img/down.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 16px;
        z-index: -2
    }

    .pageProduct > .container:first-child .-info .ui-accordion .ui-accordion-header.ui-corner-top i {
        transition: none;
        z-index: 1
    }

    .pageProduct > .container:first-child .-info .ui-accordion .ui-accordion-header.ui-corner-top i:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/up2.svg);
        -webkit-mask-image: url(../img/up2.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 16px;
        z-index: -2
    }

    .pageProduct > .container:first-child .-info .ui-accordion p {
        font-size: 12px
    }

    .pageProduct .pageHome_new .b-products .o-catalog:nth-child(4) {
        display: none
    }

    .pageReviews .list a:link, .pageReviews .list a:visited {
        flex: 1 0 calc(50% - 20px);
        max-width: calc(50% - 20px)
    }

    .modal .modal-form form > strong {
        font-size: 20px;
        text-align: center
    }

    .pageClient .pageClient_order .body .footer, .pageClient .pageClient_order .body .products > div {
        width: auto
    }

    .pageCatalog_brandInfo {
        flex-direction: column
    }
}

@media only screen and (orientation: portrait), screen and (max-width: 500px) {
    .container, .containerAlt {
        padding: 0 10px
    }

    .pageProduct > .container:first-child {
        flex-direction: column
    }

    .pageProduct > .container:first-child .-gallery, .pageProduct > .container:first-child .-info {
        margin: 0 0 20px;
        padding: 0;
        width: 100%
    }

    .pageHome_new .b-products .o-catalog:nth-child(3) {
        display: none
    }
}

@media (max-width: 1200px) {
    .pageMain .pageMain_iconicBrand .b-products {
        margin: 0 0 0 20%
    }
}

@media (max-width: 960px) {
    .pageOrder {
        flex-direction: column-reverse
    }

    .pageOrder .details, .pageOrder .products {
        flex: 6 0 100%;
        width: 100%
    }

    .b-products-row {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }

    .b-products-row .o-catalog, .o-catalog {
        width: calc(50% - 20px)
    }
}

@media (max-width: 768px) {
    .bl-search {
        padding: 5px
    }

    .bl-search input {
        font-size: 16px
    }

    header.open {
        backdrop-filter: blur(2px);
        background-color: rgba(0, 0, 0, .8);
        bottom: 0;
        left: 0;
        padding: 0;
        right: 0;
        top: 0
    }

    header.open .bl-topBnr {
        opacity: 0
    }

    header.open .container {
        display: block;
        padding: 0
    }

    header.open .container .-logo, header.open .container .b-icons, header.open .container a.o-bars {
        display: none
    }

    header.open .container nav {
        align-items: stretch;
        background: #fff;
        bottom: 0;
        display: flex;
        flex-direction: column;
        font-weight: 300;
        gap: 30px;
        justify-content: flex-start;
        left: 0;
        position: fixed;
        top: 0;
        width: 80%;
        z-index: 999
    }

    header.open .container nav .dropdown {
        border-bottom: 1px solid #97969a
    }

    header.open .container nav .dropdown > div {
        align-items: center;
        color: #000;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        text-align: left
    }

    header.open .container nav .dropdown > div > a:first-child {
        color: #000;
        margin: 0
    }

    header.open .container nav .dropdown > div > a.dropbtn {
        content: "";
        display: block;
        margin: 0;
        padding-left: 10px;
        transition: none;
        z-index: 1
    }

    header.open .container nav .dropdown > div > a.dropbtn:before {
        background: gray;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/down.svg);
        -webkit-mask-image: url(../img/down.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 22px;
        z-index: -2
    }

    header.open .container nav .dropdown > div > a.dropbtn.act {
        transition: none;
        z-index: 1
    }

    header.open .container nav .dropdown > div > a.dropbtn.act:before {
        background: gray;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/up2.svg);
        -webkit-mask-image: url(../img/up2.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 22px;
        z-index: -2
    }

    header.open .container nav .dropdown .dropdown-content {
        background: #fff;
        box-shadow: none;
        display: block;
        margin: 0;
        max-width: 100%;
        padding: 0;
        position: relative
    }

    header.open .container nav .dropdown .dropdown-content.hidden {
        display: none
    }

    header.open .container nav .dropdown .dropdown-content a {
        color: #000;
        display: block;
        font-weight: 300;
        margin: 0;
        padding: 10px 15px;
        text-align: left
    }

    header.open .container nav .dropdown .dropdown-content a:last-child {
        border-bottom: none
    }

    header.open .container nav a:link, header.open .container nav a:visited {
        margin: 0;
        padding: 0 0 0 15px
    }

    header.open .container nav a:link.el-close, header.open .container nav a:visited.el-close {
        border-bottom: 1px solid #97969a;
        display: block;
        padding: 15px 0 5px 15px;
        transition: none;
        z-index: 1
    }

    header.open .container nav a:link.el-close:before, header.open .container nav a:visited.el-close:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 30px;
        mask-image: url(../img/xx.svg);
        -webkit-mask-image: url(../img/xx.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 30px;
        z-index: -2
    }

    header .bl-topBnr {
        font-size: 10px;
        padding: 5px
    }

    header .container a.o-bars {
        content: "";
        display: block;
        height: 22px;
        padding: 10px;
        transition: none;
        width: 22px;
        z-index: 1
    }

    header .container a.o-bars:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 22px;
        mask-image: url(../img/bars2.svg);
        -webkit-mask-image: url(../img/bars2.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 22px;
        z-index: -2
    }

    header .container .-logo img {
        width: 46px
    }

    header .container nav {
        display: none
    }

    header .container .b-icons {
        gap: 2px;
        width: 36%
    }

    header .container .b-icons a.el-search {
        transition: none;
        z-index: 1
    }

    header .container .b-icons a.el-search:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/search.svg);
        -webkit-mask-image: url(../img/search.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 16px;
        z-index: -2
    }

    header .container .b-icons a.el-likes {
        transition: none;
        z-index: 1
    }

    header .container .b-icons a.el-likes:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 16px;
        mask-image: url(../img/heart.svg);
        -webkit-mask-image: url(../img/heart.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 16px;
        z-index: -2
    }

    header .container .b-icons a.el-user {
        transition: none;
        z-index: 1
    }

    header .container .b-icons a.el-user:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 22px;
        mask-image: url(../img/user.svg);
        -webkit-mask-image: url(../img/user.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 18px;
        z-index: -2
    }

    header .container .b-icons a.el-user.-logged {
        transition: none;
        z-index: 1
    }

    header .container .b-icons a.el-user.-logged:before {
        background: #c60505;
        content: "";
        display: inline-block;
        height: 22px;
        mask-image: url(../img/user.svg);
        -webkit-mask-image: url(../img/user.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 18px;
        z-index: -2
    }

    header .container .b-icons .b-cart a.el-cart {
        transition: none;
        z-index: 1
    }

    header .container .b-icons .b-cart a.el-cart:before {
        background: #000;
        content: "";
        display: inline-block;
        height: 18px;
        mask-image: url(../img/cart.svg);
        -webkit-mask-image: url(../img/cart.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 16px;
        z-index: -2
    }

    header .container .b-icons:first-child {
        display: flex;
        justify-content: flex-start
    }

    footer .footerSubscribe {
        background-position: bottom;
        padding: 30px 0
    }

    footer .footerSubscribe .container {
        padding: 0 15px
    }

    footer .footerSubscribe .container strong {
        font-size: 26px;
        margin-bottom: 20px
    }

    footer .footerSubscribe .container form input {
        flex: 6 0 260px
    }

    footer .container {
        align-items: stretch;
        flex-direction: column
    }

    footer .container .-logo {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-bottom: 40px
    }

    footer .container .-logo img {
        display: block
    }

    footer .container .-menus {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 30px
    }

    footer .container.footer_copyright {
        flex-direction: column-reverse;
        font-size: 12px;
        gap: 0
    }

    footer .container.footer_copyright div {
        flex-direction: column;
        gap: 0
    }

    footer .container.footer_copyright div:first-child {
        align-items: center;
        padding: 20px 0
    }

    .pageMain .head {
        margin-top: 100px
    }

    .pageMain .head h1, .pageMain .head h2, .pageMain .head h3, .pageMain .head h4 {
        font-size: 20px
    }

    .pageMain .pageMain_bnr {
        background-color: #000
    }

    .pageMain .pageMain_bnr > div .container {
        gap: 60px
    }

    .pageMain .pageMain_bnr > div .container h1 {
        font-size: 28px;
        max-width: 300px
    }

    .pageMain .pageMain_bnr > div .container a:link, .pageMain .pageMain_bnr > div .container a:visited {
        font-size: 12px
    }

    .pageMain .pageMain_bnr > picture {
        display: block;
        height: 100vh;
        width: 100%
    }

    .pageMain .pageMain_bnr > picture img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: auto
    }

    .pageMain .pageMain_about {
        flex-direction: column-reverse
    }

    .pageMain .pageMain_about > img {
        width: 100%
    }

    .pageMain .pageMain_about > div {
        padding: 0 20px 40px;
        width: calc(100% - 40px)
    }

    .pageMain .pageMain_about > div div h3 {
        font-size: 24px
    }

    .pageMain .pageMain_about > div div a:link, .pageMain .pageMain_about > div div a:visited {
        display: block;
        text-align: center
    }

    .pageMain .pageMain_bnr2 {
        background-position: bottom;
        background-size: 100% auto;
        padding: 40px 20px 300px
    }

    .pageMain .pageMain_bnr2 .container div h3 {
        font-size: 24px
    }

    .pageMain .pageMain_bnr2 .container div a:link, .pageMain .pageMain_bnr2 .container div a:visited {
        display: block;
        text-align: center
    }

    .pageMain .pageMain_bnr3 {
        background-position: bottom;
        background-size: 100% auto;
        padding: 40px 20px 300px
    }

    .pageMain .pageMain_bnr3 .container div h3 {
        font-size: 24px
    }

    .pageMain .pageMain_bnr3 .container div a:link, .pageMain .pageMain_bnr3 .container div a:visited {
        display: block;
        text-align: center
    }

    .pageMain .pageMain_iconicBrand {
        background-image: url(../img/iconicBrand.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 0 0
    }

    .pageMain .pageMain_iconicBrand .b-products {
        justify-content: flex-end;
        margin: 0;
        padding: 0 40px
    }

    .pageMain .pageMain_iconicBrand .title {
        color: #fff;
        padding: 0 20px
    }

    .pageMain .pageMain_iconicBrand .title strong {
        font-size: 32px
    }

    .pageMain .pageMain_iconicBrand .title p {
        font-size: 16px;
        padding-bottom: 40px
    }

    .pageOrder .products form .promoCode input[type=text] {
        width: 120px
    }

    .pageOrder .details .deliveryMethods {
        flex-wrap: wrap;
        gap: 0
    }

    .pageOrder .details .deliveryMethods a:link, .pageOrder .details .deliveryMethods a:visited {
        align-items: center;
        border-bottom: none;
        display: flex;
        justify-content: center;
        padding: 10px;
        text-align: center;
        text-decoration: underline;
        width: calc(50% - 20px)
    }

    .pageOrder .details .deliveryMethods a:link.act, .pageOrder .details .deliveryMethods a:visited.act {
        background: #c60505;
        color: #fff
    }

    .pageOrder .details .row {
        display: block;
        gap: 0;
        margin-bottom: 0
    }

    .pageOrder .details .row > label {
        margin-bottom: 20px;
        width: unset
    }

    .pageOrder .details .row > div, .pageOrder .details .row > input {
        margin-bottom: 0;
        width: unset
    }

    .breadCrumbs {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%
    }

    .b-products-row {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }

    .b-products-row .o-catalog, .o-catalog {
        width: 100%
    }

    .b-products-box .item {
        flex: 50%;
        max-width: calc(50% - 16px)
    }

    .pageCatalog_top h1 {
        display: none !important
    }

    .pageCatalog_top .-topBlock {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .pageCatalog_top .-topBlock .js-sort label select {
        color: #000;
        text-align: right;
        text-transform: uppercase
    }

    .pageCatalog_top .-topBlock .js-sort label b {
        display: none
    }

    .pageCatalog_top .-topBlock a.js-filter {
        align-items: center;
        display: flex;
        justify-content: flex-end
    }

    .pageCatalog .-left {
        display: none
    }

    .pageCatalog .-left.open {
        backdrop-filter: blur(2px);
        background-color: rgba(0, 0, 0, .8);
        background-image: url(../img/x.svg);
        background-position: right 10px top 10px;
        background-repeat: no-repeat;
        background-size: 36px;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .pageCatalog .-left.open form {
        background: #fff;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        padding: 20px;
        position: absolute;
        top: 0;
        width: 70%
    }

    .pageProduct > .container > .-moreInfo #tabs .tabs-content table tr th, .pageProduct > .containerAlt > .-moreInfo #tabs .tabs-content table tr th {
        width: auto
    }

    .pageBoxDesigner .order {
        background: #fff;
        bottom: 0;
        box-shadow: 0 0 20px -7px rgba(0, 0, 0, .75);
        left: 0;
        margin-top: 0;
        max-height: 90vh;
        overflow-y: auto;
        padding: 16px 16px 0;
        position: fixed;
        right: 0;
        z-index: 999999
    }

    .pageBoxDesigner .order .list .item {
        display: none
    }

    .pageBoxDesigner .order .list .item.-act {
        display: flex
    }

    .pageBoxDesigner .order .js-accordion {
        margin-bottom: 8px
    }

    .pageBoxDesigner .order .js-accordion i {
        float: right;
        transition: none;
        z-index: 1
    }

    .pageBoxDesigner .order .js-accordion i:after {
        background: #000;
        content: "";
        display: inline-block;
        height: 22px;
        mask-image: url(../img/down_chevron_icon.svg);
        -webkit-mask-image: url(../img/down_chevron_icon.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 22px;
        z-index: -2
    }

    .pageBoxDesigner .order .js-accordion.-act i {
        float: right;
        transition: none;
        z-index: 1
    }

    .pageBoxDesigner .order .js-accordion.-act i:after {
        background: #000;
        content: "";
        display: inline-block;
        height: 22px;
        mask-image: url(../img/up2.svg);
        -webkit-mask-image: url(../img/up2.svg);
        mask-position: center;
        -webkit-mask-position: center;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100% auto;
        -webkit-mask-size: 100% auto;
        transition: all .1s ease;
        width: 22px;
        z-index: -2
    }

    .pageBoxDesigner .order .msg {
        font-size: 10px
    }
}