:root {
    --main-color: rgb(56, 83, 105);
    --main-color-rgb: 56, 83, 105;
    --passive-color: #4E4D4D;
    //--background-color: #EAE9E9;
    --active-color: rgb(255, 215, 150);
    --active-color-rgb: 255, 215, 150;
    --active-color: rgb(0, 160, 227);
    --active-color-rgb: 0, 160, 227;
    --active-form-color: #8fc4f6;
    --active-form-color-rgb: 143, 146, 296;
    --request-color: #FF8C00;
    --request-color-rgb: 255, 140, 0;
    --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 2px rgba(var(--main-color-rgb), 0.05), 1px 1px 2px rgba(var(--main-color-rgb), 0.05), -1px 1px 2px rgba(var(--main-color-rgb), 0.05), 1px -1px 2px rgba(var(--main-color-rgb), 0.05);
    --link-text-shadow-active: -1px 1px 2px rgba(var(--main-color-rgb), 0.15), 1px 1px 2px rgba(var(--main-color-rgb), 0.15), -1px 1px 2px rgba(var(--main-color-rgb), 0.15), 1px -1px 2px rgba(var(--main-color-rgb), 0.15);
    --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);
    --card-shadow-hover: 0px 3px 6px rgba(var(--main-color-rgb), 0.25), 3px 3px 6px rgba(var(--main-color-rgb), 0.25), -3px 3px 6px rgba(var(--main-color-rgb), 0.25);
    --svg-shadow: drop-shadow(0px 1px 2px rgba(var(--main-color-rgb), .05)) drop-shadow(1px 0px 2px rgba(var(--main-color-rgb), .05)) drop-shadow(-1px 0px 2px rgba(var(--main-color-rgb), .05)) drop-shadow(0px -1px 2px rgba(var(--main-color-rgb), .05));
    --svg-shadow-hover: drop-shadow(0px 1px 2px rgba(var(--main-color-rgb), .25)) drop-shadow(1px 0px 2px rgba(var(--main-color-rgb), .25)) drop-shadow(-1px 0px 2px rgba(var(--main-color-rgb), .25)) drop-shadow(0px -1px 2px rgba(var(--main-color-rgb), .25));
}

/* tektur-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: 'Tektur';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/tektur-v5-cyrillic_latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* tektur-600 - 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: 'Tektur';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/tektur-v5-cyrillic_latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* el-messiri-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: 'El Messiri';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/el-messiri-v24-cyrillic_latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'El Messiri';
    //cursor: url("../../../images/svg/cursor_black.svg") 15 15, auto;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Tektur';
    font-weight: 600;
    color: var(--active-color);
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

h1,
h2 {
    margin-bottom: 1em;
}

h2 {
    //margin-top: calc(var(--main-padding) * 3); 
}

#video iframe {
    //height: var(--app-height);
    width: 100%;
    aspect-ratio: 16 / 9;
}

#video {
    position: relative;
    //max-height: var(--app-height);
    width: 100%;
    aspect-ratio: 16 / 9;
    //background: rgba(var(--main-color-rgb), 1);
    z-index: +2;
}


#video h2 {
    //position: absolute;
    padding-top: calc(var(--main-padding) * 3);
    //text-align: center;
    //width: 100%;
    //z-index: +1;
    //pointer-events: none;
    //margin-top: calc(0px - var(--main-padding) * 3);
}

/*
.hytPlayerWrap {
    display: block;
    position: relative;
}

.hytPlayerWrap.ended::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: rgba(var(--main-color-rgb), .75);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==)
}

.hytPlayerWrap.paused::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: rgba(var(--main-color-rgb), 1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}
*/
/*
.pointer {
    cursor: none;
    isolation: isolate;
    pointer-events: none;
    position: absolute;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0);
    //background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    top: var(--y, 0);
    left: var(--x, 0);
    transform: translate(-50%, -50%);
    z-index: +9999;
    backdrop-filter: inverse(100%);
    mix-blend-mode: exclusion;
    //mix-blend-mode: darken;
    transition: transform .2s;
    //background-image: url("../../../images/svg/cursor.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.isolate {
    isolation: isolate;
}
*/
/*
.main-page .pointer {
    cursor: none;
    position: absolute;
    width: 29px;
    height: 29px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    top: var(--y, 0);
    left: var(--x, 0);
    transform: translate(-50%, -50%);
    //z-index: +99;
    //backdrop-filter: inverse(100%);
    mix-blend-mode: overlay;
    transition: transform .2s;
    background-image: url("../../../images/svg/target.svg");
    background-position: center;
    background-repeat: no-repeat;
}
*/
body {
    //cursor: none;
}

a {
    //cursor: none;
}

#sp-header .logo a {
    height: var(--header-height);
}

.mod-languages {
    margin-left: var(--main-padding);
}

.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(20px);
    -webkit-filter: blur(20px);
    background: rgba(var(--white-color-rgb), 0.75);
    -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 {
    //height: calc(100% + 20px);
    height: 100%;
}

.icon-set a:hover::before {
    height: calc(100% - 20px);
    //height: 100%;
}
.logo a {
    position: relative;
}

.logo a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    padding: 0 0;
    filter: blur(20px);
    -webkit-filter: blur(20px);
    background: rgba(var(--white-color-rgb), 0.75);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}

.logo a:hover::after {
    height: 100%;
    padding: 15px 0;
}

/*
.main-page .sp-menu-item a, .main-page #sp-logo a, .main-page #sp-header .icon-set a, .main-page .mod-languages a{
    cursor: url("../../../images/svg/target_white.svg") 15 15, pointer;
}
.sp-menu-item a, #sp-logo a, #sp-header .icon-set a, #sp-header .icon-set a, .mod-languages a, a {
    cursor: url("../../../images/svg/target_black.svg") 15 15, pointer;
    //border: 1px solid red
}
*/
#sp-main-body {
    padding: 0;
}

