@charset "utf-8";
/*nuevos cambios numero 3173*/

.CloudBedsWidget .widgetHotelsForm a.submit_link, .CloudBedsWidget .widgetHotelsForm .horizontal-widget .submit_link, .widgetHotelsForm .acessa_widget_block p, .widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date {
	font-family:Banks!important;
}

.anim-1{

animation-delay:0.3s;

}
.anim-2{
 
animation-delay:0.6s;

}
/* CSS Document*/ 
html {    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */}
*{-webkit-appearance: none; box-sizing:border-box;}
.truc{clear:both; border: transparent; margin:0;}

@font-face{
	font-family: Banks;
	src:url(Banks&MilesSingleLine.ttf) format("truetype");
	}
@font-face{ 
	font-family: GothicR;
	src:url(NWGTHC.TTF) format("truetype");
	}
@font-face{
	font-family: GothicB;
	src:url(NWGTHC-B.TTF) format("truetype");
	}
@font-face{
	font-family: GothicI;
	src:url(NWGTHC-I.TTF) format("truetype");
	}
.CloudBedsWidget .widgetHotelsForm a.submit_link, .widgetHotelsForm .acessa_widget_block p, .widgetHotelsForm .acessa_widget_block .widgetHotelsInputText, .widgetHotelsForm .acessa_widget_block select {
	font-family:Banks!important;
}

	
body{
	font-family: GothicR;
	font-size:16px;
	margin:0;
	padding:0;
	color:#0a0d28;
	background:#fff;
	text-align:center;
}

.Header h1, h1, h2, h3, .banner, .sec-cta, .cta, .p, footer, .rec_menu a, .ca-main, .chukum, .form-field{
	font-family: Banks;
	text-transform:uppercase;
	margin-top:0;
	letter-spacing: 1.5px;
}

.chukum{    font-weight: bold;}

h4{
	font-family: GothicB;
	text-transform:uppercase;
}
#legal, #mapa-del-sitio{
	text-align:left;
}
#legal h3{ margin-top:40px;}
#mapa-del-sitio ol li{
	margin-top:20px;
}
#mapa-del-sitio ol li ul li{
	margin-top:0;
}
	
#index h1{
	margin: 10px 0 32px;
}
.p{
	margin:5px 0 25px;
}
h3{margin:0;}

.z1, .Header h1, #Para-consentirte h2, #Social h2, #Galeria h2, #Gallery h2{
	font-size: 1.8rem;
 }
 
.z2{
	font-size: 1.5rem;

 }
 
.z3, .banner{
	font-size: 1.35rem;
  }
  
 .z4, .sec-cta p, #Chukum .banner, #temas h3, .p {
	font-size: 1.20rem;
  }
  .sec-cta p{
	  font-weight:bold;
  }
.z5, .cta,  h4  {
	font-size: 1.16rem;
  }
.z6{
	font-size:1rem;
}
  .cta{
    -apple-system-font-family: Banks;
    background-color: #0a0d28;
    border-radius: 2px;
    padding: 10px 23px;
    color: #ffffff!important;
    letter-spacing: 2px;
    margin: 0 auto 16px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
	white-space: nowrap;
	border:solid 1px #fff;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
  
  #banner-index .cta{
	position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -119.17px;
  }
  
 #Forma .cta, #Form .cta,  #Social .cta{
	background:#d4ac38;
	color:#0a0d28!important;
	padding: 5px 23px;
 }
 .cta:hover, #Forma .cta:hover, #Form .cta:hover, #Social .cta:hover {
	color: #1bcbc9!important;
    background: #fff!important;
	border: solid 1px #1bcbc9!important;
	 
 }

 .titulo{ 
	color: #fff;
    padding: 8px 12px;
    position: relative;
	border-radius: 1px;
	text-shadow: 2px 2px rgba(10, 13, 40, .8);
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);

  }
  .am{
	background:#d4ac38;
  }
  .crem, #index footer{
	  background:#e5cd88;
  }
	  
 .blck, footer{
	background: #0a0d28; 
 }
 .blu{
	 background: #014169;
 }

 .con{
 border-right: #FFF solid 1px;
 }
 #index .con{
	 border-right: rgba(10, 13, 40, .8) solid 1px;
 }
 
 
 #index footer, #index footer a{
	 color:#0a0d28;
 }
 footer a:hover {
	color: #1bcbc9!important;
 }
 footer div a{
	 padding:0 15px;
	  }
footer div{
	margin:10px 0 20px;
}
 footer a, footer p{
	 margin:0;
 }
 #menu-bacalar .ca-content a img, .ca-content a img{
	 width: 44px!important;
    height: 44px;
    padding: 4px;
}
 /*BARRA MENU SUPERIOR*/
  #menu-bacalar .rec_menu, .rec_menu {
    background: #fff;
    height: 44px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 84;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#menu-bacalar .rec_menu .social, .rec_menu .social{
	display:none;
}
#menu-bacalar .rec_menu a, .rec_menu a{
	margin: 0 20px;
    line-height: 44px;
    display: block;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -43.5px;
	font-weight: bold;
	font-size:21.12px;
}
a{text-decoration: none; color:#014169;}

a:hover, .active h2{   
	color:#1bcbc9;
}
 footer {
    clear: both;
    width: 100%;
    height: auto;
    padding: 30px 5%;
    color: #FFF;
    font-size: .8rem;
}
footer a{
	color:#fff;
}

#menu-bacalar img[src="https://casachukum.com/img/LOGO_principal.png"], header img[src="https://casachukum.com/img/LOGO_principal.png"] { 
	width:90px;
}
#logo{
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	 z-index: 86;
	 position:fixed;
	 top:0;
	 right:0;
	border: 4px solid #fff;
    box-sizing: content-box;
}
#menu-bacalar a img{
    width: 90px;
}
#menu-bacalar img[src="https://casachukum.com/img/LOGO_icono.png"], header img[src="https://casachukum.com/img/LOGO_icono.png"]{
	box-shadow:none!important;
	border: none!important;
	width:44px;
	height:44px;
}
 
 /*HAMBURGUESA*/
#flag {
    display: none;
}

#hamburger {
    position: fixed;
    display: block;
    width: 44px;
    height: 43px;
    cursor: pointer;
    background: #fff;
	top: 0;
    left: 0;
	z-index:85;
}

#hamburger #hamb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: .3em;
    margin: auto;
    background: #1bcbc9;
	border-radius: 3px;
}

#hamburger #hamb:before,
#hamburger #hamb:after {
    position: absolute;
    width: inherit;
    height: inherit;
    content: '';
    background: #1bcbc9;
	border-radius: 3px;
}

#hamburger #hamb:before {
    top: -10px;
	}

#hamburger #hamb:after {
    bottom: -10px;
	}
	
/*ANIMACION HAMBURGUESA*/
#hamburger #hamb {
    transition: background 0s .25s;
}

#hamburger #hamb:before,
#hamburger #hamb:after {
    transition-delay: .25s, 0s;
    transition-duration: .25s, .25s;
	left:0;
}

#hamburger #hamb:before {
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

#hamburger #hamb:after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

#flag:checked + #hamb {
    background: none;
}

#flag:checked + #hamb:before {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

#flag:checked + #hamb:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

#flag:checked + #hamb:before,
#flag:checked + #hamb:after {
    transition-delay: 0s, .25s;
	background: #014169;
}
/*MENU HAMBURGUESA*/

#menu-bacalar nav ul, header nav ul {
	border:none;
}
#menu-bacalar nav, nav {
	max-height: 0; 
	overflow: hidden;
	transition: all .15s ease;
}
#menu-bacalar input:checked ~ nav , header input:checked ~ nav {
	width:99vw;
	height:433px;
  max-height:calc(100vh - 44px);
    position: fixed;
    top: 48px;
    background: #fff;
    overflow: scroll;
	border-radius: 3px;
	    max-width: 400px;
	}

#menu-bacalar nav ul, nav ul {
	list-style: none;
    margin: 0;
	padding:0;
	width:100%;
	max-width: 392px;
}
#menu-bacalar nav li, nav li {
	height:12.5%;
}

#menu-bacalar nav a, nav a {
	display: block;
    font-weight: 600;
    letter-spacing: 0.25em;
    white-space: nowrap; 
	text-decoration:none;
	font-size:.88rem;
 }
/*MENU RESPONSIVO*/
 #menu-bacalar .ca-menu, .ca-menu{
   	margin-left: 4px;
   
	
	}
#menu-bacalar .ca-menu li, .ca-menu li{
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: left;
}
 #menu-bacalar .ca-menu li:last-child, .ca-menu li:last-child{
    margin-bottom: 0px;
  cursor:default;
}
#menu-bacalar .ca-menu li a, .ca-menu li a{
	display:inline!important;
}
#menu-bacalar .ca-menu li:nth-child(7) a:first-child, .ca-menu li:nth-child(7) a:first-child{
	padding-right: 15px;
    border-right: 1.3px solid rgba(1, 65, 105, .45);
}
#menu-bacalar .ca-menu li:nth-child(7) a:last-child, .ca-menu li:nth-child(7) a:last-child{
	padding-left: 15px;
}

#menu-bacalar .ca-menu li a, .ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
#menu-bacalar .ca-icon, .ca-icon{
    position: absolute;
    width: 50px;
    left: 0;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}
 #menu-bacalar .ca-content, .ca-content{
    position: absolute;
    left: 65px;
    width: 249px;
    height: 50px;
    top: 0;
}
#menu-bacalar .ca-main, .ca-main{
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	letter-spacing: 0; 
	margin:0;
	line-height:50px;
	font-weight: bold;
	font-size:21px;
	
}
#menu-bacalar .ca-sub, .ca-sub{
    font-size: 14px;
    color: #666;
}
#menu-bacalar .ca-menu li:hover, .ca-menu li:hover{
    background-color: #0a0d28;
	    width: 314px;
}
#menu-bacalar .ca-menu li:hover .ca-icon, .ca-menu li:hover .ca-icon{
    opacity: 0.75;
    left: -5px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
	transform: rotate(20deg) scale(1.3);	
}
#menu-bacalar .ca-menu li:hover .ca-main, .ca-menu li:hover .ca-main{
	color:#1bcbc9;

}

/*BACKGROUNS IMAGE*/
#menu-bacalar .ca-menu li span, .ca-menu li span{
	background-position: center;
    background-size: contain;
    transform: scale(.8,.8);
	height: 50px;
}

.ca-menu li:first-child span{background-image:url(../img/MENU_01.png);}
.ca-menu li:nth-child(2) span{background-image:url(../img/MENU_02.png);}
.ca-menu li:nth-child(3) span{background-image:url(../img/MENU_03.png);}
.ca-menu li:nth-child(4) span{background-image:url(../img/MENU_04.png);}
.ca-menu li:nth-child(5) span{background-image:url(../img/MENU_05.png);}
.ca-menu li:nth-child(6) span{background-image:url(../img/MENU_06.png);}

	 
.ca-menu li:first-child:hover span, .ca-menu li:first-child .active span{background-image:url(../img/MENU_Hover_01.png);}
.ca-menu li:nth-child(2):hover span, .ca-menu li:nth-child(2) .active span{background-image:url(../img/MENU_Hover_02.png);}
.ca-menu li:nth-child(3):hover span, .ca-menu li:nth-child(3) .active span{background-image:url(../img/MENU_Hover_03.png);}
.ca-menu li:nth-child(4):hover span, .ca-menu li:nth-child(4) .active span{background-image:url(../img/MENU_Hover_04.png);}
.ca-menu li:nth-child(5):hover span, .ca-menu li:nth-child(5) .active span{background-image:url(../img/MENU_Hover_05.png);}
.ca-menu li:nth-child(6):hover span, .ca-menu li:nth-child(6) .active span{background-image:url(../img/MENU_Hover_06.png);}
	 
#menu-bacalar .ca-menu li:last-child:hover, .ca-menu li:last-child:hover{background:none;}
#menu-bacalar .ca-menu li:nth-child(7):hover, .ca-menu li:nth-child(7):hover{background:none;}
#menu-bacalar .ca-menu li:nth-child(7) .ca-main, .ca-menu li:nth-child(7) .ca-main{ color:#014169;}
#menu-bacalar .ca-menu li:nth-child(7), .ca-menu li:nth-child(7){cursor:default;}
#menu-bacalar .ca-menu li:nth-child(7):hover .ca-main	, .ca-menu li:nth-child(7):hover .ca-main	{opacity:1;} 
#menu-bacalar .ca-menu li:nth-child(7) a:hover, .ca-menu li:nth-child(7) a:hover{color:#1bcbc9;}
	 
/*INICIA SLIDER*/
#banner-index{
	height: 100vh;
	overflow:hidden;
}
#c-slider {
  margin:0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#slider {
  display:flex;
  width: 500%;
}

#slider section {
  width: 100%;
  overflow:hidden;
  
}
#slider section div{
	animation-name: banner-index;
    animation-duration: 5s;
    animation-iteration-count: infinite;
	animation-direction: alternate;
}
/*@keyframes banner-index{
	from{transform:scale(1);}
	to{transform:scale(1.03);}
}*/
	
