html {
margin: 0;
overflow-x: hidden;
}
body {
margin: 0;
display: flex;
flex-direction: column;
scrollbar-width: none;
}
body::-webkit-scrollbar {
display: none;
}
.menu-desk {
background-color: #FFFFF8;
color: #E45A2C;
display: flex;
align-items: flex-end;
padding: 17px 0;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 66px;
z-index: 1000;
}
.link-logo {
flex: 0 0 auto;
margin-left: 2.8vw;
height: 3.2vw;
max-height: 32px;
z-index: 1001;
}
.menu-container {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-size: min(max(18px, 1.8vw), 24px);
line-height: 102%;
margin-right: 6%;
}
ul {
padding-left: 0;
}
.nav-menu {
display: inline-block;
}
.nav-menu ul {
display: flex;
flex-direction: row;
justify-content: center;
gap: 3vw;
list-style: none;
margin: 0;
}
.menu-main-menu-container ul li:hover > a {
color: #20313B;
text-decoration: underline;
}
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current_page_parent > a {
text-decoration: underline;
font-style: italic;
color: #20313B;
}
.nav-menu li .sub-menu .current-menu-item > a {
text-decoration: underline;
font-style: italic;
color: #FFFFF8;
}
.current-lang a {
text-decoration: underline !important;
font-style: italic;
color: #20313B !important;
}
.lang-item-first {
right: 70px !important;
}
.lang-item a:hover {
text-decoration: underline;
color: #20313B;
}
.menu-container ul li a, .lang-item a {
text-decoration: none;
color: #E45A2C;
}
.nav-menu {
display: flex;
justify-content: center;
}
.nav-menu .sub-menu {
display: none;
position: absolute;
left: 0;
background-color: #C1DCEF;
list-style: none;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s, transform 0.3s;
pointer-events: none;
z-index: 1;
padding: 1.5vw 0;
width: 100%;
justify-content: start;
padding-left: var(--submenu-offset, 0);
visibility: hidden;
height: 0;
overflow: hidden;
font-size: min(max(18px, 1.8vw), 24px);
}
.nav-menu li .sub-menu a {
text-decoration: none;
color: #20313B;
}
.nav-menu li .sub-menu a:hover {
color: #FFFFF8;
text-decoration: underline;
}
.nav-menu .sub-menu.active {
display: flex;
flex-direction: row;
opacity: 1;
transform: translateY(15px);
pointer-events: auto;
font-style: normal;
z-index: 1;
visibility: visible;
height: auto;
}
#menu-item-27.active > a {
text-decoration: underline;
color: #20313B;
}
#menu-item-1486.active > a {
text-decoration: underline;
color: #20313B;
}
.lang-item {
position: absolute;
right: 28px;
}
.menu-mob {
display: none;
}
@media (max-width: 1000px) {
.menu-desk {
display: none;
}
.menu-mob {
display: flex;
position: fixed;
bottom: 0;
left: 0;
background-color: #FFFFF8;
color: #E45A2C;
align-items: center;
z-index: 1000;
padding: 17px 0;
width: 100vw;
height: 66px;
box-sizing: border-box;
justify-content: space-between;
}
.link-logo-mob {
margin-left: 20px;
height: 3.2vw;
max-height: 32px;
min-height: 20px;
}
.link-logo-mob img {
height: 100%;
}
.btn-menu-mob {
color: #E45A2C;
border: none;
background: none;
padding: 0;
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 102%;
z-index: 3000;
margin-right: 20px;
}
.btn-menu-mob.active {
color: #20313B;
}
.menu-container-mob {
position: fixed;
bottom: 66px;
right: 0;
width: 100%;
height: 100%;
background-color: #FFFFF8;
color: #E45A2C;
z-index: 2000;
display: none;
flex-direction: column-reverse;
align-items: flex-end;
box-sizing: border-box;
overflow-y: auto;
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-size: 20px;
text-decoration: none;
overflow-x: hidden;
}
.menu-container-mob.active {
display: flex;
}
.menu-container-mob ul li a {
text-decoration: none;
color: #E45A2C;
}
.nav-menu-mob ul {
display: flex;
flex-direction: column-reverse;
text-decoration: none;
gap: 3vw;
list-style: none;
align-items: end;
margin-right: 20px;
position: relative;
}
.nav-menu-mob .current-menu-item > a,
.nav-menu-mob .current-menu-ancestor > a,
.nav-menu-mob .current_page_parent > a {
text-decoration: underline;
font-style: italic;
color: #20313B;
}
.nav-menu-mob .lang-item a {
margin-right: 20px;
margin-bottom: 28px;
}
.nav-menu-mob .current-lang a {
text-decoration: underline;
font-style: italic;
color: #20313B;
}
.nav-menu-mob .lang-item a:hover {
text-decoration: underline;
color: #20313B;
}
.nav-menu-mob.active  {
margin-right: 120px;
}
.nav-menu-mob .menu .menu-item-27 .sub-menu {
display: none;
}
.nav-menu-mob .menu .menu-item-1486 .sub-menu {
display: none;
}
.nav-menu-mob .menu .menu-item-27 .sub-menu.active {
display: flex;
position: absolute;
left: 123px;
bottom: 68.5px;
}
.nav-menu-mob .menu .menu-item-1486 .sub-menu.active {
display: flex;
position: absolute;
left: 205px;
bottom: 68.5px;
}
.nav-menu-mob {
transition: margin-right 0.3s ease;
}
.lang-item {
bottom: 245px;
right: -15px;
}
.lang-item-first {
right: 25px !important;
}
}