#opisanie,
.buying,
.about {
    //min-height: 100vh !important;
    padding: calc(var(--main-padding) * 3) 0;
}

.cooperation {
    padding: calc(var(--main-padding) * 3) 0 0;
}

#razmery {
    //margin-bottom: calc(0px - var(--main-padding) * 3);
}

#sp-footer {
    position: relative;
    //z-index: -99999;
    background: var(--main-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);
}

.logo a {
    //position: relative;
    display: flex;
    gap: 6px;
}

.hor-logo,
.logo-video {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-video {
    -webkit-animation: MouseOpening 1s cubic-bezier(0.154, 0.002, 0.34, 1) backwards;
    -moz-animation: MouseOpening 1s ccubic-bezier(0.154, 0.002, 0.34, 1) backwards;
    animation: MouseOpening 1s cubic-bezier(0.154, 0.002, 0.34, 1) backwards;
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    animation-delay: 1.9s;
    //width: auto;
    position: relative;
    font-family: "Tektur";
    //font-size: 36px;
    font-weight: 600;
    line-height: 1;
    //margin-bottom: 15vh;
    gap: 8px;
}

.logo-video svg {
    width: auto;
    height: clamp(3rem, 2.4217rem + 2.8916vw, 6rem);
    //box-shadow: var(--svg-shadow);
    filter: var(--svg-shadow);
    -webkit-filter: var(--svg-shadow);
}


.logo-text,
.logo-text-short {
    //position: absolute;
    //right: 0;
    //margin-top: -2px;
    display: flex;
    flex-direction: column;
    //gap: 2px;
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    text-shadow: var(--link-text-shadow);
}

.logo-video .video-text,
.logo-video .logo-text-short {
    font-size: clamp(1.5rem, 1.2108rem + 1.4458vw, 3rem);
}

.logo-text-short {
    display: none;
    visibility: hidden;
}

.logo-text>div,
.logo-text-short>div {
    white-space: nowrap;
}

.first-line,
.second-line {
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.first-line,
.main-page .header-sticky .hor-logo .first-line {
    color: var(--active-color);
}

/*
.main-page .first-line {
    color: var(--white-color);
}
*/
.logo-text .second-line,
.logo-text-short .second-line {
    color: var(--main-color);
}

.video-text .first-line-korn {
    color: var(--white-color);
}

.video-text .second-line-group {
    color: var(--active-color);
}

.logo:hover .second-line,
.header-sticky .logo:hover .second-line {
    color: var(--active-color);
}

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

.one-row-header-center {
    //font-family: 'Xolonium';
    display: flex;
    gap: var(--main-padding);
    align-items: center;
}

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

.top-tel {
    height: 100%;
}

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

.top-phone-number a,
.main-page .header-sticky .top-phone-number a,
.single-top-phone-number a,
.main-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,
.main-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: 50px;
    align-items: center;
    gap: var(--main-padding);
}

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

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

/*
.main-page path.fill-top-icon,
.header-sticky.viewslider path.fill-top-icon {
    fill: var(--white-color);
}

a:hover path.fill-top-icon,
.header-sticky.viewslider a:hover path.fill-top-icon {
    fill: var(--main-color);
}
*/
a:hover path.fill-top-icon {
    fill: var(--active-color);
}



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

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


.burger-icon {
    width: 28px;
    height: 22px;
    margin-left: var(--main-padding);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 3px;
    position: relative;
}

a#offcanvas-toggler .burger-icon::before {
    content: "";
    background: var(--white-color);
    height: 8px;
    width: 8px;
    //width: 100%;
    //display: flex;
    //justify-content: center;
    position: absolute;
    left: calc(50% - 4px);
    border-radius: 4px;
    bottom: -6px;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    box-shadow: var(--link-text-shadow);
}

a#offcanvas-toggler:hover .burger-icon::before {
    background: var(--active-color);
    bottom: -12px;
    opacity: 1;
}

.burger-icon>span {
    display: inline-flex;
    height: 5px;
    background: var(--main-color);
    margin: 0;
    border-radius: 2.5px;
    transition: background-color 0.4s linear, opacity 0.4s linear, transform 0.4s linear;
    transition-delay: 0s !important;
    box-shadow: var(--link-text-shadow);
}

a:hover .burger-icon>span {
    background: var(--active-color);
}

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

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    position: relative;
    line-height: 18px;
    opacity: 1;
    transition: all 0.4s;
    color: var(--main-color);
}

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

ul.menu.nav-pills {
    gap: calc(var(--main-padding) / 1);
}

/*
.header-sticky .burger-icon>span {
    background: var(--main-color);
}
*/
/*one-row-header-final*/
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    font-family: 'Tektur';
    font-size: 18px;
    font-weight: 600;
    //text-transform: uppercase;
    display: inline-block;
    //padding: 0 15px;
    line-height: 60px;
    margin: 0;
}

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

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

#sp-header {
    box-shadow: none;
    box-shadow: 0px 3px 6px rgba(var(--main-color-rgb), 0.15);
    min-height: var(--header-height) !important;
    height: var(--header-height) !important;
    animation: none !important;
    //display: none;
    //background: transparent !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);
}

.sp-megamenu-parent>li>a,
.main-page .header-sticky .sp-megamenu-parent>li>a {
    color: var(--main-color);
    line-height: 1;
    position: relative;
    text-shadow: var(--link-text-shadow);
    //height: 100%;
    white-space: nowrap;
    padding: 0 !important;
    //margin-top: 0px;
}

.icon-set a {
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    gap: calc(var(--main-padding) / 4);
    color: var(--main-color);
    //margin-top: -10px;
    height: calc(var(--header-height) + 20px);
    line-height: calc(var(--header-height) + 20px);
    position: relative;
    overflow-y: hidden
    text-shadow: var(--link-text-shadow);
    white-space: nowrap;
}

.top-phone {
    display: flex;
    align-items: center;
}

.icon-set a:hover {
    color: var(--active-color);
}