#slider section div{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  width:100%;
  height:100vh;
  filter:saturate(130%) brightness(1.1); 
  
}
#a{background-image:url(../img/INDEX_Banner_Responsivo_01.jpg);}
#b{background-image:url(../img/INDEX_Banner_Responsivo_02.jpg);}
#c{background-image:url(../img/INDEX_Banner_Responsivo_03.jpg);}
#d{background-image:url(../img/INDEX_Banner_Responsivo_04.jpg);}
#e{background-image:url(../img/INDEX_Banner_Responsivo_05.jpg);}

#btn-prev, #btn-next {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color:#fff;
  z-index:10;
  text-shadow: 1px 1px #0a0d28;
  margin-bottom: -18px;
}

#btn-prev {  left: 5px;}
#btn-next {  right: 5px;}

#btn-prev:hover, #btn-next:hover {
  color: #1bcbc9;
}
#slider section div a{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#scrollDown {
    height: 60px;
    width: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: 0 auto;
    display: block;
    position: absolute;
    background-image: url(../img/scrolldown-icon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    animation-name: scrollDownBtn;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
	transform: scale(.6,.6);
}
@keyframes scrollDownBtn{
	0% {
    bottom:0;
    opacity: .5;
}
50% {
    bottom:8px;
    opacity: 1;
}
100% {
    bottom:0;
    opacity: .5;
}
}

#scrollDown:hover {
    opacity: 1 !important;
    cursor: pointer;
    animation-play-state: paused;
	background-image: url(../img/scrolldown-icon-hover.png);

}
/*TERMINA SLIDER*/ 
	
.sectionH{
	padding-left:8%;
	padding-right:8%;

}
.sectionV{
	padding-top:44px ;
	padding-bottom:44px;
}
#Bacalar .sectionV{
	padding-top:25px ;
	padding-bottom:44px;
}

/*INDEX - Reservas*/
	.horizontal-widget {
    background: #e5cd88;
    padding: 10px;
    border-radius: 3px;
    margin: 10px 0!important;
    font-family: Banks!important;
    text-transform: uppercase;
    letter-spacing: 1.4px;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
	
.CloudBedsWidget .widgetHotelsForm .horizontal-widget .submit_link{
	background-color: #0a0d28;
    border-radius: 2px!important;
    padding: 5px 23px;
    color: #ffffff!important;
    letter-spacing: 2px;
    margin: 0 auto 16px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border: solid 1px #fff;
	top: 12px!important;
}	

/*CUADRADOS ABEJAS*/
.abeja, .cuarto, .blog{
	width: 100%;
    height: 86vw;
    margin: 50px auto;
    position: relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}

.blog{
	margin: 20px auto;
    height: 180px;
	overflow:hidden;
}
.cuarto{
	margin: 15px auto;
}
.abejaArriba, .cuartoArriba{
	height: 100%;
}
.abejaArriba, .fondo, .cuartoArriba{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.abeja:hover .abejaArriba, .cuarto:hover .cuartoArriba{
	opacity: 0;
    animation-name: hover-abeja;
    animation-duration: .7s;
    animation-fill-mode: forwards;
}
.abeja:hover .abeja-circulo p{
	opacity: 0;
    animation-name: hover-p;
    animation-duration: .7s;
    animation-fill-mode: forwards;
}
@keyframes hover-p{
0% {
    opacity: 0;
}	
	
100% {
    opacity: 1;
}	
}
.abeja a, .cuarto a, .blog a{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}

.abeja-In1{background-image:url(../img/INDEX_Cuadro_01_2.jpg);}
.abeja-InA1{background-image:url(../img/INDEX_Cuadro_01_1.jpg);}
.abeja-In2{background-image:url(../img/INDEX_Cuadro_02_2.jpg);}
.abeja-InA2{background-image:url(../img/INDEX_Cuadro_02_1.jpg);}
.abeja-In3{background-image:url(../img/INDEX_Cuadro_03_2.jpg);}
.abeja-InA3{background-image:url(../img/INDEX_Cuadro_03_1.jpg);}

@keyframes hover-abeja{
0% {
    opacity: 1;
}	
	
100% {
    opacity: 0;
}	
}

.abeja-circulo{
    border-radius: 50%;
    background-color: #0a0d28;
    color: #fff;
	position: absolute;
    left: 50%;
	width:120px;
	height:120px;
	margin: 0 0 -60px -60px;
	bottom:10%;
	padding:47px 0;
	    border: 3px solid #d4ac38;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);}
.abeja-circulo h3{
	letter-spacing:0;
}
.abeja-In7 h3{
	letter-spacing:-.5px;
}
.abeja-In1 .abeja-circulo{
		padding:36px 0;
}
.abeja:hover .abeja-circulo p{
	margin:0;
	font-size:.95rem;
}
.abeja-In1:hover .abeja-circulo p:after{
	content:"¡Enamórate del paraíso en la tierra!";
}
.abeja-In2:hover .abeja-circulo p:after{
	content:"¡Conoce todo lo que hay por hacer en Bacalar!";
}
.abeja-In3:hover .abeja-circulo p:after{
	content:"A solo unos pasos de los mejores sitios de interés.";
}

#Paradise-on-earth .abeja-In1:hover .abeja-circulo p:after{
	content:"Fall in love with paradise on earth!";
}
#Paradise-on-earth .abeja-In2:hover .abeja-circulo p:after{
	content:"Get to know everything there is to do in Bacalar!";
}
#Paradise-on-earth .abeja-In3:hover .abeja-circulo p:after{
	content:" We are located just a few steps from the best of Bacalar.";
}


.abeja:hover h3{
	font-size:1.10rem;
}

.abeja:hover .abeja-circulo{
	animation-name: abeja-circ;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
	
}
#Todo-Bacalar .abeja:hover .abeja-circulo, #All-Bacalar .abeja:hover .abeja-circulo {
	animation-name: abeja-circ2;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

@keyframes abeja-circ2{
	
0% {
    width:120px;
	height:120px;
	margin: 0 0 -60px -60px;
	padding:47px 0;
	border-radius: 50%;
}
100%{
	/*corregir 1964 y 2173 si regresa el tamaño de letra a 16px*/
	width: 150px;
    height: auto;
    margin: 0 0 -20% -65px;
    padding: 20px 10px;
	border-radius: 0 30%;
	bottom: 15%;
}}

@keyframes abeja-circ{
	
0% {
    width:120px;
	height:120px;
	margin: 0 0 -60px -60px;
	padding:48px 0;
}
100% {
   	width: 160px;
    height: 160px;
    margin: 0 0 -20% -80px;
    padding: 25px 26px;
}
	
}
.abeja-circulo p:first-child{
	margin-bottom:10px;
} 
#Sobre-Casa-Chukum .crem, #About-Casa-Chukum .crem{
	width: 80vw;
    height:35px;
	margin-left: 20vw;
}
#Sobre-Casa-Chukum p, .testimonio, #About-Casa-Chukum p{
	/*text-align:left;*/
}

#Sobre-Casa-Chukum .fondo, #About-Casa-Chukum .fondo{
	width: 100%;
    background-image:url(../img/INDEX_Chukum.jpg);	
	padding:30px;
}

#Sobre-Casa-Chukum .texto, #About-Casa-Chukum .texto, .sec-cta .texto{
	background:rgba(255, 255, 255, .9);
	padding:15px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.sec-cta .texto{
	max-width: 300px;
    margin: 0 auto;
}
#FAQ .sec-cta .texto {
    max-width: 430px;
}
#Sobre-Casa-Chukum img, #About-Casa-Chukum img{
    margin-bottom: 15px;
	    width: 150px;
}
	 
#Descansa, #Sleep{
	background-image: url(../img/ART_DECO_PATTERN_2.png);
    background-position: left;
    background-size: 400px 210px;
    background-repeat-y: repeat;
	background-repeat-x:no-repeat;
}
.cuarto-In1{background-image:url(../img/INDEX_Habitacion_01_01.jpg);}
.cuarto-In2{background-image:url(../img/INDEX_Habitacion_02_01.jpg);}
.cuarto-In3{background-image:url(../img/INDEX_Habitacion_03_01.jpg);}
.cuarto-In4{background-image:url(../img/INDEX_Habitacion_04_01.jpg);}
.cuarto-InA1{background-image:url(../img/INDEX_Habitacion_01_02.jpg);}
.cuarto-InA2{background-image:url(../img/INDEX_Habitacion_02_02.jpg);}
.cuarto-InA3{background-image:url(../img/INDEX_Habitacion_03_02.jpg);}
.cuarto-InA4{background-image:url(../img/INDEX_Habitacion_04_02.jpg);}
.cuarto-cuadro, .blog-cuadro {
    background-color: rgba(10, 13, 41, .9)!important;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: -10px;
	padding: 13px 20px 0;
	margin-right: 15px;
}
.blog-cuadro {
    left:6%;
}
#Consentirte .blog-cuadro{
	    top: 10px;
    bottom: unset;
	left:-10px;
	padding-left:10px!important;
		padding-right:10px!important;
		margin-right:0!important;

}
.cuarto{
	margin:35px auto;
}
.mapa{
	height: 300px;
    width: 100%;
    padding: 0px;
    margin: 10px 0 30px;
    border: 1px solid rgba(94, 102, 151, 0.1);
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
	    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
#Contacto .blck p, #Contact .blck p{
	color:#fff;
	font-size: .95rem;
	margin-top: 10px;
}
#Contacto .blck, #Contact .blck{
	padding: 15px 15px 25px;
    width: 100%;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
	    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    
}
#Forma, #Form{
    padding: 0;
	background:transparent;
}
.oculto {
    display: none;
}
.form-field {
    width: 100%;
    margin: 3px auto;
    height: 30px;
    border-radius: 2px;
    border: 1px solid rgba(94, 102, 151, 0.2);
    font-size: 13px;
}
textarea {
    min-height: 70px!important;
}
.blck iframe{
	border: none;
    width: 100%;
	height:165px;
}
#Forma .cta, #Form .cta {
	position: absolute;
    right: 50%;
    margin-right: -58.2px;
    bottom: 0;
    margin-bottom: 0;
}

#gracias{
	color: #0a0d28;
    background: #fff;
    font-size: .8rem;
}
#Opiniones img, #Opinions img{
	-webkit-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
    box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
	max-width: 189px;
    border: solid 1px rgba(0,0,0,.1);
}
#tripadvisor, #booking{
		margin:35px 0;
		
}	
#tripadvisor .testimonio{
	background:#efcf86;
}
#booking .testimonio{
	background:#e3fbff;
}
.testimonio{
	padding: 50px 15px 20px;
    margin-top: -38px;
	webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3); */
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
#Opiniones h3:nth-of-type(2), #Opinions h3:nth-of-type(2){
	margin-top:20px;
}
#Social .insta{
	height: 30vw;
    width: 30vw;
	position: relative;
	display:inline-block;
}
#Social .insta .foto-insta, #Social .insta a{
	width:100%;
	height:100%;
}
#Social .insta .foto-insta{
	position:absolute;
	left: 0;
    top: 0;
	filter: brightness(60%) sepia(50%);
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
#Social .insta .marca_agua{
	position:absolute;
	left:50%;
	top:50%;
	width: 25px;
    margin-top: -12.5px;
    margin-left: -12.5px;	
}
#Social .insta:hover .foto-insta {
	filter: brightness(100%) sepia(0%) saturate(130%);
}
	
#Social{
	background:#0a0d28;
	color:#fff;
	padding-bottom:50px;
}
#Social .cta{
	margin:25px 0;
}
.banner-pags{
	width:100%;
	height: 70vw;
    min-height: 200px;
    color: #fff;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	filter: saturate(130%) brightness(1.1);
}
.banner-pags h1{
	padding-top:44px;
	color: #014169;
}
#Bacalar .banner-pags{
	background-image:url(../img/DISFRUTA_Banner_Responsivo.jpg);
}
#Chukum .banner-pags{
	background-image:url(../img/EXP_Banner_Responsivo.jpg);
}
#FAQ .banner-pags{
	background-image:url(../img/FAQ_Banner_Responsivo.jpg);
}
#Habitaciones .banner-pags{
	background-image:url(../img/DESC_Banner_Responsivo.jpg);
}
.degradado, .contenedor {
    height: 100%;
    max-width: 100vw;
    position: relative;
}
.banner-pags .degradado {
    background: rgba(255,255,255,.7);
	position: relative;
    display: flex;
    align-items: center;
	
}
.banner-pags .contenedor {
    padding: 5px 10%;
	width: 99%;
    height: auto;
    display: inline-block;
}

.banner-pags .cta-fantasma {
    height: 100%;
    width: 1%;
    display: inline-block;
}
#Descubrelo p, #Discover-it p{text-align:left;}

#pueblo-magico{
	display:none;
	filter: saturate(130%);
}
#pueblo-magico1{
	background-image:url(../img/DISFRUTA_MAPA_BACALAR.jpg);
	background-position:bottom;
	background-size: 120%;
    background-repeat: no-repeat;
	width: 100%;
    height: 200px;
	max-width: 350px;
    margin: 0 auto;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
#top-10 .flex, #blog-top-10 .flex {
	display:flex;
	align-items:end;
	margin-top:20px;
}
#top-10 .flex p, #blog-top-10 .flex p {
	margin-top:0;
	text-align:left;
	margin-left:16px;
}
#top-10 .caja, #blog-top-10 .caja {
	padding-left: 8%;
    padding-right: 8%;
	position:relative;
}
 #Consentirte .caja{
	margin-left: 8%;
    margin-right: 8%;
	position:relative;
}
#Consentirte .caja{
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}


