@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
/*@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic);*/

body{
  background: #fff;
  /* font-family: 'Playfair Display', serif; */
  font-family: 'Source Sans Pro', sans-serif!important;
  color: #353535!important;
  font-size: 18px !important;
}
.container{
  width: 1200px !important;
}
.row{
  margin: 0 !important;
}
.testborder{
  border:1px dashed #000;
}
.no-padding{
	padding: 0!important;
}
.space-top{
  margin-top: 35px;
}
.space-bottom{
  margin-bottom: 35px;
}
.htitulo{
  font-family: 'Playfair Display', serif;
}
.permed{
  width: 20%;
  display: inline-block;
}
header{
  background: url(../img/bg-header.png) repeat;
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  color: #fff;
}
header a, header p, header li{
  color: #fff;
  font-size: 15px;
}
header a:hover, header a:active, header a:link, header a:visited{
  color: #fff;
  text-decoration: none;
}
header .fa{
  font-size: 20px;
  margin-top: -2px;
}
.logwhats{
  scale: 1.2;
}
.container-header{
  background: url(../img/bg-header.png) repeat;
  height: 100%;
  width: 1200px ;
  margin: 0 auto;
}

nav{
  width: 100%;
  height: 100%;
  margin-left: 35px;


}
.btnreservar{
      border: 2px solid white;
    padding: 9px 14px;
}
.tess{
  text-align: center;
}
nav ul{
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: auto;
  height: 100%;

}
nav ul li{
  display: block;
  float: left;
  margin: 0px;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  height: 100%;

}
nav ul li a{
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  height: 120px;
  line-height: 120px;

}
.telinf{
 color:  #353535!important;
}
.telinf {
  color:  #353535!important;
 }
.telinf i{
  margin-right: 7px;
}
.bgger{
  font-size: 1.1em;
}
nav ul .active a{
  border-bottom: 4px solid #fff;
}
nav ul li a:hover{
   border-bottom: 4px solid #fff;
}
section{
  padding-bottom: 50px;
}

header .datos-contacto{
 background:   url(../img/bg-nav-right.jpg) left center no-repeat;
 height: 120px;
}
header .item-datos-contacto{
   margin-top: 38px;
}
header .item-datos-contacto p{
   padding-top: 12px;
}
.item-datos-contacto p i{
  margin-right: 10px;
}
.item-datos-contacto p.telefonos{
  padding-top: 0px;
}
.enlaces-redes a{
  margin-top: 38px;
  text-align: center;
  font-size: 25px!important;
}

/* ========================
   Portada
  ========================= */
.slide-portada{
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding-bottom: 0px;
}
#captions{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 0;
  margin-left: 25%;
}

#captions-spa{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 0;
  margin-left: 25%;
}

#captions .title-page{
	margin: auto;
	margin-bottom: 25%;
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	width: 50%;
}

#captions-spa .title-page{
  margin: auto;
  margin-bottom: 40%;
  color: #fff;
  position: relative;
  z-index: 10;
  text-align: center;
  width: 50%;
}
#captions .txt-slide{
    margin: auto;
	margin-bottom: 0px;
	color: #fff;
	position: relative;
	z-index: 10;
	text-align: center;
	width: 70%;
    background: #fff;
    height: 130px;
    color: #725f4b;
}
#captions .txt-slide h2{
   color: #725f4b;
   font-family: 'Playfair Display', serif;
   font-size: 49px;
   padding-top: 10px;

}

.carousel-indicators{
  bottom: 130px!important;
}

/* Historia ---------- */
/*section.historia{
  margin-top: 30px;
}*/
.historia{padding-bottom: 50px !important;}
.titulo-seccion{
  margin-top: 30px;
}
.titulo-seccion h2{
  color: #353535;
  font-size: 45px;
  margin: 0;
}
.titulo-seccion h2 small{
  font-size: 18px;
  color: #353535;
  margin-top: 0px;
display: block;
}
section.historia p{
  padding-left: 15px;
  padding-right: 15px;
  margin: 32px 0 0;
}
.desc-txt p{
  margin: 0 !important;
}

.info-aqua{
   background: url(../img/bg-header.png) repeat;
   color: #fff;
   padding-bottom: 10px!important;
}
.info-aqua p{margin: 0px 20px 10px;}
/* servicios ---------- */
.servicios{
  padding-bottom: 50px!important;
  padding-top: 50px!important;
}
.servicios h3, .servicios p, .servicios a{
  color: #353535;
}

.item-servicio{
  position: relative;
  overflow: hidden;
  height: auto;
  
 }

.info-hover{
  position: absolute;
   top: 110%;
   left: 6%;
   z-index: 4;
   background: rgba(237,200,172,.6);/*url(../img/bg-info-hover.png) repeat*/
   width: 88%;
   height: 95%;
   float: left;
   opacity: 0;
   padding: 7px;
   margin: auto;
   transition: all 800ms linear;
   text-align: center;
}
.h3-titulo{
  transition: all 500ms linear;
}
.item-servicio:hover .info-hover,.item-servicio:focus .info-hover{
  top:2.5%;
  opacity: 1;
}