/*
.main-page .sp-megamenu-parent>li>a,
.main-page .header-sticky.viewslider .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) !important;
}

/*
.main-page .sp-megamenu-parent>li.active>a,
.main-page .sp-megamenu-parent>li:hover>a,
.main-page .sp-megamenu-parent>li:focus>a,
.main-page .header-sticky.viewslider .sp-megamenu-parent>li.active>a,
.main-page .header-sticky.viewslider .sp-megamenu-parent>li:hover>a,
.main-page .header-sticky.viewslider .sp-megamenu-parent>li:focus>a {
    color: var(--main-color) !important;
}
*/
.main-page .header-sticky .sp-megamenu-parent>li.active>a,
.main-page .header-sticky .sp-megamenu-parent>li:hover>a,
.main-page .header-sticky .sp-megamenu-parent>li:focus>a {
    color: var(--active-color) !important;
}

.sp-megamenu-parent>li {}

.sp-megamenu-parent>li>a {
    //height: 30px;
    //height: calc(var(--header-height) + 10px);
    display: flex;
    align-items: center;
    position: relative;
    //border: 1px solid red;
    margin-top: 0px;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a {
    margin-top: -20px;
}

.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);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.sp-megamenu-parent>li {
    height: var(--header-height);
    line-height: var(--header-height);
}
.sp-megamenu-parent>li>a {
    margin-top: -10px;
    height: calc(var(--header-height) + 20px);
    line-height: calc(var(--header-height) + 20px);
}
.sp-megamenu-parent>li>a::before {
    content: "";
    //background: var(--main-color);
    height: 21px;
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    //left: calc(50% - 8px);
    bottom: 30px;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.offcanvas-inner ul>li>a::before {
    content: "";
    //background: var(--main-color);
    height: 21px;
    width: 0;
    //position: absolute;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;

}

.sp-megamenu-parent>li.active>a::before,
.sp-megamenu-parent>li:hover>a::before {
    opacity: 1;
    bottom: 10px;
}

.offcanvas-inner ul>li.active>a::before,
.offcanvas-inner ul>li:hover>a::before {
    opacity: 1;
    width: var(--main-padding);
}

.sp-megamenu-parent>li:nth-child(1)>a::before,
.offcanvas-inner ul>li:nth-child(1)>a::before {
    content: url('../../../images/svg/info_a.svg');
}

.sp-megamenu-parent>li:nth-child(2)>a::before,
.offcanvas-inner ul>li:nth-child(2)>a::before {
    content: url('../../../images/svg/photo_a.svg');
}

.sp-megamenu-parent>li:nth-child(3)>a::before,
.offcanvas-inner ul>li:nth-child(3)>a::before {
    content: url('../../../images/svg/size_a.svg');
}

.sp-megamenu-parent>li:nth-child(4)>a::before,
.offcanvas-inner ul>li:nth-child(4)>a::before {
    content: url('../../../images/svg/video_a.svg');
}

.sp-megamenu-parent>li:nth-child(5)>a::before,
.offcanvas-inner ul>li:nth-child(5)>a::before {
    content: url('../../../images/svg/shop_a.svg');
}

.sp-megamenu-parent>li:nth-child(6)>a::before,
.offcanvas-inner ul>li:nth-child(6)>a::before {
    content: url('../../../images/svg/about_a.svg');
}

/*
.main-page .header-sticky .sp-megamenu-parent>li:nth-child(6)>a::before {
    content: url('../../../images/svg/about_a.svg');
}

.main-page .header-sticky.viewslider .sp-megamenu-parent>li:nth-child(6)>a::before {
    content: url('../../../images/svg/about_a.svg');
}
*/
.one-row-header-right a {
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 100%;
}

@keyframes icon-start {
    0% {
        transform: translateY(-6px);
    }

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

.one-row-header-right a div {
    //animation: icon-start linear 0.4s forwards;
    //height: 100%;
    //position: absolute;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

@keyframes icon-up {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-6px);
    }
}

.one-row-header-right a:hover>div {
    animation: icon-up linear 0.4s forwards;
    //margin-top: -8px;
}

.one-row-header-right a:not(:hover)>div {
    animation: icon-start linear 0.4s forwards;
    //margin-top: -8px;
}

.single-icon svg,
.hor-logo svg {
    filter: var(--svg-shadow);
    -webkit-filter: var(--svg-shadow);
}

.one-row-header-right .single-icon::before {
    content: "";
    background: var(--white-color);
    height: 8px;
    width: 8px;
    //width: 100%;
    //display: flex;
    //justify-content: center;
    position: absolute;
    left: calc(50% - 4px);
    border-radius: 4px;
    bottom: 35px;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    box-shadow: var(--link-text-shadow);
}

.one-row-header-right a:hover .single-icon::before {
    background: var(--active-color);
    bottom: 15px;
    opacity: 1;
}

/*
.main-page .header-sticky .one-row-header-right a:hover .single-icon::before {
    background: var(--active-color);
}

.main-page .header-sticky.header-sticky.viewslider .one-row-header-right a:hover .single-icon::before {
    background: var(--main-color);
}
*/
/*
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px;
}
*/
#sp-header .sp-module {
    margin-left: 0;
    */
}

.main-page #sp-title,
.portfolio-page #sp-title,
.tour-page #sp-title {
    margin-top: calc(0px - var(--header-height));
    min-height: 100vh;
    height: 100vh;
}

.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;
}

