#body-wrapper{position:relative;width:100%;background: #fff;}
#main-content{position:relative;width:100%}

.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;position: relative;z-index: 101}
.hamburger-box{width:60px;height:30px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:77%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:60px;height:2px;background-color:#FFFFFF;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner.bgColor::before,.hamburger-inner.bgColor::after{background-color:#262626}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px;width: 30px;}
.hamburger-inner::after{bottom:-10px;width: 44px;}
.hamburger--spring .hamburger-inner{top:2px;transition:all .13s linear}
.hamburger--spring .hamburger-inner::before{top:14px;transition:top .1s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring .hamburger-inner::after{top:28px;transition:top .2s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}
.hamburger--spring.is-active .hamburger-inner::before{width:40px;height:3px;top:0;transition:top .1s .15s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(45deg);background: #262626;}
.hamburger--spring.is-active .hamburger-inner::after{width:40px;height:3px;top:0;transition:top .2s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(-45deg);background: #262626;}
/*header*/
#header {position: fixed;top:0;left:0;width: 100%;z-index: 9999;transition: all .4s ease;}
#header-container {width: 100%;padding: 20px;border-bottom: 1px solid var(--header-border);}
#header-container > .header-container-inner {width: 100%;justify-content: space-between;position: relative;}
.header-left, .header-right, .socials-header {align-items: center;}
.book-btn-header > a {/*background: var(--btn-header-color);*/position: relative;color:var(--font-color-light);}
#header.stickyHeader .book-btn-header > a{/*background: var(--btn-sticky-header-color);*/transition: all .4s ease; color: var(--font-color-green);}
#header.stickyHeader .book-btn-header > a > span {color: var(--font-color-green);}
.book-btn-header > a > span {color: var(--font-color-light);font-size: var(--font-size-lr);transition: all .4s ease;}
.book-btn-header > a:before,.book-btn-header > a:after {content:'';position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.book-btn-header > a:before {background: var(--color-green-700);transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);}
#header.stickyHeader .book-btn-header > a:before {background:var(--btn-sticky-header-color);}
.book-btn-header > a:after {border: 1px solid var(--color-green-700);transition: transform 0.3s cubic-bezier(0.2,1,0.7,1);border-radius: 0;transform: scale3d(0.85, 0.65, 1);}
#header.stickyHeader .book-btn-header > a:after{border-color: var(--btn-sticky-header-color);}

#languages-container > label {display: none;}
#changeLang {position: relative;outline: 0;padding: 0 20px 0 12px;border: none;color: var(--font-color-dark);width: 60px;height: 60px;background: #FFFFFF url(../img/frontpage/arrow2.svg) no-repeat 80% center;border-radius: 100px!important;text-transform: uppercase;cursor:pointer;}
#changeLang option {color: var(--color-black-900);}

#header.stickyHeader .logo-container{opacity: 1;visibility: visible;transition: all .4s ease;}

.logo-container {position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;width: 100%;max-width: 232px;height: auto;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}

#logo > a {width: fit-content;height: auto;margin: auto;}
.logo-container > #logo img {width: 100%;height: auto;}

/*menu*/
#special-menu-container {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100;visibility: hidden;pointer-events: none;background: #E0DFD9;transform: translateX(-100%);transition: all .4s ease;}
#special-menu-container.open {visibility: visible;pointer-events: all;transform: translateX(0);}


/*footer*/
#footer{width: 100%;background: var(--footer-bg);padding: 40px 20px 30px;}
#footer-container {width: 100%;}
.footer-cms-list-container {width: 100%;}
.footer-cms-list{justify-content: center;align-items: center;position: relative;margin:auto;width: 100%;}
.footer-cms-list:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;margin:auto;height: 1px;background: var(--footer-menu-border-bg);}
.footer-cms-list > li > a {color: var(--font-color-light);font: 400 1.125rem var(--font-family-main);}
#footer-contact-container {width: 100%;justify-content: center;align-items: center;margin-top: 30px;}
.footer-contact{align-items: center}
.footer-contact > li {position: relative;}
.footer-contact > li:not(:first-child):before {content: '';position: absolute;top: 0;left: 0;margin:auto;background: var(--footer-li-before);}
.footer-contact > li:not(:first-child) {margin-left: 20px;padding-left: 20px;}
.footer-info-icon{align-items: center;gap: 20px;}
.figcaptionCss {color: var(--font-color-light);font: 400 1.125rem var(--font-family-main);}
.footer-socials-container {width: 100%;margin-top: 35px;}
.footer-socials {justify-content: center;align-items: center;}
.footer-socials > li:not(:first-child) {margin-left: 40px;}
.footer-dev-copyright {width:100%;justify-content: space-between;align-items: center;position: relative;padding-top: 50px;}
.copyright{color: var(--font-color-light);font-size: var(--font-size-sm);}
#scroll_top {border-radius: 100%;background: var(--btn-bg-primary);padding: 9px 12px;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;margin: auto;width: 35px;height: 35px;cursor: pointer}
#scroll_top span {font: 700 22px var(--font-family-main);}

@media (min-width: 1200px) {
    /*header*/
    #header.stickyHeader{background: var(--sticky-header-bg);}
    .header-left, .header-right, .socials-header{gap: 1.042vw;}
    .book-btn-header > a {padding: 23px 30px;}
    .book-btn-header > a > span{font-size: clamp(1rem, 0.7857rem + 0.2857vw, 1.125rem);}
    .logo-container{opacity: 0;visibility: hidden;}
    .logo-container > #logo img {max-width: 230px;}
    /*footer*/
    .footer-cms-list {max-width: 1680px;width:90%;padding-bottom: 30px;}
    .footer-cms-list{gap: 47px;}
    .footer-contact > li:not(:first-child):before {width: 1px;height: 24px;bottom:0;}

    #special-menu > li > a  {
        color: #878787;
        font-weight: 400;
        font-family: var(--font-family-secondary);
        font-size: 40px;
    }

    #special-menu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #special-menu-outer {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh;
        padding: 60px 0;
    }

    #special-menu-inner {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        margin-top: 25px;
    }


    .mobile-menu-social-list {
        margin-top: 40px;
        gap: 13px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    #special-menu > li:not(:first-child) {
        margin-top: 20px;
        padding-top: 20px;
        position: relative;
    }

    #special-menu > li:not(:first-child):before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 60px;
        height: 1px;
        background: #AEAEAE;
        margin: auto;
    }

    #special-menu > li.special_sel > a {
        color: #262626;
    }

    #special-menu > li > a::after{
        content: attr(data-hover);
        white-space:nowrap;
        position: absolute;
        left: 0;
        top: 0;
        color: #262626;
        width: 0;
        transform-origin: 0 50%;
        transition: .4s ease;
        overflow: hidden;
    }

    #special-menu > li > a {
        position: relative;
        display: inline-block;
    }

    #special-menu > li:not(.special_sel) > a:hover::after {
        width: 100%;
        left: 0;
    }
    #special-menu-inner{ position:relative; }
    #special-menu-photo-container{ pointer-events:none; position:absolute;inset:0; z-index:1; }
    #special-menu-photo{ position:absolute; inset:0; }
    #special-menu-photo > li{position:absolute; transform:translateY(-50%); opacity:0;width:28%;max-width: 520px;height:auto;max-height:340px;will-change: transform;}
    #special-menu-photo > li.img1{top:25%;}
    #special-menu-photo > li.img2{top:28%;}
    #special-menu-photo > li.img3{top:32%;}
    #special-menu-photo > li.img4{top:38%;}
    #special-menu-photo > li.img5{top:53%;}
    #special-menu-photo > li.img6{top:65%;}
    #special-menu-photo > li.img7{top:68%;}
    #special-menu-photo > li.left  { left:4.167vw; }
    #special-menu-photo > li.right { right:4.167vw; }

    #special-menu{ position:relative; z-index:2;width: 100%; }
    #special-menu-photo > li > figure {padding-bottom: 65.38461538461539%;}
}
@media (max-width: 1199px) and (min-width: 765px) {
    #header.stickyHeader{background: var(--sticky-header-bg);}
    .header-left, .header-right, .socials-header{gap: 10px;}
    .book-btn-header > a {padding: 20px;}
    .book-btn-header > a > span{font-size: clamp(0.875rem, 0.6547rem + 0.4608vw, 1rem);}
    .logo-container{opacity: 0;visibility: hidden;}
    .logo-container > #logo img {max-width: 180px;}
    .footer-contact > li:not(:first-child):before {width: 1px;height: 24px;bottom:0;}
}
@media (max-width: 1199px) {
    .footer-cms-list{gap: 3.646vw;padding-bottom: 30px;max-width: 1680px;}
    .footer-cms-list:before{max-width: 800px;}
    .footer-cms-list > li > a {font-size: clamp(0.9375rem, 0.607rem + 0.6912vw, 1.125rem);}
    .footer-info-icon{gap:2.083vw;}
    .figcaptionCss{font-size: clamp(0.9375rem, 0.607rem + 0.6912vw, 1.125rem)}
    .footer-contact > li:not(:first-child) {margin-left: 2.083vw;padding-left: 2.083vw;}

    /*menu*/
    #special-mobileMenu-container {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100;visibility: hidden;pointer-events: none;background: #E0DFD9;transform: translateX(-100%);transition: all .4s ease;}
    #special-mobileMenu-container.open {visibility: visible;pointer-events: all;transform: translateX(0);}
    #special-mobileMenu > li a > span {
        color: #878787;
        font-size: 30px;
        font-family: var(--font-family-secondary);
    }

    #special-mobileMenu > li.special_sel a > span {color:#262626;}

    #special-mobileMenu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
        width: 100%;
    }

    #special-mobileMenu-inner {justify-content: center;align-items: center;width: 100%;height: 100vh;padding: 55px 0 50px;}

    .inner-container {
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
        margin-top: 25px;
    }

    .mobile-menu-social-list {
        gap: 13px;
    }

    .mobile-menu-social-container {
        justify-content: center;
        align-items: center;
        margin-top: 55px;
    }

    #special-mobileMenu > li:not(:first-child) {
        margin-top: 20px;
        padding-top: 20px;
    }

    #special-mobileMenu > li {
        position: relative;
    }

    #special-mobileMenu > li:not(:first-child):before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 60px;
        background: #AEAEAE;
        height: 1px;
        margin: auto;
    }
}

