@charset "UTF-8";
/*//--------------------
// PATRON DE COLORES
//--------------------*/
#sub-encabezado{
  /*background: rgba(209,221,255,1);
  background: -moz-linear-gradient(left, rgba(209,221,255,1) 0%, rgba(209,221,255,1) 36%, rgba(187,203,247,1) 41%, rgba(187,203,247,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,221,255,1)), color-stop(36%, rgba(209,221,255,1)), color-stop(41%, rgba(187,203,247,1)), color-stop(100%, rgba(187,203,247,1)));
  background: -webkit-linear-gradient(left, rgba(209,221,255,1) 0%, rgba(209,221,255,1) 36%, rgba(187,203,247,1) 41%, rgba(187,203,247,1) 100%);
  background: -o-linear-gradient(left, rgba(209,221,255,1) 0%, rgba(209,221,255,1) 36%, rgba(187,203,247,1) 41%, rgba(187,203,247,1) 100%);
  background: -ms-linear-gradient(left, rgba(209,221,255,1) 0%, rgba(209,221,255,1) 36%, rgba(187,203,247,1) 41%, rgba(187,203,247,1) 100%);
  background: linear-gradient(to right, rgba(209,221,255,1) 0%, rgba(209,221,255,1) 36%, rgba(187,203,247,1) 41%, rgba(187,203,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ddff', endColorstr='#bbcbf7', GradientType=1 );*/
  position: relative;
  z-index: 1000000;
  /*background-color: rgba(255,255,255,.6);*/
}
#sub-encabezado .sub-menu ul{
  max-width: 627px;
  background-color: #33005d;
  border-radius: 0px 0px 0px 15px;
  padding-top: .2rem;
  padding-bottom: .3rem;



}
#sub-encabezado .sub-menu ul li{
  display: inline;
  margin-right: 1rem;
  color:#ffffff;
}
#sub-encabezado .sub-menu ul li a{
  color:#ffffff;
  text-decoration: none;
  font-size: .8rem;
}


#sub-encabezado .sub-menu ul li a:hover{
  font-weight: bold;
}
.sub-menu{
  max-width: 627px;
  /*right: 0px;
  position: relative;*/
}
.encabezado {
  background-color: rgba(243,246,255,.9);
  /*background-image: url("../images/menu.jpg");*/
  padding-top: 1rem;
  /*background-color: #f3f6ff;
  background-size: cover;*/
  /*box-shadow: 0 10px 20px -2px rgba(0, 0, 0, 0.47);*/
  position: relative;
  z-index: 10;
}


.encabezado span {
  color: #ffd625;
  font-size: 1.5rem; }

.language {
  width: 100%; }

.en {
  color: #012949;
  font-weight: bold;
  background-color: #ffd625;
  width: 120px;
  float: right;
  text-align: center;
  padding: 3px 0; }

.en:hover {
  filter: brightness(70%);
  color: #fff !important; }

.header-social-icons {
  width: 100%; }

.header-social-icons a {
  float: right; }

.social-icon {
  background-color: #fff;
  width: 35px;
  text-align: center;
  padding: 4px 0px 3px 0px;
  border-radius: 3px; }

.social-icon:hover {
  filter: brightness(70%); }

.social-icon i {
  color: #012a4c;
  font-size: 1.5rem; }

.social-icon i.fa-instagram {
  font-weight: bold; }

.social-icon img:hover {
  filter: brightness(70%); }

.logo-mazhoteles img:hover {
  filter: brightness(110%); }

header {
  color: #ffffff; }

.menu {
  flex: 1 1 100%;
  background-color: none;
  /*background-image: url("../images/menu.png");*/ }

header.menu a {
  color: #ffc506; }

.redes-sociales {
  justify-content: flex-end; }

.slider {
  position: relative;
  margin-top: -190px;
}

.slider-iconos {
  position: absolute;
  right: 1px;
  bottom: 10px;
  z-index: 99999; }

.telefonos {
  width: 250px;
  float: right; }

.telefonos .carousel-item i {
  font-size: 1.5rem;
  margin-right: .3rem; }

header.menu a {
  color: #ffc506; }

header.active a {
  color: #012949 !important;
  font-weight: bold;
  background-color: #ffd625; }

nav ul li a {
  color: #ffc506;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem; }

nav ul li a:hover {
  color: #fff;
  text-decoration: none; }

bg-light {
  background-color: transparent; }

/*MEDIA QUERIES*/
@media (min-width: 0px) and (max-width: 992px) {
  .navbar {
    margin-left: auto; } }
a {
  color: #ffc506; }

html {
  font-size: 16px; }

body {
  color: #333333;
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Muli', sans-serif; }

header {
  color: #ffffff; }

h1 {
  font-family: 'PT Serif', serif; }

h2 {
  font-family: 'PT Serif', serif;
  font-size: 3.3rem;
  color: #1c2d4a;
  /*margin-top: 30px;
  margin-bottom: 30px;*/ }

h3 {
  font-family: 'PT Serif', serif;
  color: #33005d;
  /*font-size: 4.4rem;*/
  font-size: 3rem;
  /*text-shadow: black 0.1em 0.1em 0.2em;*/
  /*margin-bottom: 60px; */
  }


h5 {
  color: #836530;
  font-size: 1rem; }

/*SLIDER*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 2.5s;
  transition-property: opacity; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0; }

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0); }

.slider {
  position: relative; }

.slider-iconos {
  position: absolute;
  right: 1px;
  bottom: 10px;
  z-index: 99999; }

.enc-slider2 {
  /*position: absolute;*/
  width: 100%;
/*  bottom: 10%;
  z-index: 99999; */
}

.enc {
  position: absolute;
  width: 100%;
  bottom: 10%;
  z-index: 99999; }

.enc h2 {
  font-size: 3.5rem;
  text-shadow: 0px 0px 10px #000;
  color: #fff;
  font-family: 'Pinyon Script', cursive;
  text-align: center;
}


.enc h3 {
  font-size: 4rem;
  font-family: 'Pinyon Script', cursive;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 10px #000;
}

/*COSTA DE ORO*/
.deslider-costa {
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 150px;
  bottom: 35%;
  z-index: 99999;
  padding: 1%; }

.deslider-costa h2 {
  font-size: 3rem;
  color: #06356d;
  text-shadow: none; }

.deslider-costa h3 {
  font-size: 3rem;
  text-shadow: none;
  color: #000;
  margin-bottom: 3%; }

.deslider-costa a {
  margin-left: 30%; }

.deslider-costa h4 {
  font-size: 1rem;
  text-shadow: none;
  color: #a10000;
  margin-top: 5%;
  margin-left: 50%; }

/*ROYAL VILLAS*/
.deslider-royal {
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 150px;
  bottom: 35%;
  z-index: 99999;
  padding: 1%; }

.deslider-royal h2 {
  font-size: 3rem;
  color: #06356d;
  text-shadow: none; }

.deslider-royal h3 {
  font-size: 3rem;
  text-shadow: none;
  color: #000;
  margin-bottom: 3%; }

.deslider-royal a {
  margin-left: 30%; }

.deslider-royal h4 {
  font-size: 1rem;
  text-shadow: none;
  color: #a10000;
  margin-top: 5%;
  margin-left: 10%; }

/*DON PELAYO*/
.deslider-pelayo {
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 150px;
  bottom: 35%;
  z-index: 99999;
  padding: 1%; }

.deslider-pelayo h2 {
  font-size: 3rem;
  color: #a10000;
  text-shadow: none; }

.deslider-pelayo h3 {
  font-size: 3rem;
  text-shadow: none;
  color: #000;
  margin-bottom: 3%; }

.deslider-pelayo a {
  margin-left: 30%; }

.deslider-pelayo h4 {
  font-size: 1rem;
  text-shadow: none;
  color: #06356d;
  margin-top: 5%;
  margin-left: 10%; }

/*BORDE DEBAJO SLIDER*/
#reserve{
  position: relative;;
  margin-top: -14px;
  z-index: 1;
}
#icono-cerrar{
  width: 50px;
    position: relative;
    float: right;
    font-size: 22px;

}
#caja-reserva{
  background-color: rgba(246,164,83,.9);
  width: 100%;
  /*height: 250px;*/
  position: absolute;
  bottom: 64px;
  right: 0px;
}
.reserva-botton{
  display: none;
  cursor: pointer;
}
#caja-reserva .cierre{
text-align: right;
cursor: pointer;
  }
#reservar-btn{
  margin-bottom: 20px;
}
#reserve .columna{
  padding-right: 0px;
  padding-left: 0px;
}
#reserve .container-fluid{
  padding-left: 0px;
}
#reserve .reserve-aqui{
  background-color: #f6a453;
}
#reserve .reserve-aqui a{
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding-top: .5rem;
  text-decoration: none;

}
#reserve .reserve-linea1{
  background-color: rgba(255,255,255,.6);
  height: 14px;
}
#reserve .reserve-linea2{
  background-color: #ffcf70;
  height: 30px;
}
#reserve .reserve-linea3{
  background-color: #ffad0c;
  height: 20px;

}