.item-servicio:hover .h3-titulo{
  /*display: none;*/
  transform: translateY(100%);
}
.info-hover h3{
  margin-top: 40%;
  color: #353535;
  font-size: 30px;
  font-weight: 700;
}

.imagen-seccion{
   position:absolute;
   top: 0px;
   left: 0px;
   z-index: 1;
}
.imagen-seccion h3{
  position: absolute;
  bottom: 0;
  z-index: 2;
  background: url(../img/bg-title.png);
  background-size: 100% 100%;
  padding: 30px 75px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: #353535;
}

.p-bottom{padding-bottom: 50px !important;}



.mapa-ubicacion{
  height: 350px;
  background: #EEEEEE;
}

.bloque_siguenos{
  background: #efc3a6;
  height: 120px;
}

.spa-logo{
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.intro-spa{
  line-height: 1.5;
  font-size: 22px;
  text-align: center;
  background: url('../img/spa-01.jpg');
  background-size: cover;
}

.btn-white{
  text-decoration: none;
  color:#fff;
  margin: auto;
  padding: 3px;
  width: 150px;
  font-size: 18px;
  border: 2px solid #fff;
  display: inline-block!important;
  margin-top: 40px;
  margin-bottom: 55px;
}
.intro-spa a.btn-white:hover{
  text-decoration: none!important;
  color: #fff!important
}
/*---contacto---*/
.formulario-contacto{
  margin: 30px 0px;
}
.contacto{
  padding-top: 20px;
}
.contacto .titulo-seccion .htitulo{
  font-size: 45px;
  font-weight: 400;
}

.contacto .htitulo{
  font-size: 20px;
  font-weight: 700;
}

.contacto .htitulo i{
  padding-top: 10px;
}

.ladatel .form-control{
  width: auto !important;
  min-width: 0;
}
.ladatel #lada{
  margin-right: 5px; 
  width: 33.33333333% !important;
  border-radius: 0px;
}

.ladatel #telefono{
  width: 65.667% !important;
  border-radius: 0px;
}

#send{
  font-size: 18px;
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif!important;
  padding: 10px 45px;
  color: #fff;
  background: #353535;
  border: 0px;
  margin-top: 10px;
}

#mensaje{
  height: 132px;
}

.form-data .form-control{
  border: 2px solid #353535;
}

.social-footer{
  text-align: center;
}

.social-footer a{
  color: #353535;
  font-size: 30px;
  padding: 0px 30px;
}

.social-footer a:hover{
  color: #1e8ba9;
}

footer{
  width: 100%;float: left;
}

footer a, footer a:link, footer a:visited, footer a:active{
  color: #353535;
}

footer a{
  font-size: 18px;
  font-weight: 600;
}

footer a:hover{
  color: #1e8ba9;
  text-decoration: none;
}
footer .pull-left{
  padding: 65px 15px 0px;
}
footer img{
  padding: 20px 0px;
}

#menu-responsive{
  display: none;
}

/*---------PORTADAS INTERNAS---------------*/
.portada-nosotros img{width: 100%;}
.portada-nosotros .caption{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 35%;
  margin-left: 25%;
  text-align: center;
}
.portada-nosotros .caption h1{
  font-size: 100px;
  color: #fff;
  font-family: 'Playfair Display', serif;
}

.portada-habitaciones img{width: 100%;}
.portada-habitaciones .caption{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 35%;
  margin-left: 25%;
  text-align: center;
}
.portada-habitaciones .caption h1{
  font-size: 100px;
  color: #fff;
  font-family: 'Playfair Display', serif;
}

.portada-contacto img{width: 100%;}
.portada-contacto .caption{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 35%;
  margin-left: 25%;
  text-align: center;
}
.portada-contacto .caption h1{
  font-size: 100px;
  color: #fff;
  font-family: 'Playfair Display', serif;
}

.portada-servicios img{width: 100%;}
.portada-servicios .caption{
  position: absolute;
  z-index: 10;
  width: 50%;
  bottom: 45%;
  margin-left: 25%;
  text-align: center;
}
.portada-servicios .caption h1{
  font-size: 86px;
  color: #fff;
  font-family: 'Playfair Display', serif;
}

