/*
Theme Name: Hm-hotels-2019
Theme URI: www.hmhotels.net
Description: Hm-hotels-2019
Template: mirai
Author: Mirai Espana
*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++ STYLE CHAIN - PALAPAS ++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
@import url("../villas-hm-palapas-del-mar-2019/style-chain.css");

/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++ STYLE PROPIO +++++++++++++++++++ */
/*DESKTOP-MENU FIXED*/
.mi-iata-content.container .tab-content {
    overflow: unset;
}


@media (min-width: 1199px) {
    body.mirai-modal-active #menu-row.mirai-modal {
        overflow: scroll;
    }

    .burger, #menu-row .mi-modal-close, #menu-row .mi-full-modal-close {
        display: block;
    }

    .menu-row-active #logo-row>.flex:first-child {
        position: relative;
        z-index: 1051;
    }

    #menu-row .mi-modal-close {
        display: none;
    }

    #menu-row {
        position: fixed;
        opacity: 1;
    }

    #engine-modal, #menu-row {
        background: rgba(183, 180, 180, 0.7);
    }

    .mirai-modal[data-to="fade"] {
        opacity: 0;
        left: -100%;
        -webkit-transition: opacity .3s ease-in 0s, left 0s ease-in .3s;
        transition: opacity .3s ease-in 0s, left 0s ease-in .3s;
    }

    .mirai-modal[data-to="fade"].mi-active {
        opacity: 1;
        left: 0;
        -webkit-transition: left 0s ease-in 0s, opacity .3s ease-in;
        transition: left 0s ease-in 0s, opacity .3s ease-in;
    }

    .mi-modal-dialog>.mi-modal-close {
        bottom: auto;
        left: auto;
        top: 24px;
        right: 24px;
    }

    #menu-row>.flex {
        min-height: 100%;
        width: 100%;
        justify-content: flex-start;
    }

    #menu-row .mi-modal-dialog {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 100px 48px 24px;
        box-sizing: border-box;
        max-width: 50%;
        opacity: 0.95;
        background: #fff;
    }

    .menu-row-active #logo-row>.flex:first-child {
        position: relative;
        z-index: 1051;
    }

    .menu-row-active .burger::before, .menu-row-active .burger::after {
        color: #000;
        background: #000;
    }

    ul#menu_web {
        width: 100%;
        display: flex;
        flex-direction: column;
        /*justify-content: center;*/
    }

    ul#menu_web>li {
        display: block;
    }

    .widget_qtranslate {
        display: inline-block;
    }
}

/*END-DESKTOP-MENU FIXED*/
/*PRELOAD*/
.preload {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    mix-blend-mode: lighten;
    transition: 0.7s linear;
    animation: 2s hola-preload ease forwards;
}

@keyframes hola-preload {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.logo-preload {
    width: 10%;
    position: absolute;
    left: 70%;
    top: 45%;
    -webkit-transform: translate(-70%, -45%);
    transform: translate(-70%, -45%);
    animation: 1.7s hola-logo-preload ease forwards;
}

@keyframes hola-logo-preload {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(1);
    }

    70% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(1);
    }
}

/*.preload .hache, .preload .eme {
    opacity: 1;
    animation: 1.5s hola-letras-preload ease forwards;
}

@keyframes hola-letras-preload {
    0% {
        opacity: 1;
        visibility: visible;
    }

    70% {
        opacity: 0;
    }



}


/*STICKY HEADER*/
.affix-top.modal-engine-wrapper .primary-btn {
    display: none;
}

.flex .affix {
    position: relative;
}

#logo2 {
    margin: 0;
    padding: 0;
    line-height: 62px;
    box-sizing: border-box;
}

#logo2 img {
    display: flex;
    align-self: center;
    margin-bottom: 4px;
}

.affix #logo2 {
    display: none !important;
}

#logo2:before {
    content: "";
    border-left: 2px solid;
    color: #fff;
    font-size: 2.3em;
    vertical-align: middle;
    margin-right: 15px;
}

