body{
  background:#F6F3E4;
}
/*scroll*/
html{
 scroll-behavior: smooth;
}
.ancla:before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 70px;
  visibility: hidden;
}
/*cierro scroll*/
#popup1{
  background:rgba(0,0,0,.7);
  width:100%;
  z-index: 9998;
  position: fixed;
  height: 100%;
}
.aparece{
display: block;
}
.desaparece{
  display: none;
}
.popup {
 padding: 20px;
 /*background:url(img/bernal.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;*/
 background:rgba(255,255,255,1);
 border-radius: 5px;
 width: 76%;
 position: center center;
 position: fixed;
 z-index:9999;
 left:12%;
 right:12%;
 top:20px;
 border:3px solid #3B3C30;
 box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}
.popup img{
 width: 100%;
 margin-bottom:20px;
}
.popup h2 {
 margin-top: 0;
 color: #3f3f3f;
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
}

.popup .close_popup {
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 position: absolute;
 bottom: 0px;
 right: 40%;
 left:40%;
 margin:auto;
 transition: all 200ms;
 font-size: .8rem;
 text-align: center;
 text-decoration: none;
 font-weight: 400 !important;
 color: #fff;
 text-shadow: none;
 background:#3B3C30;
 padding:5px 15px;
 border-radius: 20px 20px 0px 0px;
 opacity: 1;
 display: block;
 width:20%;
}
.suelto{
  display: none;
}
.popup .close_popup:hover {
 color: rgba(255,255,255,.5);
}
.popup .content {
 max-height: 30%;
 overflow: auto;
}
/*CARRUSEL*/

