/*REMOVE REVIEW SCORE*/
/*.sb-portal-hotel-card__reputation, .sb-portal-hotel-card__reputation-value-small {
    display: none;
}*/

/*REMOVE ALL FILTERS*/
/*.sb-portal-filters {
    display: none;
}*/

/*REMOVE FILTERS BY STARS*/
/*.sb-portal-filters__item.sb-portal-filters__item--stars {
    display: none;
}*/

/*REMOVE FILTERS BY CATEGORY*/
/*.sb-portal-filters__item.sb-portal-filters__item--categories {
    display: none;
}*/

/*REMOVE FILTERS BY PRICE*/
/*.sb-portal-filters__item.sb-portal-filters__item--slider {
    display: none;
}*/

/*REMOVE MAP*/
/*.portal-hotels-map {
    display: none !important;
}*/

/*WHITE BG GALLERY*/
/*.sb-hotelinfo-container .swiper-container, .swiper-slide {
    background-color: #fff;
}*/

/*REMOVE STARS*/
/*.sb-portal-hotel-card__header-stars, .sb-results-hotel-selected__stars {
    display: none;
}*/

/* --- include font --- */

@font-face {
    font-family: 'Klarheit Grotesk';
    src: url('fonts/ES Klarheit Grotesk Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'Klarheit Grotesk';
    src: url('fonts/ES Klarheit Grotesk Medium.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* --- body styles --- */

body {
    background: #FAF5F2 !important;
    margin: 0;
    padding-bottom: 0 !important;
}

a {
    text-decoration: none !important;
}

ul li {
    list-style: none;
}

h3, p, ul, li {
    margin: 0;
    padding: 0;
}

.container-same-as-simplebooking {
    position: relative;
    margin: 0 auto;
    width: 100%;
    zoom: 1;
    box-sizing: border-box;
}

.sb__btn--verify {
    background: #F1C773;
    border-color: #F1C773;
    color: #40151C;
}

    .sb__btn--verify:focus,
    .sb__btn--verify:hover {
        background: #F7BB46;
        border-color: #F7BB46;
    }


/* --- header styles --- */

header.site-header {
    text-align: center;
    margin-top: 22px;
    margin-bottom: 36px;
}

    header.site-header .container-same-as-simplebooking {
        display: flex;
        justify-content: space-between;
    }


    header.site-header img {
        display: block;
    }

    header.site-header a.header-close-link {
        width: 54px;
        height: 54px;
        border-radius: 100%;
        border: 1px solid #40151c;
        position: relative;
    }

        header.site-header a.header-close-link span {
            display: block;
            position: absolute;
            top: calc(50% - 1px);
            right: auto;
            bottom: auto;
            left: calc(50% - 10px);
            height: 1px;
            width: 20px;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: background 0.3s ease-out, transform 0.3s ease 0s, top 0.25s ease 0.25s, opacity 0.01s ease 0.25s;
            -moz-transition: background 0.3s ease-out, transform 0.3s ease 0s, top 0.25s ease 0.25s, opacity 0.01s ease 0.25s;
            -o-transition: background 0.3s ease-out, transform 0.3s ease 0s, top 0.25s ease 0.25s, opacity 0.01s ease 0.25s;
            transition: background 0.3s ease-out, transform 0.3s ease 0s, top 0.25s ease 0.25s, opacity 0.01s ease 0.25s;
            z-index: 150;
            background: #40151c;
        }

            header.site-header a.header-close-link span:first-child {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            header.site-header a.header-close-link span:nth-child(2) {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        header.site-header a.header-close-link:hover {
            background: #40151c;
        }

            header.site-header a.header-close-link:hover span {
                background: #FAF5F2;
            }




/* --- footer styles --- */

footer.site-footer {
    margin-top: 100px;
    display: block;
    background: #222C1E;
}

.footer_inner {
    font: 300 15px/25px "Klarheit Grotesk";
    color: #F0C873;
    padding: 85px 0 100px;
}

    .footer_inner .footer_bottom {
        display: flex;
        justify-content: space-between;
    }

    .footer_inner h3 {
        font: 300 15px/25px "Klarheit Grotesk";
        color: #f0c873;
        margin-bottom: 10px;
    }

    .footer_inner a {
        color: #F0C873;
    }

        .footer_inner a:hover {
            color: #F0C873;
            text-decoration: none;
        }

        .footer_inner a.footer_button {
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 6px 19px 7px;
            width: auto;
            color: #f0c873;
            background: transparent;
            border-radius: 100px;
            border: 1px solid #f0c873;
            outline: none;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            backface-visibility: hidden;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .footer_inner a.footer_button:hover {
                color: #222C1E;
                background: #f0c873;
            }

            .footer_inner a.footer_button + a.footer_button {
                margin-top: 10px;
            }

        .footer_inner a.footer_icon {
            display: inline-block;
            margin: 0 10px 0 0;
            width: 40px;
            height: 40px;
            color: #f0c873;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: none;
            border: 1px solid #f0c873;
            border-radius: 100px;
            vertical-align: top;
            box-sizing: border-box;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

            .footer_inner a.footer_icon:hover {
                background: #f0c873;
            }

            .footer_inner a.footer_icon svg path {
                fill: #f0c873 !important;
            }

            .footer_inner a.footer_icon:hover svg path {
                fill: #222C1E !important;
            }

    .footer_inner .icons_wrap {
        display: flex;
    }


/* - First box - */

footer .first_box {
    width: 25%;
    flex: 0 0 25%;
}

/* - Second box - */

footer .second_box {
    display: flex;
    flex-flow: column;
    width: 50%;
    flex: 0 0 50%;
}

footer .footer_box_inner {
    display: flex;
}

    footer .footer_box_inner > * {
        flex: 0 0 50%;
    }

        footer .footer_box_inner > *:nth-child(2) {
            box-sizing: border-box;
            padding-left: 20px;
        }

footer .footer_box_bottom {
    margin-top: 105px;
}

/* - Third box - */

footer .third_box {
    width: 25%;
    flex: 0 0 25%;
}

    footer .third_box h3 {
        font-weight: 700;
        margin-bottom: 0;
    }

    footer .third_box .quicklinks a {
        display: flex;
        align-items: center;
    }

        footer .third_box .quicklinks a:after {
            content: '';
            width: 17px;
            height: 17px;
            right: 0;
            opacity: 0;
            position: relative;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23F0C873' d='M495 273l17-17-17-17L359 103l-17-17L308.1 120l17 17 95 95L24 232 0 232l0 48 24 0 396.1 0-95 95-17 17 33.9 33.9 17-17L495 273z'/%3E%3C/svg%3E");
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        footer .third_box .quicklinks a:hover:after {
            right: -12px;
            opacity: 1;
        }

    footer .third_box .quicklinks + .quicklinks {
        margin-top: 55px;
    }


/* --- responsive styles --- */

@media screen and (max-width: 1280px) {

    .container-same-as-simplebooking {
        padding: 0 16px;
    }
}

@media screen and (max-width: 1200px) {

    footer .third_box,
    footer .first_box {
        width: 17%;
        flex: 0 0 17%;
    }
}

@media screen and (max-width: 1150px) {

    footer.site-footer {
        margin-top: 80px;
    }
}

@media screen and (max-width: 950px) {

    footer .first_box {
        width: 33.33%;
        flex: 0 0 33.33%;
    }

    footer .second_box {
        width: 66.66%;
        flex: 0 0 66.66%;
    }

    .footer_inner .footer_bottom {
        flex-flow: wrap;
    }

    footer .footer_box_bottom {
        margin-top: 50px;
    }

    footer .third_box .quicklinks:first-of-type,
    footer .third_box h3 {
        display: none;
    }

    footer .third_box .quicklinks + .quicklinks {
        margin-top: -76px;
    }
}

@media screen and (max-width: 750px) {

    header.site-header {
        margin: 17px 0 16px;
    }

        header.site-header .logo {
            width: 160px;
        }

            header.site-header .logo svg {
                width: 100%;
                height: auto;
            }

        header.site-header a.header-close-link {
            width: 44px;
            height: 44px;
        }

    .footer_inner {
        padding: 45px 0;
    }

    footer .first_box {
        width: 50%;
        flex: 0 0 50%;
    }

    footer .second_box {
        width: 50%;
        flex: 0 0 50%;
    }

    footer .footer_box_inner {
        flex-flow: column;
    }

        footer .footer_box_inner > * {
            flex: unset;
        }

            footer .footer_box_bottom,
            footer .footer_box_inner > *:nth-child(2) {
                padding-left: 0;
                margin-top: 25px;
            }

    .footer_inner a.footer_button {
        font-size: 13px;
        line-height: 20px;
        padding: 4px 10px 5px;
    }

    .footer_inner .contact p {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .footer_inner h3 {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 500px) {

    .footer_inner {
        padding: 40px 0;
    }

    footer .first_box {
        width: 100%;
        flex: 0 0 100%;
    }

    footer .second_box {
        margin-top: 25px;
        width: 100%;
        flex: 0 0 100%;
    }

    footer .footer_box_inner {
        flex-flow: row;
        justify-content: space-between;
    }

        footer .footer_box_inner > *:nth-child(2) {
            margin-top: 0;
            padding-left: 20px;
            flex: 0 0 50%;
        }

    .footer_inner .footer_bottom {
        flex-flow: column;
    }

    footer .third_box .quicklinks + .quicklinks {
        margin-top: 25px;
    }

    .hide_responsive {
        display: none;
    }
}

@media(min-width:1280px) {
    .container-same-as-simplebooking {
        padding: 0 16px;
        max-width: 1280px;
    }
}

@media(min-width:1500px) {
    .container-same-as-simplebooking {
        max-width: 1400px;
    }
}

.sb__btn--verify {
    color: #40151C !important;
}