/*--------GALERIA---------*/
.galeria{background: #f2ede7;}
.view {
    width: 100%;
    height: 250px;
    margin: 10px 0px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.view-first img {
  -webkit-transition: all 0.4s ease-in-out 0.5s;
  -moz-transition: all 0.4s ease-in-out 0.5s;
  -o-transition: all 0.4s ease-in-out 0.5s;
  -ms-transition: all 0.4s ease-in-out 0.5s;
  transition: all 0.4s ease-in-out 0.5s;
}
.view img {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}

.view-first .mask {
  background: url(../img/bg-mask.png);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in 0.4s;
  -moz-transition: all 0.3s ease-in 0.4s;
  -o-transition: all 0.3s ease-in 0.4s;
  -ms-transition: all 0.3s ease-in 0.4s;
  transition: all 0.3s ease-in 0.4s;
}

.view .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view-first h4 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transform: scale(10);
  -moz-transform: scale(10);
  -o-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}

.view h4 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 23px;
    padding: 10px;
    margin: 50px 0 0 0;
}

.view-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    position: absolute;
    top: 40%;
    left: 45%;
}

.view-first:hover img, .view-first:focus img {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}

.view-first:hover .mask, .view-first:focus .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}

.view-first:hover h4, .view-first:focus h4 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.view-first:hover a.info, .view-first:focus a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* Lightbox custom styles */

#lightbox {
  font-family: inherit;
  padding: 0 85px;
}

.lb-outerContainer {
  overflow: visible !important;
  background: #fff url(../img/paper.jpg) fixed repeat top left;
  border-radius: 0px;
  max-width: 100%;
  height: auto !important;
}

.lb-container {
  padding: 0;
}

#lightbox img.lb-image {
  padding: 0;
  max-width: 100%;
}

.lb-nav {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 80px;
  left: -80px;
}

.lb-dataContainer {
  position: absolute;
  max-width: 100%;
  top: -9%;
  left: 0;
  right: 0;
}

.lb-data .lb-close {
  bottom: 10px;
  position: absolute;
  width: 37px;
  height: 37px;
  right: 5px;
}

.lb-prev, .lb-next {
  position: absolute;
  cursor: pointer;
  width: 60px;
  height: 60px;
  top: 5%;
  margin-top: -30px;
}

.lb-prev,
.lb-prev:hover{
  background: url(../img/prev.png) no-repeat 50% 50%;
}

.lb-next,
.lb-next:hover{
  background: url(../img/next.png) no-repeat 50% 50%;
}