@media (max-width: 764px) {
    /*header*/
    /*#header{position: relative;}*/
    #header-container{background: #5F6657;}
    .book-btn-header-resp{padding:15px 20px;text-align: center;background: var(--color-white-100) }
    .book-btn-header-resp a{display: inline-block;}
    .book-btn-header-resp a > span{color: var(--font-color-green);}
    #changeLang{border: 1px solid var(--header-border);background-color: transparent;color: var(--font-color-light);background-image: url(../img/frontpage/arrow2-white.svg);}
    .logo-container > #logo img {max-width: 140px;}

    /*footer*/
    .footer-cms-list {width: 100%;max-width: 100%;flex-direction: column;}
    .footer-cms-list > li {text-align:center;}
    .footer-cms-list:before {max-width: 400px;}
    .footer-contact > li:not(:first-child){margin-top: 25px;padding-top:25px;padding-left: 0;margin-left: 0;}
    .footer-contact > li:not(:first-child):before{right: 0;width: 100%;max-width: 24px;height: 1px;}
    .footer-contact {flex-direction: column;}
    .footer-info-icon {flex-direction: column;}
    .footer-dev-copyright {flex-direction: column;padding-top: 27px;padding-bottom: 50px;}
    .specialone-logo {margin-top: 15px;}
    #scroll_top{bottom: 0;}
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

@media (hover: hover) {
    .hvr-icon-pop:hover .hvr-icon {-webkit-animation-name: hvr-icon-pop;animation-name: hvr-icon-pop;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

    .book-btn-header > a:hover:before {transform: scale3d(0.9, 0.8, 1);}
    .book-btn-header > a:hover:after {transform: scale3d(1,1,1);border-color:var(--color-green-700);}
    #scroll_top:hover {transform: translateY(-5px);}
    .footer-cms-list > li > a:hover,.footer-contact > li >a:hover figcaption {color:#7A876B}
}