.costa-oro-bienvenido{
  margin-top: 5rem;
}
.costa-oro-bienvenido h1{
  text-align: center;
  color: #33005d;
}

.mejor-experiencia{
  background-color: #f5f6f7;

}
.mejor-experiencia .card-title{
  font-size: 1.5rem;
  color:#e38504;
}


#diversion{
  background: url("../img/diversion-costa-oro.jpg");
  background-size: cover;
  height: 500px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#diversion .diversion-contenedor{
  padding-left: 0px;
  padding-right: 0px;
}
#diversion .diversion-caja{
  background-color:rgba(247,207,124,0.9);
  padding: 0px!important;
   background-size: cover;
   height: 500px;
}
#diversion .diversion-texto{
  padding-top: 8rem;
  font-size: 3rem;
  text-align: center;
  color:#33005d;
  font-weight: bold;

}
/*BODAS*/
#bodas{
  background: url("../img/bodas/bodas-luna-miel.jpg");
  background-size: cover;
  height: 500px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#bodas .bodas-contenedor{
  padding-left: 0px;
  padding-right: 0px;
}
#bodas .bodas-caja{
  background-color:rgba(247,207,124,0.9);
  padding: 0px!important;
   background-size: cover;
   height: 500px;
}
#bodas .bodas-texto{
  padding-top: 8rem;
  font-size: 3rem;
  text-align: center;
  color:#33005d;
  font-weight: bold;

}
/*HOSPEDATE CON NOSOTROS*/
.hospedate {
  background: url("../images/hospedate.jpg");
  padding-bottom: 50px;
  padding-top: 2rem;
  margin-top: 30px;
  background-size: cover; }

.img-hotel {
  position: relative; }

.img-hotel a {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 0.3rem;
  font-size: 0.9rem; }

.titulohoteles1 {
  margin-top: 1rem;
  margin-bottom: .5rem; }

.logo-hotel {
  width: 30px;
  /*margin-top: 1rem;*/
  /*margin-bottom: .5rem;*/ }

.titlehoteles {
  color: #1c2d49;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: bold;
  /*margin-top: 1rem;
  margin-bottom: .5rem;*/ }

.imghoteles {
  border: 3px solid;
  border-color: #ffff; }

.llame {
  background: #1c2d4a;
  color: #ffe130;
  font-size: 1rem;
  font-weight: 500;
  text-align: center; }

.num {
  color: #ffffff;
  font-size: 1.5rem; }

.btn {
  font-weight: bold;
  /*text-transform: uppercase;*/
  /*font-style: italic;*/
  border: none;
  border-radius: 5px; }

.btn-xl {
  padding: .5rem 1rem; }

.btn-primary {
  color: #fff;
  background-color: #f6a453;
  border-color: #ffd625;
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.75); }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #ffffff;
    background-color: #f69c44 !important; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0) !important; }

.incluido {
  padding-top: 2rem;
  padding-bottom: 2rem; }

/*INSTAGRAM GALERIA*/
#instagram-section {
  margin-top: 30px;
  margin-bottom: 30px; }

.instagram-icon {
  position: absolute;
  right: 14px;
  bottom: 14px;
  color: #fff; }

.instagram-icon i {
  font-size: 2rem; }

.instagram-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto; }
  .instagram-box .instagram-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #ffffff;
    background: rgba(24, 79, 144, 0.9);
    /*@include transition-all;*/ }
    .instagram-box .instagram-box-caption .instagram-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      text-align: center; }
      .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-title,
      .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-description {
        padding: 0 15px;
        /*@include sans-serif-font;*/ }
      .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-title {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase; }
      .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-description {
        font-size: 18px; }
  .instagram-box:hover .instagram-box-caption {
    opacity: 1; }
  .instagram-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-title {
      font-size: 16px; }
    .instagram-box .instagram-box-caption .instagram-box-caption-content .instagram-description {
      font-size: 22px; } }

/*QUE HACER EN MAZATLÁN*/
.quehacer-mazatlan {
  color: #333333;
  background-image: url("../images/que-hacer.jpg");
  padding: 30px;
  background-size: cover; }

.carru {
  border: solid;
  border-color: #ffffff; }

.owl-next {
  position: absolute;
  right: -56px;
  top: calc(38% - 40px);
  font-size: 2rem; }

.owl-next span, .owl-prev span {
  color: #ffffff;
  font-size: 5rem; }

.owl-prev {
  position: absolute;
  left: -56px;
  top: calc(38% - 40px);
  font-size: 2rem; }

.owl-dots {
  display: none; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important; }

.owl-theme .owl-nav [class*=owl-]:focus {
  background: transparent !important; }

.btn-evento {
  width: 200px; }

/*.evento {
position: relative;
left: 45%;

}*/
/*PROMOCIONES*/
.fondo {
  background: #dc455c;
  color: #ffffff;
  margin-top: 50px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
  width: 70%; }

.promociones h5 {
  color: #fff;
  font-size: 0.75rem;
  margin-bottom: 20px; }

.promociones p {
  color: #fff;
  font-size: 0.6rem; }

.promociones button {
  background: #fff;
  color: #dc455c;
  border-color: #dc455c; }

.promociones button a {
  background: #fff;
  color: #dc455c;
  border-color: #dc455c; }

.promociones form {
  margin-bottom: 20px; }

.promociones label {
  font-size: 0.7rem; }

.promociones input {
  width: 80%;
  font-size: 0.6rem;
  margin-bottom: 15px; }

.promociones btn-primary:hover {
  background: #fff;
  color: #dc455c;
  border-color: #dc455c; }

.btn-secondary {
  color: #000000;
  background-color: #ffffff;
  border-color: #a5a5a5;
  box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.75); }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: #000000;
    background-color: #f2f2f2 !important; }
  .btn-secondary:active, .btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0) !important; }

/*DESCUENTO*/
.descuento {
  position: relative; }

.des {
  position: absolute;
  left: 30%;
  bottom: 20%; }

.text-des {
  position: absolute;
  left: 25%;
  bottom: 30%;
  color: #fff; }

.text-des p {
  font-size: 4rem; }

.btn-success {
  color: #dc455c;
  background-color: #ffffff;
  border-color: #dc455c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #dc455c;
    background-color: #f2f2f2 !important; }
  .btn-success:active, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0) !important; }

/*modal*/
.modal-title {
  color: #000;
  font-weight: bold; }

.modal-content {
  background: #f9f9f9; }

.modal-header {
  border-bottom: 0px; }

.modal-footer {
  border-top: 0px; }

/*MEDIA QUERIES*/
@media (min-width: 1281px) {
   nav ul li a{
    font-size: .9rem;
  }

  .num {
    font-size: 1rem; }

  .llame {
    font-size: 1.2rem; }

  .deslider-costa {
    position: absolute;
    left: 150px;
    bottom: 35%;
    z-index: 99999; }

  .deslider-costa img {
    height: 20%;
    width: 20%; }

  .deslider-costa h2 {
    font-size: 2.5rem; }

  .deslider-costa h3 {
    font-size: 2.5rem;
    margin-bottom: 3%; }

  .deslider-costa a {
    margin-left: 30%; }

  .deslider-costa h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 50%; }

  .deslider-royal {
    position: absolute;
    left: 150px;
    bottom: 35%;
    z-index: 99999; }

  .deslider-royal img {
    height: 20%;
    width: 20%; }

  .deslider-royal h2 {
    font-size: 2.5rem; }

  .deslider-royal h3 {
    font-size: 2.5rem;
    margin-bottom: 3%; }

  .deslider-royal a {
    margin-left: 30%; }

  .deslider-royal h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; }

  .deslider-pelayo {
    position: absolute;
    left: 150px;
    bottom: 35%;
    z-index: 99999; }

  .deslider-pelayo img {
    height: 20%;
    width: 20%; }

  .deslider-pelayo h2 {
    font-size: 2.5rem; }

  .deslider-pelayo h3 {
    font-size: 2.5rem;
    text-shadow: none;
    margin-bottom: 3%; }

  .deslider-pelayo a {
    margin-left: 30%; }

  .deslider-pelayo h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; } }
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  nav ul li a{
    font-size: .6rem;
  }
  .titlehoteles {
    letter-spacing: -1.5px;
    font-size: 1rem; }

  .num {
    font-size: 0.8rem; }

  .llame {
    font-size: 0.8rem; }

  .enc {
    position: absolute;
    width: 100%;
    bottom: 10%;
    z-index: 99999; }

  .enc h2 {
    font-size: 3.5rem;

  }

  .enc h3 {
    font-size: 3rem; }

  .deslider-costa {
    position: absolute;
    left: 150px;
    bottom: 30%;
    z-index: 99999; }

  .deslider-costa img {
    height: 15%;
    width: 15%; }

  .deslider-costa h2 {
    font-size: 2.5rem; }

  .deslider-costa h3 {
    font-size: 2.5rem;
    margin-bottom: 3%; }

  .deslider-costa a {
    margin-left: 30%; }

  .deslider-costa h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 50%; }

  .deslider-royal {
    position: absolute;
    left: 150px;
    bottom: 30%;
    z-index: 99999; }

  .deslider-royal img {
    height: 15%;
    width: 15%; }

  .deslider-royal h2 {
    font-size: 2.5rem; }

  .deslider-royal h3 {
    font-size: 2.5rem;
    margin-bottom: 3%; }

  .deslider-royal a {
    margin-left: 30%; }

  .deslider-royal h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; }

  .deslider-pelayo {
    position: absolute;
    left: 150px;
    bottom: 30%;
    z-index: 99999; }

  .deslider-pelayo img {
    height: 15%;
    width: 15%; }

  .deslider-pelayo h2 {
    font-size: 2.5rem; }

  .deslider-pelayo h3 {
    font-size: 2.5rem;
    margin-bottom: 3%; }

  .deslider-pelayo a {
    margin-left: 30%; }

  .deslider-pelayo h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; } }
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 951px) and (max-width: 1024px) {
  .enc h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 950px) {
  .enc h2 {
    font-size: 2.0rem;
  }
}

