@charset "UTF-8";

:root {
    --style--gallery-gap-default: 0px;
    --gallery-block--gutter-size: 0px;
}

html {
    box-sizing: border-box;
    min-height: 100vh;
    background-color: #fdfdfd;
    overflow-x: hidden;
    overflow-y: overlay;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--color--gray-border) transparent;
    scroll-padding-top: calc(var(--header--height) - 10px);
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

html.no-animation {
    scroll-behavior: inherit;
}

html.is-transitioning,
html.is-transitioning * {
    cursor: progress;
    pointer-events: none;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

:root::selection {
    background: var(--color--blue);
    color: var(--color--white);
}

.supercontainer {
    background: #fdfdfd;
    background-size: 80vw auto;
    background-position: 50% 50%;
    min-height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 70.14' data-hash='0' width='220' height='70.13999938964844' style='opacity:0.2' %3E%3Cstyle type='text/css'%3E @keyframes s1 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-1 %7B animation: s1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both; %7D @keyframes s2 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-2 %7B animation: s2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both; %7D @keyframes s3 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-3 %7B animation: s3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both; %7D @keyframes s4 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-4 %7B animation: s4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s both; %7D @keyframes s5 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(35, 53, 104); %7D %7D .el-5 %7B animation: s5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both; %7D .el-6 %7B animation: s6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; %7D .el-7 %7B animation: s7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.91s both; %7D .el-8 %7B animation: s8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.01s both; %7D @keyframes s9 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-9 %7B animation: s9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; %7D @keyframes s10 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-10 %7B animation: s10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both; %7D @keyframes s11 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-11 %7B animation: s11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; %7D @keyframes s12 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-12 %7B animation: s12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both; %7D @keyframes s13 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-13 %7B animation: s13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both; %7D @keyframes s14 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(232, 60, 77); %7D %7D .el-14 %7B animation: s14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both; %7D @keyframes s15 %7B 0%25 %7B fill: transparent; %7D 100%25 %7B fill: rgb(35, 53, 104); %7D %7D .el-15 %7B animation: s15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both; %7D %3C/style%3E%3Crect y='14.68' width='22.91' height='3.15' fill='%23e83c4d' class='el-1'%3E%3C/rect%3E%3Crect y='20.98' width='22.91' height='3.15' fill='%23e83c4d' class='el-2'%3E%3C/rect%3E%3Crect y='27.29' width='22.91' height='3.15' fill='%23e83c4d' class='el-3'%3E%3C/rect%3E%3Crect y='33.6' width='22.91' height='3.15' fill='%23e83c4d' class='el-4'%3E%3C/rect%3E%3Cpath d='m109.56,41.3c-3.63,0-5.75-1.81-5.75-5.52v-10.51h11.91v-10.51h-11.91V2.27h-12.26v12.48h-11.31l-9.53,22.62-10.51-22.62h-8.92C47.13,5.72,37.68,0,25.81,0h-14.34v11.5h14.34c8.32,0,14.75,6.13,14.75,14.07s-6.43,14.38-14.75,14.38h-14.34v11.5h14.34c15.2,0,26.42-9.42,27.65-23.31l11.14,23.77-7.62,18.05h12.86l18.84-44.68h2.89v10.89c0,9.91,5.9,16.42,14.75,16.42,3.63,0,6.35-.31,11.12-1.81l-1.36-10.36c-2.72.53-4.77.91-6.51.91v-.03Zm90.08-27.69c-3.93,0-7.19,1.29-10.14,3.63v-2.5h-12.26v13.13c-2.17-8.31-9.57-13.97-19.24-13.97-5.6,0-10.44,1.9-13.94,5.1v-4.88c-5.45,0-9.38,1.74-12.63,4.54v-3.93h-12.26v36.69h12.26v-20.96c2.01-2.01,4.46-3.38,7.79-4.11-.72,2.06-1.12,4.3-1.12,6.69,0,11.2,8.32,19.52,19.9,19.52,9.68,0,17.07-5.81,19.24-14.26v13.13h12.26v-23c2.12-2.42,4.54-3.71,6.81-3.71,4.01,0,6.66,2.5,6.66,7.72v18.99h12.33v-20.96c0-10.44-6.35-16.87-15.66-16.87h0Zm-41.56,28.37c-4.99,0-8.32-3.93-8.32-8.85s3.33-8.62,8.32-8.62,8.24,3.86,8.24,8.62-3.33,8.85-8.24,8.85h0Z' fill='%23233568' class='el-5'%3E%3C/path%3E%3Cpath d='m199.54,61.04h-2.07v3.82h2.07c1.55,0,2.34-.7,2.34-1.9h0c0-1.22-.78-1.92-2.34-1.92Z' fill='none' class='el-6'%3E%3C/path%3E%3Cpath d='m173.17,61.05h0s-2.07-.01-2.07-.01v3.83h2.07c1.55,0,2.34-.72,2.34-1.91s-.78-1.91-2.34-1.91Z' fill='none' class='el-7'%3E%3C/path%3E%3Cpath d='m186.21,60.94c-1.95,0-3.44,1.43-3.44,3.52s1.48,3.52,3.44,3.52,3.43-1.43,3.43-3.52-1.48-3.52-3.43-3.52Z' fill='none' class='el-8'%3E%3C/path%3E%3Cpolygon points='146.6 65.38 151.7 65.38 151.7 63.4 146.6 63.4 146.6 61.01 152.38 61.01 152.38 58.97 144.07 58.97 144.07 69.96 152.58 69.96 152.58 67.92 146.6 67.92 146.6 65.38' fill='%23e83c4d' class='el-9'%3E%3C/polygon%3E%3Cpath d='m162.74,65.03c0,2.08-.91,2.95-2.45,2.95s-2.45-.86-2.45-2.95v-6.06h-2.54v6.15h-.01c0,3.23,1.85,5.02,4.98,5.02s4.98-1.79,4.98-5.02v-6.15h-2.51v6.06Z' fill='%23e83c4d' class='el-10'%3E%3C/path%3E%3Cpath d='m178.08,62.96c0-2.47-1.83-3.99-4.77-3.99h-4.75v10.99h2.54v-3.06h2.34l2.12,3.06h2.72l-2.46-3.53c1.43-.61,2.26-1.82,2.26-3.47Zm-4.91,1.91h-2.07v-3.83h2.07c1.56.01,2.34.73,2.34,1.92s-.79,1.91-2.34,1.91Z' fill='%23e83c4d' class='el-11'%3E%3C/path%3E%3Cpath d='m186.2,58.78c-3.47,0-6.01,2.41-6.01,5.68s2.56,5.68,6.01,5.68,6.01-2.4,6.01-5.68-2.54-5.68-6.01-5.68Zm.01,9.2c-1.96,0-3.44-1.43-3.44-3.52s1.49-3.52,3.44-3.52,3.43,1.43,3.43,3.52-1.47,3.52-3.43,3.52Z' fill='%23e83c4d' class='el-12'%3E%3C/path%3E%3Cpath d='m199.68,58.96h-4.75v10.99h2.54v-3.03h2.21c2.93,0,4.77-1.52,4.77-3.97s-1.83-3.99-4.77-3.99Zm2.2,4c0,1.2-.79,1.9-2.34,1.9h-2.07v-3.82h2.07c1.56,0,2.34.7,2.34,1.91h0Z' fill='%23e83c4d' class='el-13'%3E%3C/path%3E%3Cpolygon points='209.29 67.91 209.29 65.37 214.39 65.37 214.39 63.39 209.29 63.39 209.29 61 215.07 61 215.07 58.96 206.76 58.96 206.76 69.95 215.27 69.95 215.27 67.91 209.29 67.91' fill='%23e83c4d' class='el-14'%3E%3C/polygon%3E%3Cpath d='m210.6,10.09v-.03c0-2.56,2.08-4.7,4.71-4.7s4.69,2.11,4.69,4.67v.03c0,2.56-2.08,4.7-4.71,4.7s-4.69-2.11-4.69-4.67h0Zm8.86-.03v-.03c0-2.3-1.78-4.16-4.14-4.16s-4.17,1.88-4.17,4.18v.03c0,2.3,1.78,4.16,4.14,4.16s4.17-1.88,4.17-4.18Zm-6.09-2.64h2.22c.68,0,1.19.19,1.54.54.27.27.42.65.42,1.09v.03c0,.8-.44,1.31-1.08,1.54l1.22,1.79h-1.29l-1.07-1.61h-.87v1.61h-1.1v-5h.01Zm2.21,2.44c.56,0,.85-.3.85-.72v-.03c0-.48-.34-.73-.88-.73h-1.08v1.46h1.1v.02Z' fill='%23233568' class='el-15'%3E%3C/path%3E%3C/svg%3E");
}

@media (min-width: 768px) {
    .supercontainer {
        background-size: auto 160px;
    }
}

[data-ajax="container"] {
    width: 100%;
}

.fade-leave-active {
    transition: opacity 0.25s ease;
}

.fade-enter-active {
    transition: opacity 0.75s ease;
}

.fade-leave {
    opacity: 1;
}

.fade-enter {
    opacity: 0;
    transform: translateY(-10px);
}

.fade-leave-to {
    opacity: 0;
}

.fade-enter-to {
    opacity: 1;
    transform: translateY(0);
}

html.modal-main-menu--open,
html.is-transitioning {
    /* overflow-y: hidden; */
}

[data-scroll-container] {
    /* display: flex; */
    /* flex-direction: column; */
    /* min-height: 100vh; */
    /* width: 100vw; */
    /* background: #fff; */
    transition: .3s all ease-in-out;
}

mark:not(.has-inline-color) {
    background: rgba(255, 174, 0, 0.4);
    box-shadow: 0 0 0 0.1em rgb(255 174 0 / 40%);
}

body {
    height: 100%;
    overflow: visible !important;
    background: #ffffff;
}

strong,
b {
    font-weight: 700;
}

address {
    font-style: normal;
}

abbr {
    text-decoration: dashed;
    text-decoration-line: underline;
    text-underline-offset: .25em;
    text-decoration-thickness: from-font;
    text-decoration-color: color-mix(in srgb, currentColor 25%, transparent);
}

:where(button:not(.btn)) {
    background-color: transparent;
    padding: 0;
    border: 0;
}

a,
button,
.btn {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

a>svg,
button>svg,
a>svg.lazyloaded,
button>svg.lazyloaded {
    transition: all 0.3s ease-in-out;
}

button>svg {
    pointer-events: none;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.video-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

img:not([src]) {
    content: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

hr {
    clear: both;
    margin: 2rem auto;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}

.groups {
    display: flex;
    gap: 1.5em 2rem;
    flex-wrap: wrap;
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .groups {
        gap: .5em 4rem;
    }
}

.btn {
    display: inline-flex;
    position: relative;
    align-items: center;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: auto;
    justify-content: center;
}

.btn.loading:before {
    background: currentColor;
    -webkit-mask-image: url(../img/loading.svg);
    mask-image: url(../img/loading.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
}

.btn.favicon {
    padding-left: 4em;
    background-position: 1.5em center;
}

.btn.btn-arrow {
    clip-path: polygon(0% 0%, calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%);
    width: 100%;
    justify-content: flex-start;
    font-weight: var(--custom--font-weight--semibold);
    font-family: var(--font-family--primary);
}

.mini-cart-actions .btn.btn-arrow:hover {
    color: var(--color--red);
    background: var(--color--white);
}

.btn[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.btn-lg {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.burger {
    padding: 0 1rem;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    margin: 0 auto;
}

.header .burger {
    margin: 0 auto -.75em auto;
    width: 8rem;
}

@media (max-width: 950px) {
    .header .burger {
        margin-right: 0;
        width: auto;
        position: relative;
        left: 1rem;
        margin: 0 0 0 auto;
        order: 3;
    }
}

.burger-wrapper {
    margin-bottom: -.5em;
    pointer-events: none;
}

.burger:after {
    content: attr(data-open);
    font-size: 12px;
    transition: .3s all;
    color: var(--color--red);
    font-weight: var(--custom--font-weight--bold);
}

html.modal-main-menu--open .burger:after {
    content: attr(data-close);
    animation: fadeIn 2s;
}

.burger .line {
    width: 2.2rem;
    height: .25rem;
    background-color: var(--color--blue);
    display: block;
    margin: .4rem auto;
    transition: all .3s ease-in-out
}

html.modal-main-menu--open .burger .line,
html:not(.scrolled) .header-fixed .burger .line {
    background-color: var(--color--white);
}

@media (hover: hover) {
    .burger:hover .line {
        background-color: var(--color--red) !important;
    }
}

html.modal-main-menu--open .burger-wrapper {
    -webkit-animation: scale-animation .3s forwards;
    animation: scale-animation .3s forwards;
}

html.modal-main-menu--open .burger .line {
    transition-delay: .2s
}

html.modal-main-menu--open .burger .line:nth-child(2) {
    opacity: 0
}

html.modal-main-menu--open .burger .line:first-child {
    transform: translateY(.65rem) rotate(45deg)
}

html.modal-main-menu--open .burger .line:nth-child(3) {
    transform: translateY(-.65rem) rotate(-45deg)
}

@-webkit-keyframes scale-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

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

@keyframes scale-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

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

.main-menu .flex {
    height: 100%;
    width: 100%;
}

.main-menu .flex-1 {
    max-width: 60rem;
}

html.modal-main-menu--open .main-menu .flex-1 {
    margin-bottom: -4rem;
}

@media (max-width: 768px) {
    .main-menu .around-xs {
        display: grid;
        width: auto;
    }
}

.main-menu-content {
    text-align: left;
    padding: 1rem;
}

.main-menu .burger {
    margin-bottom: 2rem;
}

.main-menu a {
    padding: 1rem;
    font-size: var(--font-size--max-36);
    line-height: var(--custom--line-height--one);
    display: flex;
    text-decoration: none;
    color: var(--color--white);
    line-height: 1.1;
}

@media (max-height: 580px) {
    .main-menu a {
        font-size: var(--font-size--large);
    }

    .main-menu .burger {
        display: none
    }
}

@media (max-height: 750px) {
    .main-menu a {
        padding: .5rem 1rem;
        font-size: 1.6em;
    }
}

.main-menu a:hover,
.main-menu .current a {
    color: var(--color--red);
}

.grecaptcha-badge {
    visibility: hidden;
}

.arrow {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 99;
    display: flex;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background: var(--color--blue);
    text-align: center;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 1px 0px white;
}

.arrow.visible {
    opacity: 1;
    pointer-events: all;
}

.arrow svg {
    width: 1rem;
    height: 1rem;
    fill: #fff;
    margin: 0 auto;
}

.arrow:hover {
    transform: translateY(-10px);
}

@media (max-width: 450px) {
    .arrow {
        display: none !important;
    }
}

.header {
    transition: 0.3s all ease-in-out;
    white-space: nowrap;
    z-index: 99;
    /* overflow: hidden; */
    position: sticky;
    width: 100%;
    top: 0;
    padding: var(--spacing--50) 0;
    background: #fff;
    box-shadow: 0 1px 0 var(--color--border);
}

html.modal-main-menu--open header {
    background: transparent;
    box-shadow: 0 1px 0 transparent;
    transition: .1s all linear;
    z-index: 1000;
}

@media (max-height: 450px) {
    .header {
        padding: var(--spacing--30) 0;
    }
}

html:not(.scrolled) .header-fixed .header {
    background: transparent;
    box-shadow: 0 1px 0 transparent;
}

.home .header {
    position: fixed;
}

.header>*:first-child {
    width: 100%;
}

.header-right {
    margin-left: auto;
}

.header-menu-ul {
    align-items: center;
}

@media (max-width: 950px) {
    .header-right .header-menu-item {
        display: none;
    }
}

.header-left,
.header-right {
    width: calc(50% - 4rem);
}

svg {
    display: block;
}

.header-logo {
    max-width: 14rem;
    height: 8vh;
    width: 30vw;
    max-height: 3.5rem;
    min-height: 3.5rem;
}

.header-logo svg {
    margin-right: 2rem;
    fill: var(--color--blue);
    transition: .3s all;
    height: 100%;
}

@media (max-width: 480px) {
    .header-logo {
        width: 40vw;
    }

    .header-logo svg {
        margin-right: 1.5rem;
    }
}

.logo--blue {
    fill: var(--color--blue);
}

html.modal-main-menu--open .header-logo svg,
html:not(.scrolled) .header-fixed .header-logo svg {
    fill: var(--color--white);
}

.header-menu-item a {
    padding: .5em 1em;
    color: var(--color--blue);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--medium);
}

@media (min-width: 1200px) {
    .header-menu-item a {
        padding: .5em 1.5em;
    }
}

html.modal-main-menu--open .header-menu-item a,
html:not(.scrolled) .header-fixed .header-menu-item a,
html.modal-main-menu--open .header-lang .current,
html:not(.scrolled) .header-fixed .header-lang .current {
    color: var(--color--white);
}

html.modal-main-menu--open .header-lang .nice-select:after,
html:not(.scrolled) .header-fixed .header-lang .nice-select:after {
    border-top-color: var(--color--white);
}

.header-menu-item a:hover {
    color: var(--color--red) !important;
}

.header-icon svg {
    height: 1.25rem;
    fill: var(--color--blue);
    width: auto;
}

.header-menu-icon {
    display: flex;
    align-items: center;
}

.header-menu-search {
    position: relative;
    top: 1px;
}


.header-icon {
    padding: .75em;
    display: inline-flex;
}

html.modal-main-menu--open .header-icon svg,
html:not(.scrolled) .header-fixed .header-icon:not(:hover) svg {
    fill: var(--color--white);
}

.header-icon:hover svg {
    fill: var(--color--red);
}

.header-menu-cart {
    position: relative;
}

.header-menu-cart .badge-notification {
    position: absolute;
    top: .2em;
    right: .2em;
    transition: 5s ease;
}

.header-menu-cart .badge-notification:not(:empty) {
    animation: fadeIn .5s;
}

.header-menu-cart .badge-notification:empty {
    animation: fadeOut normal .5s forwards;
    opacity: 0;
    transition: 1s ease;
}

.header-lang a {
    text-transform: uppercase;
    color: var(--color--blue);
    text-decoration: none;
    opacity: 0.5;
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--small);
}

.header-lang .nice-select .current {
    mask-image: none;
}

html:not(.scrolled) .header-fixed .header-lang a {
    color: var(--color--white);
}

.header-lang a:hover,
.current-lang a {
    opacity: 1;
}

.shine {
    overflow: hidden;
    position: relative;
}

.shine:before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 3;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.1)));
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.loading-placeholder.lazycomplete.shine {
    overflow: hidden;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@-moz-keyframes shine {
    100% {
        left: 125%;
    }
}

@-o-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

a.shine:hover:before,
a:hover .shine:before {
    -webkit-animation: 0.75s shine;
    -moz-animation: 0.75s shine;
    -o-animation: 0.75s shine;
    animation: 0.75s shine;
}

.loading-placeholder {
    position: relative;
    max-width: fit-content;
}

.loading-placeholder.lazycomplete .shine {
    position: relative;
    overflow: hidden;
}

html.js .loading-placeholder img {
    position: relative;
    opacity: 0;
    transition: opacity 2s ease;
    z-index: 2;
}

html.js .loading-placeholder.lazycomplete img {
    opacity: 1;
}

.square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.radius {
    border-radius: 50%;
    overflow: hidden;
}

.loading-placeholder:not(.lazycomplete) {
    position: relative;
    max-width: 100%;
}

.loading-placeholder {
    background: transparent !important;
}

html.js .loading-placeholder:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--dominant-color, #f5f7f9);
    background-image: url("data:image/gif;base64,R0lGODlh3AEBANU+AO3v8ezu8unr7+3v8+vt7uzu8Pf39+3v8uzu8evs8Ovt7+7w9Pf3+fb4+evs8/Dy9PH09fb29vP19vHz9Ors8PL09u/y8+rr8Ovs8u7w8+zt8uvt8fHx8e3v8Pj4+Ozu7+nr7vb1+O3t7fPz9fDw8PHx8+ns7evt8uvr7evr6+rs7fLy8u7t8Ojq7u/u8ezu8/X3+O3v7+zt8O3t7+zs7vb4+u7w8vDz9O/x8/T2+PL09evs8fP19/X3+f///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUIzNjg0RkRDRTRCMTFFN0JBQTg5RkI0MDkyNUYwQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUIzNjg0RkVDRTRCMTFFN0JBQTg5RkI0MDkyNUYwQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjM2ODRGQkNFNEIxMUU3QkFBODlGQjQwOTI1RjBCQiIg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");
    background-repeat: repeat-y;
    background-size: 100% 1px;
    transition: 1.5s ease;
    background-blend-mode: multiply;
    z-index: 1;
}

html.js .loading-placeholder.lazycomplete:not(.placeholder):after {
    opacity: 0;
}

main>.alignwide {
    overflow: hidden;
}

main,
main>* {
    position: relative;
}

main {
    overflow: hidden;
    flex-grow: 1;
    min-height: 10rem;
    max-width: var(--style--global--wide-size);
    margin: 0 auto;
    box-shadow: -1px 0 0 0px var(--color--border), 1px 0 0 0px var(--color--border);
    background: var(--color--white);
    z-index: 0;
}

@media (max-width: 767px) {
    main:before {
        opacity: 0.2 !important;
    }
}

.header-lang {
    margin-left: 4rem;
    display: flex;
    gap: 1rem;
    transition: .2s opacity;
}

.header-lang select {
    background: transparent;
    border: 0;
    color: var(--color--white);
}

.header-lang option {
    color: var(--color--blue);
}

@media (max-width: 480px) {
    .header-lang {
        gap: .5rem;
    }
}

.header-lang .nice-select .nice-select-dropdown {
    left: -.5em;
}

.header-lang .nice-select .list {
    max-height: 16rem;
}

html.modal-main-menu--open .header-lang {
    opacity: 0;
    pointer-events: none;
}

.clear-margin>*:first-child {
    margin-top: 0;
}

.clear-margin>*:last-child {
    margin-bottom: 0;
}

.slider--draggable {
    cursor: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30.01"><path fill="%23e83c4d" d="m23.46 13.16-4.13-.65V5.3c0-1.71-1.39-3.1-3.1-3.1h-.05c-1.71 0-3.1 1.39-3.1 3.1v11.57l-4.27-1.83c-.86-.37-1.83-.28-2.61.23-.78.51-1.24 1.38-1.24 2.31v.04c0 .79.34 1.54.93 2.07l7.2 6.4v3.11c0 .44.36.8.8.8s.8-.36.8-.8v-3.47c0-.23-.1-.45-.27-.6l-7.47-6.64c-.25-.22-.39-.54-.39-.87v-.04c0-.4.19-.75.52-.97.33-.22.73-.25 1.09-.1l5.39 2.31s.1.04.16.05c.08.02.16.02.24.01h.07c.02 0 .03 0 .05-.01h.03c.02 0 .03-.01.05-.02h.02c.02 0 .03-.01.05-.02 0 0 .02 0 .02-.01.01 0 .03-.02.04-.02 0 0 .02-.01.03-.02.01 0 .02-.02.03-.02.01 0 .02-.01.03-.02 0 0 .02-.02.03-.02.01 0 .02-.02.03-.03 0 0 .01-.02.02-.02l.03-.03s.01-.02.02-.03c0-.01.02-.02.02-.03 0-.01.02-.03.03-.04 0 0 0-.01.01-.02.04-.07.07-.15.08-.23.01-.05.02-.11.02-.16V5.3c0-.82.67-1.49 1.49-1.49h.05c.82 0 1.49.67 1.49 1.49v7.82c-.04.42.25.81.67.87l4.81.75h.01c2.91.41 5.11 2.94 5.11 5.89v.08c0 1.36-.33 2.72-.96 3.93l-2.18 4.19c-.21.39-.05.88.34 1.09.12.06.25.09.37.09.29 0 .57-.16.71-.43l2.18-4.19c.75-1.44 1.14-3.05 1.14-4.67v-.08c0-1.82-.66-3.58-1.85-4.95s-2.84-2.27-4.64-2.53ZM6.18 9.61c.12 0 .25-.03.36-.09.27-.14.44-.41.44-.72V5.6h3.5c.44 0 .8-.36.8-.8s-.36-.8-.8-.8h-3.5V.8c0-.3-.17-.58-.44-.72s-.6-.11-.84.07L.32 4.16c-.2.15-.32.39-.32.65s.12.49.32.65l5.38 4c.14.11.31.16.48.16Zm-.8-2.4-3.23-2.4 3.23-2.4v4.8Zm26.29-3.05-5.38-4c-.24-.18-.57-.21-.84-.07-.27.14-.44.41-.44.72v3.2h-3.5c-.44 0-.8.36-.8.8s.36.8.8.8h3.5v3.2c0 .3.17.58.44.72.11.06.24.09.36.09.17 0 .34-.05.48-.16l5.38-4c.2-.15.32-.39.32-.65s-.12-.49-.32-.65Zm-5.06 3.05V2.4l3.23 2.4-3.23 2.4Z"/></svg>') 16 0, pointer;
}

.slider--draggable.slider--light-cursor {
    cursor: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30.01"><path fill="%23fff" d="m23.46 13.16-4.13-.65V5.3c0-1.71-1.39-3.1-3.1-3.1h-.05c-1.71 0-3.1 1.39-3.1 3.1v11.57l-4.27-1.83c-.86-.37-1.83-.28-2.61.23-.78.51-1.24 1.38-1.24 2.31v.04c0 .79.34 1.54.93 2.07l7.2 6.4v3.11c0 .44.36.8.8.8s.8-.36.8-.8v-3.47c0-.23-.1-.45-.27-.6l-7.47-6.64c-.25-.22-.39-.54-.39-.87v-.04c0-.4.19-.75.52-.97.33-.22.73-.25 1.09-.1l5.39 2.31s.1.04.16.05c.08.02.16.02.24.01h.07c.02 0 .03 0 .05-.01h.03c.02 0 .03-.01.05-.02h.02c.02 0 .03-.01.05-.02 0 0 .02 0 .02-.01.01 0 .03-.02.04-.02 0 0 .02-.01.03-.02.01 0 .02-.02.03-.02.01 0 .02-.01.03-.02 0 0 .02-.02.03-.02.01 0 .02-.02.03-.03 0 0 .01-.02.02-.02l.03-.03s.01-.02.02-.03c0-.01.02-.02.02-.03 0-.01.02-.03.03-.04 0 0 0-.01.01-.02.04-.07.07-.15.08-.23.01-.05.02-.11.02-.16V5.3c0-.82.67-1.49 1.49-1.49h.05c.82 0 1.49.67 1.49 1.49v7.82c-.04.42.25.81.67.87l4.81.75h.01c2.91.41 5.11 2.94 5.11 5.89v.08c0 1.36-.33 2.72-.96 3.93l-2.18 4.19c-.21.39-.05.88.34 1.09.12.06.25.09.37.09.29 0 .57-.16.71-.43l2.18-4.19c.75-1.44 1.14-3.05 1.14-4.67v-.08c0-1.82-.66-3.58-1.85-4.95s-2.84-2.27-4.64-2.53ZM6.18 9.61c.12 0 .25-.03.36-.09.27-.14.44-.41.44-.72V5.6h3.5c.44 0 .8-.36.8-.8s-.36-.8-.8-.8h-3.5V.8c0-.3-.17-.58-.44-.72s-.6-.11-.84.07L.32 4.16c-.2.15-.32.39-.32.65s.12.49.32.65l5.38 4c.14.11.31.16.48.16Zm-.8-2.4-3.23-2.4 3.23-2.4v4.8Zm26.29-3.05-5.38-4c-.24-.18-.57-.21-.84-.07-.27.14-.44.41-.44.72v3.2h-3.5c-.44 0-.8.36-.8.8s.36.8.8.8h3.5v3.2c0 .3.17.58.44.72.11.06.24.09.36.09.17 0 .34-.05.48-.16l5.38-4c.2-.15.32-.39.32-.65s-.12-.49-.32-.65Zm-5.06 3.05V2.4l3.23 2.4-3.23 2.4Z"/></svg>') 16 0, pointer;
}

.slider--offset-right {
    right: -1px;
}

.shop-product-slider .is-overflow .slider__track,
.slider--offset-right.is-overflow .slider__track {
    mask-image: linear-gradient(90deg, #000 80%, transparent);
}

html.js .slider .loading-placeholder img[src=""] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.slider-intro-img {
    max-height: calc(100vh - 2rem);
    min-height: 40rem;
    object-fit: cover;
}

html.js .slider__list>.slider__slide:first-child .slider-intro-img {
    opacity: 0;
    transition: 1s opacity linear;
}

html.js .slider__list>.slider__slide.is-active:first-child .slider-intro-img {
    opacity: 1;
}

.slider-intro-opacity,
.slider-intro-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
}

.slider-intro-content {
    padding: 2rem;
}

.is-active.is-visible .slider-intro-content>*,
.no-js .slider__list>.slider__slide:first-child .slider-intro-content>* {
    opacity: 1;
    transform: translateY(0px);
}

.no-js .slider__slide:not(:first-child) {
    display: none;
}

.no-js .slider__slide:first-child {
    width: 100%;
}

.slider-intro-content p {
    max-width: 55rem;
}

.slider-intro-opacity,
.slider-intro-wrapper {
    background: linear-gradient(#060f42, var(--color--blue));
}

.slider-intro-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 25%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cpath d='M3 800H0V48.5C0 21.8 21.8 0 48.5 0H800v3H48.5C23.4 3 3 23.4 3 48.5V800z' fill='%23e83c4d'/%3E%3Cpath d='M13.8 800h-3V48.5C10.8 27.3 28 10 49.3 10H800v3H49.3c-19.6 0-35.5 15.9-35.5 35.5V800z' fill='%23e83c4d'/%3E%3Cpath d='M24.4 800h-3V48.5C21.4 32.8 34.2 20 49.9 20H800v3H49.9c-14.1 0-25.5 11.4-25.5 25.5V800z' fill='%23e83c4d'/%3E%3Cpath d='M34.7 800h-3V48.5C31.7 38.3 40 30 50.2 30H800v3H50.2c-8.5 0-15.5 7-15.5 15.5V800z' fill='%23e83c4d'/%3E%3C/svg%3E%0A") top left / auto 50rem no-repeat;
    opacity: 0.5;
}

@media (min-width: 768px) {
    .slider-intro-wrapper:after {
        opacity: 1;
    }
}

.slider-intro-opacity {
    opacity: .8;
}

.link {
    text-decoration: var(--custom--text-decoration--style);
    text-decoration-thickness: var(--custom--text-decoration--thickness);
    text-underline-offset: var(--custom--text-decoration--offset);
    font-family: var(--font-family--secondary);
}

a.has-red-hover:hover,
button.has-red-hover:hover,
.has-red-hover a:hover {
    color: var(--color--red) !important;
}

a.has-blue-hover:hover,
button.has-blue-hover:hover,
.has-blue-hover a:hover {
    color: var(--color--blue) !important;
}

.has-white-hover:hover {
    color: var(--color--white) !important;
}

.has-no-decoration {
    text-decoration: none;
}

.has-white-color:any-link:hover {
    color: var(--color--red) !important;
}

.has-medium-font-weight {
    font-weight: var(--custom--font-weight--medium);
}

.link-offset {
    padding-bottom: .5em;
}

.link-chevron {
    margin: 1em 0 0 0;
    display: inline-flex;
    position: relative;
}

.page-headline .link-chevron {
    top: -4rem;
    position: absolute;
}

.link-chevron:before {
    content: '';
    position: absolute;
    top: .125em;
    left: -1em;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 32'%3E%3Cpath d='M12.853 7.109c.25 0 .501.125.751.25.376.376.376 1.002 0 1.377l-7.889 7.889c-.376.376-1.002.376-1.377 0-.501-.376-.501-.877-.125-1.377l8.014-7.889c.125-.125.376-.25.626-.25z'/%3E%3Cpath d='M4.965 14.998c.25 0 .501.125.751.25l7.889 8.014c.376.376.376 1.002 0 1.377s-1.002.376-1.377 0L4.339 16.75c-.501-.501-.501-1.002-.125-1.503.25-.125.501-.25.751-.25z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.em {
    margin-top: 0.5em;
}

.block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
}

.pagination {
    margin-top: 2rem;
}

.pagination ul {
    display: flex;
    gap: .25em;
    justify-content: center;
}

.pagination a,
.pagination span {
    padding: .2em;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2em;
    min-height: 2em;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.11);
    color: var(--color--gray-dark);
    text-decoration: none;
    font-size: var(--font-size--small);
}

.pagination svg {
    pointer-events: none;
    width: 1em;
    height: 1em;
}

.pagination a:hover svg {
    fill: var(--color--white);
}

.pagination a:hover,
.pagination span.current {
    background-color: var(--color--red);
    color: var(--color--white);
    font-weight: var(--custom--font-weight--bold);
}

.width-100 {
    width: 100%;
}

@media (min-width: 400px) {

    .has-left-offset-xs,
    .is-style-left-offset-xs {
        padding-left: 5.5rem !important;
    }

    .has-left-offset {
        padding-left: 6rem !important;
    }
}

@media (min-width: 768px) {

    .has-left-offset-md,
    .is-style-left-offset-md {
        padding-left: 5.5rem !important;
    }
}

@media (min-width: 959px) {

    .has-left-offset,
    .has-left-offset-xs,
    .is-style-left-offset-md,
    .is-style-left-offset-xs,
    .has-left-offset-md {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media (min-width: 1200px) {
    .has-left-offset-lg {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

.gap-mt-0 {
    margin-block-start: 0 !important;
}

.gap-mt-12 {
    margin-block-start: var(--custom--spacing--gap-block-12) !important;
}

.gap-mt-8 {
    margin-block-start: var(--custom--spacing--gap-block-8) !important;
}

.gap-mt-6 {
    margin-block-start: var(--custom--spacing--gap-block-6) !important;
}

.gap-mt-4 {
    margin-block-start: var(--custom--spacing--gap-block-4) !important;
}

.gap-mt-2 {
    margin-block-start: var(--custom--spacing--gap-block) !important;
}

.gap-mb-12 {
    margin-block-end: var(--custom--spacing--gap-block-12) !important;
}

.gap-mb-8 {
    margin-block-end: var(--custom--spacing--gap-block-8) !important;
}

.gap-mb-6 {
    margin-block-end: var(--custom--spacing--gap-block-6) !important;
}

.gap-mb-4 {
    margin-block-end: var(--custom--spacing--gap-block-4) !important;
}

.gap-mb-2 {
    margin-block-end: var(--custom--spacing--gap-block) !important;
}

.gap-mb-0 {
    margin-block-end: 0;
}

.product-slider .has-medium-font-size {
    line-height: var(--custom--line-height--three);
    margin-bottom: 1em;
    padding-right: 2rem;
}

@media (min-width: 768px) {
    .hp-product .has-medium-font-size {
        max-width: 20ch;
    }
}

.product-slider .has-text-align-center {
    display: inline-block;
}

.hp-product span {
    line-height: var(--custom--line-height--three);
    display: inline-flex;
}

.hp-product-item {
    display: block;
    position: relative;
    color: #fff;
    overflow: hidden;
    background: var(--color--gray);
}

.hp-product-item:hover {
    color: var(--color--white) !important;
}

.hp-product-item h4 {
    max-width: 14ch;
    padding: 0.75rem 2rem;
}

@media (min-width: 768px) and (max-width: 959px) {
    .hp-product-item h4 {
        font-size: 22px !important;
    }
}

.hp-product-item img {
    transition: 30s transform ease-in-out;
    transform: scale(1);
    will-change: transform;
}

.hp-product-item:hover img {
    transform: scale(1.3);
    transition: 10s transform ease-in-out
}

.hp-product-item-opacity {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .5) 95%);
}

.hp-product-item>*:not(img) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
}

.hp-product-item-bottom {
    background: transparent;
    padding: 1.5rem 2rem;
    transition: .3s all;
    backdrop-filter: blur(0px);
    will-change: backdrop-filter;
    image-rendering: optimizeSpeed;
    position: absolute;
    bottom: 0;
}

.hp-product-item:hover .hp-product-item-bottom {
    background: #2d3866a1;
    backdrop-filter: blur(10px);
}

.hp-product-item-desc {
    opacity: 0;
    transition: .3s all;
    transform: translateY(1rem) scale(0.98);
    will-change: transform;
    /* font-size: 90%; */
}

.hp-product-item:hover .hp-product-item-desc {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.digitron span {
    max-width: 14ch;
}

html.en .digitron span {
    max-width: 20ch;
}

.digitron {
    padding-bottom: var(--custom--spacing--gap-block-6);
}

.digitron-inner {
    display: grid;
    grid-template-columns: min-content min-content;
    width: min-content;
    margin: 0 auto;
    gap: 0 7vw;
}

@media (min-width: 768px) {
    .digitron {
        padding-right: 0 !important;
    }

    .digitron-inner {
        display: flex;
        width: 100%;
        justify-content: space-around;
        max-width: calc(var(--style--global--wide-size) - 15%);
        gap: 0 2rem;
    }
}

.has-red-lines {
    overflow: hidden;
    position: relative;
}

.red-lines {
    position: relative;
}

.red-lines:before {
    content: '';
    position: absolute;
    left: -1em;
    top: calc(-1.9em + var(--font-size--max-36));
    transform: translateX(-100%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 1200'%3E%3Cpath d='M3 1200H0V48.5C0 21.8 21.8 0 48.5 0H68v3H48.5C23.4 3 3 23.4 3 48.5V1200z' fill='%23e83c4d'/%3E%3Cpath d='M13.8 1200h-3V48.5C10.8 27.3 28 10 49.3 10H68v3H49.3c-19.6 0-35.5 15.9-35.5 35.5V1200z' fill='%23e83c4d'/%3E%3Cpath d='M24.4 1200h-3V48.5C21.4 32.8 34.2 20 49.9 20H68v3H49.9c-14.1 0-25.5 11.4-25.5 25.5V1200z' fill='%23e83c4d'/%3E%3Cpath d='M34.7 1200h-3V48.5C31.7 38.3 40 30 50.2 30H68v3H50.2c-8.5 0-15.5 7-15.5 15.5V1200z' fill='%23e83c4d'/%3E%3C/svg%3E") 0 0 / auto 1200px no-repeat;
    width: 4rem;
    height: 1200px;
}

.red-lines h1+a.has-blue-color {
    display: inline-flex;
    margin-top: 1em;
}

.has-red-lines--no-oveflow {
    overflow: visible !important;
}

.has-red-lines--no-oveflow .red-lines:before {
    height: calc(100% + var(--custom--spacing--gap-block-4) - 2px);
}

.red-lines--upside {
    margin-top: 6rem;
}

.red-lines--upside:before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0.1em;
    transform: scale(-1, 1) rotate(180deg) translateX(-100%) translateY(-1.8em);
    transform-origin: top left;
    width: 4rem;
    z-index: 22222;
}

.is-style-red-line-upside {
    margin-top: 0;
    margin-block-start: 0 !important;
}

.hp-our-dytron {
    background: var(--color--blue);
}

.hp-our-dytron-desktop {
    object-fit: cover;
    object-position: center center;
    height: 70vw;
    max-height: 900px;
}

.radius {
    border: 3px solid var(--color--blue);
}

.hp-about-us {
    margin-left: auto !important;
}

.partner {
    border-bottom: 1px solid var(--color--border);
    overflow: visible !important;
}

.home .partner {
    border-top: 1px solid var(--color--border);
    border-bottom: 0;
}

.no-pad-right {
    padding-right: 0 !important;
}

.partner img {
    max-width: 15rem;
    height: 8rem;
    object-fit: contain;
    object-position: center center;
    transition: 1s all;
    margin: 2rem 0;
}

.partner a:hover img {
    filter: grayscale(1);
}

.partner p {
    width: 100%;
    text-align: center;
}

.home .partner p {
    position: absolute;
    top: -.5em;
    transform: translateY(-100%);
    margin: 0;
    left: 0;
}

body:not(.home) .partner {
    margin-top: 3rem;
}

.hp-who p {
    max-width: 40rem;
}

.has-cover-background {
    position: relative;
}

.has-cover-background>img:first-of-type,
.has-cover-background>figure:first-of-type img {
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
    object-position: top center;
    height: 100%;
    min-height: 597px;
    opacity: .2;
    margin: 0;
    width: auto !important;
}

@media (min-width: 768px) {
    .has-cover-background:not(.hp-who) img:first-of-type {
        min-height: auto;
    }
}

@media (min-width: 959px) {
    .has-cover-background:not(.page-headline) figure:first-of-type {
        margin: 0;
    }

    .has-cover-background:not(.page-headline) img:first-of-type {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .has-cover-background img:first-of-type {
        opacity: 1;
    }
}

.has-cover-background>*:not(img, figure) {
    position: relative;
    z-index: 1;
}

.hp-who {
    background: var(--color--blue);
}

.hp-who+.hp-who {
    background: var(--color--blue-light);
}

.hp-who .groups {
    padding-bottom: 1rem;
}

.has-sup:before {
    content: attr(data-sup);
    display: block;
    color: rgba(255, 255, 255, .4);
    font-size: var(--font-size--small);
}

.hp-map .map {
    height: 100%;
    min-height: 59vh;
}

@media (min-width: 1400px) {
    .hp-map .map {
        width: 50%;
        position: absolute !important;
        right: 0;
        bottom: 0;
    }
}

@media (min-width: 1700px) {
    .hp-map .map {
        width: calc(66.666% - 6rem);
    }
}

@media (max-width: 578px) {
    .hp-map .map {
        margin-left: calc(calc(var(--style--root--padding-left) * -1) - 3.5rem);
    }
}

@media (min-width: 768px) {
    .hp-map .red-lines {
        margin-bottom: 20rem!important;
    }
}

.hp-map p {
    max-width: 33rem;
}

.slider-article {
    background: var(--color--blue);
}

.flex-gap {
    display: flex;
    gap: .5em;
    flex-wrap: wrap;
}

.flex-gap--1 {
    gap: 1em;
}

.flex-gap--2 {
    gap: 2em;
}

.badge {
    display: inline-block;
    padding: 0.375em 1em;
    border-radius: 1rem;
    position: relative;
    line-height: var(--custom--line-height--one);
    transition: .3s all ease-in-out;
    align-items: center;
    text-decoration: none;
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--small);
    width: fit-content;
}

a.badge:hover {
    opacity: 0.8;
}

.badge:not(a) {
    cursor: default;
}

.badge-sm {
    padding: 0.2em 1em;
    font-size: var(--font-size--x-small);
}

.badge-notification {
    display: inline-flex;
    border-radius: 50%;
    background: var(--color--red);
    color: #fff;
    text-align: center;
    transition: .3s all ease-in-out;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.2em;
    font-size: .65em;
    font-weight: bold;
    align-items: center;
    justify-content: center;
}

footer {
    overflow: hidden;
    background: var(--color--white);
    box-shadow: inset 0 0 0 1px var(--color--border);
}

.footer nav ul {
    display: grid;
    gap: .5em 2rem;
    width: 100%;
}

.footer nav a:not(:hover) {
    text-decoration: none;
    color: var(--color--blue);
}

.footer .logo {
    width: 100%;
}

.footer-wrapper-logo {
    margin-right: 2rem;
    max-width: 13rem;
}

.footer-wrapper-logo p {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 2em;
}

@media (min-width: 768px) {
    .footer nav ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .75em 2rem;
    }

    .footer-wrapper {
        display: grid;
        grid-template-columns: calc(66.6666%) calc(33.33333%);
        gap: 2rem;
    }
}

@media (min-width: 1050px) {
    .footer-wrapper-logo {
        width: 13rem;
        margin-right: 7rem;
    }
}

@media (min-width: 1480px) {
    .footer-wrapper-logo {
        margin-right: 29%;
    }
}

.map {
    z-index: 1;
    content-visibility: auto;
    max-height: 90vh;
    height: 40rem;
    min-height: 32rem;
}

.map svg {
    z-index: 200;
    width: inherit;
    height: inherit;
}

.map .leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.leaflet-marker-icon svg {
    filter: drop-shadow(0 3px 2px rgb(0 0 0 / 0.2));
}

.leaflet-marker-icon:not(.leaflet-marker-icon-main) svg path:first-child {
    stroke: #fff;
    stroke-width: 8px;
}

.leaflet-popup {
    font-weight: var(--custom--font-weight--medium);
    font-family: var(--font-family--primary);
}

.leaflet-marker-popup-main .leaflet-popup-content {
    color: var(--color--red);
    font-size: var(--font-size--medium);
}

.leaflet-marker-popup-office .leaflet-popup-content {
    color: var(--color--red);
    font-size: var(--font-size--regular);
}

.leaflet-marker-popup-customer .leaflet-popup-content {
    color: var(--color--blue);
    font-size: var(--font-size--small);
}

.leaflet-container:after {
    text-align: center;
}

.news {
    padding-bottom: 6rem;
}

.news article {
    padding-bottom: 2rem;
    box-shadow: inset 0px -1px 0 0px var(--color--border);
    height: 100%;
}

.image-has-tag {
    position: relative;
}

.image-has-tag .badges {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 3;
}

.page-headline {
    background: var(--color--gray-headline);
    padding-top: var(--custom--spacing--gap-block-4);
    padding-bottom: var(--custom--spacing--gap-block-4);
}

.page-headline:has(.link-chevron) {
    padding-top: 5rem;
}

.page-headline .block-button .btn {
    min-width: 14rem;
}

.page-headline .groups {
    margin-top: -2rem;
}

@media (max-width: 350px) {
    .page-headline .groups {
        margin-left: -3.5rem;
    }
}

.page-headline.has-cover-background:before {
    content: '';
    width: 200%;
    aspect-ratio: 1/1;
    display: block;
    background: var(--color--gray-headline);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    filter: blur(50px);
    opacity: 0.9;
}

@media (min-width: 768px) {
    .page-headline.has-cover-background p {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .page-headline.has-cover-background p {
        width: 42%;
    }
}

.groups-full {
    box-shadow: inset 0px -1px 0 0px var(--color--border);
    margin-bottom: 3rem;
}

.groups-full a {
    padding: 1rem;
}

.groups-full a.has-red-color {
    pointer-events: none;
    cursor: default;
}

@media (min-width: 768px) {
    .groups-full a {
        padding: 1rem 2rem;
    }
}

.groups-full .groups {
    margin-left: -2rem;
    gap: 0;
    padding: 2rem 0;
}

.post-navigation {
    padding: 4rem 0;
}

.image-top-right-corner {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.image-top-right-corner~* {
    position: relative;
    z-index: 1;
}

.block-column {
    position: relative;
}

@media (max-width: 959px) {
    .block-columns:not(.is-style-not-stacked-early) {
        flex-wrap: wrap !important;
    }

    .block-columns:not(.is-style-not-stacked-early)>.block-column {
        flex-basis: 100% !important;
    }
}

.block-image a {
    position: relative;
    display: block;
}

.block-image a:after {
    content: '+';
    font-size: 0;
    color: var(--color--red);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: color-mix(in srgb, var(--color--blue) 80%, transparent);
    opacity: 0;
    transition: .3s all;
}

.block-image a:hover:after {
    opacity: 1;
    font-size: calc(var(--font-size--max-46) * 1.3);
}

@media (min-width: 1000px) {
    .max-40pr {
        max-width: 40% !important;
    }

    .max-20rem {
        max-width: 20rem !important;
    }

    .max-40rem {
        max-width: 40rem !important;
    }

    .max-60rem {
        max-width: 60rem !important;
    }
}

@media (min-width: 1400px) {
    .max-80 {
        max-width: 80% !important;
    }
}

.timeline-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.timeline-wrapper h2 {
    white-space: nowrap;
    margin-top: 0;
}

.timeline-offset {
    padding-left: 2rem;
    position: relative;
    margin-top: 1em;
    margin-left: 1rem;
    max-width: 59rem;
}

.timeline-offset:after {
    content: '';
    position: absolute;
    top: 0;
    left: -.1em;
    bottom: 0;
    width: .2em;
    background: var(--color--blue-2);
}

.timeline-offset:before {
    content: '';
    position: absolute;
    top: -.5px;
    left: 0;
    width: .5em;
    aspect-ratio: 1/1;
    background: var(--color--blue-2);
    border-radius: 50%;
    transform: translateX(-50%);
}

.timeline-year {
    border-radius: 50%;
    background: var(--color--white);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color--red);
    font-weight: var(--custom--font-weight--bold);
    border: .25em solid var(--color--blue-2);
    aspect-ratio: 1/1;
    width: fit-content;
    transform: translateX(-50%);
    margin: 5rem 0 5rem -2rem;
    z-index: 1;
    position: relative;
    padding: 1rem;
}

.timeline-year span {
    font-size: 150%;
}

.timeline-event-date {
    font-size: var(--font-size--x-small);
    position: absolute;
    left: 0;
    transform: translateX(-100%);
    padding-right: 3.5rem;
    line-height: var(--custom--line-height--one);
    top: .4em;
}

.timeline-event-title {
    margin-bottom: .5em;
}

.timeline-event {
    position: relative;
}

.timeline-event:before {
    content: '';
    border-radius: 50%;
    background: var(--color--blue);
    display: flex;
    aspect-ratio: 1/1;
    width: 1em;
    transform: translateX(-50%);
    margin-left: -2rem;
    z-index: 1;
    position: absolute;
    top: .25em;
}

@media (min-width: 768px) {
    .timeline-wrapper {
        flex-direction: row;
    }

    .timeline-offset {
        margin-left: 0;
    }

    .timeline-event-date {
        font-size: var(--font-size--small);
    }
}

.block-columns>.block-column:first-child .is-style-inline-icon img {
    width: 2rem !important;
}

@media (max-width: 600px) {
    .block-media-text.is-stacked-on-mobile .block-media-text__content {
        padding: 0 !important;
    }
}

@media (min-width: 960px) and (max-width: 1100px) {

    .block-columns.is-style-stacked-four>.block-column,
    .block-columns.is-style-stacked-four>.block-column [class*="-font-size"] {
        font-size: .85em !important;
    }
}

@media (min-width: 1101px) and (max-width: 1200px) {

    .block-columns.is-style-stacked-four>.block-column,
    .block-columns.is-style-stacked-four>.block-column [class*="-font-size"] {
        font-size: .9em !important;
    }
}

@media (max-width: 959px) {
    .block-columns.is-style-stacked-four {
        display: grid !important;
        grid-template-columns: repeat(2, 50%);
    }
}

@media (max-width: 500px) {
    .block-columns.is-style-stacked-four {
        grid-template-columns: 100%;
    }
}

.faq article {
    padding: 2rem 0;
}

.faq article:first-child {
    padding-top: 1rem;
}

.faq article:not(:last-child) {
    border-bottom: 1px solid var(--color--border);
}

.faq h2.gap-mb-0 {
    margin-bottom: 0.4em;
    margin-top: 0.3em;
}

.faq .block-video {
    overflow: hidden;
    border: 1px solid var(--color--border);
}

.faq .block-video video {
    vertical-align: middle;
    width: 100%;
    margin-top: -2px;
}

.btn.no-more {
    opacity: 0;
    pointer-events: none;
}

.download-wrapper {
    max-width: 80rem;
    scroll-margin: 1rem;
}

.download-item {
    display: flex;
    align-items: center;
    gap: 1rem 2rem;
    text-decoration: none;
    padding: 1rem 0;
    font-family: var(--font-family--secondary);
}

.download-item img {
    width: 8%;
}

.has-max-36-font-size {
    max-width: 34rem;
}

.radius {
    margin: 0 auto;
}

.has-line-height-one {
    line-height: var(--custom--line-height--one);
}

.single-back {
    font-size: var(--font-size--small);
}

.slider-intro-content h2 {
    line-height: var(--custom--line-height--one);
    opacity: 0;
    transform: translateY(10px);
    transition: 1s opacity ease-out, 1s transform ease-out;
}

.slider-intro-content h2+p {
    opacity: 0;
    transform: translateY(10px);
    transition: .8s opacity ease-out .3s, .8s transform ease-out .3s;
}

.slider-intro-content p+p {
    opacity: 0;
    transition: 1s opacity ease-out .6s, 1s transform ease-out .6s;
}

.slider-intro-content h2 small {
    font-size: 70%;
}

@media (max-width:767.5px) {
    html:lang(ru-RU) .slider-intro-content h2 {
        font-size: 28px !important;
    }

    html:lang(ru-RU) .slider-intro-content h2+p {
        font-size: var(--font-size--small) !important;
    }
}

.slider-offer {
    position: absolute;
    bottom: 10%;
    right: 0;
    animation: 1s ease-out 0s 1 faceIn;
    background: var(--color--white);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    opacity: 0;
    transform: translateX(10%);
    transition: .3s all ease-out .5s;
}

.slider-offer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 2rem;
}

.is-active+.slider-offer {
    opacity: 1;
    transform: translateX(0%);
}

.slider-offer.hidden {
    transform: translateX(10%);
    opacity: 0;
    transition: .3s all ease-out 0s;
}

.slider-offer button {
    position: absolute;
    top: .5em;
    right: .5em;
    color: var(--color--blue);
}

.slider-offer button:hover {
    color: var(--color--red);
}

.slider-offer-image img {
    max-width: 5rem;
}

.slider-offer-rotate {
    background: var(--color--red);
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
    padding: 1em;
    color: var(--color--white);
    font-weight: var(--custom--font-weight--semibold);
    font-size: 0.8em;
    padding: 1.5em 0.75em;
}

.slider-offer-content-meta {
    display: flex;
    gap: 2em;
    margin-top: 1rem;
}


.slider-offer-content .price {
    font-size: 0.9em;
    margin-bottom: 0.5rem;
}

.slider-offer .shop-badge-price {
    font-size: 1.25rem;
}

.product-slider {
    box-shadow: inset 0 -1px 0 0 var(--color--border);
}

@media (min-width: 1050px) {
    .hp-product .col-md-8 .slider__arrow--prev {
        left: -4em;
    }
}

.block-media-text__media img.image-323 {
    max-width: 10rem;
}

.modal-iframe-content .page-headline {
    position: sticky;
    top: 0;
    z-index: 1;
}

.modal-search .modal-overlay {
    z-index: 1001;
}

.modal-search .modal-container {
    padding: 0;
}

.modal-search input {
    font-size: var(--font-size--regular);
    height: 3.5em;
    border: 0;
}

.modal-search .validate-error {
    padding-left: 1rem;
    color: inherit;
}

.modal-search input::placeholder {
    color: var(--color--blue);
}

.modal-search button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: .25em .8em;
}

.modal-search button svg {
    fill: var(--color--red);
    ;
}

.modal-search button:hover svg {
    fill: var(--color--blue);
}

.modal-search .modal-container-scroll {
    max-height: 60vh;
}

.modal-search-results ul,
.modal-search-results li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.modal-search-response a {
    padding: .5em .75em;
    display: block;
    text-decoration: none;
}

.modal-search-results a {
    display: block;
    text-decoration: none;
    padding: 5px 48px 5px 76px;
    position: relative;
}

.modal-search-results-item>a {
    border-bottom: 1px solid #e8e8e8;
    color: var(--color--blue);
    display: flex;
    gap: 1em;
    font-size: var(--font-size--small);
    font-weight: var(--custom--font-weight--semibold);
    align-items: center;
    padding: .75em;
    background: var(--color--white);
}

.modal-search-results-item:last-child>a {
    border-bottom: 0;
}

.modal-search-results-cat-item {
    background-color: var(--color--red);
    color: var(--color--white);
    font-weight: var(--custom--font-weight--semibold);
    font-size: var(--font-size--x-small);
    padding: .75em;
    transition: .2s all linear;
    cursor: default;
}

a.modal-search-results-cat-item:hover {
    text-decoration: underline;
}

.modal-search-results-cat-item:hover {
    color: var(--color--white);
}

.modal-search-results-item>a:hover {
    background-color: #fff;
    text-decoration: underline;
}

.modal-search-response>ul>li:hover>.modal-search-results-cat-item {
    background-color: var(--color--blue);
}

.modal-search-results-item-image {
    max-width: 5rem;
}

.modal-search-results-item img {
    aspect-ratio: 1/1;
    border: 1px solid var(--color--gray);
    object-fit: cover;
}

.modal-search-results-count {
    text-align: right;
    font-size: var(--font-size--x-small);
    padding: .5em .75em;
    background: var(--color--gray-headline);
}

.modal-search-noresults {
    font-size: var(--font-size--small);
    padding: .75em;
    background: var(--color--gray-headline);
    text-align: center;
}

.modal-search .form-group.has-error {
    margin-bottom: 0;
}


.modal .link-chevron {
    color: color-mix(in srgb, currentColor 75%, transparent) !important;
}


.modal-login button+.modal-background {
    margin-top: 1rem;
}

.modal-login button:has(+ .modal-background) {}

.modal-login .modal-background {
    padding: 2rem;
}

.modal-login .modal-padding {
    padding: 4rem;
}

.modal-login .modal-container {
    max-width: 60rem;
}

.modal-login .shop-badge-price {
    float: right;
    margin: 2rem 0;
}

.modal-login .title {
    font-size: var(--font-size--large);
    margin-top: 3rem;
}

.modal-login .btn:hover {
    background: var(--color--white);
    color: var(--color--red);
}

@media (min-width: 768px) {
    .modal-login .shop-badge-price {
        float: right;
        position: relative;
        top: -3rem;
    }

    .modal-login .title {
        margin-top: 0;
    }
}

.login-welcome p {
    margin: 2.25rem 0;
}

.highlight {
    -webkit-box-shadow: 0 0 0px 3px #fbd224;
    -moz-box-shadow: 0 0 0px 3px #fbd224;
    box-shadow: 0 0 0px 3px #fbd224;
    background-color: #fbd224;
}

.block-table {
    border-collapse: collapse;
    overflow: auto;
    margin: 0.5rem 0 2rem;
    width: 100%;
}

.block-table table {
    width: 100%;
}

.block-table th,
.block-table td,
.block-table tr {
    padding: 0.5rem;
    border: 1px solid #dbdfe3;
}

.block-table {
    overflow-x: auto;
}

.block-table td,
.block-table th {
    padding: 6px 12px;
    text-align: left;
}

.block-table tr:hover td,
.block-table tr:hover th {
    background-color: #f7f7f7;
    color: #000;
}

.block-table.is-style-stripes td {
    border-bottom: 1px solid #ebebeb;
}

.block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.block-table.is-style-stripes thead tr {
    background: linear-gradient(to right, #f0f0f0 0%, #e1e1e1 100%);
}

.block-table:not(.is-style-stripes) td,
.block-table:not(.is-style-stripes) th {
    border: 0 none;
}

figure.is-style-stripes table td,
figure.is-style-stripes table th {
    border-color: transparent;
}

.boxed {
    background: var(--color--white);
    padding: 2rem;
    box-shadow: inset 0 0 0 1px var(--color--border);
    height: 100%;
}

[data-tab-component] {
    margin: 1rem 0;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    [data-tab-component] {
        padding-bottom: 0
    }
}

[data-tab-component] [role="tablist"] {
    position: relative;
    white-space: nowrap;
    font-size: 0.9rem;
    width: 100%;
    box-shadow: 0 -1px 0 #c3c2c2 inset;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

[data-tab-component] [role="tablist"][data-active="1"]:before {
    left: 50%;
}

[data-tab-component] [role="tablist"] [role="tab"] {
    position: relative;
    padding: 1.5rem 2rem;
    font-size: 1.2rem;
    border-top: 4px solid transparent;
    text-transform: uppercase;
    opacity: .5;
    color: #3c3c3b;
}

[data-tab-component] [role="tablist"] [role="tab"]:hover {
    text-decoration: none;
}

[data-tab-component] [role="tablist"] [role="tab"][aria-selected="true"] {
    color: #000;
    box-shadow: 1px 0 0 #c3c2c2 inset, -1px 0 0 #c3c2c2 inset, 0 -1px 0 0 #fff inset;
    border-top: 4px solid #203864;
    opacity: 1;
}

[data-tab-component] [role="tabpanel"][aria-hidden="true"] {
    display: none;
}

[data-tab-component] [role="tabpanel"][aria-hidden="false"] {
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.text-has-icon svg {
    display: inline-block;
    width: 2em;
    fill: currentcolor;
    margin-right: .75em;
    vertical-align: sub;
}

.told {
    margin-bottom: 4rem;
}

.told p:first-child {
    margin-bottom: 0;
    margin-top: 2px;
}

.told p:last-child {
    font-size: 0.9em;
    margin-top: 10px;
}

.told .block-column {
    padding-right: 40px;
}

html:lang(de) .shop-badge-price strong {
    letter-spacing: -0.08em;
}

html:lang(en) .shop-badge-price strong {
    letter-spacing: -0.1em;
}

@media (max-width:767.5px) {
    html:lang(ru-RU) .slider-intro-content h2 {
        font-size: 28px !important;
    }

    .shop-product-image .shop-badge-price {
        font-size: 16px;
        max-width: none;
        width: 64px;
    }

    .shop-product-image button+.shop-badge-price {
        top: 92px;
    }

    html:lang(ru-RU) .slider-intro-content h2+p {
        font-size: var(--font-size--small) !important;
    }
}