.lazy-wrapper {
    position: relative;
    display: block;
}

#category-pagetitle {
	padding: 0;
	margin-bottom: 1rem
}

#category-pagetitle h1 {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1
}

.lazy-wrapper-inner {
    display: block;
}

.lazyloaded, .lazyloading, .lazyload, .lazy-load {
    transition: all .3s;
    display: block;
}

img.lazyloading, img.lazyload, .lazy-load:not(.is-loaded) {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

img.lazyloaded + .lazy-wrapper, .lazy-load.is-loaded + .lazy-wrapper {
    display: none;
}

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }
    75% {
        transform: rotate(2deg)
    }
    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.6;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    transition: all 0.3s;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -15px;
    text-align: center;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-preloader {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: -20px auto 0;
    opacity: 0.8;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.mfp-s-error .mfp-preloader {
    width: auto;
    height: auto;
    animation: none;
    background-color: transparent;
    opacity: 1;
}

.mfp-ready .mfp-figure {
    opacity: 0;
}

.mfp-zoom-in .mfp-s-loading .mfp-preloader {
    opacity: 1;
}

.mfp-zoom-in .mfp-with-anim, .mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s;
    transform: scale(0.7);
}

.mfp-zoom-in .mfp-ajax-holder .mfp-content, .mfp-zoom-in .mfp-iframe-holder .mfp-content {
    opacity: 0;
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
    transition: all 0.5s;
}

.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-ajax-holder .mfp-content, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-content {
    opacity: 1;
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.6;
}

.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim, .mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(1.15);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-ajax-holder .mfp-content, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-content {
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in-gallery .mfp-with-anim, .mfp-zoom-in-gallery .mfp-figure, .mfp-zoom-in-gallery .mfp-iframe-holder .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(0.9);
}

.mfp-zoom-in-gallery.mfp-bg, .mfp-zoom-in-gallery .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in-gallery.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in-gallery.mfp-ready .mfp-with-anim, .mfp-zoom-in-gallery.mfp-ready .mfp-iframe-holder .mfp-content {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in-gallery.mfp-ready.mfp-bg {
    opacity: 0.6;
}

.mfp-zoom-in-gallery.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in-gallery.mfp-removing .mfp-with-anim, .mfp-zoom-in-gallery.mfp-removing .mfp-figure, .mfp-zoom-in-gallery.mfp-removing .mfp-iframe-holder .mfp-content {
    transform: scale(0.9);
    opacity: 0;
}

.mfp-zoom-in-gallery.mfp-removing.mfp-bg, .mfp-zoom-in-gallery.mfp-removing .mfp-preloader {
    opacity: 0;
}

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

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

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

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

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

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

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

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

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

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

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

:root {
    --errorsColor: #DB001A;
    --errorsBg: #fff;
    --errorsTextColor: #333;
}

[type='color'].error, [type='date'].error, [type='datetime'].error, [type='datetime-local'].error, [type='email'].error, [type='month'].error, [type='number'].error, [type='password'].error, [type='search'].error, [type='tel'].error, [type='text'].error, [type='time'].error, [type='url'].error, [type='week'].error, select.error, textarea.error {
    border-color: var(--errorsColor);
}

select.select2-hidden-accessible {
    width: 100% !important;
}

select.error ~ .select2 .select2-selection--single {
    border-color: var(--errorsColor);
}

form:not(.disable-sfe,.style-near-field) .form-item--error-message {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

form.style-near-field .form-item--error-message {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    color: var(--errorsColor);
    position: relative;
    margin-top: 3px;
    padding: 2px 2px 2px 17px;
    background: #fff;
    z-index: 1;
}

form.style-near-field .form-item--error-message:before {
    content: '';
    background: url(../image/ico-errors-2.svg) no-repeat center;
    background-size: contain;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0;
    top: 1px;
}

form.style-near-field .form-item--error-message strong {
    font-weight: 400;
}

.form-item-label-invisible.form-item-required.form-item--error:before {
    top: 1.63em;
}

.custom-error {
}

div.custom-error .tooltipster-box {
    background: var(--errorsBg);
    border-color: var(--errorsColor);
}

div.custom-error.tooltipster-sidetip .tooltipster-content {
    line-height: 1.25;
    font-size: 12px;
    color: var(--errorsTextColor);
    position: relative;
    padding: 0.5em 1em 0.5em 2.2em;
}

.custom-error.tooltipster-sidetip .tooltipster-content:before {
    content: '';
    background: url(../image/ico-errors-2.svg) no-repeat center;
    background-size: contain;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0.5em;
    top: 0.45em;
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}

.label-has-error label {
    display: inline-flex !important;
    align-items: center;
}

.label-has-error label:before {
    content: none !important;
}

.label-has-error .form-item--error-message {
    display: none;
}

.label-has-error .error-wrapper {
    position: relative;
    font-size: 0;
    margin-left: 8px;
}

.label-has-error .error-wrapper:hover .error-message {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.label-has-error .error-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZ1ZXNheC9vdXRsaW5lL2luZm8tY2lyY2xlIj4KPGcgaWQ9ImluZm8tY2lyY2xlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMTMgMTguOTU4N0M1LjA1OTY0IDE4Ljk1ODcgMS4wNDI5NyAxNC45NDIgMS4wNDI5NyAxMC4wMDAzQzEuMDQyOTcgNS4wNTg2NiA1LjA1OTY0IDEuMDQxOTkgMTAuMDAxMyAxLjA0MTk5QzE0Ljk0MyAxLjA0MTk5IDE4Ljk1OTYgNS4wNTg2NiAxOC45NTk2IDEwLjAwMDNDMTguOTU5NiAxNC45NDIgMTQuOTQzIDE4Ljk1ODcgMTAuMDAxMyAxOC45NTg3Wk0xMC4wMDEzIDIuMjkxOTlDNS43NTEzIDIuMjkxOTkgMi4yOTI5NyA1Ljc1MDMzIDIuMjkyOTcgMTAuMDAwM0MyLjI5Mjk3IDE0LjI1MDMgNS43NTEzIDE3LjcwODcgMTAuMDAxMyAxNy43MDg3QzE0LjI1MTMgMTcuNzA4NyAxNy43MDk2IDE0LjI1MDMgMTcuNzA5NiAxMC4wMDAzQzE3LjcwOTYgNS43NTAzMyAxNC4yNTEzIDIuMjkxOTkgMTAuMDAxMyAyLjI5MTk5WiIgZmlsbD0iI0YwMjMyMyIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xMCAxMS40NTg3QzkuNjU4MzMgMTEuNDU4NyA5LjM3NSAxMS4xNzUzIDkuMzc1IDEwLjgzMzdWNi42NjY5OUM5LjM3NSA2LjMyNTMzIDkuNjU4MzMgNi4wNDE5OSAxMCA2LjA0MTk5QzEwLjM0MTcgNi4wNDE5OSAxMC42MjUgNi4zMjUzMyAxMC42MjUgNi42NjY5OVYxMC44MzM3QzEwLjYyNSAxMS4xNzUzIDEwLjM0MTcgMTEuNDU4NyAxMCAxMS40NTg3WiIgZmlsbD0iI0YwMjMyMyIvPgo8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik0xMC4wMDEzIDE0LjE2NjRDOS44OTI5NyAxNC4xNjY0IDkuNzg0NjQgMTQuMTQxNCA5LjY4NDY0IDE0LjA5OTdDOS41ODQ2NCAxNC4wNTgxIDkuNDkyOTcgMTMuOTk5NyA5LjQwOTY0IDEzLjkyNDdDOS4zMzQ2NCAxMy44NDE0IDkuMjc2MyAxMy43NTgxIDkuMjM0NjQgMTMuNjQ5N0M5LjE5Mjk3IDEzLjU0OTcgOS4xNjc5NyAxMy40NDE0IDkuMTY3OTcgMTMuMzMzMUM5LjE2Nzk3IDEzLjIyNDcgOS4xOTI5NyAxMy4xMTY0IDkuMjM0NjQgMTMuMDE2NEM5LjI3NjMgMTIuOTE2NCA5LjMzNDY0IDEyLjgyNDcgOS40MDk2NCAxMi43NDE0QzkuNDkyOTcgMTIuNjY2NCA5LjU4NDY0IDEyLjYwODEgOS42ODQ2NCAxMi41NjY0QzkuODg0NjQgMTIuNDgzMSAxMC4xMTggMTIuNDgzMSAxMC4zMTggMTIuNTY2NEMxMC40MTggMTIuNjA4MSAxMC41MDk2IDEyLjY2NjQgMTAuNTkzIDEyLjc0MTRDMTAuNjY4IDEyLjgyNDcgMTAuNzI2MyAxMi45MTY0IDEwLjc2OCAxMy4wMTY0QzEwLjgwOTYgMTMuMTE2NCAxMC44MzQ2IDEzLjIyNDcgMTAuODM0NiAxMy4zMzMxQzEwLjgzNDYgMTMuNDQxNCAxMC44MDk2IDEzLjU0OTcgMTAuNzY4IDEzLjY0OTdDMTAuNzI2MyAxMy43NTgxIDEwLjY2OCAxMy44NDE0IDEwLjU5MyAxMy45MjQ3QzEwLjUwOTYgMTMuOTk5NyAxMC40MTggMTQuMDU4MSAxMC4zMTggMTQuMDk5N0MxMC4yMTggMTQuMTQxNCAxMC4xMDk2IDE0LjE2NjQgMTAuMDAxMyAxNC4xNjY0WiIgZmlsbD0iI0YwMjMyMyIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
    background-size: contain;
    cursor: pointer;
}

.label-has-error .error-message {
    position: absolute;
    color: var(--errorsColor);
    text-align: center;
    font-size: 0.77778rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.24), 0px 16px 32px -4px rgba(145, 158, 171, 0.24);
    padding: 12px 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s;
    left: calc(100% + 5px);
    transform: translateY(50%);
    bottom: 50%;
    z-index: 2;
}

.label-has-error .error-message:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}

.label-has-error.form-type-radio .error-wrapper {
    display: none;
}

@media screen and (min-width: 1199px) {
    .label-has-error .error-message {
        width: 257px !important;
        bottom: calc(100% + 5px);
        transform: translateX(-50%);
        left: 50%;
    }

    .label-has-error .error-message:before {
        border-bottom: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #fff;
        top: 100%;
        right: auto;
        transform: translateX(-50%);
        left: 50%;
    }
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}

