/*
Theme Name: Your Cozumel Theme
Theme URI:
Author: Amalfi Novelo Granados
Author URI: http:www.amalfinovelo.com
Description: Tema diseñado para your cozumel
Version: 1.0 
License: GNU General Public License v2 or Later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Hotel, resevation
Text Domain: yourczm

*/
:root{
    --fuentePrincipal:'Poppins', sans-serif;
    --fuenteSecundaria:'Gill Sans';

    /**  Colores  **/
    --azul: #0E3262;
    --azulmedio: #005693;
    --azulclaro: #009FE3;
    --naranja: #E94E1B;
    --naranjaclaro: #DF7021;
    --bgazul: #486591;
    --bgazulmedio: #96C4DE;
    --bgazulclaro: #D6E6F3;
    --bgprincipal: #F4F7F9;
    --bgbtn: #00B3FF;
   
    --contenedor: 1200px;
}
@font-face {
    font-family: 'Gill Sans';
    src: url('webfonts/GillSans-Medium.woff2') format('woff2'),
        url('webfonts/GillSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('webfonts/GillSans.woff2') format('woff2'),
        url('webfonts/GillSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('webfonts/GillSans-Italic.woff2') format('woff2'),
        url('webfonts/GillSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
html{
    box-sizing: border-box;
    font-size: 62.5%;
}
*,*:before, *:after{
    box-sizing: inherit;
}
body{
    font-family: var(--fuentePrincipal);
    color: var(--azul);
    font-size: 17px;
    letter-spacing: 0;
    line-height: 32px;
    background: #F3F7FA;
}

p{
  margin: 0;
}
h1,h2,h3,h4, .subtitulo,.calltoaction,  .overline{
    font-family: var(--fuentePrincipal);
    color:var(--azul);
    margin: 0;
}
h1{
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -1.22px;
    line-height: 80px;
}
h2{
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -1.1px;
    line-height: 50px;
}
h3{
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.62px;
    line-height: 30px;
}
h4{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 30px;
}
.subtitulo{
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 36px;
}
.calltoaction{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
}
.caption{
    color: var(--azul);
    font-family: var(--fuenteSecundaria);
    font-size: 17px;
    font-style: italic;
    letter-spacing: -0.17px;
    line-height: 32px;
}
.overline{
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 32px;
}
.review{
    color: var(--azul);
    font-family: var(--fuenteSecundaria);
    font-size: 28px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 38px;
}
.quote{
    color:var(--azul);
    font-family: var(--fuenteSecundaria);
    font-size: 22px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 35px;
}
.bgWhite{
    background: #ffffff;
}
.subline{
    font-size: 21px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
}


/***   GLOBALES  ***/
a{
    text-decoration: none;
    color: var(--azul);
    font-family: var(--fuentePrincipal);
    font-size: 17px;
    /*font-weight: 600;
    */letter-spacing: 0;
    line-height: 26px;
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
}
a:hover{
    color: var(--bgbtn);
}
ul, ol{
    margin: 0;
    padding: 0;
}
ul li{
    color:var(--azul);
  font-family: var(--fuentePrincipal);
  font-size: 17px;
  letter-spacing: 0;
  line-height: 32px;
  list-style: none;
}
.contenedor{
    width: 95%;
    max-width: var(--contenedor);
    margin: 0 auto;
}
img{
    max-width: 100%;
    height: auto;
}
header{
    /* background: #ffffff; */
}
.letter15{
    letter-spacing: 1.5px;
}
/*--- Utilidades---*/
.mt50{
    margin-top: 50px;
}
.mt65{
    margin-top: 65px;
}
.mb40{
    margin-bottom: 40px;
}
.mt72{
    margin-top: 72px;
}
.mb0{
    margin-bottom: 0;
}
.mt650{
    margin-top: 650px;
}
.mb50{
    margin-bottom: 50px;
}
.mb525{
    margin-bottom: 525px;
}
.pr100{
    padding-right: 100px;
}
.pl25{
    padding-left: 25px;
}
.white{
    color: #ffffff!important;
}
.w944{
    width: 944px;
}
/*----  Top Naviagtion  ------------*/
.topNavigation{
    background: var(--azulmedio);
    height: 40px;
    display: flex;
    align-items: center;
}
.topNavigation li{
    font-family: var(--fuenteSecundaria);
    font-size: 15px;
    letter-spacing: 0;
    line-height: 32px;
    color: var(--bgazulmedio);
    transition: all .4s ease 0s;
    
}
.topNavigation .topInfo li{
    margin-right: 30px;
}
.topNavigation li:last-of-type{
    margin-right: 0;

}
.topNavigation li .ic{
    padding: 0 13px;
    transition: all .4s ease 0s;
}
.topNavigation li .ic.whatsapp{
    background: url('/wp-content/themes/yourcozumeltheme/img/whatsapp_blue.png') left center no-repeat;
    
}
.topNavigation li:hover .ic.whatsapp{
    background: url('/wp-content/themes/yourcozumeltheme/img/whatsapp_white.png') left center no-repeat;
}
.topNavigation li .ic.world{
    background: url('/wp-content/themes/yourcozumeltheme/img/uscalls_blue.png') left center no-repeat;
    padding: 0 13px;
    transition: all .4s ease 0s;
}
.topNavigation li:hover .ic.world{
    background: url('/wp-content/themes/yourcozumeltheme/img/uscalls_white.png') left center no-repeat;
}
.topNavigation li .ic.email{
    background: url('/wp-content/themes/yourcozumeltheme/img/email_blue.png') left center no-repeat;
    padding: 0 13px;
    transition: all .4s ease 0s;
}
.topNavigation li:hover .ic.email{
    background: url('/wp-content/themes/yourcozumeltheme/img/email_white.png') left center no-repeat;
}
.topNavigation a{
    color: var(--bgazulmedio);
    font-weight: 300;
}
.topNavigation .topInfo li a{
    display: flex;
    align-items: center;
}
.topNavigation .topInfo li a img{
    margin-right: 13px;
}
.topNavigation .topSociales li a img:last-child, .topNavigation .topInfo li a img.after,
footer .topSociales li a img:last-child {
    display: none;  
  }
.topNavigation .topSociales li a:hover img:last-child, .topNavigation .topInfo li a:hover img.after, footer .topSociales li a:hover img:last-child{
    display: block;  
  }
.topNavigation .topSociales li a:hover img:first-child, .topNavigation .topInfo li a:hover img.before, footer .topSociales li a:hover img:first-child {
    display: none;  
 }


.topNavigation li.lang-item{
    text-transform: uppercase;
    margin-left: 70px;
}
/*------------  MAIN NAVIGATION  --------*/
.mainNavigation{
    padding-top: 18px;
    padding-bottom: 18px;

}
.menuDesktop ul{
    display: flex;
    justify-content: end;
    align-items: center;
}
.menuDesktop ul li{
    margin-right: 30px;
    font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  list-style: none;
}
.menuDesktop ul li:last-of-type{
    margin-right: 0;
}
.holderHeading{
    background: #000000;
    text-align: center;
}
.menuDesktop ul li a{
    color: var(--azul);
    font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.menuDesktop ul li.current_page_item a, .single-renta .menuDesktop ul li:nth-child(2) a{
    color: var(--naranja);
}
.menuDesktop ul li a:hover{
    color: var(--naranja);
}
.menuDesktop ul li.menuBook a{
    color: #F3F3F3;
    height: 64px;
  font-family:var(--fuenteSecundaria);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  border-radius: 32px;
  background-color: var(--azulmedio);
  padding: 19px 32px;
  transition: background-color 0.5s ease;
}
.menuDesktop ul li.menuBook a:hover{
    background: var(--bgbtn);
}
.wp-block-yourczm-heading-secundario.left{
    padding-left: 60px;
    text-transform: uppercase;
    max-width: 685px;
}
.mainNavigation  button{
    font-size: 17px;
    font-family: var(--fuentePrincipal);
    color: var(--azulmedio);
    background: url('img/bars.png') right center no-repeat;
    padding-right: 40px;
    font-weight: 600;
}
.mainNavigation  button, .mainNavigation .btn-check:focus+.btn-primary, .mainNavigation .btn-primary:focus, .btn-check:focus+.btn, .btn:focus{
    /* background: none; */
    border: none;
    box-shadow: none;
}
/*-------------------------------------  HOMEPAGE --------------------*/
.homeSlider h2{
    font-size: 17px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 32px;
  text-align: center;
  font-family: var(--fuentePrincipal);
}
.homeSlider p{
    font-size: 21px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}
div#n2-ss-2 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot,
div#n2-ss-3 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot,
div#n2-ss-5 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot{
    background: #f4f7f9!important;
}
div#n2-ss-2 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot.n2-active,
 div#n2-ss-2 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:HOVER, 
 div#n2-ss-2 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:FOCUS,
 div#n2-ss-3 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot.n2-active,
 div#n2-ss-3 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:HOVER, 
 div#n2-ss-3 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:FOCUS,
 div#n2-ss-5 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot.n2-active,
 div#n2-ss-5 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:HOVER, 
 div#n2-ss-5 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot:FOCUS{
    background: #00b3ff!important;
}
.home button.btnBorder {
    width: 239px;
}
.itemPropertie{
    transition: transform .5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    position: relative;
}
.itemPropertie:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    z-index: 9;
}
.imagePropertie{
    position: relative;
}
.imagePropertie p{
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 24px;
  position: absolute;
  left: 31px;
  bottom: 25px;
  color: #ffffff;
  text-transform: uppercase;

}
.hoverPropertie{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(14,50,98,.9);
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
}
.hoverPropertie{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hoverPropertie h4{
    color: #ffffff;
    text-align: center;
}
.hoverPropertie p{
    color: #ffffff;
    font-family: var(--fuenteSecundaria);
    font-size: 17px;
    font-style: italic;
    letter-spacing: -0.17px;
    line-height: 32px;
}
.itemPropertie:hover .hoverPropertie{
    opacity: 1;
}
.bgMap{
    background: url('img/cozumel_map.png') left 80px no-repeat;
    /* background-size: contain; */
    margin-top: 40px;
    /* background-attachment: fixed; */
    background-attachment: fixed;
    background-position: left center;
}
.bgMap .quote{
    margin-left: auto;
    margin-right: 0;
    width: 395px;
    
}
.quoteExpectations{
    max-width: 545px;
    margin-right: 0;
    margin-left: auto;
}
.calloutLuxury{
    padding-left: 25px;
    padding-right: 100px;
    margin-top: 140px;
}
.callOutAvailable{
    background: url('img/caracol2.png') center center no-repeat;
    height: 300px;
    display: flex;
    align-items: center;
    margin-top: 200px;
    flex-direction: column;
    justify-content: center;
    margin-left: 0!important;
}
.callOutAvailable .has-text-color{
    margin: 0;
}
.callOutAvailable .link{
    align-self: end;
    height: 40px;
}
.callOutAvailable .link .btnEffect{
    width: 227px;
}
.holdExpectations{
    margin-top: 120px!important;
}
.holdExpectations .info{
    display: flex;
    align-items: center;
}
.expectations{
    background: #ffffff url('img/starfish1.png') 30px 20px no-repeat;
    margin-left: -100px;
    position: relative;
    width: 944px;
    padding: 87px 86px 77px 78px;
    
}
.expectations h2{
    margin-bottom: 17px;
}
.home .expectations button.btnBorder{
    width: 165px;
    margin: 0;
    margin-top: 25px;
}

div#n2-ss-3 .nextend-arrow img,
div#n2-ss-2 .nextend-arrow img,
div#n2-ss-5 .nextend-arrow img {
    width: 26px!important;
    opacity: .7;
}
div#n2-ss-3 .nextend-arrow:hover img, 
div#n2-ss-2 .nextend-arrow:hover img,
div#n2-ss-5 .nextend-arrow:hover img {
    opacity: 1;
}
.planning{
    margin-top: 100px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.wp-block-yourczm-icono-texto .contenido{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wp-block-yourczm-icono-texto .contenido .imageIcon{
    height: 130px;
}
.wp-block-yourczm-icono-texto .contenido p{
    font-size: 17px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 39px;
  padding: 0 40px;

}
.check{
    margin-top: 50px;
}
/*-----DETALLE RENTALS */
.galeria-rental{
    margin-top: 45px;
    margin-bottom: 23px;
}
.listado-imagenes li:nth-child(n+6){
    display: none;
  }
  .openGallery{
    background: var(--azul);
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
}
.openGallery:hover{
    opacity: 1;
}
.openGallery p{
    padding-left: 50px;
    margin: 0;
}
.openGallery img{
    margin-right: 18px;
}
.listado-imagenes{
    padding: 0!important;
}
.listado-imagenes .imagen{
    position: relative;
}
.listado-imagenes .imagen::after{
    background-color: rgb(0 0 0) !important;
    bottom: 0px !important;
    content: "" !important;
    left: 0px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    -webkit-transition-property: opacity !important;
    -moz-transition-property: opacity !important;
    transition-property: opacity !important;
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important;
    z-index: 2 !important;
}
.listado-imagenes .imagen:hover::after {
    opacity: 0.15 !important;
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
}
.containerBig{
    max-width: 1443px;
    margin: 0 auto!important;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
.desfasado{
    /* max-width: 1417px; */
    max-width: 1584px;
    margin: 0 auto!important;
}
.centrado{
    max-width: 944px;
    margin: 0 auto!important;
}
.containerSmall{
    max-width: 625px;
    margin: 0 auto!important;
}
.pl127{
    padding-left: 127px;
}
.pr127{
    padding-right: 127px;
}
.tituloSubtitulo{
    background: url('/wp-content/themes/yourcozumeltheme/img/caracol.png') left center no-repeat;
    height: 252px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tituloSubtitulo h2{
    text-transform: uppercase;
}
.infoRental h3{
    margin-bottom: 28px;
}
main ul{
    padding-left: 2rem;
}
main p{
    margin-bottom:1rem ;
}
main ul li{
    list-style: disc;
    
}
hr{
    color: var(--bgazul);
    margin: 65px 0 50px 0;
}
.rentalPrice{
    border-radius: 8px;
    background-color: var(--azul);
    padding: 41px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--bgprincipal);
    height: 270px;
    width: 304px;
    margin: 65px 0 0 auto;
}
.rentalPrice .title{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 30px;
    margin-bottom: 18px;
}
.rentalPrice .price{
    font-size: 44px;
  font-weight: bold;
  letter-spacing: -1.1px;
  line-height: 50px;
  margin-bottom: 33px;
}
.rentalPrice .price span{
    font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 30px;
}
/*-------------------  BTN EFFECT  ---------------------*/
a.btnBookLink{
    display: inline-block;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    height: 64px;
    width: 239px;
    border: 1px solid rgba(244, 247, 249, 0.3);
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    color: var(--bgprincipal);
    padding: 12px 32px 12px 46px;
}
a.btnBookLink:hover{
    background-color: var(--bgbtn);
    border: 1px solid var(--bgbtn);
}
.holderBotones a.btnBookLink{
    background: var(--azulmedio);
    margin-right: 12px;
}
.holderBotones{
    margin-bottom: 45px;
    margin-top: 20px;
}
.holderBotones a.btnBookLink:hover{
    background: var(--bgbtn);
}
a.btnBookLink .label,
a.btnBookLink .icon-arrow, a.btnEffect .label, a.btnEffect .icon-arrow, .reply a .label, .reply a .icon-arrow{
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000;
}

a.btnBookLink .label, a.btnEffect .label,
.reply a .label {
    display: inline-block;
    transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1);
}

a.btnBookLink .icon-arrow, a.btnEffect .icon-arrow, .reply a .icon-arrow {
    top: 24px;
    transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1), opacity .4s cubic-bezier(0.86, 0, 0.07, 1);
}

a.btnBookLink .icon-arrow.before, a.btnEffect .icon-arrow.before, .reply a .icon-arrow.before{
    left: 22px;
    margin-right: 10px;
    position: absolute;
    transform-origin: left center;
}

a.btnBookLink .icon-arrow.after, a.btnEffect .icon-arrow.after, .reply a .icon-arrow.after {
    margin-left: 10px;
    opacity: 0;
    position: absolute;
    right: 26px;
    transform: translateX(75%) scaleX(0.1);
    transform-origin: right center;
}

a.btnBookLink:hover .label, a.btnEffect:hover .label, .reply a:hover .label{
    transform: translateX(-22px);
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
}

a.btnBookLink:hover .icon-arrow.before, a.btnEffect:hover .icon-arrow.before,  .reply a:hover .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(0.1);
}

a.btnBookLink:hover .icon-arrow.after, a.btnEffect:hover .icon-arrow.after, .reply a:hover .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1);
}