.blog img{
	transform: scale(1) translateZ(0);
    transition: transform 1.5s cubic-bezier(.25,.46,.45,.94);
	margin-left: -20%;
}

.caja:hover img{
	transform: scale(1.04) translateZ(0);
    transition: transform 1.5s cubic-bezier(.25,.46,.45,.94);
}

.blog-cuadro{
	    margin: 0 50px 0 0!important;
		padding: 5px 20px!important;
}

#top-10 h3, #blog-top-10 h3, #Consentirte h3{
	font-size:1rem;
	font-weight:100;
	font-family:GothicR;
	text-align: left;
	margin:0;
}

.blog-In1 h3:after{content:"La laguna de mágicos colores"}
.blog-In2 h3:after{content:"Kayak & Paddle Surf"}
.blog-In3 h3:after{content:"Paseos en Velero y Lancha"}
.blog-In4 h3:after{content:"Cenote de la Bruja"}
.blog-In5 h3:after{content:"Exfoliación natural"}
.blog-In6 h3:after{content:"Selva Maya en Tirolesa"}
.blog-In7 h3:after{content:"Santuario de Estromatolitos"}
.blog-In8 h3:after{content:"Fuerte y museo de los piratas"}
.blog-In9 h3:after{content:"Arqueología de la zona"}
.blog-In10 h3:after{content:"Cena romántica"}

#blog-top-10 .blog-In1 h3:after{content:" The lagoon of magical colors "}
#blog-top-10 .blog-In2 h3:after{content:"Kayak & Paddle Surf"}
#blog-top-10 .blog-In3 h3:after{content:" sailboat or Catamaran rides"}
#blog-top-10 .blog-In4 h3:after{content:" Witch´s Cenote "}
#blog-top-10 .blog-In5 h3:after{content:" natural exfoliation "}
#blog-top-10 .blog-In6 h3:after{content:" Mayan jungle on a zip line "}
#blog-top-10 .blog-In7 h3:after{content:" Stromatolites Sanctuary"}
#blog-top-10 .blog-In8 h3:after{content:" fort and the Pirates museum"}
#blog-top-10 .blog-In9 h3:after{content:" archeological sites"}
#blog-top-10 .blog-In10 h3:after{content:"Romantic dinner"}

 

.abeja-In4{background-image:url(../img/DISFRUTA_Cuadro_01_1.jpg);}
.abeja-InA4{background-image:url(../img/DISFRUTA_Cuadro_01_2.jpg);}
.abeja-In5{background-image:url(../img/DISFRUTA_Cuadro_02_1.jpg);}
.abeja-InA5{background-image:url(../img/DISFRUTA_Cuadro_02_2.jpg);}
.abeja-In6{background-image:url(../img/DISFRUTA_Cuadro_03_1.jpg);}
.abeja-InA6{background-image:url(../img/DISFRUTA_Cuadro_03_2.jpg);}
.abeja-In7{background-image:url(../img/DISFRUTA_Cuadro_04_1.jpg);}
.abeja-InA7{background-image:url(../img/DISFRUTA_Cuadro_04_2.jpg);}
.abeja-In8{background-image:url(../img/DISFRUTA_Cuadro_05_1.jpg);}
.abeja-InA8{background-image:url(../img/DISFRUTA_Cuadro_05_2.jpg);}
.abeja-In9{background-image:url(../img/DISFRUTA_Cuadro_06_1.jpg);}
.abeja-InA9{background-image:url(../img/DISFRUTA_Cuadro_06_2.jpg);} 
#Todo-Bacalar .sectionH h2, #All-Bacalar .sectionH h2{
	    margin-top: 85px;
}

.abeja-In4:hover .abeja-circulo p:after{
	content:"¡Atrévete a explorar!";
}
.abeja-In5:hover .abeja-circulo p:after{
	content:"Disfruta y despídete del estrés";
}
.abeja-In6:hover .abeja-circulo p:after{
	content:"Conoce su folklor divino";
}
.abeja-In7:hover .abeja-circulo p:after{
	content:"Experiencias para tu paladar";
}
.abeja-In8:hover .abeja-circulo p:after{
	content:"Sugerencias para tí.";
}
.abeja-In9:hover .abeja-circulo p:after{
	content:"Lugares mágicos y cercanos";
}
#All-Bacalar .abeja-In4:hover .abeja-circulo p:after{
	content:" Dare to explore!";
}
#All-Bacalar .abeja-In5:hover .abeja-circulo p:after{
	content:" Enjoy and forget about stress ";
}
#All-Bacalar .abeja-In6:hover .abeja-circulo p:after{
	content:"Know its divine folklore ";
}
#All-Bacalar .abeja-In7:hover .abeja-circulo p:after{
	content:" Experiences for your mouth ";
}
#All-Bacalar .abeja-In8:hover .abeja-circulo p:after{
	content:" Suggestions for you.";
}
#All-Bacalar .abeja-In9:hover .abeja-circulo p:after{
	content:" Magical and nearby places ";
}

.sec-cta {
    width:100%;
	padding:30px;
	margin:0;
	overflow:hidden;
	    position: relative;

}
#Chukum .sec-cta{
	margin-top:30px;
}
.sec-cta img{
	height: 100%;
    transform: scale(1) translateZ(0);
    transition: transform 1.5s cubic-bezier(.25,.46,.45,.94);
	position: absolute;
    top: 0;
    left: 0;
	z-index:-1;
}
.sec-cta:hover img {
    transform: scale(1.04) translateZ(0);
    transition: transform 1.5s cubic-bezier(.25,.46,.45,.94);
}


.fondo-crem{
	position: absolute;
    width: 91%;
    height: 250px;
   margin: 60px 5.5% 60px 3.5%;;
	background: rgba(229, 205, 136, .5);
}

#top-10 .no, #blog-top-10 .no {
	display:none;
}

#Historia, #History, #Consentirte, #Temas-hab {
    background-image:url(../img/ART_DECO_PATTERN.png);
    background-position: top;
    background-size: 1100px 600px;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}
#Historia .first div, #History .first div, #Tu-Hogar .crem, #your-home .crem {
    text-align: left;
}

#cf4a, #cf4ab, #cf4ac {
    position: relative;
    height: 47.69vw;
    margin: 0 auto;
}
#cf4a{
width: 100vw;
    max-width: 650px;
    max-height: 310px;
}
#cf4ab{
	width:53.84vw;
	margin: 0 2px 0 0;
}
.doble,  #Tu-Hogar .caja, #your-home .caja{
	display:flex;
	margin-top: 2px;
}
#Tu-Hogar .caja, #your-home .caja{
	    align-items: flex-end;
}

#cf4ac{
	width:46.15vw
}
#cf4a img, #cf4ab img, #cf4ac img{
animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 15s;
	position: absolute;
    left: 0;
	max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}
@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  96.67% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf4a img:nth-of-type(1) {
  animation-delay: 11s;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 6s;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 1s;
}

#cf4ab img:nth-of-type(1) {
  animation-delay: 13s;
}
#cf4ab img:nth-of-type(2) {
  animation-delay: 8s;
}
#cf4ab img:nth-of-type(3) {
  animation-delay: 3s;
}

#cf4ac img:nth-of-type(1) {
  animation-delay: 15s;
}
#cf4ac img:nth-of-type(2) {
  animation-delay: 10s;
}
#cf4ac img:nth-of-type(3) {
  animation-delay: 5s;
}

#Tu-Hogar h2, #your-home  h2{
    width: 80%;
    margin: 40px auto 0;
    background: #fff;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
#Tu-Hogar .sectionH, #your-home  sectionH{
	padding-top: 16px;
    padding-bottom: 16px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
#Tu-Hogar .cuadro-crem, #your-home .cuadro-crem{
	width:20%;
	height:20vw;
}
#Tu-Hogar .cuadro, #your-home .cuadro{
	max-width:650px;
	max-height:625px;
	margin:0 auto;
		-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
 #Tu-Hogar .first, #your-home .first{
    padding: 0 3%;
}
#Sabias-que, #did-you-know{
	display: flex;
    align-items: center;
	    padding-top: 0px;
}
#Sabias-que .arbol, #did-you-know .arbol{
display: inline-block;
    width: 35%;
    overflow: hidden;
}
#Sabias-que .arbol img, #did-you-know .arbol img{
float:right;
height: 260px;

}
#Sabias-que div:last-child, #did-you-know div:last-child{
display: inline-block;
    width: 65%;
    margin:0 16px;
}
#Sabias-que p, #did-you-know p{
    text-align: left;
}
#Ambiental, #environment{
	background-image: url(../img/EXP_Medio_Ambiente_01.jpg);
	padding:44px 8%;
	background-size: cover;
	
}

#Ambiental div, #environment div{
	    background: rgba(255, 255, 255, .8);
    padding: 15px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.foto-amb{
	display:none;
	-webkit-box-shadow: -4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: -4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: -4px 4px 4px -2px rgba(0,0,0,0.42);
}
#Consentirte .crm{
	width:100%;
	margin:0;
	    padding: 10px 15px;
    text-align: left;
	border: #e5cd88 solid 1px;
    border-top: none;
}
#Consentirte p{
	margin:0;
}

#Consentirte .blog{
	margin-bottom:0;
	height:160px;
}
#Consentirte .blog img{
	margin-left:0;
}
#Consentirte{
	    background-position-y: -110px;
}
#Consentirte h2{
	margin-bottom:30px;
}
#Consentirte hr{
	display:none;
}
#Consentirte p{
	    font-size: .96rem;
		    margin-top: 16px;
    margin-bottom: 16px;
}
.gale{
	margin: 1vw 1vw 1vw 0;
    overflow: hidden;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
.hg{
	height: 150px;
}
.gale img{
height: 100%;
} 
.boxxi{
	display:flex;
	margin-left:1%;
}
#ph1, #ph17{width:70%;}
#ph2, #ph16, #inn3{width:30%;}
#inn1, #ph5, #ph13, #inn4{width:50%;}
.p2p2{height: 48.5%;}
#ph3 img, #ph4 img, #ph14 img, #ph15 img{width:100%; height:unset;}
#ph6{width:45%;}
#inn2{width:25%;}
#ph11{width:65%;}
#ph12{width:35%;}

#Galeria, #Gallery{padding-bottom:88px;}
#Chukum .sec-cta{
	margin-top:0;
}
/*TABS*/
.boxing {
    margin: 0 auto;
    padding: 0 2%;
}
.tab {
    display: flex;
    align-items: center;
	max-width: 100%;
	margin-bottom: 23px;
}
#Habitaciones .tab{
	display:block;
	margin-bottom: 40px;
}
	
.tab .faq {
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    position: absolute;
	background-size:cover;
	background-position:center;
	filter: brightness(60%) sepia(50%);
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
#Habitaciones .tab #Suite-Deluxe .faq, #Habitaciones .tab #Suite-Premium .faq {
	height:calc(100% - 70px);
}
.F1{background-image: url(../img/FAQ_Barra_01.jpg);}
.F2{background-image: url(../img/FAQ_Barra_02.jpg);}
.F3{background-image: url(../img/FAQ_Barra_03.jpg);}

.H1{background-image:url(../img/DESC_Barra_01.jpg);}
.H2{background-image:url(../img/DESC_Barra_02.jpg);}
.H3{background-image:url(../img/DESC_Barra_03.jpg);}
.H4{background-image:url(../img/DESC_Barra_04.jpg);}

.tab .active .faq, .tablinks:hover .faq{
	filter: brightness(100%) sepia(0%) saturate(130%);
}


.tablinks{
	position: relative;	
    display: inline-block;
	padding: 0;
	margin: 0 1%;
	width: 32.3%;
	height: 100px;
	}

#Habitaciones .tablinks {
   width: 46%; 
    margin-bottom: 5px;
}
#Suite-Deluxe, #Suite-Premium{
		height:170px;
padding-top:70px;
}
#Temas-hab .margin-non{
	margin-bottom:0;
}
.faq-cuadro{
	background-color: rgba(10, 13, 41, .5)!important;
    color: #fff;
    position: absolute;
    top: 5px;
    left: -3%;
    padding: 5px;
    max-width: 100%;
	cursor: pointer;
}

#Suite-Deluxe .faq-cuadro, #Suite-Premium .faq-cuadro{
	top:75px;
}
.tab .active .faq-cuadro, .tablinks:hover .faq-cuadro{
	background-color: #0a0d29!important;
}
.faq-cuadro .p{
	margin: 0;
    font-size: .75rem;
    text-align: left;}
	
.tabcontent .p{
	text-align:left;
}

.tabcontent{
	padding-left: 8%;
    padding-right: 8%;
}
#Habitaciones .tabcontent{
	padding-left: 0;
    padding-right: 0;
}
.tabcontent h2{
	margin-left: -12%;
}
.contenido-faq .img{
	display:none;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
	}
.FAQ1{background-image:url(../img/FAQ_Secc_01.jpg);}
.FAQ2{background-image:url(../img/FAQ_Secc_02.jpg);}
.FAQ3{background-image:url(../img/FAQ_Secc_03.jpg);}
	
.FAQ1, .FAQ2, .FAQ3{
	background-position:center;
	background-size:cover;
}
/*Bootstrap*/
.panel-group {
    margin-bottom: 20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default {
    border-color: #ddd;
}
.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
	text-align: left;
	-webkit-appearance: menulist;
}
.panel-title a{
	    width: 100%;
    display: block;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.panel-body {
    padding: 15px;
	text-align: left;

}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}	
/*acaba bootstrap*/

