:root {
    --main-color: rgb(78, 77, 77);
    --passive-color: #4E4D4D;
    --main-color-rgb: 78, 77, 77;
    --background-color: #EAE9E9;
    --active-color: #f7aa47;
    --active-color-rgb: 247, 170, 71;
    --active-form-color: rgb(143, 196, 246);
    --active-form-color-rgb: 143, 196, 246;
    --request-color: #FF8080;
    --request-color-rgb: 255, 128, 128;
    --white-color-rgb: 255, 255, 255;
    --white-color: #FFFFFF;
    --header-height: 60px;
    --border-radius-value: 10px;
    --main-padding: 20px;
    --main-border-radius: 8px;
    --brShadow: -2px 2px 7px rgba(0, 0, 0, 0.5);
    --form-back-color: #e0eaf2;
    --tlShadow: 2px -2px 7px rgba(255, 255, 255, 0.8);
    --link-text-shadow: -1px 1px 3px rgba(var(--main-color-rgb), 0.05), 1px 1px 3px rgba(var(--main-color-rgb), 0.05), -1px 1px 3px rgba(var(--main-color-rgb), 0.05), 1px -1px 3px rgba(var(--main-color-rgb), 0.05);
    --link-text-shadow-active: -1px 1px 3px rgba(var(--main-color-rgb), 0.10), 1px 1px 3px rgba(var(--main-color-rgb), 0.10), -1px 1px 3px rgba(var(--main-color-rgb), 0.10), 1px -1px 3px rgba(var(--main-color-rgb), 0.10);
    --request-shadow: -1px 1px 3px rgba(var(--request-color-rgb), 0.15), 1px 1px 3px rgba(var(--request-color-rgb), 0.15), -1px 1px 3px rgba(var(--request-color-rgb), 0.15), 1px -1px 3px rgba(var(--request-color-rgb), 0.15);
    --slider-navigator-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.15), 3px 3px 6px rgba(var(--main-color-rgb), 0.15), -3px 3px 6px rgba(var(--main-color-rgb), 0.15);
    --card-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.15), 3px 3px 6px rgba(var(--main-color-rgb), 0.15), -3px 3px 6px rgba(var(--main-color-rgb), 0.15), -3px -3px 6px rgba(var(--main-color-rgb), 0.15);
    --card-shadow-hover: 0px 3px 6px rgba(var(--main-color-rgb), 0.2), 3px 3px 6px rgba(var(--main-color-rgb), 0.25), -3px 3px 6px rgba(var(--main-color-rgb), 0.2), -3px 3px 6px rgba(var(--main-color-rgb), 0.2), -3px -3px 6px rgba(var(--main-color-rgb), 0.2);
    --svg-shadow: drop-shadow(0px 1px 2px rgba(var(--passive-color-rgb), .1)) drop-shadow(1px 0px 2px rgba(var(--passive-color-rgb), .1)) drop-shadow(-1px 0px 2px rgba(var(--passive-color-rgb), .1)) drop-shadow(0px -1px 2px rgba(var(--passive-color-rgb), .1));
    --svg-shadow-hover: drop-shadow(0px 1px 2px rgba(var(--passive-color-rgb), .05)) drop-shadow(1px 0px 2px rgba(var(--passive-color-rgb), .05)) drop-shadow(-1px 0px 2px rgba(var(--passive-color-rgb), .05)) drop-shadow(0px -1px 2px rgba(var(--passive-color-rgb), .05));
    --swiper-button-shadow: drop-shadow(0px 2px 4px rgba(var(--main-color-rgb), .15)) drop-shadow(2px 0px 4px rgba(var(--main-color-rgb), .15)) drop-shadow(-2px 0px 4px rgba(var(--main-color-rgb), .15)) drop-shadow(0px -2px 4px rgba(var(--main-color-rgb), .15));
    --swiper-button-shadow-hover: drop-shadow(0px 2px 4px rgba(var(--main-color-rgb), .2)) drop-shadow(2px 0px 4px rgba(var(--main-color-rgb), .2)) drop-shadow(-2px 0px 4px rgba(var(--main-color-rgb), .2)) drop-shadow(0px -2px 4px rgba(var(--main-color-rgb), .2));
    --swiper-pagination-shadow: 0px 1px 2px rgba(var(--main-color-rgb), .05), 1px 0px 2px rgba(var(--main-color-rgb), .05), -1px 0px 2px rgba(var(--main-color-rgb), .05), 0px -1px 2px rgba(var(--main-color-rgb), .05);
    --swiper-pagination-shadow-hover: 0px 1px 2px rgba(var(--main-color-rgb), .2), 1px 0px 2px rgba(var(--main-color-rgb), .2), -1px 0px 2px rgba(var(--main-color-rgb), .2), 0px -1px 2px rgba(var(--main-color-rgb), .2);
    --bs-accordion-btn-icon-transform: scaleY(-1);
    --bs-accordion-btn-icon-transition: transform 0.4s linear;
}

/*
* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*/
.top-content {
    width: 100vw;
    //background: red;
    top: 0;
    left: 0;
    position: absolute;
    min-height: 300px;
    height: 67lvmin;
    overflow: hidden;
}

.body-content.top-is,
.content-category.top-is,
.com-content-article.top-is {
    margin-top: calc(67lvmin - 3 * var(--main-padding));
}

/* inter-tight-regular - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-tight-v9-cyrillic_latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-tight-700 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-tight-v9-cyrillic_latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v31-cyrillic_latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v31-cyrillic_latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'Inter Tight';
    //cursor: url("../../../images/svg/cursor_black.svg") 15 15, auto;
    font-size: 1.1rem;
}

body.triggered {
    overflow: hidden;
}

a {
    font-family: 'Montserrat';
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-family: 'Montserrat';
}

h1,
.top-page-header h2 {
    font-size: 2.5rem;
}

h2 {
    font-family: "Montserrat";
    font-size: 1.5rem;
    color: var(--main-color);
    margin-bottom: 1.5rem;
    font-weight: 800;
}

h3,
h4 {
    font-family: "Montserrat";
    font-size: 1.15rem;
    color: var(--main-color);
    margin-bottom: 1rem;
}


.page-header h1,
.top-page-header,
.content-category,
#mainpagecats h3 {
    text-align: center;
}

h1 span,
.top-page-header h2 span {
    color: var(--active-color) !important;
}

.top-page-header {
    margin: calc(var(--main-padding) * 2) 0 0;
}

#sp-main-body {
    //min-height: 100vh !important;
    padding: calc(var(--main-padding) * 2) 0;
    background: var(--white-color);
}

/*one-row-header-start*/

.one-row-header {
    display: flex;
    justify-content: space-between;
    gap: var(--main-padding);
}

.one-row-header-left {
    display: flex;
    //margin-right: var(--main-padding);
    gap: var(--main-padding);
}

.logo a {
    position: relative;
    display: flex;
}

.hor-logo,
.logo-video {
    display: flex;
    align-items: center;
    gap: 2px;
    text-transform: uppercase;
}

.hor-logo,
.logo-video {
    font-size: 17px;
    line-height: var(--header-height);
    height: var(--header-height);
}

.logo-footer .hor-logo {
    line-height: calc(var(--main-padding) * 2);
    height: calc(var(--main-padding) * 2);
    justify-content: center;
}

.hor-logo svg {
    //margin-top: 1.5px;
}

.logo-video {
    -webkit-animation: MouseOpening 2s linear backwards;
    -moz-animation: MouseOpening 2s linear backwards;
    animation: MouseOpening 2s linear backwards;
    width: 300px;
    position: relative;
    font-family: "Play";
    font-size: 36px;
    //margin-bottom: 15vh;
}

.logo-video svg {
    width: 300px;
    height: auto;
    box-shadow: var(--svg-shadow);
}

.logo-video .logo-text {
    font-size: 45.3px;
}

.english .logo-video .logo-text {
    font-size: 44px;
}

.logo-video .logo-slogan {
    font-size: 14.5px;
    bottom: 7px;
}

.english .logo-video .logo-slogan {
    font-size: 18px;
    bottom: 4px;
}

.logo-text {
    position: absolute;
    right: 0;
    margin-top: -0.75px;
    display: flex;
    gap: 2px;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    align-items: center;
    height: 100%;
}

.english-logo .logo-text {
    font-size: 18.5px;
}

.fora,
.up {
    color: var(--main-color);
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.transparent-page .header-sticky .fora,
.transparent-page .header-sticky .up {
    color: var(--main-color);
}

.transparent-page .fora,
.transparent-page .up,
.logo-footer .fora,
.logo-footer .up {
    color: var(--white-color);
}

.transparent-page .offcanvas-menu .fora,
.transparent-page .offcanvas-menu .up {
    color: var(--main-color);
}

.up {
    color: var(--main-color);
}

.logo:hover .fora,
.logo:hover .up {
    color: var(--active-color);
}

.main-page .fora,
.main-page .up,
.header-sticky .main-page .fora,
.header-sticky .main-page .up,
.transparent-page.main-page .fora,
.transparent-page.main-page .up {
    color: var(--active-color);
}

.main-page .logo-footer .fora,
.main-page .logo-footer .up {
    color: var(--white-color);
}

.logo-footer:hover .fora,
.logo-footer:hover .up {
    color: var(--active-color);
}

#paint1_linear_0_1 stop {
    -webkit-transition: stop-color .4s;
    -moz-transition: stop-color .4s;
    -o-transition: stop-color .4s;
    transition: stop-color .4s;
}


.main-page #paint1_linear_0_1 stop:first-child {
    stop-color: #f7aa47;
}

:not(.main-page) .logo path#star {
    //fill: var(--white-color);
}

#paint1_linear_0_1 stop:first-child {
    stop-color: #FFFFFF;
}

.logo:hover #paint1_linear_0_1 stop:first-child {
    stop-color: #f7aa47;
}

.main-page .logo:hover #paint1_linear_0_1 stop:first-child {
    stop-color: #FFFFFF !important;
}


.logo-footer:hover svg path#Vector {
    fill: #D19010;
}

.logo-footer:hover svg path#Vector_7 {
    fill: #BD8314;
}

.logo-footer:hover svg path#Vector_9 {
    fill: #DE9941;
}

.logo-footer:hover svg path#Vector_8 {
    fill: #F7AA47;
}

.logo-footer:hover #paint1_linear_9160_262 stop:first-child {
    stop-color: #f7aa47;
}

.logo-footer:hover .alfa-bottom svg path.logo-footer-fill {
    fill: var(--active-color) !important;
}