.advantages-btn {
    background: #000;
}

/*MENU*/
.menu-row-active #logo img {
    opacity: 1;
}

.menu-row-active #logo a {
    background: none;
}

ul#menu_web>li>a, li ul.sub-menu>li>a {
    font-size: 1.2em !important;
}

ul#menu_web li.menu-item-has-children>a:after {
    content: '\e965';
    font-size: 0.6em;
    font-weight: bold;
    color: #bbb;
    padding: 0 10px;
}

ul#menu_web li.hasHotelList>ul.sub-menu {
    height: 0;
}

ul#menu_web li.hasHotelList>a.active+ul.sub-menu {
    height: auto;
    display: block;
    position: relative;
}

ul#menu_web li.hasHotelList>a:not(.active)+ul.sub-menu, li.first-level>a:not(.active), li.second-level>a:not(.active) {
    height: 0;
}

ul#menu_web li:hover>ul.sub-menu {
    position: relative;
    display: none;
}

ul.sub-menu {
    padding: 0 3vw 0;
}

ul.sub-menu li {
    margin-bottom: 1.2vw;
}

/*MENU FIRST-LEVEL*/
.first-level {
    position: relative;
    animation: 2s hola-first-level ease-out;
}

@keyframes hola-first-level {
    0% {
        opacity: 0;
        max-height: 0
    }

    50% {
        max-height: 200px
    }

    100% {
        opacity: 1;
        max-height: 800px
    }
}

/*MENU SECOND-LEVEL*/
.second-level {
    position: relative;
    animation: 1.5s hola-second-level ease-out;
}

.second-level>.sub-menu {
    position: absolute;
    left: 16vw;
    top: -4vw;
}

@keyframes hola-second-level {
    0% {
        opacity: 0;
        max-height: 0;
    }

    50% {
        max-height: 200px opacity: 0.5;
    }

    100% {
        opacity: 1;
        max-height: 800px
    }
}

/*MENU-HOTEL*/
.menu-hotel {
    position: relative;
    animation: 1s hola-menu-hotel ease-out;
}

@keyframes hola-menu-hotel {
    0% {
        opacity: 0;
        left: -4vw;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

ul#menu_web li:hover>ul.sub-menu {
    position: absolute;
}

ul#menu_web>li ul.sub-menu li a {
    display: inline;
}

ul#menu_web>li ul.sub-menu li a:hover, .current-menu-parent a, ul#menu_web>li ul.sub-menu li.current-menu-item a, .sub-menu li.current-menu-item>a.active, .sub-menu li.current-menu-parent>a.active, li.first-level a.active+ul.sub-menu li.current-menu-parent a.active, .widget_qtranslate ul li.active a,
ul#menu_web>li.current-menu-parent, ul#menu_web>li.current-menu-ancestor, .current-menu-ancestor .current-menu-parent a.active {
    color: #ff0000 !important;
    transition: color 0.4s linear 0.2s;
}

ul#menu_web>li.current-menu-item a, ul#menu_web>li.current-menu-parent a, ul#menu_web>li.current-menu-ancestor a, ul#menu_web>li.current-menu-ancestor .sub-menu li.current-menu-item a {
    color: #ff0000;
}

ul.sub-menu li a:not(.active) {
    color: #bbb !important;
}

.hasHotelList.city:before {
    content: url("/files/city.png");
    position: relative;
    display: inline-block;
    padding: 10px 15px 0 0;
    width: auto;
    vertical-align: middle;
}

.hasHotelList.beach:before {
    content: url("/files/beach.png");
    position: relative;
    display: inline-block;
    padding: 10px 15px 0 0;
    width: auto;
    vertical-align: middle;
}

.hasHotelList.caribe:before {
    content: url("/files/caribe.png");
    position: relative;
    display: inline-block;
    padding: 10px 15px 0 0;
    width: auto;
    vertical-align: middle;
}