#chat{
	margin:60px 8% 44px;
}
#chat img{
	max-width:50px;
	display:inline-block;
	margin:10px;
}
.raya-deco{
	display:none;
}
#Habitaciones .image {
    max-width: 800px;
    height: 61.7vw;
    margin: 10px auto 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    color: #FFF;
    text-align: center;
    text-shadow: -0.5px -0.5px 0.5px #101010, 0.5px 0.5px 0.5px #101010, -0.5px 0.5px 0.5px #101010, 0.5px -0.5px 0.5px #101010;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
} 
#S1{background-image: url(../img/DESC_Cuarto_01_01.jpg);
}
#S2{background-image: url(../img/DESC_Cuarto_02_01.jpg);
}
#S3{background-image: url(../img/DESC_Cuarto_03_01.jpg);
}
#S4{background-image: url(../img/DESC_Cuarto_04_01.jpg);
}

.preview { 
    width: 46%;
    margin: .4vw 1%;
    border-radius: 3px;
    cursor: pointer;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
.prev-box{
	display:flex;
}
.prev-box div{
	display:inline-block;
	    margin: 0 1%;
}
#Habitaciones .tab {
    padding-left: 8%;
	    padding-right: 8%;
		
}
#Habitaciones .boxing {
    display:block;
	padding: 0;
}
.servicio-cuarto{
	background:#ededed;
	padding:50px 8% 50px;
    margin-top: 40px;
}
.suite h2{
	color:#0a0d28;
	    background-color: rgba(255, 255, 255, .8);
	text-shadow: none;
	margin-bottom: 0px;
	margin-top: -20px;
    margin-left: -35px;
}
.suite p{
	text-align:left;
	margin-top: 0;
}

#Temas-hab{
	padding-bottom:0;
}
.flx{
	padding:0 8%;
}
.caracteristicas{
	padding:3% 8% 30px;
	    max-width: 900px;
    margin: 0 auto;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);

}
.icons-hab{
	position: relative;
    padding: 10px 10px 10px 27px;
    margin: 35px auto;
    width: 60%;
    height: auto;
    border: solid #fff 2px;
	max-width: 225px;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
.ic img{
	display: inline-block;
    width: 41%;
    margin: 3px;
    border-radius: 50%;
    border: 1px solid #000;
	max-width: 50px;
}
.icons-cuadro {
	margin-top: -60px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: -21px;
    padding: 10px 5px;
    height: auto;
    width: 40px;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
}
.icons-cuadro .p {
    margin: 0;
    transform: rotate(-90deg);
    float: left;
    height: 101px;
    white-space: nowrap;
}
.animate-right {
    position: relative;
    animation: animateright 1s;
}
@keyframes animateright{
	0% {
    right: -1600px;
    opacity: 0;
}
100% {
    right: 0;
    opacity: 1;
}
}
.tabulador{
	max-width: 100vw;
    overflow: hidden; 
}

.terminos-hotel li:last-child{
	margin-bottom: 16px;
}
.tel:hover{
	color:#fff!important;
	cursor:default;
}
#Contacto .tel, #Contact .tel{ 
	color: #0a0d28!important;
}
#Contacto .tel:hover, #Contact .tel:hover{
	color: #0a0d28!important;
}



@media screen and (min-width:480px){
#slider section div, #banner-index{
    height:100vh; 
}
#a{background-image:url(../img/INDEX_Banner_01.jpg);}
#b{background-image:url(../img/INDEX_Banner_02.jpg);}
#c{background-image:url(../img/INDEX_Banner_03.jpg);}
#d{background-image:url(../img/INDEX_Banner_04.jpg);}
#e{background-image:url(../img/INDEX_Banner_05.jpg);}

.der{
	 text-align:right;
	float:right;
    padding-right: 35px;
	 padding-left: 35px;
	 -webkit-box-shadow: -4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: -4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow:-4px 4px 4px -2px rgba(0,0,0,0.42);

}
 .izq{
	 text-align:left;
	 float:left;
	 padding-left: 35px;
    padding-right: 35px;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    -moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow:4px 4px 4px -2px rgba(0,0,0,0.42);

 }

.cuarto-In1 .cuarto-cuadro p:after{	content:"Cama KING, descansa y disfruta de las amenidades y hermoso diseño de esta SUITE..."}
.cuarto-In2 .cuarto-cuadro p:after{	content:"Cama QUEEN, amarás descansar en esta suite, detalles únicos en decoración que hacen sintonía con la belleza de Bacalar."}
#Sleep .cuarto-In1 .cuarto-cuadro p:after{	content:" Relax and enjoy a king size bed together with all the amenities that we have to offer as well as the amazing design of this suite…"}
#Sleep .cuarto-In2 .cuarto-cuadro p:after{	content:" Fitted with a Queen size bed, you will fall in love with this suite, which has unique details and exclusive decorations that are in tune with the beauty of Bacalar."}



.cuarto{
	text-align:left;
}
.cuarto-cuadro p{
	    margin-top: 5px;
}
#Descansa .blu, #Sleep .blu{
	width: 80%;
    height: 20px;
    margin-left: 20%;
}
.cuarto-In2{
	margin:0 auto;
}
#Descansa .flex, #Sleep  .flex{
	display:flex;
	align-items: center;
}
#Descansa .flex .blu, #Sleep .flex .blu{
	width: 20px;
    height: 60vw;
    margin: 0;
}
.cuarto-In3, .cuarto-In4{
	width:50%;
}
.cuarto{
	height: 60vw;
}
.cuarto-In4{
	margin-left:10px;
}
.cuarto-In3{
	margin-right:10px;
}
#Opiniones img, #Opinions img {
   max-width: 250px;
}
#Social .insta .marca_agua {
    width: 30px;
    margin-top: -15px;
    margin-left: -15px;
}
.widgetHotelsForm .acessa_widget_block p{
	text-align: left;
}

.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select{
	margin-bottom: 0;
    top: 31px!important;
	width: 80px!important;
    height: 31px!important;
    font-size: 14px;
}
.CloudBedsWidget .horizontal-widget{
	height: 85px;
    padding-bottom: 0;
	max-width:405px;
	margin: 0 auto!important;
}
.CloudBedsWidget .widgetHotelsForm .horizontal-widget .submit_link{
	top: 25px!important;
	margin-bottom:0;
}
.banner-pags {
    height: 25.62vw;
}
#Bacalar .banner-pags{
	background-image:url(../img/DISFRUTA_Banner.jpg);
}
#Chukum .banner-pags{
	background-image:url(../img/EXP_Banner.jpg);
}
#FAQ .banner-pags{
	background-image:url(../img/FAQ_Banner.jpg);
}
#Habitaciones .banner-pags{
	background-image:url(../img/DESC_Banner.jpg);
}

#top-10 .flex, #blog-top-10 .flex {
	margin-bottom:25px;
	align-items: center;
	margin-top:0;
}
#top-10 .flex p, #blog-top-10 .flex p {
	margin-bottom:0;
}
.abeja{
	height:250px;
}
/*
@keyframes abeja-circ2{
	
0% {
    width:120px;
	height:120px;
	margin: 0 0 -60px -60px;
	bottom:10%;
	padding:48px 0;
}

100%{
	width: 130px;
    height: 130px;
    margin: 0 0 -20% -65px;
    bottom: 20%;
    padding: 30px 5px;
}}*/
.blog{
    height: 40.19vw;
}
#Bacalar .blog img {
    margin-left: 0;
}
#top-10 .caja, #blog-top-10 .caja, #Consentirte .caja {
   max-width: 90%;
    margin: 0 auto;
}
.fondo-crem {
   margin: 60px 10.5% 60px 8.5%;
       width: 81%;
}
#Historia, #History, #Consentirte, #Temas-hab {
     background-size: 800px 450px;
}
#Tu-Hogar .cuadro-crem, #your-home .cuadro-crem {
    height: 40px;
}
#Tu-Hogar .first, #your-home .first {
    padding: 0 5%;
}
#Sabias-que .arbol img, #did-you-know .arbol img{
    height: 250px;
    margin-left: -25px;}
#Consentirte .blog {
    height: 190px;
}
.box{
	display:flex;
	margin-bottom: -1vw;
}
.boxxi{
	width:49.5%;
	display:inline-flex;
}
#Galeria .box div:last-child, #Gallery .box div:last-child {
	margin-left:0;
}
#ph3 img, #ph4 img, #ph14 img, #ph15 img {
	width: unset;
	height: 100%;
}

.tab{
    padding-right: 8%;
}
.tab{
	padding-left:0;
}
.tabcontent{
    padding-left: 1.5%;
}
	
.boxing {
    padding: 0;
	display: flex;
}
.raya-deco{
	display: block;
    width: .5%;
    height: auto;
    margin: 0 3.8% 70px;
	max-width:3px;
}
.tabulador{
	width: 92%;
}
#Habitaciones .tabulador{
	width: 100%;
}
#Habitaciones .image{
    width: 50%;
    height: 33vw;
    margin: 0;
}
.foto-cuarto{
	display: flex;
    align-items: center;
	width: 92%;
}
.prev-box{
	    display: block;
    width: 50%;
	background:#e5cd88;
    position: relative;
    margin-left: 5%;
}
.prev-box div {
    margin: 2px 0;
    position: relative;
    left: -4%;
}
.prev-box div:first-child {
margin-top: 6px;
}
.tabcontent h2 {
    margin-left: -3%;
	padding-left: 11%;
}

.flx{
	display: flex;
}
.flx .raya-deco{
	background:#1cbcb9;
	z-index:10;
	margin-top: -100px;
	}
.preview {
    width: 48%;
    margin: 0;
}
.icons-hab {

     width: 75%;
}
.caracteristicas{
	padding-left: 0;
}
.fx{
	display: flex;
}
.caracteristicas .raya-deco{
	margin-top: 0;
    margin-bottom: 0;
	background:#d4ac38;
	    z-index: 10;
		    
}
.kj{
	width: 99%;
} 
.suite h2{
	margin-left: -11%;
}
.flx {
    padding: 0 8% 0 0;
}


}
	
@media screen and (min-width:600px){ 


#Paraiso-en-la-tierra .sectionH, #Paradise-on-earth .sectionH{
	padding:0;
 }
 .abeja{
	 width:32%;
	 display:inline-block;
    height: 31vw;
	margin: 15px 0; 
	}
 
#Sobre-Casa-Chukum, #About-Casa-Chukum{
	    margin-top: 25px;
}
#Sobre-Casa-Chukum .texto, #About-Casa-Chukum .texto{
    width: 65vw;
    margin-left: 25vw;
}


.cuarto-In3 .cuarto-cuadro p:after{content:"¡La suite más espectacular!"}
.cuarto-In4 .cuarto-cuadro p:after{	content:"El espacio ideal para el descanso que mereces."}

#Sleep .cuarto-In3 .cuarto-cuadro p:after{content:" Our most spectacular suite!"}
#Sleep .cuarto-In4 .cuarto-cuadro p:after{	content:" The ideal space for you!"}

#Social .insta .marca_agua {
    width: 35px;
    margin-top: -17.5px;
    margin-left: -17.5px;
}
.CloudBedsWidget .horizontal-widget{
	max-width:505px;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select {
    width: 120px!important;
}
#top-10 .flex, #blog-top-10 .flex, #Consentirte .flex{
		margin-top:0;
		margin-bottom: 40px;
}
#top-10 .flex2, #blog-top-10 .flex2{
	display: flex;
    align-items: center;
}

#top-10 .caja, #blog-top-10 .caja, #Consentirte .caja{
	display:inline-block;
	width:45%;
	padding:0;
}


#Todo-Bacalar .sectionH, #All-Bacalar .sectionH {
    padding:0;
}
/*@keyframes abeja-circ2{
	0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
}
100% {
    width: 130px;
    height: 130px;
    margin: 0 0 0 -65px;
    bottom: -40px;
    padding: 30px 5px;
}
}
*/
.sec-cta {
    padding: 60px;
}

#Bacalar .sec-cta{
	margin-top: 70px

}
#Todo-Bacalar .sectionH h2, #All-Bacalar .sectionH h2 {
    margin-top: 53px;
}
#pueblo-magico1{
	display:none;
}
#pueblo-magico, #Descubrelo .first, #Discover-it .first{
	display:inline-block;
	}
#pueblo-magico{
	background-image: url(../img/DISFRUTA_MAPA_BACALAR.jpg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
	height:450px;
	width:30%;
	z-index:0;
}
#Descubrelo .first, #Discover-it .first{
	width:70%;
	z-index: 20;
}

#Descubrelo, #Discover-it {
	display:flex;
	align-items:center;
	    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
	margin-bottom:44px;
	padding-bottom:0!important;
	margin-top:15px;
	padding-top:0!important;
}
#Descubrelo .sectionH, #Discover-it .sectionH{
	padding-right: 0;
    margin-right: -40px;
}
#Descubrelo h2, #Discover-it h2{
	padding:8px 15px;
}
#Descubrelo .degradado, #Discover-it .degradado{
	background: linear-gradient(to left, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
    width: 100%!important;
	
}