/*-----------------------------   COMMENTS  ------------*/
.comment-list{
    margin-top: 63px;
}

.comment-list li{
    list-style: none;
    border-bottom: solid 1px rgba(72,181,145,.3);
    padding: 30px 0;
}

.vcard img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.comment-author{
    font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
  align-items: center;
}
.comment-meta a{
    color:#C0CAD9;
    font-weight: 400;
}
.reply a{
    color: var(--azulmedio);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    /* background: url('/wp-content/themes/yourcozumeltheme/img/arrow-right.png') right center no-repeat; */
    padding-right: 25px;
}

.children .comment{
    border: none;
}
.children{
    padding-left: 70px;
}
.comment-respond{
    padding: 60px 32px;
}
.comment-respond h3{
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.62px;
  line-height: 30px;
}
.comment-form-comment{
    display: flex;
    flex-direction: column;
}
.comment-form-comment label{
  font-size: 17px;
  letter-spacing: 0;
  line-height: 32px;

}
.comment-form-comment textarea{
    border: 1px solid rgba(72, 101,145, .3);
    /* border: 1px solid #486591; */
    /* opacity: 0.3; */
    border-radius: 8px;
    background-color: rgba(255,255,255,.3);
    padding: 8px;
}
.form-submit .submit, .btnBook{
    height: 64px;
    width: 227px;
    color: #F3F3F3;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    border-radius: 32px;
    background-color: var(--azulmedio);
    border: none;
    transition: background-color 0.5s ease;
    margin-top: 36px;
}
.form-submit .submit:hover, .btnBook:hover{
    background: var(--bgbtn);
    color: #F3F3F3;
}
.rentalMap h3{
    margin-bottom: 45px;
}
.btnBook{
    padding: 20px 35px;
}

