/*
Oswald ExtraLight
font-family: "oswald", sans-serif;
font-weight: 200;
font-style: normal;

Oswald Light
font-family: "oswald", sans-serif;
font-weight: 300;
font-style: normal;

Oswald Regular
font-family: "oswald", sans-serif;
font-weight: 400;
font-style: normal;

Oswald Medium
font-family: "oswald", sans-serif;
font-weight: 500;
font-style: normal;

Oswald SemiBold
font-family: "oswald", sans-serif;
font-weight: 600;
font-style: normal;

Oswald Bold
font-family: "oswald", sans-serif;
font-weight: 700;
font-style: normal;

Oswald Heavy Regular
font-family: "oswald", sans-serif;
font-weight: 900;
font-style: normal;


---


Source Sans Pro ExtraLight
font-family: "source-sans-pro", sans-serif;
font-weight: 200;
font-style: normal;

Source Sans Pro ExtraLight Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 200;
font-style: italic;

Source Sans Pro Light
font-family: "source-sans-pro", sans-serif;
font-weight: 300;
font-style: normal;

Source Sans Pro Light Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 300;
font-style: italic;

Source Sans Pro Regular
font-family: "source-sans-pro", sans-serif;
font-weight: 400;
font-style: normal;

Source Sans Pro Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 400;
font-style: italic;

Source Sans Pro Semibold
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;

Source Sans Pro Semibold Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: italic;

Source Sans Pro Bold
font-family: "source-sans-pro", sans-serif;
font-weight: 700;
font-style: normal;

Source Sans Pro Bold Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 700;
font-style: italic;

Source Sans Pro Black
font-family: "source-sans-pro", sans-serif;
font-weight: 900;
font-style: normal;

Source Sans Pro Black Italic
font-family: "source-sans-pro", sans-serif;
font-weight: 900;
font-style: italic;
 */


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background: #395259;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical:active, ::-webkit-scrollbar-thumb:horizontal:active {
    background: #395259;
    -webkit-border-radius: 0;
}





body {
    color: #5C2B2E;
    font-family: "source-sans-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

main {
    background-color: #fff;
}

h1 {
    color: #5C2B2E;
    font-family: "oswald", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    line-height: 110%;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: clamp(36px, 4vw, 74px);
}

h2 {
    color: #5C2B2E;
    font-size: clamp(28px, 4vw, 58px);
    font-family: "oswald", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    text-transform: none;
    text-align: left;
    margin-top: 0;
    padding-top: 0;
}

iframe {
    border: 0;
}

.aside-roombox .offer-inner .txt .desc li {
    font-size: 14px;
}


.aside-roombox .offer-inner .txt .desc {
    padding-top: 0;
    padding-bottom: 0;
}

.aside-roombox h2 {
    font-size: 30px;
    margin-top: 20px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .offer-inner {
        display: flex;
        flex-direction: column-reverse;
    }
}

.aside-roombox .offer-inner .button.outline {
    padding: 10px 22px;
    margin-top: 5px;
}

.item-page .aside-roombox ul {
    padding-bottom: 10px;
}

.aside-roombox .offer-inner {
    height: 520px;
    margin-bottom: 20px;
}

.content .item-page > h1:first-child:after {
    display: none;
}

.content > .inner {
    max-width: 1160px;
}

a {
    color: #5C2B2E;
}

.aside-item {
    border-bottom: 0;
}

.button.filled {
    background-color: #5C2B2E;
}

.button.outline {
    border-color: #5C2B2E;
    color: #5C2B2E;
}

.offer-inner .button.outline {
    border-color: #5C2B2E;
    color: #5C2B2E;
    padding: 15px 22px;
    margin-top: 15px;
}

.offer-inner .button.outline:hover {
    background-color: #5C2B2E;
    color: #FFF;
}

.mobile-menu-opener {
    background-color: #5C2B2E;
}

nav ul li:hover > a {
    color: #5C2B2E;
}


#mainnav li {
    min-width: 120px;
}

nav ul ul a {
    color: #5C2B2E;
}