@media (max-width: 768px) and (min-width: 481px) {
  .enc h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 0px) and (max-width: 480px) {
  .enc h2 {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #caja-reserva{
    /*position: relative;*/
    /*height: 465px;*/
  }
  nav ul li a{
    font-size: .6rem;
  }
  .facebook{
    margin-left: 0px!important;
  }
  .facebook a{
    /*display: none;*/
    width: 50px;
  }
  .instagram a{
    width: 50px;
    /*display: none;*/
  }
  .text-des {
    /*left: 25%;*/
    bottom: 10%; }

  .titlehoteles {
    letter-spacing: -1.5px;
    font-size: 1rem; }

  .num {
    font-size: 1rem; }

  /*html {
    font-size: 12px;
  }*/
  .llame {
    font-size: 1rem; }

  .enc {
    position: absolute;
    width: 100%;
    bottom: 10%;
    z-index: 99999; }

  .enc h2 {
    /* font-size: 2.5rem;  */
  }

  .enc h3 {
    font-size: 2rem; }

  .deslider-costa {
    position: absolute;
    left: 150px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-costa img {
    height: 15%;
    width: 15%; }

  .deslider-costa h2 {
    font-size: 2rem; }

  .deslider-costa h3 {
    font-size: 2rem;
    margin-bottom: 3%; }

  .deslider-costa a {
    margin-left: 30%; }

  .deslider-costa h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; }

  .deslider-royal {
    position: absolute;
    left: 150px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-royal img {
    height: 15%;
    width: 15%; }

  .deslider-royal h2 {
    font-size: 2rem; }

  .deslider-royal h3 {
    font-size: 2rem;
    margin-bottom: 3%; }

  .deslider-royal a {
    margin-left: 30%; }

  .deslider-royal h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; }

  .deslider-pelayo {
    position: absolute;
    left: 150px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-pelayo img {
    height: 15%;
    width: 15%; }

  .deslider-pelayo h2 {
    font-size: 2rem; }

  .deslider-pelayo h3 {
    font-size: 2rem;
    margin-bottom: 3%; }

  .deslider-pelayo a {
    margin-left: 30%; }

  .deslider-pelayo h4 {
    font-size: 1rem;
    margin-top: 5%;
    margin-left: 30%; } }
/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #caja-reserva{
    /*position: relative;*/
    /*height: 465px;*/
  }
  .facebook{
    margin-left: 0px!important;
  }
  .facebook a{
    /*display: none;*/
    width: 50px;
  }
  .instagram a{
    width: 50px;
    /*display: none;*/
  }
  .titlehoteles {
    letter-spacing: -1.5px;
    font-size: 1rem; }

  /* html {
     font-size: 12px;
   }*/
  .quehacer-mazatlan h3 {
    font-size: 1.5rem; }

  .num {
    font-size: 0.7rem; }

  .llame {
    font-size: 0.7rem; } }
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  #caja-reserva{
    position: relative;
    /*height: 465px;*/
    padding-left: 10px;
    bottom:0px;
  }
  .slider {
    margin-top: 0px;
  }
  .facebook{
    margin-left: 0px!important;
  }
  .facebook a{
    /*display: none;*/
    width: 50px;
  }
  .instagram a{
    width: 50px;
    /*display: none;*/
  }
  /*html {
    font-size: 12px;
  }*/
  .quehacer-mazatlan h3 {
    font-size: 1.5rem; }

  .num {
    font-size: 0.9rem; }

  .llame {
    font-size: 0.9rem; }

  .enc {
    position: absolute;
    width: 100%;
    bottom: 10%;
    z-index: 99999; }

  .enc h2 {
    /* font-size: 2rem; */
    margin-bottom: 5px; }

  .enc h3 {
    font-size: 1.5rem;
    margin-bottom: 0px; }

  .deslider-costa {
    position: absolute;
    left: 80px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-costa img {
    height: 15%;
    width: 15%; }

  .deslider-costa h2 {
    display: inline;
    font-size: 1.5rem; }

  .deslider-costa h3 {
    font-size: 1.5rem;
    margin-bottom: 3%; }

  .deslider-costa a {
    margin-left: 30%; }

  .deslider-costa h4 {
    font-size: 0.8rem;
    margin-top: 5%;
    margin-left: 25%; }

  .deslider-royal {
    position: absolute;
    left: 80px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-royal img {
    height: 15%;
    width: 15%; }

  .deslider-royal h2 {
    display: inline;
    font-size: 1.5rem; }

  .deslider-royal h3 {
    font-size: 1.5rem;
    margin-bottom: 3%; }

  .deslider-royal a {
    margin-left: 30%; }

  .deslider-royal h4 {
    font-size: 0.8rem;
    margin-top: 5%;
    margin-left: 10%; }

  .deslider-pelayo {
    position: absolute;
    left: 80px;
    bottom: 20%;
    z-index: 99999; }

  .deslider-pelayo img {
    height: 15%;
    width: 15%; }

  .deslider-pelayo h2 {
    display: inline;
    font-size: 1.5rem; }

  .deslider-pelayo h3 {
    font-size: 1.5rem;
    margin-bottom: 3%; }

  .deslider-pelayo a {
    margin-left: 30%; }

  .deslider-pelayo h4 {
    font-size: 0.8rem;
    margin-top: 5%;
    margin-left: 10%; }

  .btn-descuento {
    padding: 0.2rem 0.2rem;
    font-size: 0.8rem; }

  .text-des p {
    font-size: 1.5rem;
    margin: 0px; } }
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 0px) and (max-width: 480px) {
  #caja-reserva{
    position: relative;
    /*height: 465px;*/
    bottom:0px;
    padding-left: 10px;
  }
  .slider {
    margin-top: 0px;
  }
  .facebook{
    margin-left: 0px!important;
  }
  .facebook a{
    /*display: none;*/
    width: 50px;
  }
  .instagram a{
    width: 50px;
    /*display: none;*/
  }
  /* html {
     font-size: 12px;
   }*/
  .hospedate h2 {
    font-size: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .incluido h2 {
    font-size: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .quehacer-mazatlan h3 {
    font-size: 1.5rem; }

  .text-des {
    position: absolute;
    left: 25%;
    bottom: 30%;
    color: #fff;
    font-size: 1rem; }

  .enc {
    position: absolute;
    width: 100%;
    bottom: 30%;
    z-index: 99999; }

  .enc h2 {
    /* font-size: 0.7rem; */
    margin-bottom: 5px; }

  .enc h3 {
    font-size: .6rem;
    margin-bottom: 0px; }

  .des {
    position: absolute;
    left: 30%;
    bottom: 20%; }

  .btn-descuento {
    padding: 0.1rem 0.1rem;
    font-size: 0.5rem; }

  .text-des p {
    font-size: 1rem;
    margin: -10px; }

  .deslider-costa {
    position: absolute;
    left: 10px;
    bottom: 1%;
    z-index: 99999; }

  .deslider-costa img {
    height: 15%;
    width: 15%; }

  .deslider-costa h2 {
    display: inline;
    font-size: 1rem; }

  .deslider-costa h3 {
    font-size: 1rem;
    margin-bottom: 2%; }

  .deslider-costa a {
    margin-left: 10%; }

  .deslider-costa h4 {
    font-size: 0.8rem;
    margin-top: 2%;
    margin-left: 5%; }

  .deslider-royal {
    position: absolute;
    left: 10px;
    bottom: 1%;
    z-index: 99999; }

  .deslider-royal img {
    height: 15%;
    width: 15%; }

  .deslider-royal h2 {
    display: inline;
    font-size: 1rem; }

  .deslider-royal h3 {
    font-size: 1rem;
    margin-bottom: 2%; }

  .deslider-royal a {
    margin-left: 10%; }

  .deslider-royal h4 {
    font-size: 0.7rem;
    margin-top: 2%; }

  .deslider-pelayo {
    position: absolute;
    left: 10px;
    bottom: 1%;
    z-index: 99999; }

  .deslider-pelayo img {
    height: 15%;
    width: 15%; }

  .deslider-pelayo h2 {
    display: inline;
    font-size: 1rem; }

  .deslider-pelayo h3 {
    font-size: 1rem;
    text-shadow: none;
    margin-bottom: 2%; }

  .deslider-pelayo a {
    margin-left: 10%; }

  .deslider-pelayo h4 {
    font-size: 0.7rem;
    margin-top: 2%; } }
footer hr {
  /*background-color: #304b73;*/
  border-top: 1px solid #fff !important;
  /* margin: 0px;
   margin-top: 10px;*/
  /* padding-top: 10px; */ }
footer .facebook, .instagram{
  width: 50px!important;
}
footer .youtube{
  width: 52px!important;
}
footer .twitter{
 width: 52px!important;
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 25px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-whatsapp-float {
    margin-top: 15px;
}


.page-footer {
  background-color: #e8ebed;
  color: #000000;
  border-top: solid 2rem;
  border-color: #f3f5f6;
  font-size: 0.8rem;

}

.page-footer h5{
  color: #33005d;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;

}

.page-footer a {
  color: #000;
  font-size: 0.8rem; }

.footer2 {
  padding-bottom: .5rem;
  padding-top: .8rem;
  background-color: #FC6B00;
  color: #fff;
  font-size: 0.8rem;
}


/*BANNER COSTA DE ORO*/
.banner-hotel h2 {
  color: #a1403c;
  margin-bottom: 0px; }

.banner-hotel h1 {
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.2em; }

.text-banner {
  position: absolute;
  left: 39%; }

/*BANNER ROYAL VILLAS*/
.banner-hotelrv h2 {
  color: #a1403c;
  margin-bottom: 0px;
  text-shadow: 0px 0px 10px #fff; }

.banner-hotelrv h1 {
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.2em; }

.text-bannerrv {
  position: absolute;
  left: 18%; }

/*BANNER DON PELAYO*/
.banner-hoteldp h2 {
  color: #a1403c;
  margin-bottom: 0px;
  text-shadow: 0px 0px 10px #fff; }

.banner-hoteldp h1 {
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.2em; }

.text-bannerdp {
  position: absolute;
  left: 18%; }

/*BANNER LAS FLORES*/
.banner-hotellf h2 {
  color: #a1403c;
  margin-bottom: 0px;
  text-shadow: 0px 0px 10px #fff; }

.banner-hotellf h1 {
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.2em; }

.text-bannerlf {
  position: absolute;
  left: 21%; }


/*MEDIA QUERIES*/
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.7rem;
    line-height: 1.5; } }
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.6rem;
    line-height: 1.5; } }
/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .banner-hotel h2 {
    color: #a1403c;
    margin-bottom: 0px;
    font-size: 2rem; }

  .banner-hotel h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 2rem; }

  .text-banner {
    position: absolute;
    left: 30%; } }
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .banner-hotel h2 {
    color: #a1403c;
    padding-top: 3rem;
    margin-bottom: 0px;
    font-size: 1.5rem; }

  .banner-hotel h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1.5rem; }

  .text-banner {
    position: absolute;
    left: 35%; }

  .banner-hotelrv h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1.5rem; }

  .banner-hotelrv h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1.5rem; }

  .text-bannerrv {
    position: absolute;
    left: 10%; }

  .banner-hoteldp h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1.5rem; }

  .banner-hoteldp h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1.5rem; }

  .text-bannerdp {
    position: absolute;
    left: 10%; }

  .banner-hotellf h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1.5rem; }

  .banner-hotellf h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1.5rem; }

  .text-bannerlf {
    position: absolute;
    left: 10%; }

  .ubicacion-hoteles iframe {
    padding-bottom: 20%; } }