.lb-data .lb-caption {
  font-weight: 300;
  font-size: 30px;
  color: #fff;
  line-height: 32px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.lb-data .lb-number {
  text-indent: 4px;
  color: #c0e3e8;
}


.paginate ul{
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  height: 40px;
  margin-top: 40px;
}
.paginate ul li{
  display: inline;
}

.paginate ul li a{
  color: #353535;
  font-size: 18px;
  text-decoration: none;
  padding: 5px;
  cursor: pointer;
  margin: 0px 10px;
}

.paginate ul .active a{
  font-weight: 600;
  color: #fff;
  cursor: default;
  padding: 5px;
  background: #353535;
}

.paginate ul li a:hover{
  color: #fff;
  background: #353535;
  font-weight: 600;
}

/*------SERVICIOS----------*/
.item-servicios{height: 390px;}
.item-servicios .txt{text-align: center;}
.item-servicios .txt h4{font-size: 22px;font-weight: 600;}
.areas{background: #f2ede7;}

/*-------Carousel---------*/
#slide-areas{height: 250px;}
.row-areas-movil{display: none;}
.head-slide{margin: 15px 0;}
.controles-slide-areas{float: right !important;text-align: right;}
.carousel-areas{margin-bottom: 30px;}
.head-slide .carousel-control{background-image: none !important;position: relative !important;}
.head-slide .carousel-control i{background: #3094ad;padding: 5px 10px;}
.carousel-areas .item .txt{margin: 70px 0px;}
.carousel-areas .item .txt h4{font-weight: 600;}
.carousel-areas .item .txt p{font-size: 13px;font-weight: 600;}

/*----SPA-------*/
.tratamientos{padding-bottom: 50px !important;}
.desc-txt{margin-top: 10px;}
.desc-txt p{margin: 0;}
.tit-tratamiento{margin-top: 10px;}
.tit-tratamiento h2{font-size: 22px;font-weight: 600;}
.imgs-trata p{margin-top: 10px;margin-bottom: 0;}
.faciales{background: #a6ebdb;}
.faciales .txt h3{font-size: 18px;font-weight: 600;}
.faciales .txt ul{display: inline-block;padding: 0;text-align: center;margin: 15px 0;}
.faciales .txt ul li{display: inline-block;padding: 0 5px;}
.faciales .txt ul li:before{content: url(../img/list-style.png);vertical-align: top;margin-right: 5px;line-height: 22px;}

header .contanier-menu{width: 50% !important;}
header .datos-contacto{width: 33.33333333% !important;}
header .datos-contacto .item-datos-contacto.col-md-3{width: 40%;}
header .datos-contacto .item-datos-contacto.col-md-9{width: 50%;}

.txt-habitaciones p{font-size: 19px;}
.habitaciones{background: #ececec;}

.controles-slide-habitaciones .col-xs-4{float: right;}
.controles-slide-habitaciones .carousel-control{position: absolute !important;z-index: 1;width: 35%;}
.controles-slide-habitaciones{bottom: 0px !important;top: -40px !important;}

.habitaciones .txt h3{font-size: 18px;font-weight: 700;}
.habitaciones .txt p{font-size: 14px;font-weight: 600;}
.habitaciones .txt .precios p{color: #007e9e;margin-bottom: 0px;}
.habitaciones .txt .precios span{font-weight: 700;font-size: 17px;}

/*.slide-d-none{
  display: none;
  visibility:hidden;
  opacity:0;
  transition:opacity 0.5s linear;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s;
}*/
/*.slide-d-block{display: block; visibility: visible; opacity: 1;}*/
.slide-h {
    display: none;
    opacity: 0;
}
.auto-fade-in {
    opacity: 1;
    transition: all 1s ease-out; /* future, future, please come sooner! */
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}

.to-send{cursor: pointer;}


@media screen and (max-width:1200px){
  /*nav{margin-left: 5px;}*/
  /*nav ul li{padding: 0 8px;}*/
  /*header a, header p, header li{font-size: 14px;}*/
  .muestra{display: block;}
  .container{
    width:100% !important;
  }
  .container-header{
    width: 90%;
  }
  .item-datos-contacto p i{
    float: right;
  }
  .to-hide{
    display: none;
  }
  /*.container-header{
    width: 100%!important;
  }*/
  .btnreservar {
      padding: 6px 7px;
  }
}

@media screen and (max-width: 1080px){
  #captions .title-page{margin-bottom: 20%;}
  #captions-spa .title-page{margin-bottom: 30%;}
  .imagen-seccion h3{padding: 30px 10px;}
  .intro-spa{font-size: 17px;line-height: 1.3;}
  .spa-logo{margin-top: 10px;margin-bottom: 25px;}
  .btn-white{margin-top: 20px;margin-bottom: 35px;}
  .ladatel #lada{margin-right: 4px;}
}

@media screen and (max-width: 1024px){
  nav{margin-left: 10px;}
  nav ul li{padding: 0 12px;}
  section{padding-bottom: 25px;}
  .imagen-seccion h3{display: none;}
  .info-hover{opacity: 1;top: 2.5%;}
  .hover-tit{margin-top: 35% !important;}
  section.historia p{padding: 0;font-size: 17px;}

  .portada-nosotros .caption{bottom: 45%;}
  .portada-nosotros .caption h1{font-size: 90px;}
  .portada-habitaciones .caption{bottom: 50%;}
  .portada-habitaciones .caption h1{font-size: 70px;}
  .portada-contacto .caption{bottom: 50%;}
  .portada-contacto .caption h1{font-size: 70px;}
  .portada-servicios .caption{bottom: 45%;}
  .portada-servicios .caption h1{font-size: 75px;}
  .view-first .mask{opacity: 1;}
  .view-first h4{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
  .view-first a.info{opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}

  .lb-outerContainer{margin-top: 20px !important;}
  .lb-prev, .lb-next{width: 15% !important;}
  .lb-next{background: url(../img/next.png) right 48% no-repeat !important;right: 7% !important;}
  .lb-prev{background: url(../img/prev.png) left 48% no-repeat !important;left: -12% !important;}

  .desc-txt {margin-top: -7px;}
  .imgs-trata .b-none{display: none;}

  header .datos-contacto{width: 25% !important;}
  header .contanier-menu{width: 58.33333333% !important;}
  header .datos-contacto .item-datos-contacto.col-md-3{width: 40%;}
  header .datos-contacto .item-datos-contacto.col-md-9{width: 60%;}

  .switch-light > span{font-size: 14px;}
  .habitaciones .txt h3{font-size: 16px;}
  .habitaciones .txt p{font-size: 12px;}
  .newf{font-size: 13px;}
  .btnreservar {
      padding: 6px 3px;
      font-size: 12px;
  }
}

@media screen and (max-width: 980px){
  header a, header p, header li{font-size: 13px;}
  nav{margin-left: 0;}
  nav ul li{padding: 0px 11px;}
  #captions .title-page{margin-bottom: 15%;}
  #captions-spa .title-page{margin-bottom: 32%;}
  .imagen-seccion h3{font-size: 22px;}
  .info-hover h3{font-size: 22px;margin-top: 40% !important;}
  .item-datos-contacto p i{float: none;}
  /*.hover-tit{margin-top: 15% !important;}*/
  .carousel-areas .item .txt{margin: 30px 0px;}

  .enlaces-redes.col-sm-3{width: 16%;}

  .portada-habitaciones .caption{bottom: 50%;}
  .portada-habitaciones .caption h1{font-size: 66px;}

  .controles-slide-habitaciones .col-xs-4{left: -10%;}
  .habitaciones .txt{text-align: center;}
  .habitaciones .txt h3{font-size: 18px;}
  .habitaciones .txt p{font-size: 14px;}
  .switch-light{margin: 0 auto;margin-bottom: 5px;}
  .habitaciones .txt h3 br{display: none;}
  .switch-light > span{font-size: 18px;}
}

@media screen and (max-width: 860px){
  header .contanier-menu {
    width: 41.66666667% !important;
  }
  header .datos-contacto .item-datos-contacto.col-md-3 {
    width: 42.666667% !important;
  }
  header .datos-contacto .item-datos-contacto.col-md-9 {
    width: 57.333333% !important;
  }
  .newf {
    font-size: 11px;
}
  .container{
    width:100%;
  }
  .container-header{width: 100%;}
  header{
    height: 85px;
  }
  nav ul li a{
    height: 100%;
    line-height: 85px;
  }
  #menu{
    margin-left: 0px;
    display: none;
  }
  #menu ul{background: #167581;width: 100%;text-align: center;}
  #menu ul li{padding: 0;}
  #menu ul li a{width: 100%;line-height: 60px;}

  #menu-responsive{
    display: block;
  }
  #menu-responsive ul li{padding: 0;}
  #menu-responsive ul li a:hover{border-bottom: 0px;}
  /*#menu-responsive:hover + #menu>ul{display:block;margin-left: 0;}*/
  nav ul{
    width: 100%;
    text-align: center;
  }
  nav ul li{
    width: 100%;
  }
  #menu-responsive ul li a{
    font-size: 20px;
    width: 100%;
  }
  header .datos-contacto{
    height: 85px;
  }
  header .item-datos-contacto{
    margin-top: 20px;
  }
  .enlaces-redes a{
    margin-top: 25px;
  }
  .portada-servicios .caption h1{font-size: 52px;}
  .carousel-areas .item .txt h4{font-size: 13px;text-align: center;}
  .carousel-areas .item .txt p{font-size: 11px;line-height: 12px;text-align: center;}
  #slide-areas{height: 150px;}
  .carousel-areas{margin: 0;}
  .areas{padding-bottom: 20px !important;}
  section.historia p{margin: 0;}
  .desc-txt p{font-size: 14px !important;}
  .faciales .txt h3{font-size: 14px;}
  .faciales .txt ul{font-size: 14px;}

  .portada-habitaciones .caption {bottom: 90%;margin-left: 20%;}
  .portada-habitaciones .caption h1 {font-size: 72px;}

  .controles-slide-habitaciones .carousel-control{left: -15px;width: 45%;}

  .portada-contacto .caption {bottom: 82%;margin-left: 20%;}
}

@media screen and (max-width: 800px){

/*@media screen and (max-width:769px){*/
  .container{
    width:100%;
  }
  .container-header{width: 100%;}
  header{
    height: 85px;
  }
  nav ul li a{
    height: 100%;
    line-height: 85px;
  }
  #menu{
    margin-left: 0px;
    display: none;
  }
  #menu ul{background: #167581;width: 100%;text-align: center;}
  #menu ul li{padding: 0;}
  #menu ul li a{width: 100%;line-height: 60px;}

  #menu-responsive{
    display: block;
  }
  #menu-responsive ul li{padding: 0;}
  #menu-responsive ul li a:hover{border-bottom: 0px;}
  /*#menu-responsive:hover + #menu>ul{display:block;margin-left: 0;}*/
  nav ul{
    width: 100%;
    text-align: center;
  }
  nav ul li{
    width: 100%;
  }
  #menu-responsive ul li a{
    font-size: 20px;
    width: 100%;
  }
  header .datos-contacto{
    height: 85px;
  }
  header .item-datos-contacto{
    margin-top: 20px;
  }
  .enlaces-redes a{
    margin-top: 25px;
  }

  #captions .title-page{
    margin-bottom: 20%;
  }
 /* #captions-spa .title-page{
    margin-bottom: 20%;
  }*/
  #captions .txt-slide{
    height: 110px;
  }
  #captions .txt-slide h2{
    font-size: 40px;
  }

  .item-servicio{
    padding:0!important;
  }
  .info-hover h3{
    font-size: 20px;
    margin-top: 25% !important;
  } 
  /*.servicios{
    padding-bottom: 0px!important;
  }*/

  .contacto p{
    font-size: 14px;
  }

  .social-footer a{
    padding: 0px 20px;
  }

  footer .text-right{
    padding: 45px 15px 0px;
  }
  footer .pull-left{
    text-align: center;
  }

  .view{height: 150px;}

  .portada-nosotros .caption{
    bottom: 92%;
  }
  .portada-nosotros .caption h1{font-size: 72px;}

  .portada-servicios .caption{
    bottom: 93%;
  }
  .portada-servicios .caption h1{font-size: 52px;}
  .portada-habitaciones .caption{bottom: 92%;margin-left: 26%;}
  .portada-habitaciones .caption h1 {font-size: 54px;}
  .view h4{font-size: 20px;margin: 25px 0 0 0;}
  .view a.info{top: 40%;left: 40%;}

  .lb-next{right: 12% !important;}
  /*section.historia p{font-size: 14px;margin-top: 20px;}*/
  section.historia img{margin: 0 auto;}

}

