/*COLORES*/
:root {
    --linksfooter: #E8E8F0;
    --turquesa: #36AEB7;
    --gris: #83839D;
    --turquesab: #1F5265;
    --blanco: #fff;
    --cafe: #CEBDA5;
}
.primary-color{
    color: var(--turquesa)!important;
}
/*UTILIDADES*/
.fw700 {
    font-weight: 700;
}
.disp-flex {
    display: flex;
}
.disp-none {
    display: none;
}
.no-decoration {
    text-decoration: none;
}
.p-relative {
    position: relative;
}
.maintitle-color {
    color: var(--turquesa)!important;
}
.text-turquoise {
    font-family: Helvetica Neue, regular!important;
    color: var(--gris)!important;
}
.mb0 {
    margin-bottom: 0!important;
}
.pt0 {
    padding-top: 0!important;
}
.pt5 {
    padding-top: 5px!important;
}
.pt10 {
    padding-top: 10px!important;
}
.pt20 {
    padding-top: 20px!important;
}
.btn-cafe {
    background-color: var(--cafe)!important;
    color: var(--blanco)!important;
}
.font24 {
    font-size: 24px!important;
}
.font18 {
    font-size: 18px!important;
}
.maxwidth73{
    max-width: 73%!important;
}
.maxwidth75{
    max-width: 75%!important;
}
.maxwidth83{
    max-width: 83%!important;
}
.turquesab {
    background-color: var(--turquesab)!important;
}
.cblanco {
    color: var(--blanco)!important;
}
.label-dates{
    color: var(--blanco)!important;
    padding:0 10px 0 0;
    display:flex;
    margin:auto;
}

/*TOP RESERVACIÓN*/
.contenedor-booktop {
    background: #3C3C3C;
}
.aligner-booktop {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.input-style {
    max-width: 70%;
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
}
.calendario-icon {
    position: absolute;
    left: 70%;
    top: 35%;
}
.btn-booktop {
    background-color: #3C3C3C!important;
    /* border: 1px solid var(--blanco); */
}
.container-dates-m {
    margin-left: -2rem;
    margin-right: -2rem;
}
.container-dates-sm{
    display: none;
}
/*BOTONERA*/
.contenedor-botonera {
    display: block;
    position: fixed;
    top:35%;
    background-color: var(--gris);
    padding: 0px 13px;
    z-index: 999;
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.contenedor-botonera ul {
    line-height:2rem;
}
.position-face {
    padding-top: .8rem;
    margin-left: 0.3rem;
    margin-bottom: 0.3rem;
}
.position-insta {
    margin-left: 0.1rem;
    margin-bottom: 0.3rem;
}
.position-whats {
    margin-left: 0.2rem;
    padding-bottom: .5rem;
}
.logo-fb, .logo-whats, .logo-insta {
    color: var(--blanco);
    font-size: 1.4rem;
}

/*HOME*/
.mb1-5r {
    margin-bottom: 1.5rem;
}
.uniquely-estilo {
    padding-bottom: 0!important;
    background-color: var(--blanco);
}
.ourhotel-estilo {
    padding-top: 6rem!important;
    background-color: var(--blanco);
}
.oursuites-estilo {
    padding-top: 0!important;
    background-color: var(--blanco);
    padding-bottom: 3rem!important;
}
.btn-carrusel-suites {
    background-color: #0F95AA!important;
}
.why-main-estilo {
    padding-top: 3rem!important;
    background-color: #F8F9FA;
    padding-bottom: 4rem!important;
}

#hotelServices .feature-box .text{
    font-size: 10px;
    font-weight: 800;
}
#hotelServices #transportation.feature-box h4{
    margin-bottom: 8px;
}
@media (min-width:1200px){
    .feature-box.title-two-lines.first-row h4{
        height:50px;
    }
}
@media (min-width:1341px){
    .feature-box.title-two-lines.first-row h4,.feature-box.title-two-lines.second-row h4{
        height:65px;
    }
}
.discover-estilo {
    padding-top: 4rem!important;
    background-color: var(--blanco);
}
.testimonials-estilo {
    padding-bottom: 1rem!important;
}
.followinst-estilo {
    padding-top: 0!important;
    background-color: var(--blanco);
}
.sp-instagram {
    top: -3.5rem!important;
    z-index: 99999!important;
}
/*Formas*/
.homeform8 {
    position: absolute;
    z-index: 0;
    right: -90px;
}
.homeform3 {
    position: absolute;
    bottom: -8rem;
    z-index: 2;
    max-width: 12%;
}
.homeform2 {
    position: absolute;
    right: 0;
    z-index: 5;
}
.homeform7 {
    position: absolute;
    top: 30%;
    left: 8%;
}
.homeform5 {
    position: absolute;
    right: 18%;
    top: 30%;
}
.homeform1 {
    position: absolute;
    z-index: 2;
    top: 65%;
    right: 0;
    max-width: 14%;
}
.contactflor {
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: 10;
}
.cenotestip1 {
    position: absolute;
    right: 55%;
    bottom: 8%;
}
.cenotestip2 {
    position: absolute;
}
.beachflor {
    position: absolute;
    bottom: 4%;
    right: 82%;
}
.formmojito {
    position: absolute;
    bottom: -3%;
    right: 95%;
    max-width: 75%;
}
.leafbars {
    position: absolute;
    bottom: 37%;
    right: -13rem;
    max-width: 20%;
}
.nanaform {
    position: absolute;
    bottom: 21%;
    right: -14rem;
    max-width: 20%;
}
.restflor {
    position: absolute;
    right: -8.5rem;
    max-width: 17%;
    top: 17rem;
}

/*CONTACTO*/
.page-banner .image-layer::before {
    background: transparent!important;
}