/*ul#menu_web>li.current-menu-item a, ul#menu_web>li.current-menu-parent a {
    color: #000;
}*/
li.first-level>a.active, li.second-level>a.active, li.current-menu-ancestor a.active, li.current-menu-parent a.active, ul.sub-menu li.second-level.current-menu-item a {
    color: #FF0000 !important;
}

.menu-hotel {
    padding: 10px 0;
}

li.duplicated-menu-item {
    display: none !important;
}

.widget_qtranslate ul li {
    display: inline-block;
    padding-right: 20px;
}

/*.translate-header:after {
    content: url("/files/mapa-menu.png");
    position: relative;
    display: inline-block;
    padding: 10px 15px 0 0;
    width: auto;
    vertical-align: middle;
}*/
/*END MENU*/
#breadcrumbs {
    padding: 50px;
}

#breadcrumbs, #breadcrumbs a {
    color: #000;
    letter-spacing: .5px;
    font-family: 'rotis-bold', serif;
    text-align: center;
    text-transform: uppercase;
}

/*#breadcrumbs>a:last-child {
    font-weight: 600;
}*/
#breadcrumbs .delimiter {
    font-size: 0;
}

#breadcrumbs .delimiter:after {
    content: '/';
    font-size: 16px;
    padding: 10px;
}

.menu-row-active #logo a img {
    filter: invert(100%);
}

.menu-row-active #logo2 img {
    display: none;
}

.red {
    color: #ff0000;
}

.p-bld {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.2em !important;
    padding-bottom: 10px !important;
}

.advantages-btn.black {
    background: transparent;
}

.advantages-btn.black i {
    border-radius: 0;
    border: 0;
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

a.advantages-btn.black:hover {
    color: #FF0000;
    transition: .4s ease-out;
}

/*SPECIAL CAROUSEL*/
.texture {
    position: relative;
}

.texture {
    background-image: url("/files/pattern.png");
}

.texture .txt-center {
    margin: 0 auto;
    text-align: center;
}

.texture .mi-underline::after {
    margin: 12px auto;
}

.special-carousel .carousel-cell {
    width: 100%;
}

.special-carousel .carousel-cell img {
    height: 60vh;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}

#home-services .services-carousel .carousel-cell {
    margin: 0px 12px 10px 0;
}

.special-carousel .flickity-page-dots .dot.is-selected {
    background: none;
    font-weight: bold;
    /* border-bottom: 5px solid; */
}

.special-carousel .flickity-page-dots .dot {
    background: transparent;
    padding: 5px;
}

.special-carousel .carousel-cell img {
    min-height: 610px;
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

.special-carousel .flickity-page-dots {
    display: flex;
}

#rooms .special-carousel .flickity-page-dots {
    left: -22vw;
}

.fx-reverse div .special-carousel .flickity-page-dots {
    left: 78vw;
}

/* FLICKITY NUMBERS */
.special-carousel .flickity-page-dots {
    counter-reset: a;
    left: -100vw;
    top: 74%;
    font-size: 1.4em;
    opacity: 0.6;
}

.special-carousel .flickity-page-dots .dot::after {
    border-bottom: 1px solid;
    color: #000;
    content: counter(a);
    counter-increment: a;
    font-family: "Rotis Semi Sans Std-Bold";
    opacity: 0.7;
}

.special-carousel .flickity-page-dots .dot.is-selected:after {
    opacity: 1;
    border-bottom: 3px solid;
}

.special-carousel .carousel-cell .txt-box {
    position: absolute;
    bottom: 15vh;
    left: 15vh;
}

/* ARROW CONTROLS */
.corner-arrows {
    position: relative;
}