@media screen and (max-width: 770px){
  .carousel-areas .item .txt{margin: 20px 0px;}
  /*.desc-txt{margin-top: 25px;}*/
  .imgs-trata [class*=col-]{margin: 15px 0;}
  .ladatel #lada{margin-right: 6px;}

  .controles-slide-habitaciones{width: 50% !important;float: none !important;margin: 0 auto;}
  .controles-slide-habitaciones .col-xs-4{width: 100% !important;left: 0;}
  .controles-slide-habitaciones .carousel-control {left: 0;width: 35% !important;}
  .switch-light{max-width: 50%;}
  .text-mobile{margin-bottom: 15px;}
  .portada-contacto .caption {bottom: 83%;margin-left: 15%;}
}

@media screen and (max-width: 740px){
  header .item-datos-contacto{margin-top: 25px;}
  .paginate{width: 100% !important;}
  .carousel-indicators{bottom: 100px !important;}
  #captions .txt-slide{height: 85px}
  #captions .txt-slide h2{font-size: 32px;}
  .contacto{padding-top: 15px;}
  .contacto p{font-size: 19px;}
  #content .col-xs-12{width: 50%;}
  .portada-nosotros .caption{bottom: 94%;}
  .portada-servicios .caption{bottom: 94%;}
  .portada-habitaciones .caption{bottom: 94%;}
  .view{height: 200px;}
  .lb-prev{left: 18% !important;}
  .lb-outerContainer{margin-top: 25px !important;}
  .desc-txt {margin-top: 15px;}
  .desc-txt p {font-size: 15px !important;}
  .faciales .txt h3 {font-size: 16px;}
  .faciales .txt ul {font-size: 17px;margin: 5px 0 20px;}
  header .contanier-menu {width: 21% !important;}
  header .datos-contacto {width: 41.66666667% !important;}
  .enlaces-redes.col-sm-3 {width: 33.33333333%;}
  .portada-contacto .caption {bottom: 86%;margin-left: 16%;}
  .portada-contacto .caption h1 {font-size: 65px;}
}