@media (min-width: 0px) and (max-width: 480px) {
  .banner-hotel h2 {
    color: #a1403c;
    margin-bottom: 0px;
    font-size: 1rem; }

  .banner-hotel h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1rem; }

  .text-banner {
    position: absolute;
    left: 40%; }

  .banner-hotelrv h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1rem; }

  .banner-hotelrv h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1rem; }

  .text-bannerrv {
    position: absolute;
    left: 10%; }

  .banner-hoteldp h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1rem; }

  .banner-hoteldp h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1rem; }

  .text-bannerdp {
    position: absolute;
    left: 10%; }

  .banner-hotellf h2 {
    color: #a1403c;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #fff;
    font-size: 1rem; }

  .banner-hotellf h1 {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 1rem; }

  .text-bannerlf {
    position: absolute;
    left: 10%; }

  .habitaciones-hoteles h2 {
    font-size: 1.6rem;
    color: #183c6c;
    text-shadow: none;
    margin-bottom: 3rem;
    text-align: center;
    /*font-weight: bold;*/ }

  .ubicacion-hoteles iframe {
    padding-bottom: 35%; }

  .contacto-hoteles h2 {
    font-size: 1.6rem; }

  .ubicacion-hoteles h2 {
    font-size: 1.6rem; }
}


/*MEDIA QUERIES*/
@media (min-width: 1281px) {
  .textbanner-contacto {
    position: absolute;
    left: 10%;
    margin-top: 10%; } }



/*MEDIA QUERIES*/
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

  .textbanner-contacto {
    position: absolute;
    left: 15%;
    margin-top: 10%; }

  .textbanner-contacto h2 {
    font-size: 2.5rem; }

  .textbanner-contacto h3 {
    font-size: 3rem; }

  .dirtel-contacto h2 {
    font-size: 2.6rem;
    align-items: center;
    line-height: 1.5rem; }

  .dirtel-contacto img {
    width: 2.5rem;
    height: auto;
    margin-bottom: -0.5rem; }

  .btn-reservacontacto {
    margin-left: 40%; }
}
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

  .textbanner-contacto {
    position: absolute;
    left: 15%;
    margin-top: 10%; }

  .textbanner-contacto h2 {
    font-size: 2.3rem; }

  .textbanner-contacto h3 {
    font-size: 2.6rem; }

  .dirtel-contacto h2 {
    font-size: 1.8rem;
    align-items: center;
    line-height: 1.5rem; }

  .dirtel-contacto img {
    width: 1.6rem;
    height: auto;
    margin-bottom: -1rem; }

  .btn-reservacontacto {
    margin-left: 30%; }
  footer ul{
    margin-left: 1rem!important;
  }
}
/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  footer ul{
    margin-left: 1rem!important;
  }
}
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 0px) and (max-width: 480px) {
  #diversion .diversion-texto{
    font-size: 2rem;
  }
}






/*reset clases bootstrap*/
.navbar-light .navbar-nav .nav-link{
  color:#33005d;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
    color: #ffffff;
    background-color: #33005d;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
    color: #ffffff;
    background-color: #33005d;
}

.btn {
  border-radius: 0px!important;
}
.dropdown-menu{
  border-radius: 0px!important;
}
.social-icon{
  border-radius: 0px!important;
}
/*footer .redes{
  line-height: 63px;
}*/
.redes {

}
.facebook{
  margin-left: 10px;
  margin-right: 10px;
}

/*.redes a{
  background-color: #33005d;

  border-radius: 50%;
 padding-left: 13px !important;
padding-right: 14px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;


}*/
.facebook a {
background: #33005d;
/*padding: .8rem !important;*/
padding-left: 19px !important;
padding-right: 19px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
text-align: center;
/*display: inline;*/
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.instagram a {
background: #33005d;
padding: .8rem !important;
padding-left: 17px !important;
padding-right: 17px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
text-align: center;
/*display: inline;*/
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.youtube a {
background: #33005d;
padding: .8rem !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
text-align: center;
/*display: inline;*/
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.twitter a {
background: #33005d;
padding: .8rem !important;
padding-left: 17px !important;
padding-right: 17px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
text-align: center;
/*display: inline;*/
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.redes a i{
  color: #ffffff!important;
  /*margin-right: 10px;*/
}
#home-logos{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#home-logos img{
  margin-right: auto;
  margin-left: auto;
}
footer .footer1{
  background-color: #f3f5f6;
  height: 3rem;
}
footer #recibe-promociones{
  margin-bottom: 1rem!important;
}
footer ul{
  margin-left: 3rem;

}
footer h5{
  margin-bottom: 2rem;
}

/*HABITACIONES*/
#habitacion-banner {
  background: url("../img/habitaciones/alberca.jpg");
  background-size: cover;
  height: 500px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/*MAZATLAN*/
#mazatlan-disfrutar{
  background: url("../img/mazatlan-disfruta-costa-oro.jpg");
  background-size: cover;
  height: 500px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#mazatlan-disfrutar .mazatlan-disfrutar-contenedor{
  /*padding-left: 0px;
  padding-right: 0px;*/
}
#mazatlan-disfrutar .mazatlan-disfrutar-caja{
  background-color:rgba(247,207,124,0.9);
  padding: 0px!important;
   background-size: cover;
   height: 500px;
}
#mazatlan-disfrutar .mazatlan-disfrutar-texto{
  padding-top: 8rem;
  font-size: 3rem;
  text-align: center;
  color:#33005d;
  font-weight: bold;

}