.corner-arrows .arrow-flow {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    font-size: 28px;
    margin-top: 0;
    width: 25%;
    margin: 0 auto;
    height: 60px;
    position: relative;
    display: flex;
    text-decoration: none;
    -webkit-transition: .25s cubic-bezier(0.485, 0.610, 0.570, 1.370);
    -moz-transition: .25s cubic-bezier(0.485, 0.610, 0.570, 1.370);
    -o-transition: .25s cubic-bezier(0.485, 0.610, 0.570, 1.370);
    transition: .25s cubic-bezier(0.485, 0.610, 0.570, 1.370);
    transition-timing-function: ease-out;
}

.corner-arrows .arrow-flow:hover {
    width: 35%;
}

.corner-arrows .arrow-flow::after {
    height: 2px;
}

.corner-arrows .arrow-flow.left::after {
    left: 8px;
}

.corner-arrows .arrow-flow.right::after {
    right: 8px;
}

.arrow-flow {
    text-indent: -99999px;
    height: auto;
    line-height: 1;
    font-size: 40px;
    color: inherit;
    width: 80px;
    /* firefox fixing - mismo que font-size */
    height: 40px;
    margin-top: -20px;
    /* poner la mitad de font-size */
    opacity: 1;
    background: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
}

.arrow-flow:hover {
    color: inherit;
}

.arrow-flow:before {
    text-indent: 0;
    font-family: 'mirai-icofonts';
}

.arrow-flow::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 3px;
    transform: translateY(-50%);
    background: #333;
    width: 85%;
    border-radius: 2px;
}

.arrow-flow.left:before {
    content: '\e962';
    float: left;
    position: absolute;
    left: 0;
}

.arrow-flow.right:before {
    content: '\e963';
    float: right;
}

.arrow-flow.left:hover::after {
    width: 110%;
    transition: .1s;
    background: #ff0000;
}

.arrow-flow.left:hover::before {
    color: #ff0000;
}

.arrow-flow.right:hover::after {
    transition: .1s;
    background: #ff0000;
}

.arrow-flow.right:hover::before {
    color: #ff0000;
}

.no-auto {
    margin: 0 !important;
}

/*ACCORDION*/
a[data-toggle="collapse"] {
    width: 100%;
    display: block;
    position: relative;
    color: inherit;
    padding: 25px 2em 25px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-toggle="collapse"].collapsed:before {
    content: '\e965';
}

a[data-toggle="collapse"]:before {
    content: '\e968';
    font-family: 'mirai-icofonts' !important;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em;
    margin-right: .5em;
    color: #fff;
}

a[data-toggle="collapse"]:hover::before {
    color: #ff0000;
}

.card-body a {
    color: #fff;
    display: block;
}

.card-body a:hover {
    text-decoration: none;
}

/*FOOTER*/
#footer .go-to-anchor {
    right: 100px;
    top: 35px;
}

#footer .go-to-anchor i:before {
    font-weight: 600;
}

#footer a:not(.no-underline)::after {
    display: none;
}

.mainfooter p {
    font-size: 0.8em;
}

/*MENU FIRST-LEVEL*/
.logos-wrapper {
    position: relative;
    animation: 1s hola-logos-wrapper ease-out;
}

@keyframes hola-logos-wrapper {
    0% {
        opacity: 0;
    }

    80% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        height: auto;
    }
}