/*
path#star {
    -webkit-transition: all 2.4s;
    -moz-transition: all 2.4s;
    -o-transition: all 2.4s;
    transition: all 2.4s;
}

.main-page .logo path#star {
    fill: url(#paint1_linear_0_1);
}

.main-page .logo:hover path#star {
    fill: var(--white-color);
}
*/
.transparent-logo {
    z-index: +100;
    pointer-events: all;
}

.transparent-logo object:hover a svg path {
    fill-opacity: 0.75 !important;
}

.logo-slogan,
.transparent-page .header-sticky .logo-slogan {
    font-family: 'Philosopher';
    position: absolute;
    right: 0px;
    bottom: 5px;
    font-size: 6.2px;
    //text-transform: uppercase;
    color: var(--main-color);
}

.transparent-page .logo-slogan {
    color: var(--white-color);
}

.english-logo .logo-slogan,
.transparent-page .header-sticky .english-logo .logo-slogan {
    bottom: 2px;
    font-size: 7.6px;
}

#sp-header .logo {
    height: var(--header-height);
    display: flex;
    margin: 0;
    align-items: center;
}

.one-row-header-center {
    display: none;
}


#sp-header .sp-module {
    margin-left: 0;
}

.one-row-header-right {
    position: relative;
    display: flex;
    font-family: 'Montserrat';
    height: var(--header-height);
    align-items: center;
    //margin-left: var(--main-padding);
    gap: calc(var(--main-padding));
}

.search-contacts {
    display: inline-flex;
    gap: calc(var(--main-padding) / 2);
}

.top-search,
.top-phones {
    position: absolute;
    left: calc(0px - var(--main-padding) / 4);
    top: 100%;
    width: calc(100% + calc(var(--main-padding) /2));
    padding: calc(var(--main-padding) / 4);
    background: var(--white-color);
    box-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.25);
    display: none;
    //border-radius: var(--border-radius-value);
}

.top-phones>div {
    display: flex;
    flex-direction: column;
    gap: calc(var(--main-padding) / 2);
    padding: calc(var(--main-padding) / 4);
}

.top-phones a {
    font-size: 14px;
    color: var(--main-color);
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    line-height: 1.2;
    //flex-direction: column;
    //align-items: center;
}

/*
.top-phones a:first-child::after {
    content: "";
    width: 100%;
    margin-top: 1px;
    border-bottom: 1px dotted rgba(var(--main-color-rgb), .5);
}
*/
.transparent-page .top-phones a {
    color: var(--white-color);
}

.header-sticky .top-phones a {
    color: var(--main-color);
}

.top-phones a:hover {
    color: var(--active-color);
}

.search-trigger,
.transparent-page .header-sticky .search-trigger {
    padding-right: calc(var(--main-padding) / 2);
    border-right: 1px dotted rgba(var(--main-color-rgb), .5);
}

.transparent-page .search-trigger {
    border-right: 1px dotted rgba(var(--white-color-rgb), .5);
}

.transparent-page .top-search,
.transparent-page .top-phones {
    background: rgba(var(--main-color-rgb), 0.85);
    backdrop-filter: blur(5px);
}

.transparent-page .header-sticky .top-search,
.transparent-page .header-sticky .top-phones {
    background: var(--white-color);
}

.com-finder>*+*,
.com-finder__results>*+* {
    margin-top: 0;
}

.top-search.triggered,
.top-phones.triggered {
    display: block;
    z-index: 1002;
}

.search-form-overlay,
.top-phones-overlay {
    position: fixed;
    height: 0;
    width: 0;
    background: rgba(var(--main-color-rgb), .75);
    //-webkit-backdrop-filter: blur(5px);
    //background: rgba(0, 0, 0, .7);
    left: 0;
    right: 0;
    top: var(--header-height);
    bottom: 0;
    opacity: 0;
    //z-index: 9999999;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 1001;
    visibility: hidden;
}

.search-form-overlay::before,
.top-phones-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.search-trigger.triggered .search-form-overlay,
.top-phones-overlay.triggered {
    height: 100vh;
    width: 100vw;
    opacity: 1;
    visibility: visible;
}

.off-search {
    margin-bottom: calc(var(--main-padding) / 2);
}

.form-inline .input-group,
.top-search .input-group,
.off-search .input-group {
    flex-wrap: nowrap;
    font-family: 'Inter Tight';
}

.form-inline .input-group input,
.top-search .input-group input,
.off-search .input-group input {
    line-height: 1;
    border-radius: var(--border-radius-value) 0 0 var(--border-radius-value);
    color: var(--main-color);
    border-color: rgba(var(--main-color-rgb), .35);
}

.form-inline .input-group input::placeholder,
.top-search .input-group input::placeholder,
.off-search .input-group input::placeholder {
    color: rgba(var(--main-color-rgb), .35);
}

.form-inline .input-group input:focus,
.top-search .input-group input:focus,
.off-search .input-group input:focus {
    border-color: rgba(var(--main-color-rgb), 1);
}

.form-inline .input-group .btn,
.transparent-page .header-sticky .top-search .input-group .btn,
.top-search .input-group .btn,
.off-search .input-group .btn {
    padding: 0 calc(var(--main-padding) / 2);
    border-radius: 0 var(--border-radius-value) var(--border-radius-value) 0;
    border: 1px solid transparent;
    background: var(--main-color);
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.transparent-page .top-search .input-group .btn {
    background: rgba(var(--white-color-rgb), 0.75);
    border: 1px solid rgba(var(--main-color-rgb), 0.85);
}

.top-search.triggered,
.top-phones.triggered {
    animation: spFadeInUp 400ms ease-in;
}

.form-inline .input-group .btn:hover,
.transparent-page .header-sticky .top-search .input-group .btn:hover,
.top-search .input-group .btn:hover,
.off-search .input-group .btn:hover {
    background: var(--active-color);
}

.phone-trigger {
    cursor: pointer;
}

.search-trigger.triggered svg path.fill-top-icon {
    fill: var(--active-color);
}

.phone-trigger.triggered svg path.fill-top-icon {
    fill: var(--active-color);
}

.search-trigger.triggered svg g#close path {
    fill: var(--main-color);
}

.transparent-page .search-trigger.triggered svg g#close path {
    fill: var(--active-color);
}

.search-trigger.triggered a:hover svg g#close path {
    fill: var(--active-color);
}

.form-inline .input-group .btn svg path.fill-top-icon,
.transparent-page .header-sticky .top-search .input-group .btn svg path.fill-top-icon,
.top-search .input-group .btn svg path.fill-top-icon,
.off-search .input-group .btn svg path.fill-top-icon {
    fill: var(--white-color);
}

.transparent-page .top-search .input-group .btn svg path.fill-top-icon {
    fill: var(--main-color);
}

/*
.off-phones {
    margin-top: calc(var(--main-padding) / 2);
}

.off-phones h3 {
    margin-bottom: calc(var(--main-padding) / 4);
    text-transform: uppercase;
    color: rgba(var(--main-color-rgb), .5);
}

.off-phones svg {
    height: 15px;
    width: auto;
}
*/

.off-phones svg path.fill-top-icon {
    fill: var(--main-color);
}

#sp-footer ul.menu li a,
.off-phones ul.md-menu__sub li a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    //white-space: nowrap;
}

.footer-phones svg,
.off-phones svg {
    //margin-left: calc(var(--main-padding) / 3);
    //margin-right: calc(var(--main-padding) / 5);
    vertical-align: center;
}

.top-tel {
    height: 100%;
}

.top-tel-line .top-phone-number {
    display: block;
    visibility: visible;
}

.top-phone-number a,
.transparent-page .header-sticky .top-phone-number a,
.single-top-phone-number a,
.transparent-page .header-sticky .single-top-phone-number a {
    color: var(--passive-color);
    display: flex;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-shadow: var(--menu-link-shadow);
}

.top-phone-number a,
.transparent-page .header-sticky .top-phone-number a {
    align-items: center;
}

.double-phones-outer {
    display: flex;
    align-items: center;
    //gap: calc(var(--main-gap) / 6);
    height: 100%;
    position: relative;
}

.top-phone-icon {
    //width: 100%;
    height: 100%;
    left: calc(-1 * (var(--main-gap) / 6 + 9px));
    pointer-events: none;
    position: absolute;
    display: flex;
    align-items: center;
    z-index: +1;
}

.icon-set {
    display: flex;
    min-height: var(--header-height);
    align-items: center;
    gap: calc(var(--main-padding) / 2);
}

.icon-set .single-icon {
    display: flex;
    align-items: center;
    line-height: 1;
}

.offcanvas-icons .icon-set {
    justify-content: center;
}

.fill-bars {
    fill: #D19010;
}

a#offcanvas-toggler:hover .fill-top-icon {
    fill: var(--active-color);
}

a#offcanvas-toggler:hover .fill-bars {
    fill: none;
}

path.fill-top-icon,
.transparent-page .header-sticky .fill-top-icon,
circle.fill-top-icon,
.transparent-page .header-sticky .fill-top-icon {
    fill: var(--main-color);
}

.transparent-page path.fill-top-icon,
.footer path.fill-top-icon,
circle.fill-top-icon {
    fill: var(--white-color);
}

a:hover path.fill-top-icon {
    fill: var(--active-color) !important;
}

.close-offcanvas path.fill-top-icon {
    fill: var(--main-color);
}

.double-phones {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.transparent-page .top-phone-number a,
.dark-page .top-phone-number a,
.transparent-page .sp-megamenu-parent>li>a,
.dark-page .sp-megamenu-parent>li>a,
.transparent-page .single-top-phone-number a,
.dark-page .single-top-phone-number a {
    //color: var(--white-color);
}

ul.lang-inline {
    display: flex;
    gap: calc(var(--main-padding) / 1);
    //margin-left: calc(var(--main-padding) / 2) !important;
}

.transparent-page .header-sticky ul.lang-inline>li,
ul.lang-inline>li {
    display: flex !important;
    background: rgba(var(--main-color-rgb), 0.5);
    margin: 0 !important;
    //padding: 0 4px !important;
    //height: 23px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    border: 0.15px solid rgba(var(--main-color-rgb), 0.25) !important;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.one-row-header-right ul.lang-inline>li {
    border-radius: 4px !important;
}

.transparent-page ul.lang-inline>li {
    background: rgba(var(--white-color-rgb), 0.5);
    border: 0.15px solid rgba(var(--white-color-rgb), 0.25) !important;
}

ul.lang-inline>li a {
    height: 22px;
    width: 22px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-rgb), .5);
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.transparent-page ul.lang-inline>li a {
    color: rgba(var(--white-color-rgb), .5);
}