/*AMENIDADES*/
#amenidades-lista ul{
  list-style: disc;
}
#amenidades-disfrutar{
  background: url("../img/amenidades/amenidades-footer.jpg");
  background-size: cover;
  height: 500px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#amenidades-disfrutar .amenidades-disfrutar-contenedor{
  /*padding-left: 0px;
  padding-right: 0px;*/
}
#amenidades-disfrutar .amenidades-disfrutar-caja{
  background-color:rgba(247,207,124,0.9);
  padding: 0px!important;
   background-size: cover;
   height: 500px;
}
#amenidades-disfrutar .amenidades-disfrutar-texto{
  padding-top: 8rem;
  font-size: 3rem;
  text-align: center;
  color:#33005d;
  font-weight: bold;

}
/* grupo y convenciones*/
ul{
  list-style: none;
}
.grupos-convenciones-costa-oro ul li i{
   color: #f6a453;
   font-weight: bold;
   margin-right: 15px;
   font-size: 10px;
}
.fondo-gris{
  background-color: #f6f7f8;
}

.grupos-convenciones-costa-oro {
  padding-top: 35px;
  padding-bottom: 35px;
}
.grupos-convenciones-costa-oro h1{
  text-align: center;
  color: #33005d;
}

/*PROMOCIONES*/
#promociones-costa-oro-banners{
  background-color: #fff6e1;
  padding-top: 30px;
  padding-bottom: 30px;

}
#promociones-costa-oro-banners .card{
  margin-top: 30px;
}
#promociones-costa-oro-banners .card-title{
  color:#33005d;
}
/*GALERIA COSTA DE ORO*/
.galeria-hoteles {
  background-color: gray;
  padding-top: 2rem;
  /*padding-bottom: 2rem;*/ }

#gallery {
  background-color: #f5f6f7;
  /*background-color: gray;*/
  /*padding-top: 2rem;*/
  padding-bottom: 2rem; }

.galeria-hoteles h2 {
  font-size: 3rem;
  color: #fff;
  text-shadow: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;}
/*GALLERIA*/
#filters{
  border-bottom: 4px solid #fac15b;
  padding-bottom: 8px;
}
#filters li a {
  font-size: 1.2rem;
  padding: 10px 15px;
  color: #000; }
#filters li.active a{
  background-color: #fac15b;
  /*font-size: 1.2rem;
  padding: 10px 15px;*/
  color: #fff;
}
#filters li.active a{

  color: #fff;
}

  #filters li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #fac15b;
  }

.galeria-hoteles .active a {
  color: #000 !important;
  font-weight: bold;
  background-color: #ffd625; }

/*#filters li a:hover{
    color: #000;
}*/
.gallery a {
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-bottom: 30px; }

.gallery a i, .gallery-slider a i {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 80%;
  left: 50%;
  display: block;
  margin: -22px 0 0 -22px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.gallery a:hover i, .gallery-slider a:hover i {
  top: 45%;
  opacity: 1;
  transform: translateY(20); }

.gallery a:hover i, .gallery-slider a:hover i {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/* Isotope */
/* Isotope Filtering */
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/* Disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.isotope-item {
  z-index: 2;
  margin: 0 -1px; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/* Image Hover Zoom */
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block; }

img.zoom-img {
  width: 100%;
  position: relative;
  padding: 0; }

img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  box-shadow: 0px 0px 0px 0px #000;
  /*Firefox opacity flickr bug fix */ }

img.zoom-img:hover {
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
  opacity: 0.7; }

  .edad_nino{
    display: none;
  }

  /* CONTACTO */
#contacto-formulario{

  background-color: #fff6e1;


}
.google-maps {
        position: relative;
        padding-bottom: 10%;
        height: 600px;
        overflow: hidden;
    }
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 600px !important;
}

/*BOOKING SYSTEM*/
.titulo_reservacion {
    background-color: #f0c75a;

    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:5px;
    font-weight:bold;
    text-transform: uppercase;
}
.subtitulo_reservacion {
    /*background-color:#f78c1b;*/
        /* background-color: #f0c75a; */
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    /*padding:2px;*/
    font-weight:bold;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.fondo_subtitulo {
    background-color:#f78c1b;}
.precioTotal {
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    color:#005679;
    font-weight:bold;}
.cuartoimg2 {
    /*background-color: #b6b6b6;*/
    padding: 3px;
    /*width: 200px;*/
    /*height: 170px;*/
    /*max-width: 320px;*/
    /*border: 1px #b6b6b6 solid;*/
    /*margin-right: 10px;*/
    margin: 0 auto 0 auto;
}
.cuartoimg2 img{
    /*margin-top: 30px;*/
    padding: 2px;
    border: 1px #b6b6b6 solid;

}
.precionoche{
    color: #005679;
}
.preciodescuento{
    color:#d0d1d0;
}
.borde1{
    /*border: 1px #b6b6b6 solid;*/

    /*border-left: 1px #b6b6b6 solid;
    border-right: 1px #b6b6b6 solid;
    border-bottom: 1px #b6b6b6 solid;*/
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;


}
.btnreservar{
    margin: 10px;
}
.cuerpo_der{
    /*border: 1px #b6b6b6 solid;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
margin-bottom: 30px;*/

}
hr{
    margin-left: 10px;
    margin-right: 10px;
}
.gris1{
    color: #666666;
    font-family: Arial;
    font-size: 12px;
}
.booking_box{
    font-size: 24px;
}
.gris2{
    color: #666666!important;

}
.ocultar{
    display: none;
}
.ocultar-real{
  display: none!important;
}

[data-funding-source="paypal"] {
  display : none!important;
}
.paypal-button.paypal-button-layout-vertical {
  display: none!important;
}
.aparecer{
  display:inline-block;
}
.mar-b-10{
    margin-bottom: 10px;
}
.mar-b-30{
    margin-bottom: 30px;
}
.mar-b-100{
    margin-bottom: 100px;
}
.mar-b-100-2{
    margin-bottom: 100px;
    margin-top: 50px;
    display: block;
    width: 150px;

}
.mar-b-200{
    margin-bottom: 200px;
}
.marco{
    border: 1px #b6b6b6 solid;


    /*border-left: 1px #b6b6b6 solid;
    border-right: 1px #b6b6b6 solid;
    border-bottom: 1px #b6b6b6 solid;*/
    /* border-radius: 10px 10px 10px 10px; */
/* -moz-border-radius: 10px 10px 10px 10px; */
/* -webkit-border-radius: 10px 10px 10px 10px; */
padding: 25px;
margin-bottom: 25px;
}
.terminos{
    padding: 15px;
}
.terminosp{
    text-align: left;

}
.terminosp ul li{
    text-align: left;
}
.resaltado{
    font-weight: bold;
}
.mr5{
    margin-right: 5px;
}

.habitaciones{
    background-color: #1a85c4;
    border:1px solid #d6d6d6;
    padding: 15px 40px 15px 40px;

    color: white;
}
.booking-btn{
    background-color: #1984c3;
    border: none;
    padding: 6px 7px;
    /*border-color: #35929e;
    text-shadow: 0 -1px 0 #50878e;*/
    color:#fff;
    font-size: 16px;
}
.booking-btn:hover{
    background-color: #51a6d8;

}
#hab_1 label {
    color: #5e5e5e;
}
#hab_2 label {
    color: #5e5e5e;
}
#hab_3 label {
    color: #5e5e5e;
}
#hab_4 label {
    color: #5e5e5e;
}
#div_menor_hab_1 label {
    color: #5e5e5e;
}
.stroke{
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.pre-link-box li a{
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.language-box ul li a{
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
#navigate li a{
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.pre-address-b p{
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.margint60_2{
    margin-top: 60px;
}
.ocultar{
    display: hidden;
}
.rechazada{
    background-color: red;
    color:#fff;
    padding: 15px;
    font-weight: bold;

}
.aceptada{
    background-color: limegreen;
    color:#fff;
    padding: 15px;
    font-weight: bold;

}
.booking-room{
    max-width: 370px;
    float:left;

}
.booking-room-description p{
    text-align: justify;


}
.notatarjeta{
    font-size: 11px;
    color: gray;
}
.formizq{
    font-size: 14px;
}
.descripcion_hab{
    text-align: justify;
}
.capacidad_hab{
    text-align: left;
}
.list-room-headers {
    color: #fff;
    background-color: #f0c75a!important;
    border-color: #f0c75a!important;
}
.panel-heading {
    padding: 0px 15px!important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.tooltip-inner {
    /*white-space:pre;*/
    max-width: none;
     /*white-space:pre-wrap;*/
}
.boton-agencias{
margin-left: 20px;
    border: solid 1px #e4b248;
    background: #e4b248;
    padding: 6px 4px;
    text-align: center;
    width: 150px;
    font-family: Varela Round;
    font-size: 13px;
    color: #FFF;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }
.margintb100{
    margin: 100px 0px 100px 0px!important;
}

.lista-servicios li i{
  color: #f6a453;
  font-weight: bold;
  margin-right: 15px;
  font-size: 10px;
}

.img-intenet-ex{
  max-height: 300px;
}
.img-promo{
  max-height: 400px;
}

#lista-habitaciones p{
  margin-bottom: 2px;
}

.purpu{
  background-color:#fc6B00;

}

.purpu2{
  background-color:#f69c44;

}

.card-footer{
    background-color: white!important;
    border-top: 0px;
}


.puntero {
cursor: pointer;
}
.back-to-top {
  position: fixed;
  display: none;
  background: #f6a453;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;

    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

.abrir-carrito {
  position: fixed;
  display: none;
  background: #f6a453;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  /* border-radius: 50%; */
  right: 15px;
  top: 100px;
  padding-top: 12px;
  transition-property: background;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
  z-index: 11;
}
.logo-360 {
  width: 36px;
}

.header-reserva {
  background-color: #313a45;
}

.marco-pago {
  padding: 10px;
  background-color: white;
}

.swall-overlay {
  z-index: 100005;
}
.swal-modal {
  z-index: 99999;
}

@media (max-width: 950px) and (min-width: 768px) {
.promocion-descripcion {
  font-size: 1.6rem ;
  text-align: left ;
  color: #33005d ;
}
}

.promocion-descripcion {
display: inline;
}

@media (min-width: 951px){
  .promocion-descripcion {
    display: none;
    color: black;
  }
}
.cuerpo1 h3 {

  font-family: 'PT Serif', serif;
  color: #6d2113;
  /*font-size: 4.4rem;*/
  font-size: 1.5rem;
  /*text-shadow: black 0.1em 0.1em 0.2em;*/
  /*margin-bottom: 60px; */

}

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

  .encabezado {
    top:0x;
  }
}
@media (max-width: 900px) and (min-width: 768px){

  .encabezado {
    top:0px;
  }
}
@media (max-width: 478px) and (min-width: 0px){

  .encabezado {
    top:0px;
  }
}
@media (max-width: 768px) and (min-width: 0px){

  .fondo-promo {
    display: block!important;
  }
  .imagen-promo {
    display: none!important;
  }

  .caja-reservacion{
    display: none!important;
  }

  .caja-reservacion-movil{
    display: block!important;
  }
}
.fondo-promo {
  display: none;
}
.br-des {
  font-size: 0px;
  display: block;
}
.fondo-invisible {
  display: none;
}

.video-responsive {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
  }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  }

  .listar-hab {
    background-color: #472f15;
    border: solid 2px rgba(228,178,72,0.6);
    /* padding: 1px; */
    color: #fff;
  }

  .listar-hab label {
    
    color: #fff;
  }

  .listar-hab h2 {
    
    color: #fff;
  }

  .listar-hab .label-small2 {
    color: #fff;
  }

  .listar-hab #div_menor_hab_1 label {
    color: #fff;
  }
  .listar-hab #div_menor_hab_2 label {
    color: #fff;
  }
  .listar-hab #div_menor_hab_3 label {
    color: #fff;
  }
  .listar-hab #div_menor_hab_4 label {
    color: #fff;
  }
        .opps {
            width: 496px; 
            border-radius: 4px;
            box-sizing: border-box;
            padding: 0 45px;
            margin: 40px auto;
            overflow: hidden;
            border: 1px solid #b0afb5;
            font-family: 'Open Sans', sans-serif;
            color: #4f5365;
        }

        .opps-reminder {
            position: relative;
            top: -1px;
            padding: 9px 0 10px;
            font-size: 11px;
            text-transform: uppercase;
            text-align: center;
            color: #ffffff;
            background: #000000;
        }

        .opps-info {
            margin-top: 26px;
            position: relative;
        }

        .opps-info:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;

        }

        .opps-brand {
            width: 45%;
            float: left;
        }

        .opps-brand img {
            max-width: 150px;
            margin-top: 2px;
        }

        .opps-ammount {
            width: 55%;
            float: right;
        }

        .opps-ammount h2 {
            font-size: 36px;
            color: #000000;
            line-height: 24px;
            margin-bottom: 15px;
        }

        .opps-ammount h2 sup {
            font-size: 16px;
            position: relative;
            top: -2px
        }

        .opps-ammount p {
            font-size: 10px;
            line-height: 14px;
        }

        .opps-reference {
            margin-top: 14px;
        }