/*ACCOMODATIONS*/
.acom-testimonials {
    padding-top: 0!important;
}
.bgc-amen-test {
    background: linear-gradient(var(--blanco) 85%, #edf0f5)!important;
}
.description-style {
    font-size: 18px;
    max-width: 88%;
}
.room-single .details-box .details-inner{
    padding: 55px 70px;
}
ul.amenities-list{
    columns:1;
}
ul.amenities-list li{
    margin-bottom: 30px;
    display: flex;
}
ul.amenities-list li i{
    margin-right: 5px;
    color: var(--turquesa);
    font-size: 20px;
    align-self: center;
}
ul.amenities-list li div{
    align-self: center;
}
@media (min-width:576px){
    ul.amenities-list{
        columns:2;
    }
}
@media (min-width:992px){
    ul.amenities-list{
        columns:3;
    }
}
@media (min-width:1200px){
    ul.amenities-list{
        columns:4;
    }
}
/*DISCOVER TULUM*/
.secondarytxt-tulum {
    padding-bottom: 1rem!important;
    background-color: var(--blanco)!important;
    padding-top: 5rem!important;
}
.maininfo-tulum {
    padding-top: 4rem!important;
    padding-bottom: 0rem!important;
    background: linear-gradient(#F5F6F7 0%, var(--blanco)) !important;
}
/*TULUM CENOTES*/
.tips-cenotes {
    padding-top: 5rem!important;
    background-color: #F8F9FA!important;
}
.list-cenotes {
    color: var(--gris)!important;
    font-size: 18px!important;
    font-family: Helvetica Neue, regular!important;
}
/*TULUM RUINS*/
.maininfo-ruins {
    padding-top: 4rem!important;
    padding-bottom: 0rem!important;
    background: linear-gradient(var(--blanco) 30%, #F5F6F7) !important;
}
/*TULUM RESTAURANTS*/
.maininfo-rest {
    padding-top: 4rem!important;
    padding-bottom: 0rem!important;
    background: linear-gradient(var(--blanco) 45%, #F5F6F7) !important;
}


/*FOOTER*/
.f-links {
    color: var(--linksfooter)!important;
}

/*MEDIAS QUERYS*/
@media screen and (min-width:1200px){
    .text-ourhotel {
        margin-top: 5rem!important;
    }
}
@media screen and (max-width:1199px){
    .hideforma {
        display: none;
    }
    .centeredv2 {
        text-align: center!important;
    }
    .sp-instagram {
        top: -8rem !important;
    }
    .calendario-icon{
        left:80%
    }
    .label-dates{
        font-size:14px;
    }
}
@media only screen and (max-width: 992px){
    .container-dates-m {
        display: none;
    }
    .container-dates-sm{
        display: block;
    }
    .btn-responsive .btn-style-one .btn-title{
        padding: 15px 20px;
    }
}
@media screen and (min-width:992px){
    .mxwd65-discover {
        max-width: 65%;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .pr-btnbook {
        padding-right: 100px!important;
    }
}
@media screen and (max-width:767px){
    .hidebotonera {
        display: none;
    }
}
/*Tulum Beach*/
@media screen and (min-width:768px){
    .tpb5 {
        padding-bottom: 3rem!important;
    }
}
/* Mensajes de envío de formulario
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.msg-base {
    color: var(--blanco);
    text-align: center;
    min-width: 190px;
    padding: 1rem 1.5rem;
}
.exito-msg {
    background-color: yellowgreen;
}
.fail-msg {
    background-color: red;
}
.container-msg {
    display: flex;
    justify-content: center;
}
/* Ocultar y Mostrar header durante el desplazamiento de la página
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* header.header-style-one .header-upper{
    top:60px
}

header.header-style-one.fixed-header .header-upper{
    top:0;
}

.hid-show-header {
    transition: transform 0.4s;
    position: fixed!important;
} */
.scroll-down .hid-show-header {
    transform: translate3d(0, -100%, 0);
}
.scroll-up .hid-show-header {
    transform: none;
}
.mt60 {
    margin-top: 0;
}
.mt0 {
    margin-top: 0;
}
@media (min-width:768px){
    .mt60 {
        margin-top: 60px;
    }
}
a:hover.noLink {
    cursor: default;
}
.discover-estilo .featured-block .text-column{
    order:1;
}
.discover-estilo .featured-block .image-column{
    order:2;
}

@media (min-width:992px){
    .discover-estilo .featured-block .text-column{
        order:2;
    }
    .discover-estilo .featured-block .image-column{
        order:1;
    }  
}
.main-footer .footer-bottom .copyright{
    float: none;
    font-size: 14px;
}
.main-footer .footer-bottom .inner{
    padding: 20px 0;
}
/* LANGUAGE BUTTON */
li.dropdown.lang-switch a.dd-arrow:after{
    font-family: 'Flaticon';
    content: "\f106";
    margin-left: 10px;
    font-size: 12px;
}
@media (min-width:992px){
    li.dropdown.lang-switch {
        margin-left: 50px;
    }
    li.dropdown.lang-switch i{
        padding: 20px 6px 10px 0;
        line-height: 30px;
    }
}
/* CUSTOM BUTTONS CAROUSEL */
.squarePrevBtn, .squareNextBtn{
    background-color: var(--turquesa);
    color: var(--blanco);
    cursor: pointer;
    padding:0 10px;
    font-size: 25px;
    line-height: 44px;
}
.squarePrevBtn:hover, .squareNextBtn:hover{
    background-color: var(--turquesab);
}
.rooms-carousel .owl-nav{
    text-align: center;
}
.room-block-two .lower-box .text{
    font-size: 14px;
}
.rooms-section-three .carousel-box .owl-dots{
    padding-top:35px;
}