.main-page #sp-header,
.transparent-header-page #sp-header,
#sp-header.header-sticky.viewslider {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* //background: rgba(var(--active-color-rgb), 0.15) !important; */
    background: rgba(var(--white-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;
    overflow-y: hidden;
}

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


svg rect,
svg path {
    -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;
}

svg path.logo-stars {
    fill: var(--white-color);
}

.logo:hover svg path.logo-stars {
    fill: var(--active-color);
}

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

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

.sp-scroll-up {
    content: url('../images/svg/scroll_up.svg');
    width: 32px;
    height: 32px;
    padding: 4px;
    filter: var(--svg-shadow-hover);
    -webkit-filter: var(--svg-shadow-hover);
    background: rgba(var(--active-color-rgb), 0.25);
    bottom: calc(var(--main-padding) * 3);
    right: var(--main-padding);
    transition: all 0.4s linear;
    box-shadow: var(--link-text-shadow);
}

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

.two-cols {
    columns: 2;
    //column-rule: 0.5px solid rgba(var(--main-color-rgb), .25);
    column-gap: var(--main-padding);
    margin-bottom: var(--main-padding);
}

/* yuotube-start */

#player-parent {
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--main-text-shadow);
    width: 100%;
    //min-height: calc(100vh - var(--header-height) - var(--main-padding));
    //height: calc(100vh - var(--header-height) - var(--main-padding));
}

.player-ph {
    pointer-events: none;
    width: 50%;
    height: 100%;
    position: relative;
    z-index: 6;
    opacity: 1;
    transition: opacity 0.45s ease-out;
    //transition-delay: 0.450s;
    /*    
    background: url(https://images.unsplash.com/photo-1503714964235-8954a5249c00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);
    background-size: cover;
    mix-blend-mode: multiply;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
*/
}

.player-ph img {
    height: 100%;
    opacity: 1;
    transition: opacity 0.45s ease-out;
}

#player-wrap {
    cursor: pointer;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.player-ph,
.player-ph--color,
#player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.player-ph--color svg {
    pointer-events: all;
    //filter: var(--svg-shadow);
    //-webkit-filter: var(--svg-shadow);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    animation: drop 2s forwards infinite;
    animation-delay: 1s;
}

.player-ph--color svg:hover {
    //filter: var(--svg-shadow-hover);
    //-webkit-filter: var(--svg-shadow-hover);
    filter: drop-shadow(3px 3px 4px rgba(127, 30, 0, 0.35)) drop-shadow(-3px 3px 4px rgba(127, 30, 0, 0.35)) drop-shadow(3px -3px 4px rgba(127, 30, 0, 0.35)) drop-shadow(-3px -3px 4px rgba(127, 30, 0, 0.35));
    //animation-play-state: pause; 
    //animation-duration: 1s;
    animation-iteration-count: 0;
    animation: backwards;
    animation-delay: 0s;
}

#player {
    z-index: 5;
    //pointer-events: none;
    //opacity: 0;
    //transition: opacity 3s ease-out;
}

.player-ph--color {
    pointer-events: none;
    background: rgba(var(--main-color-rgb), .15);
    z-index: 7;
    opacity: 1;
    transition: opacity 0.45s ease-out;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#player-parent .player-ph--color svg path {
    opacity: 0;
    //fill: var(--main-color);
}

#player-parent.showing .player-ph--color svg path,
#player-parent.paused .player-ph--color svg path,
#player-parent.pausing .player-ph--color svg path,
#player-parent.ended .player-ph--color svg path {
    opacity: 1;
}

#player-parent .player-ph--color svg {}