.botones-pago-imagen {
  width:300px !important;
}


.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #f6a453;
    border-color: #ffd625;
}


.encabezado{
  background-color:#000;
 } 
 
 .logo-maz {
  padding: 10px;
 }


 #caja_res2 {
  line-height: 1!important;
}


#caja_res2 label {
   margin-bottom: 0.1rem!important;
}



.buscador-caja-boton {
  position: absolute;
  z-index: 999;
  top: 27vw;
  background-color: #BF9C51!important;
  border-color: #BF9C51!important;
  margin-left: 50%;
  margin-right: 50%;

}

#buscar_reserva_cajaflotante {
  color: #fff;
  background-color: #BF9C51;
  border-color: #BF9C51;
}

.col-boton-res {
  align-self: center;
  text-align: center;
}

.centrado-direcciones {
  align-self: center;
  text-align: center;
}




#buscar_reserva_cajaflotante {
  color: #fff;
    background-color: #000000;
    border-color: #000000;
}

#buscar_reserva_cajaflotante:hover {
  
  background-color: #292929!important;
  border-color: #292929!important;
}
#buscar_reserva_cajaflotante:disabled {
  
  background-color: #292929!important;
  border-color: #292929!important;
}
.buscador-caja {
  position: absolute;
  z-index: 999;
  /* top: calc(100vh - 86px); */
  /* min-height: 86px; */
  /* bottom: 0vw; */
  /* max-height: 500px; */
  /* overflow-y: auto; */
  background-color: rgb(191 156 81 / 85%);
  /* width: 60%; */
  /* width: 60%; */
  /* margin-left: 18%; */
  /* margin-left: 19%; */
}

.cerrar-cart {
  background-color: #000000;
  border-color: #000000;
}

.cerrar-cart:hover {
  background-color: #212121;
  border-color: #212121;
}



.form-control:focus {
  /* color: #fff; */
  /* background-color: transparent; */
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.txt-blanco {
  color: #fff!important;
}



.label-titulo-habitacion {
  margin-bottom: 0.1rem;
}



.caja-reservacion {
  position: absolute;
  bottom: 1px;
  width: 100%;
  /* top: calc(100vh - 124px); */
  /* top: calc(100vh - 580px); */
  min-height: 86px;
  z-index: 999;
  /* text-align: center; */
  justify-content: center;
  display: flex;
}

.caja-reservacion .btn-primary{
    background-color: rgb(0, 0, 0)!important;
}

.caja-reservacion-movil {
    display: none;
    margin: 20px 0 0px 0;
    
}

.caja-reservacion-colapsada {
    background-color: rgb(0 0 0);
    color: #fff;
    display: block;
    padding: 20px 20px;
    line-height: 0px;
    /* border: 1px solid rgb(191 156 81); */
    cursor: pointer;
}

/* .datos-reservacion {
    padding-left: 20px;
} */

.icono-reservacion{
    float: right;
}

.icono-reservacion .fa{
        line-height: 0!important;
}


.caja-reservacion-expandida {
    background-color: rgb(191 156 81);
    padding: 20px;

}

.caja-reservacion-expandida .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-bottom: 3px solid #ffff;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.caja-reservacion-expandida .btn-primary  {
    background-color: rgb(0, 0, 0)!important;
    padding: 10px 20px;

}

.header-booking {
    position: relative;
}

@media (max-width: 991px){

  .txt-blanco {
    font-size: 14px;
  }
  .listado-datos-hotel {
   
    /* margin-left: 12%; */
  }

}

.select-personas{
  background-image: url(../img/chevron-thin-right.png);
  background-repeat: no-repeat;
  background-position: 100% 56%;
  background-size: 10px 6px
}


.cerrar-cart {
  background-color: #000000;
  border-color: #000000;
}

.cerrar-cart:hover {
  background-color: #212121;
  border-color: #212121;
}

.caja-reservacion .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 3px solid #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.caja-reservacion .form-control:focus {
  color: #fff!important;
  background-color: transparent;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.form-control option {
  color: #000;  
}

.listado-habitaciones-edades{
 position: absolute;
 z-index: 999;
 width: 400px;
 background-color: rgb(191 156 81);
 left: calc(50% - 200px);
 /* display: none; */
}

.label-titulo-habitacion {
  margin-bottom: 0.1rem;
}


/* input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea */
.caja-reservacion .form-control {
  background-color: #fff0;
  border-bottom: 3px solid #fff!important;
  border-top: 0px solid #fff;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  padding: 2px;
  color: #ffffff;
}

.form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}

.col-no-padding {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

@media (min-width: 768px) {
  #contenedor-carrito-lateral{
    display: none!important;
  }
}