ul.lang-inline>li.lang-activated,
ul.vm-lang.lang-inline>li.lang-active,
ul.lang-inline>li:hover {
    background: rgba(var(--active-color-rgb), 1) !important;
}

ul.lang-inline>li.lang-activated a,
ul.lang-inline>li.lang-active a,
ul.lang-inline>li:hover a {
    color: var(--white-color);
}

/*one-row-header-final*/
ul.sp-megamenu-parent {
    gap: var(--main-padding);
    margin: 0;
}

ul.sp-megamenu-parent>li {
    height: var(--header-height);
    display: inline-flex;
    align-items: center;
}

ul.sp-megamenu-parent>li>a,
ul.sp-megamenu-parent>li>span {
    font-family: 'Montserrat';
    font-size: 17px;
    //font-size: clamp(0.875rem, 0.5429rem + 0.6928vw, 1.0625rem);
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    //padding: 0 15px;
    line-height: var(--header-height);
    height: var(--header-height);
    margin: 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
}

ul.sp-megamenu-parent>li>a,
ul.sp-megamenu-parent>li:last-child>a {
    white-space: nowrap;
    padding: 0;
}

ul.sp-megamenu-parent>li.active>a {
    font-weight: 700;
}

ul.sp-megamenu-parent>li:hover>a,
ul.sp-megamenu-parent>li.active>a,
ul.sp-megamenu-parent>li.active:hover>a {
    color: var(--active-color);
}

ul.sp-megamenu-parent>li.sp-has-child>a {
    display: inline-flex;
    align-items: center;
    gap: calc (var(--main-padding) / 4);
}

ul.sp-megamenu-parent>li.sp-has-child>a::after {
    font-family: "Montserrat" !important;
    content: "▼" !important;
    color: var(--main-color);
    //height: 16px;
    //width: 16px;
    //border-radius: var(--border-radius-value);
    //box-shadow: var(--swiper-pagination-shadow);
    //border: 0.15px solid rgba(var(--active-color-rgb), 0.25);
    //overflow: hidden;
    //background-color: rgba(var(--active-color-rgb), 1);
    float: none !important;
    margin-left: 2px !important;
    margin-top: 1px;
    font-weight: 700 !important;
    font-size: 12px;
    line-height: var(--header-height) !important;
    height: var(--header-height) !important;
    display: inline-flex;
    //margin-top: -2px;
    //margin-left: 2px;;
    justify-content: center;
    align-items: center;
    //background: rgba(var(--active-color-rgb), 1) no-repeat;
    //background-image: url(../images/svg/down_arrow.svg);
    //background-position: center -6px;
    //background-size: 10px;
    //-webkit-mask: url(../images/svg/down_arrow.svg)  no-repeat 50% 50%;
    //mask: url(../images/svg/down_arrow.svg) no-repeat 50% 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.transparent-page ul.sp-megamenu-parent>li.sp-has-child>a::after {
    color: var(--white-color);
}

.transparent-page .header-sticky ul.sp-megamenu-parent>li.sp-has-child>a::after {
    color: var(--main-color);
}

ul.sp-megamenu-parent>li.sp-has-child>a:hover::after,
ul.sp-megamenu-parent>li.active.sp-has-child>a::after {
    //background-position: center -3px;
    color: var(--active-color) !important;
}

ul.sp-megamenu-parent>li.sp-has-child>a:hover::after {
    animation: has-child linear 0.4s backwards;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a::after,
.sp-dropdown.sp-dropdown-sub {
    display: none;
    visibility: hidden;
}

@keyframes has-child {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-1px);
    }

    75% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0);
    }
}


.child-menu-arrow {
    fill: red;
}

#sp-header {
    box-shadow: none;
    box-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.25);
    min-height: var(--header-height) !important;
    height: var(--header-height) !important;
}

#sp-menu {
    //height: calc(var(--header-height) - 10px);
    //display: flex;
    //align-items: center;
}

#sp-menu>div {
    justify-content: center !important;
}

.menu-wrap {
    justify-content: center !important;
}

.sp-megamenu-wrapper {
    //width: max-content !important;
    flex: 0 auto !important;
}

.sp-megamenu-parent {
    margin: 0;
    gap: var(--main-padding);
    z-index: 1003;
}

.sp-megamenu-parent>li>a,
.transparent-page .header-sticky .sp-megamenu-parent>li>a {
    color: var(--main-color);
    line-height: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-shadow: var(--link-text-shadow);
    //height: 100%;
    white-space: nowrap;
    padding: 0 !important;
}

.transparent-page .sp-megamenu-parent>li>a {
    color: var(--white-color);
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li:focus>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:focus>a {
    color: var(--active-color) !important;
    text-shadow: var(--link-text-shadow-active) !important;
}

.sp-megamenu-parent>li,
.sp-megamenu-parent>li>a {
    //text-align: center;
    position: relative;
    //height: calc(var(--header-height) - 30px);
    //line-height: calc(var(--header-height) - 30px);
    //height: var(--header-height);
    line-height: var(--header-height);
}

/*
.sp-menu-item::before,
.icon-set a::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 10px);
    height: 0;
    margin-top: -10px;
    margin-left: -5px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    background: rgba(var(--white-color-rgb), 0.35);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.sp-menu-item.active::before,
.sp-menu-item:hover::before,
.icon-set a:hover::before {
    height: calc(100% + 20px);
    height: 0;
}
*/
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    z-index: 1003;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.transparent-page .header-sticky .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: var(--white-color);
    box-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.25);
    padding: calc(var(--main-padding) / 2) var(--main-padding);
    width: max-content;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a,
.transparent-page .header-sticky .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    color: var(--main-color);
    position: relative;
    z-index: +1;
}

.transparent-page .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    color: var(--white-color);
}

.transparent-page .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(var(--main-color-rgb), 0.85);
}

.sp-dropdown-items>li {
    line-height: 1.5;
    display: flex;
    align-items: center;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    padding: 0 !important;
}

.vm-product-media-container.sticky-lg-top {
    z-index: auto;
}

/*
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px;
}
*/
#sp-header .sp-module {
    margin-left: 0;
    height: 100%;
}

.transparent-page #sp-title {
    margin-top: calc(-0.1px - var(--header-height));
}

.main-page #sp-title {
    min-height: 100dvh !important;
    height: 100dvh !important;
}

.back-video-image {
    position: fixed;
    //top: 0;
    //left: 0;
    //right: 0;
    //bottom: 0;
    min-width: 100vw;
    min-height: 100%;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -3;
}

.transparent-page #sp-header {
    //backdrop-filter: blur(5px);
    //-webkit-backdrop-filter: blur(5px);
    /* //background: rgba(var(--active-color-rgb), 0.15) !important; */
    background: rgba(var(--main-color-rgb), 0.5) !important;
    //border-bottom: 0.25px solid rgba(var(--white-color-rgb), .25);
    /* //background: transparent; */
    //background: rgba(var(--white-color-rgb), 0.15) !important;
}

.transparent-page #sp-header::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#sp-header.header-sticky {
    background-color: rgba(var(--white-color-rgb), 1) !important;
}


