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

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
            box-sizing: content-box
}

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

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

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

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

.swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
            perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

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

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

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

.swiper-button-lock {
    display: none
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 4px;
}

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    background: var(--trans-ban-timer) !important;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

:root {
    --linear-btn: linear-gradient(#13a413, #157915);
    --p-store-page: 25px;
    --width-store-page: 1200px;
    --mobile-padding: 14px
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0;
    color: var(--text)
}

input {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-appearance: none
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--h-color);
    line-height: 1;
    margin-bottom: 6px;
    margin-top: 6px
}

section {
    padding: 40px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    -moz-background-position: cover;
    -o-background-position: cover
}

section.store-bg {
    background-color: #f0f3f5;
    padding: 0
}

nav div.container,
section div.container {
    max-width: 1000px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%
}

section div.container.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

section div.container.grid.grid-fullW {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr)
}

section div.container.grid.grid-reverse>div:first-child {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-row: 1;
        grid-row-start: 1
}

section div.container.grid.grid-reverse>div:nth-child(2) {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 1;
        grid-row-start: 1
}

section div.container.grid img {
    max-width: 100%;
    margin: 0 auto
}

section div.container>div.text {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

section.store-bg>div.container {
    background-color: #fff;
    padding: 25px;
    padding: var(--p-store-page);
    max-width: 1200px;
    max-width: var(--width-store-page)
}

@media screen and (max-width:650px) {
    section.store-bg>div.container {
        padding: 0
    }
}

p.gratis {
    margin-top: -10px;
    color: var(--green-sale);
    font-weight: 600
}

.dNone {
    display: none
}

.st0_stars {
    fill: #f9ad00
}

.p-mobile {
    padding-left: 14px;
    padding-left: var(--mobile-padding);
    padding-right: 14px;
    padding-right: var(--mobile-padding)
}

.rev-tem .d-flex .profile,
.stories .profile {
    width: 35px;
    height: 35px;
    font-size: 12px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 10px;
    background-color: #ededed;
    text-transform: uppercase;
    position: relative;
    pointer-events: none
}

.rev-tem .d-flex .instaRing,
.stories .instaRing {
    position: relative
}

.rev-tem .d-flex .instaRing .profile,
.stories .instaRing .profile {
    -webkit-box-shadow: 0 0 0 2px #fff;
            box-shadow: 0 0 0 2px #fff;
    cursor: pointer;
    pointer-events: visible
}

.rev-tem .d-flex .instaRing .profile:after,
.stories .instaRing .profile:after {
    position: absolute;
    content: "";
    top: -4px;
    left: -4px;
    height: 43px;
    width: 43px;
    z-index: -1;
    background: linear-gradient(45deg, #e6bb1d 10%, red, #c731ff);
    border-radius: 50%
}

.text-center,
section#qanda .center * {
    text-align: center
}

h1.text-center,
h2.text-center,
h3.text-center,
h4.text-center,
h5.text-center {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.2
}

@media screen and (min-width:600px) {
    h2 {
        font-size: 2.2em
    }

    h3 {
        font-size: 1.6em
    }

    body div#sty-footer {
        display: none !important
    }
}

@media screen and (max-width:600px) {
    section {
        padding: 20px 0
    }

    section#hero {
        padding-top: 0
    }

    section#hero img {
        margin: 0 auto;
        padding-top: 0
    }

    section div.container.grid,
    section#reviews .grid,
    section#specs .grid-three {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important
    }

    section div.container.grid>div.text {
        padding: 25px 20px
    }

    section div.container.grid.grid-reverse>div:first-child,
    section div.container.grid.grid-reverse>div:nth-child(2) {
        -ms-grid-column: unset !important;
            grid-column-start: unset !important;
        -ms-grid-row: unset !important;
            grid-row-start: unset !important
    }

    section#reviews,
    section#survey {
        padding-left: 15px;
        padding-right: 15px
    }

    section#reviews h2 {
        font-size: 2em !important
    }

    section#reviews .grid>div:first-child,
    section#reviews .grid>div:last-child {
        grid-column: unset !important
    }

    section#reviews .grid .grid-rev {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important;
        grid-column: 1/-1 !important;
        grid-gap: 20px !important
    }

    section#buynow .select-qt_btn-wr {
        font-size: 86%
    }

    section#socialOne {
        padding: 60px 15px
    }

    section#footer .grid-foot,
    section#gallery .grid-gall {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .image-pop {
        -webkit-box-align: flex-flex-start;
            -ms-flex-align: flex-flex-start;
                align-items: flex-flex-start
    }

    section#btn {
        padding: 30px 20px
    }

    section#hero .under-hero {
        max-width: 100%
    }

    section#qanda .container {
        padding: 20px
    }

    .grid-rew {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

button {
    color: var(--h-color)
}

button.atc {
    border: unset;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px;
    color: #fff;
    margin: 20px 0;
    max-width: 350px;
    font-weight: 600;
    font-size: 1.2em;
    padding: 30px 20px;
    max-width: 400px;
    width: 100%;
    background-color: var(--green);
    cursor: pointer
}

button.atc.loading {
    color: rgba(81, 99, 109, 0);
    position: relative;
    pointer-events: none;
    opacity: .6
}

button.atc.loading:before {
    content: "";
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 3px solid hsla(0, 0%, 100%, .253);
    border-top-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    left: 50%;
    -webkit-animation: spin_5523984 .3s linear infinite;
            animation: spin_5523984 .3s linear infinite
}

hr {
    border: unset;
    border-bottom: 1px solid var(--border)
}

.atc-green {
    border: unset;
    font-size: 18px;
    font-weight: 600;
    max-width: unset;
    padding: 20px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#13a413), to(#157915));
    background: linear-gradient(#13a413, #157915);
    background: var(--linear-btn);
    color: #fff
}

#wrapper[class$=_hu] .grid-3-1 {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important
}

#wrapper[class$=_hu] .grid-3-1>:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

#wrapper[class$=_hu] .grid-3-1>:last-child {
    grid-column: 2/-1
}

.no-decor {
    text-decoration: unset
}

.error-message-top {
    position: fixed;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 400px;
    width: 100%;
    font-size: 14px;
    padding: 8px 12px;
    line-height: 1.3;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
            box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
    background-color: rgba(238, 53, 53, .9098);
    font-weight: 600;
    z-index: 999999;
    color: #fff;
    border-radius: 4px
}

.loading-opacity {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.loading-opacity.loading-active {
    opacity: .4;
    pointer-events: none
}

.p-store {
    padding: 20px
}

.op-fade {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.op-fade.active {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px)
}

.op-loading {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.op-0 {
    opacity: 0;
    pointer-events: none
}

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

.op-loading.op-loading-active {
    opacity: 0;
    pointer-events: none
}

.op-loading.op-loading-05,
.op-loading.op-loading-05-active {
    opacity: .5 !important;
    pointer-events: none
}

.poe-none {
    pointer-events: none
}

.fade-div .fade-div-active,
.fade-div-active {
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.fade-div,
.fade-div-active {
    opacity: 0
}

.mobile {
    display: none !important
}

.homelink {
    font-style: italic
}

.hide-scroll-bar::-webkit-scrollbar {
    display: none
}

.slider-styling .vue-slider-dot {
    z-index: 2 !important
}

.dflex .limit-lines-5,
.limit-lines-1,
.limit-lines-2,
.limit-lines-3,
.limit-lines-4,
.limit-lines-6,
.limit-lines-7 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 1.3
}

.limit-lines-1 {
    -webkit-line-clamp: 1
}

.limit-lines-2 {
    -webkit-line-clamp: 2
}

.limit-lines-3 {
    -webkit-line-clamp: 3
}

.limit-lines-4 {
    -webkit-line-clamp: 4
}

.limit-lines-5 {
    -webkit-line-clamp: 5
}

.limit-lines-6 {
    -webkit-line-clamp: 6
}

.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ltr-text div,
.ltr-text h1,
.ltr-text h2,
.ltr-text h3,
.ltr-text h4,
.ltr-text h5,
.ltr-text input,
.ltr-text p,
.ltr-text span,
.ltr-text textarea {
    direction: rtl
}

@media screen and (max-width:650px) {

    .p-mobile,
    .p-mobile-only {
        padding-left: 14px;
        padding-left: var(--mobile-padding);
        padding-right: 14px;
        padding-right: var(--mobile-padding)
    }

    .mobile {
        display: block !important
    }

    .desk {
        display: none !important
    }
}

.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important
}

.hover-cursor {
    cursor: pointer
}

.survey-logo {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

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

.remove_scroll_bar::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.scel {
    background: -webkit-gradient(linear, left top, right top, from(#f2f2f6), color-stop(25%, #e5e4ec), color-stop(50%, #f2f2f6));
    background: linear-gradient(90deg, #f2f2f6, #e5e4ec 25%, #f2f2f6 50%);
    background-size: 200% 100%;
    -webkit-animation: swipe_aa 1s linear infinite;
            animation: swipe_aa 1s linear infinite
}

@-webkit-keyframes swipe_aa {
    0% {
        background-position-x: 100%
    }

    30%,
    to {
        background-position-x: -100%
    }
}

@keyframes swipe_aa {
    0% {
        background-position-x: 100%
    }

    30%,
    to {
        background-position-x: -100%
    }
}

:root {
    --text: #394047;
    --text-light: #768391;
    --border: #bcc1c7;
    --h-color: #21252d;
    --black: #21252d;
    --main: #e41d1d;
    --second: #dd1a1a;
    --light-bg: #f0f0f3;
    --red: #de3252;
    --green: #229a36;
    --green-sale: #19b633;
    --check-color: var(--main);
    --burger-color: #fff;
    --trans-ban-timer: rgba(33, 98, 203, 0.75);
    --button-scroll-color: #d1d7dd;
    --green-bg: #39c462;
    --button-bdrs: 6px;
    --checkout-color: #51c551;
    --mobile-padding: 14px;
    --gradient-default: linear-gradient(180deg, #07172d, #1c325e);
    --gradient-cancel: linear-gradient(180deg, #cf1212, #9c0a0a);
    --gradient-interaction: linear-gradient(180deg, #13a413, #157915);
    --success: #4bb543;
    --success-bg: #dbf0d9
}

body,
button,
input,
textarea {
    font-family: "Titillium Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px
}

button {
    border: unset;
    outline: 0
}

section>div.container {
    max-width: var(--width-store-page)
}

nav,
section.store-nav-bg {
    background: linear-gradient(45deg, #cd0f0f, #e43838) !important
}

section#footer {
    background-color: #21252d !important;
    background-color: var(--h-color) !important
}

nav .container>div {
    width: 33.3333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

nav .container>div:first-child {
    -webkit-box-pack: flex-flex-start;
        -ms-flex-pack: flex-flex-start;
            justify-content: flex-flex-start
}

nav .container>div:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

nav .container>div:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}

section#hero h3 {
    color: var(--trans-ban-timer-bg) !important
}

.anim-yellow img {
    width: 40px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.shipp-meth input:checked+label {
    border-color: #dd1a1a;
    border-color: var(--second);
    background-color: #ffebe0
}

section#hero div.pr {
    background: linear-gradient(30deg, #181a1e, #25292d)
}

section#hero .pr div.del {
    color: #a3a8ad
}

section#hero .pr span.descount {
    background-color: #dd1a1a;
    background-color: var(--second);
    color: #fff
}

body div#sty-footer {
    padding: 10px 10px 30px !important
}

body div#sty-footer a {
    color: #21252d;
    color: var(--h-color);
    font-size: 18px !important
}

div.guarantee-badge {
    background-color: #fff9cd;
    color: #776111;
    -webkit-box-shadow: 0 0 0 1px rgba(164, 95, 17, .1), 0 10px 10px -5px rgba(76, 53, 18, .38);
            box-shadow: 0 0 0 1px rgba(164, 95, 17, .1), 0 10px 10px -5px rgba(76, 53, 18, .38)
}

section#buynow div.select-qt {
    border-radius: 0
}

@media screen and (max-width:500px) {
    p {
        font-size: 90%
    }
}

section#hero .check-list {
    background-color: var(--light-background);
    color: var(--trans-ban-timer-bg);
    padding: 4px 8px;
    border-radius: 4px
}

section#hero .check-list path.st0_check_main_small {
    fill: var(--trans-ban-timer-bg)
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.rating div:first-child {
    font-size: 32px;
    font-weight: 400;
    color: #229a36;
    color: var(--green)
}

.price-wr-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #21252d;
    background-color: var(--h-color);
    border-radius: 12px;
    margin: 20px 0 !important;
    padding: 8px 8px 8px 12px
}

section#hero .price-wr-v div.pr {
    margin: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    margin: 4px;
    line-height: 1.1;
    background: linear-gradient(30deg, #ec7f37, #d43606)
}

section#hero .price-wr-v div.pr .del {
    color: #f0b1a4
}