#carrito_detalle{
  cursor: pointer;
  position: fixed;
  font-size: 20px;
  bottom:100px;
  right: 30px;
  z-index: 14;
  border-radius: 50px;
  /* color:#fff; */
  background-color: #fff;
}
.carrito-lateral-titulo {
  text-align:center;
  font-weight:bold;
}
#contenedor-carrito-lateral {
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0,0,0,.5);
  position: fixed;
  height: 100%;
  z-index: 200;
  display: none;
  cursor: pointer;
  

}
#carrito-lateral {
  width: 100%;
  background-color: #000000;
  position: absolute;
  /*right: -400px;*/
  right: 0px;

  top: 0;
  height: 100%;
  z-index: 15;
  font-size: 16px;
  font-weight: lighter;
  /* padding-left: 5px; */
  max-width: 100%;
  display: none;
  cursor: auto;
  overflow: auto;
}

#contenedor-carrito-compra {
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0,0,0,.5);
  position: fixed;
  height: 100%;
  z-index: 1000;
  display: none;
  cursor: pointer;
  overflow-x: hidden;
}

#carrito-lateral-compra {
  width: 100%;
  background-color: #000000;
  position: absolute;
  /*right: -400px;*/
  right: 0px;

  top: 0;
  height: 100%;
  z-index: 16;
  font-size: 16px;
  font-weight: lighter;
  /* padding-left: 5px; */
  max-width: 100%;
  display: none;
  cursor: auto;
  overflow: auto;
  width: 376px;
  overflow-x: hidden;
}


#carrito-lateral ul {
  margin-top: 30px;
  list-style-type: none;

}
.animacion_carrito_lateral_aparecer {
  animation-name: carrito_lateral_aparecer;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.24, 0.19, 0.51, 1.01);
}
.animacion_carrito_lateral_esconder {
  animation-name: carrito_lateral_esconder;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.24, 0.19, 0.51, 1.01);
}
.animacion_menu_lateral_aparecer {
  animation-name: menu_lateral_aparecer;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.24, 0.19, 0.51, 1.01);
}
.animacion_menu_lateral_esconder {
  animation-name: menu_lateral_esconder;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.24, 0.19, 0.51, 1.01);
}


.menu-sub {
  margin-top: 0px!important;
  padding-left: 20px;
}
.menu-con-cat {
padding-left: 25px;
border-bottom: #e5e5e5 solid 1px;
}

.menu-con-cat-open {
padding-left: 27px!important;
}
.menu-sin-cat {
padding-left: 30px;
border-bottom: #e5e5e5 solid 1px;
}

.menu-lat-desp {
background-color: #f9e9e9;
padding-bottom: 15px;
}