svg rect,
svg path,
svg circle {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

svg stop {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}


.logo:hover svg {
    --passive-color: var(--active-color);
}


.logo svg stop {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

stop.tail-gradient,
.transparent-page .header-sticky stop.tail-gradient {
    stop-color: var(--main-color);
}

.transparent-page stop.tail-gradient {
    stop-color: var(--white-color);
}

.logo:hover stop.tail-gradient {
    stop-color: var(--active-color);
}

.logo svg path.crossing,
.transparent-page .header-sticky .logo svg path.crossing {
    fill: var(--main-color);
    stroke: rgba(var(--main-color-rgb), 0);
    stroke-width: 1px;
    -webkit-transition: stroke .4s;
    -moz-transition: stroke .4s;
    -o-transition: stroke .4s;
    transition: stroke .4s;
}

.logo:hover svg path.crossing,
.transparent-page .header-sticky .logo:hover svg path.crossing {
    stroke: rgba(var(--main-color-rgb), 1);
}

.transparent-page .logo svg path.crossing,
.logo-video svg path.crossing {
    fill: var(--white-color);
    stroke: rgba(var(--white-color-rgb), 0);
}

.transparent-page .logo:hover svg path.crossing {
    stroke: rgba(var(--white-color-rgb), 1);
}

.logo svg stop {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    //stop-color: #8fc4f6 !important;
}

path.fil-icon,
.transparent-page .header-sticky .fil-icon {
    fill: var(--main-color);
}

.transparent-page path.fil-icon {
    fill: var(--white-color);
}

/* intro video */
.intro-video-module {
    margin-top: calc(0px - var(--header-height));
}

.intro-video {
    position: relative;
    //height: 100vh;
    //height: var(--app-height);
    //min-height: var(--app-height);
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    //margin-top: calc(0 - var(--header-height));
}

.intro-video.non-fixed .back-video,
.intro-video.non-fixed .video-back-image {
    position: absolute;
    height: var(--app-height);
}

.video-back-image {
    //display: none;
    position: fixed;
    //top: 0;
    //left:0;
    //right: 0;
    //bottom: 0;
    min-width: 100vw;
    min-height: 100%;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -99;
}

.video-back-image img {
    min-width: 100vw;
    //max-width: unset;
    height: 100%;
    object-fit: cover;
}

.image-hover {
    position: absolute;
    width: 100%;
    top: var(--header-height);
}

.top-slogan {
    position: absolute;
    top: calc(var(--main-padding) + var(--header-height));
    text-transform: uppercase;
    width: 100%;
}

.top-slogan .os-phrases-topper {
    color: var(--active-color);
}

.left-address {
    display: flex;
    justify-content: flex-end;
}

.video-address {
    //border-top: 4px solid red;
    width: fit-content;
}

.header-sticky .video-address {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.video-address a.off-icon-link {
    padding-top: calc(var(--main-gap) / 2);
    position: relative;
}

.video-address a.off-icon-link::before {
    position: absolute;
    top: -4px;
    left: 50%;
    content: "";
    border-bottom: 4px solid var(--active-color);
    width: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: +99;
}

.video-address a.off-icon-link:hover::before {
    left: 0;
    width: 100%;
}

.video-address a.off-icon-link::after {
    position: absolute;
    top: -4px;
    left: calc(50% - 2px);
    content: "";
    height: 0;
    border-left: 4px solid var(--active-color);
    width: 0%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.video-address a.off-icon-link:hover::after {
    height: 10px;
}

.cat-header {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height: 67lvmin;
    //min-height: 67vh;
    //max-height: 67vh;
    min-width: 100%;
    color: #eee;
    //border-radius: 0 0 20px 20px;
    text-shadow: 0 2px 6px #000a
}

.cat-header-before {
    width: 100%;
    height: 100%;
    position: absolute;
    //top: -50%;
    //left: 0;
    background: #DDD;
    //-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    //backface-visibility: hidden;
    //scale(1.0, 1.0);
    //transform: translateZ(0);
    //background: url(main_back.webp) 50% 0 no-repeat;
    //background-size: 100%;
    //background-attachment: fixed;
    //animation: grow 90s linear 10ms infinite;
    transition: all 0.4s ease-in-out;
    //z-index: -2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-header-before img,
.cat-header-before .back-video {
    min-width: 100%;
    //width: auto;
    //height: auto;
    min-height: 100%;
    object-fit: cover;
}

.intro-video video {
    //display: none;
    position: fixed;
    top: 0;
    //bottom: 0;
    min-width: 100vw;
    min-height: 100%;
    height: 100%;
    aspect-ratio: 16 / 9 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -98;
    object-fit: cover;
    //opacity: 0.3;
}

.os-phrases-outer {
    position: absolute;
    width: 100%;
    //bottom: calc(2 * var(--main-gap) / 3);
    bottom: var(--main-padding);
    //display: flex;
    //align-items: center;
    //flex-direction: column;
}

.cat-header .os-phrases-outer {
    position: relative;
    //bottom: calc(30px - var(--header-height));
    bottom: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.os-phrases,
.os-phrases-category-subtitle,
.os-phrases-topper {
    position: relative;
    height: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    //height: clamp(1.75rem, 0.4405rem + 6.5476vw, 4.5rem);
    width: 100%;
    //height: clamp(1.25rem, 0.5rem + 3.3333vw, 3.5rem);
    height: clamp(1.5rem, 0.5917rem + 4.037vw, 4.225rem);
}

.os-phrases h2,
.os-phrases-category-subtitle h2,
.os-phrases-topper h2 {
    font-family: "Montserrat";
    //font-size: 20px;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    //text-transform: uppercase;
    //letter-spacing: 0.5rem;
    text-align: center;
    //color: rgba(var(--white-color-rgb),0.0) !important;
    opacity: 0;
}

.os-phrases h2 {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.os-phrases-topper h2 {}

.os-phrases h2,
.os-phrases-category-subtitle h2,
.os-phrases-topper h2 {
    height: 100%;
    /* Centering with flexbox */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.os-phrases-topper h2,
.os-phrases h2,
.os-phrases-category-subtitle h2 {
    //width: 100%;
    height: 100%;
    /* Centering with flexbox */
    display: flex;
    flex-direction: row;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    //gap: 15px;
}

.os-phrases h2>span,
.os-phrases-category-subtitle h2>span,
.os-phrases-topper h2>span {
    display: inline-flex;
    width: fit-content;
}

.os-phrases h2,
.os-phrases-category-subtitle h2,
.os-phrases-topper h2 {
    gap: 0.75rem;
}

.os-phrases h2>span>span,
.os-phrases-category-subtitle h2>span>span,
.os-phrases-topper h2>span>span {
    display: inline-flex;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.os-phrases h2>span>span>span,
.os-phrases-category-subtitle h2>span>span>span,
.os-phrases-topper h2>span>span>span {
    //font-size: clamp(1.25rem, -0.0595rem + 6.5476vw, 4rem);
    font-size: clamp(1.25rem, 0.5rem + 3.3333vw, 3.5rem);
    display: inline-flex;
    //color: rgba(0, 0, 0, 0);
    color: rgba(var(--active-color-rgb), 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.os-phrases h2:not(:last-child)>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: OpeningSequence 4.2s linear forwards;
    -moz-animation: OpeningSequence 4.2s linear forwards;
    animation: OpeningSequence 4.2s linear forwards;
}

.os-phrases-category-subtitle h2>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: CatHeaderLastOpeningSequence 2s linear forwards;
    -moz-animation: CatHeaderLastOpeningSequence 2s linear forwards;
    animation: CatHeaderLastOpeningSequence 2s linear forwards;
    text-shadow: none;
    font-weight: 700;
}

#os-phrases-second h2>span>span>span {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

#os-phrases-third h2>span>span>span {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

.top-slogan .os-phrases-topper h2>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: LastOpeningSequence 2s linear forwards;
    -moz-animation: LastOpeningSequence 2s linear forwards;
    animation: LastOpeningSequence 2s linear forwards;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    font-weight: 700;
}

.top-slogan .os-phrases h2:nth-child(1)>span>span>span {
    -webkit-animation: MainOpeningSequence 2s linear forwards;
    -moz-animation: MainOpeningSequence 2s linear forwards;
    animation: MainOpeningSequence 2s linear forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.top-content .os-phrases-topper h2>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: MainOpeningSequence 2s linear forwards;
    -moz-animation: MainOpeningSequence 2s linear forwards;
    animation: MainOpeningSequence 2s linear forwards;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    font-weight: 700;
}

.os-phrases-topper h2>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: MainOpeningSequence 2s linear forwards;
    -moz-animation: MainOpeningSequence 2s linear forwards;
    animation: MainOpeningSequence 2s linear forwards;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
    font-weight: 700;
}

.os-phrases h2:nth-child(1)>span>span>span {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

.os-phrases h2:nth-child(2)>span>span>span {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    animation-delay: 8s;
}

.os-phrases h2:nth-child(3)>span>span>span {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    animation-delay: 12s;
}

.os-phrases h2:nth-child(4)>span>span>span {
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    animation-delay: 16s;
}

.os-phrases h2:nth-child(5)>span>span>span {
    //font-size: 150px;
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    animation-delay: 20s;
}


.os-phrases h2:last-child>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
    -webkit-animation: LastOpeningSequence 0.8s linear forwards;
    -moz-animation: LastOpeningSequence 0.8s linear forwards;
    animation: LastOpeningSequence 0.8s linear forwards;
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    animation-delay: 24s;
}

@keyframes MainOpeningSequence {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 1.5em;
        opacity: 0.2;
        transform: rotateY(-90deg);
    }

    100% {
        text-shadow: var(--swiper-button-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--white-color-rgb), 1);
        opacity: 0.8;
        transform: rotateY(0deg);
    }
}

@keyframes LastOpeningSequence {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 1.5em;
        opacity: 0.2;
        transform: rotateY(-90deg);
    }

    100% {
        text-shadow: var(--swiper-button-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--active-color-rgb), 1);
        opacity: 0.8;
        transform: rotateY(0deg);
    }
}

@keyframes CatHeaderLastOpeningSequence {
    0% {
        text-shadow: none;
        letter-spacing: 1.5em;
        opacity: 0.2;
        transform: rotateY(-90deg);
    }

    100% {
        text-shadow: var(--swiper-button-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--active-color-rgb), 1);
        opacity: 0.8;
        transform: rotateY(0deg);
    }
}

@keyframes OpeningSequence {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 1.5em;
        opacity: 0.2;
        transform: rotateY(-90deg);
    }

    50% {
        text-shadow: var(--swiper-button-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--active-color-rgb), 1);
        opacity: 0.8;
        transform: rotateY(0deg);
    }

    85% {
        text-shadow: var(--swiper-button-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--active-color-rgb), 1);
        opacity: 0.8;
        transform: rotateY(0deg);
    }

    100% {
        text-shadow: 0 0 50px #fff;
        opacity: 0;
        letter-spacing: 1.5em;
        transform: rotateY(-90deg);
        pointer-events: none;
    }

}

/*
.os-phrases-topper h2 .word1,
.os-phrases h2:first-child .word2,
.os-phrases h2:first-child .word3,
.os-phrases h2:nth-child(2) .word2,
.os-phrases h2:nth-child(3) .char1>.char1,
.os-phrases h2:nth-child(3) .char2>.char1,
.os-phrases h2:nth-child(3) .char3>.char1,
.os-phrases h2:nth-child(3) .char4>.char1,
.os-phrases h2:nth-child(3) .char5>.char1,
.os-phrases h2:nth-child(3) .char6>.char1,
.os-phrases h2:nth-child(4) .word2,
.os-phrases h2:nth-child(5) .word1,
.os-phrases h2:last-child .word3 {
    font-weight: 600;
}
*/

.os-phrases h2:last-child,
.os-phrases-category-subtitle h2 {
    font-weight: 700;
}