.whala-logo, .whala-logo:hover+a {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

/*HOME*/
.chain-logos .carousel-cell, .chain-logos .carousel-cell img {
    height: 30px;
    min-width: fit-content;
    max-width: fit-content;
    width: 300px;
    padding: 0 20px;
    opacity: 0.7;
    transition: 0.5s;
}

.chain-logos .carousel-cell img {
    filter: invert(100%);
}

.chain-logos .carousel-cell a img {
    opacity: 1;
}

.grid-alternate i {
    font-size: 5em;
}

/*.bg-img-transparent.white img {
    opacity: 0.5;
    animation: none !important;
}

.bg-img-transparent.white::after {
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    width: 70%;
    top: 0;
    bottom: 0;
}*/
.bg-img-transparent.white, .white img.animateme {
    min-height: 300px;
}

.white img.animateme {
    height: 100%;
    margin-top: 0;
    transform: none;
}

.bg-img-transparent::after {
    background: transparent;
}

.bg-img-transparent>img {
    opacity: 0.4;
    transition: .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease;
}

.bg-img-transparent.white:hover img {
    opacity: 0.7;
}

/*FICHA HOTEL*/
figure.logo-hotel {
    text-align: center;
    padding: 30px 0 70px;
}

.hotel-top-carousel .carousel-cell {
    width: 1000px;
    max-width: 90%;
}

.hotel-top-carousel img {
    min-height: 500px;
    object-fit: cover;
}

.hotel-top-carousel .carousel-cell {
    margin: 0 10px;
    opacity: 0.4;
}

.hotel-top-carousel .carousel-cell.is-selected {
    opacity: 1;
}

.hotel-top-carousel.is-fullscreen .carousel-cell {
    top: 25%;
}

.flickity-enabled.is-fullscreen {
    z-index: 700;
}

.txt-box {
    text-shadow: 1px 1px 3px #000;
}

/*SERVICES HOTEL*/
.service {
    padding: 10px 0 0 10px;
    max-width: 70%;
}

.services-list i {
    display: inline-block;
    height: 100%;
    font-size: 1.8em;
    color: #fff;
    background: #ff0000;
    border-radius: 50%;
    padding: 15px;
}

#services i, .service {
    display: inline-block;
    vertical-align: middle;
}

.services-list div {
    align-self: flex-start;
    vertical-align: top;
}

.txt-center {
    max-width: 450px;
    margin: 0 auto;
}

/*OFFERS*/
.offers-listing-wrapper {
    display: none;
}

.widget_qtranslate select {
    border: none;
    padding: 0 24px;
    background: transparent;
    color: #fff;
    letter-spacing: .1em;
}

.widget_qtranslate select option {
    padding: 6px 10px !important;
    color: #fff;
    background: #000
}

.widget_qtranslate select {
    border-radius: 0;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    text-indent: .01px;
    text-overflow: "";
    margin-bottom: 0;
    font-size: inherit
}

.widget_qtranslate select::-ms-expand {
    display: none
}

.widget_qtranslate select {
    width: auto
}

#header .widget_qtranslate:before {
    content: '\e9a4';
    right: auto;
    left: 13px;
    font-size: 18px;
    font-family: 'mirai-icofonts';
    position: relative;
    top: 4px;
    color: #fff
}

#header .widget_qtranslate:after {
    content: "\e971";
    font-family: 'mirai-icofonts';
    pointer-events: none;
    position: relative;
    right: 20px;
    top: 50%;
    font-size: 9px;
    color: #fff
}

#sticky-header #menu-row .widget_qtranslate {
    display: none;
}

/*BOOKINGSTEP & CHAIN RESULTS*/
.bookingstep1 #sticky-header, .chain_results #sticky-header {
    display: block !important;
}

/* logo individual*/
#bookingstep-header>img {
    display: none;
}

.bs-marblau #bookingstep-header>img.marblau, .bs-villa-del-mar #bookingstep-header>img.villadelmar, .bs-alma-beach #bookingstep-header>img.almabeach,
.bs-ayron-park #bookingstep-header>img.ayronpark, .bs-balanguera-beach #bookingstep-header>img.balanguerabeach, .bs-balanguera #bookingstep-header>img.balanguera,
.bs-dunas-blanca #bookingstep-header>img.dunasblancas, .bs-gran-fiesta #bookingstep-header>img.granfiesta, .bs-jaime-iii #bookingstep-header>img.jaimeiii,
.bs-martinique #bookingstep-header>img.martinique, .bs-playa-del-carmen #bookingstep-header>img.playadelcarmen, .bs-tropical #bookingstep-header>img.tropical,
.bs-palapas-del-mar #bookingstep-header>img.palapasdelmar, .bs-paraimso-del-mar #bookingstep-header>img.paraisodelmar {
    display: block;
}

#bookingstep-header>img {
    border-left: 1px solid #000;
    padding-left: 24px;
}