[dir="rtl"] .ajax-progress {
    float: right;
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 6px 2px;
    background: transparent url(../image/throbber-active.gif) no-repeat 0 center;
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../image/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.js input.form-autocomplete {
    background-image: url(../image/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(../image/throbber-active.gif);
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
}

.fieldgroup {
    padding: 0;
    border-width: 0;
}

.container-inline div, .container-inline label {
    display: inline-block;
}

.container-inline .details-wrapper {
    display: block;
}

.container-inline .hidden {
    display: none;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.js details:not([open]) .details-wrapper {
    display: none;
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.item-list__comma-list, .item-list__comma-list li {
    display: inline;
}

.item-list__comma-list {
    margin: 0;
    padding: 0;
}

.item-list__comma-list li:after {
    content: ", ";
}

.item-list__comma-list li:last-child:after {
    content: "";
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000;
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}

.progress__description {
    float: left;
}

[dir="rtl"] .progress__description {
    float: right;
}

.progress__percentage {
    float: right;
}

[dir="rtl"] .progress__percentage {
    float: left;
}

.progress--small .progress__track {
    height: 7px;
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    min-height: 2em;
    resize: vertical;
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(../image/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(../image/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(../image/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .system-status-report-counters__item--half-width {
        width: 49%;
    }

    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

body.drag {
    cursor: move;
}

tr.region-title {
    font-weight: bold;
}

tr.region-message {
    color: #999;
}

tr.region-populated {
    display: none;
}

tr.add-new .tabledrag-changed {
    display: none;
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none;
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: #787878;
    -webkit-mask: url(../image/move.svg) no-repeat 6px 7px;
    mask: url(../image/move.svg) no-repeat 6px 7px;
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background: #000;
}

@media (forced-colors: active) {
    a.tabledrag-handle .handle, a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
        background: canvastext;
    }
}

.touchevents .draggable td {
    padding: 0 10px;
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px;
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px;
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
}

[dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(../image/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(../image/twistie-up.svg);
}

div.tree-child {
    background: url(../image/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(../image/tree-bottom.png) no-repeat 11px center;
}

[dir="rtl"] div.tree-child, [dir="rtl"] div.tree-child-last {
    background-position: -65px center;
}

div.tree-child-horizontal {
    background: url(../image/tree.png) no-repeat -11px center;
}

.views-align-left {
    text-align: left;
}

.views-align-right {
    text-align: right;
}

.views-align-center {
    text-align: center;
}

.views-view-grid .views-col {
    float: left;
}

.views-view-grid .views-row {
    float: left;
    clear: both;
    width: 100%;
}

.views-display-link + .views-display-link {
    margin-left: 0.5em;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../image/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../image/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(../image/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(../image/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url(../image/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../image/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(../image/ui-icons_777777_256x240.png);
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666666;
    box-shadow: 0 0 5px #666666;
}

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

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%, 100% {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -ms-transform-origin: top center;
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: .75s
}

@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    100% {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut;
    animation-duration: .75s
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

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

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

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

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    animation-duration: .75s;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
    animation-duration: .75s
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    100% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        transform: translateY(100%)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        transform: translateX(100%)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.noty_close {
    display: block !important
}

.noty_message {
    font: 12px/16px arial
}

.paragraph--unpublished {
    background-color: #fff4f4;
}

.ui-autocomplete .ui-menu-item-wrapper, .ui-autocomplete .ui-menu-item-wrapper .search_block_link {
    display: block;
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

:root {
    --grey-0: #F9FAFF;
    --grey-50: #EEEFF0;
    --grey-100: #DEDFE1;
    --grey-200: #B3B6B9;
    --grey-300: #81868C;
    --grey-400: #565D65;
    --grey-500: #2C353E;
    --grey-600: #232A32;
    --grey-700: #1A2025;
    --grey-800: #15191E;
    --grey-900: #101316
}

:root {
    --primary-50: #F3F0F3;
    --primary-100: #E8E1E6;
    --primary-200: #C9BAC7;
    --primary-300: #A68EA2;
    --primary-400: #886782;
    --primary-500: #6A4163;
    --primary-600: #55344F;
    --primary-700: #3F273B;
    --primary-800: #331F2F;
    --primary-900: #261724
}

:root {
    --secondary-50: #FCF3F6;
    --secondary-100: #F8E7EE;
    --secondary-200: #EFC9D8;
    --secondary-300: #E5A5BF;
    --secondary-400: #DD87A9;
    --secondary-500: #D46993;
    --secondary-600: #AA5476;
    --secondary-700: #7E3F58;
    --secondary-800: #653246;
    --secondary-900: #4C2635
}

:root {
    --label-1-1: #F02323;
    --label-1-2: #F34F4F;
    --label-2-1: #0F75E2;
    --label-2-2: #3F91E8;
    --label-3-1: #00CA8D;
    --label-3-2: #33D5A4
}

:root {
    --special-1: #FFC700
}

:root {
    --cover-Light-40: rgba(255, 255, 255, 0.4);
    --cover-Light-60: rgba(255, 255, 255, 0.6);
    --cover-Light-75: rgba(255, 255, 255, 0.75);
    --cover-Light-90: rgba(255, 255, 255, 0.9);
    --cover-Dark-40: rgba(25, 26, 29, 0.4);
    --cover-Dark-60: rgba(25, 26, 29, 0.6);
    --cover-Dark-75: rgba(25, 26, 29, 0.75);
    --cover-Dark-90: rgba(25, 26, 29, 0.9)
}

:root {
    --shadow-Light-1-2: 0 1px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-8-16: 0px 8px 16px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-16-32: 0px 16px 32px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-20-40: 0px 20px 40px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-24-48: 0px 24px 48px 0px rgba(145, 158, 171, 0.24), 0px 0px 4px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-0-48: 0px 0px 48px 0px rgba(145, 158, 171, 0.24);
    --shadow-Dark-1-2: 0px 1px 2px 0px rgba(9, 9, 10, 0.30);
    --shadow-Dark-8-16: 0px 8px 16px 0px rgba(19, 20, 21, 0.40);
    --shadow-Dark-16-32: 0px 16px 32px -4px rgba(14, 14, 15, 0.40), 0px 0px 2px 0px rgba(17, 17, 18, 0.40);
    --shadow-Dark-20-40: 0px 20px 40px -4px rgba(15, 15, 16, 0.50), 0px 0px 2px 0px rgba(17, 18, 19, 0.50);
    --shadow-Dark-24-48: 0px 24px 48px 0px rgba(22, 24, 26, 0.70), 0px 0px 4px 0px rgba(20, 21, 23, 0.70);
    --shadow-Dark-0-48: 0px 0px 48px 0px rgba(14, 14, 15, 0.70)
}

:root {
    --inputHeight: 52px;
    --inputRadius: 8px;
    --inputBackground: #FFFFFF;
    --inputBorderColor: var(--primary-100);
    --inputColor: var(--grey-500);
    --inputPaddingVertical: 14px;
    --inputPaddingHorisontal: 18px;
    --inputPaddingIconSpace: 35px;
    --itemRadius: 8px;
    --buttonRadius: 70px;
    --mainColor: var(--secondary-500);
    --secondaryColor: var(--primary-500);
    --whiteColor: #FFFFFF
}

@media screen and (min-width: 1200px) {
    :root {
        --inputHeight: 3.2rem;
        --inputRadius: 0.5rem;
        --inputPaddingVertical: 0.85rem;
        --inputPaddingHorisontal: 1.15rem;
        --inputPaddingIconSpace: 2rem;
        --buttonRadius: 3.5rem;
        --itemRadius: 0.5rem
    }
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.ttf") format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.ttf") format("ttf");
    font-weight: 600;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Cormorant";
    src: url("../fonts/Cormorant-Bold.woff2") format("woff2"), url("../fonts/Cormorant-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Cuprum";
    src: url("../fonts/Cuprum-Regular.woff2") format("woff2"), url("../fonts/Cuprum-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.woff?v3") format("woff"), url("../fonts/icomoon.ttf?v3") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.text-formatted {
    line-height: 1.5
}

.text-formatted h6, .text-formatted h5, .text-formatted h4, .text-formatted h3, .text-formatted h2, .text-formatted h1 {
    margin: 1em 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .text-formatted h6, .text-formatted h5, .text-formatted h4, .text-formatted h3, .text-formatted h2, .text-formatted h1 {
        margin: 1.2em 0
    }
}

.text-formatted h6:first-child, .text-formatted h5:first-child, .text-formatted h4:first-child, .text-formatted h3:first-child, .text-formatted h2:first-child, .text-formatted h1:first-child {
    margin-top: 0
}

.text-formatted h6:last-child, .text-formatted h5:last-child, .text-formatted h4:last-child, .text-formatted h3:last-child, .text-formatted h2:last-child, .text-formatted h1:last-child {
    margin-bottom: 0
}

.text-formatted blockquote {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 15px;
    background: var(--secondary-500);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    min-width: 20%;
    margin: 1rem 0
}

@media screen and (min-width: 1200px) {
    .text-formatted blockquote {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted blockquote {
        padding: 1.5rem
    }
}

.text-formatted blockquote:before {
    display: none
}

.text-formatted blockquote:first-child {
    margin-top: 0
}

.text-formatted blockquote:last-child {
    margin-bottom: 0
}

.text-formatted hr {
    clear: both;
    border: none
}

.text-formatted hr + img {
    margin-top: 0 !important
}

.text-formatted ol, .text-formatted ul {
    margin: 1em 0
}

.text-formatted ol:first-child, .text-formatted ul:first-child {
    margin-top: 0
}

.text-formatted ol:last-child, .text-formatted ul:last-child {
    margin-bottom: 0
}

.text-formatted ol li, .text-formatted ul li {
    margin: 0 0 16px;
    min-width: 200px
}

@media screen and (min-width: 1200px) {
    .text-formatted ol li, .text-formatted ul li {
        margin-bottom: 0.8rem
    }
}

.text-formatted ol li:last-of-type, .text-formatted ul li:last-of-type {
    margin-bottom: 0
}

.text-formatted ul li {
    overflow: hidden;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li {
        padding: 0 0 0 30px
    }
}

.text-formatted ul li:before {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 0;
    top: 0.75em;
    margin-top: -7px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li:before {
        font-size: 0.95rem
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li:before {
        margin-top: -0.5rem
    }
}

.text-formatted ol {
    counter-reset: list
}

.text-formatted ol li {
    overflow: hidden;
    padding: 0 0 0 1.5em;
    position: relative;
    text-align: left
}

.text-formatted ol li:before {
    counter-increment: list;
    content: counters(list, ".") ".";
    position: absolute;
    left: 0
}

.text-formatted ol li li {
    padding-left: 2em
}

.text-formatted table {
    width: 100% !important;
    border-collapse: collapse;
    float: none;
    border: none;
    margin: 1em 0
}

.text-formatted table:first-child {
    margin-top: 0
}

.text-formatted table:last-child {
    margin-bottom: 0
}

.text-formatted table th, .text-formatted table td {
    border: none;
    padding: 15px
}

.text-formatted table th {
    font-size: 1rem;
    font-weight: 700;
    background: var(--secondary-500);
    color: #FFFFFF;
    vertical-align: bottom
}

.text-formatted table tr {
    border: none
}

.text-formatted table tr:nth-child(even) {
    background: var(--grey-100)
}

.text-formatted table td {
    vertical-align: top;
    font-size: 0.8rem;
    background: none
}

.text-formatted .youtube-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

.text-formatted .align-left, .text-formatted .align-right, .text-formatted .align-center {
    float: none;
    margin-bottom: 15px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left, .text-formatted .align-right, .text-formatted .align-center {
        margin: 1rem 1.5rem
    }
}

.text-formatted .align-left:first-child, .text-formatted .align-right:first-child, .text-formatted .align-center:first-child {
    margin-top: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left, .text-formatted .align-right {
        max-width: 50%
    }
}

.text-formatted .align-left {
    margin-left: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left {
        float: left
    }
}

.text-formatted .align-right {
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-right {
        float: right
    }
}

.text-formatted .align-center {
    margin-left: auto;
    margin-right: auto
}

.text-formatted .site-style-h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-button {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.text-formatted .site-style-regular {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-regular {
        font-size: 1rem;
        font-weight: 400
    }
}

.text-formatted .site-style-regular-small {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-regular-small {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.text-formatted .site-style-subtitle {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-subtitle {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.text-formatted .site-style-overline {
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25em
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-overline {
        font-size: 0.7rem;
        font-weight: 400;
        letter-spacing: 0.3em
    }
}

.text-formatted .align-left + h1, .text-formatted .align-left + h2, .text-formatted .align-left + h3, .text-formatted .align-left + h4, .text-formatted .align-left + h5, .text-formatted .align-right + h1, .text-formatted .align-right + h2, .text-formatted .align-right + h3, .text-formatted .align-right + h4, .text-formatted .align-right + h5 {
    margin-top: 0
}

.text-formatted a {
    color: var(--mainColor);
    background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
    background-size: 100% 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.text-formatted a:hover {
    background-size: 0 1px
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout {
        display: flex;
        margin: 1.2rem -0.6rem
    }

    .text-formatted .x-ck-layout:last-child {
        margin-bottom: 0
    }
}

.text-formatted .x-ck-layout__col:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout__col:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout__col {
        flex-grow: 1;
        width: 50%;
        padding: 0 0.6rem
    }
}

.text-formatted .x-ck-top-text {
    margin: 0 auto 24px;
    text-align: center
}

.text-formatted .x-ck-top-text:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-top-text {
        max-width: 43.75rem;
        margin: 0 auto 1.2rem
    }
}

.text-formatted .x-ck-text-block {
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-text-block {
        max-width: 48.5rem
    }
}

.text-formatted .template-1 {
    display: flex;
    flex-direction: column
}

.text-formatted .template-1:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .text-formatted .template-1:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1 {
        flex-direction: row;
        margin-left: -0.6rem;
        margin-right: -0.6rem
    }
}

.text-formatted .template-1 > *:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .text-formatted .template-1 > *:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.text-formatted .template-1 img {
    width: 100%;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__first {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__second {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.text-formatted .template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__second--left {
        order: initial
    }
}

.text-formatted > *:last-child {
    margin-bottom: 0
}

.node .text-formatted {
    line-height: 1.5;
    display: inline-block
}

.x-ck-layout {
    margin: 30px -15px
}

@media screen and (min-width: 992px) {
    .x-ck-layout {
        display: flex
    }
}

.x-ck-top-text {
    max-width: 875px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 18px
}

.cke_editable img {
    display: block
}

.cke_editable .x-ck-layout {
    margin: 15px 0
}

.cke_editable .x-ck-layout__col {
    border: 1px solid #ddd;
    padding: 15px
}

.x-ck-layout__col {
    flex-grow: 1;
    padding: 0 15px
}

@media screen and (min-width: 992px) {
    .x-ck-layout__col {
        width: 50%
    }
}

.x-ck-text-block {
    max-width: 970px;
    margin: 0 auto
}

.template-1 {
    display: flex;
    flex-direction: column;
    margin: 1em 0
}

.template-1:first-child {
    margin-top: 0
}

.template-1:last-child {
    margin-bottom: 0
}

.template-1 img {
    width: 100%;
    border-radius: 10px;
    margin: 10px auto 0
}

.template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .template-1 {
        flex-direction: row;
        margin-left: -15px;
        margin-right: -15px
    }

    .template-1__first {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .template-1__second {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%
    }

    .template-1__second--left {
        order: initial
    }
}

* {
    outline: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

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

.wait-load * {
    transition-duration: 0s !important
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 1.0416666667vw
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 20px
    }
}

body {
    font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
    line-height: 1.25;
    width: 100%;
    height: 100%;
    color: var(--grey-500);
    background: #FFFFFF;
    font-size: 1rem;
    position: relative;
    min-width: 360px;
    font-feature-settings: "lnum" 1;
    -webkit-overflow-scrolling: touch
}

body::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem
}

body::-webkit-scrollbar-track {
    background: var(--primary-200)
}

body::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    cursor: pointer
}

body::-webkit-scrollbar-thumb:hover {
    background: var(--primary-500)
}

body.is-hidden {
    overflow: hidden
}

body.maintenance-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

body.maintenance-page .layout-container {
    padding-top: 2.5em
}

body.maintenance-page main {
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    body.maintenance-page main {
        margin-top: 1.5rem
    }
}

body.maintenance-page h1 {
    font-size: 2rem;
    margin-bottom: 0.2em
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

p {
    margin: 0 0 0.75em
}

@media screen and (min-width: 1200px) {
    p {
        margin: 0 0 0.8em
    }
}

p:last-child {
    margin-bottom: 0
}

h6, h5, h4, h3, h2, h1 {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

form .confirmation-message {
    text-align: center
}

form:not(.form-style-2) .form-submit {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

form:not(.form-style-2) .form-submit:hover {
    background: var(--primary-600)
}

form:not(.form-style-2) .form-submit:disabled, form:not(.form-style-2) .form-submit.disabled {
    background: var(--primary-200)
}

form.form-style-2 .form-submit {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 17px 20px;
    min-height: 52px;
    background: none;
    color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        padding: 1.05rem 1.2rem;
        min-height: 3.2rem
    }
}

form.form-style-2 .form-submit:hover {
    color: var(--secondary-600);
    border-color: var(--secondary-600)
}

form.form-style-2 .form-submit:disabled, form.form-style-2 .form-submit.disabled {
    color: var(--secondary-300);
    border-color: var(--secondary-300)
}

form .form-item {
    margin: 0 0 10px;
    position: relative
}

form .form-item-required.form-item-label-invisible::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--mainColor);
    border-radius: 100%;
    margin-left: -3px;
    top: 50%;
    margin-top: -3px;
    z-index: 1
}

form .form-item-required:not(.form-item-label-invisible) > label {
    position: relative
}

form .form-item-required:not(.form-item-label-invisible) > label::before {
    content: "*";
    position: absolute;
    color: var(--label-1-1);
    margin-right: -10px;
    top: 0;
    right: 0;
    margin-top: -3px;
    z-index: 1
}

form .form-item:not(.form-item-label-invisible) label {
    margin-bottom: 12px;
    display: inline-block
}

form .form-item.form-type-password-confirm {
    margin-bottom: 0
}

form .form-item.form-type-password-confirm.form-item-required:before {
    display: none
}

.form-type-password {
    position: relative
}

.form-type-password .show-password {
    position: absolute;
    right: 14px;
    bottom: calc(var(--inputHeight) / 2);
    transform: translateY(50%);
    font-size: 0;
    border: none;
    background: none;
    cursor: pointer
}

.form-type-password .show-password:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .form-type-password .show-password:before {
        font-size: 1.2rem
    }
}

.form-type-password .show-password.is-show:before {
    content: ""
}

.form-type-password.form-item-label-invisible .show-password {
    bottom: unset;
    top: calc(var(--inputHeight) / 2);
    transform: translateY(-50%)
}

.form-type-password .description a {
    color: inherit;
    transition: all 0.3s
}

.form-type-password .description a:hover {
    color: var(--secondary-500)
}

.form--grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px -10px
}

.form--grid .form-item {
    padding: 0 7px
}

.form--grid.grid-2 .form-item {
    width: 50%
}

.form--grid.grid-3 .form-item {
    width: 33.333%
}

.js-form-autosubmit .form-actions, .auto-submit .form-actions {
    display: none
}

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

input[type=time], input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -o-appearance: textfield;
    -ms-appearance: textfield
}

input[type="time"]::-webkit-clear-button {
    display: none
}

input[type="time"]::-moz-clear-button {
    display: none
}

[type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea {
    padding: var(--inputPaddingVertical) var(--inputPaddingHorisontal);
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    box-sizing: border-box;
    border-radius: var(--inputRadius);
    height: var(--inputHeight);
    width: 100%;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 400 1rem "Montserrat", arial, sans-serif;
    line-height: 1.25;
    color: var(--inputColor);
    transition-duration: 0.2s;
    min-width: 0
}

[type="color"][disabled="disabled"], [type="date"][disabled="disabled"], [type="datetime"][disabled="disabled"], [type="datetime-local"][disabled="disabled"], [type="email"][disabled="disabled"], [type="month"][disabled="disabled"], [type="number"][disabled="disabled"], [type="password"][disabled="disabled"], [type="search"][disabled="disabled"], [type="tel"][disabled="disabled"], [type="text"][disabled="disabled"], [type="time"][disabled="disabled"], [type="url"][disabled="disabled"], [type="week"][disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
    opacity: 0.5
}

[type="color"]:-webkit-autofill, [type="color"]:-webkit-autofill:hover, [type="color"]:-webkit-autofill:focus, [type="color"]:-webkit-autofill:active, [type="date"]:-webkit-autofill, [type="date"]:-webkit-autofill:hover, [type="date"]:-webkit-autofill:focus, [type="date"]:-webkit-autofill:active, [type="datetime"]:-webkit-autofill, [type="datetime"]:-webkit-autofill:hover, [type="datetime"]:-webkit-autofill:focus, [type="datetime"]:-webkit-autofill:active, [type="datetime-local"]:-webkit-autofill, [type="datetime-local"]:-webkit-autofill:hover, [type="datetime-local"]:-webkit-autofill:focus, [type="datetime-local"]:-webkit-autofill:active, [type="email"]:-webkit-autofill, [type="email"]:-webkit-autofill:hover, [type="email"]:-webkit-autofill:focus, [type="email"]:-webkit-autofill:active, [type="month"]:-webkit-autofill, [type="month"]:-webkit-autofill:hover, [type="month"]:-webkit-autofill:focus, [type="month"]:-webkit-autofill:active, [type="number"]:-webkit-autofill, [type="number"]:-webkit-autofill:hover, [type="number"]:-webkit-autofill:focus, [type="number"]:-webkit-autofill:active, [type="password"]:-webkit-autofill, [type="password"]:-webkit-autofill:hover, [type="password"]:-webkit-autofill:focus, [type="password"]:-webkit-autofill:active, [type="search"]:-webkit-autofill, [type="search"]:-webkit-autofill:hover, [type="search"]:-webkit-autofill:focus, [type="search"]:-webkit-autofill:active, [type="tel"]:-webkit-autofill, [type="tel"]:-webkit-autofill:hover, [type="tel"]:-webkit-autofill:focus, [type="tel"]:-webkit-autofill:active, [type="text"]:-webkit-autofill, [type="text"]:-webkit-autofill:hover, [type="text"]:-webkit-autofill:focus, [type="text"]:-webkit-autofill:active, [type="time"]:-webkit-autofill, [type="time"]:-webkit-autofill:hover, [type="time"]:-webkit-autofill:focus, [type="time"]:-webkit-autofill:active, [type="url"]:-webkit-autofill, [type="url"]:-webkit-autofill:hover, [type="url"]:-webkit-autofill:focus, [type="url"]:-webkit-autofill:active, [type="week"]:-webkit-autofill, [type="week"]:-webkit-autofill:hover, [type="week"]:-webkit-autofill:focus, [type="week"]:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--inputColor);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px var(--inputBackground)
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input:focus, textarea:focus {
    border-color: var(--secondary-500);
    background: #fff
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0
}

textarea {
    height: 130px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    resize: none !important;
    display: block
}

@media screen and (min-width: 1200px) {
    textarea {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        height: 10rem
    }
}

select {
    padding-right: var(--inputPaddingIconSpace);
    background-image: url("../image/select-arrow.svg");
    background-position: right 15px center;
    background-repeat: no-repeat
}

@media screen and (min-width: 1200px) {
    select {
        background-position: right 0.75rem center
    }
}

.ui-slider-horizontal {
    height: 8px;
    background: var(--grey-0);
    border-radius: 100px;
    border: none !important;
    margin-bottom: 12px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .ui-slider-horizontal {
        margin-bottom: 0.85rem
    }
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    background: var(--mainColor);
    border-radius: 100px;
    position: absolute
}

.ui-slider-horizontal .ui-widget-header {
    border: none
}

.ui-slider-horizontal .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--mainColor);
    box-shadow: 0 8px 16px rgba(145, 158, 171, 0.24);
    outline: none;
    top: calc(50% - 9px);
    border: 3px solid var(--whiteColor);
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    display: block;
    position: absolute
}

.ui-slider-horizontal .ui-slider-handle:nth-of-type(2) {
    margin-left: -18px
}

.gl-devel {
    font-family: "Cuprum", serif;
    padding-left: 20px;
    text-align: left;
    position: relative;
    display: table;
    text-transform: uppercase;
    line-height: 1.25;
    white-space: nowrap;
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .gl-devel {
        width: 15.65rem;
        margin: 0;
        padding-left: 1.45rem
    }
}

.gl-devel-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--secondary-500);
    width: 0%
}

.gl-devel-mask--title {
    left: 0
}

.gl-devel-mask--role {
    background: var(--primary-500);
    right: 0
}

.gl-devel-title {
    font-size: 1.0625rem;
    display: table;
    position: relative
}

@media screen and (min-width: 1200px) {
    .gl-devel-title {
        font-size: 1.2rem
    }
}

.gl-devel-title svg, .gl-devel-title img {
    position: absolute;
    right: 99%;
    width: auto;
    top: 10%;
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .gl-devel-title svg, .gl-devel-title img {
        margin-right: 0.5rem
    }
}

.gl-devel-name {
    position: relative;
    transform: scale(0)
}

.gl-devel-name svg {
    width: 0.95rem
}

@media screen and (min-width: 1200px) {
    .gl-devel-name svg {
        width: 1.05rem
    }
}

.gl-devel-role {
    font-size: 0.875rem;
    letter-spacing: 3px;
    display: table;
    position: relative
}

@media screen and (min-width: 1200px) {
    .gl-devel-role {
        font-size: 0.8rem
    }
}

.gl-devel-role a {
    text-decoration: none;
    position: relative;
    display: block;
    transform: scale(0);
    color: inherit
}

.gl-devel-role a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transition-duration: 0.2s
}

.gl-devel-role a:hover:after {
    transform: scaleX(1)
}

.gl-devel.is-animate .gl-devel-title img, .gl-devel.is-animate .gl-devel-title svg {
    animation: glyanec_img 5s infinite
}

.gl-devel.is-animate .gl-devel-mask {
    animation-delay: 0.5s
}

.gl-devel.is-animate .gl-devel-mask--title {
    animation: mainBlock 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards
}

.gl-devel.is-animate .gl-devel-mask--role {
    animation: mainBlockRight 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards
}

.gl-devel.is-animate .gl-devel-name {
    font-size: 1.0625rem
}

.gl-devel.is-animate .gl-devel-name a {
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .gl-devel.is-animate .gl-devel-name {
        font-size: 1.2rem
    }
}

.gl-devel.is-animate .gl-devel-role a, .gl-devel.is-animate .gl-devel-name {
    transition: 0s ease 0.5s;
    transform: scale(1)
}

@keyframes mainBlock {
    0% {
        width: 0%;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    100% {
        width: 0;
        left: 100%
    }
}

@keyframes mainBlockRight {
    0% {
        width: 0%;
        right: 0
    }
    50% {
        width: 100%;
        right: 0
    }
    100% {
        width: 0;
        right: 100%
    }
}

@keyframes glyanec_img {
    0% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    20% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    40% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    60% {
        transform: rotate3d(0, 10, 0, 180deg)
    }
    80% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
}

@keyframes secBlock {
    0% {
        width: 0%;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    100% {
        width: 0;
        left: 100%
    }
}

@keyframes mainFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes popIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        bottom: 45px
    }
    65% {
        bottom: 0px;
        width: 15px
    }
    80% {
        bottom: 20px
    }
    100% {
        bottom: 2px;
        transform: scale(1)
    }
}

@keyframes secFadeIn {
    0% {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes top {
    0% {
        opacity: 0;
        bottom: -80px
    }
    100% {
        opacity: 1;
        bottom: 0px
    }
}

@keyframes icon {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.3) rotate(-2deg)
    }
    100% {
        opacity: 1;
        bottom: 0px
    }
}

.personal-new-page-title {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .personal-new-page-title {
        margin-bottom: 1.5rem
    }
}

.personal-new-page-title .total_rows {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .personal-new-page-title .total_rows {
        font-size: 1rem;
        font-weight: 400
    }
}

.page-node-14 .personal-new-page-title {
    text-align: center
}

.page-front .personal-new-page-title, .page-node-14138 .personal-new-page-title, .page-node-33044 .personal-new-page-title {
    display: none
}

.site-content {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
    padding-bottom: 50px
}

@media screen and (min-width: 1200px) {
    .site-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-content {
        max-width: 81.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-content {
        padding-top: 2rem;
        padding-bottom: 3.25rem
    }
}

.site-content__top {
    padding: 10px 0
}

@media screen and (min-width: 1200px) {
    .site-content__top {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}

.site-content__top .region-content-top {
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .site-content__top .region-content-top {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-content__top .region-content-top {
        max-width: 81.75rem
    }
}

.breadcrumb ol {
    margin: 0 -25px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .breadcrumb ol {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.breadcrumb ol::-webkit-scrollbar {
    display: none
}

.breadcrumb ol li {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.breadcrumb ol li:before {
    content: "";
    font-family: "icomoon";
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin: 0 5px;
    color: var(--grey-400)
}

@media screen and (min-width: 1200px) {
    .breadcrumb ol li:before {
        font-size: 0.9rem
    }
}

.breadcrumb ol li a {
    text-decoration: none;
    display: flex
}

.breadcrumb ol li a:hover {
    color: var(--mainColor)
}

.breadcrumb ol li:first-of-type {
    display: inline-block;
    vertical-align: middle
}

.breadcrumb ol li:first-of-type:before {
    display: none
}

.breadcrumb ol li:first-of-type a {
    font-size: 0;
    background: none;
    color: var(--secondary-500);
    text-decoration: none
}

.breadcrumb ol li:first-of-type a:before {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .breadcrumb ol li:first-of-type a:before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .breadcrumb {
        display: flex;
        align-items: center
    }
}

.site-middle .block:not(.personal-new-content):not(.personal-new-page-title) {
    padding: 50px 0
}

@media screen and (min-width: 1200px) {
    .site-middle .block:not(.personal-new-content):not(.personal-new-page-title) {
        padding: 3.25rem 0
    }
}

.block .block__title {
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .block .block__title {
        margin-bottom: 1.5rem;
        text-align: left
    }
}

.block .block__title--main {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block .block__title--main {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block .block__title--sub {
    margin-top: 0.2rem;
    line-height: 1.5
}

.view:not(.no-grid) {
    position: relative
}

.view:not(.no-grid) .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid) .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid) .views-row {
    padding: 0 12px;
    margin: 0 0 30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid) .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid):not(.modific-more-link) .more-link {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.view:not(.no-grid):not(.modific-more-link) .more-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.view:not(.no-grid):not(.modific-more-link) .more-link a:hover {
    background: var(--primary-600)
}

.view:not(.no-grid):not(.modific-more-link) .more-link a:disabled, .view:not(.no-grid):not(.modific-more-link) .more-link a.disabled {
    background: var(--primary-200)
}

.view:not(.no-grid).modific .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).modific .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid).modific .views-row {
    padding: 0 12px;
    margin: 0 0 30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).modific .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid).grid-space-min .view-content {
    margin: 0 -8px -16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-min .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid).grid-space-min .views-row {
    padding: 0 8px;
    margin: 0 0 16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-min .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid).grid-space-max .view-content {
    margin: 0 -8px -16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-max .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid).grid-space-max .view-content {
        margin-bottom: -2.5rem
    }
}

.view:not(.no-grid).grid-space-max .views-row {
    padding: 0 8px;
    margin: 0 0 16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-max .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid).grid-space-max .views-row {
        margin-bottom: 2.5rem
    }
}

.view:not(.no-grid).grid-space-mod .view-content {
    margin: 0 -13px -26px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-mod .view-content {
        margin-left: -1.35rem;
        margin-right: -1.35rem;
        margin-bottom: -2.7rem
    }
}

.view:not(.no-grid).grid-space-mod .views-row {
    padding: 0 13px;
    margin: 0 0 26px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-mod .views-row {
        margin-bottom: 2.7rem;
        padding-left: 1.35rem;
        padding-right: 1.35rem
    }
}

.grid-1 .views-row {
    width: 100%
}

.grid-2 .views-row {
    width: 100%
}

@media screen and (min-width: 768px) {
    .grid-2 .views-row {
        width: 50%
    }
}

.grid-2-2 .views-row {
    width: 50%
}

.grid-3 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-3 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .grid-3 .views-row {
        width: 33.333%
    }
}

.grid-2-3 .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    .grid-2-3 .views-row {
        width: 33.33%
    }
}

body.page-sidebar .grid-2-3-leftbar .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    body.page-sidebar .grid-2-3-leftbar .views-row {
        width: 33.33%
    }
}

body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
        width: 25%
    }
}

.grid-4 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-4 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .grid-4 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-4 .views-row {
        width: 25%
    }
}

.grid-2-4 .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    .grid-2-4 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-2-4 .views-row {
        width: 25%
    }
}

.grid-5 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-5 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .grid-5 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-5 .views-row {
        width: 20%
    }
}

.grid-3-7--mod .views-row {
    width: auto;
    max-width: 33.333%
}

@media screen and (min-width: 480px) {
    .grid-3-7--mod .views-row {
        max-width: 25%
    }
}

@media screen and (min-width: 768px) {
    .grid-3-7--mod .views-row {
        max-width: 20%
    }
}

@media screen and (min-width: 992px) {
    .grid-3-7--mod .views-row {
        max-width: calc(100% / 6)
    }
}

@media screen and (min-width: 1200px) {
    .grid-3-7--mod .views-row {
        max-width: calc(100% / 7)
    }
}

.linear-swiper .swiper-wrapper {
    transition-timing-function: linear
}

.swiper-hand {
    position: absolute;
    background: url("/themes/personal_new/images/icons/hand.svg") center center;
    width: 38px;
    height: 36px;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 5
}

@media screen and (min-width: 1200px) {
    .swiper-hand {
        display: none
    }
}

.swiper-lock .swiper-hand {
    display: none
}

.swiper-button {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    -webkit-tap-highlight-color: transparent;
    z-index: 5;
    color: var(--grey-300)
}

.swiper-button:before {
    display: none
}

.swiper-button::after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .swiper-button::after {
        font-size: 1.1rem
    }
}

.swiper-button-prev {
    left: 0
}

.swiper-button-prev::after {
    content: ""
}

.swiper-button-next {
    right: 0
}

.swiper-button-next::after {
    content: ""
}

.swiper-button.swiper-smart-position-hidden {
    display: none
}

.swiper-button:hover {
    color: var(--secondary-500)
}

.swiper-button.swiper-button-disabled {
    pointer-events: initial;
    cursor: auto
}

.swiper-button-lock {
    display: none
}

.swiper-arrow-style-2 .swiper-button {
    position: absolute;
    top: 50%;
    border-radius: var(--itemRadius);
    background: var(--primary-100);
    color: var(--primary-500)
}

.swiper-arrow-style-2 .swiper-button::after {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-style-2 .swiper-button::after {
        font-size: 1.1rem
    }
}

.swiper-arrow-style-2 .swiper-button:hover {
    background: var(--primary-500);
    color: var(--whiteColor)
}

.swiper-arrow-style-2.swiper-arrow-style-min .swiper-button {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 5px
}

.swiper-arrow-style-2:not(.swiper-arrow-style-min) .swiper-button {
    padding: 11px 14px;
    width: 46px;
    height: 52px;
    margin-top: -12px
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-style-2:not(.swiper-arrow-style-min) .swiper-button {
        width: 3.5rem;
        height: 3.2rem
    }
}

.swiper-arrow-header .swiper-button {
    position: static;
    margin: 0
}

.swiper-arrow-header .swiper-navigation {
    position: absolute;
    gap: 1.2rem;
    left: 0;
    top: 0;
    display: none
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-header .swiper-navigation {
        display: flex;
        bottom: calc(100% + 1.8rem);
        right: 0;
        left: auto;
        top: auto
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-header.swiper-arrow-style-2 .swiper-navigation {
        gap: 0.4rem
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-right .swiper-button {
        top: auto;
        margin: 0 !important;
        position: static
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-right .swiper-navigation {
        position: absolute;
        top: 30%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        right: -1.5rem
    }
}

@media screen and (min-width: 1750px) {
    .swiper-arrow-right .swiper-navigation {
        left: calc(100% + 1.2rem)
    }
}

.swiper-pagination {
    position: relative
}

.swiper-pagination.swiper-pagination-bullets {
    margin: 0 -5px;
    width: auto
}

@media screen and (min-width: 1200px) {
    .swiper-pagination.swiper-pagination-bullets {
        margin: 0 -0.55rem
    }
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background: none;
    position: relative;
    border-radius: 50%
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--mainColor);
    width: 50%;
    height: 50%;
    border-radius: 50%
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1200px) {
    .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 0.7rem;
        height: 0.7rem;
        margin: 0 0.55rem
    }
}

.field--type-fivestar {
    margin-bottom: 10px
}

.form-type-fivestar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

div.fivestar-widget, div.fivestar-widget-static {
    font-size: 0;
    display: flex;
    gap: 4px
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget, div.fivestar-widget-static {
        gap: 0.25rem
    }
}

div.fivestar-widget .star, div.fivestar-widget-static .star {
    margin: 0;
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 0 !important;
    background-size: 100% !important;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget .star, div.fivestar-widget-static .star {
        width: 1.2rem;
        height: 1.2rem
    }
}

div.fivestar-widget .star a, div.fivestar-widget .star span.off, div.fivestar-widget-static .star a, div.fivestar-widget-static .star span.off {
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 0 !important;
    background-size: 20px !important;
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget .star a, div.fivestar-widget .star span.off, div.fivestar-widget-static .star a, div.fivestar-widget-static .star span.off {
        background-size: 1.2rem !important
    }
}

div.fivestar-widget .star.hover a, div.fivestar-widget .star.on a, div.fivestar-widget .star span.on, div.fivestar-widget-static .star.hover a, div.fivestar-widget-static .star.on a, div.fivestar-widget-static .star span.on {
    height: 100%;
    display: block;
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 bottom !important;
    background-size: 100% !important
}

div.fivestar-widget .star span[style^="width:50%"], div.fivestar-widget-static .star span[style^="width:50%"] {
    background-size: 200% !important
}

.fivestar-default {
    display: flex;
    align-items: center
}

.fivestar-default .fivestar-rate {
    margin: 0 0 0 10px;
    font-size: 1.125rem;
    font-weight: 700
}

.vote-widget--like-and-dislike {
    display: flex
}

.vote-widget--like-and-dislike a {
    background: none;
    width: auto;
    height: auto;
    text-indent: unset;
    font-size: 0;
    text-decoration: none;
    margin-right: 0.25rem
}

.vote-widget--like-and-dislike a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    display: block;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .vote-widget--like-and-dislike a:before {
        font-size: 1.2rem
    }
}

.vote-widget--like-and-dislike .count {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-400)
}

@media screen and (min-width: 1200px) {
    .vote-widget--like-and-dislike .count {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.vote-like {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0
}

@media screen and (min-width: 1200px) {
    .vote-like {
        margin-right: 0.75rem
    }
}

.vote-like a {
    color: var(--secondary-500);
    cursor: pointer
}

.vote-like a:before {
    content: ""
}

.vote-like a:hover:before {
    transform: translateY(-5px)
}

.vote-like a:active:before {
    transform: translateY(-3px)
}

.vote-like .count:before {
    content: "("
}

.vote-like .count:after {
    content: ")"
}

.vote-dislike {
    display: flex;
    align-items: center
}

.vote-dislike a {
    color: var(--secondary-500);
    cursor: pointer
}

.vote-dislike a:before {
    content: ""
}

.vote-dislike a:hover:before {
    transform: translateY(5px)
}

.vote-dislike a:active:before {
    transform: translateY(3px)
}

.vote-dislike .count:before {
    content: "("
}

.vote-dislike .count:after {
    content: ")"
}

.drupal_package_like_button {
    display: inline-block;
    font-size: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

.drupal_package_like_button::before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .drupal_package_like_button::before {
        font-size: 1.2rem
    }
}

.drupal_package_like_button.compare_button::before {
    content: ""
}

.drupal_package_like_button.compare_button.active:before {
    color: var(--mainColor)
}

.drupal_package_like_button.favorite_button::before {
    content: "";
    color: var(--secondaryColor)
}

.drupal_package_like_button.favorite_button.active::before {
    content: ""
}

.addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor);
    white-space: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.addto_basket_button:hover {
    background: var(--primary-600)
}

.addto_basket_button:disabled, .addto_basket_button.disabled {
    background: var(--primary-200)
}

.basket-warehouses {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--secondaryColor);
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.basket-warehouses:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.basket-warehouses:disabled, .basket-warehouses.disabled {
    background: var(--primary-200)
}

.basket_item_count {
    width: 101px;
    height: 52px;
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    display: flex;
    border-radius: var(--inputRadius);
    flex-shrink: 0;
    justify-content: center
}

@media screen and (min-width: 1200px) {
    .basket_item_count {
        width: 7rem;
        height: 3.2rem
    }
}

.basket_item_count .arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-decoration: none;
    transition: color 0.3s;
    color: var(--secondary-500);
    -webkit-tap-highlight-color: transparent
}

.basket_item_count .arrow:hover {
    color: var(--primary-500)
}

.basket_item_count .arrow::before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .basket_item_count .arrow::before {
        font-size: 1.1rem
    }
}

.basket_item_count .arrow.min::before {
    content: ""
}

.basket_item_count .arrow.plus::before {
    content: ""
}

.basket_item_count .count_input {
    font-size: 1rem;
    font-weight: 400;
    border: none;
    min-height: 0;
    padding: 0;
    height: 100%;
    background: transparent;
    -moz-appearance: textfield;
    text-align: center;
    width: 33.333%
}

@media screen and (min-width: 1200px) {
    .basket_item_count .count_input {
        font-size: 1rem;
        font-weight: 400
    }
}

.select-style-params {
    margin: 0 -2px -10px
}

@media screen and (min-width: 1200px) {
    .select-style-params {
        margin: 0 -0.65rem -0.5rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) {
    display: flex;
    align-items: center;
    padding: 0 2px
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) {
        padding: 0 0.65rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    color: var(--grey-500);
    margin-right: 4px;
    margin-bottom: 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) label {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) label {
        margin-right: 0.4rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) label:after {
    content: ":"
}

.select-style-params .form-type-select:not(.form-item-label-invisible) select {
    display: none
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
    height: 14px;
    padding: 0 15px 0 0;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    background: none
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
        padding-right: 1.25rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
        width: 1rem;
        height: 1rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-size: 4px;
    right: 0
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-size: 0.3rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
    padding-left: 17px;
    margin-left: -17px
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
        padding-left: 0.85rem;
        margin-left: -0.85rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container {
    padding-left: 0.75rem;
    margin-left: -0.75rem
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container--default .select2-selection--single {
    font-size: 0
}

.share {
    padding: 0 !important
}

.share .block__title {
    margin: 0
}

.share .block__title--main {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    font-family: "Montserrat"
}

@media screen and (min-width: 1200px) {
    .share .block__title--main {
        font-size: 1rem;
        font-weight: 600
    }
}

.share .block__layout {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .share .block__layout {
        gap: 1.2rem
    }
}

.a2a_kit.a2a_default_style {
    display: flex;
    align-items: center;
    margin: 0 -0.1rem
}

@media screen and (min-width: 1200px) {
    .a2a_kit.a2a_default_style {
        margin: 0 -0.2rem
    }
}

.a2a_kit.a2a_default_style a {
    margin: 0 0.1rem;
    width: 30px;
    height: 30px;
    padding: 0 !important
}

@media screen and (min-width: 1200px) {
    .a2a_kit.a2a_default_style a {
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 0.2rem
    }
}

.a2a_kit.a2a_default_style a:before {
    content: "";
    background: no-repeat center;
    background-size: contain;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: block;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.a2a_kit.a2a_default_style a:hover:before {
    animation-name: zoomIn
}

.a2a_kit.a2a_default_style a span {
    display: none
}

.a2a_kit.a2a_default_style a.a2a_button_facebook:before {
    background-image: url("../image/ico-share-1.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_telegram:before {
    background-image: url("../image/ico-share-2.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_whatsapp:before {
    background-image: url("../image/ico-share-3.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_viber:before {
    background-image: url("../image/ico-share-4.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_twitter:before {
    background-image: url("../image/ico-share-5.svg")
}

.share-section {
    clear: both;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .share-section {
        margin-top: 1.65rem
    }
}

.share-section__title {
    font-size: 1rem;
    font-weight: 600;
    margin-right: 16px
}

@media screen and (min-width: 1200px) {
    .share-section__title {
        font-size: 1rem;
        font-weight: 600
    }
}

@media screen and (min-width: 1200px) {
    .share-section__title {
        margin-right: 1.2rem
    }
}

.mfp-zoom-in .mfp-with-anim:not(.basket_popup_view) {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8)
}

.mfp-zoom-in .mfp-with-anim.basket_popup_view {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: translateX(100%)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim:not(.basket_popup_view) {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready .mfp-with-anim.basket_popup_view {
    opacity: 1;
    transform: translateX(0)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.55
}

.mfp-zoom-in.mfp-removing .mfp-with-anim:not(.basket_popup_view) {
    transform: scale(0.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing .mfp-with-anim.basket_popup_view {
    opacity: 0;
    transform: translateX(100%)
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-bg {
    background: #262626;
    opacity: 0.3
}

.mfp-container {
    padding: 0
}

.mfp-container .b-product-comments__form, .mfp-container .magnific-popup, .mfp-container .magnific-content {
    background: #fff;
    width: 400px;
    max-width: 95%;
    margin: 0 auto;
    position: relative;
    padding: 30px 24px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .mfp-container .b-product-comments__form, .mfp-container .magnific-popup, .mfp-container .magnific-content {
        width: 33rem;
        padding: 1.5rem 1.25rem
    }
}

.mfp-container .b-product-comments__form > .block, .mfp-container .magnific-popup > .block, .mfp-container .magnific-content > .block {
    position: static
}

.mfp-container .b-product-comments__form.basket_add_popup .magnific-popup__title, .mfp-container .magnific-popup.basket_add_popup .magnific-popup__title, .mfp-container .magnific-content.basket_add_popup .magnific-popup__title {
    text-align: center;
    margin-left: 1.5rem
}

@media screen and (min-width: 1200px) {
    .mfp-container .b-product-comments__form.basket_add_popup, .mfp-container .magnific-popup.basket_add_popup, .mfp-container .magnific-content.basket_add_popup {
        width: 35rem
    }
}

.mfp-container .basket_popup_view {
    margin: 0 0 0 auto;
    height: 100vh;
    max-height: 100svh;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    padding: 24px;
    border-radius: 0
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view {
        width: 33.65rem;
        padding: 1.2rem 0.7rem 0.7rem
    }
}

.mfp-container .basket_popup_view .views-element-container, .mfp-container .basket_popup_view .view, .mfp-container .basket_popup_view .magnific-popup__content {
    height: 100%
}

.mfp-container .basket_popup_view .magnific-popup__title {
    margin-bottom: 8px
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .magnific-popup__title {
        border-bottom: 1px solid var(--grey-100);
        padding: 0 1.7rem 1.1rem 0.5rem;
        margin: 0
    }
}

.mfp-container .basket_popup_view .view {
    height: calc(100% - 40px);
    padding-right: 20px;
    margin-right: -20px;
    overflow: hidden;
    overflow-y: auto
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-thumb {
    background: var(--secondary-600);
    border-radius: 7px;
    cursor: pointer
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .view {
        padding-right: 0.65rem;
        margin-right: -0.65rem;
        height: calc(100% - 2.8rem)
    }
}

.mfp-container .basket_popup_view .mfp-close {
    top: 27px
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .mfp-close {
        right: 1.2rem;
        top: 1.4rem
    }
}

.mfp-container .magnific-popup__title, .mfp-container .magnific-content-title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 1.25rem;
    margin-right: 1.5rem
}

@media screen and (min-width: 1200px) {
    .mfp-container .magnific-popup__title, .mfp-container .magnific-content-title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.mfp-container .form-actions .form-submit {
    width: 100%
}

.mfp-container .mfp-close {
    right: 25px;
    top: 35px;
    width: auto;
    height: 1.25rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    color: var(--grey-600)
}

@media screen and (min-width: 1200px) {
    .mfp-container .mfp-close {
        right: 1.25rem;
        top: 1.5rem;
        height: 1.25rem
    }
}

.mfp-container .mfp-close::before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .mfp-container .mfp-close::before {
        font-size: 1.2rem
    }
}

.mfp-container .mfp-close.is-white {
    right: 15px;
    top: 11px;
    color: #FFFFFF
}

html[style*="margin-right: 15px"] {
    margin-right: 0.5rem !important
}

html[style*="margin-right: 15px"] .site-header {
    right: 0.5rem
}

.pager {
    clear: both;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
    position: relative
}

@media screen and (min-width: 768px) {
    .pager {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media screen and (min-width: 1200px) {
    .pager {
        margin-top: 2.1rem
    }
}

.pager__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
    margin-top: 12px
}

@media screen and (min-width: 768px) {
    .pager__items {
        margin-top: 0
    }
}

.pager__item {
    list-style: none;
    padding: 0
}

.pager__item a {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    transition-duration: 0.2s;
    display: flex;
    text-decoration: none;
    min-width: 32px;
    height: 32px;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-100);
    color: var(--mainColor);
    border-radius: calc(var(--itemRadius) / 2)
}

@media screen and (min-width: 1200px) {
    .pager__item a {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) {
    .pager__item a {
        min-width: 1.8rem;
        height: 1.8rem
    }
}

.pager__item a:hover {
    color: var(--whiteColor);
    background: var(--mainColor)
}

.pager__item.is-active a {
    color: var(--whiteColor);
    background: var(--mainColor)
}

.pager__item--last, .pager__item--first {
    display: none
}

.pager__item--previous, .pager__item--next {
    width: auto
}

.pager__item--previous a, .pager__item--next a {
    border: none;
    color: var(--grey-500)
}

.pager__item--previous a:hover, .pager__item--next a:hover {
    color: var(--secondary-500);
    background: none
}

.pager__item--ellipsis {
    line-height: 1.5
}

.pager__item--previous {
    margin-right: 3px
}

.pager__item--next {
    margin-left: 3px
}

@media screen and (min-width: 768px) {
    .pager .pager__load_more_items {
        order: 10
    }
}

.pager .pager__load_more_items li {
    margin: 0;
    padding: 0
}

.pager .pager__load_more_items li a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor);
    width: 100%;
    background: var(--secondary-50);
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .pager .pager__load_more_items li a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .pager .pager__load_more_items li a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .pager .pager__load_more_items li a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.pager .pager__load_more_items li a:hover {
    background: var(--primary-600)
}

.pager .pager__load_more_items li a:disabled, .pager .pager__load_more_items li a.disabled {
    background: var(--primary-200)
}

.pager .pager__load_more_items li a:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .pager .pager__load_more_items li a:after {
        font-size: 1.1rem
    }
}

@media screen and (min-width: 480px) {
    .pager .pager__load_more_items li a {
        width: auto
    }
}

.pager .pager__load_more_items li a:hover {
    color: var(--whiteColor);
    background: var(--mainColor)
}

.pager .pager__load_more_items li a:after {
    transition-duration: 0.5s
}

.pager .pager__load_more_items li a:hover:after {
    transform: rotate(360deg)
}

.pager .pager__load_more_items.load_more_auto {
    width: 100%
}

.pager .pager__load_more_items.load_more_auto li a {
    width: 100px;
    height: 50px;
    background: url("../image/infinite-spinner.svg") center no-repeat;
    background-size: contain;
    display: inline-flex
}

.pager .pager__load_more_items.load_more_auto li a img {
    display: none
}

.pager .pager__load_more_items.load_more_auto li a:before, .pager .pager__load_more_items.load_more_auto li a:after {
    display: none
}

.b-rating {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 17px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 17px auto
}

@media screen and (min-width: 1200px) {
    .b-rating {
        width: 6rem;
        height: 1.2rem;
        background-size: 1.2rem auto
    }
}

.b-rating__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 17px auto
}

@media screen and (min-width: 1200px) {
    .b-rating__inner {
        background-size: 1.2rem auto
    }
}

.b-rating-small {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 12px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 12px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-small {
        width: 4.75rem;
        height: 0.95rem;
        background-size: 0.95rem auto
    }
}

.b-rating-small__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 12px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-small__inner {
        background-size: 0.95rem auto
    }
}

.b-rating-big {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 20px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-big {
        width: 7rem;
        height: 1.4rem;
        background-size: 1.4rem auto
    }
}

.b-rating-big__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 20px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-big__inner {
        background-size: 1.4rem auto
    }
}

.site-page {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden
}

.site-page .site-footer, .site-page .site-header {
    flex-shrink: 0
}

.site-page .site-main {
    flex-grow: 1;
    overflow: hidden;
    padding-top: 129px
}

@media screen and (min-width: 1200px) {
    .site-page .site-main {
        padding-top: 11.45rem
    }
}

.l {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .l {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .l {
        max-width: 81.75rem
    }
}

.site-container {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .site-container {
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-container {
        flex-wrap: nowrap
    }
}

.site-middle {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    flex-grow: 1;
    min-width: 0;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .site-middle {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

.site-leftbar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    order: -1;
    margin-bottom: 20px;
    width: 100%;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .site-leftbar {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-leftbar {
        width: 25%
    }
}

.site-rightbar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    display: none;
    order: 1;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .site-rightbar {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

.page-promotions .personal-new-page-title__container {
    display: flex;
    align-items: center
}

.page-promotions .personal-new-page-title__container:before {
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .page-promotions .personal-new-page-title__container:before {
        font-size: 1.5rem
    }
}

.block-type-stop-block {
    background: #FFFFFF;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.block-type-stop-block .block__content {
    display: flex;
    align-items: center;
    width: 100%
}

.block-type-stop-block .field-block-image-multi .field__item {
    display: none
}

.block-type-stop-block .field-block-image-multi .field__item:first-of-type {
    display: block
}

.block-type-stop-block .field-block-image-multi .field__item:first-of-type img {
    height: 100vh;
    width: 52vw;
    object-fit: cover
}

.block-type-stop-block .stop_block_img img {
    height: 100vh;
    width: 52vw;
    object-fit: cover
}

.block-type-stop-block .info_wrapper {
    padding: 2.5rem;
    text-align: center;
    width: 48vw
}

.block-type-stop-block .field-block-title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-title {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-text {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    max-width: 22.5rem;
    margin: 15px auto 3.9rem
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-text {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-subtitle {
    margin-top: 15px;
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-subtitle {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-link {
    margin-top: 15px
}

.block-type-stop-block .field-block-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.block-type-stop-block .field-block-link a:hover {
    background: var(--primary-600)
}

.block-type-stop-block .field-block-link a:disabled, .block-type-stop-block .field-block-link a.disabled {
    background: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        min-height: 3rem
    }
}

.block-type-stop-block .field-block-link a::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 10px
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a::before {
        font-size: 1.2rem
    }
}

.warehouses-inform-form {
    display: flex;
    flex-direction: column
}

.warehouses-inform-form .mess {
    font-size: 0.75rem;
    margin-bottom: 10px
}

.warehouses-inform-form.is-submitted .mess {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .warehouses-inform-form.is-submitted .mess {
        font-size: 1rem;
        font-weight: 400
    }
}

.basket-add-popup-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -0.5rem -0.5rem;
    text-align: center;
    flex-direction: row-reverse
}

.basket-add-popup-links a {
    margin: 0 0.5rem 0.5rem
}

.basket-add-popup-links-order {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.basket-add-popup-links-order:hover {
    background: var(--primary-600)
}

.basket-add-popup-links-order:disabled, .basket-add-popup-links-order.disabled {
    background: var(--primary-200)
}

.basket-add-popup-links-close {
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

.basket-add-popup-links-close:after {
    background: var(--secondary-500);
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.basket-add-popup-links-close:hover:after {
    transform: scaleX(1)
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-close {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.basket-add-popup-links-close::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--secondary-500);
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-close::before {
        font-size: 1.2rem
    }
}

.basket-add-popup-links-close:after {
    left: calc(24px + 0.5rem)
}

.basket-add-popup-links-close:hover:before {
    animation-name: fadeOutLeft
}

.basket_add_popup_params .basket_add_button_wrap {
    display: flex;
    align-items: center;
    margin: 0 -5px
}

.basket_add_popup_params .addto_basket_button, .basket_add_popup_params .basket_item_count {
    margin: 0 5px
}

svg, img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: auto;
    image-rendering: smooth
}

video {
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100%;
    height: auto
}

.text-center {
    text-align: center
}

ol, ul {
    margin: 0;
    padding: 0
}

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

table {
    border-collapse: collapse
}

.responsive-table-text {
    overflow-x: auto;
    overflow-y: hidden
}

iframe {
    border: none;
    vertical-align: middle
}

.ajax-progress-throbber, .ajax-progress-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    background: rgba(35, 34, 34, 0.85);
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: none;
    border-radius: 0
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--secondary-500);
    margin: -4px 0 0 -4px
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.btn--std {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .btn--std {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.swiper-slide {
    height: auto
}

#drupal-live-announce {
    display: none
}

.ui-datepicker.ui-widget-content {
    border-radius: 0;
    box-shadow: 0px 4px 15px rgba(79, 79, 79, 0.2);
    color: var(--grey-500);
    border: none;
    font-size: 14px;
    width: 320px;
    font-family: "Montserrat";
    padding: 0 15px
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
    padding: 0 15px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--grey-200);
    box-shadow: none;
    background: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    margin: 0 -15px
}

.ui-datepicker.ui-widget-content .ui-datepicker-header:after, .ui-datepicker.ui-widget-content .ui-datepicker-header:before {
    display: none
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a {
    outline: none;
    height: auto;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    outline: none;
    height: auto;
    background: #fff;
    border-radius: 0;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--grey-500)
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a span {
    display: none
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .ui-datepicker.ui-widget-content .ui-datepicker-header a:before {
        font-size: 1.2rem
    }
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-prev:before {
    content: ""
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-next {
    order: 10
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-next:before {
    content: ""
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a:hover {
    color: var(--primary-300)
}

.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title {
    margin: 0 18px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    line-height: 1.4;
    flex-grow: 1;
    min-width: 0
}

.ui-datepicker.ui-widget-content .ui-datepicker-header select {
    font-size: 1rem;
    width: 46%;
    margin: 0 2%;
    padding-left: 10px;
    padding-right: 30px;
    vertical-align: top;
    height: 40px;
    background-position: right 12px center;
    font-family: "Montserrat"
}

@media screen and (min-width: 1200px) {
    .ui-datepicker.ui-widget-content .ui-datepicker-header select {
        height: 2rem;
        font-size: 0.7rem
    }
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar {
    font-size: 16px;
    margin: 0
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar thead th {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--secondary-500);
    padding: 5px;
    height: 40px
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td {
    border: none;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 14.2%;
    vertical-align: middle
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td a {
    border: none;
    color: var(--grey-500);
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-today span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
    background: #F1F4F6;
    color: var(--grey-500)
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td:hover span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td:hover a {
    background: var(--secondary-500);
    color: #fff
}

.ui-menu.ui-autocomplete {
    border: none;
    font: 0.9rem "Montserrat";
    max-height: 362px;
    overflow-x: hidden;
    z-index: 9999;
    margin: 0;
    border-radius: 0;
    background: #fff;
    max-width: 100%
}

.ui-menu.ui-autocomplete::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    border-radius: 7px;
    cursor: pointer
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

.ui-menu.ui-autocomplete .ui-menu-item {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--grey-300)
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    padding: 10px 15px;
    color: var(--grey-500);
    text-decoration: none;
    border: none;
    background: none !important;
    margin: 0;
    transition-duration: 0.2s;
    font-weight: 400
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .views-field-field-product-images {
    width: 70px;
    min-width: 70px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper a {
    margin: -10px -15px;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: inherit
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .empty {
    display: block;
    text-align: center
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .search_block_link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: normal
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background: var(--secondary-500) !important;
    color: #fff
}

.sliding-popup-bottom {
    bottom: 0;
    will-change: transform;
    transform: translateY(0);
    position: fixed;
    left: 0;
    z-index: 99;
    transition-duration: 1s;
    transition-delay: 2s
}

.wait-load .sliding-popup-bottom {
    transform: translateY(100%)
}

.sliding-popup-bottom .popup-content {
    content-visibility: auto
}

.eu-cookie-compliance-content {
    max-width: 100%;
    margin: 0;
    padding: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width: 480px) {
    .eu-cookie-compliance-content {
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content {
        padding: 1.25rem 3.75rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message {
    margin: 0;
    float: none
}

.eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
        margin-bottom: 0.25rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: inline
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message p {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message button {
    transition-duration: 0.2s;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    line-height: 1.25;
    text-decoration: underline;
    font-family: inherit;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--secondary-500)
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message button {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message button:hover {
    color: var(--secondaryColor)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    margin: 1rem -0.5rem 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-direction: row-reverse
}

@media screen and (min-width: 480px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
        margin-top: 0
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    margin: 0 0.5rem;
    transition-duration: 0.2s;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    text-decoration: underline;
    cursor: pointer
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    background: none;
    border: none;
    text-shadow: unset;
    color: var(--secondary-500);
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    padding: 0;
    box-shadow: none
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover:after {
    transform: scaleX(1)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor);
    text-shadow: unset;
    box-shadow: none
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover {
    background: var(--primary-600)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:disabled, .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button.disabled {
    background: var(--primary-200)
}

.custom-error {
    pointer-events: none !important
}

.webform-confirmation__message {
    text-align: center
}

.basket_finish__id {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-align: center;
    color: var(--primary-500)
}

@media screen and (min-width: 1200px) {
    .basket_finish__id {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

#noty_topRight_layout_container li {
    background: #fff !important;
    border-color: var(--secondary-500) !important;
    border-radius: 5px !important;
    color: var(--secondary-500) !important
}

#noty_topRight_layout_container .noty_message {
    padding: 10px 25px 10px 15px !important
}

#noty_topRight_layout_container .noty_close {
    background: none !important;
    width: 16px !important;
    top: 5px !important;
    right: 5px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 16px !important;
    opacity: 1 !important
}

#noty_topRight_layout_container .noty_close:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--secondary-500)
}

@media screen and (min-width: 1200px) {
    #noty_topRight_layout_container .noty_close:before {
        font-size: 1.2rem
    }
}

#noty_topRight_layout_container .noty_bar:not(.noty_type_error) .noty_message {
    font-size: 1rem;
    line-height: 1.25
}

@media screen and (min-width: 1200px) {
    #noty_topRight_layout_container .noty_bar:not(.noty_type_error) .noty_message {
        font-size: 0.9rem
    }
}

#noty_topRight_layout_container .noty_type_error {
    color: var(--label-1-1) !important
}

.site-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    background: var(--whiteColor);
    transition: 0.2s
}

.site-header.is-scrolled {
    box-shadow: var(--shadow-Light-0-48)
}

.site-header.is-scrolled .site-header__bottom {
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1200px) {
    .site-header.is-scrolled .site-header__top {
        min-height: 5rem
    }
}

.site-header.is-scrolled .site-header__menu {
    top: 56px
}

@media screen and (min-width: 1200px) {
    .site-header.is-scrolled .site-header__menu {
        top: 5rem
    }
}

.site-header__wrapper {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-header__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-header__wrapper {
        max-width: 81.75rem
    }
}

.site-header__top {
    min-height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    gap: 15px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 1200px) {
    .site-header__top {
        min-height: 7rem;
        padding: 1rem 0;
        gap: 1.5rem
    }
}

.site-header__top--left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 15px;
    max-width: calc(50% - 75px)
}

@media screen and (min-width: 1200px) {
    .site-header__top--left {
        max-width: calc(50% - 7.5rem);
        gap: 1.5rem
    }
}

.site-header__top--left .region {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-header__top--left .region {
        gap: 1.5rem
    }
}

.site-header__top--right {
    width: 100%;
    max-width: calc(50% - 75px)
}

@media screen and (min-width: 1200px) {
    .site-header__top--right {
        max-width: calc(50% - 7.5rem)
    }
}

.site-header__top--right .region {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-header__top--right .region {
        gap: 1.5rem
    }
}

.site-header__bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    z-index: -1;
    transition: 0.2s;
    background: var(--grey-0)
}

.site-header__bottom .region {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-header__bottom .region {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-header__bottom .region {
        max-width: 81.75rem
    }
}

.site-header__menu {
    position: fixed;
    left: 0;
    top: 86px;
    bottom: 0;
    z-index: 101;
    width: 100%;
    max-width: 300px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    background: var(--whiteColor);
    padding: 30px 24px;
    transform: translateX(-110%);
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: var(--shadow-Light-16-32)
}

.site-header__menu::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.site-header__menu::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.site-header__menu::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    border-radius: 7px;
    cursor: pointer
}

.site-header__menu::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .site-header__menu {
        max-width: 19.35rem;
        top: 11.45rem;
        padding: 2.5rem 2.5rem 2.5rem 1.25rem
    }
}

@media screen and (min-width: 1600px) {
    .site-header__menu {
        max-width: calc(19.35rem + (100vw - 81.75rem) / 2);
        padding-left: calc(1.2rem + (100vw - 81.75rem) / 2)
    }
}

.site-header__menu.active-catalog {
    overflow: hidden
}

.site-header__menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: none
}

.site-header__menu .region {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.site-header__menu .region > *:not(:last-child) {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

.logo-new {
    max-width: 124px;
    margin-top: -6px
}

@media screen and (min-width: 1200px) {
    .logo-new {
        max-width: 13.5rem;
        margin-top: -0.75rem
    }
}

.site-header-btn {
    cursor: pointer
}

@media (any-hover: hover) {
    .site-header-btn {
        transition: 0.2s
    }

    .site-header-btn:hover {
        color: var(--mainColor)
    }
}

.site-header-btn:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .site-header-btn:before {
        font-size: 1.2rem
    }
}

.site-header-btn.is-open:before {
    content: ""
}

.search .search-block {
    position: fixed;
    top: 80px;
    left: 15px;
    right: 15px;
    z-index: 15;
    opacity: 0;
    visibility: visible;
    transform: scale(0.8);
    transition-duration: 0.2s;
    pointer-events: none;
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .search .search-block {
        top: 7.4rem;
        left: 30%;
        right: 30%
    }
}

.wait-load .search .search-block {
    display: none
}

.search .search-block .form-item {
    margin-bottom: 0
}

.search .search-block input {
    border-radius: var(--itemRadius);
    border: none;
    background-image: none !important;
    height: auto;
    padding-right: 40px
}

@media screen and (min-width: 1200px) {
    .search .search-block input {
        padding-right: 3rem
    }
}

.search .search-block .ui-menu.ui-autocomplete {
    top: 60px !important
}

.search .search-block .si-wrapper {
    position: relative
}

.search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer
}

@media (any-hover: hover) {
    .search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
        transition: 0.2s
    }

    .search .search-block .si-wrapper .clear:hover, .search .search-block .si-wrapper .si-btn:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) {
    .search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
        right: 0.75rem
    }
}

.search .search-block .si-wrapper .clear:before, .search .search-block .si-wrapper .si-btn:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .search .search-block .si-wrapper .clear:before, .search .search-block .si-wrapper .si-btn:before {
        font-size: 1.2rem
    }
}

.search .search-block .si-wrapper .clear:before {
    content: ""
}

.search .search-block .si-wrapper .si-btn:before {
    content: ""
}

.search__btn {
    font-size: 0;
    cursor: pointer
}

.search__btn:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .search__btn:before {
        font-size: 1.2rem
    }
}

.search__btn.is-open:before {
    content: ""
}

.search.is-open .search-block {
    animation-name: bounceIn;
    animation-duration: 1s;
    animation-iteration-count: unset;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto
}

.search .form-actions {
    margin: 0
}

.search .form-actions .form-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: none !important;
    border: none;
    cursor: pointer;
    padding: 0;
    min-height: unset;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .search .form-actions .form-submit {
        right: 0.75rem
    }
}

@media (any-hover: hover) {
    .search .form-actions .form-submit {
        transition: 0.2s
    }

    .search .form-actions .form-submit:hover {
        color: var(--secondaryColor)
    }
}

.search .form-actions .form-submit:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .search .form-actions .form-submit:before {
        font-size: 1.2rem
    }
}

.language-list {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    position: relative;
    display: inline-flex
}

@media screen and (min-width: 1200px) {
    .language-list {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.language-list__current {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.language-list__current:after {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 5px
}

@media screen and (min-width: 1200px) {
    .language-list__current:after {
        font-size: 1.2rem
    }
}

.language-list__current.is-open:after {
    content: ""
}

.language-list__items {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
    padding: 10px;
    border-radius: var(--itemRadius);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    box-shadow: var(--shadow-Light-8-16);
    z-index: 5;
    width: 100%
}

.language-list__item.active-lang {
    display: none
}

.language-list__item a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    text-align: center
}

@media (any-hover: hover) {
    .language-list__item a {
        transition: 0.2s
    }

    .language-list__item a:hover {
        color: var(--mainColor)
    }
}

.language-list.is-open .language-list__items {
    opacity: 1;
    visibility: visible
}

.b-user-login__item.type-login a {
    font-size: 0;
    text-decoration: none;
    display: inline-flex
}

.b-user-login__item.type-login a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .b-user-login__item.type-login a:before {
        font-size: 1.2rem
    }
}

@media (any-hover: hover) {
    .b-user-login__item.type-login a {
        transition: 0.2s
    }

    .b-user-login__item.type-login a:hover {
        color: var(--mainColor)
    }
}

.basket-count .count-link {
    font-size: 0;
    text-decoration: none;
    display: inline-flex;
    position: relative
}

@media screen and (min-width: 1200px) {
    .basket-count .count-link {
        align-items: center;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1;
        gap: 0.25rem;
        padding: 0.75rem 1rem;
        background: var(--mainColor);
        color: var(--whiteColor);
        border-radius: var(--itemRadius)
    }
}

@media (any-hover: hover) {
    .basket-count .count-link {
        transition: 0.2s
    }

    .basket-count .count-link:hover {
        background: var(--secondaryColor)
    }
}

.basket-count .count-link:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .basket-count .count-link:before {
        font-size: 1.2rem
    }
}

.basket-count .count-link.is-active:after {
    width: 6px;
    height: 6px;
    background: var(--mainColor);
    border-radius: 50%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(75%, -75%)
}

.header-block-new .block__content {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between
}

@media screen and (min-width: 1200px) {
    .header-block-new .block__content {
        gap: 1.5rem
    }
}

.header-block-new__item:not(.modific) a {
    text-decoration: none;
    font-size: 0
}

.header-block-new__item:not(.modific) a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .header-block-new__item:not(.modific) a:before {
        font-size: 1.2rem
    }
}

@media (any-hover: hover) {
    .header-block-new__item:not(.modific) a {
        transition: 0.2s
    }

    .header-block-new__item:not(.modific) a:hover {
        color: var(--secondary-500)
    }
}

@media screen and (min-width: 1200px) {
    .header-block-new__item.type-favorites {
        order: -1
    }
}

.header-block-new__item.type-favorites a {
    position: relative;
    display: inline-flex
}

.header-block-new__item.type-favorites a:before {
    content: ""
}

.header-block-new__item.type-favorites a .count {
    font-size: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mainColor);
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(75%, -75%)
}

.header-block-new__item.type-search a:before {
    content: ""
}

.header-block-new__item.type-search a.is-open:before {
    content: ""
}

.catalog-menu-new {
    margin: 0 -24px;
    padding: 0 24px;
    overflow: auto;
    display: flex
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new {
        overflow: initial;
        margin: 0;
        padding: 0;
        display: block
    }
}

.catalog-menu-new::-webkit-scrollbar {
    display: none;
    opacity: 0;
    visibility: hidden
}

.catalog-menu-new > .menu {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu {
        justify-content: space-between;
        gap: 0.75rem
    }
}

.catalog-menu-new > .menu > li {
    position: relative
}

.catalog-menu-new > .menu > li:nth-child(n+7) > .menu {
    left: unset;
    right: 0
}

@media (any-hover: hover) {
    .catalog-menu-new > .menu > li:hover > a {
        color: var(--mainColor)
    }

    .catalog-menu-new > .menu > li:hover > .menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(calc(100% + 0.5rem))
    }
}

.catalog-menu-new > .menu > li > a {
    white-space: nowrap;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 5px 0;
    min-height: 43px;
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu > li > a {
        padding: 0.5rem 0;
        min-height: 2.45rem;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.catalog-menu-new > .menu > li > a[href*="/promotions"] {
    color: var(--mainColor);
    gap: 5px
}

.catalog-menu-new > .menu > li > a[href*="/promotions"]:before {
    font-family: "icomoon";
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu > li > a[href*="/promotions"]:before {
        font-size: 1.2rem
    }
}

.catalog-menu-new > .menu .menu {
    display: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu {
        display: block;
        position: absolute;
        bottom: 0;
        left: -1.6rem;
        padding: 1.6rem;
        background: var(--whiteColor);
        border-radius: 1rem;
        box-shadow: var(--shadow-Light-16-32);
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        transition: 0.2s;
        width: 17.3rem
    }

    .catalog-menu-new > .menu .menu:before {
        content: "";
        width: 100%;
        height: 0.5rem;
        top: 0;
        left: 0;
        position: absolute;
        transform: translateY(-100%)
    }

    .catalog-menu-new > .menu .menu li {
        display: flex;
        align-items: flex-start
    }

    .catalog-menu-new > .menu .menu li:not(:last-child) {
        margin-bottom: 15px
    }

    .catalog-menu-new > .menu .menu li::before {
        content: "";
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        margin-top: -0.1em;
        margin-right: 0.25rem;
        color: var(--mainColor)
    }

    .catalog-menu-new > .menu .menu li a {
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu li::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu li a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .catalog-menu-new > .menu .menu li a {
        transition: 0.2s
    }

    .catalog-menu-new > .menu .menu li a:hover {
        color: var(--mainColor)
    }
}

.catalog-menu-new-hide .menu li, .main-menu-new .menu li {
    display: flex;
    align-items: flex-start
}

.catalog-menu-new-hide .menu li:not(:last-child), .main-menu-new .menu li:not(:last-child) {
    margin-bottom: 15px
}

.catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.catalog-menu-new-hide .menu li a, .catalog-menu-new-hide .menu li span, .main-menu-new .menu li a, .main-menu-new .menu li span {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li a, .catalog-menu-new-hide .menu li span, .main-menu-new .menu li a, .main-menu-new .menu li span {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .catalog-menu-new-hide .menu li a, .main-menu-new .menu li a {
        transition: 0.2s
    }

    .catalog-menu-new-hide .menu li a:hover, .main-menu-new .menu li a:hover {
        color: var(--mainColor)
    }
}

.catalog-menu-mod-new {
    position: initial
}

.m-cMenu__item:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .m-cMenu__item:not(:last-child) {
        margin-bottom: 0.75rem
    }
}

.m-cMenu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .m-cMenu__link {
        transition: 0.2s
    }

    .m-cMenu__link:hover {
        color: var(--mainColor)
    }
}

.m-cMenu__link.has-childs:after {
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 5px;
    content: ""
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.has-childs:after {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.has-childs:after {
        content: "";
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.is-active:after {
        content: ""
    }
}

.m-cMenu__link-wrapper {
    display: flex;
    align-items: flex-start
}

.m-cMenu__link-wrapper::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link-wrapper::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link-wrapper::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.m-cMenu__back {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back {
        display: none
    }
}

.m-cMenu__back--all {
    display: flex;
    align-items: flex-start
}

.m-cMenu__back--all::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--all::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--all::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.m-cMenu__back--link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.m-cMenu__back--btn {
    font-size: 0
}

.m-cMenu__back--btn:before {
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--btn:before {
        font-size: 1.2rem
    }
}

.m-cMenu__dropdown {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 24px;
    transition: 0.3s;
    transform: translateX(110%);
    background: #fff
}

@media screen and (max-width: 1199px) {
    .m-cMenu__dropdown {
        overflow: auto
    }

    .m-cMenu__dropdown::-webkit-scrollbar {
        width: 7px;
        height: 7px
    }

    .m-cMenu__dropdown::-webkit-scrollbar-track {
        background: var(--secondary-100);
        border-radius: 7px
    }

    .m-cMenu__dropdown::-webkit-scrollbar-thumb {
        background: var(--secondary-500);
        border-radius: 7px;
        cursor: pointer
    }

    .m-cMenu__dropdown::-webkit-scrollbar-thumb:hover {
        background: var(--secondaryColor)
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__dropdown {
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
        padding: 0.5rem 0 0 0;
        transform: none;
        display: none;
        transition: none
    }
}

.m-cMenu__dropdown.is-active {
    transform: none
}

@media screen and (min-width: 1200px) {
    .m-cMenu__dropdown.is-active {
        display: block
    }
}

.m-dMenu {
    padding-right: 10px
}

@media screen and (min-width: 1200px) {
    .m-dMenu {
        padding-right: 0;
        padding-left: 1.45rem
    }
}

.m-dMenu__item:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__item:not(:last-child) {
        margin-bottom: 0.25rem
    }
}

.m-dMenu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .m-dMenu__link {
        transition: 0.2s
    }

    .m-dMenu__link:hover {
        color: var(--mainColor)
    }
}

.m-dMenu__link-wrapper {
    display: flex;
    align-items: flex-start
}

.m-dMenu__link-wrapper::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link-wrapper::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link-wrapper::before {
        margin-top: 0;
        margin-right: 0.25rem;
        display: none
    }
}

.m-dMenu__childs {
    padding-left: 29px;
    padding-top: 5px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__childs {
        padding-left: 0.75rem;
        padding-top: 0.25rem
    }
}

.m-dMenu__child:not(:last-child) {
    margin-bottom: 5px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__child:not(:last-child) {
        margin-bottom: 0.25rem
    }
}

.m-dMenu__child a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .m-dMenu__child a {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .m-dMenu__child a {
        transition: 0.2s
    }

    .m-dMenu__child a:hover {
        color: var(--mainColor)
    }
}

.page-user .site-header__top_line {
    display: none
}

.page-user .site-header__bottom {
    display: none
}

.page-user .site-header__menu {
    top: 56px
}

@media screen and (min-width: 1200px) {
    .page-user .site-header__menu {
        top: 7rem
    }
}

.page-user .site-main {
    padding-top: 56px
}

@media screen and (min-width: 1200px) {
    .page-user .site-main {
        padding-top: 7rem
    }
}

.page-user.toolbar-horizontal.toolbar-fixed .site-header__menu {
    top: calc(39px + 7rem)
}

.page-user.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .site-header__menu {
    top: calc(79px + 7rem)
}

.site-footer {
    color: var(--whiteColor);
    text-align: center
}

@media screen and (min-width: 1200px) {
    .site-footer {
        padding: 2.5rem 0 1.5rem;
        text-align: left
    }
}

.site-footer.footer-active .site-footer__content--inside {
    opacity: 1;
    visibility: visible;
    transform: none
}

.site-footer__anim {
    display: flex;
    justify-content: center;
    align-self: center
}

.site-footer__anim--svg {
    width: 312px;
    height: 312px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .site-footer__anim--svg {
        width: 17.3rem;
        height: 17.3rem
    }
}

.site-footer__anim--text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    background: url("../image/footer_anim_text.svg") center no-repeat;
    background-size: contain
}

.site-footer__anim--logo {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: url("../image/footer_anim_logo.svg") center no-repeat;
    background-size: contain
}

@media screen and (min-width: 1200px) {
    .site-footer__anim--logo {
        width: 6.05rem;
        height: 6.05rem
    }
}

.site-footer__anim--bg {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    background: var(--primary-700);
    transition: 1s ease;
    border-radius: 50%
}

.site-footer__content--inside {
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    transform: translateY(25%);
    position: relative;
    z-index: 4
}

@media screen and (min-width: 1200px) {
    .site-footer__content--inside {
        gap: 2.5rem;
        padding-bottom: 1.5rem
    }
}

.site-footer__content--inside > *:not(:last-child):not(.modific) {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

@media screen and (min-width: 1200px) {
    .site-footer__content--inside > *:not(:last-child):not(.modific) {
        padding-bottom: 2.5rem
    }
}

.site-footer__wrapper {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-footer__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-footer__wrapper {
        max-width: 81.75rem
    }
}

.site-footer__top .region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-footer__top .region {
        flex-direction: row;
        justify-content: space-between;
        gap: 1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .site-footer__middle .region {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.5rem
    }
}

.site-footer__bottom {
    padding-top: 15px
}

@media screen and (min-width: 1200px) {
    .site-footer__bottom {
        padding-top: 0
    }
}

.site-footer__bottom .region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

@media screen and (min-width: 1200px) {
    .site-footer__bottom .region {
        flex-direction: row;
        justify-content: space-between;
        gap: 1.5rem
    }
}

.site-footer__popup {
    display: none
}

.catalog-menu-footer, .footer-menu {
    display: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer, .footer-menu {
        display: block;
        max-width: 29.7rem
    }
}

.catalog-menu-footer .block__title, .footer-menu .block__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .block__title, .footer-menu .block__title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.catalog-menu-footer .menu, .footer-menu .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.catalog-menu-footer .menu li, .footer-menu .menu li {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 0.75rem)
}

.catalog-menu-footer .menu li::before, .footer-menu .menu li::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 0.25rem;
    margin-top: -0.1em;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .menu li::before, .footer-menu .menu li::before {
        font-size: 1.2rem
    }
}

.catalog-menu-footer .menu li a, .footer-menu .menu li a {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .menu li a, .footer-menu .menu li a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .catalog-menu-footer .menu li a, .footer-menu .menu li a {
        transition: 0.2s
    }

    .catalog-menu-footer .menu li a:hover, .footer-menu .menu li a:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) {
    .block-logo-footer {
        max-width: 13.5rem
    }
}

.copyright {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .copyright {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.block-type-contacts .field-block-link-img-multi__items, .block-type-contacts .field-block-soc-net-link-other__items {
    display: flex;
    align-items: center;
    margin: 0 -2px
}

.block-type-contacts .field-block-link-img-multi__item, .block-type-contacts .field-block-soc-net-link-other__item {
    padding: 0 2px
}

.block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
    display: flex
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
        max-width: 2rem
    }
}

@media (any-hover: hover) {
    .block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
        transition: 0.2s
    }

    .block-type-contacts .field-block-link-img-multi__item a:hover, .block-type-contacts .field-block-soc-net-link-other__item a:hover {
        transform: translateY(-3px)
    }
}

.block-type-contacts .field-block-email a {
    text-decoration: none
}

.block-type-contacts .field-block-email a span {
    font-weight: 700
}

.block-type-contacts .field-block-link-add__item a {
    text-decoration: none;
    color: var(--secondaryColor);
    border-bottom: 1px solid currentColor
}

.block-type-contacts .field-block-text {
    line-height: 1.5
}

.block-type-contacts .field-block-text p {
    margin-bottom: 0
}

.block-type-contacts .field-block-link {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link {
        gap: 0.6rem
    }
}

.block-type-contacts .field-block-link:before {
    content: "";
    font-family: "icomoon";
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link:before {
        font-size: 1.1rem
    }
}

.block-type-contacts .field-block-link a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    border-bottom: 1px solid currentColor
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .block-type-contacts .field-block-link a {
        transition: 0.2s
    }

    .block-type-contacts .field-block-link a:hover {
        border-color: transparent
    }
}

@media screen and (min-width: 1200px) {
    .contacts-footer {
        width: 100%;
        max-width: 15.65rem
    }
}

.contacts-footer .block__title {
    display: none
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__title {
        display: block;
        margin-bottom: 1.5rem
    }
}

.contacts-footer .block__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__content {
        align-items: flex-start
    }
}

.contacts-footer .block__content > *:not(:last-child):not(.field-block-phones) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__content > *:not(:last-child):not(.field-block-phones) {
        margin-bottom: 1.5rem
    }
}

.contacts-footer .field-block-phones__item a {
    font-size: 1.125rem;
    font-weight: 600;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .contacts-footer .field-block-phones__item a {
        font-size: 1.5rem
    }
}

.contacts-footer .field-block-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .contacts-footer .field-block-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.header-contacts .block__content {
    display: flex;
    flex-direction: column
}

.header-contacts .block__content > *:not(:last-child):not(.field-block-phones) {
    margin-bottom: 15px
}

.header-contacts .field-block-phones__item a {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-phones__item a {
        font-size: 1rem;
        font-weight: 600
    }
}

.header-contacts .field-block-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.header-contacts .field-block-address {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-address {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.contacts-page {
    padding-top: 0 !important
}

.contacts-page .block__content {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media screen and (min-width: 1200px) {
    .contacts-page .block__content {
        gap: 1.875rem
    }
}

.contacts-page .group_info {
    display: flex;
    flex-direction: column;
    gap: 15px
}

@media screen and (min-width: 992px) {
    .contacts-page .group_info {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_info {
        gap: 1.5rem
    }
}

.contacts-page .group_info .field__label {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 4px;
    color: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_info .field__label {
        font-size: 0.7rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.contacts-page .group_info .field__label:after {
    content: ":"
}

.contacts-page .field-block-phones__items {
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-phones__items {
        flex-direction: column
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-phones__items {
        flex-direction: row;
        gap: 0 0.75rem
    }
}

.contacts-page .field-block-phones__item a {
    text-decoration: none
}

.contacts-page .group_map {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media screen and (min-width: 992px) {
    .contacts-page .group_map {
        flex-direction: row
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_map {
        gap: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-map {
        flex: 1
    }
}

.contacts-page .field-block-map .geolocation-map-wrapper {
    height: 420px;
    border-radius: var(--itemRadius);
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-map .geolocation-map-wrapper {
        height: 100%;
        min-height: 420px
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-map .geolocation-map-wrapper {
        min-height: 29.3rem
    }
}

.contacts-page .field-block-form {
    padding: 24px;
    box-shadow: var(--shadow-Light-8-16);
    background: var(--whiteColor);
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-form {
        width: 100%;
        max-width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form {
        padding: 2rem;
        max-width: 18.9rem
    }
}

.contacts-page .field-block-form__label {
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 4px
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form__label {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.contacts-page .field-block-form .form-item-subtitle {
    text-align: center;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form .form-item-subtitle {
        margin-bottom: 1.2rem
    }
}

.contacts-page .field-block-form .webform-confirmation {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form .webform-confirmation {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.contacts-page .field-block-form .form-submit {
    width: 100%
}

.leaflet-marker-pane img {
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    border-radius: 50%
}

.leaflet-marker-pane img:before {
    background: var(--mainColor)
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 123, 1, 0.5)
    }
    80% {
        box-shadow: 0 0 0 14px rgba(255, 123, 1, 0)
    }
}

.item_click_wraper {
    z-index: 555;
    pointer-events: none
}

.item_click {
    z-index: 555
}

@media screen and (min-width: 1200px) {
    .block__drupal-seo .block__title {
        margin-bottom: 1.6rem
    }
}

.block__drupal-seo .block__content {
    max-height: 21em;
    overflow: auto;
    padding-right: 15px;
    margin-right: -15px
}

.block__drupal-seo .block__content::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.block__drupal-seo .block__content::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.block__drupal-seo .block__content::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    border-radius: 7px;
    cursor: pointer
}

.block__drupal-seo .block__content::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .block__drupal-seo .block__content {
        padding-right: 0.75rem;
        margin-right: -0.75rem;
        max-height: 12em
    }
}

.block__drupal-seo .block__content ul {
    margin: 0 0 0.8em
}

.block__drupal-seo .block__content ul li {
    position: relative;
    padding-left: 22px
}

.block__drupal-seo .block__content ul li::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 0.25rem;
    color: var(--mainColor);
    position: absolute;
    top: -2px;
    left: 0
}

.block__drupal-seo .block__content ol {
    margin: 0 0 0.8em;
    padding-left: 20px
}

.block__drupal-seo .block__content ol li {
    list-style-type: decimal
}

.block__drupal-seo .block__content h2, .block__drupal-seo .block__content h3, .block__drupal-seo .block__content h4, .block__drupal-seo .block__content h5, .block__drupal-seo .block__content h6 {
    margin: 1em 0 0.6em 0
}

.page-full .field-page-img {
    margin: 0 0 25px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .page-full .field-page-img {
        max-width: 50%;
        margin: 0 0 1rem 1.5rem;
        float: right
    }
}

.page-full .field-page-img img {
    border-radius: 5px
}

.basket-pages-finish {
    text-align: center
}

.basket-pages-finish .text-align-center {
    justify-content: center
}

.view-empty, .view_search_query_info {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-empty, .view_search_query_info {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.view_search_query_info {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view_search_query_info {
        margin-bottom: 1.5rem
    }
}

.banner-teaser {
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .banner-teaser {
        border-radius: 1rem
    }
}

.banner-teaser .field-banner-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.banner-teaser .field-banner-img picture, .banner-teaser .field-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.view-has-slider .swiper {
    flex: 1
}


.basket-pages-finish--info h6, .basket-pages-finish--info h5, .basket-pages-finish--info h4, .basket-pages-finish--info h3, .basket-pages-finish--info h2, .basket-pages-finish--info h1 {
    margin: 1em 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info h6, .basket-pages-finish--info h5, .basket-pages-finish--info h4, .basket-pages-finish--info h3, .basket-pages-finish--info h2, .basket-pages-finish--info h1 {
        margin: 1.2em 0
    }
}

.basket-pages-finish--info h6:first-child, .basket-pages-finish--info h5:first-child, .basket-pages-finish--info h4:first-child, .basket-pages-finish--info h3:first-child, .basket-pages-finish--info h2:first-child, .basket-pages-finish--info h1:first-child {
    margin-top: 0
}

.basket-pages-finish--info h6:last-child, .basket-pages-finish--info h5:last-child, .basket-pages-finish--info h4:last-child, .basket-pages-finish--info h3:last-child, .basket-pages-finish--info h2:last-child, .basket-pages-finish--info h1:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info blockquote {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 15px;
    background: var(--secondary-500);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    min-width: 20%;
    margin: 1rem 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info blockquote {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info blockquote {
        padding: 1.5rem
    }
}

.basket-pages-finish--info blockquote:before {
    display: none
}

.basket-pages-finish--info blockquote:first-child {
    margin-top: 0
}

.basket-pages-finish--info blockquote:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info hr {
    clear: both;
    border: none
}

.basket-pages-finish--info hr + img {
    margin-top: 0 !important
}

.basket-pages-finish--info ol, .basket-pages-finish--info ul {
    margin: 1em 0
}

.basket-pages-finish--info ol:first-child, .basket-pages-finish--info ul:first-child {
    margin-top: 0
}

.basket-pages-finish--info ol:last-child, .basket-pages-finish--info ul:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info ol li, .basket-pages-finish--info ul li {
    margin: 0 0 16px;
    min-width: 200px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ol li, .basket-pages-finish--info ul li {
        margin-bottom: 0.8rem
    }
}

.basket-pages-finish--info ol li:last-of-type, .basket-pages-finish--info ul li:last-of-type {
    margin-bottom: 0
}

.basket-pages-finish--info ul li {
    overflow: hidden;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li {
        padding: 0 0 0 30px
    }
}

.basket-pages-finish--info ul li:before {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 0;
    top: 0.75em;
    margin-top: -7px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li:before {
        font-size: 0.95rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li:before {
        margin-top: -0.5rem
    }
}

.basket-pages-finish--info ol {
    counter-reset: list
}

.basket-pages-finish--info ol li {
    overflow: hidden;
    padding: 0 0 0 1.5em;
    position: relative;
    text-align: left
}

.basket-pages-finish--info ol li:before {
    counter-increment: list;
    content: counters(list, ".") ".";
    position: absolute;
    left: 0
}

.basket-pages-finish--info ol li li {
    padding-left: 2em
}

.basket-pages-finish--info table {
    width: 100% !important;
    border-collapse: collapse;
    float: none;
    border: none;
    margin: 1em 0
}

.basket-pages-finish--info table:first-child {
    margin-top: 0
}

.basket-pages-finish--info table:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info table th, .basket-pages-finish--info table td {
    border: none;
    padding: 15px
}

.basket-pages-finish--info table th {
    font-size: 1rem;
    font-weight: 700;
    background: var(--secondary-500);
    color: #FFFFFF;
    vertical-align: bottom
}

.basket-pages-finish--info table tr {
    border: none
}

.basket-pages-finish--info table tr:nth-child(even) {
    background: var(--grey-100)
}

.basket-pages-finish--info table td {
    vertical-align: top;
    font-size: 0.8rem;
    background: none
}

.basket-pages-finish--info .youtube-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

.basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right, .basket-pages-finish--info .align-center {
    float: none;
    margin-bottom: 15px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right, .basket-pages-finish--info .align-center {
        margin: 1rem 1.5rem
    }
}

.basket-pages-finish--info .align-left:first-child, .basket-pages-finish--info .align-right:first-child, .basket-pages-finish--info .align-center:first-child {
    margin-top: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right {
        max-width: 50%
    }
}

.basket-pages-finish--info .align-left {
    margin-left: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left {
        float: left
    }
}

.basket-pages-finish--info .align-right {
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-right {
        float: right
    }
}

.basket-pages-finish--info .align-center {
    margin-left: auto;
    margin-right: auto
}

.basket-pages-finish--info .site-style-h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-button {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-regular {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-regular {
        font-size: 1rem;
        font-weight: 400
    }
}

.basket-pages-finish--info .site-style-regular-small {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-regular-small {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.basket-pages-finish--info .site-style-subtitle {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-subtitle {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-overline {
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25em
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-overline {
        font-size: 0.7rem;
        font-weight: 400;
        letter-spacing: 0.3em
    }
}

.basket-pages-finish--info .align-left + h1, .basket-pages-finish--info .align-left + h2, .basket-pages-finish--info .align-left + h3, .basket-pages-finish--info .align-left + h4, .basket-pages-finish--info .align-left + h5, .basket-pages-finish--info .align-right + h1, .basket-pages-finish--info .align-right + h2, .basket-pages-finish--info .align-right + h3, .basket-pages-finish--info .align-right + h4, .basket-pages-finish--info .align-right + h5 {
    margin-top: 0
}

.basket-pages-finish--info a {
    color: var(--mainColor);
    background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
    background-size: 100% 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.basket-pages-finish--info a:hover {
    background-size: 0 1px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout {
        display: flex;
        margin: 1.2rem -0.6rem
    }

    .basket-pages-finish--info .x-ck-layout:last-child {
        margin-bottom: 0
    }
}

.basket-pages-finish--info .x-ck-layout__col:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout__col:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout__col {
        flex-grow: 1;
        width: 50%;
        padding: 0 0.6rem
    }
}

.basket-pages-finish--info .x-ck-top-text {
    margin: 0 auto 24px;
    text-align: center
}

.basket-pages-finish--info .x-ck-top-text:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-top-text {
        max-width: 43.75rem;
        margin: 0 auto 1.2rem
    }
}

.basket-pages-finish--info .x-ck-text-block {
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-text-block {
        max-width: 48.5rem
    }
}

.basket-pages-finish--info .template-1 {
    display: flex;
    flex-direction: column
}

.basket-pages-finish--info .template-1:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .template-1:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1 {
        flex-direction: row;
        margin-left: -0.6rem;
        margin-right: -0.6rem
    }
}

.basket-pages-finish--info .template-1 > *:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .template-1 > *:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.basket-pages-finish--info .template-1 img {
    width: 100%;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__first {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__second {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.basket-pages-finish--info .template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__second--left {
        order: initial
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-header {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-content__top {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-main {
        padding-top: 0
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.block-type-payments .field-block-images__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px
}

@media screen and (min-width: 1200px) {
    .block-type-payments .field-block-images__items {
        gap: 0.4rem
    }
}

.block-type-payments .field-block-images__item {
    max-width: 56px
}

@media screen and (min-width: 1200px) {
    .block-type-payments .field-block-images__item {
        max-width: 3.45rem
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.instagram-media .block__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .instagram-media .block__title {
        max-width: 40.2rem;
        padding-right: 1.2rem;
        margin-bottom: 1.5rem
    }
}

.instagram-media .block__title--main {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .instagram-media .block__title--main {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media .block__title--main {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .instagram-media .block__title--main {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: -8.1rem
    }
}

.instagram-media__header {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .instagram-media__header {
        margin-bottom: 0;
        padding-top: 8.1rem
    }
}

.instagram-media__links {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .instagram-media__links {
        flex-direction: column-reverse;
        gap: 1.5rem
    }
}

.instagram-media__link_tag {
    display: none
}

@media screen and (min-width: 1200px) {
    .instagram-media__link_tag {
        display: block;
        font-size: 6rem;
        font-weight: 700;
        font-family: "Cormorant";
        color: var(--primary-100);
        line-height: 1;
        text-transform: uppercase;
        writing-mode: vertical-lr;
        transform: rotate(180deg)
    }
}

.instagram-media__link_btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .instagram-media__link_btn {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__link_btn {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__link_btn {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.instagram-media__link_btn:hover {
    background: var(--primary-600)
}

.instagram-media__link_btn:disabled, .instagram-media__link_btn.disabled {
    background: var(--primary-200)
}

.instagram-media__link_btn:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .instagram-media__link_btn:after {
        font-size: 1.1rem
    }
}

.instagram-media__link_btn:after {
    order: -1
}

.instagram-media__items {
    column-count: 2;
    gap: 0;
    margin: -8px
}

@media screen and (min-width: 768px) {
    .instagram-media__items {
        column-count: 3
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__items {
        width: 100%;
        max-width: 65.8rem;
        display: grid;
        grid-template-columns:repeat(1312, 0.05rem);
        grid-template-rows:repeat(1211, 0.05rem);
        gap: 0;
        margin: 0
    }
}

.instagram-media__item {
    padding: 8px
}

@media screen and (min-width: 1200px) {
    .instagram-media__item {
        position: relative;
        padding: 0
    }

    .instagram-media__item:nth-child(1) {
        grid-column: 134/512;
        grid-row: 162/504
    }

    .instagram-media__item:nth-child(2) {
        grid-column: 536/914;
        grid-row: 1/504
    }

    .instagram-media__item:nth-child(3) {
        grid-column: 936/1314;
        grid-row: 1/504
    }

    .instagram-media__item:nth-child(4) {
        grid-column: 1/378;
        grid-row: 528/1032
    }

    .instagram-media__item:nth-child(5) {
        grid-column: 402/914;
        grid-row: 528/1211
    }

    .instagram-media__item:nth-child(6) {
        grid-column: 936/1314;
        grid-row: 528/1032
    }
}

@media (any-hover: hover) {
    .instagram-media__item:has(a) {
        transition: 0.2s
    }

    .instagram-media__item:has(a):hover {
        transform: rotate(2deg)
    }
}

.instagram-media__item video, .instagram-media__item img {
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .instagram-media__item video, .instagram-media__item img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 1;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.instagram-media__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.instagram-media__content {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 10px;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .instagram-media__content {
        padding: 1rem
    }
}

.instagram-media__insights {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--whiteColor)
}

@media screen and (min-width: 1200px) {
    .instagram-media__insights {
        gap: 1rem
    }
}

.instagram-media__insights_like {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.instagram-media__insights_like:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .instagram-media__insights_like:before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__insights_like:before {
        font-size: 0.8rem
    }
}

.instagram-media__insights_comments {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.instagram-media__insights_comments:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .instagram-media__insights_comments:before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .instagram-media__insights_comments:before {
        font-size: 0.8rem
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.block-type-icon-title-text-list .field-block-paragraph__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -30px
}

@media screen and (min-width: 1200px) {
    .block-type-icon-title-text-list .field-block-paragraph__items {
        margin: 0 -0.6rem -1.5rem
    }
}

.block-type-icon-title-text-list .field-block-paragraph__item {
    padding: 0 5px;
    margin-bottom: 30px;
    width: 50%
}

@media screen and (min-width: 768px) {
    .block-type-icon-title-text-list .field-block-paragraph__item {
        width: 33.333%
    }
}

@media screen and (min-width: 1200px) {
    .block-type-icon-title-text-list .field-block-paragraph__item {
        padding: 0 0.6rem;
        margin-bottom: 1.5rem
    }
}

.paragraph--type--icon-title-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text {
        align-items: flex-start;
        text-align: left;
        gap: 0.5rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-image {
    max-width: 40px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-image {
        max-width: 2.5rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-title {
    font-size: 0.875rem;
    font-weight: 600
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-title {
        font-size: 1rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-text {
    display: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-text {
        display: block
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@media screen and (min-width: 1200px) {
    .page-blog .personal-new-page-title {
        max-width: 50%
    }
}

.view-block-blog .view-blog .more-link {
    display: none
}

@media screen and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link {
        display: block;
        position: absolute;
        right: 0;
        margin-top: 0;
        margin-bottom: 1.5rem;
        bottom: 100%
    }

    .view-block-blog .view-blog .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        gap: 0.6rem
    }

    .view-block-blog .view-blog .more-link a:after {
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        content: "";
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .view-block-blog .view-blog .more-link a:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link a:after {
        font-size: 1.2rem
    }
}

.view-blog.view-display-id-page_1.modific .view-content {
    margin-bottom: -30px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-display-id-page_1.modific .view-content {
        display: grid;
        grid-template-columns:repeat(4, 1fr)
    }
}

.view-blog.view-display-id-page_1.modific .views-row {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-display-id-page_1.modific .views-row {
        width: 100%
    }

    .view-blog.view-display-id-page_1.modific .views-row.modific {
        grid-row: span 2;
        grid-column: span 2
    }
}

.view-blog.view-display-id-page_1 .views-row:not(:last-child) .node {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

@media screen and (min-width: 480px) {
    .view-blog.view-display-id-page_1 .views-row:not(:last-child) .node {
        border: none;
        padding-bottom: 0
    }
}

.view-blog .view-filters {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters {
        margin-bottom: 1.5rem
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -25px;
    padding: 0 25px;
    gap: 3px
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] {
        gap: 0.3rem;
        padding: 0 0 0 1.5rem;
        margin: 0 0 1.5rem;
        position: absolute;
        right: 0;
        bottom: 100%;
        max-width: 50%;
        z-index: 2
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"]::-webkit-scrollbar {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item {
    margin: 0
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border-radius: var(--itemRadius);
    border: 1px solid var(--secondaryColor);
    font-size: 0.75rem;
    padding: 5px 20px;
    color: var(--secondaryColor);
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
        min-height: 2.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
        transition: 0.2s
    }

    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:hover {
        background: var(--mainColor);
        border-color: var(--mainColor);
        color: var(--whiteColor)
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:before {
    position: relative;
    border: none;
    width: unset;
    height: unset;
    left: unset;
    top: unset;
    border-radius: 0;
    background: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:after {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item input:checked + label {
    background: var(--mainColor);
    color: var(--whiteColor);
    border-color: var(--mainColor)
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 15px -25px 0;
    padding: 15px 25px 0;
    gap: 10px;
    position: relative;
    border-top: 1px solid var(--primary-100)
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] {
        gap: 0.75rem 2.5rem;
        flex-wrap: wrap;
        overflow: initial;
        padding: 1.5rem 0 0;
        margin: 0
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"]::-webkit-scrollbar {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item {
    margin: 0
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    font-size: 0.625rem;
    font-weight: 400;
    color: var(--primary-200);
    position: relative;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
        transition: 0.2s
    }

    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:hover:after {
        opacity: 0;
        visibility: hidden
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    background: none;
    border: none;
    border-radius: 0;
    position: relative;
    color: var(--mainColor);
    margin-right: 3px;
    width: auto;
    height: auto;
    left: unset;
    top: unset
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
        margin-right: 0.4rem
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: unset;
    left: unset;
    height: 1px;
    border-radius: 0;
    margin: 0;
    width: calc(100% - 18px);
    opacity: 1;
    transform: none;
    background: currentColor;
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:after {
        width: calc(100% - 1.4rem)
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item input:checked + label {
    color: var(--grey-500)
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item input:checked + label:after {
    opacity: 0;
    visibility: hidden
}

.view-blog.view-has-slider .swiper {
    margin: 0 -25px;
    padding: 0 25px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-has-slider .swiper {
        margin: 0;
        padding: 0
    }
}

.blog-teaser {
    position: relative
}

.blog-teaser .field-blog-img {
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .blog-teaser .field-blog-img {
        margin-bottom: 0.6rem
    }
}

.blog-teaser .field-blog-img img {
    border-radius: var(--itemRadius)
}

.blog-teaser .field-blog-tags {
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start
}

.blog-teaser .field-blog-tags:before {
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 3px;
    margin-top: -0.05em
}

@media screen and (min-width: 1200px) {
    .blog-teaser .field-blog-tags:before {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser .field-blog-tags:before {
        margin-right: 0.4rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser .field-blog-tags {
        margin-bottom: 0.4rem
    }
}

.blog-teaser .field-blog-tags__items {
    display: flex;
    flex-wrap: wrap
}

.blog-teaser .field-blog-tags__item {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-teaser .field-blog-tags__item {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.blog-teaser .field-blog-tags__item:not(:last-child):after {
    content: ",";
    margin-right: 0.25em
}

.blog-teaser__title a {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .blog-teaser__title a {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .blog-teaser__title a {
        transition: 0.2s
    }

    .blog-teaser__title a:hover {
        color: var(--mainColor)
    }
}

.blog-teaser__title a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    content: ""
}

.blog-teaser-mod {
    position: relative
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod {
        overflow: hidden;
        border-radius: var(--itemRadius);
        color: var(--whiteColor);
        height: 100%;
        display: flex;
        align-items: flex-end;
        min-height: 31.9rem
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .blog-teaser-mod {
        transition: 0.2s
    }

    .blog-teaser-mod:hover .field-blog-img img {
        transform: scale(1.1)
    }
}

.blog-teaser-mod .field-blog-img {
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: -1;
        margin: 0
    }

    .blog-teaser-mod .field-blog-img:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(26, 32, 37, 0) 46%, #1A2025 100%)
    }
}

.blog-teaser-mod .field-blog-img img {
    transition: 0.2s;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.blog-teaser-mod .field-blog-tags {
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start
}

.blog-teaser-mod .field-blog-tags:before {
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 3px;
    margin-top: -0.05em
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags:before {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags:before {
        margin-right: 0.4rem;
        margin-top: 0.15em
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags {
        margin-bottom: 0
    }
}

.blog-teaser-mod .field-blog-tags__items {
    display: flex;
    flex-wrap: wrap
}

.blog-teaser-mod .field-blog-tags__item {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags__item {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.blog-teaser-mod .field-blog-tags__item:not(:last-child):after {
    content: ",";
    margin-right: 0.25em
}

.blog-teaser-mod__title a {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod__title a {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-teaser-mod__title a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    content: ""
}

.blog-teaser-mod .field-blog-short-desc {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-short-desc {
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod__info {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem
    }
}

.blog-full {
    padding-bottom: 50px
}

@media screen and (min-width: 1200px) {
    .blog-full {
        padding-bottom: 3.25rem
    }
}

.blog-full__title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 32px;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .blog-full__title {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-full__title.pc {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-full__title.mob {
        display: none
    }

    .blog-full__title.pc {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .blog-full__columns {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__columns {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.2rem
    }

    .blog-full__columns:not(.has-contents) {
        justify-content: center
    }
}

.blog-full__contents {
    margin-bottom: 40px
}

@media screen and (min-width: 1200px) {
    .blog-full__contents {
        width: 100%;
        max-width: 23.8636363636%;
        margin-bottom: 0
    }
}

.blog-full__contents--title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 768px) {
    .blog-full__contents--title {
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--title {
        text-align: left;
        margin-bottom: 2rem
    }
}

.blog-full__contents--title:after {
    content: ":"
}

.blog-full__contents--items {
    counter-reset: contents
}

@media screen and (min-width: 768px) {
    .blog-full__contents--items {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--items {
        align-items: flex-start;
        text-align: left
    }
}

.blog-full__contents--item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    counter-increment: contents
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--item {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.blog-full__contents--item:before {
    content: counter(contents) "."
}

.blog-full__contents--item:not(:last-child) {
    margin-bottom: 16px
}

.blog-full__contents--item span {
    border-bottom: 1px solid currentColor;
    cursor: pointer
}

@media (any-hover: hover) {
    .blog-full__contents--item span {
        transition: 0.2s
    }

    .blog-full__contents--item span:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 768px) {
    .blog-full__main {
        width: 100%;
        max-width: 768px
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__main {
        max-width: 49.1792929293%
    }
}

.blog-full .field-blog-img {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .blog-full .field-blog-img {
        margin-bottom: 1.2rem
    }
}

.blog-full .field-blog-img img {
    border-radius: var(--itemRadius)
}

.blog-full .field-blog-section__item:not(:last-child) {
    margin-bottom: 48px
}

@media screen and (min-width: 1200px) {
    .blog-full .field-blog-section__item:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

.paragraph--type--blog-section .field-paragraph-title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-title {
        margin-bottom: 1.2rem
    }
}

.paragraph--type--blog-section .field-paragraph-text:not(:last-child) {
    margin-bottom: 48px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-text:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .paragraph--type--blog-section .field-paragraph-text .template-1 {
        flex-direction: column
    }

    .paragraph--type--blog-section .field-paragraph-text .template-1__first, .paragraph--type--blog-section .field-paragraph-text .template-1__second {
        width: 100%
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.block-type-front-promotion-new .block__layout {
    margin: 0 -14px
}

@media screen and (min-width: 1600px) {
    .block-type-front-promotion-new .block__layout {
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        padding: 0 1.2rem
    }
}

.block-type-front-promotion-new .block__content {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .block__content {
        display: flex;
        align-items: stretch
    }
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .block__content {
        border-radius: 1rem;
        margin: 0
    }
}

.block-type-front-promotion-new .field-block-cap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: -1
}

.block-type-front-promotion-new .field-block-cap picture, .block-type-front-promotion-new .field-block-cap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-type-front-promotion-new .group_info {
    padding: 43px 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--whiteColor)
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .group_info {
        align-items: flex-start;
        justify-content: center;
        text-align: left;
        padding: 20px 25px;
        flex: 1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .group_info {
        padding: 1.5rem
    }
}

@media screen and (min-width: 1665px) {
    .block-type-front-promotion-new .group_info {
        padding-left: calc((100vw - 81.75rem) / 2)
    }
}

.block-type-front-promotion-new .field-block-title {
    font-size: 2.8125rem;
    line-height: 1;
    font-weight: bold;
    font-family: "Cormorant"
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-title {
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-title {
        font-size: 5rem
    }
}

.block-type-front-promotion-new .field-block-text {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-text {
        -webkit-line-clamp: 3;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.block-type-front-promotion-new .field-block-text:not(:first-child) {
    margin-top: 5px
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-text:not(:first-child) {
        margin-top: 0.75rem;
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-front-promotion-new .field-block-link:not(:first-child) {
    margin-top: 30px
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-link:not(:first-child) {
        margin-top: 2rem
    }
}

.block-type-front-promotion-new .field-block-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor);
    border: none
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-link a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.block-type-front-promotion-new .field-block-link a:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.block-type-front-promotion-new .field-block-link a:disabled, .block-type-front-promotion-new .field-block-link a.disabled {
    background: var(--primary-200)
}

.block-type-front-promotion-new .field-block-link a:after {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .block-type-front-promotion-new .field-block-link a:after {
        font-size: 0.95rem
    }
}

.block-type-front-promotion-new .field-block-image {
    overflow: hidden;
    position: relative;
    margin: 0 -15%;
    padding: 0 15%;
    border-radius: 50% / 73% 73% 0 0
}

@media screen and (min-width: 480px) {
    .block-type-front-promotion-new .field-block-image {
        border-radius: 50% / 98% 98% 0 0
    }
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-image {
        width: 100%;
        max-width: 50%;
        border-radius: 63% 0 0 63% / 50%;
        margin: -15% 0;
        padding: 15% 0
    }
}

.block-type-front-promotion-new .field-block-image picture, .block-type-front-promotion-new .field-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-image picture, .block-type-front-promotion-new .field-block-image img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 2
    }
}

.block-type-front-promotion-new .field-block-image .anim_decor__wrap {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-image .anim_decor__wrap {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

.block-type-front-promotion-new .field-block-image .anim_decor__svg {
    width: 100%;
    aspect-ratio: 1;
    background: url("../image/anim_decor_new.svg") center no-repeat;
    background-size: contain;
    animation: 25s rotate_anim_decor linear infinite
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-image .anim_decor__svg {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width: 768px) {
    .block-type-front-promotion-new .field-block-image .anim_decor__img {
        position: relative;
        width: 100%;
        height: 100%
    }

    .block-type-front-promotion-new .field-block-image .anim_decor__img:before {
        content: "";
        display: flex;
        padding-bottom: 66.0256410256%
    }
}

.block-type-front-promotion-new.has-overlay .field-block-cap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    background: var(--cover-Dark-75)
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.personal-new-views-block-brands-block-1 {
    padding: 0 !important
}

.view-brands .view-filters {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .view-brands .view-filters {
        margin-bottom: 2.5rem
    }
}

.view-brands .view-filters .form-radios {
    display: flex;
    gap: 3px;
    overflow: auto;
    margin: 0 -24px;
    padding: 0 24px
}

@media screen and (min-width: 1200px) {
    .view-brands .view-filters .form-radios {
        overflow: initial;
        margin: 0;
        padding: 0;
        gap: 0.5rem
    }
}

.view-brands .view-filters .form-radios::-webkit-scrollbar {
    display: none;
    opacity: 0;
    visibility: hidden
}

.view-brands .view-filters .form-radios .form-item-name {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .view-brands .view-filters .form-radios .form-item-name {
        flex: 1
    }
}

.view-brands .view-filters .form-radios .form-item-name.form-disabled {
    opacity: 0.3;
    pointer-events: none
}

.view-brands .view-filters .form-radios .form-item-name label {
    padding: 2px 5px;
    height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-align: center;
    border-radius: 5px;
    background: var(--primary-50);
    border: 1px solid var(--primary-100);
    margin: 0;
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .view-brands .view-filters .form-radios .form-item-name label {
        width: 100%;
        padding: 0.1rem 0.25rem;
        height: 2.5rem;
        border-radius: 0.5rem;
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .view-brands .view-filters .form-radios .form-item-name label {
        transition: 0.2s
    }

    .view-brands .view-filters .form-radios .form-item-name label:hover {
        background: var(--mainColor);
        color: var(--whiteColor)
    }
}

.view-brands .view-filters .form-radios .form-item-name label:before, .view-brands .view-filters .form-radios .form-item-name label:after {
    display: none
}

.view-brands .view-filters .form-radios .form-item-name input:checked + label {
    background: var(--mainColor);
    color: var(--whiteColor)
}

@media screen and (min-width: 1200px) {
    .view-brands.view-has-slider {
        width: 100vw;
        left: 50%;
        margin-left: -50vw
    }
}

.view-brands.view-has-slider .swiper {
    margin: 0 -25px;
    padding: 0 25px
}

@media screen and (min-width: 1200px) {
    .view-brands.view-has-slider .swiper {
        margin: 0;
        padding: 0
    }
}

.view-brands.view-display-id-block_1 .view-content {
    margin: 0 !important
}

.view-brands.view-display-id-block_1 .views-row {
    margin: 0 !important
}

.brand-token {
    position: relative;
    z-index: 1;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    box-shadow: var(--shadow-Light-8-16);
    padding: 25px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 1200px) {
    .brand-token {
        padding: 1.25rem 1rem
    }
}

.brand-token .field-taxonomy-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: -1;
    opacity: 0.05;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px
}

@media screen and (min-width: 1200px) {
    .brand-token .field-taxonomy-image {
        padding: 0.75rem
    }
}

.brand-token .field-taxonomy-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.brand-token__name {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .brand-token__name {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.brand-token__name:not(:last-child) {
    margin-bottom: 25px
}

@media screen and (min-width: 1200px) {
    .brand-token__name:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.brand-token__category:not(:last-child) {
    margin-bottom: 25px
}

@media screen and (min-width: 1200px) {
    .brand-token__category:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.brand-token__link {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    display: inline-flex;
    align-items: center;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .brand-token__link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .brand-token__link {
        transition: 0.2s
    }

    .brand-token__link:hover {
        color: var(--mainColor)
    }
}

.brand-token__link:after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-left: 5px
}

@media screen and (min-width: 1200px) {
    .brand-token__link:after {
        font-size: 1.2rem
    }
}

.brand-token__item:not(:last-child) {
    margin-bottom: 7px
}

.brand-token__item a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .brand-token__item a {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .brand-token__item a {
        transition: 0.2s
    }

    .brand-token__item a:hover {
        color: var(--mainColor)
    }
}

.brand-token__item a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .brand-token__item a:before {
        font-size: 1.2rem
    }
}

.brand-teaser {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.brand-teaser__link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    opacity: 0
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new {
        padding: 0.7rem 0 0.5rem
    }
}

.block-type-main-slider-new .block__layout {
    margin: 0 -14px
}

@media screen and (min-width: 1600px) {
    .block-type-main-slider-new .block__layout {
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        padding: 0 1.2rem
    }
}

.block-type-main-slider-new .block__content {
    position: relative
}

.block-type-main-slider-new .field-block-paragraph:has(.swiper-navigation) {
    position: relative;
    padding-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .field-block-paragraph:has(.swiper-navigation) {
        padding-bottom: 2.25rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
    border-radius: 10px;
    overflow: hidden;
    background: var(--mainColor);
    color: var(--whiteColor);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
        flex-direction: row;
        align-items: stretch;
        text-align: left
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
        border-radius: 1rem;
        margin: 0
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 30px 20px
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        align-items: flex-start;
        justify-content: center;
        flex: 1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        gap: 0.75rem;
        padding: 3rem 0.5rem 3rem 1.5rem
    }
}

@media screen and (min-width: 1665px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        padding-left: calc((100vw - 81.75rem) / 2)
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-title, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-title, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-title {
        font-size: 4rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-text, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-text, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link {
    width: 100%
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link:not(:first-child) {
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link:not(:first-child) {
        margin-top: 1.25rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:hover, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:disabled, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a.disabled, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:disabled, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a.disabled {
    background: var(--primary-200)
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:after {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:after {
        font-size: 0.95rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
    overflow: hidden;
    position: relative;
    margin: 0 -15%;
    padding: 0 15%;
    border-radius: 50% / 73% 73% 0 0
}

@media screen and (min-width: 480px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
        border-radius: 50% / 98% 98% 0 0
    }
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
        width: 100%;
        max-width: 50%;
        border-radius: 63% 0 0 63% / 50%;
        margin: -15% 0;
        padding: 15% 0
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 2
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap:after {
        content: "";
        width: 200%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        border: 1.5rem solid #fff;
        border-radius: 30% 0 0 30% / 50%
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap:after {
        border-width: 2rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__svg, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__svg {
    width: 100%;
    aspect-ratio: 1;
    background: url("../image/anim_decor_new.svg") center no-repeat;
    background-size: contain;
    animation: 25s rotate_anim_decor linear infinite
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__svg, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__svg {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__img {
        position: relative;
        width: 100%;
        height: 100%
    }

    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__img:before, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__img:before {
        content: "";
        display: flex;
        padding-bottom: 66.0256410256%
    }
}

.block-type-main-slider-new .paragraph--type--slide-banner-new {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-banner-new {
        border-radius: 1rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-banner-new .field-paragraph-link a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    opacity: 0;
    font-size: 0;
    text-decoration: none;
    z-index: 2
}

.block-type-main-slider-new .swiper-navigation {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%
}

.block-type-main-slider-new .swiper-pagination {
    bottom: 0
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .swiper-pagination {
        padding: 0 20px
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .swiper-pagination {
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 1665px) {
    .block-type-main-slider-new .swiper-pagination {
        padding-left: calc((100vw - 81.75rem) / 2)
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.block-type-message-slider {
    background: var(--secondaryColor)
}

.block-type-message-slider .field--name-field-block-paragraph {
    width: 100%
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
    position: relative;
    background: var(--secondaryColor);
    text-align: center;
    color: var(--whiteColor);
    font-size: 0.625rem
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        transition: 0.2s
    }

    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message:has(.field-paragraph-link a):hover {
        background: var(--mainColor)
    }
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
    padding-left: 24px;
    padding-right: 24px;
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        max-width: 81.75rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        min-height: 2rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .field-paragraph-text {
    width: 100%;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .field-paragraph-link a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    opacity: 0;
    font-size: 0
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    box-shadow: 0 0 1rem -0.25rem #232429;
}

.ui-dialog:focus {
    outline: 2px dotted transparent;
    box-shadow: 0 0 0 3px #26a769;
}

@media all and (max-width: 48em) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        min-width: 92%;
        max-width: 92%;
    }
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 4rem 1rem 1.5rem;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #232429;
    line-height: 2rem;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar {
    padding-right: 1.5rem;
    padding-left: 4rem;
}

.ui-dialog .ui-dialog-title {
    -webkit-font-smoothing: antialiased;
    font-size: 1.424rem;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    right: 0;
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    margin: 0 1.5rem;
    padding: 0;
    transition: all 0.1s;
    transform: translateY(-50%);
    border: 2px solid transparent;
    border-radius: 50%;
    background: none;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
    right: auto;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    border-color: #fff;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    border-color: #26a769;
    outline: 2px dotted transparent;
    box-shadow: none;
}

.ui-dialog .ui-icon.ui-icon-closethick {
    width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
}

.ui-dialog > .ui-dialog-content {
    overflow: auto;
    padding: 1rem 1.5rem;
    color: #232429;
    background: #fff;
}

.ui-dialog > .ui-dialog-buttonpane {
    color: #232429;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f3f4f9;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    justify-content: flex-end;
    margin: 0 0.75rem;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: static;
}

.ui-dialog .ui-dialog-content .form-actions {
    margin: 0;
    padding: 0;
}

.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
    background: none;
}

@media screen and (-ms-high-contrast: active) {
    .ui-dialog .ui-icon.ui-icon-closethick {
        background: none;
    }

    .ui-dialog .ui-icon.ui-icon-closethick::before, .ui-dialog .ui-icon.ui-icon-closethick::after {
        position: relative;
        display: block;
        width: 50%;
        height: 100%;
        content: "";
    }

    .ui-dialog .ui-icon.ui-icon-closethick::before {
        top: -40%;
        left: 60%;
        transform: rotate(45deg);
        border-bottom: 2px white solid;
    }

    .ui-dialog .ui-icon.ui-icon-closethick::after {
        top: -78%;
        left: 60%;
        transform: rotate(-45deg);
        border-top: 2px white solid;
    }
}

#drupal-off-canvas .form-type--boolean {
    margin-left: 0;
}

#drupal-off-canvas .form-item .form-item__description {
    color: #f3f4f9;
    font-size: 0.75rem;
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.view-catalog.view-has-slider .swiper {
    margin: 0 -25px;
    padding: 0 25px
}

@media screen and (min-width: 1200px) {
    .view-catalog.view-has-slider .swiper {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .view-catalog.view-display-id-block_8 .swiper {
        padding: 0;
        margin: 0
    }
}

.view-catalog.view-display-id-block_8 .swiper-navigation {
    display: none
}

@media screen and (min-width: 1200px) {
    .view-catalog.view-display-id-block_8 .swiper-navigation {
        display: flex
    }
}

.view-catalog.view-display-id-block_3 .view-header {
    display: none
}

.view-catalog.swiper-arrow-style-2.swiper-modific .swiper-button-prev {
    transform: translate(-50%, -50%);
    margin: 0
}

.view-catalog.swiper-arrow-style-2.swiper-modific .swiper-button-next {
    transform: translate(50%, -50%);
    margin: 0
}

.view-catalog .views-row.out-stock .product-teaser {
    opacity: 0.35
}

.personal-new-views-block-catalog-block-2 .block__title, .personal-new-views-block-catalog-block-9 .block__title, .personal-new-views-block-catalog-block-10 .block__title, .personal-new-viewed-products .block__title {
    text-align: left
}

.product-status {
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    z-index: 2;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .product-status {
        gap: 0.5rem;
        left: 0.5rem;
        top: 0.5rem;
        align-items: center
    }
}

.product-status__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.5rem;
    font-weight: 600;
    color: #FFFFFF;
    padding: 6px 7px;
    border-radius: 16px;
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .product-status__item {
        border-radius: 3.25rem;
        padding: 0.65rem 0.75rem;
        min-width: 3rem;
        font-size: 0.6rem
    }
}

.product-status__item--new {
    border-radius: 50%
}

.product-status__item--top {
    background: var(--secondaryColor)
}

.product-status__item--promotion {
    min-height: 32px;
    min-width: 32px;
    border-radius: 50%
}

@media screen and (min-width: 1200px) {
    .product-status__item--promotion {
        min-height: 3rem;
        min-width: 3rem
    }
}

.product-status__item--olya_chooses {
    padding: 6px 3px;
    border-radius: 5px
}

@media screen and (min-width: 1200px) {
    .product-status__item--olya_chooses {
        padding: 0.75rem 0.35rem;
        border-radius: 0.25rem
    }
}

.params_product .form-wrapper {
    margin-bottom: 0
}

.params_product .form-wrapper:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

.params_product .form-wrapper .fieldset-legend {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-500)
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper .fieldset-legend {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.params_product .form-wrapper .fieldset-wrapper > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.params_product .form-wrapper .fieldset-wrapper > div .icon {
    display: none
}

.params_product .form-wrapper .fieldset-wrapper > div input:checked ~ .option {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.params_product .form-wrapper .fieldset-wrapper > div input:disabled ~ .option {
    background: var(--grey-50);
    color: var(--grey-200)
}

.params_product .form-wrapper .fieldset-wrapper > div .option {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mainColor);
    padding: 9px 19px;
    background: var(--primary-50);
    border-radius: calc(var(--itemRadius) / 2);
    margin: 0;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper .fieldset-wrapper > div .option {
        font-size: 1rem;
        font-weight: 600
    }
}

.params_product .form-wrapper .fieldset-wrapper > div .option:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.params_product .form-wrapper .fieldset-wrapper > div .form-item {
    margin: 0
}

.product-teaser {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center
}

.product-teaser__top {
    position: relative;
    background: var(--grey-0);
    padding: 10px;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .product-teaser__top {
        border-radius: 1rem
    }
}

.product-teaser__image {
    position: relative
}

.product-teaser__image:before {
    content: "";
    display: block;
    padding: 0 0 127.027027027%
}

@media screen and (min-width: 1200px) {
    .product-teaser__image:before {
        padding: 0 0 126.9841269841%
    }
}

.product-teaser__image a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    background: var(--whiteColor)
}

.is-admin .product-teaser__image a {
    background: none
}

@media screen and (min-width: 1200px) {
    .product-teaser__image a {
        border-radius: 1rem;
        padding: 0.5rem
    }
}

.product-teaser__image picture {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-teaser__image img {
    border-radius: 5px;
    max-height: 100%;
    object-fit: contain
}

@media screen and (min-width: 1200px) {
    .product-teaser__image img {
        border-radius: 1rem
    }
}

.product-teaser__link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    text-decoration: none
}

.product-teaser__like {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex
}

@media screen and (min-width: 1200px) {
    .product-teaser__like {
        top: 1rem;
        right: 1rem
    }
}

.product-teaser__main {
    padding: 10px 5px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex-grow: 1
}

@media screen and (min-width: 1200px) {
    .product-teaser__main {
        padding: 0.75rem 0.6rem 0;
        gap: 0.75rem
    }
}

.product-teaser__title {
    flex-grow: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-teaser__title a {
    display: block;
    font-size: 0.625rem;
    line-height: 1.1;
    text-decoration: none;
    font-weight: 600;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .product-teaser__title a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-teaser__title a:hover {
    color: var(--mainColor)
}

.product-teaser .b-review-info {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1200px) {
    .product-teaser .b-review-info {
        gap: 0.5rem
    }
}

.product-teaser .b-review-info__count {
    display: none;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-teaser .b-review-info__count {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-teaser .b-review-info__count {
        display: block
    }
}

.product-teaser__price .b-price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .product-teaser__price .b-price {
        gap: 0.6rem
    }
}

.product-teaser__price .price {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-teaser__price .price {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-teaser__price .old-price {
    font-size: 0.625rem;
    text-decoration: line-through;
    color: var(--grey-200);
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-teaser__price .old-price {
        font-size: 0.85rem
    }
}

.product-teaser .addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor);
    width: 100%
}

@media screen and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-teaser .addto_basket_button:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.product-teaser .addto_basket_button:disabled, .product-teaser .addto_basket_button.disabled {
    background: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat";
        line-height: 1.25;
        border-radius: var(--itemRadius);
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        overflow: hidden;
        transition-duration: 0.2s;
        border: none;
        gap: 12px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1;
        padding: 12px 20px;
        min-height: 52px;
        color: var(--mainColor);
        background: var(--whiteColor);
        border: 1px solid var(--mainColor);
        width: 100%
    }

    .product-teaser .addto_basket_button:hover {
        background: var(--secondaryColor);
        border-color: var(--secondaryColor);
        color: var(--whiteColor)
    }

    .product-teaser .addto_basket_button:disabled, .product-teaser .addto_basket_button.disabled {
        background: var(--primary-200)
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .product-teaser .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-min {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 768px) {
    .product-min {
        align-items: flex-start
    }
}

@media screen and (min-width: 1200px) {
    .product-min {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem
    }
}

.product-min .addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-min .addto_basket_button:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.product-min .addto_basket_button:disabled, .product-min .addto_basket_button.disabled {
    background: var(--primary-200)
}

.product-min .addto_basket_button:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button:before {
        font-size: 1.2rem
    }
}

.product-min .b-price .price {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-min .b-price .price {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-min .b-price .old-price {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: line-through
}

.view-block-catalog .block__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .block__title {
        margin-bottom: 1.2rem;
        max-width: 50%
    }
}

.view-block-catalog:has(.view-filters) .block__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog:has(.view-filters) .block__title {
        margin-bottom: 1.7rem
    }
}

.view-block-catalog .view-filters {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters {
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 1.5rem;
        max-width: 50%;
        padding-left: 1.5rem;
        align-items: flex-end
    }
}

.view-block-catalog .view-filters .form-item-category-all {
    display: none
}

.view-block-catalog .view-filters form {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%
}

.view-block-catalog .view-filters .form-checkboxes {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -25px;
    padding: 0 25px;
    gap: 6px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters .form-checkboxes {
        margin: 0;
        padding: 0;
        gap: 0.3rem
    }
}

.view-block-catalog .view-filters .form-checkboxes::-webkit-scrollbar {
    display: none
}

.view-block-catalog .view-filters .form-checkboxes .form-item {
    flex-shrink: 0;
    margin: 0
}

.view-block-catalog .view-filters .form-checkboxes .form-item .option {
    padding: 10px 15px;
    margin: 0;
    background: var(--whiteColor);
    border: 1px solid var(--primary-500);
    display: flex;
    align-items: center;
    border-radius: var(--itemRadius);
    min-height: 40px;
    gap: 15px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--secondaryColor);
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters .form-checkboxes .form-item .option {
        padding: 0.5rem 1rem;
        min-height: 2.5rem;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .view-block-catalog .view-filters .form-checkboxes .form-item .option {
        transition: 0.2s
    }

    .view-block-catalog .view-filters .form-checkboxes .form-item .option:hover {
        background: var(--mainColor);
        color: var(--whiteColor);
        border-color: var(--mainColor)
    }
}

.view-block-catalog .view-filters .form-checkboxes .form-item .option:before, .view-block-catalog .view-filters .form-checkboxes .form-item .option:after {
    content: none
}

.view-block-catalog .view-filters .form-checkboxes .form-item input[type="checkbox"]:checked ~ label {
    background: var(--mainColor);
    color: var(--whiteColor);
    border-color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper {
        position: absolute;
        right: 0;
        bottom: calc(100% + 2.25rem)
    }
}

.view-block-catalog .more-link-wrapper a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.view-block-catalog .more-link-wrapper a:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--mainColor);
    vertical-align: -2px;
    margin-left: 12px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper a:after {
        font-size: 1.2rem
    }
}

.view-block-catalog .swiper {
    width: 100%
}

@media screen and (min-width: 1200px) {
    .view-display-id-basket_views_block_1 .view-content {
        margin-bottom: -2.4rem
    }
}

@media screen and (min-width: 1200px) {
    .view-display-id-basket_views_block_1 .view-content .views-row {
        margin-bottom: 2.4rem
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.form-type-checkbox {
    position: relative
}

.form-type-checkbox.form-disabled {
    opacity: 0.5
}

input[type="checkbox"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

input[type="checkbox"] ~ label {
    display: inline-block;
    padding-left: 1.75em;
    cursor: pointer;
    margin-bottom: 0 !important;
    transition-duration: 0.2s;
    position: relative
}

input[type="checkbox"] ~ label::before, input[type="checkbox"] ~ label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 1.2em;
    height: 1.2em;
    transition-duration: 0.2s
}

input[type="checkbox"] ~ label::before {
    background: #fff;
    border: 1px solid var(--grey-100);
    border-radius: calc(var(--itemRadius) / 2)
}

input[type="checkbox"] ~ label::after {
    background: url("../image/check.svg") no-repeat center center;
    background-size: 58.3333333333% auto;
    opacity: 0;
    transform: scale(0.5)
}

input[type="checkbox"]:checked ~ label::before {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor)
}

input[type="checkbox"]:checked ~ label::after {
    opacity: 1;
    transform: none
}

@keyframes gin-throbber {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

.ajax-progress__throbber, .ajax-progress__throbber--fullscreen, .ui-dialog .ajax-progress__throbber, .media-library-item .ajax-progress__throbber {
    border: 3px solid var(--gin-color-primary);
}

[dir="ltr"] .ajax-progress__throbber, [dir="ltr"] .ajax-progress__throbber--fullscreen, [dir="ltr"] .ui-dialog .ajax-progress__throbber, [dir="ltr"] .media-library-item .ajax-progress__throbber {
    border-right: 3px dotted transparent;
}

[dir="rtl"] .ajax-progress__throbber, [dir="rtl"] .ajax-progress__throbber--fullscreen, [dir="rtl"] .ui-dialog .ajax-progress__throbber, [dir="rtl"] .media-library-item .ajax-progress__throbber {
    border-left: 3px dotted transparent;
}

.ajax-progress .ajax-progress__message {
    color: var(--gin-color-text);
}

[dir].gin--dark-mode .ajax-progress--fullscreen {
    background-color: var(--gin-color-primary);
    border-color: transparent;
    box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen {
    border: 3px solid var(--gin-bg-app);
    border-right: 3px dotted transparent;
}

.media-library-widget .ajax-progress__throbber, .media-library-widget .ajax-progress__throbber--fullscreen {
    border: 2px solid var(--gin-color-primary);
}

[dir="ltr"] .media-library-widget .ajax-progress__throbber, [dir="ltr"] .media-library-widget .ajax-progress__throbber--fullscreen {
    border-right: 2px dotted transparent;
}

[dir="rtl"] .media-library-widget .ajax-progress__throbber, [dir="rtl"] .media-library-widget .ajax-progress__throbber--fullscreen {
    border-left: 2px dotted transparent;
}

.ui-dialog .ajax-progress-throbber {
    padding: var(--gin-spacing-xs);
    background: var(--gin-bg-app);
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(34, 35, 48, .1);
    border: 1px solid rgba(216, 217, 224, .8);
}

.gin--dark-mode .ui-dialog .ajax-progress-throbber {
    background-color: var(--gin-color-primary);
    border-color: transparent;
    box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

.ui-dialog .ajax-progress-throbber::before, .contextual-links .ajax-progress-throbber::before {
    content: "";
    display: block;
    position: absolute;
    top: var(--gin-spacing-xs);
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--gin-color-primary);
    border-radius: 50%;
    animation: gin-throbber .75s linear infinite;
}

[dir="ltr"] .ui-dialog .ajax-progress-throbber::before, [dir="ltr"] .contextual-links .ajax-progress-throbber::before {
    left: var(--gin-spacing-xs);
    border-right: 2px dotted transparent;
}

[dir="rtl"] .ui-dialog .ajax-progress-throbber::before, [dir="rtl"] .contextual-links .ajax-progress-throbber::before {
    right: var(--gin-spacing-xs);
    border-left: 2px dotted transparent;
}

.gin--dark-mode .ui-dialog .ajax-progress, .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress {
    background-color: var(--gin-bg-app);
    border-color: var(--gin-bg-app);
}

.contextual-links li {
    position: relative;
}

.contextual-links .ajax-progress-throbber {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber {
    right: var(--gin-spacing-xxs);
}

[dir="rtl"] .contextual-links .ajax-progress-throbber {
    left: var(--gin-spacing-xxs);
}

.contextual-links .ajax-progress-throbber::before {
    top: 0;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
    left: .25em;
}

[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
    right: .25em;
}

.claro-autocomplete__message {
    color: var(--gin-color-primary);
}

.ui-dialog:not(.ui-dialog-off-canvas) {
    max-width: 1280px;
    border: 0 none !important;
    border-radius: var(--gin-border-m);
    background: var(--gin-bg-layer);
}

@media (forced-colors: active) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        border: 1px solid buttonBorder !important;
    }
}

.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
    border-top-left-radius: var(--gin-border-m);
    border-top-right-radius: var(--gin-border-m);
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    position: absolute;
    bottom: 0;
    top: auto;
}

[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    left: var(--gin-spacing-m);
    right: auto;
}

[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    right: var(--gin-spacing-m);
    left: auto;
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
    width: 100%;
}

.ui-dialog:not(.ui-dialog-off-canvas) .views-exposed-form.views-exposed-form, .ui-dialog:not(.ui-dialog-off-canvas) .views-displays {
    border: 1px solid var(--gin-border-color-layer);
}

@media (max-width: 47.99em) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        min-width: 92%;
        max-width: 92%;
    }
}

.ui-dialog {
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--gin-font);
    outline: none;
}

.ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
    box-shadow: var(--gin-shadow-l1);
}

.ui-dialog .ui-dialog-titlebar {
    line-height: 1.2;
    padding: var(--gin-spacing-m) var(--gin-spacing-l);
    background: #1b1b1d;
    border: 0 none;
    border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;
    position: relative;
}

@media (forced-colors: active) {
    .ui-dialog .ui-dialog-titlebar {
        border-bottom: 1px solid buttonBorder;
    }
}

.ui-dialog .ui-dialog-title {
    font-size: var(--gin-font-size-l);
    font-weight: var(--gin-font-weight-normal);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

[dir="ltr"] .ui-dialog .ui-dialog-title {
    padding-right: var(--gin-spacing-xl);
}

[dir="rtl"] .ui-dialog .ui-dialog-title {
    padding-left: var(--gin-spacing-xl);
}

.ui-dialog .ui-dialog-content {
    color: var(--gin-color-text);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
    padding: var(--gin-spacing-s) var(--gin-spacing-l);
    border-top: 1px solid var(--gin-border-color-layer);
    border-bottom-left-radius: var(--gin-border-m);
    border-bottom-right-radius: var(--gin-border-m);
    background: var(--gin-bg-app);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
    font-weight: var(--gin-font-weight-heavy);
    margin-top: 0;
    margin-bottom: 0;
}

[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
    margin-right: 0;
}

[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
    margin-left: 0;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger, .ui-dialog [data-drupal-selector*=-remove-form] .button.button--danger {
    border-color: var(--gin-color-danger) !important;
}

.ui-dialog .ui-dialog-buttonset {
    margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    width: 2rem;
    height: 2rem;
    opacity: .8;
    margin: 0 var(--gin-spacing-m);
    transform: translateY(-50%);
    background: none;
    border: none;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
    left: auto;
    right: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
    right: auto;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    transform: none;
    background: #fff;
    -webkit-mask-image: url(../image#close-view);
    mask-image: url(../image#close-view);
    -webkit-mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
    mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    left: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    right: 0;
}

@media (forced-colors: active) {
    .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
        background: linktext;
    }
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: 1;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    padding-left: var(--gin-spacing-l);
    padding-right: var(--gin-spacing-l);
    background: var(--gin-bg-layer);
}

.ui-dialog .gin-layer-wrapper {
    margin-bottom: var(--gin-spacing-l);
}

.erl-overlay, .layout-paragraphs-dialog {
    position: fixed !important;
    top: 50% !important;
    width: calc(100% - var(--gin-spacing-xl)) !important;
}

[dir="ltr"] .erl-overlay, [dir="ltr"] .layout-paragraphs-dialog {
    left: 50% !important;
    transform: translate(-50%, -50%);
}

[dir="rtl"] .erl-overlay, [dir="rtl"] .layout-paragraphs-dialog {
    right: 50% !important;
    transform: translate(50%, -50%);
}

@media (min-width: 64em) {
    .erl-overlay, .layout-paragraphs-dialog {
        width: calc(100% - var(--gin-spacing-xxxl)) !important;
    }
}

ul.paragraphs-add-dialog-list {
    margin: var(--gin-spacing-l) 0;
}

.ui-widget-overlay {
    opacity: .9;
    background: var(--gin-bg-layer2);
}

.views-ui-dialog .views-offset-bottom {
    border-top: 1px solid var(--gin-border-color);
}

@media (forced-colors: active) {
    .views-ui-dialog .views-offset-bottom {
        border-top: none;
    }
}

.ui-widget-content a {
    color: var(--gin-color-primary);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas {
    --gin-offcanvas-active: var(--gin-color-primary);
    background: #444;
    border: 0 none;
    box-shadow: 0 0 48px rgba(0, 0, 0, .075);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
    background: #1b1b1d;
    border-radius: 0;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-resizable-w {
    border: 0 none;
    background-color: transparent;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .fieldset {
    color: var(--gin-color-text);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas #drupal-off-canvas .button--primary[type=submit] {
    background: var(--gin-offcanvas-active);
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    overflow: auto;
}

.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content {
    background: var(--gin-bg-layer);
}

table.treetable tr.branch {
    background-color: transparent;
}

.ui-dialog .gin-layer-wrapper {
    margin-bottom: var(--gin-spacing-l);
    margin-top: var(--gin-spacing-l);
}



.brand-token {
    position: relative;
    z-index: 1;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    box-shadow: var(--shadow-Light-8-16);
    padding: 25px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 1200px) {
    .brand-token {
        padding:1.25rem 1rem
    }
}

.brand-token .field-taxonomy-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: -1;
    opacity: 0.05;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px
}

@media screen and (min-width: 1200px) {
    .brand-token .field-taxonomy-image {
        padding:0.75rem
    }
}

.brand-token .field-taxonomy-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.brand-token__name {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .brand-token__name {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.brand-token__name:not(:last-child) {
    margin-bottom: 25px
}

@media screen and (min-width: 1200px) {
    .brand-token__name:not(:last-child) {
        margin-bottom:1.25rem
    }
}

.brand-token__category:not(:last-child) {
    margin-bottom: 25px
}

@media screen and (min-width: 1200px) {
    .brand-token__category:not(:last-child) {
        margin-bottom:1.25rem
    }
}

.brand-token__link {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    display: inline-flex;
    align-items: center;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .brand-token__link {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .brand-token__link {
        transition:0.2s
    }

    .brand-token__link:hover {
        color: var(--mainColor)
    }
}

.brand-token__link:after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-left: 5px
}

@media screen and (min-width: 1200px) {
    .brand-token__link:after {
        font-size:1.2rem
    }
}

.brand-token__item:not(:last-child) {
    margin-bottom: 7px
}

.brand-token__item a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .brand-token__item a {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .brand-token__item a {
        transition:0.2s
    }

    .brand-token__item a:hover {
        color: var(--mainColor)
    }
}

.brand-token__item a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .brand-token__item a:before {
        font-size:1.2rem
    }
}

.form-type-radio {
    position: relative
}

input[type="radio"] {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

input[type="radio"]~label {
    display: inline-block;
    position: relative;
    padding-left: 1.75em;
    cursor: pointer;
    margin-bottom: 0 !important;
    transition-duration: 0.2s
}

input[type="radio"]~label::before,input[type="radio"]~label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-radius: 50%;
    transition-duration: 0.2s
}

input[type="radio"]~label::before {
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border: 1px solid rgba(78,84,92,0.4)
}

input[type="radio"]~label::after {
    background: var(--secondary-500);
    width: 0.65em;
    height: 0.65em;
    margin-top: 0.3em;
    margin-left: 0.3em;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.3s
}

input[type="radio"]:checked~label::after {
    opacity: 1;
    transform: scale(1)
}

input[type="radio"]:checked~label::before {
    border-color: var(--secondary-500)
}



.promotion-teaser {
    position: relative
}

.promotion-teaser__top {
    position: relative;
    border-radius: var(--itemRadius) var(--itemRadius) 0 0;
    overflow: hidden;
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .promotion-teaser__top {
        margin-bottom:0.6rem
    }
}

.promotion-teaser .field-promotion-date-end {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.promotion-teaser .field-promotion-date-end .b-counter {
    border-radius: var(--itemRadius) 0 0 0
}

.promotion-teaser__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .promotion-teaser__title {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .promotion-teaser__title {
        transition:0.2s
    }

    .promotion-teaser__title:hover {
        color: var(--mainColor)
    }
}

.promotion-teaser__title:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    content: "";
    z-index: 3
}

@media screen and (min-width: 768px) {
    .promotion-full {
        margin-bottom:-12px
    }

    .promotion-full:after {
        content: "";
        clear: both;
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .promotion-full {
        margin-bottom:-0.6rem
    }
}

.promotion-full__img {
    position: relative;
    border-radius: var(--itemRadius) var(--itemRadius) 0 0;
    overflow: hidden;
    margin-bottom: 12px
}

@media screen and (min-width: 768px) {
    .promotion-full__img {
        width:100%;
        max-width: 45%;
        float: left;
        margin-right: 24px
    }
}

@media screen and (min-width: 1200px) {
    .promotion-full__img {
        max-width:39rem;
        margin-right: 1.2rem;
        margin-bottom: 0.6rem
    }
}

.promotion-full__img .field-promotion-date-end {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.promotion-full__img .field-promotion-date-end .b-counter {
    border-radius: var(--itemRadius) 0 0 0
}

.promotion-full__title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .promotion-full__title {
        font-size:3rem;
        line-height: 1;
        font-weight: 700;
        font-family: "Cormorant"
    }
}

@media screen and (min-width: 768px) {
    .promotion-full__info {
        margin-bottom:12px
    }
}

@media screen and (min-width: 1200px) {
    .promotion-full__info {
        margin-bottom:0.6rem
    }
}

.promotion-full__info>*:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .promotion-full__info>*:not(:last-child) {
        margin-bottom:1.5rem
    }
}

.promotion-full .field-promotion-description {
    display: block
}

.b-counter {
    width: 100%;
    max-width: 240px;
    background: var(--secondary-100);
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .b-counter {
        max-width:15rem;
        padding: 0 0.75rem
    }
}

.b-counter__list {
    display: flex
}

.b-counter__item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 48px;
    padding: 5px 10px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .b-counter__item {
        min-height:3.2rem;
        padding: 0.25rem 0.5rem
    }
}

.b-counter__item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--mainColor);
    opacity: 0.2;
    z-index: 2
}

.b-counter__item .number {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-counter__item .number {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.b-counter__item .text {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase
}

@media screen and (min-width: 1200px) {
    .b-counter__item .text {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}




.b-pMenu__list.level-0 {
    display: flex;
    flex-direction: column
}

.b-pMenu__item.level-0.is-active {
    order: -1
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper {
    position: relative
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
    text-decoration: none;
    border-radius: var(--itemRadius);
    padding: 15px 24px;
    background: var(--grey-0);
    display: flex;
    align-items: center;
    min-height: 64px;
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        padding:0.75rem 1.2rem;
        min-height: 3.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        transition:0.2s
    }

    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link:hover {
        background: var(--mainColor);
        color: var(--whiteColor)
    }

    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link:hover+.arrow {
        color: var(--whiteColor)
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper:has(.arrow) .b-pMenu__link {
    padding-right: 70px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper:has(.arrow) .b-pMenu__link {
        padding-right:3.5rem
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow {
        right:1.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:hover {
        color:var(--secondaryColor)
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:before {
        font-size:1.2rem
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow.is-open:before {
    content: ""
}

.b-pMenu__item:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item:not(:last-child) {
        margin-bottom:0.4rem
    }
}

.b-pMenu__list.level-1 {
    padding: 32px 24px 24px;
    display: none
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 {
        padding:1.6rem 1.2rem 1.2rem
    }
}

.b-pMenu__list.level-1 .b-pMenu__link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding-left: 29px;
    position: relative;
    min-height: 24px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        padding-left:1.45rem;
        min-height: 1.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        transition:0.2s
    }

    .b-pMenu__list.level-1 .b-pMenu__link:hover {
        color: var(--mainColor)
    }
}

.b-pMenu__list.level-1 .b-pMenu__link::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 9px;
    top: 0.5em;
    background: var(--primary-500)
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link::before {
        width:0.4rem;
        height: 0.4rem;
        left: 0.45rem
    }
}

.b-pMenu__list.level-1 .b-pMenu__item.is-open .b-pMenu__link {
    color: var(--mainColor)
}

.b-pMenu__list.level-1 .b-pMenu__item.is-open .b-pMenu__link:before {
    background: var(--mainColor)
}

.b-pMenu__list.level-1 .b-pMenu__item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__item:not(:last-child) {
        margin-bottom:1rem
    }
}

.is-open .b-pMenu__list.level-1 {
    display: block
}

.b-pMenu__list.level-2 {
    display: none
}

.mobile-apply-filter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 2000;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: var(--secondary-500);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500
}



.personal-new-catalog-filter .block__title {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1199px) {
    .personal-new-catalog-filter .block__title {
        display:none
    }
}

.personal-new-catalog-filter .block__title--main {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .block__title--main {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.personal-new-catalog-filter form .form-item-price {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.personal-new-catalog-filter form .form-item-price label {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    line-height: 1.5;
    order: -1
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price label {
        font-size:1rem;
        font-weight: 600
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price label {
        margin-bottom:1.35rem
    }
}

.personal-new-catalog-filter form .form-item-price .ui_slider_init_price {
    width: 100%;
    order: -1
}

.personal-new-catalog-filter form .form-item-price .js-form-type-number {
    width: 70px;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price .js-form-type-number {
        width:4rem
    }
}

.personal-new-catalog-filter form .form-item-price .js-form-type-number input {
    background: var(--grey-0);
    border-color: var(--grey-0);
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    height: 43px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price .js-form-type-number input {
        height:2.7rem
    }
}

.personal-new-catalog-filter form details,.personal-new-catalog-filter form>.form-item:not(.form-item-price) {
    padding: 24px;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details,.personal-new-catalog-filter form>.form-item:not(.form-item-price) {
        padding:1.6rem
    }
}

.personal-new-catalog-filter form details:not(:last-child),.personal-new-catalog-filter form>.form-item:not(.form-item-price):not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details:not(:last-child),.personal-new-catalog-filter form>.form-item:not(.form-item-price):not(:last-child) {
        margin-bottom:1.2rem
    }
}

.personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
        transition:0.2s
    }

    .personal-new-catalog-filter form details summary:hover,.personal-new-catalog-filter form details>label:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label:hover {
        color: var(--mainColor)
    }

    .personal-new-catalog-filter form details summary:hover:after,.personal-new-catalog-filter form details>label:hover:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary:hover:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label:hover:after {
        color: var(--mainColor)
    }
}

.personal-new-catalog-filter form details summary::-webkit-details-marker,.personal-new-catalog-filter form details>label::-webkit-details-marker,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::-webkit-details-marker,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::-webkit-details-marker {
    display: none
}

.personal-new-catalog-filter form details summary::after,.personal-new-catalog-filter form details>label::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::after {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--primary-500);
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details summary::after,.personal-new-catalog-filter form details>label::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::after {
        font-size:1.2rem
    }
}

.personal-new-catalog-filter form details summary[aria-expanded="false"]::after,.personal-new-catalog-filter form details>label[aria-expanded="false"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary[aria-expanded="false"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label[aria-expanded="false"]::after {
    content: ""
}

.personal-new-catalog-filter form details summary[aria-expanded="true"]::after,.personal-new-catalog-filter form details>label[aria-expanded="true"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary[aria-expanded="true"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label[aria-expanded="true"]::after {
    content: ""
}

.personal-new-catalog-filter form details summary.is-open::after,.personal-new-catalog-filter form details>label.is-open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary.is-open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label.is-open::after {
    content: ""
}

.personal-new-catalog-filter form details .details-wrapper,.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .details-wrapper,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
    margin-top: 12px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .details-wrapper,.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .details-wrapper,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
        margin-top:0.6rem
    }
}

.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
    display: none
}

.personal-new-catalog-filter form details>.items_wrap.is-open,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap.is-open {
    display: block
}

.personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 14px 16px;
    min-height: 44px;
    background: none;
    color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        padding:0.9rem 1rem;
        min-height: 2.8rem
    }
}

.personal-new-catalog-filter form details .filter-more:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:hover {
    color: var(--secondary-600);
    border-color: var(--secondary-600)
}

.personal-new-catalog-filter form details .filter-more:disabled,.personal-new-catalog-filter form details .filter-more.disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more.disabled {
    color: var(--secondary-300);
    border-color: var(--secondary-300)
}

.personal-new-catalog-filter form details .filter-more:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:after {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:after {
        font-size:0.95rem
    }
}

.personal-new-catalog-filter form details .filter-more span,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more span {
    display: contents
}

.personal-new-catalog-filter form details .filter-more.open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more.open::after {
    content: ""
}

.personal-new-catalog-filter form details .color,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color {
    font-size: 0;
    display: inline-block;
    border-radius: calc(var(--itemRadius) / 2);
    vertical-align: top;
    width: 1rem;
    height: 1rem
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .color,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color {
        width:1.1rem;
        height: 1.1rem
    }
}

.personal-new-catalog-filter form details .color[style="background:#FFFFFF;"],.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color[style="background:#FFFFFF;"] {
    border: 1px solid var(--grey-100)
}

.personal-new-catalog-filter form details .option,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .option {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.personal-new-catalog-filter form details .count,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .count {
    color: var(--grey-300);
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .count,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .count {
        font-size:1rem;
        font-weight: 400
    }
}

.personal-new-catalog-filter form details .form-item,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .form-item,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item {
        margin-bottom:0.6rem
    }
}

.personal-new-catalog-filter form details .form-item label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item label {
    margin-bottom: 0
}

.personal-new-catalog-filter form details .form-item:last-child,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item:last-child {
    margin-bottom: 0
}

.personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--secondaryColor);
    width: 100%;
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.personal-new-catalog-filter form details .btn-more-link:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.personal-new-catalog-filter form details .btn-more-link:disabled,.personal-new-catalog-filter form details .btn-more-link.disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link.disabled {
    background: var(--primary-200)
}

.personal-new-catalog-filter form details .btn-more-link:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        margin-bottom:1.2rem
    }
}

.personal-new-catalog-filter .js-form-type-textfield {
    position: relative
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield {
        margin-bottom:0.75rem
    }
}

.personal-new-catalog-filter .js-form-type-textfield:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 15px;
    top: calc(50% - 8px);
    color: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield:before {
        font-size:1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield:before {
        left:0.75rem;
        top: calc(50% - 0.5rem)
    }
}

.personal-new-catalog-filter .search_checkboxes {
    height: 44px;
    padding-left: 35px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .search_checkboxes {
        height:2.8rem;
        padding-left: 2rem
    }
}

.personal-new-catalog-filter .reset-form-button {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: var(--secondaryColor);
    cursor: pointer;
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    display: inline-block
}

.personal-new-catalog-filter .reset-form-button:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.personal-new-catalog-filter .reset-form-button:after {
    transform: scaleX(1)
}

.personal-new-catalog-filter .reset-form-button:hover:after {
    transform: scaleX(0)
}

.personal-new-catalog-filter .form-actions {
    text-align: center
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .form-actions {
        text-align:left;
        margin-top: 1.2rem
    }
}

.personal-new-catalog-filter .all_brands {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor);
    width: 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.personal-new-catalog-filter .all_brands:hover {
    background: var(--primary-600)
}

.personal-new-catalog-filter .all_brands:disabled,.personal-new-catalog-filter .all_brands.disabled {
    background: var(--primary-200)
}

.personal-new-catalog-filter .all_brands:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        margin-bottom:1.2rem
    }
}




.sort_wrap,.checkeds_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .sort_wrap,.checkeds_wrap {
        margin-top:0;
        gap: 1.8rem
    }
}

.sort_wrap .label,.checkeds_wrap .label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--grey-300)
}

@media screen and (min-width: 1200px) {
    .sort_wrap .label,.checkeds_wrap .label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.sort_wrap .items,.checkeds_wrap .items {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .sort_wrap .items,.checkeds_wrap .items {
        gap:1.8rem
    }
}

.checkeds_wrap .items {
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .checkeds_wrap .items {
        gap:1.5rem
    }
}

.checkeds_wrap .item label {
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .sort_wrap {
        order:10
    }
}

.sort_wrap .item {
    position: relative;
    display: flex
}

.sort_wrap .item input {
    display: none
}

.sort_wrap .item input.sort_ASC~label::before {
    color: var(--secondary-500)
}

.sort_wrap .item input.sort_DESC~label::after {
    color: var(--secondary-500)
}

.sort_wrap .item label {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.sort_wrap .item label:after,.sort_wrap .item label:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    order: -10;
    color: var(--grey-300);
    width: auto;
    height: auto;
    background: none;
    border: none;
    opacity: 1;
    transform: none;
    position: static;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label:after,.sort_wrap .item label:before {
        font-size:1.1rem
    }
}

.sort_wrap .item label:before {
    content: ""
}

.sort_wrap .item label:after {
    content: "";
    margin-right: 8px
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label:after {
        margin-right:0.6rem
    }
}

.views_style_switch_wrap {
    display: none
}


.view-catalog .view-header {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

@media screen and (min-width: 1200px) {
    .view-catalog .view-header {
        gap:1.5rem 3.4rem;
        margin-bottom: 1.5rem
    }
}

.view-catalog .view-header .total_rows {
    display: none
}



.catalog-filter-btn {
    font-size: 0.75rem;
    display: inline-flex;
    align-self: center;
    font-weight: 600;
    gap: 5px;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .catalog-filter-btn {
        display:none
    }
}

.catalog-filter-btn:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-filter-btn:before {
        font-size:1.2rem
    }
}


.region-sidebar-left {
    padding: 24px 24px 60px
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left {
        padding:0
    }
}

.region-sidebar-left .region_title {
    margin: -24px -24px 24px;
    background: var(--mainColor);
    padding: 14px 24px;
    color: var(--whiteColor);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left .region_title {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left .region_title {
        display:none
    }
}

.page-node-type-product .site-content {
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .page-node-type-product .site-content {
        padding-top:40px
    }
}

@media screen and (min-width: 1200px) {
    .page-node-type-product .site-content {
        padding-top:2.5rem
    }
}

@media screen and (min-width: 768px) {
    .product-full__top {
        display:flex;
        gap: 2rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top {
        gap:4rem
    }
}

.product-full__top--left {
    position: relative
}

@media screen and (min-width: 768px) {
    .product-full__top--left {
        max-width:39.5202020202%;
        flex: 1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top--left:has(.product-gl__thumbs) .product-full__links {
        right:6.45rem
    }
}

.product-full__top--right {
    margin-top: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 768px) {
    .product-full__top--right {
        margin-top:0;
        flex: 1;
        align-items: flex-start
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top--right {
        gap:0.75rem
    }
}

.product-full__title {
    font-size: 1rem;
    font-family: "Cormorant";
    font-weight: 700;
    line-height: 1.1;
    text-align: center
}

@media screen and (min-width: 768px) {
    .product-full__title {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .product-full__title {
        font-size:2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-full__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 1200px) {
    .product-full__tags {
        margin-top:-0.45rem;
        gap: 1.2rem
    }
}

.product-full__category {
    font-size: 0.625rem;
    color: var(--grey-200)
}

@media screen and (min-width: 1200px) {
    .product-full__category {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full .b-product__stock {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full .b-product__stock {
        gap:0.4rem
    }
}

.product-full .b-product__stock:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .product-full .b-product__stock:before {
        font-size:1.2rem
    }
}

.product-full .b-product__stock--in-stock:before {
    content: ""
}

.product-full .b-product__stock--out-stock:before {
    content: "";
    color: var(--label-1-1)
}

.product-full__avail {
    font-size: 0.625rem;
    display: inline-flex
}

@media screen and (min-width: 1200px) {
    .product-full__avail {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full .product-status {
    left: -9px;
    top: 15px
}

@media screen and (min-width: 768px) {
    .product-full .product-status {
        left:15px
    }
}

@media screen and (min-width: 1200px) {
    .product-full .product-status {
        left:0.75rem;
        top: 0.75rem
    }
}

.product-full__code {
    font-size: 0.625rem
}

@media screen and (min-width: 1200px) {
    .product-full__code {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.product-full__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 768px) {
    .product-full__info {
        flex-direction:row
    }
}

@media screen and (min-width: 1200px) {
    .product-full__info {
        gap:0.8rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating {
        display:flex;
        align-items: center;
        gap: 0.8rem
    }
}

.product-full__rating .b-product__rating--value {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating--value {
        display:inline-flex;
        font-size: 0.7rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__rating .b-product__rating--count {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating--count {
        display:inline-flex;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .product-full__rating .b-product__rating--count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.product-full__links {
    position: absolute;
    right: -9px;
    top: 15px;
    font-size: 0;
    display: flex;
    gap: 10px;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .product-full__links {
        right:15px
    }
}

@media screen and (min-width: 1200px) {
    .product-full__links {
        right:0.75rem;
        top: 0.75rem
    }
}

.product-full__links a:before {
    font-size: 18px
}

@media screen and (min-width: 1200px) {
    .product-full__links a:before {
        font-size:1.1rem
    }
}

.product-full__price .b-price {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__price .b-price {
        gap:0.6rem
    }
}

.product-full__price .price {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__price .price {
        font-size:2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-full__price .old-price {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: line-through;
    font-size: 0.625rem;
    color: var(--grey-200)
}

@media screen and (min-width: 1200px) {
    .product-full__price .old-price {
        font-size:0.85rem;
        font-weight: 400;
        text-decoration: line-through
    }
}

.product-full__count {
    line-height: 1.5;
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none
}

.product-full__count:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.product-full__count:after {
    transform: scaleX(1)
}

.product-full__count:hover:after {
    transform: scaleX(0)
}

.product-full__basket .basket_add_button_wrap {
    display: flex;
    align-items: center;
    gap: 4px
}

.product-full__basket .addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-full__basket .addto_basket_button:hover {
    background: var(--primary-600)
}

.product-full__basket .addto_basket_button:disabled,.product-full__basket .addto_basket_button.disabled {
    background: var(--primary-200)
}

.product-full__basket .addto_basket_button:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button:before {
        font-size:1.2rem
    }
}

.product-full__basket--params .params_product .form-item:last-of-type {
    margin-bottom: 0
}

.product-full__basket--label {
    margin-top: 12px;
    color: var(--grey-500);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__basket--label {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__basket--one_click {
    margin-top: 12px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .webform-submission-basket-one-click-form {
        display:flex;
        align-items: center;
        gap: 0.4rem
    }
}

.product-full__basket--one_click .form-item-phone {
    position: relative
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone {
        margin-bottom:0;
        max-width: 14rem
    }
}

.product-full__basket--one_click .form-item-phone:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 18px;
    color: var(--primary-200);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone:after {
        font-size:1.1rem
    }
}

.product-full__basket--one_click .form-item-phone [type="text"] {
    padding-left: 42px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone [type="text"] {
        padding-left:2.75rem
    }
}

.product-full__basket--one_click .form-actions {
    margin-top: 8px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-actions {
        margin-top:0
    }
}

.product-full__installment .field-block-link-img-multi {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi {
        gap:0.75rem
    }
}

.product-full__installment .field-block-link-img-multi .field__label {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi .field__label {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__installment .field-block-link-img-multi__items {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi__items {
        gap:0.75rem
    }
}

.product-full__installment .field-block-link-img-multi__item img {
    max-width: 24px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi__item img {
        max-width:1.8rem
    }
}

.product-full__promotion {
    padding: 15px 10px;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    width: 100%;
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__promotion {
        padding:0.75rem;
        margin-top: 0.75rem
    }
}

.product-full__promotion--title {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__promotion--title {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__promotion--title:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__promotion--title:not(:last-child) {
        margin-bottom:0.75rem
    }
}

.product-full__promotion .field-promotion-description__label {
    display: none
}

.product-full__promotion .field-promotion-description__item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__promotion .field-promotion-description__item {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__bottom {
    margin-top: 25px
}

.product-full__bottom .field__label {
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 15px 24px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label {
        padding:0.95rem 1.2rem;
        margin-bottom: 0.8rem;
        gap: 0.75rem
    }
}

.product-full__bottom .field__label--toggle {
    cursor: pointer
}

@media (any-hover: hover) {
    .product-full__bottom .field__label--toggle {
        transition:0.2s
    }

    .product-full__bottom .field__label--toggle:hover {
        background: var(--mainColor);
        color: var(--whiteColor)
    }
}

.product-full__bottom .field__label--toggle:not(.is-open) {
    margin-bottom: 0
}

.product-full__bottom .field__label--toggle:after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label--toggle:after {
        font-size:1.2rem
    }
}

.product-full__bottom .field__label--toggle.is-open:after {
    content: ""
}

.product-full__bottom--items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -20px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom--items {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        margin: 0 -0.75rem -1rem
    }
}

.product-full__bottom--item {
    flex-grow: 1;
    width: 100%;
    margin: 25px 0;
    padding: 0 15px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom--item {
        padding:0 0.75rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .product-full__bottom--item:first-child:last-child {
        grid-column: 1 / span 2
    }
}

.product-full__bottom--item.product-full__comments {
    width: 100%
}

@media screen and (min-width: 1200px) {
    .product-full__desc {
        grid-row:1 / span 3
    }
}

.product-full__desc .field__item {
    padding: 0 12px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__desc .field__item {
        padding:0 1.2rem;
        font-size: 1rem;
        font-weight: 400
    }
}

.product-full__specs--items {
    border-radius: var(--itemRadius);
    overflow: hidden
}

.product-full__specs--item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__specs--item:nth-of-type(odd) {
    background: var(--grey-0)
}

.product-full__specs--item .double-field-first {
    width: 50%;
    padding: 17px 16px;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item .double-field-first {
        padding:0.8rem 0.65rem
    }
}

.product-full__specs--item .double-field-second {
    flex-grow: 1;
    padding: 17px 16px;
    border-left: 1px solid #fff
}

.product-full__specs--item .double-field-second a {
    text-decoration: none;
    color: var(--mainColor);
    background: linear-gradient(to right,currentColor 0%,currentColor 100%) no-repeat 0 bottom;
    background-size: 0 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.product-full__specs--item .double-field-second a:hover {
    background-size: 100% 1px
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item .double-field-second {
        padding:0.8rem 0.65rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__composition {
        order:10
    }
}

.product-full__composition--items {
    display: none
}

.product-full__composition--items.is-open {
    display: block
}

.product-full__composition--items .field__label {
    padding: 0;
    background: none
}

.product-full__composition--items>* {
    padding: 0 12px
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items>* {
        padding:0 1.2rem
    }
}

.product-full__composition--items>*:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items>*:not(:last-child) {
        margin-bottom:1.2rem
    }
}

.product-full__composition--items .field__item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items .field__item {
        font-size:1rem;
        font-weight: 400
    }
}

.product-full__comments {
    flex: 100%
}

.product-full__comments .field-product-comment__label {
    position: relative
}

.product-full__comments .field-product-comment__label:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--whiteColor);
    background: var(--mainColor);
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    padding: 20px;
    border-radius: var(--itemRadius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .product-full__comments .field-product-comment__label:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__comments .field-product-comment__label:after {
        padding:1.2rem
    }
}

.product-full__comments .field-product-comment__label.is-active:after {
    transform: rotateX(180deg)
}

.product-full__comments .field-product-comment__item {
    display: none
}

.product-full__comments .field-product-comment__item.is-open {
    display: flex
}

.fivestar-default {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .fivestar-default {
        gap:0.8rem
    }
}

.fivestar-default .fivestar-widget-static:after {
    content: none
}

.fivestar-default .fivestar-numeric-rating {
    font-size: 1rem;
    font-weight: 600;
    display: none
}

@media screen and (min-width: 1200px) {
    .fivestar-default .fivestar-numeric-rating {
        font-size:1rem;
        font-weight: 600
    }
}

.product-full__top .fivestar-default .fivestar-numeric-rating {
    display: block
}

@media screen and (min-width: 1200px) {
    .product-gl {
        display:flex;
        gap: 1.2rem
    }
}

.product-gl .swiper-hand {
    display: none
}

.product-gl__images {
    margin: 0 -24px;
    background: var(--grey-0)
}

@media screen and (min-width: 768px) {
    .product-gl__images {
        margin:0;
        border-radius: var(--itemRadius);
        overflow: hidden
    }
}

@media screen and (min-width: 1200px) {
    .product-gl__images {
        flex:1;
        display: flex
    }
}

.product-gl__images .swiper {
    height: 454px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper {
        width:100%;
        height: auto;
        max-height: 100%;
        min-height: 34.35rem
    }
}

.product-gl__images .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide {
        padding:0.5rem
    }
}

.product-gl__images .swiper-slide .js-fancybox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    padding: 10px;
    overflow: hidden
}

.is-admin .product-gl__images .swiper-slide .js-fancybox {
    background: none
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide .js-fancybox {
        padding:0.5rem
    }
}

.product-gl__images .swiper-slide img {
    border-radius: var(--itemRadius);
    max-height: 454px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide img {
        max-height:100%
    }
}

.product-gl__images .item:hover .media-video:before {
    opacity: 1
}

.product-gl__images .media--type-product-video {
    position: relative
}

.product-gl__images .media--type-product-video .js-fancybox {
    height: 100%;
    display: block
}

.product-gl__images .media--type-product-video .field-media-video-file {
    height: 100%
}

.product-gl__images .media--type-product-video .field-media-video-file video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    height: 100%
}

.product-gl__images .media--type--3d-product {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-gl__images .media--type--3d-product a {
    display: block
}

.product-gl__images .media--type--3d-product a span {
    display: block
}

.product-gl__images .media,.product-gl__images .item {
    height: 100%
}

.product-gl__thumbs {
    position: relative;
    margin-top: 10px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs {
        width:100%;
        max-width: 4.5rem;
        margin: 0;
        height: 34.35rem
    }
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper {
        height:100%
    }
}

.product-gl__thumbs .swiper-button-next {
    right: -15px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper-button-next {
        right:initial;
        left: 50%;
        top: initial;
        bottom: 0;
        transform: translate(-50%,50%);
        margin: 0 !important
    }

    .product-gl__thumbs .swiper-button-next:after {
        content: ""
    }
}

.product-gl__thumbs .swiper-button-prev {
    left: -15px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper-button-prev {
        left:50%;
        top: 0;
        transform: translate(-50%,-50%);
        margin: 0 !important
    }

    .product-gl__thumbs .swiper-button-prev:after {
        content: ""
    }
}

.product-gl__thumbs .item {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: calc(var(--itemRadius) / 2);
    background: var(--grey-0);
    padding: 5px;
    height: 100%
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .item {
        padding:0.25rem
    }
}

.product-gl__thumbs .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    background: rgba(25,26,29,0.2);
    transition-duration: 0.2s;
    opacity: 0
}

.product-gl__thumbs .item:hover:before {
    opacity: 1
}

.product-gl__thumbs .item img {
    border-radius: calc(var(--itemRadius) / 2);
    max-height: 100%
}

.product-gl__thumbs .media-type--product-video:after {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--whiteColor);
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .media-type--product-video:after {
        font-size:1.2rem
    }
}

.product-gl__thumbs .swiper-slide-thumb-active .item {
    position: relative
}

.product-gl__thumbs .swiper-slide-thumb-active .item:before {
    opacity: 1
}

.delivery-node {
    border-radius: var(--itemRadius);
    background: var(--primary-50);
    padding: 24px !important;
    margin-top: 24px
}

@media screen and (min-width: 1200px) {
    .delivery-node {
        display:none;
        margin-top: 1.6rem;
        padding: 1.2rem 2.2rem !important
    }
}

.product-full__top--right .delivery-node {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__top--right .delivery-node {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .delivery-node .field-block-paragraph__items {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.delivery-node .field-block-paragraph__item:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .delivery-node .field-block-paragraph__item:not(:last-child) {
        margin-bottom:0
    }
}

.delivery-node .paragraph--type--delivery-node .field-group-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

.delivery-node .paragraph--type--delivery-node .field-media-image {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--itemRadius);
    background: var(--primary-100);
    flex-shrink: 0
}

.delivery-node .paragraph--type--delivery-node .field-paragraph-title {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--mainColor);
    font-weight: 500;
    line-height: 1.1;
    text-decoration-line: underline
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-title {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.delivery-node .paragraph--type--delivery-node .field-paragraph-text {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-text {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-text {
        margin-top:0.8rem
    }
}

.media-video {
    color: var(--whiteColor);
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.media-video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    background: rgba(25,26,29,0.4);
    z-index: 1;
    opacity: 0;
    transition-duration: 0.5s
}

.media-video__play {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 5;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none
}

.media-video__play:before {
    content: "";
    font-family: "icomoon";
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__play:before {
        font-size:2.1rem
    }
}

.media-video--ended .media-video__play {
    display: flex
}

.media-video__pause {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 5;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.media-video__pause:before {
    content: "";
    font-family: "icomoon";
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__pause:before {
        font-size:2.1rem
    }
}

.media-video--ended .media-video__pause {
    display: none
}

.media-video__mute {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 16px;
    border-radius: var(--itemRadius);
    background: var(--grey-800);
    line-height: 1;
    z-index: 5;
    cursor: pointer
}

.media-video__mute:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__mute:before {
        font-size:1.2rem
    }
}

.media-video__mute.hidden {
    display: none
}

.media-video__unmute {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 16px;
    border-radius: var(--itemRadius);
    background: var(--grey-800);
    line-height: 1;
    z-index: 5;
    cursor: pointer
}

.media-video__unmute:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__unmute:before {
        font-size:1.2rem
    }
}

.media-video__unmute.hidden {
    display: none
}

.media-video:not(.video-active) .media-video__pause {
    display: none
}

.media-video:not(.video-active) .media-video__play {
    display: flex
}

@keyframes rotate_anim_decor {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.block-type-message-slider {
    background: var(--secondaryColor)
}

.block-type-message-slider .field--name-field-block-paragraph {
    width: 100%
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
    position: relative;
    background: var(--secondaryColor);
    text-align: center;
    color: var(--whiteColor);
    font-size: 0.625rem
}


.b-comment {
    padding: 16px;
    margin-bottom: 8px;
    background: var(--whiteColor);
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .b-comment {
        padding:1.2rem;
        margin-bottom: 0.8rem
    }
}

.b-comment__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

@media screen and (min-width: 1200px) {
    .b-comment__top {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.b-comment__name {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    flex: 100%
}

@media screen and (min-width: 1200px) {
    .b-comment__name {
        flex:unset;
        gap: 1.5rem
    }
}

.b-comment__name-author {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__name-author {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.b-comment__date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-300)
}

@media screen and (min-width: 1200px) {
    .b-comment__date {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.b-comment__commented {
    margin-top: 16px
}

@media screen and (min-width: 1200px) {
    .b-comment__commented {
        margin-top:0.8rem
    }
}

.b-comment__commented--link:not(.img) {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--mainColor);
    background: linear-gradient(to right,currentColor 0%,currentColor 100%) no-repeat 0 bottom;
    background-size: 0 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--link:not(.img) {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.b-comment__commented--link:not(.img):hover {
    background-size: 100% 1px
}

.b-comment__commented--link.img {
    max-width: 75px;
    aspect-ratio: 1;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 5px;
    display: flex
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--link.img {
        max-width:5rem;
        padding: 0.25rem
    }
}

@media (any-hover: hover) {
    .b-comment__commented--link.img {
        transition:0.2s
    }

    .b-comment__commented--link.img:hover {
        background: var(--secondary-100)
    }
}

.b-comment__commented--link.img img {
    border-radius: var(--itemRadius);
    max-height: 100%
}

.b-comment__commented--img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    padding: 5px
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--img {
        padding:0.25rem
    }
}

.b-comment .field-comment-text {
    margin-top: 16px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-text {
        margin-top:0.8rem
    }
}

.b-comment .field-comment-img {
    margin: 16px -16px 0;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img .js-fancybox {
        position:relative;
        display: flex
    }

    .b-comment .field-comment-img .js-fancybox:after {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        display: flex;
        visibility: hidden;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        content: "";
        transition: 0.3s;
        transform: translate(-50%,-75%);
        opacity: 0;
        border-radius: 50%;
        background: rgba(var(--secondary-500),0.75);
        will-change: transform
    }

    .b-comment .field-comment-img .js-fancybox:before {
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        display: flex;
        visibility: hidden;
        align-items: center;
        justify-content: center;
        width: 1.7rem;
        height: 1.7rem;
        font-size: 0.9rem !important;
        content: "";
        transition: 0.3s;
        transform: translate(-50%,-25%);
        opacity: 0;
        color: #FFFFFF;
        border-radius: 50%;
        background: var(--mainColor);
        will-change: transform
    }

    .b-comment .field-comment-img .js-fancybox:hover:after,.b-comment .field-comment-img .js-fancybox:hover:before {
        visibility: visible;
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .b-comment .field-comment-img .js-fancybox:before {
        font-size:1.2rem
    }
}

.b-comment .field-comment-img .swiper {
    padding: 0 16px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img.pc-swiper-disable .swiper-wrapper {
        flex-wrap:wrap
    }
}

.b-comment .field-comment-img__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__items {
        margin:0 -0.5rem -1rem
    }
}

.b-comment .field-comment-img__item {
    width: 50%;
    padding: 0 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.b-comment .field-comment-img__item .item {
    position: relative;
    border-radius: var(--itemRadius);
    overflow: hidden
}

.b-comment .field-comment-img__item img {
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 480px) {
    .b-comment .field-comment-img__item {
        width:33.333%
    }
}

@media screen and (min-width: 768px) {
    .b-comment .field-comment-img__item {
        width:25%
    }
}

@media screen and (min-width: 992px) {
    .b-comment .field-comment-img__item {
        width:calc(100% / 6)
    }
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__item {
        padding:0 0.5rem;
        margin-bottom: 1rem
    }

    .b-comment .field-comment-img__item.is-hide {
        display: none
    }
}

.b-comment .field-comment-img__more {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    justify-content: center;
    align-items: center;
    z-index: 5;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    color: var(--whiteColor);
    background: var(--cover-Dark-40);
    display: none
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__more {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__more {
        display:flex
    }
}

@media (any-hover: hover) {
    .b-comment .field-comment-img__more {
        transition:0.2s
    }

    .b-comment .field-comment-img__more:hover {
        color: var(--mainColor)
    }
}

.b-comment__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom {
        margin-top:1rem;
        gap: 1.5rem
    }
}

.b-comment__bottom-links {
    margin-bottom: -10px
}

.b-comment__bottom-links ul {
    display: inline
}

.b-comment__bottom-links ul li {
    display: inline;
    margin: 0;
    padding: 0
}

.b-comment__bottom-links a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 10px 0;
    color: var(--mainColor);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        transition-duration:0.2s;
        position: relative;
        text-decoration: none
    }

    .b-comment__bottom-links a:after {
        background: var(--secondary-500);
        transition-duration: 0.2s;
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        will-change: transform;
        transform: scaleX(0);
        content-visibility: auto
    }

    .b-comment__bottom-links a:hover:after {
        transform: scaleX(1)
    }
}

.b-comment__bottom-links a:after {
    left: 1.8rem
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        margin-right:1.25rem
    }
}

.b-comment__bottom-links a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 12px;
    color: var(--secondary-500);
    vertical-align: middle;
    display: inline-block
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a:before {
        margin-right:0.6rem
    }
}

.b-comment__bottom-links a:hover {
    color: var(--secondary-500)
}

.b-comment__bottom-links .js-ajax-comments-reply:before {
    content: ""
}

.b-comment__bottom-links .js-ajax-comments-delete:before {
    content: ""
}

.b-comment__bottom-links .js-ajax-comments-edit:before {
    content: ""
}

.b-comment__answers {
    color: var(--mainColor);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__answers {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__answers {
        transition-duration:0.2s;
        position: relative;
        text-decoration: none;
        margin-top: 0
    }

    .b-comment__answers:before {
        background: var(--secondary-500);
        transition-duration: 0.2s;
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        will-change: transform;
        transform: scaleX(0);
        content-visibility: auto
    }

    .b-comment__answers:hover:before {
        transform: scaleX(1)
    }
}

.b-comment__answers:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 12px;
    display: inline-block;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .b-comment__answers:after {
        font-size:1.2rem
    }
}

.b-comment__answers:before {
    right: 1.6rem
}

.b-comment__answers.is-open:after {
    transform: rotate(180deg)
}

.b-comment__likes {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto
}

.b-comment.unpublished {
    background: rgba(var(--mainColor),0.1)
}

.b-comment.has-parent .comment-reply {
    display: none
}

.b-comment.has-parent .field-comment-name:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    padding-right: 5px;
    vertical-align: -2px;
    color: var(--secondary-500)
}

.field-product-comment .comment-form-wrapper {
    padding: 2.25rem 2rem;
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

.comments-list {
    margin: 0 0 25px;
    width: 100%;
    flex-grow: 1;
    padding: 0 0.75rem
}

.comment-form-container {
    width: 100%;
    padding: 0 0.75rem
}

@media screen and (min-width: 1200px) {
    .comment-form-container {
        width:33.333%;
        flex-shrink: 0
    }
}

.comment-form-title {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-align: center;
    margin: 0 0 1.2rem
}

@media screen and (min-width: 1200px) {
    .comment-form-title {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-img summary {
    display: none
}

.comment-form .field--name-field-comment-img .tabledrag-toggle-weight-wrapper {
    display: none
}

.comment-form .field--name-field-comment-img .draggable a.tabledrag-handle {
    display: none
}

.comment-form .field--name-field-comment-img .image-widget .form-submit {
    display: none
}

.comment-form .field--name-field-comment-img table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0
}

.comment-form .field--name-field-comment-img table tbody {
    display: flex;
    flex-wrap: wrap;
    margin: -2px
}

.comment-form .field--name-field-comment-img table tbody tr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 2px
}

@media screen and (min-width: 768px) {
    .comment-form .field--name-field-comment-img table tbody tr {
        width:calc(100% / 12)
    }
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table tbody tr {
        width:calc(20%);
        border-radius: 0.25rem;
        padding: 0.25rem
    }
}

.comment-form .field--name-field-comment-img table tbody tr td {
    padding: 0
}

.comment-form .field--name-field-comment-img table tbody tr td:first-child {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: var(--itemRadius);
    border: 1px solid var(--grey-100)
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table tbody tr td:first-child {
        padding:0.25rem
    }
}

.comment-form .field--name-field-comment-img table .image-widget-data {
    display: none
}

.comment-form .field--name-field-comment-img table .image-widget img {
    border-radius: var(--itemRadius)
}

.comment-form .field--name-field-comment-img table button {
    position: absolute;
    z-index: 2;
    top: -4px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    border-radius: 15px;
    background: var(--secondary-500);
    min-height: unset;
    gap: unset
}

.comment-form .field--name-field-comment-img table button:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: #FFFFFF
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table button:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table button:before {
        font-size:0.7rem
    }
}

@media (any-hover: hover) {
    .comment-form .field--name-field-comment-img table button {
        transition:0.2s
    }

    .comment-form .field--name-field-comment-img table button:hover {
        background: var(--secondaryColor)
    }
}

.comment-form .field--name-field-comment-img .form-managed-file input.form-file {
    display: none
}

.comment-form .field--name-field-comment-img .form-type-managed-file label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    padding: var(--inputPaddingVertical) var(--inputPaddingHorisontal);
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    border-radius: var(--inputRadius);
    min-height: var(--inputHeight);
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img .form-type-managed-file label {
        transition:0.2s
    }

    .comment-form .field--name-field-comment-img .form-type-managed-file label:hover {
        color: var(--secondary-500)
    }
}

.comment-form .field--name-field-comment-img details {
    margin: 0;
    border: none
}

.comment-form .field--name-field-comment-img details .details-wrapper {
    padding: 0
}

.comment-form .field--name-field-comment-img details .details-wrapper>.form-item--error-message {
    display: none
}

.comment-form .field--name-field-comment-img details .description {
    display: none;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center
}

.comment-form .fivestar-average-stars .form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0
}

.comment-form .fivestar-average-stars .form-item label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .comment-form .fivestar-average-stars .form-item label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-rating>.fieldgroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px
}

.comment-form .field--name-field-comment-rating>.fieldgroup>label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-rating>.fieldgroup>label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-rating>.fieldgroup>label:after {
    display: none
}

.comment-form .field--name-field-comment-rating .form-radios {
    display: flex;
    font-size: 0
}

.comment-form .field--name-field-comment-rating .form-type-radio {
    width: auto;
    margin: 0
}

.comment-form .field--name-field-comment-rating .form-type-radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.comment-form .field--name-field-comment-rating .form-type-radio.is-active label,.comment-form .field--name-field-comment-rating .form-type-radio input:checked+label {
    background: url("/themes/personal_new/images/star-active-new.svg") no-repeat;
    background-size: contain
}

.comment-form .field--name-field-comment-rating .form-type-radio input {
    width: auto
}

.comment-form .field--name-field-comment-rating .form-type-radio label {
    display: inline-block;
    width: 22px;
    height: 18px;
    margin: 0;
    padding: 0 !important;
    font-size: 0 !important;
    cursor: pointer;
    transition: none !important;
    background: url("/themes/personal_new/images/star-noactive-new.svg") no-repeat;
    background-size: contain
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-rating .form-type-radio label {
        width:1.4rem;
        height: 1.15rem
    }
}

.comment-form .field--name-field-comment-rating .form-type-radio label::before,.comment-form .field--name-field-comment-rating .form-type-radio label::after {
    content: none !important
}

.comment-form .field--type-fivestar {
    margin: 20px 0
}

.comment-form .form-actions .form-submit {
    width: 100%
}

.b-product-comments__form_wrapper {
    display: none
}

.b-product-comments__form .form-actions .form-submit {
    margin-top: 10px;
    width: 100%
}

.b-product-comments__form--title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--grey-800)
}

.b-product-comments__form input[readonly] {
    pointer-events: none;
    border: none;
    padding: 0;
    background: transparent
}


.view-reviews.view-display-id-block_1 .view-header {
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header {
        margin-bottom:0.8rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 15px 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__top {
        padding:0.95rem 1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__left {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__title {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button {
    margin: -13px -22px -13px 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button {
        margin:-0.75rem -0.95rem -0.75rem 1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
    width: 58px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    text-decoration: none;
    border-radius: var(--itemRadius);
    background: var(--mainColor);
    color: var(--whiteColor)
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        position:relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat";
        line-height: 1.25;
        border-radius: var(--itemRadius);
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        overflow: hidden;
        transition-duration: 0.2s;
        border: none;
        gap: 12px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1;
        padding: 12px 20px;
        min-height: 52px;
        color: var(--whiteColor);
        background: var(--mainColor);
        width: auto;
        height: auto
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:hover {
        background: var(--primary-600)
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:disabled,.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review.disabled {
        background: var(--primary-200)
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
        display: none
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
        font-size:1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info {
    display: none
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info__rating {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info__rating {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info__count {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info__count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info {
        display:inline-flex;
        align-items: center;
        gap: 0.5rem
    }
}

.view-reviews.view-display-id-block_1 .view-empty {
    padding: 0 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-empty {
        padding:0 1.2rem
    }
}

.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}


.blog-comments__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-0);
    border-radius: var(--itemRadius);
    padding: 2px 2px 2px 24px;
    gap: 10px;
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .blog-comments__top {
        margin-bottom:0.75rem;
        gap: 1.5rem;
        padding: 0.2rem 0.2rem 0.2rem 1.2rem
    }
}

.blog-comments__top .b-review-info {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-comments__top .b-review-info {
        display:block
    }
}

.blog-comments__top .b-review-info__count {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-comments__top .b-review-info__count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.blog-comments__left {
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .blog-comments__left {
        gap:1.5rem
    }
}

.blog-comments__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-comments__title {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-comments__button .js-add-comment {
    width: 58px;
    height: 52px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    border-radius: var(--itemRadius);
    background: var(--mainColor);
    color: var(--whiteColor);
    text-decoration: none
}

.blog-comments__button .js-add-comment:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .blog-comments__button .js-add-comment:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-comments__button .js-add-comment {
        position:relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat";
        line-height: 1.25;
        border-radius: var(--itemRadius);
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        overflow: hidden;
        transition-duration: 0.2s;
        border: none;
        gap: 12px;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1;
        padding: 12px 20px;
        min-height: 44px;
        color: var(--whiteColor);
        background: var(--mainColor);
        height: auto;
        width: auto
    }

    .blog-comments__button .js-add-comment:hover {
        background: var(--primary-600)
    }

    .blog-comments__button .js-add-comment:disabled,.blog-comments__button .js-add-comment.disabled {
        background: var(--primary-200)
    }

    .blog-comments__button .js-add-comment:before {
        display: none
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}