@keyframes MouseOpening {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes scroll {
    0% {
        transform: translateY(calc(0px - var(--main-padding) / 6));
    }

    30% {
        transform: translateY(calc(var(--main-padding) / 6));
    }
}

.mouse-scroll {
    -webkit-animation: MouseOpening 2s linear backwards;
    -moz-animation: MouseOpening 2s linear backwards;
    animation: MouseOpening 2s linear backwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(var(--main-gap) / 2);
    height: clamp(1.75rem, 0.9773rem + 3.8636vw, 3.875rem);
}

.mouse-scroll svg {
    animation: scroll ease 3s infinite;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
    height: clamp(1.25rem, 0.8864rem + 1.8182vw, 2.25rem);
    width: auto;
}

.catalog-category h1,
.catalog-category h2,
.com-finder h1,
.com-finder h2,
.article-list-header h2 {
    text-align: center;
}

.article-body:hover .article-list-header {
    background: rgba(var(--main-color-rgb), .75);
}

.article-list-header {
    background: rgba(var(--main-color-rgb), .15);
    padding: calc(var(--main-padding) / 3 * 2);
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.article-list-header h2 {
    font-family: "Montserrat";
    font-size: 1rem;
    color: var(--main-color);
    margin-bottom: 0;
    font-weight: 800;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.article-body {
    border-radius: var(--border-radius-value);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.article-body:hover {
    box-shadow: var(--card-shadow-hover);
}

.article-body a .article-list-header h2 {
    color: var(--main-color);
    line-height: 1.2;
}

.article-body a:hover .article-list-header h2 {
    color: var(--white-color);
}

.article-intro-list-image {
    position: relative;
}

.article-intro-list-image img {
    width: 100%;
    height: auto;
}

.article-introtext {
    color: var(--main-color);
    background: rgba(var(--main-color-rgb), .15);
    padding: calc(var(--main-padding) / 3 * 2);
    -webkit-transition: background .4s, color .4s;
    -moz-transition: background .4s, color .4s;
    -o-transition: background .4s, color .4s;
    transition: background .4s, color .4s;
}

.article-body a:hover .article-introtext {
    background: rgba(var(--main-color-rgb), .75);
    color: var(--white-color);
}

.article-introtext p {
    //color: var(--main-color);
    font-size: 1.1rem;
    font-family: 'Inter Tight';
    font-weight: 400;
}

.article-introtext p:last-child {
    margin-bottom: 0;
}

.readmore-link {
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: 400;
    color: var(--white-color);
}

.date-rm {
    display: flex;
    gap: var(--main-padding);
    align-items: center;
    justify-content: space-between;
}

.date-rm .published {
    color: rgba(var(--main-color-rgb), 0.5);
    font-size: 1.1rem;
    font-family: 'Inter Tight';
    font-weight: 600;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.article-body a:hover .date-rm .published {
    color: rgba(var(--white-color-rgb), 0.5);
}

.tag-marks {
    position: absolute;
    width: 100%;
    top: calc(var(--main-padding) / 3 * 2);
    //left: calc(var(--main-padding) / 3 * 2);
    display: flex;
    gap: calc(var(--main-padding) / 2);
    align-items: center;
    justify-content: center;
}

.tag-marks .tag-mark {
    color: rgba(var(--main-color-rgb), 0.5);
    font-size: 0.9rem;
    font-family: 'Inter Tight';
    padding: 0 calc(var(--main-padding) / 2);
    border-radius: calc(var(--border-radius-value) * 2);
    //border: 1px dashed rgba(var(--main-color-rgb), .5);
    background: rgba(var(--white-color-rgb), .5);
    backdrop-filter: blur(5px);
}

mark {
    padding: 0;
    background: #fdead1;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;

}

a.result__title-link {
    color: var(--main-color);
    text-decoration: underline;
}

a.result__title-link:hover {
    color: var(--active-color);
    //text-decoration: underline;
}

a.result__title-link:hover mark {
    color: var(--active-color);
}

.flex-container {
    display: flex;
    gap: var(--main-padding);
    flex-wrap: wrap;
    justify-content: center;
}

.cat-card.polygon {
    flex: 1 1 calc(66% - var(--main-padding) / 2);
}

.schema-pic {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.schema-pic h4,
.schema-pic h3 {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    text-align: center;
    //position: absolute;
    //top: var(--main-padding);
    color: rgba(var(--main-color-rgb), 0.75);
    font-size: 1rem;
}

.schema-pic h3 {
    //margin-top: var(--main-padding);
    margin-bottom: 0;
}

.schema-pic h4 {
    margin-top: calc(0px - var(--main-padding));
}

.schema-card {
    border-radius: var(--border-radius-value);
    overflow: hidden;
}


.cat-card,
.schema-card {
    flex: 0 1 calc(33.33% - var(--main-padding) * 2 / 3);
}

.schema-card {
    position: relative;
    display: flex;
    justify-content: center;
}

.product-details-short {
    //min-height: 100%;
}

.product-details-short .product-short-description {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pic-short-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--main-padding);
    height: 100%;
}

.pic-short-desc h4 {
    margin-top: 0 !important;
}

.twocols-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-padding);
}

.twocols-container .schema-card {
    flex: 1 1 calc(50% - var(--main-padding) / 2);
}

.t-day,
.t-night {
    position: absolute;
    bottom: calc(var(--main-padding) / 2);
    font-family: 'Montserrat';
}

.t-night {
    color: var(--white-color);
}

.m-top-bottom {
    margin-top: var(--main-padding);
    margin-bottom: var(--main-padding);
}

@media screen and (max-width: 767.98px) {
    /*@media screen and (max-width: 575.98px) {*/

    .cat-card,
    .schema-card,
    .cat-card.polygon,
    .cat-card.sport,
    .cat-card.strikeball,
    .cat-card.meteo {
        flex: 1 1 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    /*@media screen and (min-width: 576px) and (max-width: 991.98px) {*/

    .cat-card,
    .cat-card.polygon,
    .cat-card.sport,
    .cat-card.strikeball,
    .cat-card.meteo {
        flex: 0 1 calc(50% - var(--main-padding) / 2);
    }

    .twocols-container .schema-card {
        flex: 1 1 100%;
    }

}

.cat-card {
    overflow: hidden;
    //background: rgba(var(--active-color-rgb), 1);
    border-radius: var(--main-border-radius);
    box-shadow: var(--card-shadow);
    border-radius: var(--main-border-radius);
    border: 0.25px solid rgba(var(--main-color-rgb), 0.25);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    //background: rgba(var(--active-color-rgb), 0.75);
}

.cat-card .cat-card-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    //height: 100%;
    line-height: 1;
    //min-height: fit-content;
}

.cat-card .topcard-header {
    //position: absolute;
    padding: calc(var(--main-padding) / 3 * 2);
    background: rgba(var(--main-color-rgb), 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    //top: 0;
    //left: 0;
    //width: 100%;
}

.cat-card:hover .topcard-header {
    background: var(--active-color);
}

.cat-card .topcard-footer {
    //position: absolute;
    padding: calc(var(--main-padding) / 3 * 2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    //top: 0;
    //left: 0;
    width: 100%;
    height: fit-content;
    background: rgba(var(--active-color-rgb), 0.75);
    color: var(--main-color);
    z-index: +1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.cat-card .topcard-footer h3 {
    margin-bottom: 0;
    font-size: 1rem;
}

.cat-card:hover .topcard-footer {
    background: rgba(var(--active-color-rgb), 1);
    color: var(--white-color);
}

.cat-card:hover .topcard-footer h3 {
    color: var(--white-color);
}

.cat-card .topcard-header h2 {
    position: relative;
    //font-family: "Xolonium";
    color: var(--white-color);
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1;

}

.cat-card:hover .topcard-header h2 {
    color: var(--white-color);
}

.cat-card:hover {
    box-shadow: var(--card-shadow-hover);
}

/*
.cat-card .card-header h2::after {
    position: absolute;
    left: 0;
    bottom: -8px;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--white-color);
}
*/
.cat-card .topcard-header .card-subtitle {
    font-family: "Philosopher";
    font-size: 1rem;
    color: var(--white-color);
}

.cat-card img {
    height: 100%;
    object-fit: cover;
    filter: blur(3px);
    min-height: calc(33vh);
}

.cat-card video {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    //filter: blur(3px);
    //min-height: calc(33vh);
    width: 100%;
}

.cat-card .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--main-color-rgb), 0.25);
    //border-radius: var(--main-border-radius);
    filter: blur(var(--main-padding));
    //z-index: +1;
}



.top-category-desc {
    margin: var(--main-padding) 0;
}

.top-category-shortdesc {
    margin-bottom: var(--main-padding);
}

.top-category-shortdesc h4 {
    text-align: center;
}

#virtuemart_currency_id {
    padding: 0 4px !important;
    height: 23px;
    //width: 300px;
}


.category-cards-view,
.products-cards-view {
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-padding);
    justify-content: center;
}

.category-cards-view>div,
.products-cards-view>div {
    flex: 0 1 calc(33.33% - var(--main-padding) * 2 / 3);
    overflow: hidden;
}

.category-cards-view>div#category-card-1 {
    flex: 0 1 100%;
}

/*
.category-cards-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--main-padding);
}
*/
.category-card .category-card-header,
.category-card .category-card-footer {
    display: flex;
    align-items: center;
    //flex-grow: 1;
    padding: calc(var(--main-padding) / 3 * 2);
}

.category-cards-view .category-card h2,
.category-cards-view .category-card h3,
.products-cards-view .category-card h2,
.products-cards-view .category-card h3 {
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 1rem;
}

.product-card-price {
    font-family: "Montserrat";
    //color: var(--main-color);
    //text-align: center;
    width: 100%;
    margin: calc(var(--main-padding) / 2);
    font-size: 1rem;
}

.category-cards-view .category-card h2,
.category-cards-view .category-card h3 {
    color: var(--main-color);
}

.products-cards-view .category-card h2,
.products-cards-view .category-card h3,
.product-card-price {
    color: var(--white-color);
}

.category-cards-view .category-card,
.products-cards-view .category-card {
    //background: rgba(var(--active-color-rgb), 0.75);
    //border: 2px solid rgba(var(--active-color-rgb), 0.75);
    padding: 0.25px;
    border-radius: var(--border-radius-value);
    overflow: hidden;
    position: relative;
    box-shadow: var(--card-shadow);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.category-cards-view .category-card {
    //background: rgba(var(--main-color-rgb), 0.75);
}

.products-cards-view .category-card {
    background: rgba(var(--main-color-rgb), 0.5);
}

.category-cards-view .category-card>a,
.products-cards-view .category-card>a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: var(--border-radius-value);
    overflow: hidden;
}

.category-card-images {
    position: relative;
    overflow: hidden;
}

.category-card-images .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    //background: rgba(var(--main-color-rgb), 0.15);
    //border-radius: var(--main-border-radius);
    //filter: blur(var(--main-padding));
    z-index: +2;
    pointer-events: none;
}

.category-cards-view .category-card:hover,
.products-cards-view .category-card:hover {
    box-shadow: var(--card-shadow-hover);
    //border: 2px solid rgba(var(--active-color-rgb), 1);
}

.category-cards-view .category-card:hover {
    //background: rgba(var(--active-color-rgb), 1);
}

.products-cards-view .category-card:hover {
    background: rgba(var(--main-color-rgb), 1);
}

.category-cards-view .category-card:hover h2,
.category-cards-view .category-card:hover h3 {
    color: rgba(var(--white-color-rgb), 1);
}

.category-cards-view .category-card .category-card-header {
    background: rgba(var(--main-color-rgb), 0.75);
}

.category-cards-view .category-card .category-card-footer {
    background: rgba(var(--active-color-rgb), 0.75);
    width: 100%;
}