/*-----------------   SLIDER RENTALS   ----------------------*/
.sliderRentals{
    position: relative;
    height: 600px;
}
.sliderRentals h1{
    text-transform: uppercase;
    text-align: center;
}
.sliderInfo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sliderInfo p.overline{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 32px;
    text-align: center;
}
.sliderInfo p.overline, .sliderInfo h1{
  color: #ffffff;
}
.sliderInfo p{
    font-size: 21px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
}
.sliderInfo .linkRental{
    padding-right:0 ;
    position: absolute;
    bottom: 24px;
    font-family:var(--fuenteSecundaria);
    font-size: 17px;
    font-style: italic;
    letter-spacing: -0.17px;
    line-height: 32px;
    left: auto;
    right: 40px;
}
.sliderInfo .linkRental a{
    color: #ffffff;
}
.bx-wrapper .bx-pager{
    padding: 0;
    bottom: 10px;
    font-weight: 400;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background: #ffffff;
    width: 6px;
    height: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: var(--bgbtn);
}
.bx-wrapper{
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.lightboxOverlay, .fancybox__backdrop{
    background-color: #14191F;
    opacity: 1;
}
.lightbox .lb-image{
    border:none;
}
.fancybox__toolbar{
    flex-direction: row-reverse;
    justify-content: start;
}
.fancybox__toolbar__items--left, .fancybox__toolbar__items--right{
    width: 33.3%;
    margin: 0;
}
.fancybox__toolbar__items--left{
    justify-content: center;
}
.fancybox__button--zoom, .fancybox__button--slideshow, .fancybox__button--thumbs, .fancybox__button--fullscreen{
    display: none;
}
.fancybox__button--close{
    background: url('img/close_icon.png') center center no-repeat;
}
.fancybox__button--close svg,  .fancybox__nav .carousel__button.is-prev svg, .fancybox__nav .carousel__button.is-next svg, .fancybox__thumbs{
    display: none;
}
@media (min-width: 1024px){
    .fancybox__nav .carousel__button.is-prev {
        left: 120px;
        background: url('img/left_arrow.png') center center no-repeat;
        width: 70px;
        height: 70px;

    }
    .fancybox__nav .carousel__button.is-next {
        right: 120px;
        background: url('img/right_arrow.png') center center no-repeat;
    }
}
.fancybox__nav .carousel__button.is-prev, .fancybox__nav .carousel__button.is-next {
    width: 70px;
    height: 70px;

}
.fancybox__counter{
    font-family: var(--fuentePrincipal);
    font-size: 17px;
  letter-spacing: 0;
  line-height: 32px;
  color: var(--bgprincipal);
}
/*--- BOOKING MASK    --- */
.sb{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    height: 150px;
}
.sb label{
    margin-right: 8px;
    color: var(--azul);
    font-family: Poppins;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
}
.sb input, .sb input[type=text] {
    width: 252px;
    background-color: var(--bgprincipal)!important;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border: none!important;
    height: 64px !important;
    text-align: center;
    color: var(--bgazul);
    margin-right: 20px;
}
.sb input[type=text] {
background: var(--bgprincipal) url('/wp-content/themes/yourcozumeltheme/img/calendar-alt.png') 27px center no-repeat!important;
outline: 0;
}
.sb input[type=number] {
    width: 144px;
    outline: 0;
}
.sb button {
    background-color: var(--azulmedio);
    border: 0 none!important;
    width: 230px!important;
    cursor: pointer!important;
    border-radius:32px;
    -webkit-border-radius:32px;
    -moz-border-radius:32px;
    -ms-border-radius:32px;
    -o-border-radius:32px;
    margin-left: 35px;
    height: 64px;
    color: #F3F3F3;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    transition: background-color 0.5s ease;
}
.sb button:hover{
    background: var(--bgbtn);
}
.wp-block-columns{
    margin: 0;
}
.wp-block-yourczm-heading-principal{
    margin-top: 35px;
}
.rentalNavigation{
    height: 110px;
    box-shadow: 0 2px 24px 0 rgba(72,101,145,0.16);
    background: var(--bgprincipal);
    display: none;
    opacity: 0;
    transition: opacity .8s ease;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    position: fixed;
    top: 0;
    width: 100%;
    /* display: block; */
    opacity: 1;
    z-index: 9999;
}
.rentalNavigation.posFixed{
    /* position: fixed;
    top: 0;
    width: 100%;
    display: block;
    opacity: 1; */
}
.rentalNavigation .holder{
    height: 110px;
}
.rentalNavigation ul li{
    margin-right: 40px;
    list-style: none;
}
.rentalNavigation ul li:last-of-type{
    margin-right: 0;
}
.rentalNavigation ul li a{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
}
.rentalNavigation p{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0;
}
.rentalNavigation p span{
    font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.62px;
  line-height: 30px;
}
.rentalNavigation .btnBook{
    margin-top: 0;
    margin-left: 25px;
}
/*------------------------   VACATION RENTASL    --------------------*/
.propertiesNavigation{
    margin-bottom: 35px;
    width: 75%;
    margin: 0 auto;
}
.tabNavigation{
    padding: 30px 0;
    transition: backgroun-color .5s ease;
    -webkit-transition: backgroun-color .5s ease;
    -moz-transition: backgroun-color .5s ease;
    -ms-transition: backgroun-color .5s ease;
    -o-transition: backgroun-color .5s ease;
}
.tabNavigation.posFixed{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
    
    background-color: var(--bgprincipal);
}
.propertiesNavigation li{
    list-style: none;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
}
.propertiesNavigation li a{
    line-height: 18px;
}
/*------  TABS EFFECT UNDERLINE SLIDING   --------*/
.Tabs {
	position: relative;
}

.Tabs:after {
		content: ' ';
		display: table;
		clear: both;
	}

.Tabs {
	padding: 0;
	list-style: none;
}

/**
	 * UPDATE: better to animate "transform" property than "left"
	 * property. You can see old code lower down for reference.
	 */

.Tabs__tab {
		float: left;
		width: 25%;
		text-align: center;
	}

.Tabs__tab:first-child.active ~ .Tabs__presentation-slider {
			transform: translateX(100%) scaleX(0.5);
			-webkit-transform: translateX(100%) scaleX(0.5);
			-moz-transform: translateX(100%) scaleX(0.5);
			-ms-transform: translateX(100%) scaleX(0.5);
			-o-transform: translateX(100%) scaleX(0.5);
}

.Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {
			transform: translateX(350%) scaleX(0.5);
			-webkit-transform: translateX(350%) scaleX(0.5);
			-moz-transform: translateX(350%) scaleX(0.5);
			-ms-transform: translateX(350%) scaleX(0.5);
			-o-transform: translateX(350%) scaleX(0.5);
}

.Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {
			transform: translateX(calc(300% * 2)) scaleX(0.5);
			-webkit-transform: translateX(calc(300% * 2)) scaleX(0.5);
			-moz-transform: translateX(calc(300% * 2)) scaleX(0.5);
			-ms-transform: translateX(calc(300% * 2)) scaleX(0.5);
			-o-transform: translateX(calc(300% * 2)) scaleX(0.5);
}
.Tabs__tab:nth-child(4).active ~ .Tabs__presentation-slider {
    transform: translateX(calc(422% * 2)) scaleX(0.5);
    -webkit-transform: translateX(calc(422% * 2)) scaleX(0.5);
    -moz-transform: translateX(calc(422% * 2)) scaleX(0.5);
    -ms-transform: translateX(calc(422% * 2)) scaleX(0.5);
    -o-transform: translateX(calc(422% * 2)) scaleX(0.5);
}


.Tabs__presentation-slider {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 10%;
	height: 3px;
	background-color:var(--azul);
	transform-origin: 0 0;
	transition: transform .25s;
}

.Tab > a {
	display: block;
	text-decoration: none;
	color: var(--azul);
	opacity: .6;
	transition: opacity .15s;
	-webkit-transition: opacity .15s;
	-moz-transition: opacity .15s;
	-ms-transition: opacity .15s;
	-o-transition: opacity .15s;
}

.Tab.active > a {
	opacity: 1;
}

.Tab:hover > a {
    opacity: 1;
}
.propertie{
    padding-top: 98px;
    margin-top: 35px ;
    background: url('img/palm_right.png') right top no-repeat;
}
#costa-sol{
    /* background: url('img/costa-del-sol.png') left top no-repeat; */
    background: url('img/costa-del-sol.png'), url('img/palm_right.png');
    background-position: left top, right top;
    background-repeat: no-repeat;

}
#palmar{
    background: url('img/palmar.png'), url('img/palm_right.png');
    background-position: left top, right top;
    background-repeat: no-repeat;
}
#peninsula{
    background: url('img/peninsula.png'), url('img/palm_right.png');
    background-position: left top, right top;
    background-repeat: no-repeat;
}
#downtown{
    background: url('img/downtown.png'), url('img/palm_right.png');
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.propertie .rental .info, .rental .info{
    padding-top: 15px;
}
.propertie .rental .info h4{
    height: 90px;
}