.blog{
	height:200px;
	 margin: 0!important;
		padding:0;
}
.blog-cuadro {
    left: -2%;
}
#top-10 .caja, #blog-top-10 .caja, #Consentirte .caja {
    width: 46.5%;
}
#top-10 .flex2 div:nth-child(2), #blog-top-10 .flex2 div:nth-child(2){
    margin: 10px 1% 10px 2%;
}
#top-10 .flex2 div:nth-child(3), #blog-top-10 .flex2 div:nth-child(3)  {
    margin: 10px 1% 10px 2%;
}
#Consentirte .flex2 .caja{
	margin:0 2%;
}
.fondo-crem {
    margin: 100px 0 0 10%;
    width: 90%;
    height: 200px;
}
#top-10 .si, #blog-top-10 .si, #Consentirte .si {
	max-height: 125px;
    margin-top: 63px;
}
#top-10 .no, #blog-top-10 .no, #Consentirte .no {
	display: block;
    margin: -10px 0 0 10%;
    height: 100px;
}

#Historia h3, #History h3{
	white-space: nowrap;
	transform: rotate(-90deg);
	height: 205px;
	float:left;
}
#Historia .sectionH, #History .sectionH {
	display: flex;
    align-items: flex-start;
}
#Historia .sectionH .h3, #History .sectionH .h3{
	width:50px;
	display:inline-block;
	margin-top:16px;
}
#Historia .sectionH .first, #History .sectionH .first {
	display:inline-block;
	margin-left:16px;
}
#Tu-Hogar h2, #your-home h2 {
    margin: 60px auto 0;
}
#Tu-Hogar .first, #your-home .first{
    padding: 0;
}
#Bacalar .blog img {
    height: 100%;
}
#Tu-Hogar, #your-home {
	display: flex;
    align-items: center;
}
#Tu-Hogar .cuadro, #your-home .cuadro{
	    width: 30%;
    overflow: hidden;
}
#Tu-Hogar .first, #your-home .first{
	    width: 70%;

    margin-left: 10px;
    margin-right: 10px;
}
#Tu-Hogar h2, #your-home h2{
	    margin-top: 0;
		text-align: left;
    padding: 10px 20px;
}
.doble{
	display:block;
	margin-top:4px;
}
#Tu-Hogar .first .caja div:first-child, #your-home .first .caja div:first-child {
width:2%;	
}
#Tu-Hogar .first .caja div:last-child, #your home .first .caja div:last-child {
width:19.70%;	
}
#Sabias-que .arbol, #did-you-know .arbol {
	width:20%;
}
#Sabias-que .arbol img, #did-you-know .arbol img{
    height: 167px;
}
#Sabias-que div:last-child, #did-you-know div:last-child {
	width:80%;
	    margin: 0 8% 0 16px;
}
#Sabias-que h2, #did-you-know h2{
text-align: left;
}

.foto-amb{
	display:block;
	width:40%;
	height:500px;
	background-image:url(../img/EXP_Medio_Ambiente_01.jpg)!important;
	background-size:cover!important;
	background-position:left!important;
}

.foto-amb:hover{
	background-image:url(../img/EXP_Medio_Ambiente_02.jpg)!important;
}
.foto-amb{
	transition: background-image 1s linear 0.2s;
}
#Ambiental, #environment {
	background:none;
	display:flex;
	align-items:center;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

#Ambiental .sectionH, #environment .sectionH{
	width:60%;
	    border: solid #0a0d28 15px;
    border-right: none;
	text-align:left;
}
#Sabias-que, #did-you-know {
	padding-bottom: 10px;
}
#Consentirte{
	padding-top:70px;
	background-position-y: -50px;
	margin-top: -10px;
}
#Consentirte .flex2{
	display: flex;
    align-items: flex-start;
	max-width: 1230px;
	    margin: 0 auto;
	
	}
#Consentirte hr{
	margin:20px 0;
	display:block;
}
#Consentirte .crm {
    min-height: 237px;
}
#ph3 img, #ph4 img, #ph14 img, #ph15 img{width:100%; height:unset;}


#Temas-hab{
	background-position-y: -30px;
}
#Habitaciones .tablinks {
   /*Eliminar esta parte cuando se eliminen las otras 2 habitaciones*/
	width: 22%;
}
#Habitaciones .tablinks{
		height:170px;
padding-top:70px;
}
#Habitaciones .tab .faq{
    height: calc(100% - 70px);
}
#Habitaciones .faq-cuadro {
    top: 75px;
}



}



@media screen and (min-width:720px){
.sec-cta img{
	width: 100%;

}}

@media screen and (min-width:768px){ 
.z1{
	font-size: 2.5rem;
	letter-spacing: 5px;
 }
 
.z2{
	font-size: 1.8rem;
	/*letter-spacing: 2.5px;*/

 }
 
.z3{
	font-size: 1.5rem;
	/*letter-spacing: 2.5px;*/
  }
  
 .z4, .p{
	font-size: 1.35rem;
	/*letter-spacing: 2.5px;*/
  }
.z5, .cta{
	font-size: 1.2rem;
	/*letter-spacing: 2.5px;*/
  }
.titulo {
    padding: 12px 40px;
}
#slider section div, #banner-index{
    height:55vh; 
}

#Sobre-Casa-Chukum, #About-Casa-Chukum {
    margin-top: 20px;
}
#Sobre-Casa-Chukum .texto, #About-Casa-Chukum .texto {
    width: 55vw;
    margin-left: 37vw;
}

.cuarto-In3 .cuarto-cuadro p, .cuarto-In4 .cuarto-cuadro p{
	font-size:.8rem;	
}

.cuarto-In3 .cuarto-cuadro p:after{content:"¡La suite más espectacular! Terraza privada de 25 mt2 para tu descanso, decoración única y exclusiva. Un sueño hecho realidad."}
.cuarto-In4 .cuarto-cuadro p:after{	content:"Doble cama MATRIMONIAL, el espacio ideal con el mejor estilo y diseño para el descanso que mereces."}
#Sleep .cuarto-In3 .cuarto-cuadro p:after{content:" Our most spectacular suite!  25 m2 of private terrace for optimal enjoyment, uniquely and exclusively decorated. A Dream Comes True."}
#Sleep .cuarto-In4 .cuarto-cuadro p:after{	content:" Double Beds, the ideal space with a beautiful decor and style to assure optimal rest and relaxation. "}

.cuarto-In1 .cuarto-cuadro, .cuarto-In2 .cuarto-cuadro{
	margin-right:35%;	
}
.sectionV {
    padding-top: 64px;
	padding-bottom:64px;
}
.sectionH {
    position:relative;
}
#Contacto .blck, #Contact .blck {
   width: 250px;
    position: absolute;
    top: 180px;
}
.mapa{
	margin: 10px 0 0 40px;
    width: calc(100% - 40px);
	height: 600px;
}
#Opiniones .flex, #Opinions .flex{
    display: flex;
    align-items: flex-start;
}
#tripadvisor{
	margin-right:10px;
}
#booking{
	margin-left:10px;
}
#Social .insta .marca_agua {
    width: 45px;
    margin-top: -22.5px;
    margin-left: -22.5px;
}
.CloudBedsWidget .horizontal-widget{
	max-width:645px;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select {
    width: 190px!important;
}
.banner-pags .cta-fantasma {
    width: 50%;
}
.banner-pags .contenedor {
    padding: 5px 50px;
    width: 50%;
}
.banner-pags {
	background-position: left;
}

.banner-pags .degradado{
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,.88) 60%);
}
#Descubrelo .sectionH, #Discover-it .sectionH {
    margin-left: -10px;
}
#pueblo-magico{
	width:48%;
}
#Descubrelo .first, #Discover-it .first{
	width:52%;
}
#Descubrelo .sectionH, #Discover-it .sectionH {
       margin-right: -40px;
    padding-left: 15%;
}
#Descubrelo .degradado, #Discover-it .degradado {
    background: linear-gradient(to left, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
}
.caja:hover .blog-In1 h3:after {
    content: "Impáctate con los amaneceres y atardeceres en la LAGUNA ¡los COLORES más INCREÍBLES que hayas visto están ahí!";
}
.caja:hover .blog-In2 h3:after {
    content: "¡Adrenalina total con el Tour en KAYAK & PADDLE SURF!";
}
.caja:hover .blog-In3 h3:after {
    content: "Navega y disfruta la laguna, desde un VELERO O LANCHA";
}
.caja:hover .blog-In4 h3:after {
    content: "¡Atrévete a nadar en el CENOTE DE LA BRUJA!";
}
.caja:hover .blog-In5 h3:after {
    content: "¡Relájate y embellece tu piel! EXFÓLIATE en el CANAL DE LOS PIRATAS!";
}
.caja:hover .blog-In6 h3:after {
    content: "Vuela sobre la increíble SELVA MAYA ¡desde la TIROLESA!";
}
.caja:hover .blog-In7 h3:after {
    content: "¡Remóntante a tiempos ancestrales! Conoce el SANTUARIO DE ESTROMATOLITOS";
}
.caja:hover .blog-In8 h3:after {
    content: "Conoce la historia viva de Bacalar, visitando el FUERTE DE SAN FELIPE y el MUSEO DE LOS PIRATAS";
}
.caja:hover .blog-In9 h3:after {
    content: "Remóntate a siglos de historia visita las impactántes ÁREAS ARQUEOLÓGICAS CERCANAS.";
}
.caja:hover .blog-In10 h3:after {
    content: "Disfruta con tu amor de una CENA ROMÁNTICA en la orilla de la laguna";
}



#blog-top-10 .caja:hover .blog-In1 h3:after {
    content: "Amaze yourself with the sunrises and sunsets from the lagoon, with the most incredible colors you have ever seen!";
}
#blog-top-10 .caja:hover .blog-In2 h3:after {
    content: "Feel the adrenaline with a Kayak or & Stand Up Paddle tour.";
}
#blog-top-10 .caja:hover .blog-In3 h3:after {
    content: "Navigate, Explore and Enjoy the lagoon on a Boat or a Catamaran.";
}
#blog-top-10 .caja:hover .blog-In4 h3:after {
    content: "Dare to swim in the deep Witch´s Cenote!";
}
#blog-top-10 .caja:hover .blog-In5 h3:after {
    content: "Relax and rejuvenate; exfoliate yurself at the Pirates Canal!";
}
#blog-top-10 .caja:hover .blog-In6 h3:after {
    content: "Fly over the incredible Mayan jungle on a zip line!";
}
#blog-top-10 .caja:hover .blog-In7 h3:after {
    content: "Travel back in time and visit the Stromatolites Sanctuary!";
}
#blog-top-10 .caja:hover .blog-In8 h3:after {
    content: "Learn about the rich history of Bacalar, visiting the San Felipe fort and the Pirates museum.";
}
#blog-top-10 .caja:hover .blog-In9 h3:after {
    content: "Go back in time and visit the astonishing archeological sites found nearby.";
}
#blog-top-10 .caja:hover .blog-In10 h3:after {
    content: "Enjoy a romantic dinner on the edge of the lagoon with that special someone.";
}

#top-10 .caja:hover h3, #blog-top-10 .caja:hover h3 {
   text-align:center!important;
   text-transform:none;
   font-size:.8rem!important;
   letter-spacing:0;
   padding-left: 30px;
    padding-right: 30px;
}
#Bacalar .caja:hover .blog-cuadro{
       margin-left: 0!important;
    padding: 5px 1px!important;
    left: 0;
    width: 100%;
	}
#Tu-Hogar .cuadro, #your-home .cuadro {
    width: 37%;
	max-width: 350px;
	margin-right: 10px;
}
#Tu-Hogar .first, #your-home .first {
    width: 67%;
    max-width: 500px;
    margin: 0 auto;
}
#Ambiental .sectionH, #environment .sectionH{
	padding: 15px 35px;
}
#Sabias-que, #did-you-know {
	    padding-left: 45px;
		    padding-right: 45px;
}
#Ambiental h2, #environment h2{
	width: 265px;
}

#Consentirte{
	padding-left:5%;
	padding-right:5%;
}

.contenido-faq{
	display: flex;
}
.contenido-faq .img{
	display: block;
    width: 30%;
    margin-right: 2%;
}
.panel-group{
	width: 68%;
    margin-bottom: 0;
}
.tablinks{
	height: 150px;
margin: 0 1.5%;
}

.faq-cuadro {
    top: 15px;
}
#Habitaciones .faq-cuadro{
	top:75px;
}
.faq-cuadro .p{
	font-size: 1.2rem;
}
.tab{
	    margin: 20px auto 35px;
}
.raya-deco{
	    margin-top: 35px;
}
#Habitaciones .tablinks {
    height: 210px;
}
#Historia, #History #Temas-hab{
	background-size: 1100px 600px;
}
.flx .raya-deco {
   margin-top: -110px;
}
#Temas-hab .tabcontent{
	 margin-top: 60px;
}
#Habitaciones .tablinks {
	/*tambien eliminar cuando se quiten 2 cuartos*/
    width: 23%;
    margin: 0 .5%;
}
.caracteristicas .raya-deco{
	width: 1%;
	margin-bottom: -50px;
}
.icons-cuadro .p{
	font-size: 1.20rem;
}
.suite h2 {
    margin-top: -30px;
    margin-left: -60px;
    padding-left: 60px;}
.caracteristicas{
	    padding-right: 5%;
}
.kj{
	display: flex;
	align-items: flex-start;
}
.suite{
	    padding-right: 30px;
}
#Habitaciones .tab{
	margin-top:0;
}
#Consentirte .crm {
    min-height: 201px;
}
.p2p2 {
    height: 47%;
}
#top-10 .blog-cuadro, #blog-top-10 .blog-cuadro {
	margin-right: 0!important;
}
}