@keyframes drop {
    transition: all ease-in;

    0% {
        filter: drop-shadow(1px 1px 2px rgba(127, 30, 0, 0.2) drop-shadow(-1px 1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(1px -1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(-1px -1px 2px rgba(127, 30, 0, 0.2)));
    }

    5% {
        filter: drop-shadow(1px 1px 2px rgba(127, 30, 0, 0.2) drop-shadow(-1px 1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(1px -1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(-1px -1px 2px rgba(127, 30, 0, 0.2)));
    }

    25% {
        filter: drop-shadow(3px 3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(-3px 3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(3px -3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(-3px -3px 4px rgba(127, 30, 0, 0.25));
    }

    75% {
        filter: drop-shadow(3px 3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(-3px 3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(3px -3px 4px rgba(127, 30, 0, 0.25)) drop-shadow(-3px -3px 4px rgba(127, 30, 0, 0.25));
    }

    95% {
        filter: drop-shadow(1px 1px 2px rgba(127, 30, 0, 0.2) drop-shadow(-1px 1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(1px -1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(-1px -1px 2px rgba(127, 30, 0, 0.2)));
    }

    100% {
        filter: drop-shadow(1px 1px 2px rgba(127, 30, 0, 0.2) drop-shadow(-1px 1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(1px -1px 2px rgba(127, 30, 0, 0.2)) drop-shadow(-1px -1px 2px rgba(127, 30, 0, 0.2)));
    }
}

/*
.player-ph--color:after {
    content: "▶️";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 300px;
    font-size: 150px;
    color: #fff;
    opacity: .5;
    display: block;
    z-index: 2
}
*/
#player {
    transition: opacity .4s ease-out;
}

/*
.player-ph--color:after {
    transition: opacity 1s ease-out;
}
*/

#player-parent.playing .player-ph {
    z-index: 44;
    //opacity: 0;
}

#player-parent.playing .player-ph img {
    opacity: 0;
}

#player-parent.playing .player-ph--color {
    //z-index: 4;
    //opacity: 0;
}

#player-parent.playing .player-ph--color svg path {
    opacity: 0 !important;
}

#player-parent {

    &.pausing,
    &.paused {
        #player {
            opacity: 1;
        }

        .player-ph {
            opacity: 0;
        }
    }

    &.playing {
        .player-ph--color svg {
            opacity: 0;
        }
    }

    &.ended {
        .player-ph--color svg {
            opacity: 1;
        }
    }


    &.showing {
        .player-ph {
            opacity: 1;
        }
    }


    &.playing #player {
        opacity: 1;
    }
}

/* youtube-end */

iframe#player .ytp-pause-overlay {
    display: none;
    visibility: hidden;
}

/* 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);
    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);
}

.image-hover {
    position: absolute;
    width: 100%;
    top: var(--header-height);
    height: calc(100% - var(--header-height));
    background: rgba(var(--main-color-rgb), 0.45);
}


.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-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: var(--main-padding);
}

.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;

}

.os-phrases-outer>div:last-child,
.logo-video {
    margin-bottom: 5vh;
}

.os-phrases,
.os-phrases-topper {
    position: relative;
    //height: 60px;
    //height: clamp(1.5rem, -0.0455rem + 7.7273vw, 5.75rem);
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    //height: clamp(1.75rem, 0.4405rem + 6.5476vw, 4.5rem);
}

.os-phrases-topper {
    height: clamp(1rem, 0.4217rem + 2.8916vw, 4rem);
}

.os-phrases-topper.os-phrases-topper-first-line {
    height: clamp(1.5rem, 0.6807rem + 4.0964vw, 5.75rem);
}

.os-phrases h2,
.os-phrases-topper h2 {
    font-family: "tektur";
    //font-size: 20px;
    font-weight: 600;
    width: 100%;
    overflow: hidden;
    //text-transform: uppercase;
    //letter-spacing: 0.5rem;
    text-align: center;
    opacity: 0;
}

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

.os-phrases h2,
.os-phrases-topper h2 {
    height: 100%;
    line-height: 1;
    /* 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 {
    //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-topper h2>span {
    display: inline-flex;
    width: fit-content;
}

.os-phrases h2,
.os-phrases-topper h2 {
    gap: 0.65rem;
}

.os-phrases 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-topper h2>span>span>span {
    font-size: clamp(1rem, 0.4217rem + 2.8916vw, 4rem);
    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-topper.os-phrases-topper-first-line h2>span>span>span {
    font-size: clamp(1.5rem, 0.6807rem + 4.0964vw, 5.75rem);
    -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;
}

.os-phrases-topper.os-phrases-topper-second-line h2>span>span>span {
    -webkit-animation: SubMainOpeningSequence 1s linear forwards;
    -moz-animation: SubMainOpeningSequence 1s linear forwards;
    animation: SubMainOpeningSequence 1s linear forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.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-topper h2>span>span>span {
    //font-size: clamp(0.875rem, -1.0893rem + 9.8214vw, 5rem);
}

.os-phrases-topper.os-phrases-topper-third-line h2:nth-child(1)>span>span>span {
    -webkit-animation: OpeningSequence 4s linear forwards;
    -moz-animation: OpeningSequence 4s linear forwards;
    animation: OpeningSequence 4s linear forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.action .os-phrases-topper.os-phrases-topper-third-line h2:nth-child(1)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-third-line h2:nth-child(2)>span>span>span {
    -webkit-animation: OpeningSequence 4s linear forwards;
    -moz-animation: OpeningSequence 4s linear forwards;
    animation: OpeningSequence 4s linear forwards;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    animation-delay: 8s;
}

.action .os-phrases-topper.os-phrases-topper-third-line h2:nth-child(2)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-third-line h2:nth-child(3)>span>span>span {
    -webkit-animation: OpeningSequence 4s linear forwards;
    -moz-animation: OpeningSequence 4s linear forwards;
    animation: OpeningSequence 4s linear forwards;
    -webkit-animation-delay: 14s;
    -moz-animation-delay: 14s;
    animation-delay: 14s;
}

.action .os-phrases-topper.os-phrases-topper-third-line h2:nth-child(3)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-third-line h2:nth-child(4)>span>span>span {
    -webkit-animation: LastOpeningSequence 4s linear forwards;
    -moz-animation: LastOpeningSequence 4s linear forwards;
    animation: LastOpeningSequence 4s linear forwards;
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    animation-delay: 20s;
}

.action .os-phrases-topper.os-phrases-topper-third-line h2:nth-child(4)>span>span>span {
    -webkit-animation: SubMainOpeningSequence 1s linear forwards;
    -moz-animation: SubMainOpeningSequence 1s linear forwards;
    animation: SubMainOpeningSequence 1s linear forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(1)>span>span>span {
    -webkit-animation: SubOpeningSequence 3s linear forwards;
    -moz-animation: SubOpeningSequence 3s linear forwards;
    animation: SubOpeningSequence 3s linear forwards;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.action .os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(1)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(2)>span>span>span {
    -webkit-animation: SubOpeningSequence 3s linear forwards;
    -moz-animation: SubOpeningSequence 3s linear forwards;
    animation: SubOpeningSequence 3s linear forwards;
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    animation-delay: 9s;
}

.action .os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(2)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(3)>span>span>span {
    -webkit-animation: SubOpeningSequence 3s linear forwards;
    -moz-animation: SubOpeningSequence 3s linear forwards;
    animation: SubOpeningSequence 3s linear forwards;
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    animation-delay: 15s;
}

.action .os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(3)>span>span>span {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(4)>span>span>span {
    -webkit-animation: SubLastOpeningSequence 3s linear forwards;
    -moz-animation: SubLastOpeningSequence 3s linear forwards;
    animation: SubLastOpeningSequence 3s linear forwards;
    -webkit-animation-delay: 21s;
    -moz-animation-delay: 21s;
    animation-delay: 21s;
}

.action .os-phrases-topper.os-phrases-topper-fourth-line h2:nth-child(4)>span>span>span {
    -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;
}


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

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

@keyframes SubMainOpeningSequence {
    0% {
        text-shadow: 0 0 50px var(--active-color);
        letter-spacing: 1.5em;
        opacity: 0;
        transform: rotateY(-90deg);
    }

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

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

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

@keyframes SubLastOpeningSequence {
    0% {
        text-shadow: 0 0 50px var(--white-color);
        letter-spacing: 1.5em;
        opacity: 0;
        transform: rotateY(-90deg);
    }

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

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

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

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

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

}

@keyframes SubOpeningSequence {
    0% {
        text-shadow: 0 0 50px var(--white-color);
        letter-spacing: 1.5em;
        opacity: 0;
        transform: rotateY(-90deg);
    }

    33% {
        text-shadow: var(--slider-navigator-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--white-color-rgb), 1);
        opacity: 1;
        transform: rotateY(0deg);
    }

    80% {
        text-shadow: var(--slider-navigator-shadow);
        letter-spacing: 0.07em;
        color: rgba(var(--white-color-rgb), 1);
        opacity: 1;
        transform: rotateY(0deg);
    }

    100% {
        text-shadow: 0 0 50px var(--white-color);
        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 {
    font-weight: 700;
}

@keyframes MouseOpening {
    0% {
        //text-shadow: 0 0 50px var(--white-color);
        opacity: 0;
        visibility: hidden;
    }

    100% {
        //text-shadow: var(--slider-navigator-shadow);
        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 {
    position: absolute;
    bottom: 0;
    -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);
    z-index: +3;
}

.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;
    filter: var(--svg-shadow-hover);
    -webkit-filter: var(--svg-shadow-hover);
}

/*#intro video#*/
.info-text p,
.info-text ul>li {
    font-size: 24px;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: justify;
    hyphens: auto;
}

.info-text #kupit ul>li {
    text-align: left;
}

.info-text a {
    font-size: 20px;
    color: var(--active-color) !important;
}

.info-text a:hover {
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 2px;
}

a#ozon,
a#rutube-link {
    position: relative;
    text-align: left;
}

a#ozon:hover::before,
a#rutube-link:hover::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: var(--active-color);
}