.cat-booking.is-desktop #content-header {
    height: 200px;
    min-height: 200px;
}

/*BOOKINGSTEP! ADVANTAGES */
.bookingstep1 #advantages-accordion>div {
    display: none !important;
}

.bs-marblau #advantages-accordion>div#marblau-advantages, .bs-villa-del-mar #advantages-accordion>div#villadelmar-advantages, .bs-alma-beach #advantages-accordion>div#almabeach-advantages,
.bs-ayron-park #advantages-accordion>div#ayronpark-advantages, .bs-balanguera-beach #advantages-accordion>div#balanguerabeach-advantages, .bs-balanguera #advantages-accordion>div#balanguera-advantages,
.bs-dunas-blanca #advantages-accordion>div#dunasblancas-advantages, .bs-gran-fiesta #advantages-accordion>div#granfiesta-advantages, .bs-jaime-iii #advantages-accordion>div#jaimeiii-advantages,
.bs-martinique #advantages-accordion>div#martinique-advantages, .bs-playa-del-carmen #advantages-accordion>div#playadelcarmen-advantages, .bs-tropical #advantages-accordion>div#tropical-advantages,
.bs-palapas-del-mar #advantages-accordion>div#palapasdelmar-advantages, .bs-paraimso-del-mar #advantages-accordion>div#paraisodelmar-advantages,
.bs-villa-del-mar #advantages-accordion>div#villadelmar-accordion, .bs-alma-beach #advantages-accordion>div#almabeach-accordion, .bs-ayron-park #advantages-accordion>div#ayronpark-accordion,
.bs-marblau #advantages-accordion>div#marblau-accordion, .bs-balanguera-beach #advantages-accordion>div#balanguerabeach-accordion, .bs-balanguera #advantages-accordion>div#balanguera-accordion, .bs-dunas-blanca #advantages-accordion>div#dunasblancas-accordion,
.bs-gran-fiesta #advantages-accordion>div#granfiesta-accordion, .bs-jaime-iii #advantages-accordion>div#jaimeiii-accordion, .bs-martinique #advantages-accordion>div#martinique-accordion,
.bs-playa-del-carmen #advantages-accordion>div#playadelcarmen-accordion, .bs-tropical #advantages-accordion>div#tropical-accordion, .bs-palapas-del-mar #advantages-accordion>div#palapasdelmar-accordion,
.bs-paraimso-del-mar #advantages-accordion>div#paraisodelmar-accordion {
    display: flex !important;
}

.bookingstep1 a[data-toggle="collapse"]:before {
    display: none;
}

.bookingstep1 a[data-toggle="collapse"] {
    padding: 4px 0;
}

/* TABS FORM change with select */
.form-tabs .container-form>div {
    display: none;
}

.form-tabs .container-form>div.show-tab {
    display: block;
    opacity: 1;
    animation: smooth-show 1s ease-out 1;
}

@keyframes smooth-show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* [col-xl] Large desktop */
@media (min-width: 1920px) {
    .second-level>.sub-menu {
        position: absolute;
        left: 11vw;
        top: -2.9vw;
    }
}

/* [col-sm] Tablet vertical */
@media (max-width: 979px) {
    #logo2 {
        display: none !important;
    }

    .second-level>.sub-menu {
        position: absolute;
        left: 22vw;
        top: -7vw;
    }

    .advantages-btn {
        padding: 0 10px;
    }

    .special-carousel .flickity-page-dots {
        display: flex;
    }

    #rooms .special-carousel .flickity-page-dots {
        left: -33vw;
    }

    .fx-reverse div .special-carousel .flickity-page-dots {
        left: 67vw;
    }

    .special-carousel .carousel-cell .txt-box {
        left: 2vh;
    }

    .cat-booking #content-header {
        min-height: 200px;
        height: 400px;
    }

    .cat-booking #content-header:not(.full-screen-container) {
        min-height: 300px;
    }
}