@media screen and (min-width:879px){
#ph1 img, #ph11 img, #ph17 img{width:100%; height:unset;}

}

	 
@media screen and (min-width:1024px){
#Descubrelo .sectionH, #Discover-it .sectionH {
    margin-right: -70px;
    padding-left: 100px;
}
#Descubrelo h2, #Discover-it h2 {
	padding-left: 80px;
	}
#menu-bacalar .rec_menu, .rec_menu{
	background:rgba(255, 255, 255, .94);
	text-align: right;
    width: 1024px;
    left: 50%;
    margin-left: -512px;
}
#menu-bacalar .rec_menu .social, .rec_menu .social{
	display:inline;
}
#menu-bacalar .rec_menu .res-soc a, .rec_menu .res-soc a {
    display: inline;
    margin: 0;
    position: static;
	float:right;
}
#menu-bacalar .rec_menu .res-soc a:last-child, .rec_menu .res-soc a:last-child{
	padding-right: 20px;
    border-right: 1.3px solid rgba(1, 65, 105, .45);
	line-height: 24px;
    margin: 10px 15px 10px;
}
#menu-bacalar .rec_menu .res-soc a:first-child, .rec_menu .res-soc a:first-child{
	margin-right:20px;
}
#menu-bacalar .rec_menu .res-soc img, .rec_menu .res-soc img{
	width: 44px;
    height: 44px;
    padding: 4px;
	transform:scale(.75,.75);
}
#menu-bacalar .idioma a, .idioma a{
	float:left;
	display: inline;
    margin: 10px 0;
    position: static;
	line-height: 24px;
}
#menu-bacalar .idioma a:first-child, .idioma a:first-child{
    padding: 0 15px 0 20px;
    border-right: 1.3px solid rgba(1, 65, 105, .45);
}
#menu-bacalar .idioma a:last-child , .idioma a:last-child {
    padding-left: 15px;
}
	
#logo {
    left: 50%;
    margin-left: -22px;
	-webkit-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.42);
}

#menu-bacalar  img[src="https://casachukum.com/img/LOGO_principal.png"], header img[src="https://casachukum.com/img/LOGO_principal.png"] {
    margin-left: -45px!important;
}

/*MENU LATERAL*/

#hamb, #menu-bacalar .ca-menu li:nth-child(7), #menu-bacalar .ca-menu li:nth-child(8), #hamb, .ca-menu li:nth-child(7), .ca-menu li:nth-child(8) {
    display:none;
}
#hamburger{
	background:transparent;
}

#menu-bacalar nav, #menu-bacalar  input:checked ~ #menu-bacalar nav, nav, header input:checked ~ nav {
	width: 55px;
    max-width: 320px;
    height: 374px;
    max-height: calc(100vh - 44px);
    position: fixed;
    background: transparent;
    overflow: visible;
	z-index:86;
	padding: 10px 0;
	top:50%;
	margin-top:-165px;
}
#menu-bacalar .ca-menu, .ca-menu{
    padding:0;
    width: 55px;
	}
#menu-bacalar .ca-menu li, .ca-menu li{
    width: 55px;
    height: 55px;
	background: rgba(255, 255, 255, .94);
   }
#menu-bacalar .ca-content, .ca-content{
    position: absolute;
    left: 65px;
    width: 370px;
    height: 42px;
    top: 6.5px;
}
#menu-bacalar .ca-main, .ca-main{
	line-height: 43px;
 }

#menu-bacalar .ca-menu li:first-child:hover, .ca-menu li:first-child:hover{width:160px;}
#menu-bacalar .ca-menu li:nth-child(2):hover, .ca-menu li:nth-child(2):hover{width:275px;}
#menu-bacalar .ca-menu li:nth-child(3):hover, .ca-menu li:nth-child(3):hover{width:315px;}
#menu-bacalar .ca-menu li:nth-child(4):hover, .ca-menu li:nth-child(4):hover{width:205px;}
#menu-bacalar .ca-menu li:nth-child(5):hover, .ca-menu li:nth-child(5):hover{width:210px;}
#menu-bacalar .ca-menu li:nth-child(6):hover, .ca-menu li:nth-child(6):hover{width:325px;}
#menu-bacalar .ca-menu .faq1:hover, .ca-menu .faq1:hover{
	width:150px!important;} 
 
#slider section div, #banner-index{
    height:100vh; 
}
 
#btn-prev, #btn-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 35px;
  bottom: 10px;
  color:rgba(255, 255, 255, .95);
}

#scrollDown {
	transform: scale(1,1);
}
#banner-index .cta {
   bottom: 75px;
}
#scrollDown{
	margin-bottom:9px;
}
.izq {
    padding-left: 80px;
}
.der {
    padding-right: 80px;
}
 .sectionH, #Social{
	 padding-right: 8%;
    padding-left: 8%;
}
#Descansa .sectionH, #Sleep .sectionH{
	padding-right:7%;
}
#Sobre-Casa-Chukum .texto, #About-Casa-Chukum .texto {
    width: 46%;
    margin-left: 54%;
	padding:4%;
}
.abeja:hover .abeja-circulo{
	animation-name: abeja-circ;
    animation-duration: 1.5s;
    animation-fill-mode: forwards; 
}


#Descansa, #Sleep {
    background-size: 700px 360px;
}
#Descansa .flex2, #Sleep .flex2{
	display:flex;
align-items: flex-start;
}
#Descansa .caja1, #Sleep .caja1{
	width:42%;
	margin:50px 10px 35px 0;
}
#Descansa .caja2, #Sleep .caja2{
	width:58%;
	margin:35px 0 35px 10px;
}
#Descansa .caja2, #Sleep .caja2{
	background:#014169;
	position: relative;
    right: -20px;
}
#Descansa .caja2 .flex, #Sleep .caja2 .flex{
	position:relative;
	left:-15px;
}
#Descansa .blu, #Sleep  .blu{
	display:none;
}
.cuarto-In2 .cuarto-cuadro {
    margin-right: 17%;
}
.cuarto-In1 .cuarto-cuadro{
margin-right: 40%;
}
.cuarto-In2, .cuarto-In3, .cuarto-In4{
    height: 30vw;
}
.cuarto-In1{
	height: calc(60vw + 15px);
    margin-top: 0;
	max-height: 615px;
	}

.cuarto-In3, .cuarto-In4{
	margin-top: 15px;
    margin-bottom: 15px;
}
.cuarto-In2{
	margin-top: 15px;
}
.cuarto-In2 .cuarto-cuadro p:after{	content:"Amarás descansar en esta suite QUEEN en sintonía con la belleza de Bacalar."}
.cuarto-In3 .cuarto-cuadro p:after{content:"¡La suite más espectacular con Terraza privada de 25 metros!"}
.cuarto-In4 .cuarto-cuadro p:after{	content:"El espacio ideal con el mejor estilo y diseño."}
#Sleep .cuarto-In2 .cuarto-cuadro p:after{	content:" You will fall in love with this suite in tune with the beauty of Bacalar."}
#Sleep .cuarto-In3 .cuarto-cuadro p:after{content:" Our most spectacular suite!  25 m2 of private terrace "}
#Sleep .cuarto-In4 .cuarto-cuadro p:after{	content:" The ideal space with a beautiful decor and style."}


#Descansa .z4, #Sleep  .z4{font-size: 1.20rem;}

.cuarto-cuadro {
    bottom: 15px;
    left: -15px;
}
#booking {
    margin-left: 20px;
}
#tripadvisor {
    margin-left: 20px;
}

.testimonio {
    padding: 50px 25px 25px;
}

#Social div:last-of-type{
	display:none;
}
#Social .insta {
    height: 16.1vw;
    width: 16.1vw;
}
#Opiniones img, #Opinions img {
    max-width: 320px;
}
.CloudBedsWidget .horizontal-widget{
	max-width:860px;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select {
    width: 290px!important;
}

.banner-pags {
	background-position: center;
}
@keyframes abeja-circ{
	
0% {
    transform: scale(1,1)
}
100% {
    bottom: 10%;
    padding: 30px 10px;
    transform: scale(1.5,1.5);
}}

.abeja-circulo {
    width: 150px;
    height: 150px;
    margin: 0 0 -75px -75px;
    bottom: 3%;
    padding: 65px 0;
}
.abeja-In1 .abeja-circulo {
    padding: 50px 10px;
}


#Bacalar .blog-cuadro{
    margin: 0!important;
    padding: 5px!important;
    margin-left: -210px!important;
    bottom: 15px;
    left: unset;
    right: 0;
}


#top-10 .flex2 div:nth-child(2), #blog-top-10 .flex2 div:nth-child(2){
		margin:10px 1px 10px 2%;
}

#top-10 .flex2 div:nth-child(3), #blog-top-10 .flex2 div:nth-child(3){

	margin:10px 2% 10px 1px;
}
#top-10 .caja, #blog-top-10 .caja {
	width:48%;
}
.z2 {
    font-size: 2rem;
}
#top-10 hr, #blog-top-10 hr {display:none;}

#top-10 .flex3, #blog-top-10 .flex3{
	display:flex;
	align-items: center;
	margin-bottom:65px;
}
#top-10 .flex3 h2, #blog-top-10 .flex3 h2{
	margin-bottom:0;
}
#top-10 .flex, #top-10 .flex {
padding: 0 5%;
    width: 41%;
	margin-bottom:0;
}

.blog {
    height: 250px;
}


.blog img {
    margin-left: 0;
}

.caja h3, #top-10 .caja h3, #blog-top-10 .caja h3 {
    font-size: 1.05rem!important;
	text-align:center;
}
.caja:hover h3, #top-10 .caja:hover h3, #blog-top-10 .caja:hover h3 {
    font-size: 1.05rem!important;
	text-align:center;
}

.caja:hover .blog-cuadro{
padding: 5px 20px!important;
}
.caja:hover .LH h3:after {
       line-height: 40px;
}
#Todo-Bacalar .sectionH h2, #All-Bacalar .sectionH h2 {
    margin-top: 100px;
}
@keyframes abeja-circ2{
	0% {
    width: 150px;
    height: 150px;
    margin: 0 0 -75px -75px;
    bottom: 3%;
    padding: 65px 0;
}

100% {
    width: 175px;
    height: 175px;
    margin: 0 0 0 -85.5px;
    bottom: -70px;
    padding: 50px 25px;
}
}

.sec-cta .texto {
    padding: 35px;
}
.sec-cta {
    padding: 90px;
}
.fondo-crem {
    margin: 120px 1% 0 10%;
    height: 250px;
    width: 89%;
}
#top-10 .no, #blog-top-10 .no {
    display: block;
    margin: -10px 0 0 10%;
    height: 120px;
}
#top-10 .si, #blog-top-10 .si {
    max-height: 155px;
    margin-top: 73px;
}

#Chukum h1:before{
	content:"Experimenta Bacalar";	
}
#Chukum #chuk-h1:before{
	content:"Experience Bacalar";	
} 
#Historia .sectionH .first, #History .sectionH .first {
	display: flex;
    align-items: start;
}
#Historia .first div, #History .first div {
	margin:0 16px;
    width: 50%;
    text-align: left;	
}
#Historia .first div p:first-child, #History .first div p:first-child {
margin-top:0;
}
#Tu-Hogar .first, #your-home .first {
       max-width: 1000px;
    margin: 0 10px;
    width: 72%;
}
#Tu-Hogar .cuadro, #your-home .cuadro{
	   margin: 0;
    width: 28%;
	    height: 437px;
}
#Tu-Hogar .doble, #your-home .doble{
	display:flex;
}
#cf4ab {
    margin: 0 4px 0 0;
}
#Tu-Hogar .first .caja div:last-child, #your-home .first .caja div:last-child {
    width: 40%;
}
#cf4a {
    width: 37vw;
   height: 17.64vw;
}
#Tu-Hogar .sectionH, #your-home .sectionH {
   padding: 16px 28px;
}
#cf4ab img, #cf4ac img {
	max-width:500px;
}
#cf4ab, #cf4ac {
	overflow:hidden;
	height: 310px;
}
#Sabias-que div:last-child, #did-you-know div:last-child {
    margin: 0 4% 0 16px;
}
#Sabias-que .arbol, #did-you-know .arbol {
    width: 15%;
}
#Ambiental .sectionH, #environment .sectionH{
    border-left: solid #0a0d28 70px;
}
#Ambiental .sectionH, .foto-amb, #environment .sectionH{
    width: 50%;
	padding-right: 50px;
}
#Consentirte p{
	    font-size: 1rem;
}
#Consentirte {
    padding-left: 7%;
    padding-right: 7%;
}

#Consentirte .blog img {
    height: 100%;
}
#Consentirte .blog {
    height: auto;
	    max-height: 220px;
}
#Consentirte .crm{
	margin-top: -5px;
}
#Consentirte .crm {
    min-height: 181px;
}
#ph9 img, #ph10 img{
	width:100%; height:unset;
}
#chat {
    margin: 80px 8% 64px;
}
.raya-deco{
	    margin: 20px .5% 70px 7.5%;
}
.flx .raya-deco {
    margin: -130px 1.5% 70px 6.5%;
}
.tabcontent h2 {
    padding-left: 13%;
}
.preview {
    width: 47%;
    margin: 3px;
}
.caracteristicas .raya-deco {
    margin-left:3%;
	margin-right:4%;
}
.suite h2 {
    margin-top: -7%;
    margin-left: -14%;
}
.suite{
	width:61%;
}
.icons-ic{
width:39%;
}
.p2p2{height: 45.5%;}

}