@media screen and (max-width: 667px){
  .lb-nav{left: -20% !important;}
  .lb-prev{left: 0 !important;}
  .lb-next{right: 0 !important;}
  .portada-nosotros .caption{bottom: 95%;}
  .portada-nosotros .caption h1{font-size: 60px;}
  /*.portada-servicios .caption{bottom: 25%;}*/
  .portada-servicios .caption h1{font-size: 47px;}
  .item-servicios{height: 300px;}
  .item-servicios .txt{font-size: 14px;}
  .row-areas{display: none;}
  .row-areas-movil{display: block;}
  #slide-areas-movil{height: auto;}
  .carousel-areas img{margin: 0 auto;}
  .carousel-areas .item .txt{margin: 0;height: 80px;}
  .carousel-areas .item .txt h4{font-size: 18px;}
  .carousel-areas .item .txt p{font-size: 13px;line-height: 15px;}
  .ladatel #lada {margin-right: 5px;}
  .tit-tratamiento h2{font-size: 17px;}
  .portada-habitaciones .caption {bottom: 95%;margin-left: 20%;}
  .portada-contacto .caption{bottom: 87%;}
  .portada-contacto .caption h1 {font-size: 60px;}
}

@media screen and (max-width:603px){
  header{height: 65px;}
  nav ul li a{line-height: 65px;}
  header .datos-contacto{height: 65px;}
  header .item-datos-contacto{margin-top: 12px;}
  .enlaces-redes a{margin-top: 12px;}
  .carousel-indicators{bottom: 80px !important;} 
  #captions .txt-slide{height: 80px;}
  #captions .txt-slide h2{font-size: 27px;}
  #captions .title-page{margin-bottom: 12%;}
  /*#captions-spa .title-page{margin-bottom: 12%;}*/
  /*section.historia{margin-top: 5px;}*/
  .titulo-seccion{margin-top: 5px;}
  .titulo-seccion h2{font-size: 35px;}
  /*section.historia p{font-size: 14px;margin-top: 20px;}*/
  .titulo-seccion h2 small{font-size: 17px;}
  .info-hover h3{font-size: 15px;margin-top: 15% !important;}
  .info-hover p{font-size: 16px;line-height: 1.1;}
  .spa-logo {margin-top: 5px;margin-bottom: 15px;width: 25%;}
  .intro-spa {font-size: 14px !important;line-height: 1.2;}
  .btn-white {margin-top: 5px;margin-bottom: 10px;}
  .contacto{padding-top: 20px;}
  .contacto .titulo-seccion .htitulo{font-size: 35px;}
  .contacto .htitulo{font-size: 15px;}
  .contacto p{font-size: 16px;}
  footer .pull-left{line-height: 14px;padding: 55px 15px 0px;}
  footer img{width: 70%;}
  footer .text-right{padding: 43px 15px 0px;}
  footer a{font-size: 15px;}
  .servicios .f-none{float: none;margin: 0 auto;}
  .item-servicios{height: 245px;}
  .item-servicios .txt{font-size: 12px;}
  .item-servicios .txt h4{font-size: 18px;}
  .tit-tratamiento h2{font-size: 15px;}
  .portada-habitaciones .caption {bottom: 95%;margin-left: 20%;}
  .portada-habitaciones .caption h1 {font-size: 50px;}

  .portada-contacto .caption {bottom: 88%;}
  .portada-contacto .caption h1 {font-size: 55px;}

}