.category-cards-view .category-card .category-card-header,
.category-cards-view .category-card .category-card-footer {
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.category-cards-view .category-card:hover .category-card-header,
.category-cards-view .category-card:hover .category-card-footer {
    background: rgba(var(--active-color-rgb), 1);
}

.category-cards-view .category-card h2 {
    color: rgba(var(--white-color-rgb), 1);
}

.swiper-card-images {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    //background: rgba(var(--main-color-rgb), 0.25);
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    //border-radius: var(--button-border-radius);
    z-index: -3;
}

.swiper-slide object {
    width: 100%;
}

.swiper-slide object>a {
    display: flex;
    justify-content: center;
    position: relative;
}

.single-card-image {
    //object-fit: cover;
    //object-position: 50% 50%;
    min-height: 320px;
    width: calc(100% - 0.25px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.single-card-image img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    object-position: 50% 50%;
    min-height: 320px;
    //height: 320px;
    width: 100%;
}

.products-cards-view .single-card-image img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    object-position: 50% 50%;
    min-height: 200px;
    //height: 240px;
    width: 100%;
}


.single-card-desc {
    //position: absolute;
    top: 0;
    color: var(--main-color);
    text-shadow: var(--link-text-shadow);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    //font-size: 85%;
    font-family: 'Arsenal';
    line-height: 1.2;
    background: rgba(var(--white-color-rgb), 0.8);
    padding: calc(var(--border-radius-value) / 4) calc(var(--border-radius-value) / 2);
    //border-radius: var(--border-radius-value);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    //margin: var(--main-padding);
    border-bottom: 0.25px solid rgba(var(--active-color-rgb), 0.75);
    border-top: 0.25px solid rgba(var(--active-color-rgb), 0.75);
}

.single-card-desc hr {
    margin: 2px;
    color: rgba(var(--main-color-rgb), 0.75);
}

.single-card-image:hover .single-card-desc {
    background: rgba(var(--white-color-rgb), 1);
    //color: var(--white-color);
}

/*
.category-card>a:hover .single-card-desc {
    background: rgba(var(--white-color-rgb), 1);
}
*/
/*
.swiper-slide-active .single-card-desc {
    color: var(--main-color);
}
*/
.swiper-pagination-outer {
    display: flex;
    gap: calc(var(--main-padding) / 4);
    position: absolute;
    //width: calc(100% - 2 * var(--main-padding));
    width: auto;
    bottom: calc(var(--main-padding) / 2);
    //top: var(--swiper-pagination-top, auto);
    //left: var(--main-padding);
    z-index: +1;
    background: rgba(var(--main-color-rgb), 0.25);
    padding: calc(var(--border-radius-value) / 2);
    border-radius: var(--border-radius-value);
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;

}

.swiper-category {
    opacity: 0;
}

.swiper-pagination-outer:hover {
    background: rgba(var(--main-color-rgb), 0.5);
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: calc(var(--main-padding) / 4);
    //width: calc(100% - var(--main-padding));
    position: relative;
    z-index: +10;
    top: 0 !important;
    width: auto !important;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    height: 16px;
    width: 16px;
    background: rgba(var(--active-color-rgb), 1);
    border-radius: var(--border-radius-value);
    box-shadow: var(--swiper-pagination-shadow);
    border: 0.15px solid rgba(var(--active-color-rgb), 0.25);
    overflow: hidden;

    & svg {
        height: 9px;
        object-fit: contain;
        transform-origin: center;
        width: auto;
        fill: rgba(var(--white-color-rgb), .75);
        pointer-events: none;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

}

.single-product-img .swiper-button-next,
.single-product-img .swiper-button-prev,
.category-card-images .swiper-button-next,
.category-card-images .swiper-button-prev {
    //margin-top: calc(10px - var(--swiper-navigation-size)/2) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;

}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(var(--active-color-rgb), 1);
    box-shadow: var(--swiper-pagination-shadow-hover);
}

.swiper-button-next svg {
    margin-left: -20px;
}

.swiper-button-next:hover svg {
    margin-left: -14px;
}

.swiper-button-prev svg {
    margin-right: -20px;
    //margin-left: unset;
}

.swiper-button-prev:hover svg {
    margin-right: -14px;
}

.swiper-pagination span.swiper-pagination-bullet-active {
    //background: rgba(var(--active-color-rgb), .85) !important;
    //opacity: 1;
    //display: inline-flex !important;
    visibility: visible !important;
}

.swiper-pagination span.swiper-pagination-bullet {
    max-width: 16px;
    width: 16px;
    margin: 0 !important;
    flex-grow: 1;
}

.swiper-pagination span.swiper-pagination-bullet {
    background: none;
    position: relative;
    height: 16px;
    width: 16px;
    max-width: 16px;
    z-index: +99;
    border-radius: var(--border-radius-value);
    border: 0.15px solid rgba(var(--active-color-rgb), 0.25);
    opacity: 1;
    //box-shadow: var(--card-box-shadow);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin: 0;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 16px !important;
}

.swiper-pagination span.swiper-pagination-bullet::before {
    position: relative;
    display: block;
    content: "";
    //margin-top: 7px;
    height: 16px;
    width: 16px;
    border-radius: var(--border-radius-value);
    border: 0.15px solid rgba(var(--active-color-rgb), 0.25);
    background: rgba(var(--white-color-rgb), 1);
    box-shadow: var(--swiper-pagination-shadow);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.swiper-pagination span.swiper-pagination-bullet-active::before {
    background: rgba(var(--active-color-rgb), 1);
    box-shadow: var(--swiper-pagination-shadow-hover);
    width: 16px;
}

/*svg*/
/***************************************************
 * Generated by SVG Artista on 4/7/2026, 6:49:40 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
    stroke-dashoffset: 672.049560546875px;
    stroke-dasharray: 672.049560546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(0, 204, 174);
}

svg .svg-elem-2 {
    stroke-dashoffset: 248.2175750732422px;
    stroke-dasharray: 248.2175750732422px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-3 {
    stroke-dashoffset: 217.32936096191406px;
    stroke-dasharray: 217.32936096191406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-4 {
    stroke-dashoffset: 258.3160705566406px;
    stroke-dasharray: 258.3160705566406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-5 {
    stroke-dashoffset: 255.83644104003906px;
    stroke-dasharray: 255.83644104003906px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-6 {
    stroke-dashoffset: 287.2906494140625px;
    stroke-dasharray: 287.2906494140625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-7 {
    stroke-dashoffset: 179.39129638671875px;
    stroke-dasharray: 179.39129638671875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-8 {
    stroke-dashoffset: 113.3043212890625px;
    stroke-dasharray: 113.3043212890625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-9 {
    stroke-dashoffset: 248.21778869628906px;
    stroke-dasharray: 248.21778869628906px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-10 {
    stroke-dashoffset: 179.39132690429688px;
    stroke-dasharray: 179.39132690429688px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

svg .svg-elem-11 {
    stroke-dashoffset: 255.83651733398438px;
    stroke-dasharray: 255.83651733398438px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(29, 27, 29);
}

/*svg end*/
#mainpagecats p {
    margin-top: calc(var(--main-padding) / 2);
}

#mainpagecats p:last-child {
    margin-bottom: var(--main-padding);
}

/*contacts-page start*/
.contacts-icon-set .single-icon a {
    display: inline-flex;
    gap: calc(var(--main-padding) / 2);
    color: var(--main-color);
}

.contacts-page a {
    color: var(--main-color);
}

.contacts-page a:hover {
    color: var(--active-color);
}

.about-page h2 {
    text-align: center;
}

.about-outer,
.about-outer-ext {
    display: flex;
    flex-wrap: wrap;
}

.about-outer-ext {
    gap: calc(var(--main-padding) * 2);
    justify-content: center;
}

.about-outer {
    gap: var(--main-padding);
}

.about-outer-ext>div {
    flex: 1 1 calc(50% - var(--main-padding));
}

.about-outer>div.about-image {
    flex: 1 1 calc(50% - var(--main-padding) / 2);
}

.about-outer>div.about-text {
    flex: 1 1 calc(50% - var(--main-padding) / 2);
}

.about-text p:last-child {
    margin-bottom: 0;
}

.about-outer:not(:last-child) {
    //margin-bottom: calc(var(--main-padding) * 2);
}

.about-image {
    overflow: hidden;
}

.about-image img {
    aspect-ratio: 1 / 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-partner-images .swiper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-partner-images .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-partner-images .swiper-slide img {
    display: block;
    object-fit: cover;
    margin-top: var(--main-padding);
    height: 200px;
}

.contacts-outer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-padding);
    justify-content: center;
}

.contacts-outer>div {
    flex: 1 1 calc(50% - var(--main-padding) / 2);
    border: 1.5px dotted rgba(var(--main-color-rgb), .35);
    padding: calc(var(--main-padding) / 1);
    border-radius: var(--border-radius-value);
}

.dealer-info {
    //margin-top: var(--main-padding);
    flex: 0 1 calc(50% - var(--main-padding) / 2) !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.contacts-outer .dealer-info {
    border: 1.5px dotted rgba(var(--main-color-rgb), .35);
    padding: calc(var(--main-padding) / 1);
    border-radius: var(--border-radius-value);
}

.contacts-outer h2,
.map-outer h2,
.dealer-info h2 {
    text-align: center;
    margin-bottom: 1rem;
}

.dealer-info p:last-child {
    margin-bottom: 0;
}

.dealer-info p:first-of-type {
    margin-top: 1rem;
}

.dealer-info a:hover svg path.alfa-logo-back {
    fill: #D32623;
}

.contacts-outer h6 {
    margin-bottom: 0.75rem;
}

.contacts-outer>div p:last-child {
    margin-bottom: 0;
}

.contacts-outer p span {
    color: var(--request-color);
}

/*contacts-page final*/
.map-outer {
    margin-top: calc(var(--main-padding));
    padding-top: calc(var(--main-padding));
}

.map-outer h6 {
    text-align: center;
    margin-bottom: 0.75rem;
}

/* Map */
.ymap-module {
    margin-top: var(--main-padding);
}

.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
    color: var(--main-color);
    margin-right: 0px !important;
    padding-right: 12px !important;
}

.ymaps-2-1-79-balloon-content__footer {
    color: var(--main-color);
    font-size: 16px !important;
}

.ymap-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.map-loading-message {
    width: 100%;
    height: calc(80dvh - var(--header-height) - 2 * var(--main-padding));
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: calc(var(--main-gap) / 2);
    ;
    gap: calc(var(--main-gap) / 2);
    color: var(--active-color);
}

#map {
    cursor: pointer;
    width: 100%;
    height: calc(80dvh - var(--header-height) - 2 * var(--main-padding));
    background-color: transparent;
    position: relative;
    z-index: +1;
}

.ymaps-2-1-79-gototech,
.ymaps-2-1-79-copyright__wrap {
    visibility: hidden;
    display: none;
}

.ymaps-2-1-79-controls__bottom .ymaps-2-1-79-controls__control {
    inset: auto 10px 0px auto !important;
}

/*#Map#*/
/*productdetails start*/

