@font-face {
    font-family: 'Joost';
    src: url("../fonts/kiosque/JoostBold-b2N3ZPh.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-LtCn';
    src: url("../fonts/kiosque/HELVETICA_NEUE_STD/HelveticaNeueLTStd-LtCn-rv7dpr7.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 14px;
}

.privatization {
    font: 700 1rem "Joost", sans-serif;
    background: #f7f4ec;
}

.leaf-header {
    position: absolute;
    z-index: 2;
    top: 69px;
    right: 0;
}

.leaf-body {
    position: absolute;
    z-index: 2;
    top: 1257px;
    right: 0;
}

.leaf-footer {
    position: absolute;
    z-index: 2;
    top: 1092px;
    left: 0;
}

.leaf-footer-success {
    position: absolute;
    z-index: 2;
    top: 360px;
    left: 0;
}

.privatization-header {
    height: 288px;
    left: 0;
    top: 0;
    background: #4E7D56;
}

.privatization-header::after {
    content: "";
    width: 100%;
    height: 100px;
    background: #f7f4ec;
    clip-path: ellipse(100% 50px at bottom);
}

.privatization-body {
    background: #f7f4ec;
    min-height: 1300px;
}

.privatization-body-small {
    background: #f7f4ec;
    min-height: 375px;
}

.privatization-footer {
    position: relative;
    height: 288px;
    left: 0;
    top: 0;
    padding-top: 50px;
    background: #4E7D56;
}

.privatization-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #f7f4ec;
    clip-path: ellipse(75% 50px at center top);
}

.privatization-footer-copyright {
    padding-top: 50px;
    font: 300 1.071rem "HelveticaNeue-LtCn", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
}

.privatization-logo {
    padding-top: 50px;
}

.privatization-separator {
    width: 100%;
    border-bottom: #B19045 solid 1px;
    padding: 1.43rem 0 1.43rem 0;
}

.privatization-button {
    position: relative;
    margin-top: 50px;
    z-index: 1;
    width: 268px;
    height: 55px;
    cursor: pointer;
    border-radius: 80px;
    background-color: #f7f4ec;
    color: #3E3E3E;
    border: 1px solid #B19045 !important;
    text-transform: uppercase;
    font: 700 1.285rem "Joost", sans-serif;
}

.privatization-button::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -3px;
    right: 2px;
    bottom: -5px;
    border-radius: 80px;
    border: 1px solid #B19045 !important;
    z-index: -1;
}

/** BREADCRUMB **/
.breadcrumb-nav {
    padding-top: 50px;
    text-transform: uppercase;
    font: 700 1.43rem "Joost", sans-serif;
}