.propertie .rental .info p{
    color: var(--bgazul);
    font-family: var(--fuenteSecundaria);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 13px;
    text-transform: uppercase;
}
.propertie .rental .info p.price{
    color: var(--azulclaro);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: initial;
    margin: 0;
}
.btnEffect, .reply a{
    color: var(--azulmedio);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;

    width: 182px;
    height: 64px;
    display: inline-block;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    padding: 12px 26px 12px 26px;
}
.reply a{
    width: 140px;
    padding: 12px 42px 12px 26px;
}
.btnEffect:hover{
    color: var(--azulmedio);
}
a.btnEffect .icon-arrow.before, .reply a.btnEffect .icon-arrow.before{
    left: 0;
}
a.btnEffect .icon-arrow.after, .reply a .icon-arrow.after{
    right: 37px;
}
.imageRental{
    position: relative;
}
.rental .infoHover{
    background: rgba(14,50,98.9);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
}
.rental .infoHover h4{
    color: var(--bgprincipal);
    font-family: Poppins;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 30px;
}
.rental p.desc{
    height: 35px;
    line-height: 16px;
    color: var(--bgazul);
    font-family: var(--fuenteSecundaria);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 13px;
    text-transform: uppercase;
}
.rental .infoHover p{
    color: var(--bgbtn);
    font-weight: 700;
}
.rental .infoHover p.price{
    margin-bottom: 30px;
    color: var(--bgbtn);
}
.rental .info p.price{

    color: var(--bgbtn);
}
.rental .infoHover a.more{
    color: var(--bgprincipal);
    text-decoration: underline;
}
.rental .infoHover a.more:hover{
    color: var(--bgbtn);
}
.rental .infoHover a.btnBookLink{
    margin-bottom: 50px;
}
.rental .infoHover .btnEffect{
    margin-bottom: 20px;
}
.rental .imageRental:hover .infoHover{
    opacity: 1;
}
.rental .imageRental img.wp-post-image{
    width: 100%;
}
.rental .imageRental:hover img.wp-post-image{
    filter: grayscale(100%);
}
/*------------------------  RENTA DETAILS ------------------------*/
body.single-renta{
    background: url('img/palm_right.png'),  url('img/palm_left.png'),  url('img/palm_right.png');
    background-position: right 1500px, left 2600px, right 3150px;
    background-repeat: no-repeat;
    background-color: #F3F7FA;
}
body.page-template-page-services{
    background: url('img/palm_right.png'), url('img/palm_left.png');
    background-position: right 1350px, left 2180px;
    background-repeat: no-repeat;
    background-color: #F3F7FA;
}
.mainFaq{
    background: url('img/palm_right.png'),  url('img/palm_left.png'), url('img/palm_right.png'),  url('img/palm_left.png');
    background-position: right 650px, left 1486px, right 2585px, left 3700px;
    background-repeat: no-repeat;
}
body.page-template-page-reviews{
    background: url('img/palm_right.png'),  url('img/palm_left.png'), url('img/palm_right.png'),  url('img/palm_left.png');
    background-position: right 650px, left 1486px, right 2585px, left 3700px;
    background-repeat: no-repeat;
    background-color: #F3F7FA;
}
.bgPalms{
    background: url('img/palm_right.png'),  url('img/palm_left.png');
    background-position: right 145px, left 145px;
    background-repeat: no-repeat;
}
body.privacy-policy{
    background: url('img/palm_right.png'),  url('img/palm_left.png'),  url('img/palm_right.png');
    background-position: right 575px, left 1450px, right 2620px;
    background-repeat: no-repeat;
    background-color: #F3F7FA;
}
/*-----------------  REVIEWS   --------------------------*/
.reviews{
    padding: 85px 120px;
    box-shadow: rgba(72, 101, 145, 0.3) 0px 20px 25px -22px;
}
.holderReview{
    margin-bottom: 48px;
}
.reviews h2{
    text-transform: uppercase;
}
.bgReviews{
    background: url('img/caracol_2.png') center center no-repeat;
    min-height: 275px;
    display: flex;
    align-items: center;
}
.itemReview{
    padding: 50px 100px;
    text-align: center;
}
.itemReview p{
    font-family: var(--fuenteSecundaria);
  font-size: 28px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 38px;
  text-align: center;
}
.itemReview p.nombre{
    font-family: var(--fuentePrincipal);
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0;
}
.itemReview p.place{
    color: var(--bgazul);
    font-family: var(--fuentePrincipal);
    font-size: 17px;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
}
.bx-wrapper{
    background: none;
}
.reviews .bx-wrapper .bx-pager.bx-default-pager a{
    background: var(--bgazul);
}
.reviews .bx-wrapper .bx-pager.bx-default-pager a:hover, .reviews .bx-wrapper .bx-pager.bx-default-pager a.active, .reviews .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background-color: var(--bgbtn);
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(img/controls-white.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(img/controls-white.png) no-repeat -43px -32px;
}
.reviews .bx-wrapper .bx-prev {
    left: 10px;
    background: url(img/controls.png) no-repeat 0 -32px;
}
.reviews .bx-wrapper .bx-next {
    right: 10px;
    background: url(img/controls.png) no-repeat -43px -32px;
}
.reviews .bx-wrapper .bx-prev:hover, .reviews .bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}
.reviews .bx-wrapper .bx-next:hover, .reviews .bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

  button.btnBorder {
    position: relative;
    outline: none;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 64px;
    min-width: 165px;
    opacity: 1;
    border: 2px solid var(--bgazul);
    border-radius: 32px;
    margin: 0 auto;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    background: none;
}
  button.btnBorder span {
    color: var(--bgazul);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
  }
  button.btnBorder:hover {
    animation: rotate 0.7s ease-in-out both;
  }
  button.btnBorder:hover span {
    animation: storm 0.7s ease-in-out both;
    animation-delay: 0.06s;
  }
  
  @keyframes rotate {
    0% {
      transform: rotate(0deg) translate3d(0, 0, 0);
    }
    25% {
      transform: rotate(3deg) translate3d(0, 0, 0);
    }
    50% {
      transform: rotate(-3deg) translate3d(0, 0, 0);
    }
    75% {
      transform: rotate(1deg) translate3d(0, 0, 0);
    }
    100% {
      transform: rotate(0deg) translate3d(0, 0, 0);
    }
  }
  @keyframes storm {
    0% {
      transform: translate3d(0, 0, 0) translateZ(0);
    }
    25% {
      transform: translate3d(4px, 0, 0) translateZ(0);
    }
    50% {
      transform: translate3d(-3px, 0, 0) translateZ(0);
    }
    75% {
      transform: translate3d(2px, 0, 0) translateZ(0);
    }
    100% {
      transform: translate3d(0, 0, 0) translateZ(0);
    }
  }