@media screen and (max-width: 570px){
  .lb-nav {left: -26% !important;}
  .lb-prev, .lb-next{top: 20% !important;}
  .titulo-seccion h2 small{margin: 20px 0px 0px;}
  .ladatel #lada {margin-right: 4px;}
  .portada-habitaciones .caption{bottom: 96%;}
  .portada-habitaciones .caption h1 {font-size: 45px;}
}

@media screen and (max-width: 535px){
  /*.telefonos strong a{font-size: 14px;}*/
  .carousel-indicators{bottom: 65px !important;}
  #captions .txt-slide{height: 62px;background: #fff;}
  #captions .txt-slide h2{font-size: 25px;background: #fff;}
  .titulo-seccion h2{font-size: 32px;padding: 15px 10px;}
  .titulo-seccion h2 small{font-size: 16px;}
  /*section.historia p{font-size: 13px;}*/
  .info-hover p{font-size: 15px;}
  .contacto .titulo-seccion .htitulo{font-size: 32px;}
  .contacto p{font-size: 14px;}

  #content .col-xs-12 {width: 70%;margin: 0 auto;float: none;}
  .portada-nosotros .caption{bottom: 97%;}
  .portada-nosotros .caption h1{font-size: 42px;}
  .portada-servicios .caption{bottom: 95%;}
  .portada-servicios .caption h1{font-size: 35px;}
  .lb-nav {left: -14% !important;padding: 0 50px !important;}
  .lb-next{background: url(../img/next-mobile.png) right 48% no-repeat !important;}
  .lb-prev{background: url(../img/prev-mobile.png) left 48% no-repeat !important;}
  .lb-prev:hover {background: url(../img/prev-mobile.png) left 48% no-repeat !important;}
  .lb-next:hover {background: url(../img/next-mobile.png) right 48% no-repeat !important;}

  .imgs-trata p{font-size: 15px;}

  .portada-contacto .caption {bottom: 89%;}
  .portada-contacto .caption h1 {font-size: 47px;}


  header .datos-contacto .item-datos-contacto.col-md-3 {
    width: 39.666667% !important;
  }
  header .datos-contacto .item-datos-contacto.col-md-9 {
    width: 60.333333% !important;
  }
  header .datos-contacto {
      width: 45.666667% !important;
  }
  .enlaces-redes.col-sm-3 {
      width: 27.333333%;
  }
}

@media screen and (max-width: 480px){
  .lb-outerContainer{margin-top: 35px !important;}
  .lb-nav{left: -17% !important;}
  #lightbox img{width: auto !important;}
  .servicios{padding-top: 0 !important;}
  .portada-habitaciones .caption h1 {font-size: 40px;}
  /*.portada-habitaciones .caption{bottom: 91%;}*/
  .portada-contacto .caption {bottom: 90%;}
  .portada-contacto .caption h1 {font-size: 44px;}
  .enlaces-redes.col-sm-3 {
      width: 24.33%;
  }
  header .datos-contacto .item-datos-contacto.col-md-9 {
      width: 60.333333% !important;
      padding: 0;
      padding-left: 17px;
  }
  .enlaces-redes.col-sm-3 {
    
      padding: 0;
  }
}