a#rutube-link:hover::before {
    bottom: 4px;
}

#rutube {
    margin-top: var(--main-padding);
}

#rutube>ul>li {
    display: flex;
    flex-wrap: wrap;
    //align-items: center;
}

a#rutube-link svg {
    margin-top: -5px;
}

.info-text ul {
    list-style-type: none;
    padding-left: 0;
}

.info-text ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 0.75em;
}

.info-text ul li::before {
    position: absolute;
    content: url('../images/svg/emptymark.svg');
    width: 21px;
    height: 21px;
    display: inline-flex;
    //background: var(--main-color);
    //border-radius: 12px;
    //padding: 3px;
    //margin-inline-end: 6px;
    //margin-bottom: -1px;
    left: 0;
    top: 2px;
    flex-shrink: 0;
}

.info-text.mix-marks ul li:nth-child(2)::before {
    content: url('../images/svg/waterproof.svg');
}

.info-text.mix-marks ul li:nth-child(3)::before {
    content: url('../images/svg/dustproof.svg');
}

.info-text.mix-marks ul li:nth-child(4)::before {
    content: url('../images/svg/dirtproof.svg');
}

.info-text.mix-marks ul li:nth-child(5)::before {
    content: url('../images/svg/reusable.svg');
}

.info-text.mix-marks ul li:nth-child(7)::before {
    content: url('../images/svg/antislip.svg');
}

.info-text.mix-marks ul li:nth-child(8)::before {
    content: url('../images/svg/working.svg');
}

.info-text.mix-marks ul li:nth-child(9)::before {
    content: url('../images/svg/moneypig.svg');
}

.expo-logo {
    display: flex;
    justify-content: center;
}

/***slider***/
#foto {
    position: relative;
}

#dot {
    z-index: 1000;
}

.active #dot {
    position: fixed;
    right: 20px;
    //bottom: 50%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    max-height: 0;
}

#dot li {
    list-style: none;
}

#dot li {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    background-color: rgba(var(--main-color-rgb), 0.5);
    border-radius: 15px;
    margin: 8px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

#dot li.active {
    position: relative;
    background-color: rgba(var(--main-color-rgb), 1);
}

#dot ul {
    position: absolute;
    height: 100%;
    right: 20px;
    //margin: 100px 0;
    //top: -50%;
}

/*
#dot.top ul {
    top: 0px;
}

#dot.bottom ul {
    top: -150px;
}
*/
/* dot style */
#dot li {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--main-color);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

#dot li::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

#dot li:hover {
    background-color: rgba(var(--main-color-rgb), 0.4);
    7 cursor: pointer;
}

#dot li.current::after {
    height: 100%;
}

/* contents */
section#contents {
    font-size: 60px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#contents>div {
    //height: 100vh; 
    //line-height: 100vh;
    position: relative;
    //aspect-ratio: 16 / 9;
    //width: auto;
    min-height: var(--app-height);
    //border-bottom: 1px solid var(--main-color);
}

#contents h2 {
    //line-height: 100vh;
    margin-bottom: 0;
    color: var(--white-color);
    text-shadow: var(--link-text-shadow);
}

#contents .container {
    display: flex;
    justify-content: center;
    height: var(--app-height);
    width: 100%;
    align-items: center;
}

.slide-inner {
    position: absolute;
    width: 100%;
    min-height: var(--app-height);
    left: 0;
    top: 0;
    aspect-ratio: 16 / 9;
    //object-fit: cover;
    display: flex;
    //border-bottom: var(--main-padding) solid var(--white-color);
    display: flex;
}

.slide-inner img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: auto;
    min-height: var(--app-height);
}

/* section */

.sec1 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.sec2 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.sec3 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.sec4 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.sec5 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.sec6 .animate.show span {
    animation: ani1 .35s ease forwards;
}

.animate span {
    opacity: 0;
}

#section1.show .animate span {
    animation: ani1 .35s ease forwards;
}

#section2.show .animate span {
    animation: ani1 .35s ease forwards;
}

#section3.show .animate span {
    animation: ani1 .35s ease forwards;
}

#section4.show .animate span {
    animation: ani1 .35s ease forwards;
}

#section5.show .animate span {
    animation: ani1 .35s ease forwards;
}

#section6.show .animate span {
    animation: ani1 .35s ease forwards;
}

.animate span {
    opacity: 0;
    display: inline-block;
}

.animate.show span:nth-of-type(1) {
    animation-delay: 0s;
}

.animate.show span:nth-of-type(2) {
    animation-delay: .05s;
}

.animate.show span:nth-of-type(3) {
    animation-delay: .1s;
}

.animate.show span:nth-of-type(4) {
    animation-delay: .15s;
}