/*------------------------------------   FOOTER  ----*/
footer{
    padding-top: 100px;
}
footer .topSociales a{
    display: flex;
}
.footerQuote{
    height: 220px;
    color: #0E3262;
  font-family: var(--fuenteSecundaria);
  font-size: 28px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 38px;
  text-align: center;
  background: url('/wp-content/themes/yourcozumeltheme/img/palm.png') center center no-repeat;
  margin-bottom: 100px;
}
.footerQuote .widget{
    width: 943px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;

}
.widgetsFooter{
    box-shadow: rgba(72, 101, 145, 0.3) 0px 20px 25px -22px;
    background: #ffffff;
    padding: 65px 82px;
    height: 360px;
}
.footer1 .widget{
    display: flex;
    align-items: center;
}
.footer1 .widget p{
    color: var(--azul);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.41px;
    line-height: 22px;
    text-transform: uppercase;
}
.footer1 .wp-block-image{
    margin-bottom: 38px;
}
footer #menu-menu-links{
    text-transform: capitalize;
}
.widget h3{
    text-transform: uppercase;
    color: var(--azul);
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.41px;
    line-height: 22px
}

.topSociales li{
    margin-left: 20px;
}
.bottomImages{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.bottomImages .wp-block-image{
    margin-right: 80px;
    margin-bottom: 0;
    margin-top: 50px;
}
.bottomImages .wp-block-image:last-of-type{
    margin-right: 0;
}
.menuFooter ul{
    justify-content: start;
    display: flex;
}
.copyright{
    color: var(--azul);
    
    text-align: right;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}
.bottomCopy{
    padding: 40px 0;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}
.bottomCopy ul li a{
    color: var(--azul);
    margin-left: 8px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}
.bottomCopy ul li {
    border-left: solid 1px var(--azul);
    margin-left: 8px;
    height: 16px;
    line-height: 16px;
}
.titleGuest{
    margin-top: 50px!important;
    margin-bottom: 100px!important;   
    height: 337px;
    background: url('img/caracol2.png') center center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.titleGuest h2{
    margin-bottom: 25px;
    font-size: 44px;
    font-weight: 600;
    letter-spacing: -1.22px;
    line-height:50px;
    text-transform: uppercase;
}
.titleGuest .overline{
    margin-top: 25px;
}

.titleGuest .overline, .titleGuest h2{
    text-transform: uppercase;
}
/*-----------------     CONTACT US    ---------------------------*/
.centrado.titleGuest{
    margin-bottom: 50px!important;
}
.containerSmall h2, .contacto h2{
    margin-bottom: 30px;
}
p.address{
    display: flex;
    align-items: flex-start;
}
p.address img{
    margin-top: 8px;
    margin-right: 8px;
}
.contacto h2{
    margin-bottom: 30px!important;
}
.contactInfo{
    width: 320px;
}
.containerSmall img{
    margin-right: 8px;
}
.formContact input , .formContact select, .formContact textarea{
    border-radius: 32px;
    background-color: #EBEFF3;
    height: 64px;
    width: 100%;
    border: none;
    padding-left: 25px;
}
.formContact textarea{
   height: 150px ;
}
.formContact{
    margin-top: 20px!important;
}
.form-group{
    margin-bottom: 20px;
}
.formContact input[type="submit"]{
  height: 64px;
  width: 165px;
  border-radius: 32px;
  background-color: var(--azulmedio);
  color: #F3F3F3;
  padding: 0;
  transition: background-color .5s ;
  -webkit-transition: background-color .5s ;
  -moz-transition: background-color .5s ;
  -ms-transition: background-color .5s ;
  -o-transition: background-color .5s ;
}
.formContact input[type="submit"]:hover{
  background-color: var(--bgbtn);
}
.wpcf7-spinner{
    display: block;
    margin: 20px auto 0 auto;
}
.wpcf7-response-output{
    text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #00a0d2;
    border-radius: 32px;
    text-align: center;
}
.wpcf7-form p{
    font-family: var(--fuenteSecundaria);
    font-size: 17px;
    font-style: italic;
    letter-spacing: -0.17px;
    line-height: 32px;
    text-align: center;
    padding: 0 20px;
}
/*-------   STYLES CUSTOM SELECT ------*/
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
}  
.custom-select select {
    display: none; /*hide original SELECT element:*/
}
  
.select-selected {
    background-color: #EBEFF3;
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    line-height: 64px;
    padding-left: 25px ;
    height: 64px;
}
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 30px;
    right: 25px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: var(--azul) transparent transparent transparent;
  }
  .select-selected.select-arrow-active{
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background-color: #ffffff;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent var(--azul) transparent;
    top: 23px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: var(--azul);

    cursor: pointer;
    user-select: none;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
  .select-items div{
    background-color:#ffffff;
    padding: 10px 25px;
  }
  .select-items div:last-of-type{
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    color: var(--bgbtn);
  }
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:var(--azul);
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--azul);
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--azul);
  }
  /*-------------------   PAGE REVIEWS  -------------------------*/
  .centrado #comments{
      margin-top: 25px;
  }
  .comment-form-author label, .comment-form-email label, .comment-form-url label{
      display: block;
  }
  .comment-form-author input, .comment-form-email input, .comment-form-url input {
    border: 1px solid rgba(72, 101,145, .3);
    border-radius: 8px;
    background-color: rgba(255,255,255,.3);
    padding: 8px;
}
.centrado .comment-respond {
    padding: 60px 32px 0 32px;
}
/*------------------   PROPERTY MANAGEMENT  -----------------------*/
.managementImages{
    position: relative;
    height: 622px;
    margin-bottom: 200px;
    
}
.managementImages .frontImage{
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.titleManagement{
    margin-top: 20px;
    width: 490px;
}
.textManagement{
    padding-left: 69px;
    margin-top: 62px;
}
.infoManagement p.link{
    padding-left: 69px;
}
/*------------------------------    FAQ  --------------------------*/
.faq h4 {
    padding: 25px;

    display: flex;
}
.faq h4 span{
    width: 54px;
}
.faq p{
    padding: 0 71px;
    padding-left: 80px;
}
.faq .wp-block-separator{
    margin: 20px 0 0 0;
}
/*------------------------------------  TRAVEL INSURANCE  -------------------------*/
.buttonsInsurance{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 205px;
}
.buttonsInsurance button.btnBorder{
    width: 236px;
    margin-right: 22px;
}
.buttonsInsurance a.btnBookLink{
    background: var(--bgbtn);
    width: 235px;
    padding: 12px 32px 12px 70px;
}
.buttonsInsurance a.btnBookLink .icon-arrow.after{
    right: 30px;
}
/*------------------   PRIVACY POLICY   ---------------------------*/
.privacy h4{
    margin-bottom: 30px;
}
.privacy ul li{
    margin-bottom: 15px;
}

.wp-block-separator{
    border-bottom: 0;
    margin: 30px 0 30px 0;
}
.privacy ul{
    padding-left: 55px;
}
.sitemap p a, .sitemap p{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 30px;
    text-align: center;
}
.sitemap{
    margin-top: 40px!important;
}
/*--------------------------------- 404 PAGE ------------------*/
body.error404{
    height: 100vh;
    
}
body.error404 main{
    /* background: url('img/palmas2_bk.png') center top no-repeat;
    background-size: contain; */
    height: 100%;background: url('img/palm_right.png'),  url('img/palm_left.png');
    background-position: right top, left top;
    background-repeat: no-repeat;
}
.msj404{
    background: url('img/compass.png') center center no-repeat;
    height: 400px;
    margin-top: 140px;
}
.msj404 p.subline{
    margin-bottom: 50px;
}
.btnLink{
    color: #F3F3F3;
    height: 64px;
    font-family: var(--fuenteSecundaria);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    border-radius: 32px;
    background-color: var(--azulmedio);
    padding: 19px 32px;
    width: 240px;
    transition: background-color .5s ease;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
}
.btnLink:hover{
    color: #F3F3F3;
    background-color: var(--bgbtn);
}

.menu-mobile{
    text-align: center;
}
.menu-mobile ul li{
    line-height: 64px;
}
.menu-mobile ul li a{
    color: var(--azul);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 64px;
}
.menu-mobile ul li.current_page_item a, .single-renta .menu-mobile ul li:nth-child(2) a {
    color: var(--naranja);
}
.menu-mobile ul li.menuBook a {
    color: #F3F3F3;
    height: 64px;
    font-family: var(--fuenteSecundaria);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    border-radius: 32px;
    background-color: var(--azulmedio);
    padding: 19px 32px;
    transition: background-color 0.5s ease;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
}
.btn-close{
    width: auto;
    background: none;
    opacity: 1;
    font-size: 23px;
    font-weight: 500;
    display: flex;
    align-items: center;

}
.btn-close img{
    margin-left: 15px;
}
.offcanvas{
    background: #F3F7FA;
}


  input[type=number] {
    /*for absolutely positioning spinners*/
    position: relative; 
    padding: 5px;
    padding-right: 25px;
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
  }

  input[type=number]::-webkit-outer-spin-button, 
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    width: 25px;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
  }