@media screen and (max-width: 420px){
  header .item-datos-contacto p{padding-left: 0;margin-left: -7px;}
  header .item-datos-contacto{margin-top: 10px;}
  .item-datos-contacto p i{display: none;}
  header{height: 55px;}
  nav ul li a{line-height: 55px;}
  header .datos-contacto{height: 55px;}
  .telefonos strong{font-weight: 600;}
  .telefonos strong a{font-size: 11px;}
  header .item-datos-contacto p{padding-top: 12px;padding-left: 5px;}
  header .item-datos-contacto{margin-top: 10px;padding: 0;line-height: 14px;}
  header .fa{font-size: 17px;}
  .item-datos-contacto p.telefonos{padding-top: 0;}
  .enlaces-redes{padding: 0 5px !important;}
  .enlaces-redes a{padding: 0px 10px;margin-top: 7px;}
  .txt-menu{display: none;}

  .carousel-indicators{bottom: 52px !important;}
  #captions .txt-slide h2{font-size: 20px;}

  .portada-servicios .caption{bottom: 98%;top: 1%;}
  .portada-servicios .caption h1{font-size: 32px;margin: 20% 0;}

  .servicios a{width: 100%;padding: 0px 85px 15px !important;}
  .imagen-seccion img{margin: 0px auto;width: 100%;}
  .info-hover{opacity: 1;width: 100%;top: 0;height: 100%;left: 0;}
  .item-servicio:hover .info-hover, .item-servicio:focus .info-hover{top: 0;}
  .info-hover h3{font-size: 24px;margin-top: 35% !important;}
  .intro-spa{font-size: 12px !important;background: url('../img/spa-01.jpg');background-size: 100% 100%;}
  .ladatel #lada{margin-right: 2px;}
  footer .col-xs-4{width: 100%;padding-top: 10px;}
  footer img{width: 30%;margin: 0 auto;padding: 0;}
  .w-50{width: 32% !important;}
  .d-none{display: none;}

  #content .col-xs-12{width: 100%;}
  .view{height: 215px;}
  .view h4 {font-size: 25px;margin: 35px 0 0 0;}
  .lb-nav {left: -24% !important;}
  .paginate ul{overflow-x: scroll;}

  .item-servicios{width: 100% !important;height: auto;margin-bottom: 15px;}

  .imgs-trata p{font-size: 12px;}
  .imgs-trata [class*="col-"]{margin: 10px auto;width: 50%;}
  .f-none{float: none !important;}
  .portada-habitaciones .caption {bottom: 97%;}
  .portada-habitaciones .caption h1 {font-size: 32px;}
  .portada-contacto .caption {bottom: 92%;}
  .portada-contacto .caption h1 {font-size: 36px;}
  .enlaces-redes a {
      padding: 0px 4px;
  }
  .btnreservar {
      padding: 6px 2px;
      font-size: 11px;
      margin-left: 8px;
  }
  .item-datos-contacto p.telefonos {
    margin-bottom: 0 !important;
    margin-top: 4px;
  }
  .logwhats{
    scale: 1.1;
  }
}

@media screen and (max-width: 375px){
  #captions-spa .title-page{margin-bottom: 25%;}
  .portada-nosotros .caption {bottom: 97%;top: 75px;}
  .portada-nosotros .caption h1{font-size: 32px;}
  .portada-servicios .caption {bottom: 97%;top: 60px;}
  .portada-servicios .caption h1{font-size: 26px;margin: 10% 0;}
  .carousel-indicators{bottom: 22px !important;}
  #captions .txt-slide h2{font-size: 16px;}
  #captions .txt-slide{height: 35px;}
  .titulo-seccion h2{font-size: 24px;}
  .titulo-seccion h2 small{font-size: 12px;}
  /*section.historia p{font-size: 12px;padding: 0;}*/
  .servicios{padding-top: 10px !important;}
  .servicios a{padding: 0px 25px 15px !important; }
  .btn-white{font-size: 12px;width: 100px;padding: 3px;margin: 0;}
  .contacto .titulo-seccion .htitulo{font-size: 24px;}
  #send{font-size: 14px;padding: 6px 30px;}
  .formulario-contacto .pull-right{margin: 0 auto;float: none !important;}
  .ladatel #lada{margin-right: 1px;}

  #lightbox{padding: 0 50px !important;}
  .lb-nav {left: -18% !important;}
  .carousel-areas .item .txt{height: 115px;}
  .faciales .txt{margin: 0;width: 100%;}
  .faciales .txt ul{text-align: left;padding-left: 15%;width: 100%;font-size: 15px;}
  .faciales .txt ul li{display: block;}
  .portada-habitaciones .caption {bottom: 97%;margin-left: 23%;}
  .portada-habitaciones .caption h1 {font-size: 25px;margin-bottom: 20px;margin-left: -5%;}
  .switch-light > span {font-size: 14px;}
  .habitaciones .txt p {font-size: 12px;}

  .portada-contacto .caption {bottom: 92%;}
  .portada-contacto .caption h1 {font-size: 32px;}
}

@media screen and (max-width: 350px) {
  #lightbox {
    padding: 0 20px !important;
  }
  .lb-nav {
    padding: 0 !important;
    left: 0% !important;
  }
  .portada-nosotros .caption {
    bottom: 98%;
    top: 60px;
  }
  .portada-nosotros .caption h1 {
    font-size: 27px;
  }

  .portada-servicios .caption {
    bottom: 98%;
    top: 60px;
  }
  .portada-servicios .caption h1 {
    font-size: 23px;
  }
  .faciales .txt ul{padding-left: 5%;}
  .portada-contacto .caption {bottom: 93%;margin-left: 20%;}
  .portada-contacto .caption h1 {font-size: 27px;}
}