.price-wr-v .pr div {
    margin: 0 !important;
    text-align: right !important
}

.price-wr-v .preva div,
.price-wr-v span.badge-small {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.price-wr-v span.badge-small {
    margin: 0;
    padding: 2px 8px;
    line-height: 1;
    background-color: #dd1a1a;
    background-color: var(--second)
}

section#package .package-container .upper-icon {
    position: absolute;
    top: 0;
    left: 10px;
    width: 45px;
    height: 45px
}

section#package .text-center {
    padding-left: 40px
}

body div#sty-footer a {
    color: #fff
}

.guarantee-badge h4 {
    font-size: 16px
}

.guarantee-badge h4 img {
    width: 50px !important;
    height: 50px !important;
    margin: 0 12px 0 0 !important
}

#checkout-fields>div.under-ch-timer>h4 {
    margin-top: 0;
    margin-bottom: 15px
}

#phone-button {
    font-weight: 600
}

.footer-logo path {
    fill: #fff
}

.footer-logo svg {
    height: 35px
}

.qanda-logo .logo_color,
.survey-logo .logo_color {
    fill: #21252d;
    fill: var(--h-color)
}

.qanda-logo .logo_black,
.survey-logo .logo_black {
    fill: #dd1a1a;
    fill: var(--second)
}

.qanda-logo,
.survey-logo {
    margin: 0 auto
}

.store-bg.nav .container {
    padding: 10px 20px
}

.nav-logo path {
    fill: #fff !important
}

.nav-logo .logo_black {
    fill: #fff
}

button.gb-button {
    width: 100%;
    padding: 30px;
    background-color: #229a36;
    background-color: var(--green);
    color: #fff;
    font-size: 18px
}

.icons svg path {
    fill: #fff !important
}

.survey-store-styling {
    background: linear-gradient(45deg, #f1c99b, #f0e6b5)
}

.survey-store-styling>>>.face-item .comment img {
    border-radius: 200px
}

.small-items a {
    color: hsla(0, 0%, 100%, .9) !important
}

.categ-search-wr .categ-menu {
    border-radius: 2px 0 0 2px;
    background: #d81111 !important;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.categ-search-wr .menu-container {
    border-radius: 2px !important;
    overflow: hidden !important
}

.categ-search-wr .menu-container .item svg path {
    fill: #959cab !important
}

.categ-search-wr .in-wr,
.categ-search-wr .in-wr .main-wr {
    border-radius: 0 2px 2px 0
}

.bene-wr path.color_path {
    fill: #b4ceff !important
}

.shipp-meth input:checked+label {
    border-color: #21252d !important;
    border-color: var(--h-color) !important;
    background-color: #e6e9ff !important
}

.vue-slider-dot {
    position: absolute;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 5
}

.vue-slider-dot:focus {
    outline: 0
}

.vue-slider-dot-tooltip {
    position: absolute;
    visibility: hidden
}

.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
    visibility: visible
}

.vue-slider-dot-tooltip-top {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-bottom {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%)
}

.vue-slider-dot-tooltip-left {
    left: -10px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%)
}

.vue-slider-dot-tooltip-right {
    right: -10px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%)
}

.vue-slider-marks {
    position: relative;
    width: 100%;
    height: 100%
}

.vue-slider-mark {
    position: absolute;
    z-index: 1
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
    width: 0;
    height: 100%;
    top: 50%
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
    top: 0
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
    top: 100%;
    margin-top: 10px
}

.vue-slider-ltr .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}

.vue-slider-ltr .vue-slider-mark-step {
    left: 0
}

.vue-slider-ltr .vue-slider-mark-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
}

.vue-slider-rtl .vue-slider-mark {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%)
}

.vue-slider-rtl .vue-slider-mark-step {
    right: 0
}

.vue-slider-rtl .vue-slider-mark-label {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%)
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
    width: 100%;
    height: 0;
    left: 50%
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
    left: 0
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
    left: 100%;
    margin-left: 10px
}

.vue-slider-btt .vue-slider-mark {
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%)
}

.vue-slider-btt .vue-slider-mark-step {
    top: 0
}

.vue-slider-btt .vue-slider-mark-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}

.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}

.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0
}

.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%)
}

.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute
}

.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    display: block;
    -webkit-tap-highlight-color: transparent
}

.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom
}

.vue-slider-process {
    position: absolute;
    z-index: 1
}

.vue-slider-disabled {
    opacity: .5;
    cursor: not-allowed
}

.vue-slider-rail {
    background-color: #ccc;
    border-radius: 15px
}

.vue-slider-process {
    background-color: #3498db;
    border-radius: 15px
}

.vue-slider-mark {
    z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
    display: none
}

.vue-slider-mark-step {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .16)
}

.vue-slider-mark-label {
    font-size: 14px;
    white-space: nowrap
}

.vue-slider-dot-handle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32);
            box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32)
}

.vue-slider-dot-handle-focus {
    -webkit-box-shadow: 0 0 1px 2px rgba(52, 152, 219, .36);
            box-shadow: 0 0 1px 2px rgba(52, 152, 219, .36)
}

.vue-slider-dot-handle-disabled {
    cursor: not-allowed;
    background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-color: #3498db;
    background-color: #3498db;
    -webkit-box-sizing: content-box;
            box-sizing: content-box
}

.vue-slider-dot-tooltip-inner:after {
    content: "";
    position: absolute
}

.vue-slider-dot-tooltip-inner-top:after {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom:after {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-right:after {
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 1
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    width: 0;
    opacity: 1;
    -webkit-transition: width .1s, opacity .4s;
    transition: width .1s, opacity .4s;
    background-color: #00f;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    -webkit-transition: none;
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.route-enter-active[data-v-1ecea31c],
.route-leave-active[data-v-1ecea31c] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.route-enter[data-v-1ecea31c],
.route-leave-to[data-v-1ecea31c] {
    opacity: 0
}

#purchase-loading[data-v-41bd074b] {
    background-color: rgba(0, 0, 0, .72941);
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.show-purchase-loading-enter-active[data-v-41bd074b],
.show-purchase-loading-leave-active[data-v-41bd074b] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.show-purchase-loading-enter[data-v-41bd074b],
.show-purchase-loading-leave-to[data-v-41bd074b] {
    opacity: 0
}

.btn[data-v-068b1e97] {
    padding: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    background: 0 0;
    border: 0;
    cursor: pointer;
    width: 35px;
    outline: 0
}

.btn.btn-hamburger .line[data-v-068b1e97] {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-hamburger .line[data-v-068b1e97],
.btn-hamburger .line[data-v-068b1e97]:after,
.btn-hamburger .line[data-v-068b1e97]:before {
    width: 100%;
    border-radius: 2px;
    height: 3px;
    background-color: var(--burger-color)
}

.btn-hamburger .line[data-v-068b1e97]:after,
.btn-hamburger .line[data-v-068b1e97]:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: inherit;
    transition: inherit
}

.btn-hamburger .line[data-v-068b1e97]:before {
    top: -8px
}

.btn-hamburger .line[data-v-068b1e97]:after {
    bottom: -8px
}

.btn-hamburger.open .line[data-v-068b1e97] {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: transparent
}

.btn-hamburger.open .line[data-v-068b1e97]:before {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    background-color: var(--burger-color)
}

.btn-hamburger.open .line[data-v-068b1e97]:after {
    -webkit-transform: translateY(-8px) rotate(90deg);
            transform: translateY(-8px) rotate(90deg);
    background-color: var(--burger-color)
}

nav[data-v-068b1e97] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    min-height: 50px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .178);
            box-shadow: 0 2px 6px rgba(0, 0, 0, .178);
    z-index: 5;
    position: relative
}

nav .container[data-v-068b1e97],
nav[data-v-068b1e97] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

nav .container[data-v-068b1e97] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff;
    z-index: 4
}

nav svg[data-v-068b1e97] {
    max-width: 125px;
    display: block
}

nav .st1_tren_logo[data-v-068b1e97] {
    fill: var(--h-color) !important
}

nav .badge[data-v-068b1e97] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px
}

nav .badge img[data-v-068b1e97] {
    height: 55px;
    width: 55px;
    margin-bottom: -25px;
    margin-top: -10px
}

.nav-menu[data-v-068b1e97] {
    top: 56px
}

.back-arrow[data-v-068b1e97] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 6px;
    gap: 6px;
    background: 0 0;
    color: #fff;
    height: 30px;
    padding: 0 !important;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.back-arrow[data-v-068b1e97]:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05)
}

.back-arrow p[data-v-068b1e97] {
    font-size: 16px
}

.nav-menu[data-v-068b1e97] {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(90, 97, 107, .445);
            box-shadow: 0 5px 10px rgba(90, 97, 107, .445);
    z-index: 30;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.nav-menu .bg[data-v-068b1e97],
.nav-menu[data-v-068b1e97] {
    position: absolute;
    left: 0;
    width: 100%
}

.nav-menu .bg[data-v-068b1e97] {
    z-index: -1;
    top: 0;
    height: 100vh
}

.nav-menu .cont[data-v-068b1e97] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: var(--width-store-page)
}

.nav-menu .cont>[data-v-068b1e97] {
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    border: none;
    background-color: unset;
    text-align: left;
    padding: 20px;
    text-decoration: none;
    color: var(--text);
    text-transform: capitalize
}

.navigation-enter-from .cont[data-v-068b1e97],
.navigation-leave-to .cont[data-v-068b1e97] {
    opacity: 0
}