.c-hamburger{display:block;position:relative;overflow:hidden;margin:0 0 10px 0;padding:0;width:60px;height:60px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background 0.2s;}
.c-hamburger:focus{outline:none;}
.c-hamburger span{display:block;position:absolute;top:27px;left:14px;right:14px;height:4px;background:white;}
.c-hamburger span::before,
.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:white;content:"";}
.c-hamburger span::before{top:-8px;}
.c-hamburger span::after{bottom:-8px;}
.c-hamburger--x{background-color:#43347b;}
.c-hamburger--x:hover{background-color:#2B224D;}
.c-hamburger--htx span{transition:background 0s 0.2s;}
.c-hamburger--x span::before,
.c-hamburger--x span::after{transition-duration:0.2s, 0.2s;transition-delay:0.2s, 0s;}
.c-hamburger--x span::before{transition-property:top, transform;}
.c-hamburger--x span::after{transition-property:bottom, transform;}
.c-hamburger--x.is-active{background-color:#627FB9;}
.c-hamburger--x.is-active:hover{background-color:#495F8C;}
.c-hamburger--x.is-active span{background:none;}
.c-hamburger--x.is-active span::before{top:0;transform:rotate(45deg);}
.c-hamburger--x.is-active span::after{bottom:0;transform:rotate(-45deg);}
.c-hamburger--x.is-active span::before,
.c-hamburger--x.is-active span::after{transition-delay:0s, 0.2s;}
.c-hamburger--rot{background-color:#28aadc;}
.c-hamburger--rot:hover{background-color:#28aadc;}
.c-hamburger--rot span{transition:transform 0.2s;}
.c-hamburger--rot.is-active{background-color:#166888;}
.c-hamburger--rot.is-active:hover{background-color:#166888;}
.c-hamburger--rot.is-active span{transform:rotate(90deg);}
.c-hamburger--htx{background-color:#ff3264;}
.c-hamburger--htx:hover{background-color:#ff3264;}
.c-hamburger--htx span{transition:background 0s 0.2s;}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after{transition-duration:0.2s, 0.2s;transition-delay:0.2s, 0s;}
.c-hamburger--htx span::before{transition-property:top, transform;}
.c-hamburger--htx span::after{transition-property:bottom, transform;}
.c-hamburger--htx.is-active{background-color:#cb0032;}
.c-hamburger--htx.is-active:hover{background-color:#cb0032;}
.c-hamburger--htx.is-active span{background:none;}
.c-hamburger--htx.is-active span::before{top:0;transform:rotate(45deg);}
.c-hamburger--htx.is-active span::after{bottom:0;transform:rotate(-45deg);}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after{transition-delay:0s, 0.2s;}
.c-hamburger--htla{background-color:#32dc64;}
.c-hamburger--htla:hover{background-color:#32dc64;}
.c-hamburger--htla span{transition:transform 0.2s;}
.c-hamburger--htla span::before{transform-origin:top right;transition:transform 0.2s, width 0.2s, top 0.2s;}
.c-hamburger--htla span::after{transform-origin:bottom right;transition:transform 0.2s, width 0.2s, bottom 0.2s;}
.c-hamburger--htla.is-active{background-color:#18903c;}
.c-hamburger--htla.is-active:hover{background-color:#18903c;}
.c-hamburger--htla.is-active span{transform:rotate(180deg);}
.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after{width:50%;}
.c-hamburger--htla.is-active span::before{top:0;transform:translateX(38px) translateY(4px) rotate(45deg);}
.c-hamburger--htla.is-active span::after{bottom:0;transform:translateX(38px) translateY(-4px) rotate(-45deg);}
.c-hamburger--htra{background-color:#ff9650;}
.c-hamburger--htra:hover{background-color:#ff9650;}
.c-hamburger--htra span{transition:transform 0.2s;}
.c-hamburger--htra span::before{transform-origin:top left;transition:transform 0.2s, width 0.2s, top 0.2s;}
.c-hamburger--htra span::after{transform-origin:bottom left;transition:transform 0.2s, width 0.2s, bottom 0.2s;}
.c-hamburger--htra.is-active{background-color:#e95d00;}
.c-hamburger--htra.is-active:hover{background-color:#e95d00;}
.c-hamburger--htra.is-active span{transform:rotate(180deg);}
.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after{width:50%;}
.c-hamburger--htra.is-active span::before{top:0;transform:translateX(-8px) translateY(4px) rotate(-45deg);}
.c-hamburger--htra.is-active span::after{bottom:0;transform:translateX(-8px) translateY(-4px) rotate(45deg);}

.ocultar{display:none!important;}

.agregar-cart {
  cursor: pointer;
  font-size: 15px;
}
.eliminar-cart {
  cursor: pointer;
  font-size: 15px;
}
.menu-sub {
  margin-top: 0px!important;
  padding-left: 20px;
}

.menu-sin-cat {
padding-left: 30px;
border-bottom: #e5e5e5 solid 1px;
}

.menu-lat-desp {
background-color: #f9e9e9;
padding-bottom: 15px;
}
.descripcion-prod {
  font-size: 12px;
}
.menu-cat:hover {
  color: #ee3a2b;  
  
}
.menu-sec:hover  {
  color: #ef8059;
  
}
.carrito-superior {
  font-size: 15px;
  cursor: pointer;
}

.what-icono {
  font-size:20px;
  color: #01e675;
}

.boto-producto {
  font-size: 11px;
}
.puntero {
  cursor:pointer;
}
.quitar-barra {
  overflow: hidden;

}
.icono-compartir {
  cursor: pointer;
  font-size:25px;
}
.logo-flotante {
  position: absolute;
  width: 150px;
  left: 0px;
}

@media (max-width: 767px) {
  .descripcion-prod {
    font-size: 9px;
    font-weight: bold;
  }
  .titulos-tabla {
    font-size: .85rem;
  }

  .titulo-reservacion {
    font-size: 1rem;
  }
  .informacion-contacto {
    font-size: 14px;
  }
}
@media (min-width: 767px) {

  .link-idioma {
    top: 15px;
    right: 130px;
  }


  #menu-lateral {
    width: 40%;
  }
  #carrito-lateral {
    width: 55%;
  }
  .logo-flotante {
    width: 240px;
  }
  
}


@media (min-width: 991px) {
  #menu-lateral {
    width: 30%;
  }
  #carrito-lateral {
    width: 500px;
  }
  .logo-flotante {
    width: 340px;
  }
  #hamburger{
    display: none;
  }
  #carrito_detalle {
    display: none;
  }
  #header2 {
    position:-webkit-sticky;
    position:sticky;
    top:0px;
  }
}


#carrito-lateral h3 {
  color: #ffffff;
  font-family: 'Adamina',Georgia,"Times New Roman",serif;
}

#carrito-lateral label {
  color: #ffffff;
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
}

#buscar_reserva_lateral{
  color: #fff;
  background-color: #BF9C51;
  border-color: #BF9C51;
}

#env_reserva_lateral {
  line-height: 1;
}


#env_reserva_lateral .form-group {
  margin-bottom: 0rem!important;
}

#env_reserva_lateral label {
 margin-bottom: 0.1rem!important;
}

#buscar_reserva_lateral:hover {
color: #fff;
background-color: #bf9c51bb;
border-color: #bf9c5180;
}

.informacion-contacto {
  color: #fff;
}
.informacion-contacto ul {
  padding: 0px;
}

.informacion-contacto a {
  color: #fff;
}

.background-gradient {
  background: linear-gradient(180deg, transparent, black);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
}

/* .tel {
  float: right;
  margin-bottom: 10px;
  color: #fff;
} */

.informacion-contacto a{
  text-decoration: none;
  color: #fff;
  
}

.informacion-contacto a:hover{
  color: rgb(197, 197, 197);
}

.button-english .btn-primary {
  color: #FFFFFF!important;
  border-width: 0px!important;
  border-radius: 0px;
  font-size: 15px;
  font-weight: 600!important;
  text-transform: uppercase!important;
  background-color: #BF9C51;
  text-align: center;
  box-shadow: none;
  float: right;
}


.listado-datos-hotel {
  margin-top: 6px;
  /* margin-left: 17%; */
  margin-left: auto;
  width: 123px;
}

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown-options {
  display: none;
  position: absolute;
  overflow: auto;
  background-color:#fff;
  border-radius:5px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}

.dropdown:hover .dropdown-options {
  display: block;
}

.dropdown-options a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
  padding:20px 40px;
}

.dropdown-options a:hover {
  color: #0a0a23;
  background-color: #ddd;
  border-radius:5px;
}


.boton-openpay {
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  text-align: center;
  font-size: 21px;
  font-weight: 400;
  padding: 12px 0;
  width: 100%;
  display: table;
  background: #E51F04;
  background: -moz-linear-gradient(top,  #E51F04 0%, #A60000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E51F04), color-stop(100%,#A60000));
  background: -webkit-linear-gradient(top,  #E51F04 0%,#A60000 100%);
  background: -o-linear-gradient(top,  #E51F04 0%,#A60000 100%);
  background: -ms-linear-gradient(top,  #E51F04 0%,#A60000 100%);
  background: linear-gradient(top,  #E51F04 0%,#A60000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E51F04', endColorstr='#A60000',GradientType=0 );
}
.boton-openpay i {
  margin-right: 10px;
}
.boton-openpay.disabled {
  background: none repeat scroll 0 0 #ccc;
  cursor: default;
}
.bkng-tb-cntnt {
  float: left;
  width: 100%;
}
.bkng-tb-cntnt .boton-openpay {
  color: #fff;
  float: right;
  font-size: 18px;
  padding: 5px 20px;
  width: auto;
}
.bkng-tb-cntnt .boton-openpay.o {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #e51f04;
  border: 1px solid #e51f04;
}
.bkng-tb-cntnt .boton-openpay i {
  color: #fff;
}
.bkng-tb-cntnt .boton-openpay.o i {
  color: #e51f04;
}
.bkng-tb-cntnt .boton-openpay.right i {
  float: right;
  margin: 2px 0 0 10px;
}
.bkng-tb-cntnt .boton-openpay.left {
  float: left;
}
.bkng-tb-cntnt .boton-openpay.disabled.o {
  border-color: #ccc;
  color: #ccc;
}
.bkng-tb-cntnt .boton-openpay.disabled.o i {
  color: #ccc;
}
.pymnts {
  float: left;
  width: 100%;
}
.pymnts * {
  float: left;
}

.sctn-row {
  margin-bottom: 35px;
  width: 100%;
}
.sctn-col {
  width: 375px;
}
.sctn-col.l {
  width: 425px;
}
.sctn-col input {
  border: 1px solid #ccc;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 12px;
  width: 333px;
}
.sctn-col label {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  width: 100%;
}
.sctn-col.x3 {
  width: 300px;
}
.sctn-col.x3.last {
  width: 200px;
}
.sctn-col.x3 input {
  width: 210px;
}
.sctn-col.x3 a {
  float: right;
}
.pymnts-sctn {
  width: 100%;
}
.pymnt-itm {
  margin: 0 0 3px;
  width: 100%;
}
.pymnt-itm h2 {
  background-color: #e9e9e9;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  padding: 28px 0 28px 20px;
  width: 100%;
}
.pymnt-itm.active h2 {
  cursor: default;
}
.pymnt-itm div.pymnt-cntnt {
  display: none;
}
.pymnt-itm.active div.pymnt-cntnt {
  background-color: #f7f7f7;
  display: block;
  padding: 0 0 30px;
  width: 100%;
}

.pymnt-cntnt div.sctn-row {
  margin: 20px 30px 0;
  width: 740px;
}
.pymnt-cntnt div.sctn-row div.sctn-col {
  width: 345px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.l {
  width: 395px;
}
.pymnt-cntnt div.sctn-row div.sctn-col input {
  width: 303px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half {
  width: 155px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half.l {
  float: left;
  width: 190px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half input {
  width: 113px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv {
  background-image: url("./cvv.png");
  background-position: 156px center;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv div.sctn-col.half input {
  width: 110px;
}
.openpay {
  float: right;
  height: 60px;
  margin: 10px 30px 0 0;
  width: 435px;
}
.openpay div.logo {
  background-image: url("./openpay.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  border-right: 1px solid #ccc;
  font-size: 12px;
  font-weight: 400;
  height: 45px;
  padding: 15px 20px 0 0;
}
.openpay div.shield {
  background-image: url("./security.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  padding: 20px 0 0 40px;
  width: 200px;
}
.card-expl {
  float: left;
  height: 80px;
  margin: 20px 0;
  /* width: 800px; */
  width: 100%;
}
.card-expl div {
  background-position: left 45px;
  background-repeat: no-repeat;
  height: 70px;
  padding-top: 10px;
}
.card-expl div.debit {
  /* background-image: url("./cards2.png"); */
  margin-left: 20px;
  /* width: 540px; */
}
.card-expl div.credit {
  /* background-image: url("./cards1.png"); */
  border-right: 1px solid #ccc;
  margin-left: 30px;
  width: 209px;
}
.card-expl h4 {
  font-weight: 400;
  margin: 0;
}


.select2-selection--multiple {
  background-color: transparent!important;
  border: none!important;
  color: white;  
}

.select2-selection__choice {
  color: white!important;
}
.select2-search__field {
  background-color: transparent!important;
  color: white;
}

    .skeleton {
      /* position: relative; */
      background-color: #e0e0e0;
      overflow: hidden;
      border-radius: 4px;
    }

    .skeleton::before {
      /* This ensures a solid gray base stays underneath the shimmer */
      content: "";
      position: absolute;
      inset: 0;
      background-color: #cfcfcf;
      /* color: #cfcfcf!important; */
      /* z-index: 0; */
    }
    .skeleton::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(
        to right,
        rgba(224, 224, 224, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(224, 224, 224, 0) 100%
      );
      animation: shimmer 1.4s infinite;
      transform: translateX(-100%);
    }

    @keyframes shimmer {
      100% {
        transform: translateX(100%);
      }
    }

    
.titulo-principal-presentacion {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
}

.titulo-presentacion {
  margin-top: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.contenido-presentacion {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.contenedor-presentacion {
  background-color: black;
  /* padding-top: 50px;  */
  padding-bottom: 50px; 
  min-height:80vh;
}
.contenedor-cuerpo-presentacion {
  background-color: white;
}
.seccion-caja-movil {
  margin-left: 20px;
}
@media (max-width: 600px) {
  
  .seccion-caja-movil {
    margin-left: 5px;
  }
}
@media (max-width: 480px) {
  .caja-reservacion-colapsada {
    font-size: 14px;
  }
  .seccion-caja-movil {
    margin-left: 0px;
  }
}
@media (max-width: 420px) {
  .caja-reservacion-colapsada {
    font-size: 12px;
  }
  .seccion-caja-movil {
    margin-left: 0px;
  }
}
@media (max-width: 386px) {
  /* .caja-reservacion-colapsada {
    font-size: 10px;
  } */
}

@media (max-width: 350px) {
  .seccion-caja-movil-reservar{
    line-height: 40px;
  }
}
#main_body {
  overflow-x: hidden;
}

.presentacion .select2-selection--multiple {
  background-color: white!important;
  border: none!important;
  color: black;  
}

.presentacion .select2-selection__choice {
  color: black!important;
}
.presentacion .select2-search__field {
  background-color: transparent!important;
  color: black;
}

.cambiar-posicion-caja {
  bottom: -55px;
}
@media (max-width: 987px) {
  .cambiar-posicion-caja {
    bottom: -162px;
  }
}
@media only screen and (max-width: 600px) {
    .presentacion .select2-container {
        width: 100% !important;
    }
}