#main-content{position:relative;width:100%}
#header{position:absolute;width:100%;z-index:110;}
#header.sticky{position:fixed;top:0;background-color:#fff;border-bottom: 1px solid var(--line)}
#header.sticky .languages > a{color: var(--bl)}
#header.sticky .languages > a:last-child{border-color: var(--bl)}
#header.sticky #book-now{border-color:var(--line)}
#header.sticky .header-left{/*transform: scale(0.8)*/max-width: 130px;}
#header.sticky #header-container{padding: 10px 20px 10px;}
#header-container{visibility:hidden;opacity:0;position:relative;justify-content: space-between;align-items: flex-start;width: 100%;transition: all .4s ease;}
.header-left{max-width: 166px;height: auto;transition: all .4s ease;}
#logo,#logo a, #logo img {width: 100%;height: auto;transition: all .4s ease;}
.header-right{align-items: center;}
#languages-container{padding: 10px 0 10px 30px;background: url("../img/lang-change.svg") 0 50% no-repeat}
#header.sticky #languages-container {background: url("../img/lang-change-black.svg")0 50% no-repeat;}
.languages > a{font: 400 var(--f18-m) var(--font);color: var(--w)}
.languages-container-mobile{position:relative;width:30px;height:30px;color:var(--w);display:flex;align-items:center;justify-content:center}
.language-mobile-icon{pointer-events:none;visibility: visible;opacity: 1;display:block}
.language-mobile-icon-sticky{visibility: hidden;opacity: 0;transition: all .4s ease;display: none;pointer-events:none;}
#header.sticky .language-mobile-icon-sticky{visibility: visible;opacity: 1;display:block}
#header.sticky .language-mobile-icon{display: none;visibility: hidden;opacity: 0;}
.languages-container-mobile select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#header.sticky .languages-container-mobile{color:var(--bl)}
#book-now{position: relative;display:inline-flex;overflow:hidden;padding: 15px 35px;border:1px solid var(--w)}
#book-now:before,#book-now:after{content:'';position: absolute;left:0;width: 100%;height: 100%;z-index: -1;transition:transform .3s cubic-bezier(0.7,0,0.2,1);}
#book-now:before{background-color: var(--w);top: 0}
#book-now:after{bottom: -100%;background-color:var(--bl)}
#book-now > div{font:400 16px var(--font);color: var(--bl)}
#footer{width: 100%;}
.footer-info-container{width: 100%;background:var(--r2);}
#footer-logo {height: auto;}
#footer-logo img {width: 100%;height: auto;}
.footer-info{flex-direction: column;align-items: center;text-align: center}
.footer-info figure img{margin:0 auto;}
.footer-info figure figcaption{color: var(--w);font:500 var(--f20-m) var(--font)}
.info-container a{color: var(--w);font: 400 clamp(0.875rem, 0.6607rem + 0.2857vw, 1rem) var(--font);}
.footer-phone-list{flex-direction: column;}
.footer-phone-list > li:not(:first-child){margin-top: 7px;}
.footer-socials {margin-top: 20px;column-gap: 20px;align-items: center;justify-content: center;}
.footer-special{flex-direction: column;align-items: center;justify-content:center;}
#scroll_top{display:flex;justify-content:center;align-items:center;column-gap: 10px;padding: 8px 20px;border:1px solid var(--w);border-radius: 30px;max-width: 100px;position: relative;overflow: hidden;z-index: 0;}
#scroll_top figure{cursor:pointer}
#scroll_top > div{font:400 var(--f18-m) var(--font);color: var(--w)}
#scroll_top:before{content:'';position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;z-index: -1;transition:transform .3s cubic-bezier(0.7,0,0.2,1);background-color: var(--w);}
.top-arrow{display: inline-block;opacity: 1;visibility: visible}
.top-arrow-hover{display: none;visibility: hidden;opacity: 0}
#footer-book-now{/*background: var(--w);*/display: inline-block;padding: 15px 3.125vw;;max-width: 260px;z-index: 0;position: relative;overflow: hidden}
#footer-book-now:before,#footer-book-now:after{content:'';position: absolute;left:0;width: 100%;height: 100%;z-index: -1;transition:transform .3s cubic-bezier(0.7,0,0.2,1);border-radius: 30px}
#footer-book-now:before{background-color: var(--w);top: 0}
#footer-book-now:after{bottom: -100%;background-color:var(--bl)}
#footer-book-now > div{color: var(--bl);font: 700 clamp(0.875rem, 0.6607rem + 0.2857vw, 1rem) var(--font);}
#footer-dev-copyright{width: 100%;background: var(--r3);justify-content: space-between;align-items: center}
#copyright{color: var(--w);font:400 var(--f14-m) var(--font)}
@media (min-width:1200px) {
    #header-container{padding: 20px;}
    .header-right{gap: 20px;}
    .header-left{max-width: 180px;width: 100%;}
    #logo{max-width:180px;}
    #footer{margin-top: 25px;}
    .footer-info-container{padding: 1.563vw 2.083vw;}
    .footer-info-list{padding: 0 2.083vw;justify-content: space-between;}
    .footer-info-list > li{position: relative;}
    .footer-info-list>li:not(.footer-logo) {padding: 0 10px 0 30px;}
    .footer-info-list > li + li::before{content: "";position: absolute;top: 50%;height: 76px;transform: translateY(-50%);border-left: 1px dashed rgba(255, 255, 255, 0.35);left: 0;}
    .footer-info{width: 20%;/* min-width: 220px; */}
    #footer-logo {max-width: 190px;width:100%;}
    .footer-logo {width: 11%;}
    .info-container{margin-top: 15px;}
    #footer-dev-copyright{padding: 15px 25px}
    .footer-special{row-gap: 25px;width: 22%;}
}
@media (max-width:1199px) and (min-width: 765px) {
    #header-container{padding: 20px;}
    #header.sticky #header-container{padding: 10px 20px;}
    #logo{max-width:170px;}
    .header-right{gap: 18px;}
    #footer{margin-top: 30px;}
    .footer-info-container{padding: 20px 25px;}
    .footer-info{width: 33%;row-gap: 15px;position: relative;}
    .footer-info + .footer-info::before {content: "";position: absolute;left: 0;top: 20px;bottom: 20px;border-left: 1px dashed rgba(255, 255, 255, 0.35);}
    .footer-info figure figcaption{margin-top: 10px;}
    .info-container{max-width: 200px;}
    #footer-dev-copyright{padding: 15px 20px}
    #footer-book-now{padding: 10px 60px;}
}
@media (max-width: 1199px) {
    .footer-logo{width: 100%;margin-bottom:20px;padding-bottom: 20px;border-bottom: 1px solid rgba(139, 139, 139, 0.40);}
    #footer-logo{max-width: 100px;margin: 0 auto;}
    .footer-special{width: 100%;flex-direction: row-reverse;margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(139, 139, 139, 0.40);column-gap: 10px}
}
@media (max-width:764px) {
    #header.sticky #header-container{padding: 10px;}
    #header-container{padding: 10px;}
    .contact-list-header{align-items: center;column-gap: 15px;padding: 10px 0;}
    #logo{max-width: 70px;}
    #book-now{padding: 10px;}
    .header-right{column-gap:13px;}
    #languages-container{background-size: 17px!important;padding:10px 0 10px 20px;}
    .languages > a{font:400 var(--f15-m) var(--font)}
    #header.sticky .contact-list-header > li a > svg path{stroke:#262626}
    #footer{margin-top: 25px;}
    .footer-info-container{padding: 10px;}
    #footer-book-now{padding: 10px 20px;}
    .footer-special{margin-top:15px;padding-top:15px;}
    .footer-info {width: 100%;/*max-width: 200px;*/margin: 0 auto;position: relative;row-gap: 5px;}
    .info-container{max-width: 200px;}
    .footer-info + .footer-info {margin-top: 12px;padding-top: 12px;}
    .footer-info + .footer-info:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100px;border-top: 1px dashed #CBCBCB;margin: 0 auto;}
    #footer-dev-copyright{padding: 10px;flex-direction: column;row-gap: 10px;text-align: center}
}
@media (hover:hover){
    #book-now:hover:before,#book-now:hover:after{transform:translate3d(0,-100%,0)}
    #book-now:hover > div{color: var(--w)}
    #footer-book-now:hover:before,#footer-book-now:hover:after{transform:translate3d(0,-100%,0)}
    #footer-book-now:hover > div{color: var(--w)}
    #scroll_top:hover:before{transform:translate3d(0,-100%,0)}
    #scroll_top:hover > div{color: var(--bl)}
    #scroll_top:hover .top-arrow-hover{display: inline-block;opacity: 1;visibility: visible}
    #scroll_top:hover .top-arrow{display: none;opacity:0;visibility: hidden}
    .footer-info  > .info-container a:hover{color: var(--hover)}
    .footer-socials > li > a:hover img {transform: scale(1.2);}
}