.groupForm{
    position: relative;
}
  input[type=number]  {
 
    /* left: 10px;
    top: 10px;
    width: 50px;
    height: 20px;
    padding: 0px;
    font-size: 14pt;
    border: solid 0.5px #000;
    z-index: 1; */
  }
  
  .spinner-button {
    position: absolute;
    cursor: default;
    z-index: 2;
    background-color: var(--bgprincipal);
    width: 32px;
    text-align: center;
    margin: 0px;
    pointer-events: none;
    height: 32px;
    line-height: 32px;
  }
  
  #inc-button {
    right: 29px;
    top: 0px;
    border-top-right-radius: 15px;
  }
  
  #dec-button {
    right: 29px;
    top: 32px;
    border-bottom-right-radius: 15px;
  }
/*--------------------  max 1500---------------------*/
@media only screen
and (max-device-width: 1500px) {
    .desfasado {
        max-width: 1417px;
    }
    .expectations{
        padding: 60px 60px 55px 55px;
    }
    .bgMap .d-flex{
        width: 1250px;
        margin-right: 0;
        margin-left: auto;
    }
}

@media only screen
and (max-device-width: 1450px) {
    .bgMap{
        /* padding: 20px 35px; */
    }
    
}
@media only screen
and (max-device-width: 1200px) {
    .desfasado {
        max-width: 1120px;
    }
    .alignwide, .wp-block-columns.alignwide {
        max-width: 1100px;
    }
    .bgMap .d-flex{
        width: 990px;
        margin-right: 0;
        margin-left: auto;
    }
    .imagePropertie p {

        height: 48px;
    }
    .overline {
        font-size: 16px;
        letter-spacing: 1.3px;
    }
    .bgMap .quote {
        margin-top: 440px;
        margin-bottom: 340px;
    }
    a{
        font-size: 15px;
    }
    .mainNavigation .custom-logo{
        max-width: 80%;
    }
    .menuDesktop ul li  {
        margin-right: 16px;
    }
    .menuDesktop ul li a{
        font-size: 16px;
    }
    .navbar-brand{
        margin-right: 0;
    }
    .topSociales li {
        margin-left: 0;
        margin-right: 20px;
    }
}
/*----------------  TABLET LANDSCAPE ------------*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .mainNavigation .custom-logo{
        max-width: 75%;
    }
    .menuDesktop ul li {
        margin-right: 15px;
    }
    .menuDesktop ul li a{
        font-size: 16px;
    }
    .menuDesktop ul li.menuBook a{
        padding: 15px 25px;
        font-size: 16px;
    }
    div#n2-ss-5 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot, div#n2-ss-3 .n2-style-7fc60952dfe7e67b7faa6a732886baf9-dot{
        padding: 3px 3px 3px 3px!important;
    }
    .logoFooter img{
        width: 70%;
    }
    .quoteExpectations{
        margin-right: auto;
        width: 450px;
    }
    .bgMap{
        /* padding: 20px 35px; */
        background-attachment: scroll;
        background-size: contain;
        background-position: -35px 51px;
    }
    .bgMap .d-flex{
        width: 810px;
        margin-right: 0;
        margin-left: auto;
    }
    .imagePropertie p {
        font-size: 15px;
        height: 48px;
    }
    .wp-block-yourczm-heading-secundario.left {
        padding-left: 70px;
        background-position: 20px top!important;
    }
    .bgMap .quote {
        margin-top: 369px;
        margin-bottom: 275px;
    }
    .reviews {
        padding: 65px 90px;
    }
    h1{
        font-size: 45px;
        line-height: 54px;
    }
    h2{
        font-size: 35px;
        letter-spacing: -1.1px;
        line-height: 40px;
    }
    h3{
        font-size: 26px;
        font-weight: 600;
        letter-spacing: -0.62px;
        line-height: 30px;
    }
    h4{
        font-size: 21px;
        font-weight: 600;
        letter-spacing: -0.5px;
        line-height: 30px;
    }
    .subtitulo{
        font-size: 21px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 36px;
    }
    .calltoaction{
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 26px;
    }
    .caption{
        color: var(--azul);
        font-family: var(--fuenteSecundaria);
        font-size: 17px;
        font-style: italic;
        letter-spacing: -0.17px;
        line-height: 32px;
    }
    .overline{
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 18px;
    }
    .alignwide, .wp-block-columns.alignwide{
        max-width: 910px;
    }
    body{
        font-size: 15px;
        line-height: 29px;

    }
    .expectations{
        padding: 55px 50px 55px 50px;
    }
    .wp-block-yourczm-heading-secundario.left {
        max-width: 550px;
    }
    .wp-block-yourczm-icono-texto .contenido p {
        font-size: 15px;
    }
    .desfasado {
        max-width: 970px;
    }
    .widgetsFooter {
        padding: 45px 40px;
        height: auto;
    }
    .footer3, .footer4{
        /* margin-top: 45px; */
    }
    .copyright{
        text-align: center;
    }
    .menuFooter ul {
        justify-content: center;
    }
    .bottomCopy ul li:first-of-type{
        border-left: none;
    }
    .topNavigation li.lang-item {
        margin-left: 10px;
    }
    .sliderRentals{
        height: 512px;
    }
    .sb button{
        width: 188px!important;
        padding: 15px 25px;
        /* height: auto; */
        font-size: 15px;
        margin-top: 18px;
    }
    .sb{
        padding: 0 10px;
    }
    .sb label{
        font-size: 15px;
    }
    .sb .groupForm{
        text-align: center;
    }
    #inc-button {
        right: 40px;
        top: 29px;
    }
    #dec-button {
        right: 40px;
        top: 61px;
    }
    .propertiesNavigation{
        width: 90%;
    }
    .propertie .rental .info p{
        font-size: 13px;
    }
    .holderBotones .col{
        text-align: center;
    }
    .sliderInfo p{
        max-width: 825px;
    }
    .pl127 {
        padding-left: 55px;
    }
    .tituloSubtitulo h2{
        font-size: 31px;
        line-height: 36px;
    }
    .tituloSubtitulo p{
        line-height: 20px;
    }
    .rentalNavigation p, .rentalNavigation ul li a{
        font-size: 15px;
    }
    .rentalNavigation .btnBook{
        font-size: 15px;
    }
    .service-block{
        min-height: 337px;
        height: auto!important;
    }
    .service-block .encabezado {
        align-items: end;
    }
    .titleGuest h2{
        font-size: 35px;
    }
    .itemReview p{
        font-size: 22px;
        line-height: 33px;
    }
    #costa-sol, #palmar, #peninsula, #downtown{
        background-size: contain, auto;
    }
    #palmar{
        padding-top: 110px;
        background-size: 70%, auto;
    }
    #costa-sol{
        padding-top: 112px;
    }
    #downtown{
        padding-top: 93px;
        background-size: 70%, auto;
    }
    #peninsula{
        padding-top: 88px;
    }
    .rental p.desc{
        font-size: 13px;
    }
    div#n2-ss-4 .n2-ss-slider-1{
        height: 600px;
    }
  }
    
  /*--------------------  TABLET PORTRAIT---------------------*/
  @media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .topNavigation{
        height: 80px;
    }
    .topNavigation .topInfo li:nth-child(1), .topNavigation .topInfo li:nth-child(2){
        display: none;
    }
    .n2-ss-slider-controls-absolute-left-bottom{
        justify-content: center;
    }
    .holderBotones .col{
        text-align: center;
    }
    a.btnBookLink{
        font-size: 15px;
        width: 230px;
    }
    h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .btnEffect, .reply a{
        font-size: 15px;
    }
    div#n2-ss-4 .n2-ss-slider-1{
        height: 600px;
    }
    .imagePropertie p{
        width: 100%;
        padding: 0 7px;
        bottom: 0px;
        line-height: 18px;
        left: 0;
    }
    .sliderInfo p{
        padding: 0 90px;
    }
    .footerQuote .widget{
        width: 680px;
    }
    .quoteExpectations{
        width: auto;
    }
    .bgMap .d-flex {
        width: 630px;
    }
    .desfasado {
        max-width: 738px;
    }
    .bgMap {
        padding: 0;
        background-position: -35px 20px;
    }
    .bgMap .quote {
        margin-top: 166px;
        margin-bottom: 220px;
        width: 285px;
    }
    .reviews {
        padding: 50px 60px;
    }
    .calloutLuxury {
        padding-right: 16px;
        margin-top: 100px;
        padding-left: 15px;
    }
    .calloutLuxury p.overline{
        letter-spacing: 0;
    }
    .btnBorder.services{
        margin-top: 50px;
    }
    .wp-block-yourczm-icono-texto{
        height: 250px!important;
    }
    .menuFooter ul {
        margin-top: 15px;
    }
    .sliderRentals{
        height: 480px;
        
    }
    .sliderInfo{
        padding: 0 15px;
    }
    .sliderInfo h1{
        line-height: 1;
    }
    .footer3, .footer4{
        margin-top: 45px;
    }
    footer ul li{
        font-size: 15px;
    }
    .hoverPropertie p{
        font-size: 15px;
    }
    .sb input, .sb input[type=text]{
        width: 200px;
        margin-right:5px;
    }
    .sb button{
        margin-left: 5px;
    }
    #inc-button, #dec-button{
        right: 14px;
    }
    .propertiesNavigation li a {
        line-height: 16px;
    }
    h4 {
        line-height: 20px;
    }
    #costa-sol, #palmar, #peninsula, #downtown{
        background-size: contain, auto;
    }
    #palmar{
        padding-top: 84px;
        background-size: 70%, contain;
    }
    #costa-sol{
        padding-top: 86px;
    }
    #downtown{
        padding-top: 66px;
        background-size: 70%, contain;
    }
    #peninsula{
        padding-top: 65px;
    }
    .reviews {
        padding: 50px 40px;
    }
    .itemReview {
        padding: 40px 55px;
    }
    .rentalPrice{
        width: auto;
    }
    .pr127{
        padding-right: 15px;
    }
    .rentalPrice{
        padding: 30px 15px;
        height: auto;
    }
    .rentalPrice a.btnBookLink {
        font-size: 13px;
        width: 200px;
    }
    .rentalPrice .price {
        font-size: 36px;
        margin-bottom: 22px;
    }
    .headerRental .overline{
        text-transform: uppercase;
    }
    .headerRental h1{
        font-size: 35px;
        line-height: 40px;
    }
    .listado-imagenes li:nth-child(n+2) {
        display: none;
    }
    .listado-imagenes{
        display: block;
    }
    .rentalNavigation .btnBook {
        margin-left: 12px;
        padding: 20px 12px;
    }
    .titleManagement{
        width: auto;
    }
    .textManagement{
        padding-left: 45px;
    }
    .alignwide{
        padding: 0 8px;

    }
    .centrado.titleGuest.mb0{
        margin-bottom: 0!important;
    }  
    .sitemap {
        margin-top: 0px!important;
    }
    .titleGuest h2{
        font-size: 35px;
        line-height: 40px;
    }
    .service-block .encabezado h3{
        font-size: 23px;
    }
    .service-block {
        padding: 45px 55px;
    }
    .centrado{
        padding: 0 8px;
    }
  }
