.header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 110px;
    z-index: 1000;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    background: transparent;
    transition: var(--duration) var(--timing-function);
    transition-property: height, background, transform;
}
.header-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo-main {
    width: 181px;
    height: 56px;
    text-indent: -9999px;
    display: block;
    transition: var(--duration) var(--timing-function);
    background-image: url(../img/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.navtop {
    display: flex;
    grid-gap: 48px;
    align-items: center;
    justify-content: flex-end;
}
.menu-btn {
    display: flex;
    font-size: 30px;
    cursor: pointer;
}

.navmain,
.navmain ul {
    display: grid;
    grid-gap: 16px;
}
.navmain li a {
    position: relative;
    display: flex;
    font-size: 14px;
    color: #595141;
    /* text-transform: uppercase; */
    letter-spacing: 0.1em;
    cursor: pointer;
}
.navmain li button {
    font-size: 14px;
    color: #595141;
    text-align: left;
    /* text-transform: uppercase; */
    letter-spacing: 0.1em;
    cursor: pointer;
}
.navmain li i {
    font-style: normal;
    /* text-transform: none; */
}
.navmain li span {
    position: relative;
    cursor: pointer;
}
.navmain li span:before {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: -2px;
    position: absolute;
    left: 50%;
    background: #595141;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
}
.navmain li:hover span:before {
    width: 100%;
    left: 0;
    background: #595141;
}

.navfooter {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2xs);
}

.pushy-submenu li a {
    width: auto !important;
    display: inline-flex !important;
}
.pushy-submenu li a:before {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: -2px;
    position: absolute;
    left: 50%;
    background: #595141;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
}
.pushy-submenu li a:hover:before {
    width: 100%;
    left: 0;
    background: #595141;
}
.pushy-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 30px 20px;
    z-index: 5000;
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.pushy-header .ic-close {
    font-size: 18px;
}
/* .pushy-submenu button:after {
    position: absolute;
    height: 18px;
    right: 4px;
    top: 50%;
    font-family: 'ic-font-rakxa';
    content: "\e912";
    font-size: 12px;
    color: #595141;
    transform: translateY( -50%);
} */
.pushy-open-left {
    height: 100%;
    overflow: hidden;
}

.btn-book i {
    font-style: normal;
}
.pushy .btn-book {
    display: none;
}
.header-transparent {
    border-bottom: 0;
}
.header-transparent .logo-main {
    background-image: url(../img/logo-white.svg) !important;
}
.header-transparent .menu-btn {
    color: #fff;
}

.header-transparent .btn {
    color: #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="248" height="36" viewBox="0 0 248 36" fill="none"><path d="M3.47489 18.3083C3.18767 18.195 2.90547 18.0917 2.62881 17.9996C2.90429 17.9077 3.18523 17.8046 3.47111 17.6916C4.74653 17.1874 6.15445 16.4719 7.66242 15.6232C9.62181 14.5205 11.7816 13.1743 14.0649 11.7511C15.2861 10.9899 16.5426 10.2067 17.8226 9.42702C25.2255 4.91764 33.4604 0.5 40.9 0.5H206.5C210.181 0.5 214.085 1.59822 218.01 3.27241C221.933 4.9455 225.845 7.1804 229.54 9.42721C230.811 10.1999 232.059 10.9759 233.272 11.7305C235.573 13.1614 237.75 14.5153 239.724 15.6235C241.236 16.4722 242.647 17.1876 243.925 17.6917C244.212 17.805 244.495 17.9083 244.771 18.0004C244.496 18.0923 244.215 18.1954 243.929 18.3084C242.653 18.8126 241.246 19.5281 239.738 20.3768C237.778 21.4795 235.618 22.8258 233.335 24.249C232.114 25.0101 230.857 25.7933 229.577 26.573C222.174 31.0824 213.94 35.5 206.5 35.5H40.9C37.2194 35.5 33.315 34.4018 29.3899 32.7276C25.4675 31.0545 21.5546 28.8196 17.8598 26.5728C16.5892 25.8001 15.3414 25.0241 14.128 24.2695C11.8272 22.8386 9.65021 21.4847 7.67599 20.3765C6.16413 19.5278 4.75275 18.8124 3.47489 18.3083Z" stroke="white" stroke-opacity="1"/></svg>');
}
.header-transparent .btn:hover {
    color: #595141 !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="248" height="36" viewBox="0 0 248 36" fill="none"><path d="M3.47489 18.3083C3.18767 18.195 2.90547 18.0917 2.62881 17.9996C2.90429 17.9077 3.18523 17.8046 3.47111 17.6916C4.74653 17.1874 6.15445 16.4719 7.66242 15.6232C9.62181 14.5205 11.7816 13.1743 14.0649 11.7511C15.2861 10.9899 16.5426 10.2067 17.8226 9.42702C25.2255 4.91764 33.4604 0.5 40.9 0.5H206.5C210.181 0.5 214.085 1.59822 218.01 3.27241C221.933 4.9455 225.845 7.1804 229.54 9.42721C230.811 10.1999 232.059 10.9759 233.272 11.7305C235.573 13.1614 237.75 14.5153 239.724 15.6235C241.236 16.4722 242.647 17.1876 243.925 17.6917C244.212 17.805 244.495 17.9083 244.771 18.0004C244.496 18.0923 244.215 18.1954 243.929 18.3084C242.653 18.8126 241.246 19.5281 239.738 20.3768C237.778 21.4795 235.618 22.8258 233.335 24.249C232.114 25.0101 230.857 25.7933 229.577 26.573C222.174 31.0824 213.94 35.5 206.5 35.5H40.9C37.2194 35.5 33.315 34.4018 29.3899 32.7276C25.4675 31.0545 21.5546 28.8196 17.8598 26.5728C16.5892 25.8001 15.3414 25.0241 14.128 24.2695C11.8272 22.8386 9.65021 21.4847 7.67599 20.3765C6.16413 19.5278 4.75275 18.8124 3.47489 18.3083Z" fill="white" stroke="white" stroke-opacity="1"/></svg>');
}

.header.sticky-header {
    height: 72px;
    position: fixed;
    background: #f4f4f2;
    border-color: #ebebeb;
}
.header.sticky-header .logo-main {
    width: 97px;
    height: 30px;
    background-image: url(../img/logo.svg) !important;
}
.header.sticky-header .menu-btn {
    color: #595141;
}
.pushy-logo img {
    width: 97px;
}
.header.sticky-header .menu-btn {
    color: #595141;
}

.header.sticky-header .btn {
    color: #595141;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="248" height="36" viewBox="0 0 248 36" fill="none"><path d="M3.47489 18.3083C3.18767 18.195 2.90547 18.0917 2.62881 17.9996C2.90429 17.9077 3.18523 17.8046 3.47111 17.6916C4.74653 17.1874 6.15445 16.4719 7.66242 15.6232C9.62181 14.5205 11.7816 13.1743 14.0649 11.7511C15.2861 10.9899 16.5426 10.2067 17.8226 9.42702C25.2255 4.91764 33.4604 0.5 40.9 0.5H206.5C210.181 0.5 214.085 1.59822 218.01 3.27241C221.933 4.9455 225.845 7.1804 229.54 9.42721C230.811 10.1999 232.059 10.9759 233.272 11.7305C235.573 13.1614 237.75 14.5153 239.724 15.6235C241.236 16.4722 242.647 17.1876 243.925 17.6917C244.212 17.805 244.495 17.9083 244.771 18.0004C244.496 18.0923 244.215 18.1954 243.929 18.3084C242.653 18.8126 241.246 19.5281 239.738 20.3768C237.778 21.4795 235.618 22.8258 233.335 24.249C232.114 25.0101 230.857 25.7933 229.577 26.573C222.174 31.0824 213.94 35.5 206.5 35.5H40.9C37.2194 35.5 33.315 34.4018 29.3899 32.7276C25.4675 31.0545 21.5546 28.8196 17.8598 26.5728C16.5892 25.8001 15.3414 25.0241 14.128 24.2695C11.8272 22.8386 9.65021 21.4847 7.67599 20.3765C6.16413 19.5278 4.75275 18.8124 3.47489 18.3083Z" stroke="black" stroke-opacity="0.2"/></svg>');
}
.header.sticky-header .btn:hover {
    color: #fff !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="248" height="36" viewBox="0 0 248 36" fill="none"><path d="M3.47489 18.3083C3.18767 18.195 2.90547 18.0917 2.62881 17.9996C2.90429 17.9077 3.18523 17.8046 3.47111 17.6916C4.74653 17.1874 6.15445 16.4719 7.66242 15.6232C9.62181 14.5205 11.7816 13.1743 14.0649 11.7511C15.2861 10.9899 16.5426 10.2067 17.8226 9.42702C25.2255 4.91764 33.4604 0.5 40.9 0.5H206.5C210.181 0.5 214.085 1.59822 218.01 3.27241C221.933 4.9455 225.845 7.1804 229.54 9.42721C230.811 10.1999 232.059 10.9759 233.272 11.7305C235.573 13.1614 237.75 14.5153 239.724 15.6235C241.236 16.4722 242.647 17.1876 243.925 17.6917C244.212 17.805 244.495 17.9083 244.771 18.0004C244.496 18.0923 244.215 18.1954 243.929 18.3084C242.653 18.8126 241.246 19.5281 239.738 20.3768C237.778 21.4795 235.618 22.8258 233.335 24.249C232.114 25.0101 230.857 25.7933 229.577 26.573C222.174 31.0824 213.94 35.5 206.5 35.5H40.9C37.2194 35.5 33.315 34.4018 29.3899 32.7276C25.4675 31.0545 21.5546 28.8196 17.8598 26.5728C16.5892 25.8001 15.3414 25.0241 14.128 24.2695C11.8272 22.8386 9.65021 21.4847 7.67599 20.3765C6.16413 19.5278 4.75275 18.8124 3.47489 18.3083Z" fill="%23595141" stroke="%23595141" stroke-opacity="1"/></svg>');
}

/* footer */
.footer {
    padding: 40px 0;
    background: #595141;
}
.footer-grid {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr;
}
.footer-grid:first-of-type {
    margin-bottom: 80px;
}
.footer-logo {
    display: grid;
}
.footer-block {
    display: grid;
    align-items: flex-start;
    grid-gap: 30px;
}
.footer h3 {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
}
.navfooter ul {
    display: grid;
    grid-gap: 12px;
}
.navfooter ul li,
.navfooter ul li a {
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
}
.navfooter ul li {
    position: relative;
    justify-content: space-between;
}
.navfooter ul li a {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
}
.navfooter ul li span {
    width: 120px;
    display: flex;
    align-items: center;
    grid-gap: 8px;
    justify-content: flex-end;
}
.navlocation ul li {
    display: flex;
}
.navlocation ul li a {
    display: flex;
}
.navcontact li a {
    position: relative;
    overflow: visible;
}
.navfooter li a:before,
.navcontact li a:before {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: -2px;
    position: absolute;
    left: 50%;
    background: #fff;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
}
.navfooter li a:hover:before,
.navcontact li a:hover:before {
    width: 100%;
    left: 0;
    background: #fff;
}
.navsubfooter {
    display: grid;
}
.navcontact ul {
    display: grid;
    grid-gap: 12px;
}
.navcontact li {
    display: flex;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
}
.navcontact li span {
    display: flex;
    width: 120px;
}
.copyright {
    display: flex;
    grid-gap: 20px;
    align-items: center;
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.footer .share-item {
    justify-content: center;
}
.footer .share-item a {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

.site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: var(--duration-x2) var(--timing-function);
}
.panel-right .site-overlay {
    opacity: 1;
    pointer-events: auto;
}
.panel-main {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 4000;
    height: 100dvh;
    background: #fff;
    transform: translate3d(100%, 0, 0);
    transition: transform var(--duration-x2) var(--timing-function-custom);
}
.panel-main.show {
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    overflow-y: auto;
}
.panel-main button {
    padding: 0;
    position: relative;
    margin: 0;
    border: 0;
    background: transparent;
}
.panel-main .pushy-submenu {
    position: relative;
}
.panel-main .pushy-submenu:after {
    position: absolute;
    height: 18px;
    right: 4px;
    top: 50%;
    font-family: "ic-font-rakxa";
    content: "\e912";
    font-size: 12px;
    color: #595141;
    transform: translateY(-50%);
}
.panel-navmain {
    width: 100%;
    height: 100%;
    padding: 100px 20px;
    display: grid;
    grid-gap: 16px;
    align-items: flex-start;
    position: relative;
    align-content: space-between;
}
.panel-main.expand {
    width: 100%;
}
.panel-right {
    overflow: hidden;
    height: 100%;
}
.panel-dropdown {
    display: none;
    position: fixed;
    top: 80px;
    right: 0;
    width: 100%;
    z-index: 4000;
    height: 100vh;
    padding: 20px;
    background: #fff;
    align-items: flex-start;
    align-content: flex-start;
    -webkit-animation: fadeinout 0.3s ease-in;
    animation: fadeinout 0.3s ease-in;
    transition: transform var(--duration-x2) var(--timing-function);
}
.panel-dropdown.show {
    display: grid;
    -webkit-animation: fadeinout 0.3s ease-in;
    animation: fadeinout 0.3s ease-in;
}
.panel-dropdown ul li,
.panel-dropdown ul li a {
    position: relative;
}
.panel-dropdown ul li a {
    display: inline;
}
.panel-dropdown ul li a:hover:before {
    width: 100%;
    left: 0;
    background: #595141;
}
.panel-dropdown ul li a:before {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: -2px;
    position: absolute;
    left: 50%;
    background: #595141;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
}

.grid-header {
    height: 100%;
}

.grid-header .disabled-link {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: default !important;
}

@-webkit-keyframes fadeinout {
    0% {
        opacity: 0;
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeinout {
    0% {
        opacity: 0;
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 1200px) {
    .navlocation ul {
        max-width: 350px;
    }
}

@media (min-width: 992px) {
    .navmain li > a {
        position: relative;
        display: block;
        width: 405px;
    }
    .navmain li.navback {
        display: none !important;
    }

    .pushy-header {
        padding: 40px 30px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
    }
    .panel-main {
        top: 0;
        right: 0;
        width: 467px;
        transform: translate3d(467px, 0, 0);
        transition: transform var(--duration-x2) var(--timing-function-custom);
    }
    .panel-main.show {
        transform: translate3d(0, 0, 0);
    }
    .panel-main button {
        padding: 0;
        position: relative;
        margin: 0;
        border: 0;
        background: transparent;
    }
    .panel-main .pushy-submenu {
        position: relative;
    }
    .panel-main .pushy-submenu:after {
        position: absolute;
        height: 18px;
        right: 4px;
        top: 50%;
        font-family: "ic-font-rakxa";
        content: "\e912";
        font-size: 12px;
        color: #595141;
        transform: translateY(-50%);
    }
    .panel-navmain {
        width: 400px;
        padding: 120px 30px 30px;
    }
    .panel-main.expand {
        width: 934px;
    }
    .panel-dropdown {
        /* display: none; */
        position: fixed;
        bottom: 30px;
        top: inherit;
        right: 0;
        width: 467px;
        z-index: 4000;
        height: calc(100vh - 150px);
        padding: 0 30px 30px;
        border-left: 1px solid #d9d9d9;
    }
    .panel-dropdown ul li,
    .panel-dropdown ul li a {
        position: relative;
    }
    .panel-dropdown ul li a {
        display: inline;
    }
    .panel-dropdown ul li a:hover:before {
        width: 100%;
        left: 0;
        background: #595141;
    }
    .panel-dropdown ul li a:before {
        background: none repeat scroll 0 0 transparent;
        content: "";
        display: block;
        width: 0;
        height: 1px;
        bottom: -2px;
        position: absolute;
        left: 50%;
        background: #595141;
        transition: width 0.4s ease 0s, left 0.4s ease 0s;
    }
    .navmain li.active span:before {
        width: 100%;
        left: 0;
        background: #595141;
    }

    /* footer */
    .footer-grid {
        grid-gap: 90px;
        justify-content: space-between;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .footer-grid:first-of-type {
        margin-bottom: 100px;
    }
    .footer-grid:last-of-type {
        grid-gap: var(--spacing-sm);
        align-items: center;
        grid-template-columns: auto auto 1fr;
    }
    .navfooter.twocol ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .navfooter ul li,
    .navfooter ul li a,
    .navcontact li {
        font-size: 14px;
    }
    .footer .share-item {
        justify-content: flex-end;
    }
}
@media (max-width: 1399.98px) {
    .dropdown-language {
        left: inherit;
        right: 100px;
        transform: translateX(100%);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navlocation ul li a,
    .navfooter ul li span {
        display: block;
    }
    .footer-grid:first-of-type {
        grid-gap: 50px;
    }
}

@media (max-width: 991.98px) {
    .header {
        height: 68px;
    }
    .logo-main img {
        width: 92px;
    }

    .header .btn.btn-book {
        width: 96px;
    }
    .header .btn.btn-book i {
        display: none;
    }
    .header .btn.btn-book span {
        min-width: inherit;
    }
    .header .btn.btn-book,
    .header.sticky-header .btn {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="98" height="36" viewBox="0 0 98 36" fill="none"><path d="M3.45717 18.3087C3.17124 18.1952 2.89028 18.0918 2.61483 17.9996C2.88911 17.9076 3.16882 17.8043 3.45341 17.6912C4.72188 17.1869 6.12201 16.4713 7.6215 15.6226C9.56987 14.5199 11.7176 13.1736 13.988 11.7503C15.2022 10.9892 16.4516 10.206 17.7243 9.42636C21.3918 7.17966 25.2791 4.94498 29.1835 3.27209C33.0904 1.59816 36.9846 0.5 40.6686 0.5H57C60.6587 0.5 64.5403 1.59792 68.4429 3.27201C72.3429 4.94498 76.2335 7.17976 79.9073 9.42655C81.1706 10.1992 82.4113 10.9752 83.6178 11.7297C85.9056 13.1607 88.0704 14.5147 90.0336 15.6229C91.5369 16.4716 92.9405 17.1871 94.2114 17.6913C94.4973 17.8048 94.7783 17.9082 95.0537 18.0004C94.7794 18.0924 94.4997 18.1957 94.2151 18.3088C92.9467 18.8131 91.5465 19.5287 90.0471 20.3774C88.0987 21.4801 85.951 22.8264 83.6806 24.2496C82.4663 25.0108 81.217 25.794 79.9442 26.5736C76.2768 28.8203 72.3895 31.055 68.485 32.7279C64.5782 34.4018 60.684 35.5 57 35.5H40.6686C37.0098 35.5 33.1283 34.4021 29.2257 32.728C25.3257 31.055 21.4351 28.8202 17.7613 26.5734C16.4979 25.8008 15.2572 25.0248 14.0508 24.2702C11.7629 22.8393 9.59812 21.4853 7.635 20.3771C6.13163 19.5284 4.72806 18.8129 3.45717 18.3087Z" stroke="black" stroke-opacity="0.2"/></svg>');
    }
    .header .btn.btn-book:hover,
    .header.sticky-header .btn:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="98" height="36" viewBox="0 0 98 36" fill="none"><path d="M3.45717 18.3087C3.17124 18.1952 2.89028 18.0918 2.61483 17.9996C2.88911 17.9076 3.16882 17.8043 3.45341 17.6912C4.72188 17.1869 6.12201 16.4713 7.6215 15.6226C9.56987 14.5199 11.7176 13.1736 13.988 11.7503C15.2022 10.9892 16.4516 10.206 17.7243 9.42636C21.3918 7.17966 25.2791 4.94498 29.1835 3.27209C33.0904 1.59816 36.9846 0.5 40.6686 0.5H57C60.6587 0.5 64.5403 1.59792 68.4429 3.27201C72.3429 4.94498 76.2335 7.17976 79.9073 9.42655C81.1706 10.1992 82.4113 10.9752 83.6178 11.7297C85.9056 13.1607 88.0704 14.5147 90.0336 15.6229C91.5369 16.4716 92.9405 17.1871 94.2114 17.6913C94.4973 17.8048 94.7783 17.9082 95.0537 18.0004C94.7794 18.0924 94.4997 18.1957 94.2151 18.3088C92.9467 18.8131 91.5465 19.5287 90.0471 20.3774C88.0987 21.4801 85.951 22.8264 83.6806 24.2496C82.4663 25.0108 81.217 25.794 79.9442 26.5736C76.2768 28.8203 72.3895 31.055 68.485 32.7279C64.5782 34.4018 60.684 35.5 57 35.5H40.6686C37.0098 35.5 33.1283 34.4021 29.2257 32.728C25.3257 31.055 21.4351 28.8202 17.7613 26.5734C16.4979 25.8008 15.2572 25.0248 14.0508 24.2702C11.7629 22.8393 9.59812 21.4853 7.635 20.3771C6.13163 19.5284 4.72806 18.8129 3.45717 18.3087Z" fill="%23595141" stroke="%23595141" stroke-opacity="1"/></svg>');
    }
    .header-transparent:not(.sticky-header) .btn.btn-book {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="98" height="36" viewBox="0 0 98 36" fill="none"><path d="M3.45717 18.3087C3.17124 18.1952 2.89028 18.0918 2.61483 17.9996C2.88911 17.9076 3.16882 17.8043 3.45341 17.6912C4.72188 17.1869 6.12201 16.4713 7.6215 15.6226C9.56987 14.5199 11.7176 13.1736 13.988 11.7503C15.2022 10.9892 16.4516 10.206 17.7243 9.42636C21.3918 7.17966 25.2791 4.94498 29.1835 3.27209C33.0904 1.59816 36.9846 0.5 40.6686 0.5H57C60.6587 0.5 64.5403 1.59792 68.4429 3.27201C72.3429 4.94498 76.2335 7.17976 79.9073 9.42655C81.1706 10.1992 82.4113 10.9752 83.6178 11.7297C85.9056 13.1607 88.0704 14.5147 90.0336 15.6229C91.5369 16.4716 92.9405 17.1871 94.2114 17.6913C94.4973 17.8048 94.7783 17.9082 95.0537 18.0004C94.7794 18.0924 94.4997 18.1957 94.2151 18.3088C92.9467 18.8131 91.5465 19.5287 90.0471 20.3774C88.0987 21.4801 85.951 22.8264 83.6806 24.2496C82.4663 25.0108 81.217 25.794 79.9442 26.5736C76.2768 28.8203 72.3895 31.055 68.485 32.7279C64.5782 34.4018 60.684 35.5 57 35.5H40.6686C37.0098 35.5 33.1283 34.4021 29.2257 32.728C25.3257 31.055 21.4351 28.8202 17.7613 26.5734C16.4979 25.8008 15.2572 25.0248 14.0508 24.2702C11.7629 22.8393 9.59812 21.4853 7.635 20.3771C6.13163 19.5284 4.72806 18.8129 3.45717 18.3087Z" stroke="white" stroke-opacity="1"/></svg>');
    }
    .header-transparent:not(.sticky-header) .btn.btn-book:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="98" height="36" viewBox="0 0 98 36" fill="none"><path d="M3.45717 18.3087C3.17124 18.1952 2.89028 18.0918 2.61483 17.9996C2.88911 17.9076 3.16882 17.8043 3.45341 17.6912C4.72188 17.1869 6.12201 16.4713 7.6215 15.6226C9.56987 14.5199 11.7176 13.1736 13.988 11.7503C15.2022 10.9892 16.4516 10.206 17.7243 9.42636C21.3918 7.17966 25.2791 4.94498 29.1835 3.27209C33.0904 1.59816 36.9846 0.5 40.6686 0.5H57C60.6587 0.5 64.5403 1.59792 68.4429 3.27201C72.3429 4.94498 76.2335 7.17976 79.9073 9.42655C81.1706 10.1992 82.4113 10.9752 83.6178 11.7297C85.9056 13.1607 88.0704 14.5147 90.0336 15.6229C91.5369 16.4716 92.9405 17.1871 94.2114 17.6913C94.4973 17.8048 94.7783 17.9082 95.0537 18.0004C94.7794 18.0924 94.4997 18.1957 94.2151 18.3088C92.9467 18.8131 91.5465 19.5287 90.0471 20.3774C88.0987 21.4801 85.951 22.8264 83.6806 24.2496C82.4663 25.0108 81.217 25.794 79.9442 26.5736C76.2768 28.8203 72.3895 31.055 68.485 32.7279C64.5782 34.4018 60.684 35.5 57 35.5H40.6686C37.0098 35.5 33.1283 34.4021 29.2257 32.728C25.3257 31.055 21.4351 28.8202 17.7613 26.5734C16.4979 25.8008 15.2572 25.0248 14.0508 24.2702C11.7629 22.8393 9.59812 21.4853 7.635 20.3771C6.13163 19.5284 4.72806 18.8129 3.45717 18.3087Z" fill="white" stroke="white" stroke-opacity="1"/></svg>');
    }

    .navtop {
        grid-gap: 30px;
    }
    .header.sticky-header .logo-main img,
    .logo-main.xs img {
        width: 92px;
    }
    .logo-main,
    .header.sticky-header .logo-main {
        width: 97px;
        height: 30px;
        background-image: url(../img/logo.svg) !important;
    }
    .navback {
        padding-bottom: 16px;
        display: flex;
        grid-gap: 8px;
        border-bottom: 1px solid #ebebeb;
        letter-spacing: 0.1em;
        font-size: 12px;
    }
    .navback:before {
        position: relative;
        top: 1px;
        left: -1px;
        font-family: "ic-font-rakxa";
        font-size: 12px;
        content: "\e911";
    }
    .navmain,
    .navmain ul {
        grid-gap: 16px;
    }
    .navmain li a {
        display: flex;
        align-items: center;
    }
    .panel-navmain {
        padding-bottom: 20px;
    }
    .panel-navmain .navfooter {
        padding: var(--spacing-2xs) 0;
    }
    .panel-navmain .btn-book {
        width: 312px;
        display: flex;
        justify-content: center;
        /* position: absolute;
        bottom: 80px;
        left: 50%;
        transform: translate(-50%, -50%); */
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="312" height="36" viewBox="0 0 312 36" fill="none"><path d="M3.47088 18.3084C3.18395 18.1951 2.90203 18.0917 2.62565 17.9996C2.90085 17.9076 3.18152 17.8045 3.46711 17.6915C4.74095 17.1873 6.14711 16.4718 7.65316 15.6231C9.61005 14.5204 11.7671 13.1741 14.0475 11.7509C15.2671 10.9898 16.522 10.2066 17.8004 9.42687C25.1939 4.91745 33.418 0.5 40.8476 0.5H271.152C274.828 0.5 278.727 1.59815 282.647 3.27232C286.565 4.94538 290.472 7.18026 294.163 9.42706C295.432 10.1998 296.678 10.9758 297.89 11.7305C300.188 13.1613 302.362 14.5152 304.333 15.6234C305.843 16.472 307.253 17.1875 308.529 17.6916C308.816 17.8049 309.098 17.9083 309.374 18.0004C309.099 18.0924 308.818 18.1955 308.533 18.3085C307.259 18.8127 305.853 19.5282 304.347 20.3769C302.39 21.4797 300.233 22.8259 297.952 24.2492C296.733 25.0103 295.478 25.7935 294.2 26.5731C286.806 31.0825 278.582 35.5 271.152 35.5H40.8476C37.172 35.5 33.2727 34.4018 29.3528 32.7277C25.4354 31.0546 21.5275 28.8197 17.8375 26.5729C16.5685 25.8003 15.3223 25.0243 14.1105 24.2697C11.8127 22.8387 9.63842 21.4848 7.66672 20.3766C6.15677 19.528 4.74717 18.8125 3.47088 18.3084Z" stroke="black" stroke-opacity="0.2"/></svg>');
    }
    .panel-navmain .btn-book:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="312" height="36" viewBox="0 0 312 36" fill="none"><path d="M3.47088 18.3084C3.18395 18.1951 2.90203 18.0917 2.62565 17.9996C2.90085 17.9076 3.18152 17.8045 3.46711 17.6915C4.74095 17.1873 6.14711 16.4718 7.65316 15.6231C9.61005 14.5204 11.7671 13.1741 14.0475 11.7509C15.2671 10.9898 16.522 10.2066 17.8004 9.42687C25.1939 4.91745 33.418 0.5 40.8476 0.5H271.152C274.828 0.5 278.727 1.59815 282.647 3.27232C286.565 4.94538 290.472 7.18026 294.163 9.42706C295.432 10.1998 296.678 10.9758 297.89 11.7305C300.188 13.1613 302.362 14.5152 304.333 15.6234C305.843 16.472 307.253 17.1875 308.529 17.6916C308.816 17.8049 309.098 17.9083 309.374 18.0004C309.099 18.0924 308.818 18.1955 308.533 18.3085C307.259 18.8127 305.853 19.5282 304.347 20.3769C302.39 21.4797 300.233 22.8259 297.952 24.2492C296.733 25.0103 295.478 25.7935 294.2 26.5731C286.806 31.0825 278.582 35.5 271.152 35.5H40.8476C37.172 35.5 33.2727 34.4018 29.3528 32.7277C25.4354 31.0546 21.5275 28.8197 17.8375 26.5729C16.5685 25.8003 15.3223 25.0243 14.1105 24.2697C11.8127 22.8387 9.63842 21.4848 7.66672 20.3766C6.15677 19.528 4.74717 18.8125 3.47088 18.3084Z" fill="%23595141" stroke="%23595141" stroke-opacity="1"/></svg>');
    }

    .navmain li button {
        width: 100%;
    }

    /* footer */
    .footer-grid:last-of-type {
        grid-gap: var(--spacing-sm);
    }
    .footer-grid:last-of-type,
    .copyright,
    .footer-logo {
        justify-content: center;
        text-align: center;
    }
    .copyright {
        grid-row: 3;
    }
    .footer h3 {
        position: relative;
        margin-bottom: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #ffffff1a;
    }
    .footer h3:after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-family: "ic-font-rakxa";
        content: "\e90a";
        font-size: 16px;
        color: #fff;
    }
    .footer-block .navcontact,
    .footer-block .navfooter {
        height: 0;
        margin-top: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: transform 300ms ease;
    }
    .footer-block .navcontact .link {
        font-size: 12px;
    }
    .footer-block {
        grid-gap: 10px;
    }
    .footer-block.show .navcontact,
    .footer-block.show .navfooter {
        height: inherit;
        visibility: visible;
        z-index: 1;
        margin-top: var(--spacing-3xs);
        margin-bottom: var(--spacing-sm);
        transform: translateY(0);
        transition: transform var(--duration) var(--timing-function);
    }
    .footer-block.show h3:after {
        content: "\e909";
    }
}