.navigation-enter-active .cont[data-v-068b1e97],
.navigation-leave-active .cont[data-v-068b1e97] {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.navigation-enter-to .cont[data-v-068b1e97],
.navigation-leave-from .cont[data-v-068b1e97] {
    opacity: 1
}

@media screen and (max-width:650px) {
    .container.phone-number>div[data-v-068b1e97]:first-child {
        width: 20%
    }

    .container.phone-number>div[data-v-068b1e97]:nth-child(2) {
        width: 30%
    }

    .container.phone-number>div[data-v-068b1e97]:last-child {
        width: 50%
    }
}

div[data-v-708ab03e] {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

div[data-v-4851acc6] {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section[data-v-7274ccc8] {
    padding: 0
}

.container[data-v-7274ccc8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

img[data-v-7274ccc8] {
    display: block;
    max-width: 100%;
    max-height: 140px
}

.mobile[data-v-7274ccc8] {
    display: none
}

@media screen and (max-width:600px) {
    img[data-v-7274ccc8] {
        max-width: 100%;
        max-height: 300px
    }

    .mobile[data-v-7274ccc8] {
        display: block
    }

    .desk[data-v-7274ccc8] {
        display: none
    }
}

section[data-v-88920172] {
    max-height: 90px
}

.stories[data-v-88920172] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 15px;
    min-height: 64px
}

.stories[data-v-88920172]::-webkit-scrollbar {
    display: none
}

.prof-name[data-v-88920172] {
    font-size: 12px;
    max-width: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.stories>div[data-v-88920172] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.stories>div[data-v-88920172]:nth-child(2) {
    -webkit-animation-delay: .1s;
            animation-delay: .1s
}

.stories>div[data-v-88920172]:nth-child(3) {
    -webkit-animation-delay: .2s;
            animation-delay: .2s
}

.stories>div[data-v-88920172]:nth-child(4) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s
}

.stories>div[data-v-88920172]:nth-child(5) {
    -webkit-animation-delay: .4s;
            animation-delay: .4s
}

.stories>div[data-v-88920172]:nth-child(6) {
    -webkit-animation-delay: .5s;
            animation-delay: .5s
}

.stories>div[data-v-88920172]:nth-child(7) {
    -webkit-animation-delay: .6s;
            animation-delay: .6s
}

.stories>div[data-v-88920172]:nth-child(8) {
    -webkit-animation-delay: .7s;
            animation-delay: .7s
}

.stories>div[data-v-88920172]:nth-child(9) {
    -webkit-animation-delay: .8s;
            animation-delay: .8s
}

.stories .profile[data-v-88920172] {
    width: 52px;
    height: 52px;
    margin: 6px;
    font-size: 18px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.stories .instaRing .profile[data-v-88920172]:after,
.stories .profile[data-v-88920172]:after {
    height: 60px;
    width: 60px
}

.stories .profile video[data-v-88920172] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 200px
}

.sale-ban-wr[data-v-d03edfa6] {
    position: relative
}

.zero-padding[data-v-d03edfa6] {
    padding-top: 0
}

h3.sub-color[data-v-d03edfa6],
h3[data-v-d03edfa6] {
    margin-top: 14px;
    font-size: 18px;
    color: var(--main)
}

h2[data-v-d03edfa6] {
    margin-bottom: 15px
}

.text[data-v-d03edfa6] .check-list .text {
    display: none
}

.under-hero[data-v-d03edfa6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-top: 20px
}

.under-hero i[data-v-d03edfa6] {
    font-style: unset;
    font-size: 32px;
    margin-right: 8px
}

.under-hero>[data-v-d03edfa6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
    line-height: 1.2
}

.pr[data-v-d03edfa6],
.under-hero>[data-v-d03edfa6] {
    font-weight: 600;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.pr[data-v-d03edfa6] {
    background: linear-gradient(30deg, #e7680e, #e7320e);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 25px auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 26px
}

.pr .del[data-v-d03edfa6] {
    font-size: 18px;
    text-decoration: line-through;
    color: #f6cdbd
}

.pr .descount[data-v-d03edfa6],
.pr div[data-v-d03edfa6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.pr .descount[data-v-d03edfa6] {
    background-color: #2dbe3c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 4px #fff;
            box-shadow: 0 0 0 4px #fff;
    color: #fff;
    font-weight: 600;
    -webkit-transform: translateY(20px) rotate(-15deg);
            transform: translateY(20px) rotate(-15deg);
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    padding: 4px 6px 2px;
    margin-right: -30px;
    -webkit-animation: up_dwn-data-v-d03edfa6 1s ease-in-out infinite;
            animation: up_dwn-data-v-d03edfa6 1s ease-in-out infinite
}

@-webkit-keyframes up_dwn-data-v-d03edfa6 {

    0%,
    to {
        -webkit-transform: translateY(20px) rotate(-15deg);
                transform: translateY(20px) rotate(-15deg)
    }

    50% {
        -webkit-transform: translateY(25px) rotate(-15deg);
                transform: translateY(25px) rotate(-15deg)
    }
}

@keyframes up_dwn-data-v-d03edfa6 {

    0%,
    to {
        -webkit-transform: translateY(20px) rotate(-15deg);
                transform: translateY(20px) rotate(-15deg)
    }

    50% {
        -webkit-transform: translateY(25px) rotate(-15deg);
                transform: translateY(25px) rotate(-15deg)
    }
}

.pr[data-v-d03edfa6]>:not(:last-child) {
    margin-right: 10px
}

img.image-cards[data-v-d03edfa6] {
    max-height: 50px !important;
    margin: 0 !important
}

.short-text[data-v-d03edfa6] {
    font-size: 15px;
    line-height: 1.5;
    margin: 0
}

.flex-wr[data-v-d03edfa6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 6px;
    gap: 6px
}

@media (max-width:650px) {
    .section[data-v-d03edfa6] {
        padding-top: 0 !important
    }
}

.sale-ban-wr.is-caro .sale-ban {
    position: relative !important;
    margin-top: 5px
}

.relative {
    position: relative
}

.eshop-trust-wr[data-v-19497444] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5
}

@media screen and (max-width:600px) {
    .eshop-trust-wr[data-v-19497444] {
        top: auto;
        bottom: 115px
    }
}

.eshop-trust-wr .button-lp[data-v-19497444] {
    background-color: #fff;
    z-index: 5;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 8px 8px 15px;
    font-size: 14px;
    color: #000;
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 15px rgba(0, 0, 0, .3)
}

.eshop-trust-wr .info[data-v-19497444] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.eshop-trust-wr .info .bg[data-v-19497444] {
    position: absolute;
    z-index: -1;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%
}

.eshop-trust-wr .info .content-esho[data-v-19497444] {
    background-color: #fff;
    margin: 80px 20px 20px;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    max-width: 500px;
    overflow-y: scroll;
    max-height: 80vh;
    height: -moz-fit-content
}

.eshop-trust-wr .info .title[data-v-19497444] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    font-size: 18px;
    padding: 2px 5px;
    border-bottom: 3px solid #ffdc0f
}

.eshop-trust-wr .info .card[data-v-19497444] {
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.eshop-trust-wr .info .card p[data-v-19497444],
.eshop-trust-wr .info .card[data-v-19497444] {
    color: #000;
    line-height: 1.4
}

.eshop-trust-wr .info .card p[data-v-19497444] {
    font-size: 15px
}

.eshop-trust-wr .info .card p a[data-v-19497444] {
    color: #2571ec
}

.eshop-trust-wr .button-lp img[data-v-19497444] {
    width: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.eshop-trust-wr [data-v-19497444],
.eshop-trust-wr[data-v-19497444] {
    font-family: Arial, Helvetica, sans-serif
}

.do-bozica[data-v-7a16a0fe] {
    font-weight: 600;
    color: #216909;
    margin: 10px 0;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.do-bozica svg[data-v-7a16a0fe] {
    margin-right: 10px;
    height: 22px
}

.do-bozica.hero[data-v-7a16a0fe] {
    margin: 0 auto;
    background-color: rgba(255, 0, 0, .8);
    color: #fff;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 6px 10px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.cls-1[data-v-7a16a0fe] {
    fill: #9bc9d7
}

.cls-2[data-v-7a16a0fe] {
    fill: #342727
}

.cls-3[data-v-7a16a0fe] {
    fill: #bed9fa
}

.cls-4[data-v-7a16a0fe] {
    fill: #e30900
}

.cls-5[data-v-7a16a0fe] {
    fill: #1eb57a
}

.cls-6[data-v-7a16a0fe] {
    fill: #5ed375
}

@media screen and (max-width:600px) {
    video[data-v-b30fea54] {
        min-height: 100vw;
        max-width: 100vw
    }
}

.video-wr svg[data-v-b30fea54] {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}

.sale-ban.is-caro[data-v-7f6fa13f] {
    position: relative;
    margin-top: 10px
}

[data-v-7f6fa13f] {
    display: block
}

.sale-ban[data-v-7f6fa13f] {
    padding: 10px 15px;
    background-color: var(--trans-ban-timer);
    color: #fff;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 600;
    z-index: 4
}

.sale-ban svg[data-v-7f6fa13f] {
    margin-right: 10px
}

.sale-ban .tim-wr[data-v-7f6fa13f] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

.sale-ban .tim-wr span[data-v-7f6fa13f]:not(.div) {
    color: #fff;
    background-color: var(--trans-ban-timer-bg);
    border-radius: 2px;
    padding: 4px 4px 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.3;
    min-width: 28px
}

.sale-ban .tim-wr span.div[data-v-7f6fa13f] {
    margin: 0 4px
}

.st0_fire[data-v-7f6fa13f] {
    fill: #ff6536
}

.st1_fire[data-v-7f6fa13f] {
    fill: #ff421d
}

.st2_fire[data-v-7f6fa13f] {
    fill: #fbbf00
}

span.badge-small[data-v-7f6fa13f] {
    border-radius: 4px;
    margin: 0 0 0 6px;
    font-size: 14px;
    padding: 3px 5px;
    line-height: 1;
    background-color: #fff;
    color: #191d24;
    font-weight: 600
}

.gratis-gift[data-v-3d7ee9b5] {
    position: absolute;
    top: 20px;
    background-color: #fff;
    right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    -webkit-box-pack: flex-flex-start;
        -ms-flex-pack: flex-flex-start;
            justify-content: flex-flex-start;
    -webkit-box-shadow: 0 0 0 3px var(--green-sale), 0 6px 10px rgba(37, 38, 50, .12);
            box-shadow: 0 0 0 3px var(--green-sale), 0 6px 10px rgba(37, 38, 50, .12);
    margin-bottom: 15px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-animation: zoom_small-data-v-3d7ee9b5 1s ease-in-out infinite;
            animation: zoom_small-data-v-3d7ee9b5 1s ease-in-out infinite;
    z-index: 9
}

@-webkit-keyframes zoom_small-data-v-3d7ee9b5 {

    0%,
    to {
        -webkit-transform: scale(1) rotate(5deg);
                transform: scale(1) rotate(5deg)
    }

    50% {
        -webkit-transform: scale(.96) rotate(5deg);
                transform: scale(.96) rotate(5deg)
    }
}

@keyframes zoom_small-data-v-3d7ee9b5 {

    0%,
    to {
        -webkit-transform: scale(1) rotate(5deg);
                transform: scale(1) rotate(5deg)
    }

    50% {
        -webkit-transform: scale(.96) rotate(5deg);
                transform: scale(.96) rotate(5deg)
    }
}

.gratis-gift img[data-v-3d7ee9b5] {
    border-radius: 4px;
    margin: 0 !important;
    display: block;
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover
}

.gratis-gift h2[data-v-3d7ee9b5] {
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: 1;
    color: #fff;
    background-color: var(--green-sale);
    padding: 5px 6px;
    border-radius: 0 0 4px 4px;
    margin: -2px !important;
    white-space: nowrap
}

.gratis-gift p[data-v-3d7ee9b5] {
    margin: 0;
    font-size: 16px;
    font-weight: 600
}

.trustpilot[data-v-da997f2c] {
    margin-top: 22px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    text-align: left;
    cursor: pointer;
    font-size: 14px
}

.trustpilot p[data-v-da997f2c] {
    opacity: 1
}

.trustpilot span[data-v-da997f2c] {
    opacity: .4
}

.trustpilot svg[data-v-da997f2c] {
    height: 20px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin-bottom: -10px
}

.rating[data-v-da997f2c] {
    font-size: 14px;
    color: var(--text-light)
}

.rating svg[data-v-da997f2c] {
    display: inline-block;
    max-height: 10px
}

img[data-v-532b8696] {
    margin: 10px 0 !important;
    max-width: 170px !important;
    max-height: 35px !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left
}

.container[data-v-12b0ee58] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.container[data-v-12b0ee58],
.item[data-v-12b0ee58] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: .5rem;
    gap: .5rem
}

.item[data-v-12b0ee58] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: .25rem .75rem;
    border-radius: .375rem;
    background-color: var(--light-background)
}

.icon[data-v-12b0ee58] {
    display: block;
    width: 16px;
    height: 16px
}

.text[data-v-12b0ee58] {
    color: var(--trans-ban-timer-bg)
}

.title[data-v-12b0ee58] {
    font-weight: 700
}

.cod-wr[data-v-3878dae2] i {
    font-style: normal
}

.cod-wr[data-v-3878dae2] {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#efda17), to(#ffb300));
    background: linear-gradient(#efda17, #ffb300);
    border-radius: 0 0 6px 6px;
    padding: 10px 6px 6px;
    margin-top: -4px
}

.wrapper[data-v-3878dae2] {
    margin: 25px auto
}

.wrapper>[data-v-3878dae2] {
    width: 100%
}

.pr[data-v-3878dae2] {
    background: linear-gradient(30deg, #e7680e, #e7320e);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 26px;
    font-weight: 600
}

.pr .del[data-v-3878dae2] {
    font-size: 18px;
    text-decoration: line-through;
    color: #f6cdbd
}

.pr .descount[data-v-3878dae2],
.pr div[data-v-3878dae2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.pr .descount[data-v-3878dae2] {
    background-color: #2dbe3c;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 2px #fff;
            box-shadow: 0 0 0 2px #fff;
    color: #fff;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    padding: 4px 6px 2px;
    margin-right: -30px;
    -webkit-animation: up_dwn-data-v-3878dae2 1s ease-in-out infinite;
            animation: up_dwn-data-v-3878dae2 1s ease-in-out infinite
}

@-webkit-keyframes up_dwn-data-v-3878dae2 {

    0%,
    to {
        -webkit-transform: translateY(-20px) rotate(15deg);
                transform: translateY(-20px) rotate(15deg)
    }

    50% {
        -webkit-transform: translateY(-25px) rotate(15deg);
                transform: translateY(-25px) rotate(15deg)
    }
}

@keyframes up_dwn-data-v-3878dae2 {

    0%,
    to {
        -webkit-transform: translateY(-20px) rotate(15deg);
                transform: translateY(-20px) rotate(15deg)
    }

    50% {
        -webkit-transform: translateY(-25px) rotate(15deg);
                transform: translateY(-25px) rotate(15deg)
    }
}

.pr[data-v-3878dae2]>:not(:last-child) {
    margin-right: 10px
}

.pr.activecoupon[data-v-3878dae2] {
    background: #d8dce2 !important;
    text-decoration: line-through
}

.pr.activecoupon [data-v-3878dae2],
.pr.activecoupon[data-v-3878dae2] {
    color: #949aa8 !important
}

.pr.activecoupon .descount[data-v-3878dae2] {
    color: #fff !important
}

.cod-wr[data-v-3878dae2] span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.cod-wr[data-v-3878dae2] span img {
    display: block
}

.cod-wr[data-v-3878dae2] i {
    margin-right: 8px
}

.eur-price[data-v-3878dae2] {
    position: absolute;
    bottom: -2px;
    -webkit-transform: translate(-50%, 16px);
            transform: translate(-50%, 16px);
    left: 50%
}

.eur-price-wr[data-v-3878dae2] {
    position: relative;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
}

.wr-price[data-v-f2871602] {
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    line-height: 1;
    background-color: #395394
}

.wr-price .eur[data-v-f2871602],
.wr-price[data-v-f2871602] {
    color: #fff
}

.simple[data-v-f2871602] {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3px
}

.price-last[data-v-70f8c127] {
    color: #96a0ab;
    font-size: 9px;
    margin: 4px 0;
    letter-spacing: 0
}

.zaloga-wr[data-v-84f54900] {
    font-size: 14px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    cursor: pointer
}

.zaloga[data-v-84f54900] {
    color: var(--green);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer
}

.zaloga[data-v-84f54900]:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    background-color: var(--green)
}

.zaloga.red[data-v-84f54900] {
    color: var(--red);
    font-weight: 400 !important
}

.zaloga.red svg[data-v-84f54900] {
    margin-right: 8px
}

.zaloga.red svg path[data-v-84f54900] {
    fill: var(--red)
}

.zaloga.red[data-v-84f54900]:before {
    content: unset
}

.zaloga.green[data-v-84f54900] {
    color: #2dbe3c;
    font-weight: 400 !important
}

.zaloga.green svg[data-v-84f54900] {
    margin-right: 8px
}

.zaloga.green svg path[data-v-84f54900] {
    fill: #2dbe3c
}

.zaloga.green[data-v-84f54900]:before {
    content: unset
}

.zal-hero[data-v-84f54900] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    margin-top: 10px;
    background-color: #ffeded;
    border-radius: 4px;
    padding: 10px;
    -webkit-animation: bsh-red 3s cubic-bezier(.165, .84, .44, 1) infinite;
            animation: bsh-red 3s cubic-bezier(.165, .84, .44, 1) infinite
}

.zal-hero-green[data-v-84f54900] {
    background-color: #edffed !important
}

.under-hero[data-v-2ca609c1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-top: 0;
    background-color: #caeaca;
    color: #115a11;
    border-radius: 0 0 4px 4px;
    padding: 4px
}

.under-hero>[data-v-2ca609c1] {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    line-height: 1.2
}

.under-hero i {
    font-style: unset;
    font-size: 20px;
    margin-right: 8px
}

section[data-v-a5885e96] {
    background-color: var(--light-background);
    border-left: none;
    border-right: none
}

.social-one[data-v-a5885e96] {
    padding: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .075);
            box-shadow: 0 4px 10px rgba(0, 0, 0, .075);
    border-radius: 0 0 8px 8px;
    margin: 0 auto;
    max-width: 330px;
    width: 100%
}

.social-one_text[data-v-a5885e96] {
    margin-bottom: 10px
}

.social-one_image[data-v-a5885e96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.social-one_image img[data-v-a5885e96] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.sub-text[data-v-a5885e96] {
    font-size: 12px;
    color: var(--text-light)
}

div.container.grid img[data-v-a5885e96] {
    margin: 0 10px 0 0 !important
}

.save-money[data-v-a5885e96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content !important;
    width: -webkit-fit-content !important;
    width: fit-content !important;
    background-color: var(--main);
    color: #fff;
    padding: 8px 15px;
    max-width: 330px !important;
    width: 100% !important;
    border-radius: 8px 8px 0 0;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 15px;
    margin-bottom: -2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.save-money img[data-v-a5885e96] {
    margin-left: 20px
}

.icons-wr[data-v-48a476f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.icons-wr img[data-v-48a476f0] {
    width: 14%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 15px !important;
    margin-left: 0 !important
}

.icons-wr p[data-v-48a476f0] {
    margin: 0
}

.icons-wr h3[data-v-48a476f0] {
    margin-bottom: 5px;
    color: var(--main)
}

section[data-v-399ed32e] {
    padding: 20px
}

section .grid-three[data-v-399ed32e] {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start
}

section .grid-three>div[data-v-399ed32e] {
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .199);
            box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .199);
    font-size: 14px;
    border: 1px solid var(--border);
    border-top: 4px solid var(--main);
    line-height: 1.6
}

section .grid-three>div p[data-v-399ed32e] {
    padding: 20px;
    margin: 0;
    min-width: 100%
}

section .grid-three>div img[data-v-399ed32e] {
    display: block
}

section[data-v-399ed32e] {
    background-color: var(--main)
}

section .specs[data-v-399ed32e] {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 5px 10px -3px rgba(0, 0, 0, .35);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 5px 10px -3px rgba(0, 0, 0, .35);
    border-radius: 5px;
    max-width: 400px;
    margin: 0 auto;
    overflow: hidden
}

section .specs .head[data-v-399ed32e] {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

section .specs .head svg[data-v-399ed32e] {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

section .specs .head h1[data-v-399ed32e] {
    font-size: 18px;
    text-align: left
}

section .specs .items[data-v-399ed32e] {
    overflow-y: hidden;
    max-height: 0;
    -webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1);
    transition: all .2s cubic-bezier(.075, .82, .165, 1);
    -webkit-transition-property: max-height, padding, opacity;
    transition-property: max-height, padding, opacity;
    padding: 0 15px
}

section .specs .items h3[data-v-399ed32e],
section .specs .items p[data-v-399ed32e] {
    margin: 0
}

section .specs .items h3[data-v-399ed32e] {
    font-size: 16px
}

section .specs .items p[data-v-399ed32e] {
    font-size: 14px
}

section .specs .items[data-v-399ed32e] {
    font-size: 14px;
    opacity: 0
}

section .specs.active .items[data-v-399ed32e] {
    max-height: 400px;
    opacity: 1;
    padding: 10px 15px
}

section .specs.active .head svg[data-v-399ed32e] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
}

.swiper[data-v-e5c20a64] {
    position: relative;
    overflow: hidden;
}

section#scroll[data-v-e5c20a64] {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--light-background)
}

.lr-caro .swiper-button-prev[data-v-e5c20a64] {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}

.lr-caro .swiper-button-next[data-v-e5c20a64] {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}

.lr-caro .swiper-button-next[data-v-e5c20a64],
.lr-caro .swiper-button-prev[data-v-e5c20a64] {
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.lr-caro .caro-item[data-v-e5c20a64] {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.lr-caro .caro-item h3[data-v-e5c20a64],
.lr-caro .caro-item p[data-v-e5c20a64] {
    max-width: 70%;
    margin: 0 auto;
    text-align: center
}

.lr-caro .caro-item h3[data-v-e5c20a64] {
    margin-top: 15px;
    margin-bottom: 5px;
    color: var(--main)
}

.lr-caro .caro-item img[data-v-e5c20a64] {
    border-radius: 15px;
    overflow: hidden;
    max-width: 300px;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80%
}

.swiper-pagination-bullets[data-v-e5c20a64] {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
}

section#video-prew video[data-v-35fb0538] {
    -webkit-box-shadow: 0 5px 10px rgba(42, 55, 69, .35);
            box-shadow: 0 5px 10px rgba(42, 55, 69, .35);
    width: 95%;
    display: block;
    margin: 25px auto;
    border-radius: 4px;
    pointer-events: visible;
    max-width: 600px
}

#free-prod[data-v-135b58bc] {
    background-color: var(--h-color)
}

#free-prod h2[data-v-135b58bc],
#free-prod p[data-v-135b58bc] {
    color: #fff
}

#free-prod .fre-prod-wr p[data-v-135b58bc] {
    color: #000
}

#free-prod .fre-prod-wr .image[data-v-135b58bc] {
    aspect-ratio: 1/1;
    width: 100%;
    margin-bottom: 16px
}

#free-prod .fre-prod-wr .image img[data-v-135b58bc] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#free-prod h2.anim-text[data-v-135b58bc] {
    color: var(--main);
    -webkit-animation: spin_ora-data-v-135b58bc 1s ease-in-out infinite;
            animation: spin_ora-data-v-135b58bc 1s ease-in-out infinite
}

@-webkit-keyframes spin_ora-data-v-135b58bc {

    0%,
    to {
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3)
    }

    50% {
        -webkit-filter: brightness(.8);
                filter: brightness(.8);
        -webkit-transform: scale(.96);
                transform: scale(.96)
    }
}

