code

@media (max-width: 767px) {
.wide-carousel {
margin-top: -60px;
}
.in-index.navigation-window-visible .navigation-buttons
a[data-target="navigation"] {
background-color: transparent;
color: #fff;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.wide-carousel {
margin-top: -106px;
}
}
@media (max-width: 991px) {
.in-index:not(.sticky) #header {
position: relative;
z-index: 3;
background-color: transparent;
}
.in-index .languagesMenu__content,
.in-index .navigation-buttons a[data-target="search"],
.in-index .navigation-buttons a[data-target="login"],
.in-index .navigation-buttons a[data-target="navigation"] {
background-color: transparent;
}
.in-index:not(.sticky) .navigation-in > ul > li > a,
.in-index:not(.sticky) .navigation-buttons a,
.in-index:not(.sticky) .navigation-buttons a[data-target="cart"],
.in-index:not(.sticky) .navigation-buttons a[data-target="search"],
.in-index:not(.sticky) .navigation-in > ul > li > a,
.in-index:not(.sticky) .navigation-buttons a[data-target="login"],
.in-index:not(.sticky) .languagesMenu .languagesMenu__header--actual,
.in-index:not(.sticky) .navigation-tools .dropdown button,
.in-index:not(.sticky) .navigation-tools .dropdown-menu > li > a {
color: #fff;
}
}
.in-index:not(.sticky) .menu-helper::after,
.in-index:not(.sticky) .menu-trigger::after {
color: #fff;
background-color: transparent;
}
@media (min-width: 992px) {
.in-index .wide-carousel {
margin-top: -178px;
}
.in-index:not(.sticky) #header {
position: relative;
z-index: 2;
background-color: transparent;
}
.in-index .navigation-in,
.in-index .languagesMenu__content,
.in-index .navigation-buttons a[data-target="search"],
.in-index .navigation-buttons a[data-target="login"] {
background-color: transparent;
}
.in-index:not(.sticky) .navigation-in > ul > li > a,
.in-index:not(.sticky) .navigation-buttons a,
.in-index:not(.sticky) .navigation-buttons a[data-target="cart"],
.in-index:not(.sticky) .navigation-buttons a[data-target="search"],
.in-index:not(.sticky) .navigation-in > ul > li > a,
.in-index:not(.sticky) .navigation-buttons a[data-target="login"],
.in-index:not(.sticky) .languagesMenu .languagesMenu__header--actual,
.in-index:not(.sticky) .navigation-tools .dropdown button,
.in-index:not(.sticky) .navigation-tools .dropdown-menu > li > a {
color: #fff;
}
}
#header {
background: linear-gradient(0deg, rgba(14,34,63,1) 0%, rgba(0,70,114,1) 100%);
}
.sticky #header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 9;
background: linear-gradient(0deg, rgba(14,34,63,1) 0%, rgba(0,70,114,1) 100%);
}
.in-index:not(.sticky) #header {
background: transparent;
}
/*
@media (min-width: 992px) {
#header .site-name a img {opacity:0;}
#header .site-name a {position: relative;display: block;}
#header .site-name a:after {
content: '';
background: url(/user/documents/upload/res/logo_web_vertical_white.png);
height: 100%;
display: block;
position: absolute;
top: 0;
left: 50%;
aspect-ratio: 233/100;
background-size: contain;
background-position: center;
transform: translateX(-50%);
}
}
*/
@media (min-width: 768px) {
.navigation-in {
background-color: transparent;
}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
background: linear-gradient(90deg, rgb(237 237 237) 0%, rgb(139 139 139) 100%);
color: #0e223f !important;
}
}
#carousel .extended-banner-texts {
display: flex;
padding: 30px;
background-color: transparent;
align-items: flex-start;
justify-content: center;
flex-direction:column;
}
#carousel .extended-banner-link, #carousel .extended-banner-text, #carousel .extended-banner-title {
background-color: transparent;
border: none;
box-shadow: none;
padding: unset;
position: unset;
}
#carousel .extended-banner-title {
color: #fff;
font-weight: 800;
font-size: 60px;
letter-spacing: 2px;
}
#carousel .extended-banner-link, #carousel .extended-banner-link:hover {
height: auto;
margin-top: 20px;
background: #0e223f;
background: linear-gradient(90deg, rgb(237 237 237) 0%, rgb(139 139 139) 50%, rgb(255 255 255) 100%);
color: #0e223f;
padding: 15px 25px;
font-size: 20px;
background-size: 200% 100%;
background-position: left;
transition: all 0.5s ease;
}
#carousel .extended-banner-link:hover {
background-position: right;
}

@media (min-width: 992px) {
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
max-height: 100px;transition: all 0.5s ease;
}
.sticky #header .header-top .header-top-wrapper .site-name a img, .sticky #header .header-top .header-top-wrapper h1.site-name a img {
max-height: 60px;transition: all 0.5s ease;
}