@media screen and (min-width:1200px){
.cuarto-In1 .cuarto-cuadro p:after{	content:"Cama KING, descansa y disfruta de las amenidades y hermoso diseño de esta SUITE..."}
.cuarto-In2 .cuarto-cuadro p:after{	content:"Cama QUEEN, amarás descansar en esta suite, detalles únicos en decoración que hacen sintonía con la belleza de Bacalar."}
.cuarto-In3 .cuarto-cuadro p:after{content:"¡La suite más espectacular! Terraza privada de 25 m2 para tu descanso, decoración única y exclusiva."}
.cuarto-In4 .cuarto-cuadro p:after{	content:"Doble cama MATRIMONIAL, el espacio ideal con el mejor estilo y diseño para el descanso que mereces."}
#Sleep .cuarto-In1 .cuarto-cuadro p:after{	content:" Relax and enjoy a king size bed together with all the amenities that we have to offer as well as the amazing design of this suite… "}
#Sleep .cuarto-In2 .cuarto-cuadro p:after{	content:" Fitted with a Queen size bed, you will fall in love with this suite, which has unique details and exclusive decorations that are in tune with the beauty of Bacalar."}
#Sleep .cuarto-In3 .cuarto-cuadro p:after{content:" Our most spectacular suite!  25 m2 of private terrace for optimal enjoyment, uniquely and exclusively decorated.  A Dream Comes True."}
#Sleep .cuarto-In4 .cuarto-cuadro p:after{	content:" Double Beds, the ideal space with a beautiful decor and style to assure optimal rest and relaxation."}

.cuarto-In4 {
    margin-left: 15px;
}
#Social .insta {
    height: 19vw;
    width: 19vw;
}
#Social{
	padding-left:0;
	padding-right:0;
	
}
.banner-pags {
    height: 18vw;
	background-position:top;
}
#top-10 .flex, #blog-top-10 .flex {
    width: 51%;
    margin: 0 auto;
}

#cf4a{
	width:100%;
	max-width:1000px;
	height:280px;
	    overflow: hidden;
}
#Tu-Hogar .cuadro, #Tu-Hogar .first, #your-home .cuadro, #your-home .first{
	width:50%;
}
#Tu-Hogar .cuadro, #your-home .cuadro{
	height:auto;
	max-width:650px;
	max-height: 515px;
}
 #Tu-Hogar .first, #your-home .first{
    margin: 0 45px;
}
#ph5 img, #ph13 img, #ph7 img, #ph8 img{
	width:100%; height:unset;
}
.suite h2 {
    margin-top: -9%;
    margin-left: -17%;
    margin-bottom: 20px;
}
.icons-hab {
    margin-top: 16px;
}
.caracteristicas .raya-deco {
    margin-top: -20px;
}
.cuarto-In2, .cuarto-In3, .cuarto-In4 {
    max-height: 300px;
}
.cuarto-In2 .cuarto-cuadro, .cuarto-In3 .cuarto-cuadro, .cuarto-In4 .cuarto-cuadro {
    bottom: 6px;
}
#Bacalar .abeja:hover h3{
	margin-bottom:7px;
}
#Bacalar .blog img {
    width: 100%;
}
#Consentirte .crm {
    min-height: 160px;
}
#Consentirte .flex2 .caja{
	max-width:565px;
}
.sec-cta .texto {
    max-width: 450px;
}

}

@media screen and (min-width:1333px){
#Bacalar .caja:hover .blog-In5 h3:after{
	line-height: 40px;
}
}
@media screen and (min-width:1339px){
#Bacalar .caja:hover .blog-In10 h3:after{
	line-height: 40px;
}
}

@media screen and (min-width:1415px){
	#Consentirte .blog img {
    height: 100%;
}
}





/*INICIA ADAPTACION A SOLO INGLES- borrar al agregar italiano*/
#menu-bacalar .ca-menu li .it, .ca-menu li .it, #menu-bacalar .rec_menu .idioma .it, .rec_menu .idioma .it, #mapa-del-sitio .it {display:none!important;}
#menu-bacalar .idioma a:first-child, .idioma a:first-child, #menu-bacalar .ca-menu li .ca-content a, nav .ca-menu li .ca-content a{
    border:none!important;
}
#Form .cta{
width: 117.68px;
}

/* DOS CUARTOS-borrar al agregar mas habitaciones*/
#Descansa .cuarto-In4, #Descansa .cuarto-In3, #Sleep  .cuarto-In4, #Sleep .cuarto-In3{
	display:none;
}
#Descansa .cta, #Sleep .cta{
	margin-top:30px;
}



.tab #Suite-Chukum, .tab #Matrimonial{
	display:none;
}


@media screen and (min-width: 1024px){
.cuarto-In2 {
    height: calc(60vw + 15px);
    max-height: 615px;
	margin-top:0;
}
.cuarto-In2 .cuarto-cuadro {
    bottom: 15px;
	margin-right: 38%;
}
#Descansa .blu, #Sleep .blu {
    display:block; 
}
#Descansa .flex .blu, #Sleep .flex .blu {
    display:none; 
}
#Descansa .caja1, #Sleep .caja1 {
    margin-top: 55px;
}
#Descansa .cta, #Sleep .cta {
    margin-top: 0px;
}

#Descansa .caja2, #Descansa .caja1, #Sleep .caja2, #Sleep .caja1 {
    width: 50%;
}

}



/*INICIAN CAMBIOS EN TIPOGRAFÍAS */


body, html{
	font-size:19px!important;
	line-height:26px!important;
	overflow-x: hidden;
}
html{
	    overflow: unset;
}
h2, h3, .banner, .sec-cta, .p, z2, z3, z4, z5, z6{
		letter-spacing: 5px;
}
h2, .banner, z2, z3, z4, z5{
		line-height: 34px;
}
.Header h1, h1, z1{
		letter-spacing: 10px;
		line-height: 38px;
}
.z5, .cta, h4 {
    font-size: 1rem;
}
.z6 {
    font-size: .9rem;
}
.cuarto-cuadro h3{
	text-align:left;}
	

#banner-index .cta {
   margin-left: -114px;
}
.abeja:hover .abeja-circulo p{
	line-height: 20px;
    font-size: .8rem;
}
.cuarto-cuadro .z2,.cuarto-cuadro .z3{
	font-size:1.23rem;
}
.testimonio .z3{
	margin:15px auto 10px;
}
.abeja{
	    margin: 75px auto;
}
#Paraiso-en-la-tierra, #Paradise-on-earth{
	padding-bottom:0;
}

	
@keyframes abeja-circ{
0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
}
100% {
        width: 160px;
    height: auto;
    margin: 0 0 -20% -80px;
    bottom: 10%;
    padding: 15px 10px;
    border-radius: 0 30%;
}}
#Contacto .blck p, #Contact .blck p {
    font-size: .8rem;
}
q{
	    font-size: .95rem;
}
.banner-pags h1{
	line-height: 1.7rem;
    letter-spacing: 5px;
}
#top-10 h3, #blog-top-10 h3{
	font-size: .9rem;
	letter-spacing:2px;
}
.blog-cuadro {margin: 0 100px 0 0!important;}
.blog-In1{margin-right:50px!important;}
.blog-In3, .blog-In8{margin-right:70px!important;}

.abeja:hover .gastronomia{
	font-size:1rem;
}
#Habitaciones .banner-pags .contenedor {
    padding: 5px 6%;
}
#Habitaciones .faq-cuadro, #FAQ .faq-cuadro{
	line-height:19px;
}
.preview {
    width: 45%;
}
.servicio-cuarto hr{
	margin:10px;
}

.icons-cuadro .p{
	margin-left:-5px;
	font-size:.8rem;
	margin-top:-2px;
}
.icons-cuadro {
    height: 120px;
    margin-top: -60px;
}
.ic img {
    width: 40%;
}
#FAQ .banner-pags .contenedor {
    padding: 5px 5%;
}
#Temas #duda{
	font-size: 1.1rem;
}
#Temas h3{
	    letter-spacing: 3px;
}
 #Temas #actividades{
	letter-spacing:.5px;
}
footer{
	font-size:.7rem;
}
.banner-pags h1{
	font-size: 1.5rem;
    padding-top: 70px;
}
.banner-pags {
    height: 250px;
}

@media screen and (min-width: 480px){
.cuarto-cuadro p {
    font-size: .9rem;
}
.banner-pags {
    height: 250px;
}

}
@media screen and (min-width: 600px){
#Paraiso-en-la-tierra h2, #Paradise-on-earth h2{
	margin-right:100px;
}
#pueblo-magico {
   height: 628px;
}
.blog-In3, .blog-In8 {
    margin-right: 40px!important;
}
#Bacalar .abeja {
    margin: 15px auto 75px;
}
#Bacalar .sec-cta {
    margin-top: 0px;
}
#pueblo-magico {
    height: 700px;
    background-position: -180px;
}
@keyframes abeja-circ2{
	0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
	border-radius:50%;
}
100% {
    width: 150px;
    height: auto;
    margin: 0 0 -30% -75px;
    bottom: 10%;
    padding: 15px 10px;
	transform:scale(.9);
		border-radius:0 30%;

}}
@keyframes abeja-circ{
0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
}
100% {
        width: 160px;
    height: auto;
    margin: 0 0 -20% -80px;
    bottom: -20%;
    padding: 15px 10px;
    border-radius: 0 30%;
}}
#Historia .sectionH .h3, #History .sectionH .h3 {
    width: 80px;
    display: inline-block;
    margin-top: 65px;
}
#Tu-Hogar .cuadro, #your-home .cuadro {
      max-height: 974px;
	  margin-top: 16px; 
}
#cf4a img, #cf4ab img, #cf4ac img {
      height: 100%;
}
#cf4a, #cf4ab, #cf4ac {
    height: 50vw;
}
#Sabias-que .arbol, #did-you-know .arbol {
    width: 30%;
}
#Sabias-que p, #did-you-know p {
    text-align: left;
margin-bottom:0;
}
#Sabias-que div:last-child, #did-you-know div:last-child {
    width: 70%;
}
.foto-amb {
    height: 650px;
   background-position: center!important;
}
#Consentirte .blog-cuadro {
   max-width: 80%;
}
#eco-alberca{
	    height: 52px;
    line-height: 52px;
}
#serv-2, #serv-1{
    height: 416px!important;
	min-height: 416px!important;
}
#serv-3, #serv-4{
    height: 286px!important;
	min-height: 286px!important;
}

#Consentirte p{
	max-width: 247px;
    margin: 16px auto
}
}
@media screen and (min-width: 768px){
.z1 {
    font-size: 2.5rem;
    letter-spacing: 12px;
}
h2, .banner, z2, z3, z4, z5 {
    line-height: 40px;
}
.testimonio{
	    min-height: 853px;
}
.abeja{
	    margin: 30px auto;
		-webkit-transition: margin-bottom 2s; 
		transition: margin-bottom 2s;
}
.abeja:hover{
	margin-bottom:10px;
}

.blog-cuadro {
    padding: 5px 7px!important;
}

#pueblo-magico {
    background-position: -130px;
}
#top-10 .caja:hover h3, #blog-top-10 .caja:hover h3 {
     line-height: 19px;
}
#Historia .sectionH .h3, #History .sectionH .h3 {
    margin-top: 75px;
	width: 100px;
}
#Tu-Hogar .cuadro, #your-home .cuadro {
    max-height: 874px;
}
#cf4a img, #cf4ab img, #cf4ac img {
    width: 100%;
}
#Sabias-que .arbol, #did-you-know .arbol {
    width: 20%;
}
#Sabias-que div:last-child, #did-you-know div:last-child {
    width: 80%;
}
#Ambiental h2, #environment h2 {
    width: 365px;
}
.foto-amb {
    height: 620px;
}
#Consentirte .crm {
    min-height: 343px;
}

#Habitaciones .faq-cuadro {
    line-height: 30px;
}
.Header h1, h1, z1 {
    line-height: 50px;
}
.banner-pags h1{
	font-size: 1.8rem;
	line-height: 1.9rem;
}
#Habitaciones .banner-pags .contenedor, #FAQ .banner-pags .contenedor {
    padding: 0;
    margin-top: 20px;
}
.banner-pags {
    height: 290px;
}
#serv-2, #serv-1{
    height: 365px!important;
	min-height: 365px!important;
}
#serv-3, #serv-4{
    height: 261px!important;
min-height: 261px!important;
}