@keyframes spin_ora-data-v-135b58bc {

    0%,
    to {
        -webkit-filter: brightness(1.3);
                filter: brightness(1.3)
    }

    50% {
        -webkit-filter: brightness(.8);
                filter: brightness(.8);
        -webkit-transform: scale(.96);
                transform: scale(.96)
    }
}

#free-prod .fre-prod-wr[data-v-135b58bc] {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    max-width: 340px;
    border-top: 6px solid var(--main);
    margin: 0 auto 40px
}

#free-prod .fre-prod-wr .price-gratis[data-v-135b58bc] {
    position: relative;
    color: grey;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

#free-prod .fre-prod-wr .price-gratis del[data-v-135b58bc],
#free-prod .fre-prod-wr .price-gratis[data-v-135b58bc] {
    font-size: 18px;
    font-weight: 600 !important
}

#free-prod .fre-prod-wr .price-gratis span[data-v-135b58bc] {
    color: #25d734
}

#free-prod .fre-prod-wr .price-gratis span.del[data-v-135b58bc] {
    text-decoration: line-through;
    color: grey
}

#free-prod .fre-prod-wr .grat[data-v-135b58bc] {
    background-color: #25d734;
    color: #fff;
    padding: 3px 4px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    border-radius: 4px;
    margin-left: 6px
}

#free-prod .fre-prod-wr h4[data-v-135b58bc] {
    font-size: 20px;
    margin-bottom: 0
}

#free-prod .fre-prod-wr p[data-v-135b58bc] {
    margin-bottom: 0;
    margin-top: 10px;
    color: var(--text);
    font-size: 14px
}

section#package[data-v-b8ab7568] {
    padding: 10px;
    font-size: 16px;
    background-color: var(--light-background)
}

section#package .package-container img[data-v-b8ab7568] {
    max-width: 100%
}