.breadcrumb-nav-link {
    display: inline;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-nav-separator {
    padding-top: 9px;
    color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-active {
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    cursor: pointer;
}

.breadcrumb-disabled {
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}

/** Form **/
.block-intro {
    background: #f7f4ec;
}

.block-intro-title {
    text-transform: uppercase;
    font: 700 5rem "Joost", sans-serif;
    color: #3E3E3E;
    padding-bottom: 1.43rem;
}

.block-intro-text {
    font: 300 1.43rem "HelveticaNeue-LtCn", sans-serif;
    margin-top: 1.43rem;
    padding-bottom: 1.43rem;
}

.block-h2 {
    text-transform: uppercase;
    font: 700 2.857rem "Joost", sans-serif;
    color: #3E3E3E;
    padding: 1.43rem 0 1.43rem 0;
}

.block {
    background: #f7f4ec;
    padding: 1.43rem 0 1.43rem 0;
}

.block-title {
    text-transform: uppercase;
    font: 700 2.857rem "Joost", sans-serif;
}

.block-label {
    font: 300 1.143rem "HelveticaNeue-LtCn", sans-serif;
    color: #000000;
}

.form-input {
    background: #FFFFFF;
    border: #B19045 solid 1px;
    height: 55px;
    border-radius: 0 !important;
    text-align: center;
    font: 700 1.143rem "HelveticaNeue-LtCn", sans-serif !important;
    color: #B19045;
}

.guest-count {
}

.circle {
    width: 55px;
    height: 55px;
    background-color: #B19045;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
 }

.line {
    width: 25px;
    height: 1px;
    background-color: white;
    position: absolute;
}

.arrowhead {
    width: 8px;
    height: 8px;
    border-right: 1px solid white;
    border-top: 1px solid white;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
}

.btn-choice input[type="radio"] {
    display: none;
}

.btn-choice .btn {
    width: 45%;
    min-width: 125px;
    height: 55px;
    padding: 10px 1.43rem;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #B19045;
    border-radius: 10px;
    background: #f7f4ec;
    color: #B19045;
    text-transform: uppercase;
    opacity: 50%;
    transition: background-color 0.3s;
    text-align: center;
    font-size: 1.285rem !important;
}

.form-check {
    padding-left: 0!important;
}

.btn-choice .btn:has(.form-check-input:checked) {
    border: 1px solid #B19045;
    background: #B19045;
    color: #FFFFFF;
    opacity: 100%;
}

.btn-choice .btn:hover {
    border: 1px solid #B19045;
    background: #B19045;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 100%;
}

/** EFFECTS **/
.slideUp {
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(500px);
    animation: slideUp 0.6s ease-out forwards;
}

/* Animation de slideUp */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(500px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sidebar-link {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    font: 900 1.143rem "HelveticaNeue-LtCn", sans-serif !important;
    font-weight: bold;
}

.sidebar-link:not(:last-child)::after {
    content: "|";
    margin: 0 10px;
    color: #3E3E3E;
    text-decoration-line: none;
    display: inline-block;
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-panel {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    max-width: 100%;
    height: 100%;
    background: #f7f4ec;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
}

.sidebar-panel.open {
    right: 0;
}

.sidebar-overlay.visible {
    display: block;
    opacity: 1;
}

.sidebar-header {
    padding: 1em;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-content {
    overflow-y: auto;
    flex: 1;
}

.sidebar-panel-close {
    background: rgba(78, 125, 86, 1);
    border: none;
    color: rgba(247, 244, 236, 1);
    cursor: pointer;
    width: 2.143rem;
    height: 2.143rem;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.sidebar-panel-close-firstLine {
    position: absolute;
    width: 11px;
    height: 0;
    right: 10px;
    top: 1.071rem;
    border: 1px solid #F7F4EC;
    transform: rotate(-45deg);
}

.sidebar-panel-close-secondLine {
    position: absolute;
    width: 11px;
    height: 0;
    right: 10px;
    top: 1.071rem;
    border: 1px solid #F7F4EC;
    transform: rotate(45deg);
}

.sidebar-content img {
    width: 100%;
    border-radius: 0;
}

.sidebar-content-title {
    text-transform: uppercase;
    font: 700 2.857rem "Joost", sans-serif !important;
    padding: 1rem;
}

.sidebar-content-body {
    font: 300 1rem "HelveticaNeue-LtCn", sans-serif !important;
    padding: 1rem;
}

.map {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.map-bg {
    fill: #E2DED5;
    cursor: pointer;
}
.map-bg:hover {
    fill: #B19045;
    cursor: pointer;
}
.map-bg-active {
    fill: #B19045;
    cursor: pointer;
}
.map-bg + .map-txt {
    fill: #3E3E3E;
}
.map-bg:hover + .map-txt, .map-bg-active + .map-txt {
    fill: #FFFFFF;
}

/** STEP 2 **/
.article {
    width: 100%;
    border-radius: 10px;
    height: 300px;
    margin-bottom: 1.43rem;
}

.article-requested {
    color: #FFFFFF;
    background: #4E7D56;
}

.article-alternative {
    color: #000000;
    background: #FFFFFF;
}

.article-picture {}

.article-picture img {
    width: 340px;
    height: 300px;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}

.article-content {
    padding: 2.143rem;
    position: relative;
}

.article-content-title {
    text-transform: uppercase;
    font: 700 2.857rem "Joost", sans-serif !important;
    margin-bottom: 5px;
}

.article-content-budget, .article-content-description {
    font: 300 1.43rem "HelveticaNeue-LtCn", sans-serif !important;
}

.article-footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.article-button {
    position: relative;
    z-index: 1;
    width: 165px;
    height: 44px;
    cursor: pointer;
    border-radius: 80px;
    text-transform: uppercase;
}

.article-requested .article-button {
    background-color: #4E7D56;
    color: #FFFFFF;
    border: 1px solid #FFFFFF !important;
}

.article-alternative .article-button {
    background-color: #FFFFFF;
    color: rgba(62, 62, 62, 1);
    border: 1px solid #B19045 !important;
}

.article-requested .article-button::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -3px;
    right: 2px;
    bottom: -5px;
    border-radius: 80px;
    border: 1px solid #FFFFFF !important;
    z-index: -1;
}

.article-alternative .article-button::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -3px;
    right: 2px;
    bottom: -5px;
    border-radius: 80px;
    border: 1px solid #B19045 !important;
    z-index: -1;
}

/** STEP 3 **/
#privatization_form_request_data_requestedDate {
    display: none;
}

.flatpickr-calendar {
    background: #f7f4ec !important;
    border: 1px solid #B19045 !important;
    margin-left: auto;
    margin-right: auto;
}

.flatpickr-current-month {
    text-transform: uppercase !important;
    font: 700 1.285rem "Joost", sans-serif !important;
    color: rgb(62, 62, 62) !important;
}

.flatpickr-weekday {
    font: 700 1rem "HelveticaNeue-LtCn", sans-serif !important;
    color: rgba(62, 62, 62, 1) !important;
}

.flatpickr-day {
    font: 300 1.285rem "HelveticaNeue-LtCn", sans-serif !important;
    color: #3E3E3E !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.857rem;
}
.flatpickr-day.selected {
    font: 300 1.285rem "HelveticaNeue-LtCn", sans-serif !important;
    background: rgba(177, 144, 69, 0.5) !important;
    border-color: rgba(177, 144, 69, 0.5) !important;
}

.flatpickr-day:hover {
    background: rgba(177, 144, 69, 0.5) !important;
}

.flatpickr-disabled {
    color: #f7f4ec !important;
}

.booked-date-alert {
    color: #B19045 !important;
    font: 900 1.4rem "HelveticaNeue-LtCn", sans-serif !important;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/** STEP 4 **/
.contact-details-separator {
    margin-bottom:2.857rem;
}
.contact-details-row {
    margin-bottom: 38px;
}

.contact-details-label {
    text-transform: uppercase;
    font: 700 1.43rem "Joost", sans-serif !important;
    color: #3E3E3E !important;
    padding-bottom: 10px;
}

.contact-details-input {
    border: 1px solid #B19045;
    background: #FFFFFF !important;
    height: 55px;
    border-radius: 0 !important;
}

.contact-details-textarea {
    border: 1px solid #B19045;
    background: #FFFFFF !important;
    height: 176px;
    border-radius: 0 !important;
    margin-bottom: 1.43rem;
}

.contact-details-optin {
    font: 300 1.143rem "HelveticaNeue-LtCn", sans-serif !important;
    color: #000000 !important;
    margin-bottom: 1.43rem;
}

.contact-details-optin input {
    margin-left: 10px !important;
    margin-right: 5px !important;
    float: none !important;
    border: 1px solid #B19045;
    width: 0.928rem;
    height: 0.928rem;
    border-radius: 0 !important;
    bottom: 2px;
    position: relative;
}

@media (max-width: 390px) {
    .btn-choice label {
        font: 700 1.3rem "Joost", sans-serif !important;
    }
    .article {
        min-height: 470px !important;
    }

    .article-content-title {
        width: 95% !important;
    }

    .article-content {
        position: inherit !important;
    }

    .article-footer {
        position: inherit !important;
    }

    .article-footer .col-6 {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
}
@media (max-width: 575px) {
    .leaf-header {
        top: 60px;
    }

    .leaf-header img {
        width: 90px;
    }

    .leaf-body {
        top: 1257px;
    }

    .leaf-footer {
        top: 1092px;
    }

    .leaf-footer-success {
        top: 360px;
    }

    .breadcrumb-nav {
        font: 700 1.143rem "Joost", sans-serif;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
    }

    .breadcrumb-nav-link {
        display: inline;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-nav-separator {
        padding-top: 9px;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-active {
        color: rgba(255, 255, 255);
        font-weight: bold;
        cursor: pointer;
    }

    .privatization-header {
        height:195px
    }

    .privatization-header::after {
        height:55px
    }

    .privatization-logo {
        padding-top: 10px;
    }

    .privatization-logo img {
        width: 159px;
    }

    .privatization-body {
        background: #f7f4ec;
        min-height: 600px;
    }

    .privatization-separator {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

    .sidebar-panel {
        max-width: 95%;
    }

    .sidebar-panel-close {
        top: 0;
        right: 5px;
    }

    .block-intro-title {
        font: 700 2.143rem "Joost", sans-serif;
        padding-bottom: 0;
    }

    .block-intro-text {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif;
        margin-top: 10px;
        padding-bottom: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .block-h2 {
        font: 700 1.43rem "Joost", sans-serif;
        padding-bottom: 1.43rem;
    }

    .block {
        padding: 1.43rem;
    }

    .block-title {
        font: 700 1.43rem "Joost", sans-serif;
        text-align: center;
        padding-bottom: 10px;
    }

    .block-label {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
    }

    .form-input {
        width: 208px;
        margin-left: auto;
        margin-right: auto;
    }

    .leaf-body {
        display: none;
    }

    .leaf-footer {
        display: none;
    }

    .leaf-footer-success {
        display: none;
    }

    .room-links {
        padding-top:10px;
        display: block;
    }

    .sidebar-link {
        font: 500 1rem "HelveticaNeue-LtCn", sans-serif !important;
    }

    .map {
        padding: 5px;
    }

    .btn-choice {
        text-align: center;
    }

    .btn-choice .btn {
        width: 45% !important;
        height: 50px;
    }

    .btn-choice label {
        font: 700 1.43rem "Joost", sans-serif;
        padding-top:0;
    }

    .article {
        min-height: 433px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .article-picture {}

    .article-picture img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .article-content {
        padding: 1.43rem;
        position: inherit !important;
    }

    .article-content-title {
        font: 700 1.43rem "Joost", sans-serif !important;
        margin-bottom: 1.071rem;
        margin-left: auto;
        margin-right: auto;
        width: 65%;
        text-align: center;
    }

    .article-content-budget, .article-content-description {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif !important;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
    }

    .article-footer {
        position: inherit !important;
        padding-top: 1rem;
        text-align: center;
    }

    .article-button {
        width: 160px;
        height: 44px;
    }

    .article-requested .article-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
     }

    .article-alternative .article-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
    }

    .contact-details-row {
        padding-left: 50px;
        padding-right: 50px;
    }

    .contact-details-label {
        font: 700 1.143rem "Joost", sans-serif !important;
        text-align: center;
    }

    .contact-details-input {
        border: 1px solid #B19045;
        background: #FFFFFF !important;
        height: 55px;
        border-radius: 0 !important;
    }

    .contact-details-textarea {
        border: 1px solid #B19045;
        background: #FFFFFF !important;
        height: 176px;
        border-radius: 0 !important;
    }

    .contact-details-optin {
        margin-top: 10px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-details-optin input {
        margin-left:10px !important;
    }

    .contact-details-optin label {
        display: inline !important;
    }

    .contact-details-optin input {
        bottom: 3px;
        position: relative;
    }

    .privatization-body-small {
        height: 100%;
        text-align: center;
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .privatization-footer-copyright {
        padding-top: 25px;
        font: 300 0.928rem "HelveticaNeue-LtCn", sans-serif;
    }

    .privatization-button {
        width: 200px;
        height: 44px;
        font: 700 1.143rem "Joost", sans-serif;
    }

    .privatization-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .leaf-header {
        top: 60px;
    }

    .leaf-header img {
        width: 90px;
    }

    .leaf-body {
        top: 1257px;
    }

    .leaf-footer {
        top: 1092px;
    }

    .leaf-footer-success {
        top: 360px;
    }

    .breadcrumb-nav {
        font: 700 1.143rem "Joost", sans-serif;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
    }

    .breadcrumb-nav-link {
        display: inline;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-nav-separator {
        padding-top: 9px;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-active {
        color: rgba(255, 255, 255);
        font-weight: bold;
        cursor: pointer;
    }

    .privatization-header {
        height:195px
    }

    .privatization-header::after {
        height:55px
    }

    .privatization-logo {
        padding-top: 10px;
    }

    .privatization-logo img {
        width: 159px;
    }

    .privatization-body {
        background: #f7f4ec;
        min-height: 600px;
    }

    .privatization-separator {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

    .sidebar-panel {
        max-width: 95%;
    }

    .sidebar-panel-close {
        top: 0;
        right: 5px;
    }

    .block-intro-title {
        font: 700 2.143rem "Joost", sans-serif;
        padding-bottom: 0;
    }

    .block-intro-text {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif;
        margin-top: 10px;
        padding-bottom: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .block-h2 {
        font: 700 1.43rem "Joost", sans-serif;
        padding-bottom: 1.43rem;
    }

    .block {
        padding: 1.43rem;
    }

    .block-title {
        font: 700 1.43rem "Joost", sans-serif;
        text-align: center;
        padding-bottom: 10px;
    }

    .block-label {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
    }

    .form-input {
        width: 208px;
        margin-left: auto;
        margin-right: auto;
    }

    .leaf-body {
        display: none;
    }

    .leaf-footer {
        display: none;
    }

    .leaf-footer-success {
        display: none;
    }

    .room-links {
        padding-top:10px;
        display: block;
    }

    .sidebar-link {
        font: 500 1rem "HelveticaNeue-LtCn", sans-serif !important;
    }

    .map {
        padding: 5px;
    }

    .btn-choice {
        text-align: center;
    }

    .btn-choice .btn {
        width: 45% !important;
        height: 50px;
    }

    .btn-choice label {
        font: 700 1.43rem "Joost", sans-serif;
        padding-top:0;
    }

    .article {
        min-height: 433px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .article-picture {}

    .article-picture img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .article-content {
        position: inherit !important;
        padding: 1.43rem;
    }

    .article-content-title {
        font: 700 1.43rem "Joost", sans-serif !important;
        margin-bottom: 1.071rem;
        margin-left: auto;
        margin-right: auto;
        width: 65%;
        text-align: center;
    }

    .article-content-budget, .article-content-description {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif !important;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
    }

    .article-footer {
        position: inherit !important;
        padding-top: 1rem;
        text-align: center;
    }

    .article-button {
        width: 160px;
        height: 44px;
    }

    .article-requested .article-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
     }

    .article-alternative .article-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
    }

    .contact-details-row {
        padding-left: 50px;
        padding-right: 50px;
    }

    .contact-details-label {
        font: 700 1.143rem "Joost", sans-serif !important;
        text-align: center;
    }

    .contact-details-input {
        border: 1px solid #B19045;
        background: #FFFFFF !important;
        height: 55px;
        border-radius: 0 !important;
    }

    .contact-details-textarea {
        border: 1px solid #B19045;
        background: #FFFFFF !important;
        height: 176px;
        border-radius: 0 !important;
    }

    .contact-details-optin {
        margin-top: 10px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-details-optin input {
        margin-left:10px !important;
    }

    .contact-details-optin label {
        display: inline !important;
    }

    .contact-details-optin input {
        bottom: 3px;
        position: relative;
    }

    .privatization-body-small {
        height: 100%;
        text-align: center;
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .privatization-footer-copyright {
        padding-top: 25px;
        font: 300 0.928rem "HelveticaNeue-LtCn", sans-serif;
    }

    .privatization-button {
        width: 200px;
        height: 44px;
        font: 700 1.143rem "Joost", sans-serif;
    }

    .privatization-button::before {
        top: 1px;
        left: -3px;
        right: 1px;
        bottom: -3px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .btn-choice .btn {
        width: 100% !important;
    }

    .leaf-header {
        top: 25px;
    }

    .leaf-header img{
        width: 190px;
    }

    .leaf-body {
        display: none;
    }

    .leaf-footer {
        display: none;
    }

    .leaf-footer-success {
        width: 190px;
        top: 510px;
    }

    .privatization-body {
        min-height: 1830px;
    }

    .privatization-body-small {
        min-height: 520px;
        padding-top: 90px;
    }

    .breadcrumb-nav {
        font: 700 1.143rem "Joost", sans-serif;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .breadcrumb-nav-link {
        display: inline;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-nav-separator {
        padding-top: 9px;
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-active {
        color: rgba(255, 255, 255);
        font-weight: bold;
        cursor: pointer;
    }

    .room-links {
        padding-top:10px;
        display: block;
    }

    .sidebar-link {
        font: 500 1rem "HelveticaNeue-LtCn", sans-serif !important;
    }

    .map {
        width: 90% !important;
        padding: 5px;
    }

    .article {
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .article-picture {}

    .article-picture img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 10px 0 0 10px;
    }

    .article-content-title {
        font: 700 1.43rem "Joost", sans-serif !important;
        margin-bottom: 1.071rem;
        margin-left: auto;
        margin-right: auto;
        width: 65%;
        text-align: center;
    }

    .article-content {
        padding: 35px;
    }

    .article-content-budget, .article-content-description {
        font: 300 1rem "HelveticaNeue-LtCn", sans-serif !important;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
    }

    .article-button {
        min-width: 155px;
        width: 100%;
        font-size: 0.95rem;
    }

    @keyframes slideUp {
         from {
             opacity: 0;
             transform: translateY(500px);
         }
         to {
             opacity: 1;
             transform: translateY(100px);
         }
     }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .breadcrumb-nav-link {
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-nav-separator {
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-active {
        color: rgba(255, 255, 255);
    }

    .leaf-header {
        top: 0;
    }

    .leaf-header img{
        width: 215px;
    }

    .leaf-body img{
        width: 215px;
    }

    .leaf-footer img{
        width: 215px;
    }

    .btn-choice .btn {
    }

    .room-links {
        padding-top:10px;
        display: block;
    }

    #map {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .article {
        height: 310px;
    }

    .article-picture img {
        height: 310px;
        width: 100%;
    }

    .article-content {
        padding: 30px;
    }

    .article-content-title {
        font: 700 2.857rem "Joost", sans-serif !important;
    }

    .article-content-budget, .article-content-description {
        font: 300 1.43rem "HelveticaNeue-LtCn", sans-serif !important;
    }

    .article-button {
        min-width: 165px;
        font-size: 0.9rem;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .breadcrumb-nav-link {
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-nav-separator {
        color: rgba(255, 255, 255, 0.25);
    }

    .breadcrumb-active {
        color: rgba(255, 255, 255);
    }

    .leaf-header {
        top: 0;
    }

    .leaf-header img{
        width: 215px;
    }

    .leaf-body img{
        width: 215px;
    }

    .leaf-footer img{
        width: 215px;
    }

    .btn-choice .btn {
    }

    .room-links {
        padding-top:10px;
        display: block;
    }

    #map {
        margin-left: auto;
        margin-right: auto;
    }

    .article {
        height: 310px;
    }

    .article-picture img {
        height: 310px;
        width: 100%;
    }

    .article-content {
        padding: 35px;
    }

    .article-content-title {
        font: 700 2.857rem "Joost", sans-serif !important;
    }

    .article-content-budget, .article-content-description {
        font: 300 1.43rem "HelveticaNeue-LtCn", sans-serif !important;
    }

    .article-button {
        min-width: 165px;
        font-size: 0.9rem;
    }
}