@keyframes animatedBackgroundUp { from { background-position: 0 0; } to { background-position: 0 -3860px; } }
@keyframes animatedBackgroundDown { from { background-position: 0 0; } to { background-position: 0 3860px; } }
#menu_btn { display: inline-block; font-size: var(--size-button); font-weight: var(--font-weight-bold); color: var(--color1); text-transform: uppercase; }
#menu_btn .bars .bar { background-color: var(--color1); background-color: var(--white); }
#menu_btn .bars { margin-bottom: 0; width: 45px; height: 28px; }
#menu_btn span { position: absolute; top: calc(50% + 1px); left: 0; transform: translateY(-50%); color: var(--white); transition: .4s all; }
#menu_btn.fired span { opacity: 0; letter-spacing: 8px; left: -10px; }
.scrolled #menu_btn span, .booking_is_open #menu_btn span { color: var(--color3); }
.menu_is_open .scrolled #menu_btn span { color: var(--white); }
.scrolled #menu_btn .bars .bar, .booking_is_open #menu_btn .bars .bar { background-color: var(--color1); }
.menu_is_open .scrolled #menu_btn .bars .bar { background-color: var(--white); }

.menu_open { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; pointer-events: none; opacity: 0; transition: .4s all; background-color: var(--color1); color: var(--white); }
.menu_open.fired { opacity: 1; pointer-events: inherit; }
.navbar .navbar-toggle { display: none; }
.menu_open .navbar-nav > li > a { white-space: nowrap; }

.dropdown-menu { display: flex; pointer-events: none; opacity: 0; top: 0; left: 0; transition: .4s all; position: relative; }
.menu_open li:not(.cid-7, .cid-34, .cid-35, .cid-14, .cid-901):hover > .dropdown-menu { opacity: 1; left: 15px; pointer-events: inherit; }
.menu_open .dropdown-menu a { font-family: var(--sans); font-size: var(--size-button); font-weight: var(--font-weight-medium); text-transform: uppercase; text-decoration: underline!important; text-underline-offset: 5px; }

.menu_open .col { width: calc(100% / 3); display: flex; height: 100%;}
.menu_open .menu_cnt { padding-left: 40px; height: 100%; display: flex; align-items: center; gap: 40px }
.menu_open .col:first-of-type { text-align: center; justify-content: center; position: relative;  gap: 40px; }
.menu_open .col:nth-of-type(2) { flex-direction: column; justify-content: center; }
.menu_open .col:nth-of-type(3) { padding-bottom: 80px; padding-right: 90px; flex-direction: column; } 
.menu_open a { color: var(--white); font-family: var(--serif); font-size: var(--size-medium); text-transform: uppercase;}
.menu_open .active a:not(.dropdown-menu a) { color: var(--color4);  }
.menu_open .nav li { margin-bottom: 15px;  display: flex; align-items: center; }
.menu_open .logo_full { filter: brightness(0) invert(1); position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.menu_open .col_shop { margin-top: auto; margin-left: auto; display: flex; flex-direction: column; justify-content: flex-end;}
.menu_open .col_shop .varlink a { position: relative; text-decoration: none!important;}
.menu_open .col_shop .varlink a:before { position: absolute; z-index: -1; right: -20px; bottom: -20px; font-family: var(--font-icon); font-weight: var(--font-weight-light); font-size: 200%; opacity: .05; }

.scroll_img { width: calc(100% / 2); height: 100vh; opacity: .08; }
.block_img_1 { background-image: url(../../images/bg/img_col1.png?v=2); background-size: cover; background-repeat: repeat-y; background-position: center; animation: animatedBackgroundUp 180s linear infinite;}
.block_img_2 { background-image: url(../../images/bg/img_col2.png?v=3); background-size: cover; background-repeat: repeat-y; background-position: left; animation: animatedBackgroundDown 180s linear infinite;}
#menu2 { margin-top: 15px; }
#menu2 ul.nav > li:first-child > a { display: none; }
#menu2 li { margin-bottom: 15px; }
#menu2 li a { color: var(--white); font-family: var(--sans); font-size: var(--size-button); font-weight: var(--font-weight-medium); text-transform: uppercase; text-decoration: underline !important; text-underline-offset: 5px; }

@media(max-width: 1720px){
    .menu_open li:not(.cid-7, .cid-34, .cid-35, .cid-14, .cid-2, .cid-901) > .dropdown-menu { flex-wrap: wrap;  }
    .menu_open .nav li.cid-22 { align-items: flex-start; width: 40vw; }
}

@media(max-width: 1440px){
    .menu_open a { --size-medium: 28px; }

}

@media(max-width: 1120px){
    .menu_open .col:first-of-type { display: none; }
    .menu_open .col { width: 50%; }
} 

@media(max-width: 1023px){
    #menu_btn span { color: var(--color3); }
    #menu_btn .bars .bar { background-color: var(--color1); }
}

@media(max-width: 920px){
    .menu_open { overflow: auto; }
    .menu_open .menu_cnt { padding: 15px; }
    .menu_open a { --size-medium: 22px; }
    .menu_open .col { width: 100%; }
    .dropdown-menu { display: none; }
    .menu_open .dropdown-menu a { --size-medium: 22px; font-family: var(--serif); text-decoration: none!important; font-size: var(--size-medium); }
    .menu_open li:not(.cid-7, .cid-34, .cid-35, .cid-14, .cid-22, .cid-901) > .dropdown-menu,
    .menu_open li:not(.cid-7, .cid-34, .cid-35, .cid-14, .cid-22, .cid-901):hover > .dropdown-menu { margin-top: 15px; opacity: 1; left: 0; display: flex; flex-direction: column; justify-content: center; }
    .menu_open li.cid-2 .dropdown-menu li.first { display: none; }
    .menu_open .menu_cnt { flex-direction: column; }
    .menu_open .nav li { flex-direction: column; }
    #menu2 li .extended-menu { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
    .menu_open .col:nth-of-type(3) { padding-top: 15px; padding-right: 0; border-top: 1px solid var(--white); }
    .menu_open .col_shop { margin: 0 auto; text-align: center; }
    .menu_open .navbar-nav > li > a { white-space: inherit; text-align: center; }
    .menu_open .nav li:last-of-type { margin-bottom: 0; }
    .menu_open .nav li.cid-22 { width: 100%; align-items: center; }
}

@media(max-width: 767px){
    .menu_open #menu1 { margin-top: 40px; }
}