nav a {
    font-weight: 600;
    color: #5C2B2E;
}

nav ul ul {
    padding-top: 40px;
    padding-bottom: 20px;
}
.lang-inline {
    border-color: #5C2B2E;
}


address strong {
    color: #5C2B2E;
}

.offer-inner .txt {
    color: #5C2B2E;
    background-color: #DCD5C3;
}

.offer-inner h3 {
    color: #5C2B2E;
    background-color: #DCD5C3;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 15px;
}

.main .item-page .aside-item {
    margin-top: 0;
}

.offer-inner .controller {
    background-color: #5C2B2E;
}






.item-page ul {
    padding-bottom: 30px;
}

.offer-inner p {
    margin: 5px 0;
}

.offer-inner a {
    color: #5C2B2E;
}

.offer-inner a.outline {
    border-color: #5C2B2E;
    color: #5C2B2E;
}










.offer-inner .controller > div:first-child:after {
    color: #5C2B2E;
}


.aside-roombox .offer-inner h2 {
    margin-bottom: 0;
    padding-top: 0;
}


.offer-inner .controller-outer {
    text-align: right;
}



@media (min-width: 600px) {
    .offer-inner .controller > div {
        font-size: 20px;
    }
}




footer {
    color: #5C2B2E;
    font-weight: 400;
}

.fo-item-servicenav a {
    color: #5C2B2E;
}

.current-language {
    color: #5C2B2E;
}

@media (max-width: 600px) {
    .fo-item-footerlogos {
        padding-bottom: 50px;
    }
}



.c-hamburger--htx {
    background-color: #5C2B2E;
}

.c-hamburger--htx.is-active {
    background-color: #5C2B2E;
}

form#alteaForm fieldset legend, form#alteaForm item-col-last legend {
    background-color: #5C2B2E;
    color: #FFF;
}

form#alteaForm fieldset label span.req {
    color: #5C2B2E;
    font-weight: bolder;
}

form#alteaForm .item-privacy {
    background-color: rgba(172, 162, 152, 0.2);
    border-color: #5C2B2E;
}

form#alteaForm button[type="submit"] {
    border: 1px solid #5C2B2E;
    color: #5C2B2E;
    background: none;
}

.scroll-to-top {
    background-color: #5C2B2E;
    color: #FFF;
}

@media screen and (min-width: 1081px) {
    .header-backtoall .icon, .header-request .icon {
        background-color: #5C2B2E;
    }

    .header-backtoall span, .header-request span {
        background-color: #5C2B2E;
    }

    .header-booking span {
        background-color: #395259;
    }
}

#tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited, #tabs a.ui-button, #tabs a:link.ui-button, #tabs a:visited.ui-button, #tabs .ui-button {
    color: #826d4f;
}

#tabs .tab-changer .ui-state-active a {
    background-color: #5C2B2E;
    color: #FFF;
}

@media screen and (min-width: 1081px) {
    .header-backtoall {
        background-color: #5C2B2E;
    }
}


@media screen and (max-width: 1080px) {
    .header-booking .button {
        background-color: #395259 !important;
    }

}

/*          FORM ALTEA OVERRIDE         */

#alteaForm .af-privacy {
    background-color: rgba(172, 162, 152, 0.2);
    border: 1px solid #5C2B2E;
}

#alteaForm .af-form-group-header,
form#alteaForm button[type="submit"].btn-outline {
    background: #5C2B2E;
    padding: 0.5rem;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
}


@media screen and (min-width: 1601px) {
    .header-language {
        top: 40px;
    }
}

@media screen and (min-width: 1081px) {
    .header-language {
        position: absolute;
        right: -40px;
        /*top: 25px;*/
        top: 40px
    }
}



@media (max-width: 750px) {
    #boxEstate .controller-outer {
        bottom:50%;
    }
    .offer .controller-outer {
        bottom:60%;
    }

}
address a.tel {
    color: #5C2B2E;
}

footer a {
    color: #5C2B2E;
}