#Consentirte p{
	max-width: 290px;
}
@keyframes abeja-circ{
0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
}
100% {
         width: 190px;
    height: auto;
    margin: 0 0 -20% -95px;
    bottom: 0%;
    padding: 15px 10px;
    border-radius: 0 30%;
}}
}
@media screen and (min-width: 1024px){
	.testimonio {
    min-height: 754px;
}
#Paraiso-en-la-tierra h2, #Paradise-on-earth h2{
	margin-right:180px;
}
h2, .banner, z2, z3, z4, z5 {
    line-height: 50px;
}
.cuarto-In1 .cuarto-cuadro, .cuarto-In2 .cuarto-cuadro {
    margin-right: 0;
    width: 320px;
}
#pueblo-magico {
    background-position: -50px;
}
#top-10 .flex3 h2, #blog-top-10 .flex3 h2 {
    max-width:50%;
}
#top-10 .flex, #blog-top-10 .flex {
    padding: 0 0 0 5%;
   }
   #top-10 .caja:hover h3, #blog-top-10 .caja:hover h3 {
    line-height: 25px;
}
#Bacalar .abeja-circulo .z6{font-size:1rem;}
#Bacalar .abeja:hover .abeja-circulo .z6 {
    font-size: 1.2rem;
}
@keyframes abeja-circ2{
	0% {
    width: 150px;
    height: 150px;
    margin: 0 0 -75px -75px;
    bottom: 3%;
    padding: 65px 0;
}
100% {
    width: 190px;
    height: auto;
    margin: 0 0 -25% -85px;
    bottom: 10%;
    padding: 15px 10px;
	border-radius:0 30%;
}}

#top-10 .caja:hover h3, #blog-top-10 .caja:hover h3 {
    font-size: .9rem!important;
}
#Bacalar .abeja:hover .abeja-circulo p {
    font-size: .9rem;
}
#Historia .sectionH .h3, #History .sectionH .h3 {
    margin-top: 55px;
}
#Tu-Hogar .doble, #your-home .doble {
   display: block;
}
#cf4ab, #cf4ac {
    height: 250px;
}
#Tu-Hogar .cuadro, #your-home .cuadro {
     height: auto;
}
#Ambiental h2, #environment h2 {
    width: auto;
}
.foto-amb{
	    width: 40%;
		height: 590px;
}
#Ambiental .sectionH, #environment .sectionH {
    width: 60%;
}
#Consentirte .blog-cuadro {
    max-width: unset;
}
#eco-alberca {
    height: unset;
    line-height: unset;
}
#Consentirte .crm {
    min-height: 281px;
}
#Tu-Hogar h2, #your-home h2 {
    width: 90%;
}
#Tu-Hogar .first, #your-home .first {
    margin: 0 2%;
	    width: 65%;
}
#Tu-Hogar .first .caja div:last-child, #your-home .first .caja div:last-child {
    width: 20%;
}
.banner-pags h1{
	font-size: 2rem;
}
#Chukum .banner-pags .contenedor {
    padding: 5px 0px;
}
.banner-pags {
    height: 300px;
}
.banner-pags h1 {
    padding-top: 100px;
	padding-right: 20px;
}
#serv-2, #serv-1{
    height: 313px!important;
	min-height: 313px!important;
}
#serv-3, #serv-4{
    height: 209px!important;
min-height: 209px!important;
}

#Consentirte p{
	max-width: 378px;
}
@keyframes abeja-circ{
0% {
    width: 120px;
    height: 120px;
    margin: 0 0 -60px -60px;
    bottom: 10%;
    padding: 48px 0;
}
100% {
         width: 190px;
    height: auto;
    margin: 0 0 -20% -95px;
    bottom: 7%;
    padding: 15px 10px;
    border-radius: 0 30%;
}}

}
@media screen and (min-width: 1200px){
	.testimonio {
    min-height: 650px;
}
#Tu-Hogar .doble, #your-home .doble {
    display: flex;
}
#Tu-Hogar .cuadro, #your-home .cuadro {
   height: 630px;
}
#cf4a img, #cf4ab img, #cf4ac img {
    height: 100%;
	width:auto;
}
#cf4ab, #cf4ac {
    height: 350px;
}
#Ambiental .sectionH, .foto-amb, #environment .sectionH {
    width: 50%;
}
#Consentirte .crm {
    min-height: 229px;
}

.cuarto-In2 .cuarto-cuadro {
    width: 390px;
}
#serv-2, #serv-1{
    height: 261px!important;
	min-height: 261px!important;
}
#serv-3, #serv-4{
    height: 183px!important;
min-height: 183px!important;
}

#Consentirte p{
	max-width: 447px;
}

}
@media screen and (min-width:1333px){
#Bacalar .caja:hover .blog-In5 h3:after{
	line-height: 25px;
}
}
@media screen and (min-width:1339px){
#Bacalar .caja:hover .blog-In10 h3:after{
	line-height: 25px;
}
}
@media screen and (min-width: 1360px){
	.testimonio {
    min-height: 598px;
}
#serv-2, #serv-1{
    height: 235px!important;
	min-height: 235px!important;
}

#Consentirte p{
	max-width: 512px;
}

}
/*TERMINAN CAMBIOS EN TIPOGRAFIA*/




/*INICIAN CAMBIOS EN PALETA DE COLORES*/

.cuarto-cuadro h3, #Contacto .blck p span, #Contact .blck p span, #Opiniones h2, #Opinions h2,  #Sobre-Casa-Chukum h2, #About-Casa-Chukum h2, #top-10 .blog-cuadro h3, #blog-top-10 .blog-cuadro h3{
	color: #d4ac38;
	text-shadow:1px 1px rgba(10,13,40.8);
}
.faq-cuadro{
	color: #a78a36;
	text-shadow:1px 1px rgba(10,13,40.8);
}

.cuarto-cuadro p, #Contacto .blck p, #Contact .blck p, .caja:hover .blog-cuadro h3::after{
	color: #0a0d28;
	text-shadow:none;
}

.cuarto-cuadro, #Contacto .blck, #Contact .blck, #top-10 .blog-cuadro, #blog-top-10 .blog-cuadro {
	background: rgba(255, 255, 255, .9)!important;
	box-shadow:0 10px 20px 0 rgba(10,13,40,.8);
}
.faq-cuadro{
	background: rgba(255, 255, 255, .8)!important;
	box-shadow:0 10px 20px 0 rgba(10,13,40,.8);
}
.titulo{
	background: rgba(10,13,40,.9);
	color:#fff;
}
.cta{
	background:#d4ac38;
}
#Contacto, #Contact, #Galeria, #Gallery {
    background: #fff;
    background-image: url(../img/ART_DECO_PATTERN_3.png);
    background-position: right;
    background-size: 400px 210px;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
}
#Forma .cta, #Form .cta,  #Social .cta {
    color: #fff!important;
}
#tripadvisor .testimonio{
	background: #fff!important;
    border: solid 1px #efcf86;
}
#booking .testimonio{
	background: #fff!important;
    border: solid 1px #e3fbff
}
#Social {
    background: rgba(10, 13, 40, .9);
}
footer{
	background: #ededed!important;
	    line-height: .9rem;
}
footer a, footer p{
	color:#0a0d28!important;
}
footer .con {
    border-right: rgba(10, 13, 40, .8) solid 1px;
}
#Sobre-Casa-Chukum .crem, #About-Casa-Chukum .crem, #Descansa .caja2, #Sleep .caja2,  #Descansa .blu, #Sleep .blu, .fondo-crem, .prev-box{
	background:transparent;
}
#Sobre-Casa-Chukum .fondo, #About-Casa-Chukum .fondo{
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}


#Tu-Hogar .caja h2, #Tu-Hogar .caja h2 span, #your-home .caja h2, #your-home .caja h2 span {
	font-size:1.5rem;
}
#Tu-Hogar .cuadro-crem, #your-home .cuadro-crem{
	display:none;
}
#Tu-Hogar .caja h2, #your-home .caja h2{
	margin: 0;
    width: 100%;
	box-shadow: none;
	text-align:center;
}

#Tu-Hogar .sectionH, #your-home .sectionH{
	background:#fff;
	border: solid 1px #efcf86;
	}
#Tu-Hogar .first, #your-home .first {
	margin: 30px 3% ;
	padding: 0;
	 
}	
.tab .active .faq-cuadro, .tablinks:hover .faq-cuadro {
    background-color: rgba(250,250,250,.9)!important;
	color: #d4ac38;
}
.servicio-cuarto{
	background:#fff;
}
.icons-cuadro{
	display:none;
}
.icons-hab{
	padding-left:10px;
}
.caracteristicas .raya-deco{
	visibility:hidden;
}
#Temas {
    background-image: url(../img/ART_DECO_PATTERN.png);
    background-position: top;
    background-size: 1100px 600px;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}
@media screen and (min-width: 480px){

.flx .raya-deco {
     margin-top: -74px;
}
#Temas {
    background-size: 800px 450px;
}
}

@media screen and (min-width: 600px){
#Ambiental .sectionH, #environment .sectionH {
    border-color: transparent;
	outline: solid 1px #efcf86;
}
#Tu-Hogar .first, #your-home .first {
    margin: 0px 3%;
}
}
@media screen and (min-width: 768px){
	#Tu-Hogar .caja h2, #Tu-Hogar .caja h2 span, #your-home .caja h2, #your-home .caja h2 span {
		font-size: 1.8rem;
	}
	.flx .raya-deco {
    margin-top: -90px;
}
#Temas{
background-size: 1100px 600px;
}


}
@media screen and (min-width: 1024px){
#Contacto, #Contact,  #Galeria, #Gallery {
    background-size: 700px 360px;
}
.caja:hover .LH h3:after {
       line-height: 25px;
}
#Tu-Hogar .caja h2, #Tu-Hogar .caja h2 span, #your-home .caja h2, #your-home .caja h2 span {
		font-size: 2rem;
	}
	.flx .raya-deco {
    margin-top: -105px;
}
}

/*TERMINA ADAPTACIÓN DE COLOR*/




/*INICIA DISEÑO NUEVO CAJA DE ARENA*/

#Contacto, #Contact, #Galeria, #Gallery {

	    background:rgba(237, 237, 237, .8)!important;
}
#Contacto, #Contact,  #Galeria, #Gallery {
    margin-bottom: 20px;
}

#Tu-Hogar, #Tu-Hogar .caja h2, #your-home, #your-home .caja h2 {
    background: #f6f6f6;
}

#Sabias-que, #did-you-know {
	    padding-top: 54px;
}
#Galeria, #Gallery {
    padding-bottom: 44px;
}
.caracteristicas .raya-deco {
    visibility:visible;
}
.icons-hab {
    width: 75%;
}
.suite .truc{
	margin:15px;
}
.icons-cuadro {
    display:block;
	left:-26px;
	background:#0a0d28;
}
.icons-cuadro .p{
letter-spacing: 3px;
    padding: 11px 0
	}
.suite h2{
	    border: solid 1px rgba(237, 237, 237, .6);
}

#Temas-hab .cta{
	background:#0a0d28;
}


@media screen and (min-width: 480px){

.suite .truc{
	margin:25px;
}
}
@media screen and (min-width: 600px){

.texto-cuarto{
	padding: 15px;
    background: rgba(255, 255, 255, .5);
    border-radius: 3px;
	-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
	-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.42);
    box-shadow: 4px 4px 4px -2px rgba(0,0,0,.42);

}
}
@media screen and (min-width: 768px){

#Tu-Hogar, #your-home {
    padding-top: 0px;
    padding-bottom: 16px;
}
.banner-pags h1 {
    font-size: 1.6rem;
}
.texto-cuarto{
    background: rgba(255, 255, 255, .7);
}

.kj {
    display: block;
}
.icons-hab{
	transform: scale(1.4,1.4);
	margin-top:85px;
	margin-bottom:70px;
}
.caracteristicas .raya-deco {
    margin-bottom: 0;
}
.icons-cuadro {
    transform: scale(.8,.8);
    left: -23px;
}
#Temas-hab .cta {
    transform: scale(1.2,1.2);
}
}

@media screen and (min-width: 1024px){
#Galeria, #Gallery {
    padding-bottom: 64px;
}
.icons-hab {
    margin-top: 105px;
}
.kj {
    display: flex;
align-items: flex-start;
}
.suite, .icons-ic {
    width: 50%;
}
}
@media screen and (min-width: 1200px){

.icons-ic {
    width: 40%;
    transform: scale(.9, .9);
}
.suite{
	width:60%;
	margin-right: 20px
}
.icons-hab {
    margin-top: 97px;
}


}

/*TERMINA CAJA DE ARENA */






/*INICIA NUEVO PIE DE PAGINA */
footer{
	line-height: 20px;
}
footer .logo img{
	margin: 0 auto;
    max-width: 130px;
}
footer .res-soc{
	padding-top: 18px;
}
footer .res-soc img{
	width: 44px;
    height: 44px;
    padding: 4px;
    transform: scale(.75,.75);
}
footer div a {
    padding: 0 ;
}
footer .con{
	border:none!important;
}
footer .logo{
	    margin-bottom: 16px;
}
footer .infinito{
	    font-size: .5rem;
    margin-top: 30px;
}
footer .tel:hover{
	color:#0a0d28!important;
}
@media screen and (min-width: 600px){

footer .pie-caja{
	display: flex;
    text-align: left;
}
footer .pie-caja .caja-pie1{
	width:45%;
}
footer .pie-caja .caja-pie2{
	width:55%;
}
footer .infinito {
    margin-top: 25px;
}

}

@media screen and (min-width: 768px){
footer{
display:flex;
    margin-bottom: -10px;
    padding-bottom: 0;
}
footer .pie-caja{
	width:70%;
}
footer .logo{
	width:30%;
}
footer .logo img{
    margin-right: 40px;
    width: 80%;
	max-width: 190px;
}


}

@media screen and (min-width: 1024px){

footer .pie-caja{
	width:65%;
}
footer .logo{
	width:35%;
}
}


/*BLOG*/