#descAccordion {
    --bs-accordion-color: var(--main-color) !important;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.4s linear, background-color 0.4s linear, border-color 0.4s linear, box-shadow 0.4s linear, border-radius 0.4s linear !important;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 2px !important;
    --bs-accordion-border-radius: var(--border-radius-value) !important;
    --bs-accordion-inner-border-radius: var(--border-radius-value) !important;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.4s linear;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--white-color);
    --bs-accordion-active-bg: rgba(var(--active-color-rgb), 0.75) !important;
}

#descAccordion .accordion-body {
    padding: var(--main-padding);
}

#descAccordion .accordion-body .product-short-description p,
.about-page p,
.contacts-outer h6,
p.hyphen-justify {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    //font-size: 18px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    margin-bottom: calc(var(--main-padding) / 2);
}

#descAccordion .accordion-body .product-short-description p:last-child {
    margin-bottom: 0;
}

#descAccordion .accordion-button {
    padding: var(--main-padding);
    color: var(--white-color);
    transition: color 0.4s linear, background-color 0.4s linear, border-color 0.4s linear, box-shadow 0.4s linear, border-radius 0.4s linear !important;
}

#descAccordion .accordion-button.collapsed {
    background: rgba(var(--main-color-rgb), 0.75);
}

#descAccordion .accordion-button.collapsed:hover {
    background: rgba(var(--active-color-rgb), 0.75);
}

.accordion-button::after {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px !important;
    height: 14px !important;
    margin-left: auto;
    content: "▼" !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    //transition: var(--bs-accordion-btn-icon-transition);
    //transform: scaleX(-1);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transform-origin: center !important;
}

.accordion-button:not(.collapsed)::after {
    transform: scaleY(-1);
    //width: 14px !important;
    //height: 14px !important;
    //transform-origin: center !important;
}

.accordion-button.collapsed:hover::after {
    transition: var(--bs-accordion-btn-icon-transition);
    transform: scaleY(-1);
}

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

.this-cat {
    margin-top: calc(var(--main-padding) * 2);
}

.prev-next-projects {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--main-padding);
}

.related-products {
    justify-content: center;
}

.prev-next-projects div.prev-project,
.prev-next-projects div.next-project {
    //flex: 1 1 calc(50% - var(--main-padding) / 2);
    //max-width: 100%;
}

.prev-next-projects>div.prev-project {
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.prev-next-projects>div.next-project {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.prev-next-projects a {
    font-size: 1rem;
    //flex: 1 1 calc(50% - var(--main-padding) / 2);
}

.prev-next-projects .project-link,
.readmore-link {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: calc(var(--main-padding) / 4);
    //white-space: nowrap;
    max-width: 100%;
    padding: calc(var(--main-padding) / 4);
    background: rgba(var(--main-color-rgb), .85);
    border-radius: var(--border-radius-value);
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.project-title {
    display: block;
    max-width: 330px;
    max-width: calc(100vw - 100px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prev-next-projects a:hover .project-link,
.readmore-link:hover {
    background: rgba(var(--active-color-rgb), 1);
}

.prev-next-projects a {
    max-width: 100% !important;
}

.prev-next-projects a {
    color: var(--white-color);
}

.prev-next-projects img {
    height: 64px;
    min-width: 64px;
    aspect-ratio: 1: 1;
    width: auto;
    border-radius: calc(var(--border-radius-value) * 2 / 3);
    overflow: hidden;
}

.single-product-img {
    position: relative;
    display: flex;
    justify-content: center;
}

.product-details h2,
.product-details h4 {
    text-align: center;
}

.product-details h2 {
    font-size: 1.25rem;
}

.product-details h4 {
    font-size: 1.15rem;
    margin-top: 1rem;
}

.about-text ul li,
.product-details p,
.product-details ul li,
.product-details-short,
.catalog-category p,
.catalog-category ul li,
.menu-page p,
.menu-page ul li,
.top-category-desc,
.top-category-shortdesc,
.article-introtext p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

.product-details p,
.catalog-category p,
.menu-page p {
    margin-bottom: calc(var(--main-padding) / 2);
}

.about-text ul,
.product-details ul,
.catalog-category ul,
.menu-page ul {
    list-style-type: none;
    padding-left: 0;
}

.product-details ol,
.catalog-category ol,
.menu-page ol {
    padding-inline-start: 20px;
}

.about-text ul:last-child,
.product-details ul:last-child,
.product-details ol:last-child,
.catalog-category ul:last-child,
.catalog-category ol:last-child,
.menu-page ol:last-child {
    margin-bottom: 0;
}

.product-details ol li::marker,
.catalog-category ol li::marker,
.menu-page ol li::marker {
    color: var(--active-color);
    /* Change the color of the bullets */
}

.about-text ul li,
.product-details ul li,
.catalog-category ul li,
.menu-page ul li {
    position: relative;
    padding-left: 24px;
    //margin-bottom: 0.75em;
}

.product-details span,
.catalog-category span,
.top-category-shortdesc span,
.menu-page ul li span,
.menu-page p span {
    color: var(--request-color);
}

.about-text ul li::before,
.menu-page ul li::before,
.product-details ul li::before,
.catalog-category ul li::before {
    position: absolute;
    content: url('../images/svg/bullet.svg');
    width: 18px;
    height: 18px;
    display: inline-flex;
    //margin-bottom: -1px;
    left: 0;
    top: 5px;
    flex-shrink: 0;
}

.product_feature iframe {
    aspect-ratio: 16 / 9;
}

.product-details-media-short {
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-padding);
    margin-bottom: var(--main-padding);
}

.product-details-media-short .product-details-media {
    overflow: hidden;
}

.product-details-media {
    flex: 1 1 calc(33.3% - var(--main-padding) / 2);
    padding: calc(var(--main-padding) / 2);
    background: rgba(var(--main-color-rgb), 0.15);
    border-radius: var(--border-radius-value);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    height: fit-content;
    //max-height: fit-content;
}

.product-details-short {
    flex: 1 1 calc(66.6% - var(--main-padding) / 2);
    /*    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
*/
}

.product-details-short h2 {
    text-align: center;
}

.product-details-img {
    overflow: hidden;
}

.product-details-short .PricesalesPrice {
    justify-content: center;
    gap: calc(var(--main-padding) / 2);
    align-items: center;
    font-family: 'Montserrat';
    margin-top: calc(var(--main-padding) / 2);
}

.product-details-short .PricesalesPrice .vm-price-desc,
.product-details-short .PricesalesPrice .PricesalesPrice {
    font-size: 1.5rem;
}

.product-details-short .PricesalesPrice .PricesalesPrice {
    color: var(--request-color);
}

.product-details-short .PricesalesPrice .PricesalesPrice {
    color: var(--white-color);
    /* border: 2px solid var(--request-color); */
    padding: 2px 8px;
    border-radius: var(--border-radius-value);
    background: var(--request-color);
}

.product-details-img .single-product-thumb {
    margin-top: calc(var(--main-padding) / 2);
    outline: none !important;
    overflow-x: clip;
}

.single-product-thumb.swiper-container {
    //overflow-x: hidden;
    position: relative;
    overflow-y: visible;
}

.product-details-img .single-product-thumb .swiper-slide,
.product-details-img .single-product-img .swiper-slide,
.single-product-img .single-slide img {
    border-radius: var(--border-radius-value);
    outline-offset: -2.2px;
    -webkit-transition: border .4s, outline .4s;
    -moz-transition: border .4s, outline .4s;
    -o-transition: border .4s, outline .4s;
    transition: border .4s, outline .4s;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details-img .single-product-thumb .swiper-slide,
.product-details-img .single-product-img .swiper-slide {
    outline: 2px solid rgba(var(--main-color-rgb), 0.25);
}

.single-product-img .single-slide {
    width: 100% !important;
}

.single-product-img .single-slide img {
    outline: 2px solid rgba(var(--active-color-rgb), 1);
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.product-details-img .single-product-thumb .swiper-slide-thumb-active,
.product-details-img .single-product-img .swiper-slide-active {
    outline: 2px solid var(--active-color);
    //border: 2px solid var(--active-color)\0;
    outline-offset: -2.2px;
    cursor: pointer;
}

.product-details-img .single-product-thumb {
    max-height: 0;
    visibility: hidden;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    -o-transition: height .4s;
    transition: height .4s;
}

.single-swiper-button-next-outer,
.single-swiper-button-prev-outer {
    position: absolute;
    padding: calc(var(--border-radius-value) / 2);
    border-radius: var(--border-radius-value);
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: +2;
    top: calc(50% - 13px);
    background: rgba(var(--main-color-rgb), 0.25);
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
}

.single-swiper-button-next-outer:hover,
.single-swiper-button-prev-outer:hover {
    background: rgba(var(--main-color-rgb), 0.5);
}

.single-swiper-button-next-outer {
    right: 4px;
}

.single-swiper-button-prev-outer {
    left: 4px;
}

.product-details-img .single-product-thumb .swiper-button-next,
.product-details-img .single-product-thumb .swiper-button-prev {
    position: relative;
    margin: unset;
    top: unset;
    left: unset;
    right: unset;
}

.count_images {
    display: none;
}

.gallery-top .swiper-pagination-fraction {
    width: 80px;
    //bottom: 20px;
    left: calc(50% - 40px);
    padding: 2px 6px;
    border-radius: 18px;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color);
    background: rgba(var(--white-color-rgb), 0.75);
}

.product-swiper-container,
.seen-swiper-container,
.bottom-seen-swiper-container {
    position: relative;
    overflow: hidden;
}

/* productdetails finish */


/* offcanvas start */
.offcanvas-menu {
    max-height: 100dvh;
}

.offcanvas-menu .off-inner {
    overflow-y: auto;
    max-height: calc(100dvh - var(--header-height));
}

.offcanvas-menu .off-inner ul#mod-menu0 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--main-padding) / 2);
}

.offcanvas-menu .off-inner ul.md-menu__sub.small {
    //display: block !important;
    margin: 0 0 0 var(--main-padding);
}

.offcanvas-menu .off-inner ul#mod-menu0>li:not(:last-child):not(.parent) {
    //margin-bottom: var(--main-padding);
}

span.menu-toggler {
    display: none;
    visibility: hidden;
    width: 0;
}

.offcanvas-menu .off-inner {
    padding: 0 var(--main-padding) var(--main-padding);
}

.offcanvas-menu .hor-logo,
.offcanvas-menu ul.mod-menu>li>a {
    font-size: 18px;
    text-transform: uppercase;
    opacity: 1 !important;
    color: var(--main-color);
    line-height: 1 !important;
}

.offcanvas-menu .off-inner .mod-menu ul li a {}

.offcanvas-menu .off-inner ul.md-menu__sub.small li a {
    color: var(--main-color);
    padding: 0;
}

.offcanvas-menu ul li a:hover,
.offcanvas-menu ul li a:focus,
.offcanvas-menu ul li.active>a {
    color: var(--active-color) !important;

}

.offcanvas-menu .mod-menu>ul>li>a {
    //font-family: 'Montserrat';
}

.offcanvas-menu .hor-logo svg {
    height: 32px;
    width: auto;
}

.offcanvas-menu .off-inner ul.menu>li>ul>li ul.menu-child {
    display: none !important;
}

.offcanvas-menu .off-inner ul.menu>li span.menu-toggler {
    display: none;
    visibility: hidden;
}

.logo-close {
    padding: 0 var(--main-padding);
}

.burger-icon {
    width: auto;
    display: inline-flex;
}

.close-offcanvas {
    position: relative;
    right: unset !important;
    top: unset;
    display: inline-flex;
    align-self: center;
}

.close-offcanvas svg {
    height: 18px !important;
    width: auto;
}

/* offcanvas finish */

#sp-main-body,
#sp-footer {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    //padding-left: calc(var(--main-padding) * 3);
    //padding-right: calc(var(--main-padding) * 3);
}

#sp-footer {
    background: rgba(var(--main-color-rgb), 1);
}

#sp-footer h3 {
    color: rgba(var(--white-color-rgb), .35);
    margin-bottom: calc(var(--main-padding) / 3);
    text-transform: uppercase;
}

.footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    gap: var(--main-padding);
    margin: var(--main-padding) 0;
}

.footer>div {
    width: 100%;
    flex: 1 1 calc(33.33% - var(--main-padding) * 2 / 3);
}

.footer-3 .icon-set {
    min-height: auto;
}

.footer ul.mod-menu {
    display: flex !important;
    flex-direction: column;
    gap: calc(var(--main-padding) / 3);
}

.footer .footer-2 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer .footer-3 {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.footer .moduletable:not(:first-child) {
    margin-top: var(--main-padding);
}

.footer .footer-2 ul.mod-menu,
.footer .footer-2 a {
    align-items: center;
}

.footer .footer-3 .icon-set {
    justify-content: flex-end;
}


#sp-footer a {
    color: var(--white-color);
    font-size: 1rem;
}

#sp-footer a:hover {
    color: var(--active-color);
}

.icon-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--main-padding) / 2);
}

.icon-left svg {
    //height: clamp(1.125rem, 0.7083rem + 1.8519vw, 1.375rem);
    //width: auto;
    vertical-align: middle;
    margin-top: -3px;
}

.sp-scroll-up {
    bottom: 60px;
    right: 10px !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(var(--main-color-rgb), .4);
    transition: all .4s ease;
    //display: flex;
    //justify-content: center;
    //align-items: center;
    border: 0.75px dotted rgba(var(--white-color-rgb), 0.95);
}

.sp-scroll-up.in-footer {
    background: rgba(var(--active-color-rgb), .4);
}

.sp-scroll-up::before {
    content: "▲";
}

.sp-scroll-up.in-footer:hover,
.sp-scroll-up.in-footer:active,
.sp-scroll-up.in-footer:focus {
    background: rgba(var(--active-color-rgb), .85);
}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
    color: var(--white-color);
    background: rgba(var(--main-color-rgb), .85);
}

@media (max-width: 1199.98px) {
    .about-outer-ext>div {
        flex: 1 1 100%;
    }

    .about-outer:nth-child(2),
    .about-outer:nth-child(3) {
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {

    .category-cards-view>div,
    .category-cards-view>div#category-card-1,
    .products-cards-view>div {
        flex: 0 1 calc(50% - var(--main-padding) / 2);
    }


    .category-cards-view>div# {
        //flex: 1 1 100%;
    }

    .product-details-media,
    .product-details-short {
        flex: 1 1 calc(50% - var(--main-padding) / 2);
    }

    #offcanvas-toggler {
        height: 22px;
        line-height: var(--header-height);
        font-size: 0;
        //width: 18px;
    }

    #top-search {
        display: none;
    }

    .article-list.grid {
        --columns: 2 !important;
        margin-bottom: var(--main-padding);
    }

}

@media (max-width: 767.98px) {

    .product-details-media,
    .product-details-short {
        flex: 1 1 100%;
    }

    .footer>div {
        flex: 1 1 calc(50% - var(--main-padding) / 2);
    }

    .footer .footer-2 {
        text-align: center;
        order: 3;
    }

    .logo-footer .hor-logo {
        //justify-content: flex-end;
    }

    .footer .footer-3 {
        text-align: right;
        order: 2;
    }

    .footer .footer-2 ul.mod-menu {
        //align-items: flex-end;
    }

    /*
*/
    /*
    .about-outer>div.about-image {
        flex: 1 1 calc(50% - var(--main-padding) / 2);
    }

    .about-outer>div.about-text {
        flex: 1 1 calc(50% - var(--main-padding) / 2);
    }
*/
    .contacts-outer>div {
        flex: 1 1 100%;

    }

    .article-list.grid {
        --columns: 1 !important;
        margin-bottom: var(--main-padding);
    }

    .dealer-info {
        flex: 1 1 100% !important;
    }
}

@media (max-width: 575.98px) {

    .category-cards-view>div,
    .category-cards-view>div#category-card-1,
    .products-cards-view>div {
        flex: 0 1 100%;
    }

    .product-details-short .PricesalesPrice {
        margin-bottom: calc(var(--main-padding) / 2) !important;
    }

    .footer>div {
        flex: 1 1 100%;
    }

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

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

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

    .footer .footer-3 .icon-set {
        justify-content: center;
    }

    .icon-left {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
    }

    .logo-footer .hor-logo {
        justify-content: center;
    }

    .footer .footer-2 ul.mod-menu {
        align-items: center;
    }

    .footer .footer-1 .icon-set {
        justify-content: center;
    }

    .twocols-container .schema-card {
        flex: 1 1 100%;
    }

    .about-outer {
        flex-direction: column;
    }

    .about-outer>div.about-image,
    .about-outer>div.about-text {
        flex: 1 1 100%;
    }

    .about-outer-ext,
    .about-outer {
        flex-direction: column;
    }

    /*
    .about-outer:nth-child(2),
    .about-outer:nth-child(3) {
        flex-direction: row;
    }

    .about-outer:nth-child(1),
    .about-outer:nth-child(2) {
        flex-direction: row;
    }
*/
    .about-outer:nth-child(3) .about-text,
    .about-outer:nth-child(4) .about-text {
        order: 0;
    }

    .about-outer:nth-child(3) .about-image,
    .about-outer:nth-child(4) .about-image {
        order: 1;
    }

}


/*#intro video#*/
@media (min-width: 1400px) {

    #sp-header .container-fluid,
    #sp-footer {
        //max-width: 1320px;
        padding-left: calc(var(--main-padding) * 3);
        padding-right: calc(var(--main-padding) * 3);
    }

    #sp-main-body {
        padding-left: calc(var(--main-padding) * 3);
        padding-right: calc(var(--main-padding) * 3);
        //background: var(--white-color);
    }
}

@media (min-width: 576px) and (max-width: 1399.98px) {
    #sp-main-body .container {
        max-width: 100%;
    }

    #sp-main-body .container {
        max-width: 100%;
    }

    ul.sp-megamenu-parent,
    .one-row-header,
    .one-row-header-left {
        gap: calc(var(--main-padding) * 2 / 3);
    }

    /*
    .icon-set .single-icon svg,
    .icon-left svg {
        height: clamp(1rem, -0.3125rem + 3.6458vw, 1.4375rem);
        width: auto;
    }
    */
}

/*
ul.sp-megamenu-parent>li.sp-has-child>a::after {
    font-size: clamp(0.625rem, 0.25rem + 1.0417vw, 0.75rem);
}

.mod-languages {
    //margin-right: calc(var(--main-padding) / 2);
}

.logo-slogan,
.transparent-page .header-sticky .logo-slogan {
    font-size: clamp(0.3125rem, 0.1792rem + 0.2778vw, 0.3875rem);
    bottom: clamp(0.21875rem, 0.0521rem + 0.3472vw, 0.3125rem);
}

*/

@media (max-width: 575.98px) {
    #sp-menu {
        display: none;
    }


    ul.sp-megamenu-parent,
    .one-row-header {
        gap: calc(var(--main-padding) * 2 / 3);
    }

    .one-row-header-left {
        gap: calc(var(--main-padding) * 2 / 3);
    }

    .one-row-header-right {
        gap: calc(var(--main-padding) / 3 * 2);
    }

    .logo-text,
    .hor-logo {
        //font-size: clamp(0.875rem, 0.3125rem + 1.5625vw, 1.0625rem);
        //font-size: clamp(0.9375rem, 0.625rem + 1.3889vw, 1.125rem);
    }

    .icon-set .single-icon.header-email {
        display: none;
        visibility: hidden;
        width: 0;
    }

    /*.icon-set .single-icon svg, */

    ul.lang-inline>li a {
        //height: clamp(1.125rem, 0.7083rem + 1.8519vw, 1.375rem);
        //width: clamp(1.125rem, 0.7083rem + 1.8519vw, 1.375rem);
    }

    .burger-icon svg {
        height: 30px;
        width: auto;
    }

    .transparent-logo svg {
        width: clamp(11.25rem, 3.9583rem + 32.4074vw, 15.625rem);
        height: auto;
    }
}

@media (max-width: 399.98px) {


    .one-row-header-right .mod-languages {
        display: none;
        visibility: hidden;
        width: 0;
        //position: absolute;
        //top: 0;
        //justify-content: center;
    }

    .one-row-header-center {
        //font-family: 'Montserrat';
        display: flex;
        //gap: var(--main-padding);
        align-items: flex-start;
        justify-content: center;
        //width: 0;
    }

    .one-row-header-center .mod-languages {
        position: absolute;
        margin-left: -2px;
        //left: 50%;
    }

    .one-row-header-center ul.lang-inline>li {
        border-radius: 0 0 4px 4px !important;
    }

    #sp-logo svg {
        height: 36px;
        width: auto;
    }

    ul.lang-inline>li a {
        height: 14px;
    }

    .icon-set .single-icon svg {
        width: 18px;
        height: auto;
    }
}