section#package .package-container[data-v-b8ab7568] {
    margin: 20px auto;
    background-color: #fff;
    position: relative;
    max-width: 350px !important;
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px var(--border), 0 5px 15px -5px rgba(0, 0, 0, .176);
            box-shadow: 0 0 0 1px var(--border), 0 5px 15px -5px rgba(0, 0, 0, .176)
}

section#package .package-container .text[data-v-b8ab7568] {
    padding: 15px
}

section#package .package-container .upper-icon[data-v-b8ab7568] {
    position: absolute;
    top: -17px;
    left: -20px;
    width: 45px;
    height: 45px
}

.check-list[data-v-b8ab7568] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.check-list svg[data-v-b8ab7568] {
    margin-right: 10px
}

section#package .check-list svg path[data-v-b8ab7568] {
    fill: var(--h-color)
}

section#package .check-list.green svg path[data-v-b8ab7568] {
    fill: #21b321
}

section#package .text-center[data-v-b8ab7568] {
    padding: 10px;
    color: #fff;
    background-color: var(--h-color);
    margin: 0;
    border-radius: 5px 5px 0 0
}

.window-plus[data-v-b8ab7568] {
    position: relative
}

.window-plus .inner-item[data-v-b8ab7568] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    bottom: -20px;
    border-radius: 4px;
    overflow: hidden;
    right: -10px;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
    -webkit-box-shadow: -3px 5px 8px rgba(0, 0, 0, .34118);
            box-shadow: -3px 5px 8px rgba(0, 0, 0, .34118);
    -webkit-animation: up_dwn_small 1s ease-in-out infinite;
            animation: up_dwn_small 1s ease-in-out infinite
}

.window-plus .inner-item img[data-v-b8ab7568] {
    border-radius: 4px 4px 0 0;
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.window-plus .inner-item div[data-v-b8ab7568] {
    border: 2px solid var(--green-sale);
    background-color: var(--green-sale);
    color: #fff;
    padding: 2px 6px;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
    margin-top: -1px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1
}

.grid-cols[data-v-3b930fab] {
    padding: 40px 0;
    max-width: 900px;
    grid-gap: 30px;
    gap: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

h2[data-v-3b930fab] {
    margin-bottom: 30px
}

.more-button[data-v-3b930fab] {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    text-decoration: none;
    width: 100%;
    background-color: var(--main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px 20px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
    max-width: 350px;
    font-weight: 600;
    font-size: 1.2em
}

img[data-v-3b930fab] {
    max-width: 100%
}

@media screen and (max-width:768px) {
    .grid-cols[data-v-3b930fab] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 40px 20px
    }

    .image-wrap[data-v-3b930fab] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center
    }

    .text-wrap[data-v-3b930fab] {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }

    img[data-v-3b930fab] {
        max-width: 60%
    }

    h2[data-v-3b930fab] {
        margin-bottom: 20px
    }

    p[data-v-3b930fab] {
        margin: 0 0 20px
    }
}

section img[data-v-f631ae32] {
    max-width: 400px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 2px
}

section [data-v-f631ae32] {
    text-align: center
}

section .text[data-v-f631ae32],
section a[data-v-f631ae32] {
    margin: 0 auto
}

section h3[data-v-f631ae32] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    background-color: var(--h-color);
    padding: 6px 10px;
    border-radius: 2px;
    line-height: 1
}

section h3 svg[data-v-f631ae32] {
    margin-right: 10px;
    fill: #fff
}

section#variations .container.variation-grid[data-v-3d50efa0] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px
}

section#variations .container.variation-grid.gr-2[data-v-3d50efa0] {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

section#variations .container.variation-grid.scroll[data-v-3d50efa0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 100vw;
    -webkit-box-pack: flex-flex-start;
        -ms-flex-pack: flex-flex-start;
            justify-content: flex-flex-start;
    overflow-x: scroll
}

section#variations .container.variation-grid.scroll .item-var[data-v-3d50efa0] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 70vw;
    overflow: hidden;
    max-width: 260px
}

section#variations .container.variation-grid.scroll .item-var[data-v-3d50efa0]:not(:last-child) {
    margin-right: 15px
}

section#variations .container.variation-grid.scroll .item-var[data-v-3d50efa0]:last-child {
    position: relative
}

section#variations .container.variation-grid.scroll .item-var[data-v-3d50efa0]:last-child:after {
    content: "";
    position: absolute;
    right: -80px;
    top: 0;
    width: 100px;
    height: 1px
}

section#variations .container.variation-grid .item-var[data-v-3d50efa0] {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 5px 20px -5px rgba(0, 0, 0, .2);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 5px 20px -5px rgba(0, 0, 0, .2);
    border-radius: 4px;
    position: relative;
    max-width: 250px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

section#variations .container.variation-grid .item-var img[data-v-3d50efa0] {
    width: 100%;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

section#variations .container.variation-grid .item-var .text[data-v-3d50efa0] {
    padding: 5px 10px;
    text-align: center;
    font-size: 14px
}

section#variations .container.variation-grid a.baseButton[data-v-3d50efa0] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: unset;
    outline: 0;
    padding: 10px;
    color: #fff;
    background-color: var(--main);
    font-weight: 600;
    margin: 0;
    max-width: unset;
    font-size: 14px;
    border-radius: 0 0 4px 4px
}

section#variations .container.variation-grid .descount[data-v-3d50efa0] {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    padding-top: 4px;
    padding-right: 5px;
    background: linear-gradient(-45deg, hsla(0, 0%, 100%, 0) 50%, #2c2c5b 0);
    width: 50px;
    height: 50px
}

section#variations .container.variation-grid .descount>span[data-v-3d50efa0] {
    display: block;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
}

section#variations .container.variation-grid .price>div[data-v-3d50efa0] {
    font-weight: 600;
    font-size: 18px;
    color: var(--h-color)
}

button[data-v-3d50efa0] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: unset;
    outline: 0;
    padding: 10px;
    color: #fff;
    background-color: var(--main);
    font-weight: 600;
    margin: auto 0 0;
    max-width: unset;
    font-size: 14px;
    border-radius: 0 0 4px 4px
}

.outOfStock button[data-v-3d50efa0] {
    pointer-events: none;
    background-color: #d6dae2 !important;
    color: #b1b5be !important
}

.dnone[data-v-3d50efa0] {
    display: none !important
}

.reg>[data-v-3d50efa0],
.reg[data-v-3d50efa0] {
    color: #bbb !important;
    font-weight: 400 !important;
    font-size: 14px !important
}

.reg[data-v-3d50efa0] {
    text-decoration: line-through
}

.cap[data-v-3d50efa0] {
    text-transform: capitalize
}

section[data-v-349234e3] {
    background-color: var(--light-background)
}

section .grid>svg[data-v-349234e3] {
    max-width: 130px;
    margin: 0 auto;
    display: block
}

section .grid>h3[data-v-349234e3] {
    font-size: 1.4em;
    margin-bottom: 20px;
    text-align: center
}

section .sur[data-v-349234e3] {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    font-size: 14px
}

section .grid>img[data-v-349234e3] {
    max-width: 130px;
    display: block;
    margin: 0 auto -20px
}

section .sur h4[data-v-349234e3] {
    margin-bottom: 15px
}

section .sur_res[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

section .sur svg[data-v-349234e3] {
    margin-left: 5px
}

section .sur svg path[data-v-349234e3] {
    fill: var(--text)
}

section .logo svg[data-v-349234e3] {
    display: block;
    margin: 20px auto
}

.face-wr[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    margin-top: 20px;
    width: 450px;
    max-width: 100vw;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
}

.face-item[data-v-349234e3] {
    scroll-snap-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    width: 85%;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    pointer-events: none;
    max-height: -moz-max-content
}

.face-item .head[data-v-349234e3],
.face-item[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.face-item .icons[data-v-349234e3] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    padding: 5px 10px;
    border-color: #ececec hsla(0, 0%, 100%, 0);
    border-style: solid;
    border-width: 1px
}

.face-item .commeent[data-v-349234e3],
.face-item .icons[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.face-item .comment img[data-v-349234e3],
.face-item .head img[data-v-349234e3] {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(51, 51, 85, .205);
            box-shadow: 0 10px 10px -5px rgba(51, 51, 85, .205)
}

.face-item .head .date[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 11px;
    margin-top: 3px;
    color: #b0b0b0
}

.face-item .head .date[data-v-349234e3] svg {
    width: 10px;
    margin-right: 6px
}

.face-item .head .date[data-v-349234e3] svg path {
    fill: #b0b0b0
}

.face-item[data-v-349234e3] {
    margin-left: 2.5%;
    margin-right: 2.5%
}

.face-item .comment[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.face-item .comment>div[data-v-349234e3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.face-item .comment>div .bubble[data-v-349234e3] {
    padding: 10px;
    border-radius: 10px;
    background-color: #eef3f6
}

.face-item .comment>div .sm[data-v-349234e3] {
    color: #ababab;
    font-size: 12px
}

.face-item p[data-v-349234e3] {
    font-size: 16px;
    margin-top: 20px;
    position: relative
}

.face-item .rating svg[data-v-349234e3] {
    margin-right: 6px
}

.face-item .rating[data-v-349234e3] {
    font-size: 18px
}

.face-item .rating svg[data-v-349234e3] {
    height: 25px;
    width: 100px;
    max-height: 20px
}

.face-item p[data-v-349234e3]:before {
    content: '"';
    position: absolute;
    top: -25px;
    left: -14px;
    font-size: 90px;
    font-family: Arial, Times, sans-serif;
    opacity: .1
}

section#survey .logo>svg {
    max-width: 130px;
    margin: 0 auto;
    display: block
}

.switcher[data-v-794b8069] {
    width: 100%;
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.switcher .switcher-bg[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ededed;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer
}

.switcher .switcher-bg .toggle-images[data-v-794b8069] {
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.switcher .switcher-bg .toggle-images p[data-v-794b8069] {
    padding: 12px 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600
}

.switcher .switcher-bg .active-button[data-v-794b8069] {
    background: var(--h-color);
    color: #fff
}

.switcher .switcher-bg .non-active-button[data-v-794b8069]:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05)
}

.switcher .switcher-bg .toggle-images>svg[data-v-794b8069] {
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    fill: var(--h-color);
    opacity: .5
}

.switcher .switcher-bg .active-button>svg[data-v-794b8069] {
    opacity: 1
}

.image-only img[data-v-794b8069] {
    margin-right: 10px;
    max-width: 90px !important;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    border-radius: 5px
}

section#reviews .rev-all .rev-all-grid[data-v-794b8069] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px
}

section#reviews .rev-all .rating[data-v-794b8069] {
    width: 120px;
    margin-top: 0
}

section#reviews .rev-all .allplus[data-v-794b8069] {
    font-size: 13px;
    display: none
}

section#reviews .rev-all .allplus>div[data-v-794b8069]:not(:last-child) {
    margin-bottom: 16px
}

section#reviews .rev-all .allplus>div>div[data-v-794b8069] {
    margin-bottom: 2px
}

section#reviews .rev-all .allplus>div>div span[data-v-794b8069] {
    background-color: var(--green);
    color: #fff;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px;
    font-size: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 13px;
    padding-bottom: 3px;
    height: 13px
}

section#reviews .grid[data-v-794b8069] {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start
}

section#reviews .grid>div[data-v-794b8069]:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    border-left: 1px solid hsla(0, 0%, 100%, 0);
    border-right: 1px solid hsla(0, 0%, 100%, 0)
}

section#reviews .grid .grid-rev[data-v-794b8069] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    grid-gap: 40px
}

section#reviews .grid .grid-img[data-v-794b8069] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    grid-gap: 20px
}

section#reviews .grid>div[data-v-794b8069]:last-child {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4
}

section#reviews .rev-all h2[data-v-794b8069] {
    font-weight: 400
}

section#reviews .rev-all .rating svg[data-v-794b8069] {
    width: 100%;
    max-height: unset
}