.animate.show span:nth-of-type(5) {
    animation-delay: .2s;
}

.animate.show span:nth-of-type(6) {
    animation-delay: .25s;
}

.animate.show span:nth-of-type(7) {
    animation-delay: .3s;
}

.animate.show span:nth-of-type(8) {
    animation-delay: .35s;
}

.animate.show span:nth-of-type(9) {
    animation-delay: .4s;
}

.animate.show span:nth-of-type(10) {
    animation-delay: .45s;
}

.animate.show span:nth-of-type(11) {
    animation-delay: .5s;
}

.animate.show span:nth-of-type(12) {
    animation-delay: .55s;
}

.animate.show span:nth-of-type(13) {
    animation-delay: .6s;
}

.animate.show span:nth-of-type(14) {
    animation-delay: .65s;
}

.animate.show span:nth-of-type(15) {
    animation-delay: .7s;
}

.animate.show span:nth-of-type(16) {
    animation-delay: .75s;
}

.animate.show span:nth-of-type(17) {
    animation-delay: .8s;
}

.animate.show span:nth-of-type(18) {
    animation-delay: .85s;
}

.animate.show span:nth-of-type(19) {
    animation-delay: .9s;
}

.animate.show span:nth-of-type(20) {
    animation-delay: .95s;
}

.animate.show span:nth-of-type(21) {
    animation-delay: 1.05s;
}

.animate.show span:nth-of-type(22) {
    animation-delay: 1.10s;
}

.animate.show span:nth-of-type(23) {
    animation-delay: 1.15s;
}

.animate.show span:nth-of-type(24) {
    animation-delay: 1.20s;
}

.animate.show span:nth-of-type(25) {
    animation-delay: 1.25s;
}

.animate.show span:nth-of-type(26) {
    animation-delay: 1.30s;
}

.animate.show span:nth-of-type(27) {
    animation-delay: 1.35s;
}

.animate.show span:nth-of-type(28) {
    animation-delay: 1.40s;
}

.animate.show span:nth-of-type(29) {
    animation-delay: 1.45s;
}

.animate.show span:nth-of-type(30) {
    animation-delay: 1.50s;
}

@keyframes ani1 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
    }
}

.swiper-slide-active .sec1 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .sec2 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .sec3 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .sec4 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .sec5 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .sec6 .animate span {
    animation: ani1 .35s ease forwards;
}

.swiper-slide-active .animate span {
    opacity: 0;
}

.swiper-slide-active .animate span:nth-of-type(1) {
    animation-delay: 0s;
}

.swiper-slide-active .animate span:nth-of-type(2) {
    animation-delay: .05s;
}

.swiper-slide-active .animate span:nth-of-type(3) {
    animation-delay: .1s;
}

.swiper-slide-active .animate span:nth-of-type(4) {
    animation-delay: .15s;
}

.swiper-slide-active .animate span:nth-of-type(5) {
    animation-delay: .2s;
}

.swiper-slide-active .animate span:nth-of-type(6) {
    animation-delay: .25s;
}

.swiper-slide-active .animate span:nth-of-type(7) {
    animation-delay: .3s;
}

.swiper-slide-active .animate span:nth-of-type(8) {
    animation-delay: .35s;
}

.swiper-slide-active .animate span:nth-of-type(9) {
    animation-delay: .4s;
}

.swiper-slide-active .animate span:nth-of-type(10) {
    animation-delay: .45s;
}

.swiper-slide-active .animate span:nth-of-type(11) {
    animation-delay: .5s;
}

.swiper-slide-active .animate span:nth-of-type(12) {
    animation-delay: .55s;
}

.swiper-slide-active .animate span:nth-of-type(13) {
    animation-delay: .6s;
}

.swiper-slide-active .animate span:nth-of-type(14) {
    animation-delay: .65s;
}

.swiper-slide-active .animate span:nth-of-type(15) {
    animation-delay: .7s;
}

.swiper-slide-active .animate span:nth-of-type(16) {
    animation-delay: .75s;
}

.swiper-slide-active .animate span:nth-of-type(17) {
    animation-delay: .8s;
}

.swiper-slide-active .animate span:nth-of-type(18) {
    animation-delay: .85s;
}

.swiper-slide-active .animate span:nth-of-type(19) {
    animation-delay: .9s;
}

.swiper-slide-active .animate span:nth-of-type(20) {
    animation-delay: .95s;
}

.swiper-slide-active .animate span:nth-of-type(21) {
    animation-delay: 1.05s;
}

.swiper-slide-active .animate span:nth-of-type(22) {
    animation-delay: 1.10s;
}

.swiper-slide-active .animate span:nth-of-type(23) {
    animation-delay: 1.15s;
}

.swiper-slide-active .animate span:nth-of-type(24) {
    animation-delay: 1.20s;
}

.swiper-slide-active .animate span:nth-of-type(25) {
    animation-delay: 1.25s;
}

.swiper-slide-active .animate span:nth-of-type(26) {
    animation-delay: 1.30s;
}

.swiper-slide-active .animate span:nth-of-type(27) {
    animation-delay: 1.35s;
}

.swiper-slide-active .animate span:nth-of-type(28) {
    animation-delay: 1.40s;
}

.swiper-slide-active .animate span:nth-of-type(29) {
    animation-delay: 1.45s;
}

.swiper-slide-active .animate span:nth-of-type(30) {
    animation-delay: 1.50s;
}




.main-slider {
    margin-top: calc(-45px - var(--header-height));
}

/*
.main-slider .stretched {
    position: fixed !important;
    left: 0;
    top: 0;

}
.main-slider .slide-inner.stretched::after {
    content:"";
    width: 100%;
    height: 100%;
    background: #125E38;
}
*/
.main-swiper-container {
    position: relative;
    //height: 100vh;
    //margin: 60px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.swiper-container {
    position: relative;
    height: var(--app-height);
    //margin: 60px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.swiper-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .10);
    pointer-events: none;
    z-index: +2;
}