.carousel-item {
  margin-top:100px;
  height: 65vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption h3{
  font-family: 'Playball', Helvetica, Arial, sans-serif;
  font-size:4rem;
  color:#fff;
  text-shadow:3px 3px 5px #000;
  padding:20px;
  background:rgba(0,0,0, .5);
  border-radius: 30px;
}
.carousel-caption p{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  font-size:2rem;
  color:#fff;
  text-shadow:1px 1px 3px #000;
}
/*INICIO=*/
.p-100{
  padding:100px 0px;
}
.m-100{
  margin:100px 0px;
}
.derecha{
  float:right;
}
.izquierda{
  float:left;
}
.boton_accion{
  color:#fff;
}
.navbar{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  font-size:.7rem;
  color:#fff;
  text-transform: uppercase;
  background:#000 !important;
  font-weight: 700;
  /*height: 70px !important;*/
  padding:0px;
  position: fixed;
  z-index:9997;
  width:100%;
}
.navbar-collapse{
  padding-left:2%;
  padding-right:2%;
}
.navbar a:hover{
  color:#C8A15D !important;
}
.navbar a:active{
  color:#C8A15D !important;
}
.navbar a{
  color:#fff !important;
}
.navbar-brand img{
  width:100%;
  background:#fff;
  padding:0px 10px !important;
}
.navbar-brand{
  /*position: fixed;*/
  top:0px;
  padding:0px;
}
.reservaciones{
  background:#C8A15D !important;
  color: #3f3f3f;
}
.reservaciones a{
  color: #3f3f3f !important;
}
.reservaciones a:hover{
  color: #fff !important;
}
.navbar-toggler{
  margin-top:-0px;
}
.menu_sup{
  background:#000;
}
/* DESTINO */
.mi_destino img{
  width:100%;
}
.mi_destino h1{

}
.mi_destino h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #3B3C30;
margin-bottom: 30px;
text-align: center;
margin-top: 50px;
}
.mi_destino p{
text-align: center;
color: #3B3C30;
width: 80%;
padding-top: 20px;
padding-bottom: 30px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.mi_destino .textos_derecha{
  border:1px solid #000;
}
/* SERVICIOS */
.margen{
border-bottom:3px solid #3f3f3f;
width:10%;
margin: 10px auto;
text-align: center;
}
.servicios_back{
background:url(img/background_index.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

}
.servicios .imagen{
background:#000;
width:100%;
}
.servicios img{
  width:100%;
  border-top:2px solid #D6A856;
  border-left:2px solid #D6A856;
  border-right:2px solid #D6A856;
 
}
.servicios h1{
margin-bottom:50px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2.8rem;
text-align: center;
color: #3B3C30;
}
.servicios span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.servicios .textos_imagen{
  /*border-radius:0px 0px 30px 30px;*/
  background:#D6A856;
}
.servicios img{
  border-radius:30px 30px 0px 0px;
  background:#D6A856;
}
.servicios .textos_imagen h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 2.5rem;
color: #3B3C30;
text-align: center;
padding: 10px;
}
.servicios .textos_imagen h3{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #000;
text-align: center;
margin-top:0px;
padding: 10px;
}
.servicios .textos_imagen h3::before, .servicios .textos_imagen h3::after{
  content:" - ";
}

.servicios .textos_derecha{
  border:1px solid #000;
}
.ver_mas_servicios{
font-family:'Cinzel', Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
color: #3B3C30;
text-align: center;
background:#ba9960;
/*border-radius:0px 0px 30px 30px;*/
height:60px;
padding-top:20px;
padding-bottom: 30px;
width:100% !important;
}
.ver_mas_servicios a{
color: #3B3C30;
text-decoration: none;
display: block;
}
.ver_mas_servicios a:hover{
color: #000;
text-decoration: none;
display: block;
}
/* HABITACIONES */
.habitaciones img{
  width:100%;
}
.habitaciones h1{
margin-bottom:50px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2.8rem;
text-align: center;
color: #3B3C30;
}
.habitaciones span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.habitaciones h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #3B3C30;
margin-bottom: 20px;
text-align: center;
margin-top: 30px;
}
.habitaciones p{
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
padding-bottom: 30px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.habitaciones .textos_derecha{
  border:1px solid #000;
}
/* POR QUE */
.amenidades_inicio ul{
list-style: none;
}
.amenidades_inicio i{
color: #BA9960;
}
.por_que_back{
background:url(img/background_index.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

}
.por_que img{
  width:100%;
}
.por_que h1{
margin-bottom:50px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2.8rem;
text-align: center;
color: #3B3C30;
}
.por_que span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.por_que h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #3B3C30;
margin-bottom: 20px;
text-align: center;
margin-top: 30px;
}
.por_que h3{
font-family:'Cinzel', Helvetica, Arial, sans-serif;
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.por_que p{
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
padding-bottom: 30px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.por_que .textos_derecha{
  border:1px solid #000;
}
/* RESTAURANTE */
.restaurante_back{
background:url(img/background_index.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

}
.restaurante img{
  width:100%;
}
.restaurante h1{
margin-bottom:50px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2.8rem;
text-align: center;
color: #3B3C30;
}
.restaurante span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.restaurante h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #3B3C30;
margin-bottom: 20px;
text-align: center;
margin-top: 30px;
}
.restaurante h3{
font-family:'Cinzel', Helvetica, Arial, sans-serif;
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.restaurante p{
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
padding-bottom: 30px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.restaurante .textos_derecha{
  border:1px solid #000;
}
/* GALERIA */
.galeria_back{
background:url(img/background_index.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;

}
.galeria img{
  width:100%;
}
.galeria h1{
margin-bottom:50px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2.8rem;
text-align: center;
color: #3B3C30;
}
.galeria span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.galeria h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.7rem;
color: #3B3C30;
margin-bottom: 20px;
text-align: center;
margin-top: 30px;
}
.galeria h3{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.galeria p{
text-align: center;
color: #3B3C30;
width: 90%;
padding-top: 10px;
padding-bottom: 30px;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.galeria .textos_derecha{
  border:1px solid #000;
}
/* EXPERIENCIAS */
.experiencias img{
  width:100%;
}
.experiencias h1{
margin-bottom:30px;
font-family: "Playball", Helvetica, Arial, sans-serif;
font-size: 2rem;
text-align: center;
color: #3B3C30;
}
.experiencias span{
 font-family:'Cinzel', Helvetica, Arial, sans-serif;
 font-size:2.5rem;
}
.experiencias h2{
font-family: 'Playball', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1.2rem;
color: #3B3C30;
text-align: center;
padding:10px 10px 0px 10px;
text-align: center;
}
.experiencias h3{
font-family: 'Cinzel', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 1rem;
color: #3B3C30;
padding:0 10px;
text-align: center;
}
.subtitulo_encabezado{
font-size: 2.4rem !important;
margin-bottom:30px !important;
}
.experiencias p{
text-align: center;
color: #3B3C30;
width: 90%;
margin: auto;
font-size: 0.8rem;
line-height: 1.1rem;
}
.experiencias .textos_derecha{
  border:1px solid #000;
}
.pie_textos_experiencias{
  background:#EEE1C3;
  border-radius:0px 0px 30px 30px;
  margin-bottom:30px;
  text-align: left;
  border-top:4px solid #fff;
}
.ver_mas_experiencias{
font-family:'Cinzel', Helvetica, Arial, sans-serif;
font-size: 1.2rem;
font-weight: 700;
color: #ba9960;
text-align: left;
background:#3B3C30;
border-radius:0px 0px 30px 30px;
height:50px;
width:100% !important;
padding-top:15px;
}
.ver_mas_experiencias a{
color: #ba9960;
text-decoration: none;
display: block;
}
.ver_mas_experiencias a:hover{
color: #fff;
text-decoration: none;
display: block;
}
/*DROPDOWN*/
.btn-secondary{
   font-family:'Cinzel', Helvetica, Arial, sans-serif;
   margin-bottom:20px;
   background:#D6A856;
}
.dropdown-item{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  color:#BA9960;

}
/* FOOTER */
.footer{
  background:#000;
}
.titulo_footer{
  border-bottom:1px solid #EEE1C3;
  width:90%;
  margin-bottom:10px;
}
.footer_grupo a{
  width:90%;
  margin-bottom:10px;
  color:#D6A856;
  text-decoration: none;
}
.footer h1{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  font-weight:normal;
  color:#EEE1C3;
  font-size:.9rem;
  padding-bottom:10px;

}
.footer h2{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  font-weight:normal;
  color:#fff;
  font-size:.7rem;

}
.footer_grupo{
  width:100%;
  padding-top:30px;
}
.footer_contacto{
  font-family:'Cinzel', Helvetica, Arial, sans-serif;
  color:#fff;
  text-align: center !important;
  width:100%;
  font-size:.8rem;
  padding-top:20px;
}
.footer_contacto a{
  color:#EEE1C3;
}
p.footer_contacto{
  margin:10px 0px 5px 0px;
  padding:5px 0px 10px 0px;
  color:#EEE1C3;
}
.contacto_grupo{
  margin-top:20px;
}
hr{
  border:1px solid #D6A856;
  width:100%;
  margin:0px;
}
/*lightbox*/
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.modal-content{
top:100px;
}
.modal-title{
  font-family:'Cinzel', Helvetica, Arial, sans-serif !important;
  color:#3B3C30;
  text-align: center !important;
  width:100%;
  font-size:1.5rem;
  font-weight: normal;
}
/*cierro lightbox*/