.rev-tem[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: opac-data-v-794b8069 .3s ease forwards;
            animation: opac-data-v-794b8069 .3s ease forwards;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

@-webkit-keyframes opac-data-v-794b8069 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opac-data-v-794b8069 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.rev-tem .head[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.rev-tem .head h4[data-v-794b8069] {
    margin-top: 0;
    margin-bottom: 5px
}

.rev-tem .head .rating[data-v-794b8069] {
    font-size: .9em;
    color: var(--h-color)
}

.rev-tem .head .place[data-v-794b8069] {
    margin-top: 0;
    font-size: 12px;
    color: var(--text-light)
}

.rev-tem .body[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px
}

.rev-tem .body>div[data-v-794b8069]:nth-child(2) {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 10px
}

.rev-tem .body img[data-v-794b8069] {
    margin-right: 10px;
    max-width: 90px !important;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    border-radius: 5px
}

.rev-tem .d-flex[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rev-tem .d-flex .profile[data-v-794b8069] {
    width: 35px;
    height: 35px;
    font-size: 12px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 10px;
    background-color: #ededed;
    text-transform: uppercase;
    position: relative;
    pointer-events: none
}

.rev-tem .d-flex .instaRing[data-v-794b8069],
.stories .instaRing[data-v-794b8069] {
    position: relative
}

.rev-tem .d-flex .instaRing .profile[data-v-794b8069] {
    -webkit-box-shadow: 0 0 0 2px #fff;
            box-shadow: 0 0 0 2px #fff;
    cursor: pointer;
    pointer-events: visible
}

.rev-tem .d-flex .instaRing .profile[data-v-794b8069]:after {
    position: absolute;
    content: "";
    top: -4px;
    left: -4px;
    height: 43px;
    width: 43px;
    z-index: -1;
    background: linear-gradient(45deg, #e6bb1d 10%, red, #c731ff);
    border-radius: 50%
}

.rating[data-v-794b8069] {
    font-size: 14px;
    color: var(--text-light)
}

.rating svg[data-v-794b8069] {
    display: inline-block;
    max-height: 10px
}

.pages[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto
}

.pages>div[data-v-794b8069] {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 2px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    line-height: 1;
    border: 1px solid var(--border);
    color: var(--text-light);
    margin-right: 15px
}

.pages>div.active[data-v-794b8069] {
    border-color: var(--main);
    color: var(--main);
    z-index: 1;
    font-weight: 600;
    background-color: var(--light-background)
}

.video-pl[data-v-794b8069] {
    margin-right: 10px;
    width: 80px !important;
    height: 120px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #d9dfe3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: relative
}

.video-pl video[data-v-794b8069] {
    width: 100%;
 height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.btgt[data-v-794b8069] {
    font-size: 10px;
    text-transform: uppercase;
    background-color: #e7eaed;
    color: #404850;
    padding: 2px 8px;
    border-radius: 2px;
    margin-left: 6px;
    line-height: 1;
    -webkit-animation: fade_up_dw-data-v-794b8069 1s ease infinite;
            animation: fade_up_dw-data-v-794b8069 1s ease infinite;
    letter-spacing: .5px
}

.flex-center[data-v-794b8069] {
    width: 100%;
    min-height: 10vh
}

.flex-center div[data-v-794b8069],
.flex-center[data-v-794b8069] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.flex-center div[data-v-794b8069] {
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.popup[data-v-794b8069] {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, .50196);
    top: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.popup img[data-v-794b8069] {
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-height: 70vh !important;
    width: 50vw;
    position: absolute
}

.popup-enter-active[data-v-794b8069],
.popup-leave-active[data-v-794b8069] {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.popup-enter[data-v-794b8069],
.popup-leave-active[data-v-794b8069] {
    opacity: 0
}

.close-popup[data-v-794b8069] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

@-webkit-keyframes fade_up_dw-data-v-794b8069 {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes fade_up_dw-data-v-794b8069 {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@media screen and (max-width:650px) {
    .popup img[data-v-794b8069] {
        max-height: 80vh !important;
        width: 80vw
    }
}

.wr[data-v-9c712ae0] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.fill[data-v-9c712ae0],
.wr[data-v-9c712ae0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.fill[data-v-9c712ae0] {
    font-size: 14px
}

.fill[data-v-9c712ae0]>:not(:last-child) {
    margin-right: 5px
}

.fill button[data-v-9c712ae0] {
    border: unset;
    border-bottom: 2px solid rgba(213, 219, 222, 0);
    padding: 8px 18px;
    cursor: pointer;
    font-size: 16px;
    outline: 0 !important;
    background-color: unset;
    color: var(--text-light);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.fill button svg[data-v-9c712ae0] {
    margin-right: 8px
}

.fill button.active[data-v-9c712ae0] {
    border-color: var(--h-color);
    color: var(--h-color);
    font-weight: 600
}

.fill button svg path[data-v-9c712ae0] {
    fill: var(--text-light)
}

.fill button.active svg path[data-v-9c712ae0] {
    fill: var(--h-color)
}

.rating[data-v-9c712ae0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start;
    font-size: 14px;
    color: var(--text-light);
    width: 100%;
    margin-top: 0
}

.rating svg[data-v-9c712ae0] {
    display: inline-block
}

button[data-v-9c712ae0] {
    background-color: unset;
    white-space: nowrap;
    border-radius: 6px;
    font-weight: 600;
    padding: 5px 8px;
    border: 1px solid var(--h-color);
    color: var(--h-color);
    cursor: pointer
}

button[data-v-9c712ae0]:hover {
    background-color: var(--h-color);
    color: #fff
}

.rew-button[data-v-00917075] {
    border: 1px solid var(--border);
    padding: 8px 14px;
    border-radius: 4px
}

.rewstars[data-v-8ae0b788] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 14px
}

.rewstars>div[data-v-8ae0b788] {
    cursor: pointer;
    padding: 0 2px
}

.rewstars span[data-v-8ae0b788] {
    min-width: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 22px;
    font-weight: 600;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 10px
}

textarea[data-v-8ae0b788] {
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    display: block;
    border-color: var(--border)
}

p[data-v-8ae0b788] {
    margin-top: 0
}

.wr[data-v-8ae0b788] {
    position: fixed;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.bg[data-v-8ae0b788],
.wr[data-v-8ae0b788] {
    top: 0;
    left: 0
}

.bg[data-v-8ae0b788] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(124, 134, 143, .58824);
    z-index: 1
}

.content[data-v-8ae0b788] {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 10px;
    min-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 2;
    max-width: 450px;
    line-height: 1.6;
    overflow: hidden;
    max-height: 90vh;
    overflow-y: auto
}

.text[data-v-8ae0b788] {
    padding: 25px
}

.text.green[data-v-8ae0b788] {
    background-color: #ecf6ef;
    color: #2a5e2a
}

.flex-text[data-v-8ae0b788] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start;
    text-align: justify
}

.flex-text[data-v-8ae0b788] svg {
    margin-left: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.btn[data-v-8ae0b788] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}

.btn[data-v-8ae0b788],
button[data-v-8ae0b788] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

button[data-v-8ae0b788] {
    margin-left: 10px;
    border-radius: 4px;
    background: linear-gradient(57deg, #1956c8, #2a82b2);
    color: #fff;
    border: unset;
    outline: 0;
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    padding: 14px 10px;
    font-weight: 600;
    min-width: 100px
}

button.grey[data-v-8ae0b788] {
    border-radius: 4px;
    background: #e4e8eb;
    color: #383c41;
    font-weight: 400
}

.img-auto[data-v-8ae0b788] {
    margin: 20px auto;
    width: 60%;
    display: block
}

.pop-enter-active .content[data-v-8ae0b788],
.pop-enter-active[data-v-8ae0b788],
.pop-leave-active .content[data-v-8ae0b788],
.pop-leave-active[data-v-8ae0b788] {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.pop-enter[data-v-8ae0b788],
.pop-leave-active[data-v-8ae0b788] {
    opacity: 0
}

.pop-enter .content[data-v-8ae0b788],
.pop-leave-active .content[data-v-8ae0b788] {
    -webkit-transform: translateY(20px);
            transform: translateY(20px)
}

.load-op[data-v-8ae0b788] {
    opacity: .4;
    pointer-events: none
}

.grid-3[data-v-8ae0b788] {
    text-align: center;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    max-width: 300px;
    margin: 0 auto
}

.grid-3>[data-v-8ae0b788],
.grid-3[data-v-8ae0b788] {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px
}

.grid-3>[data-v-8ae0b788] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center
}

.grid-3 h3[data-v-8ae0b788] {
    font-size: 16px
}

.grid-3 h5[data-v-8ae0b788] {
    font-size: 46px
}

.img[data-v-8ae0b788] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

.img img[data-v-8ae0b788] {
    display: block;
    max-width: 100%;
    border-radius: 10px
}

.loading[data-v-8ae0b788] {
    color: rgba(81, 99, 109, 0);
    position: relative;
    pointer-events: none
}

.loading[data-v-8ae0b788] svg path {
    fill: hsla(0, 0%, 100%, 0)
}

.loading[data-v-8ae0b788]:after {
    content: "";
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid hsla(0, 0%, 100%, .253);
    border-top-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    left: 50%;
    -webkit-animation: spin_5523984-data-v-8ae0b788 .3s linear infinite;
            animation: spin_5523984-data-v-8ae0b788 .3s linear infinite
}

@-webkit-keyframes spin_5523984-data-v-8ae0b788 {
    0% {
        -webkit-transform: rotate(0) translate(-50%, -50%);
                transform: rotate(0) translate(-50%, -50%)
    }

    to {
        -webkit-transform: rotate(1turn) translate(-50%, -50%);
                transform: rotate(1turn) translate(-50%, -50%)
    }
}

@keyframes spin_5523984-data-v-8ae0b788 {
    0% {
        -webkit-transform: rotate(0) translate(-50%, -50%);
                transform: rotate(0) translate(-50%, -50%)
    }

    to {
        -webkit-transform: rotate(1turn) translate(-50%, -50%);
                transform: rotate(1turn) translate(-50%, -50%)
    }
}

.dis[data-v-8ae0b788] {
    opacity: .4;
    pointer-events: none
}

.upload-input[data-v-8ae0b788] {
    margin-top: 20px
}

.explain[data-v-8ae0b788] {
    font-size: 12px;
    opacity: .6
}

.upload input[data-v-8ae0b788],
.upload span[data-v-8ae0b788] {
    display: block
}

.upload[data-v-8ae0b788] {
    border: 2px dashed var(--border);
    border-radius: 6px;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    background-color: hsla(0, 0%, 60%, .05)
}

.upload.dragOver[data-v-8ae0b788] {
    border: 2px solid var(--second);
    margin-bottom: 0
}

.upload button[data-v-8ae0b788] {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.upload.dragOver button[data-v-8ae0b788] {
    opacity: 0
}

.upload.dragOver [data-v-8ae0b788] {
    pointer-events: none !important
}

.upload.dragOver[data-v-8ae0b788] svg path:nth-child(2) {
    fill: var(--second)
}

.upload>div[data-v-8ae0b788] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center
}

.upload button[data-v-8ae0b788] {
    margin: 0;
    padding: 6px;
    font-size: 14px
}

.upload h4[data-v-8ae0b788],
.upload svg[data-v-8ae0b788] {
    margin: 0 auto
}

span.err[data-v-8ae0b788] {
    font-size: 14px;
    margin: 6px 0;
    color: var(--red)
}

.file-prew[data-v-8ae0b788] {
    position: relative;
    width: 120px;
    height: 120px;
    margin-top: 30px;
    border: 1px solid var(--border);
    overflow: hidden;
    border-radius: 6px
}

img[data-v-8ae0b788],
video[data-v-8ae0b788] {
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.delete[data-v-8ae0b788] {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
    border-radius: 40px;
    -webkit-box-shadow: 0 0 10px -4px #000;
            box-shadow: 0 0 10px -4px #000
}

section .grid-gall[data-v-49848511] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

section h3[data-v-49848511] {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 4px solid var(--main)
}

.grid-gall img[data-v-49848511] {
    max-width: 100%
}

section .logo.bnf svg path.st0[data-v-18dd36e6] {
    fill: var(--h-color)
}

section .logo.bnf svg[data-v-18dd36e6] {
    margin: 0 auto;
    display: block
}

.text-center[data-v-18dd36e6],
section .center [data-v-18dd36e6] {
    text-align: center
}

section .ans[data-v-18dd36e6] {
    border-top: 1px solid rgba(0, 0, 0, .129);
    margin-top: 40px
}

section .ans [data-v-18dd36e6] {
    text-align: center
}

section[data-v-0e0ad1f0] {
    padding: 70px 25px;
    background-color: var(--h-color);
    color: #fff;
    font-size: 14px
}

section .grid-foot[data-v-0e0ad1f0] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px
}

section .grid-foot img[data-v-0e0ad1f0],
section .grid-foot svg[data-v-0e0ad1f0],
section#gallery .grid-gall img[data-v-0e0ad1f0] {
    max-width: 100%
}

section .grid-foot .btns[data-v-0e0ad1f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

section .grid-foot .btns button[data-v-0e0ad1f0] {
    background-color: unset;
    color: #fff;
    border: none;
    text-align: left;
    padding: 15px 0;
    text-transform: capitalize
}

section .grid-foot svg path[data-v-0e0ad1f0] {
    fill: #fff
}

section a[data-v-0e0ad1f0] {
    text-decoration: none;
    color: #a2b0c0;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

section a[data-v-0e0ad1f0]:hover {
    text-decoration: underline
}

section .icon_pack[data-v-0e0ad1f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
    line-height: 1.6;
    color: #a2b0c0
}

section .icon_pack b[data-v-0e0ad1f0] {
    color: #fff !important
}

section .icon_pack img[data-v-0e0ad1f0] {
    max-width: 60px;
    margin-right: 15px
}

section a svg[data-v-0e0ad1f0] {
    margin-right: 10px
}

section img.cards[data-v-0e0ad1f0] {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 5px 10px;
    max-height: 60px
}

section#btn[data-v-0e0ad1f0] {
    padding: 10px 50px
}

section .to_upper[data-v-0e0ad1f0] {
    text-transform: uppercase
}

p[data-v-0e0ad1f0] {
    margin: 8px 0
}

.contact[data-v-0e0ad1f0] {
    padding-left: 10px;
    border-left: 2px solid #fff;
    margin-top: 20px
}

.social[data-v-0e0ad1f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: -2/-1;
    margin-top: 20px;
    margin-bottom: 20px
}

.social .card[data-v-0e0ad1f0] {
    width: 45px;
    max-width: 220px;
    text-decoration: unset;
    padding: 6px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: all .05s ease-out;
    transition: all .05s ease-out;
    opacity: .5;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.social .card[data-v-0e0ad1f0] svg path {
    fill: #fff
}

.social .card[data-v-0e0ad1f0]:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1
}

.dflex[data-v-0e0ad1f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:650px) {
    section[data-v-0e0ad1f0] {
        padding: 40px 20px !important
    }
}

div#sty-footer[data-v-350e4a15] {
    padding: 10px 10px 30px;
    -webkit-box-shadow: 0 -5px 8px rgba(0, 0, 0, .12);
            box-shadow: 0 -5px 8px rgba(0, 0, 0, .12);
    max-width: 500px;
    margin: 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 15;
    background-color: var(--h-color);
    color: #fff;
    border-radius: 6px 6px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid rgba(167, 178, 189, .486)
}

div#sty-footer a[data-v-350e4a15] {
    min-width: unset !important;
    font-size: 14px;
    width: unset !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    padding: 4px 14px !important;
    margin: 0
}

div#sty-footer .pr>div[data-v-350e4a15]:first-child {
    font-size: 14px;
    text-decoration: line-through;
    color: var(--text-light)
}

div#sty-footer .pr>div[data-v-350e4a15]:nth-child(2) {
    font-size: 18px;
    color: #fff
}

.descount[data-v-350e4a15] {
    font-size: 14px;
    background-color: var(--red);
    padding: 2px 6px;
    border-radius: 4px
}

.btnc[data-v-350e4a15] {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    text-decoration: none;
    background-color: var(--second);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px 20px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    max-width: 350px;
    font-weight: 600;
    font-size: 1.2em;
    border: unset
}

.footer-enter-active[data-v-350e4a15],
.footer-leave-active[data-v-350e4a15] {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.footer-enter[data-v-350e4a15],
.footer-leave-active[data-v-350e4a15] {
    opacity: 0
}

.coupon-wrapper[data-v-4812f2be] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10
}

.coupon-wrapper.active[data-v-4812f2be] {
    -webkit-animation: pop_in-data-v-4812f2be 4s linear forwards;
            animation: pop_in-data-v-4812f2be 4s linear forwards
}

@-webkit-keyframes pop_in-data-v-4812f2be {

    0%,
    45% {
        opacity: 0;
        pointer-events: none
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1;
        pointer-events: visible
    }
}

@keyframes pop_in-data-v-4812f2be {

    0%,
    45% {
        opacity: 0;
        pointer-events: none
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1;
        pointer-events: visible
    }
}

.coupon-wrapper .bg[data-v-4812f2be] {
    background-color: rgba(39, 45, 59, .75);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.coupon-wrapper .content[data-v-4812f2be] {
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    width: 90%;
    max-width: 300px;
    font-size: 20px;
    border: 1px dashed #8f9bb4;
    -webkit-box-shadow: 0 0 0 8px #aa1818;
            box-shadow: 0 0 0 8px #aa1818;
    background: -webkit-gradient(linear, left top, left bottom, from(#c31212), to(#a30f0f));
    background: linear-gradient(#c31212, #a30f0f)
}

.coupon-wrapper.active .content[data-v-4812f2be] {
    -webkit-animation: fade_in-data-v-4812f2be .3s cubic-bezier(0, .2, 0, 1) forwards;
            animation: fade_in-data-v-4812f2be .3s cubic-bezier(0, .2, 0, 1) forwards;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    opacity: 0
}

@-webkit-keyframes fade_in-data-v-4812f2be {
    0% {
        opacity: 0;
        -webkit-transform: scale(8) rotate(60deg);
                transform: scale(8) rotate(60deg)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
    }

    60%,
    65%,
    70% {
        -webkit-transform: translate(-23px, 18px);
                transform: translate(-23px, 18px)
    }

    63%,
    67%,
    73% {
        -webkit-transform: translate(5px, -11px);
                transform: translate(5px, -11px)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
    }
}

@keyframes fade_in-data-v-4812f2be {
    0% {
        opacity: 0;
        -webkit-transform: scale(8) rotate(60deg);
                transform: scale(8) rotate(60deg)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
    }

    60%,
    65%,
    70% {
        -webkit-transform: translate(-23px, 18px);
                transform: translate(-23px, 18px)
    }

    63%,
    67%,
    73% {
        -webkit-transform: translate(5px, -11px);
                transform: translate(5px, -11px)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
    }
}

.coupon-wrapper .content [data-v-4812f2be] {
    color: #fff
}

.coupon-wrapper .content .sub[data-v-4812f2be] {
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .6)
}

.coupon-wrapper button[data-v-4812f2be] {
    padding: 20px 12px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 5px;
    background: #fff;
    color: #1a243d !important;
    border: none;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    margin-top: 20px
}

.coupon-wrapper .badge-percent[data-v-4812f2be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start;
    font-size: 22px;
    font-weight: 600
}

.coupon-wrapper .badge-percent span[data-v-4812f2be]:first-child {
    font-size: 75px;
    line-height: 1
}

.image-pop[data-v-da5b8670] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start;
    z-index: 10
}

.image-pop .bg[data-v-da5b8670] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 46, 49, .79608)
}

.image-pop .content[data-v-da5b8670] {
    width: 90%;
    max-width: 400px;
    z-index: 1
}

.media[data-v-da5b8670] {
    position: relative
}

.media .overlay-click[data-v-da5b8670] {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch
}

.media .overlay-click>div[data-v-da5b8670] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}

.image-pop .content .head[data-v-da5b8670] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    margin-top: 30px;
    padding: 10px 5px;
    margin-bottom: 0;
    position: relative
}

.image-pop .content .head .close[data-v-da5b8670] {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    margin-left: auto;
    cursor: pointer
}

.image-pop .content .head .close[data-v-da5b8670],
.image-pop .content .head .image[data-v-da5b8670] {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.image-pop .content .head .image[data-v-da5b8670] {
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: grey;
    line-height: 1;
    margin-right: 15px
}

.image-pop .content img[data-v-da5b8670] {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100px;
    height: 500px;
    max-height: 70vh
}

.image-pop video[data-v-da5b8670] {
    width: 100%;
    max-width: 100%;
    max-width: 70vh;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: 0 auto
}

.swipe-wr[data-v-da5b8670] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    margin: 8px 0
}

.swipe-wr .swipe-item[data-v-da5b8670] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 3px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #a1a1a1), color-stop(0, #fff));
    background: linear-gradient(90deg, #a1a1a1 50%, #fff 0);
    background-size: 200% 100%
}

.swipe-wr .swipe-item.active[data-v-da5b8670] {
    -webkit-animation: swipa-data-v-da5b8670 4s linear forwards;
            animation: swipa-data-v-da5b8670 4s linear forwards
}

.swipe-wr .swipe-item.active-past[data-v-da5b8670] {
    background: #fff
}

@-webkit-keyframes swipa-data-v-da5b8670 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes swipa-data-v-da5b8670 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100% 0
    }
}

.image-enter-active .content[data-v-da5b8670],
.image-enter-active[data-v-da5b8670],
.image-leave-active .content[data-v-da5b8670],
.image-leave-active[data-v-da5b8670] {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.image-enter[data-v-da5b8670],
.image-leave-active[data-v-da5b8670] {
    opacity: 0
}

.image-enter .content[data-v-da5b8670],
.image-leave-active .content[data-v-da5b8670] {
    -webkit-transform: translateY(20px);
            transform: translateY(20px)
}

.mobile-hide[data-v-17549d73] {
    display: none
}

.icon[data-v-17549d73] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 10px 10px 0
}

.sidecar-enter-active .bg[data-v-17549d73],
.sidecar-enter-active .content[data-v-17549d73],
.sidecar-enter-active[data-v-17549d73],
.sidecar-leave-active .bg[data-v-17549d73],
.sidecar-leave-active .content[data-v-17549d73],
.sidecar-leave-active[data-v-17549d73] {
    -webkit-transition: all .6s cubic-bezier(.15, 1, .3, 1);
    transition: all .6s cubic-bezier(.15, 1, .3, 1);
    -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow, opacity;
    transition-property: transform, box-shadow, opacity, -webkit-transform, -webkit-box-shadow
}

.sidecar-enter[data-v-17549d73],
.sidecar-leave-active[data-v-17549d73] {
    opacity: 0
}

.sidecar-enter .content[data-v-17549d73],
.sidecar-leave-active .content[data-v-17549d73] {
    -webkit-transform: translateY(100px);
            transform: translateY(100px)
}

.menu-wrapper[data-v-17549d73] {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10;
    min-height: -webkit-fill-available
}

.bg[data-v-17549d73],
.menu-wrapper[data-v-17549d73] {
    left: 0;
    height: 100%
}

.bg[data-v-17549d73] {
    position: absolute;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.content[data-v-17549d73] {
    position: relative;
    background-color: #fff;
    width: 100vw;
    height: calc(100% - 80px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 80px;
    border-radius: 10px 10px 0 0
}

h3[data-v-17549d73] {
    font-size: 22px;
    line-height: 1;
    padding: 4px 8px 8px 18px;
    border-bottom: 1px solid var(--border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

h3 .delete[data-v-17549d73] {
    padding: 10px
}

h3 .delete[data-v-17549d73] svg {
    height: 20px;
    width: 20px
}

.tree-styling[data-v-17549d73] .item {
    padding: 12px 24px 12px 16px;
    font-size: 16px;
    color: var(--text-light) !important;
    border: unset !important
}

.tree-styling[data-v-17549d73] .item.active {
    font-weight: 600;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: var(--second) !important;
    background-color: unset !important
}

.tree-styling[data-v-17549d73] .item svg {
    width: 16px;
    height: 12px
}

.flex-overflow[data-v-17549d73] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%
}

.flex-overflow>.scroll[data-v-17549d73] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto
}

@media screen and (max-width:650px) {
    .mobile-hide[data-v-17549d73] {
        display: block
    }
}

.mobile-hide[data-v-488c4e66] {
    display: none
}

.icon[data-v-488c4e66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 10px 10px 0
}

.sidecar-enter-active .content[data-v-488c4e66],
.sidecar-enter-active[data-v-488c4e66],
.sidecar-leave-active .content[data-v-488c4e66],
.sidecar-leave-active[data-v-488c4e66] {
    -webkit-transition: all .25s cubic-bezier(.1, 0, .1, 1);
    transition: all .25s cubic-bezier(.1, 0, .1, 1);
    -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow, opacity;
    transition-property: transform, box-shadow, opacity, -webkit-transform, -webkit-box-shadow
}

.sidecar-enter[data-v-488c4e66],
.sidecar-leave-active[data-v-488c4e66] {
    opacity: 0
}

.sidecar-enter .content[data-v-488c4e66],
.sidecar-leave-active .content[data-v-488c4e66] {
    -webkit-transform: translateY(25px);
            transform: translateY(25px)
}

.menu-wrapper[data-v-488c4e66] {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10;
    min-height: -webkit-fill-available
}

.bg[data-v-488c4e66],
.menu-wrapper[data-v-488c4e66] {
    left: 0;
    height: 100%
}

.bg[data-v-488c4e66] {
    position: absolute;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.content[data-v-488c4e66] {
    position: relative;
    background-color: #fff;
    width: 100vw;
    height: calc(100% - 80px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 80px;
    border-radius: 10px 10px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.content[data-v-488c4e66],
h3[data-v-488c4e66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

h3[data-v-488c4e66] {
    font-size: 22px;
    padding: 8px 8px 8px 18px;
    margin: 0;
    line-height: 1;
    border-bottom: 1px solid var(--border);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

h3 .delete[data-v-488c4e66] {
    padding: 10px
}

h3 .delete[data-v-488c4e66] svg {
    height: 20px;
    width: 20px
}

.tree-styling[data-v-488c4e66] .item {
    padding: 12px 20px;
    font-size: 16px;
    color: var(--text-light) !important;
    border: unset !important
}

.tree-styling[data-v-488c4e66] .item.active {
    font-weight: 600;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    color: var(--second) !important;
    background-color: unset !important
}

.flex-overflow[data-v-488c4e66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: calc(100% - 78px)
}

.flex-overflow>.scroll[data-v-488c4e66] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto
}

.popup-filter-styling[data-v-488c4e66] {
    border: unset !important
}

.popup-filter-styling[data-v-488c4e66] .filters-wrapper .wr-check label {
    padding: 6px 0
}

.popup-filter-styling[data-v-488c4e66] label svg {
    width: 28px;
    height: 28px
}

.popup-filter-styling[data-v-488c4e66] .wr h3 {
    border-bottom: unset !important
}

.popup-filter-styling[data-v-488c4e66] .wr h3 svg.svg-size {
    width: 16px;
    height: 12px
}

.popup-filter-styling[data-v-488c4e66] .wr h3>span {
    font-size: 18px
}

.price-wr[data-v-488c4e66] .slider-styling-inputs {
    margin-top: 20px
}

.price-wr[data-v-488c4e66] .d-fle input {
    font-size: 14px;
    width: 100px !important
}

.mobile-confirm-filter-button[data-v-488c4e66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    padding: 10px;
    margin-top: auto;
    line-height: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.mobile-confirm-filter-button button[data-v-488c4e66] {
    padding: 20px 8px;
    width: 100%;
    background-color: var(--second);
    color: #fff;
    font-weight: 600;
    border-radius: var(--bdrs)
}

.price-wrapper[data-v-488c4e66] {
    padding: 10px 20px
}

.price-wrapper h2[data-v-488c4e66] {
    font-size: 18px
}

.price-wrapper[data-v-488c4e66] .price-wr {
    padding-left: 0;
    padding-right: 0
}

.price-wrapper[data-v-488c4e66] .slider-styling .vue-slider-dot {
    width: 35px !important;
    height: 35px !important;
    padding: 4px
}

.price-wrapper[data-v-488c4e66] {
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px
}

@media screen and (max-width:650px) {
    .mobile-hide[data-v-488c4e66] {
        display: block
    }
}

.fade-in-enter-active[data-v-cdb90c08],
.fade-in-leave-active[data-v-cdb90c08] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-in-enter[data-v-cdb90c08],
.fade-in-leave-to[data-v-cdb90c08] {
    opacity: 0
}

.behind[data-v-cdb90c08] {
    bottom: -100%;
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%)
}

#cookie-banner[data-v-cdb90c08] {
    top: 0;
    left: 0;
    position: fixed;
    height: 100dvh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .50196);
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.modal[data-v-cdb90c08] {
    width: 100%;
    max-width: 500px;
    border-radius: 5px;
    background-color: #fff;
    overflow-y: auto
}

.footer[data-v-cdb90c08] {
    height: 90px;
    width: 100%;
    background-color: #f6f6f6;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0;
    list-style: none;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none
}

.footer li[data-v-cdb90c08] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 8px;
    gap: 8px;
    height: 100%;
    border-right: 1px solid #e0e0e0
}

.footer li[data-v-cdb90c08]:last-child {
    border-right: none
}

.body[data-v-cdb90c08] {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.body h3[data-v-cdb90c08] {
    font-size: 22px;
    color: #000
}

.body p[data-v-cdb90c08] {
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1.4
}

.buttons[data-v-cdb90c08] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
    grid-gap: 16px;
    gap: 16px
}

.buttons button[data-v-cdb90c08] {
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.buttons .confirm[data-v-cdb90c08] {
    background-color: #237ac3 !important;
    color: #fff;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.buttons .confirm[data-v-cdb90c08]:hover {
    background-color: #0f5f9e !important
}

.read-more[data-v-cdb90c08] {
    text-align: center;
    margin-top: 20px;
    color: #4f4f4f;
    text-decoration: underline;
    background-color: unset
}

.option-title[data-v-cdb90c08] {
    font-size: 14px;
    color: #969696;
    margin: 0;
    padding: 0;
    text-align: center
}

.switch[data-v-cdb90c08] {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3.5em;
    height: 2em
}

.checkbox-wrapper-51 input[type=checkbox][data-v-cdb90c08] {
    visibility: hidden;
    display: none
}

.checkbox-wrapper-51 .toggle[data-v-cdb90c08] {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
            transform: translateZ(0)
}

.checkbox-wrapper-51 .toggle[data-v-cdb90c08]:before {
    content: "";
    position: relative;
    top: 1px;
    left: 1px;
    width: 40px;
    height: 22px;
    display: block;
    background: #c8ccd4;
    border-radius: 12px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.checkbox-wrapper-51 .toggle span[data-v-cdb90c08] {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px rgba(154, 153, 153, .75);
            box-shadow: 0 2px 6px rgba(154, 153, 153, .75);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.checkbox-wrapper-51 .toggle span svg[data-v-cdb90c08] {
    margin: 7px;
    fill: none
}

.checkbox-wrapper-51 .toggle span svg path[data-v-cdb90c08] {
    stroke: #c8ccd4;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle[data-v-cdb90c08]:before {
    background: #1175c7
}

.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span[data-v-cdb90c08] {
    -webkit-transform: translateX(18px);
            transform: translateX(18px)
}

.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span path[data-v-cdb90c08] {
    stroke: #000;
    stroke-dasharray: 25;
    stroke-dashoffset: 25
}

.disabled[data-v-cdb90c08] {
    opacity: .5 !important
}

@media (max-width:650px) {
    #cookie-banner[data-v-cdb90c08] {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end
    }

    .modal[data-v-cdb90c08] {
        max-width: 650px
    }
}

.button-fade-enter-active[data-v-9c77498e],
.button-fade-leave-active[data-v-9c77498e] {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.button-fade-enter[data-v-9c77498e],
.button-fade-leave-to[data-v-9c77498e] {
    opacity: 0
}

#viewed-products[data-v-9c77498e] {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 100
}

.products[data-v-9c77498e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: 300px;
    grid-gap: 8px;
    gap: 8px;
    list-style-type: none;
    z-index: 100;
    padding: 0
}

.products .product[data-v-9c77498e] {
    height: 60px;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    cursor: pointer;
    padding: 5px
}

.products .product[data-v-9c77498e]:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.products .product .image[data-v-9c77498e] {
    height: 50px;
    width: 50px;
    border-radius: 4px;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.products .product .image img[data-v-9c77498e] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.products .product .description[data-v-9c77498e] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 4px;
    gap: 4px;
    overflow: hidden
}

.products .product .description h1[data-v-9c77498e] {
    font-size: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.products .product .description p[data-v-9c77498e] {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.products .close[data-v-9c77498e] {
    height: 26px;
    width: 26px;
    border-radius: 4px;
    background-color: red;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

#viewed-products .button[data-v-9c77498e] {
    height: 64px;
    width: 64px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: .15s;
    transition: .15s;
    position: absolute;
    bottom: 0;
    right: 0
}

.flex-box[data-v-9c77498e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 4px;
    gap: 4px
}

.regular[data-v-9c77498e] {
    color: red;
    font-weight: 600
}

.discounted[data-v-9c77498e] {
    text-decoration: line-through;
    color: #999
}

#viewed-products:hover .button[data-v-9c77498e] {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

#viewed-products .button img[data-v-9c77498e] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border: 4px solid #fff
}

.fade-in-enter-active[data-v-9c77498e],
.fade-in-leave-active[data-v-9c77498e] {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.fade-in-enter[data-v-9c77498e],
.fade-in-leave-to[data-v-9c77498e] {
    opacity: 0
}

@media (max-width:768px) {
    #viewed-products[data-v-9c77498e] {
        bottom: 20px;
        right: 20px
    }
}

.coupon-wr-applied[data-v-54d71bb9] {
    --red-bg: #de102f;
    position: fixed;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #ffe4e9;
    border: 1px solid #e29eaa;
    color: #9f102a;
    width: 100%;
    max-width: 380px;
    z-index: 50;
    -webkit-box-shadow: 0 10px 20px rgba(107, 44, 44, .3);
            box-shadow: 0 10px 20px rgba(107, 44, 44, .3);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden
}

.coupon-wr-applied[data-v-54d71bb9],
.sign[data-v-54d71bb9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.sign[data-v-54d71bb9] {
    background-color: var(--red-bg);
    padding: 0 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    font-size: 28px;
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.text[data-v-54d71bb9] {
    line-height: 1.6;
    padding: 12px 20px;
    font-size: 14px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}

.delete[data-v-54d71bb9] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer
}

.text[data-v-54d71bb9] .badge {
    background-color: var(--red-bg);
    color: #fff;
    padding: 2px 8px
}

.mod-enter-active[data-v-54d71bb9],
.mod-leave-active[data-v-54d71bb9] {
    -webkit-transition: .35s all var(--ease);
    transition: .35s all var(--ease);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.mod-enter-from[data-v-54d71bb9],
.mod-leave-to[data-v-54d71bb9] {
    opacity: 0
}

div.label[data-v-54d71bb9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-flex-start;
        -ms-flex-align: flex-flex-start;
            align-items: flex-flex-start;
    line-height: 1;
    vertical-align: baseline
}

.unit[data-v-54d71bb9] {
    font-size: 14px;
    font-weight: 600
}

video::-webkit-media-controls-panel {
    display: none;
    opacity: 0!important;
}


.play-button {
    display: none;
}


@media screen and (max-width:600px) {
    video[data-v-d03edfa6] {
        min-height: 100vw;
        max-width: 100vw
    }
}

.pink_block {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 8px 0px;
    text-align: center;
    margin: 15px 0;
}

.logo_block {
    text-align: center;
    margin: 0px auto 15px;
}