.swiper-container .container {
    display: flex;
    justify-content: center;
    height: var(--app-height);
    width: 100%;
    align-items: center;
    position: relative;
    z-index: +3;
}

.swiper-container h2 {
    position: relative;
    //line-height: 100vh;
    margin-bottom: 0;
    color: var(--white-color);
    text-shadow: var(--slider-navigator-shadow);
    font-size: clamp(1rem, 0.4217rem + 2.8916vw, 4rem);
}

.main-swiper-container .find-booking-container {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: +2;
}

.main-swiper-container .find-booking-container>.container {
    //border-radius: var(--border-radius);
    //box-shadow: var(--main-text-shadow);
}

.swiper-slide {
    overflow: hidden;
}


.slide-text-inner {
    position: relative;
}

.swiper-slide .slide-inner img {
    display: block;
    //min-height: var(--app-height);
    //height: var(--app-height);
    //min-width: 100vw;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.swiper-slide .slide-inner img.top-image {
    height: auto;
}

.swiper-button-white {
    color: var(--white-color) !important;
}



@keyframes right-arrow {
    0% {
        //transform: translatX(calc(0px + var(--main-padding) / 4));
        transform: translatX(10px);
    }

    30% {
        transform: translateX(calc(10px - var(--main-padding) / 4));
    }
}

@keyframes left-arrow {
    0% {
        transform: translateX(-10px + calc(var(--main-padding) / 4));
        //transform: translateX(0px - calc(var(--main-padding) / 4));
    }

    30% {
        //transform: translateX(-5px);
        transform: translateX(-10px);
    }
}


.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
    visibility: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    width: auto;
    height: clamp(1.91875rem, 1.665rem + 1.2688vw, 3.1875rem) !important;
    top: calc(50% - (clamp(1.91875rem, 1.665rem + 1.2688vw, 3.1875rem) / 2));
    margin-top: 0;
}

.swiper-button-prev {
    left: 10px !important;
}

.swiper-button-next {
    right: 10px !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    filter: var(--svg-shadow-hover);
    -webkit-filter: var(--svg-shadow-hover);
}

.swiper-button-next svg {
    animation: right-arrow ease 3s infinite;
    //-webkit-animation-delay: 3s;
    //-moz-animation-delay: 3s;
    //animation-delay: 3s;
}

.swiper-button-prev svg {
    animation: left-arrow ease 3s infinite;
    //-webkit-animation-delay: 3s;
    //-moz-animation-delay: 3s;
    //animation-delay: 3s;
}

/*##slider##*/

.sizes_wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 24px;
    gap: calc(var(--main-padding) / 2);
    line-height: 1;
}

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

.sizes_wrapper>div {
    //display: flex;
    flex: calc(25% - 30px) 1 0;
    padding: calc(var(--main-padding) / 2) 0;
}

.sizes_wrapper>div p {
    text-align: left;
    //overflow-wrap: break-word;
    //word-wrap: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    margin-bottom: 0;
}

span.mini {
    font-size: 75%;
}

/**map**/
.map_background {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: var(--app-height);
}

.map-loading-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--main-padding);
    gap: var(--main-padding);
}

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

.balloon-header {
    font-family: 'Tektur';
    font-size: 16px;
    color: var(--main-color);
}

.ymaps-2-1-79-balloon-content__header .balloon-header {
    color: var(--active-color);
}

.ymaps-2-1-79-balloon-content__footer .balloon-header {
    font-family: 'El Messiri';
    //color: red;
}

.ymaps-2-1-79-balloon__close {
    position: absolute;
    right: 5px;
}

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

/*#map#*/

.offcanvas-active .burger-icon>span:nth-child(1) {
    transform: none;
}

#modal-menu-toggler.active .burger-icon>span:nth-child(1),
.close-offcanvas .burger-icon>span:nth-child(1) {
    transform: translate(0, 8.5px) rotate(-45deg);
}

.offcanvas-active .burger-icon>span:nth-child(3) {
    transform: none;
}

#modal-menu-toggler.active .burger-icon>span:nth-child(3),
.close-offcanvas .burger-icon>span:nth-child(2) {
    transform: translate(0, -8.5px) rotate(45deg);
    opacity: 1;
}

.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: var(--main-color);
}

/**footer**/
.footer-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--main-padding);
    font-family: 'Tektur';
    font-size: 16px;
    font-weight: 600;
    color: rgba(var(--white-color-rgb), 0.5);
}

.footer-line a {
    color: var(--white-color) !important;
}

.footer-line a:hover {
    color: var(--active-color) !important;
}

.footer-line>div {
    display: flex;
    justify-content: center;
    //width: 100%;
}

.korn-logo a:hover {

    #bottom-triangles path,
    #korn path {
        fill: #FFD796;
    }
}

/*#footer#*/
@media (max-width: 991.98px) {

    .logo-text,
    .logo-text-short,
    .icon-set a {
        font-size: 16px;
    }

    .logo-text-short {
        display: none;
        visibility: hidden;
    }

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

@media (max-width: 767.98px) {
    .logo-text {
        display: none;
        visibility: hidden;
    }

    .logo-text-short {
        display: flex;
        visibility: visible;
    }

    .two-cols {
        columns: 1;
    }

    .two-images-in-cols img:first-child {
        padding-bottom: var(--main-padding);
    }

    .footer-line>div {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .icon-set {
        gap: calc(var(--main-padding) / 2);
    }
}

@media (max-width: 460px) {
    .logo-text-short {
        display: none;
        visibility: hidden;
    }

    .one-row-header-right {
        gap: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .logo-text {
        display: none;
        visibility: hidden;
    }

    .logo-text-short {
        display: flex;
        visibility: visible;
    }

    .logo-text,
    .logo-text-short {
        font-size: 17px !important;
    }

    .icon-set a,
    .sp-megamenu-parent>li>a,
    .sp-megamenu-parent>li>span {
        font-size: 16px;
    }

}