/*--------------------  MOBILE---------------------*/
@media only screen and (max-width: 767px) {
    .topNavigation{
        height: 120px;
        display: none;
    }
    .site-header{
        border-top: solid 7px var(--azulmedio);
    }
    .h2mobile{
        font-size: 40px!important;
        line-height: 48px!important;
    }
    .overmobile{
        font-size: 14px!important;
    }
    .submobile{

    }
    .wp-block-yourczm-heading-secundario.left{
        padding-right: 12px;
    }
    .wp-block-yourczm-heading-principal{
        padding: 0 8px;
    }
    div#n2-ss-3 .n2-ss-control-bullet, div#n2-ss-5 .n2-ss-control-bullet{
        width: 100%;
    }
    .footerQuote .widget{
        width: 100%;
    }
    .widgetsFooter{
        padding: 35px;
        height: auto;
        text-align: center;
    }
    .bottomImages .wp-block-image {
        margin-right: 25px;
    }
    .copyright{
        text-align: center;
    }
    .widget h3{
        margin-top: 30px;
    }
    .footer1 .widget{
        justify-content: center;
    }
    .quoteExpectations {
        margin: 50px auto;
        padding: 20px;
        text-align: center;
    }
    .wp-block-yourczm-heading-secundario.left{
        background-position: 15px center;
    }
    .itemPropertie{
        margin-bottom: 20px;
        padding: 0 8px;
    }
    .bgMap{
        background-attachment: scroll;
        background-position: center calc(100% - 735px);
        background-size: contain;
    }
    .bgMap .quote {
        text-align: center;
        width: auto;
        padding: 0 10px;
        margin-top:120px;
        margin-bottom: 120px;;
    }
    .reviews {
        padding: 30px 12px;
    }
    h1{
        font-size: 40px;
        line-height: 50px;
    }
    h2 {
        font-size: 29px;
        line-height: 32px;
    }
    .overline{
        line-height: 22px;
    }
    .itemReview {
        padding: 0px 45px;
    }
    .itemReview p{
        font-size: 22px;
        line-height: 34px;
    }
    .itemReview p.nombre {
        line-height: 16px;
        margin-top: 35px;
    }
    .bx-wrapper .bx-pager {
        bottom: -15px;
    }
    .calloutLuxury {
        padding-right: 50px;
        margin-top: 100px;
        padding-left: 40px;
    }
    .callOutAvailable {
        margin-top: 70px;
        padding: 0 10px;
    }
    .expectations {
        padding: 50px 30px 45px 43px;
        margin-left: 0;
    }
    .wp-block-yourczm-icono-texto{
        height: 225px!important;
    }
    .footerQuote{
        padding: 0 15px;
        font-size: 22px;
        line-height: 35px;
    }
    .bottomImages, .copyright {
        padding: 0 30px;
    }
    .menuFooter ul {
        margin-top: 15px;
        justify-content: center;
    }
    .bottomCopy ul li:first-of-type{
        border-left: none;
    }

    .imagePropertie img{
        width: 100%;
    }
    .sb{
        flex-direction: column;
        height: auto;
        padding: 45px 10px;
    }
    .groupForm{
        margin-bottom: 5px;
        text-align: center;
    }
    .groupForm label{
        width: 100px;
        text-align: center;
        margin-right: 0;
        font-size: 14px;
    }
    .groupForm button{
        margin-left: 0;
    }
    .titleGuest h2{
        font-size: 40px;
        line-height: 48px;
    }
    .titleGuest .subline{
        font-size: 17px;
    }
    .titleGuest p.overline{
        padding: 0 80px;
    }
    .titleManagement {
        padding: 15px;
        width: auto;
    }
    .wp-block-yourczm-icono-texto .contenido p{
        font-size: 16px;
    }
    .wp-block-yourczm-icono-texto{
        margin-top: 20px;
    }
    .wp-block-yourczm-icono-texto .contenido p{
        margin-top: 18px;
    }
    .logoFooter img{
        width: 70%;
    }
    .sliderInfo{
        padding: 0 15px;
    }
    .sliderInfo h1{
        font-size: 36px;
        line-height: 1;
        margin-bottom: 15px;
    }
    .sliderInfo p{
        line-height: 1.5;
    }
    .sliderInfo p.overline {
        font-size: 14px;
    }
    .sliderInfo .linkRental{
        left: 0;
        right: 0;
        position: relative;
        margin-top: 50px;
        width: 100%;
        text-align: center;
    }
     .bx-wrapper .bx-pager {
        bottom: 0;
    }
    .sb input, .sb input[type=text]{
        margin-right: 0;
    }
    .sb input, .sb input[type=text], .sb input[type=number], .sb button {
        width: 100%!important;
    }
    .sb .groupForm{
        width: 100%;
    }
    .sb button {
        margin-top: 15px;
        margin-left: 0;
    }
    .sb input[type=number] {
        background: var(--bgprincipal) url(/wp-content/themes/yourcozumeltheme/img/guests-icon.png) 27px center no-repeat!important;
    }
    #inc-button {
        right: 8px;
        top: 32px;
        height: 33px;
    }
    #dec-button {
        right: 8px;
        top: 63px;
        height: 33px;
    }
    .tabNavigation {
        padding: 10px 0 0 0;
    }
    .propertiesNavigation li{
        width: 100%;
        float: none;
        
    margin-bottom: 10px;

    }
    .propertiesNavigation li a{
        font-size: 16px;
    }
    .Tabs__presentation-slider{
        display: none;
    }
    .propertie{
        padding-top: 33px;
    }
    #costa-sol, #palmar, #peninsula, #downtown{
        background-size: contain;
    }
    #palmar{
        padding-top: 53px;
    }
    #costa-sol{
        padding-top: 38px;
    }
    #downtown{
        padding-top: 44px;
    }
    .tituloSubtitulo{
        height: auto;
    }
    .caracteristica p{
        font-size: 15px;
        line-height: 1.5;
    }
    .listado-imagenes li:nth-child(n+2) {
        display: none;
    }
    .listado-imagenes{
        display: block;
    }
    .pl127 {
        padding-left: 40px;
    }
    .rentalNavigation .menu{
        display: none;
    }
    .rentalNavigation .cta{}
    .rentalNavigation .btnBook{
        font-size: 16px;
        padding: 20px 16px;
    }
    .titleGuest, .service-block{
        height: auto!important;
        min-height: 337px;
    }
    .service-block{
        padding: 50px 40px;
    }
    .service-block .encabezado {
        align-items: end;
    }
    .pr127 {
        padding-right: 50px;
    }
    .comment-author{
        flex-direction: column;
    justify-content: start;
    text-align: left;
    align-items: start;
    }
    .centrado{
        padding: 0 10px;
    }
    .buttonsInsurance{
        flex-direction: column;
        align-items: center;
    }
    .buttonsInsurance button.btnBorder{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .faq h4 span{
        width: 15%;
    }
    .faq h4 div{
        width: 85%;
    }
    .bgPalms{
        background: none;
    }
    .centrado.titleGuest.mb0{
        margin-bottom: 0!important;
    }   
    .holderBotones .col{
        text-align: center;
    }
    .comment-respond {
        padding: 60px 12px;
    }
    .comment-form-author input, .comment-form-email input, .comment-form-url input{
        width: 100%;
    }

}
    

.dpTable {
    background-color: #FFFFFF!important;
    font-size: 1.1em!important;
    border: none!important;
    padding: 0px!important;
    font-family: 'Poppins', sans-serif!important;
}
.dpTitleTR {
    color: white!important;
    background-color: #486591!important;
}
.dpTD {
    padding: 10px!important;
    font-size: 14px!important;
    border: 0px!important;
    border: 0px solid #fff!important;
    color: #0E3262!important;
    font-family: Poppins!important;
    font-size: 11px!important;
    letter-spacing: -0.34px!important;
    line-height: 6px!important;
    text-align: center!important;
}
.dpTitleText {
    color: #F4F7F9;
    font-family: var(--fuentePrincipal);
    font-size: 13px;
    letter-spacing: -0.41px;
    line-height: 6px;
    text-align: center;
}
.dpTitleText {
    color: #F4F7F9!important;
    font-family: var(--fuentePrincipal);
    font-size: 13px;
    letter-spacing: -0.41px;
    line-height: 6px;
    text-align: center;
}
.dpButton {
    padding: 2px 6px!important;
    background-color: #486591!important;
    font-size: .96em!important;
    color: #fff!important;
    border: none;
    margin: 4px;
}
.dpDayTD {
    background-color: #ffffff!important;
    border: 0px!important;
    padding: 3px!important;
    color: rgba(72,101,145,.7)!important;
    font-family: var(--fuentePrincipal);
    font-size: 11px;
    letter-spacing: -0.34px;
    line-height: 30px;
    text-align: center;
}
.dpTDHover {
    background-color: #96C4DE!important;
    border:0!important;
color:#005693!important;
font-size: 11px!important;
}
.dpDayHighlight {
    background: #00B3FF!important;
    color: #0E3262!important;
    font-weight: 400;
    font-size: 11px;
}