/*-  
Theme Name: Samba Vallarta
Description: Tema echo a la medida para Samba Vallarta by Hoteles emporio.
Version: 1.0
Author: mrc
Theme URI: http://grupodiestra.com
*/
@charset "utf-8";
/* CSS Document */
/******************************
[Table of Contents]
1. Fonts
2. Body and some general stuff
    2.2 Margin's & Padding's
3. Header
4. Menu
5. Home & Slider principal
6. Intro (Slider coleccion hoteles responsive)
7. Footer
8. Textos y títulos secciones
9. Texto en descripcion de habitaciones, eventos, etc. Single text en general
10. Separacion basica en todo el sitio
11. Título Principal (Contamos con beneficios exclusivos para ti) y otras secciones
12. Caja box info en slider
13. Estilos Buscador
14. Flechas y dots sliders
15. Estilos promociones
16. Sección TOUR 360
17. Detalle Promociones
18. FancyBox
19. Seccion Contacto
20. Loader
21. Menu de idiomas
22. Estilos de slider home
23. Seccion para entradas relacionadas
24. Otros ajustes para interior de hoteles
25. Ajustes para footer videos
26. Select filtro promociones
27. Para el blog
27. Inician estilos para menu interior hotel responsive
28. Estilos para redes en interior hoteles
29. Contact Form 7
31. Nuevos ajustes sitio
32. SELECT LISTADO PROMOCIONES
33. Header Fijo general
34. Estilos botones principales con animacion
35. Boton template promociones y terminos y condiciones
36. Ajuste especifico para galerias embed de instagram
37. Style for social share
38. Estilos para slider responsive promociones relacionadas
39. Nuevos estilos for home
40. Slider coleccion hoteles home
41. Slider promociones Home
42. Definimos estilos para clima plugin
43. Plantilla CARGA PDF
44. Pleca COVID header
45. Preguntas Frecuentes
46. Etapa 1 Rediseño 02-06-21
47. Media queries
/******************************
* 1. Fonts *******************/
@font-face {
  font-family: 'cityStreet';
  src: url('fonts/cityStreetwear-Bold.woff') format('woff'),
       url('fonts/cityStreetwear-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'crystal';
  src: url('fonts/crystal.woff') format('woff'),
       url('fonts/crystal.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/*********************************
2. Body and some general stuff
*********************************/
a{
    color: #747474;
}

*{
    margin: 0;
    padding: 0;
}

body{
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 300;
    background: #FFFFFF !important;
    color: #2d2d2d;
}

div{
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul{
    list-style: round;
    margin-bottom: 0px;
}

p{
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 200;
    color: #2d2d2d;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

p:last-of-type{
    margin-bottom: 0;
}

a, a:hover, a:visited, a:active, a:link{
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

a:hover{
    color: #12293a;
}

p a:active{
    position: relative;
    color: #FF6347;
}


p a:hover::after{
    opacity: 0.2;
}

::selection{
    background: #294254;
    color: #FFFFFF;
}

h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 22px;}
h5{font-size: 17px;}

h1, h2, h3, h4, h5, h6{
    font-family: "Poppins", sans-serif;
    color: #241552;
    font-weight: 600;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

img {
    max-width: 100%;
    height: auto;
}

img, .wp-caption{
    max-width: 100% !important;
    height: auto !important;    
}

.form-control{
    color: #7e7e7e;
    font-size: 14px;

}

section{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;

}

.mxauto{
    margin: 0 auto;
    text-align: center;
}

.clear{
    clear: both;
}

.clearfix::before, .clearfix::after{
    content: "";
    display: table;
}

.clearfix::after{
    clear: both;
}

.clearfix{
    zoom: 1;
}

.float_left{
    float: left;
}

.float_right{
    float: right;
}

.trans_200{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400{
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height{
    height: 100%;
}

.super_container{
    width: 100%;
    overflow: hidden;
    top: 2rem;
}

.prlx_parent{
    overflow: hidden;
}

.prlx{
    height: 130% !important;
}

.parallax-window{
    min-height: 400px;
    background: transparent;
}

.parallax_background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.nomargin{
    margin: 0;
}

.nopadding{
    padding: 0px !important;
}

.nopadding-left{
    padding-left: 0px !important;
}

.nopadding-right{
    padding-right: 0px !important;
}

.button_container{
    display: inline-block;
}

.button{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 25px;
    background-color: rgba(255,255,255,0.9);
    padding: 10px 20px;
}

.button:hover{
    background: rgba(255,255,255,0.8);
}

.button span{
    display: inline-block;
    position: relative;
    font-size: 10px;
    font-weight: 300;
    color: #292929;
    line-height: normal;
}

.button span::after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 3px;
    content: '';
}

.section_subtitle{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: #7e7e7e;
    line-height: 1;
}

.section_title{
    margin-top: 10px;
}

.MobileAviso{
    display: none;
}

.DesktopAviso{
    display: block;
}

.MobileEnviarBuscador{
    display: none;
}

.DesktopEnviarBuscador{
    display: block;
}

.MobileArrow{
    display: none;
}

.DesktopArrow{
    display: block;
}

.termsConMobile{
    display: none;
}

.redesMobile{
    display: none;
}

.termsCon{
    display: block;
}

.modalBox{
    width: 70%;
}

.separacionSele{
    margin-top: 7px;
}

.btn-primary:focus{
    box-shadow: 2px 2px transparent;
}

.btn:focus{
    box-shadow: 2px 2px transparent;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.espacioPromociones{
    clear: both;
    height: 2em;
}


input {
    outline: none;
}

textarea{
    outline: none;
}

select{
    outline: none;
}

.wpcf7 label
{
    font-size: 14px;
    font-weight: 500;
}

.wpcf7 label{
    font-size: 14px;
    font-weight: 500;
}

.separacionMenu{
    margin-top: 6rem;
}

.separaEspecial{
    margin-left: -2rem;
}

.redesDesktop{
    display: block;
}

* { 
    -webkit-box-sizing: 
    border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: 
    border-box; 
}

*:before, *:after { 
    -webkit-box-sizing: inherit; 
    -moz-box-sizing: inherit; 
    box-sizing: inherit; 
}

#video-viewport { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    z-index: -1; 
}

video { 
    display: block; 
    width: 100%; 
    height: auto; 
}

.fullsize-video-bg { 
    /*height: 100%; */
    height: 80vh;
    overflow: hidden; 
}

.fullsize-video-bg:before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 0; 
}

.fullsize-video-bg .inner { 
    display: table; 
    width: 100%; 
    max-width: 24em; 
    height: 100%; 
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    z-index: 2; 
    text-shadow: 0 1px 5px rgba(0,0,0,.5); 
}

.fullsize-video-bg .inner > div { 
    text-align: center; 
    display: table-cell; 
    vertical-align: middle; 
    padding: 0 2em; 
}
/*Agregado el 15-01-24*/
blockquote{
  font-size: 1.4em;
  width:100%;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding: 20px 30px 20px 60px;
  border-left:8px solid #78C0A8 ;
  line-height:1.6;
  position: relative;
  background:#f3f3f3;
}

blockquote::before{
    content: '\201C';
    font-size: 4rem;
    font-weight: 700;
    position: absolute;
    top: -.4em;
    left: 10px;    
    text-shadow: none;
    z-index: -300;
}

blockquote::after{
  content: '';
}

.textCodePromo blockquote {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.textCodePromo blockquote * {
    box-sizing: border-box; 
}

.textCodePromo blockquote p {
    font-size: 18px;
    line-height: 1.4 !important;
    padding: 0 0 0 55px;
}

.iconoMini{
    max-width: 50px !important;
    width: 100%;
}
/********************************
2.2 Margin's & Padding's
*********************************/
.mCenter{
    text-align: center;
}

.margRight{
    margin-right: 15px;
}

.margLeft{
    margin-left: 15px;
}

.margL10{
    margin-left: 10%;
}

.paddL{
    padding-left: 20px;
}

.paddR{
    padding-right: 20px;
}

.padd10{
    padding: 10px 10px;
}

.padd20{
    padding: 20px 20px;
}

.padd30{
    padding: 30px 30px;
}

.padding30{
    padding: 0px 30px;
}

.padd30special{
    padding: 30px 0px;
}

.padd30Buscador{
    padding: 0px 30px;
}

.padd50{
    padding: 50px 50px;
}

.margin10{
    margin: 10px 0;
}

.margin20{
    margin: 20px 0;
}

.mLeft{
    text-align: left;
}

.fLeft{
    float: left;
}

.fRight{
    float: right;
}

.cRight{
    text-align: right;
}

/*********************************
3. Header
*********************************/
.headerEmporio{
    /* position: fixed; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 100;
}

.header_content{
    width: 100%;
    height: 100%;
}

.logo_container{
    position: absolute;
    top: 0;
    left: 0;
    width: 265px;
    height: 100%;
    z-index: 1;
}

.logo{
    margin-top: 6px;
}

.logo a{
    display: block;
}

.logo_subtitle{
    font-size: 11px;
    font-weight: 500;
    color: #d6baa0;
    line-height: 0.75;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.logo_title{
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 0.75;
    margin-top: 8px;
}

.header_inner{
    width: 100%;
    height: 95px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.header.scrolled .header_inner{
    height: 80px;
}

/*********************************
4. Menu
*********************************/
.main_nav{
    height: 100%;
    width: 100%;
}

.main_nav ul{
    height: 100%;
}

.main_nav ul li{
    height: 100%;
    padding: 10px 22px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    list-style: none !important;
}

.main_nav ul li a{
    display: block;
    height: 100%;
}

.main_nav ul li a div{
    height: 100%;
}

.main_nav ul li a div span{
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    white-space: nowrap;
    text-transform: uppercase;
}

.main_nav ul li a div span::after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 3px;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav ul li.active a div span::after,
.main_nav ul li:hover a div span::after{
    visibility: visible;
    opacity: 1;
}

.hamburger{
    background-color: #241552;
    display: none;
    cursor: pointer;
    margin-top: 5px;
    padding-right: 20px;
}

.hamburger i{
    font-size: 18px;
    color: #FFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.hamburger i:hover{
    color: #FFFFFF;
}

.menu{
    position: fixed;
    left: 0;
    top: -100vh;
    width: 100vw;
    height: 100vh;
    background: #0b1423;
    z-index: 99;
    -webkit-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
    -moz-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
    -ms-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
    -o-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
    transition: all 800ms cubic-bezier(.88,.31,.65,.91);
}

.menu.active{
    top: 0;
}

.menu_content{
    width: 100%;
    height: 100%;
}

.menu_nav_list li{
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.menu_nav_list li:first-child{
    transition-delay: 400ms;
}

.menu_nav_list li:nth-child(2){
    transition-delay: 500ms;
}

.menu_nav_list li:nth-child(3){
    transition-delay: 600ms;
}

.menu_nav_list li:nth-child(4){
    transition-delay: 700ms;
}

.menu_nav_list li:nth-child(5){
    transition-delay: 800ms;
}

.menu_nav_list li:nth-child(6){
    transition-delay: 900ms;
}

.menu_nav_list li:nth-child(7){
    transition-delay: 1000ms;
}

.menu_nav_list li:nth-child(8){
    transition-delay: 1100ms;
}

.menu_nav_list li:nth-child(9){
    transition-delay: 1200ms;
}

.menu.active .menu_nav_list li{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.menu_nav_list li a{
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1.3;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.menu_nav_list li a::after{
    display: block;
    position: absolute;
    top: 63%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15px;
    width: 0%;
    height: 3px;
    background: #FFFFFF;
    content: '';
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.menu_nav_list li a:hover{
    color: #d6baa0;
}

.menu_nav_list li a:hover::after{
    width: calc(100% + 30px);
}

.menu_review{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 15px;
}

.menu_review a{
    white-space: nowrap;
    line-height: 1.1;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_review a:hover{
    color: #d6baa0;
}

.overlay {
    background-color: #241552;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    /*top: 0;*/
    top: 0;
    transition: 0.5s;
    z-index: 99999999999999999999999;
    width: 0;
}

.overlay-content {
  position: relative;
  /*top: 25%;*/
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
    color: #fff;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 6px 6px 15px 6px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.3s;
    z-index: 1;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

#hotelesMenus{
    padding-top: 2rem;
}

#hotelesMenusRight{
    padding: 10rem 0 0 0;
}

.overlay .closebtn {
  position: absolute;
  top: 25px;
  right: 50px;
  font-size: 40px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.miIcon{
    width: 25px;
}

/*********************************
5. Home & Slider Principal
*********************************/
.home{
    width: 100%;
    height: 75vh;
    background: #241552;
}

.home_slider_container{
    width: 100%;
    height: 100%;
}

.home_content_container{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.home_subtitle{
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 0.75;
}

.home_title{
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 4em;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 1.1;
    margin-top: 9px;
}

.home_button{
    margin-top: 60px;
}

.home_slider_dots{
    position: absolute;
    top: calc((100% + 123px) / 2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 173px;
    z-index: 10;
}

.home_slider_custom_dot{
    width: 35px;
    height: 35px;
    text-align: center;
    background: transparent;
    line-height: 35px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.home_slider_custom_dot:not(:last-child){
    margin-bottom: 11px;
}

.home_slider_custom_dot.active,
.home_slider_custom_dot:hover{
    background: #5a2360;
}

/*********************************
6. Intro (Slider coleccion hoteles responsive)
*********************************/
.intro{
    width: 100%;
    background: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 2em;
}

.intro_container{
    height: 100%;
}

.intro_text {
    color: #294254;
    margin-top: 27px;
}

.intro_text p{
    color: #294254;
    margin-top: 27px;
}

.intro_link a{
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #2d2d2d;
    text-transform: uppercase;
}

.intro_link a::after{
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #909090;
    content: '';
}

.intro_text2 a{
    color: #2d2d2d;
}

.intro_button{
    margin-top: 53px;
}

.intro_images{
    width: 100%;
    height: 588px;
}

.intro_img{
    position: absolute;
}

.intro_1{
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.intro_1 .imageCollection{
    background-size: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.intro_1 .imageCollection:nth-child(1){
    z-index: 3;
}

.intro_1 .imageCollection:nth-child(1){
    z-index: 2;
}

.intro_2{
    bottom: 0;
    right: 98px;
    box-shadow: 0px 23px 35px rgba(4,4,4,0.54);
}

.intro_3{
    top: 51px;
    left: 0;
}

/*********************************
7. Footer
*********************************/
.footer{
    width: 100%;
    background: #f1f1f1;
    padding: 30px 30px;
}

.footer_logo{
    padding: 20px 0;
}

.footer_logo img{
    width: 200px;
    text-align: center;
}

.titleInfoFooterP{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.infoFooterP{
    color: #221D53;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px;
    text-align: center;
}

.infoFooterP a{
    font-family: "Poppins", sans-serif !important;
    color: #221D53;
}

.anuncioPreFooter{
    background-color: #241552;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 6px;
    padding: 20px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.menusFooter li{
    line-height: normal;
    list-style: none !important;
    padding: 0px 0;
    text-align: center;
    font-size: 15px;
}

/*********************************
8. Textos y títulos secciones 
*********************************/
.textoCentralHero p{
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    padding-top: 0px;
}

.textoCentralHeroSubtitle{
    margin: -15px 0px 20px 0px;
}

.textoCentralHeroSubtitle p{
    color: #FFFFFF;
    font-family: "Poppins", sans-serif; 
    font-size: 18.5px;
    padding-top: 2em;
    letter-spacing: 1.44px;
    /* text-transform: uppercase; */
}

.gray{
    font-family: "Poppins", sans-serif;
    font-size: 13.29px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.avisoBlue{
    background-color: #11293b;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: -3.5em;
    padding: 1px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.avisoBlue a{
    color: #FFF;
}

/*********************************
9. Texto en descripcion de habitaciones, eventos, etc. Single text en general
*********************************/
.textCodePromo p{
    color: #1d1d1d;
    font-size: 16px;
    line-height: 25px;
}

.textCodePromo strong{
    color: #241552;
    font-family: "Poppins", sans-serif;
}

.textCode strong{
    color: #241552;
}

.titleBig{
    color: #241552;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 100;
    text-transform: initial;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
}

.bg-Hero{
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.subtitleSmall{
    font-size: 16px;
    text-transform: uppercase;
}

/*********************************
10. Separacion basica en todo el sitio
*********************************/
.espacio{
    clear: both;
    height: 2em;
}

.espacioBig{
    clear: both;
    height: 4em;
}

.espacioPromo{
    clear: both;
    height: 1em;
}

.especial{
    clear: both;
    height: 5px;
}


/*********************************
11. Título Principal (Contamos con beneficios exclusivos para ti) y otras secciones
*********************************/
.titleMedium{
    color: #241552;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: initial;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
}

.promoHeader{
    -webkit-box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
    -moz-box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
    box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
}

.promoHeader p{
    color: #11293b;
    font-size: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/*********************************
12. Caja box info en slider
*********************************/
.boxInfo{
    background-color: white;
    top: 50px;
    left: 60px;
    z-index: 3;
}

.promoHeader strong{
    color: #11293b;
    letter-spacing: 3px;
    font-weight: 600;
}

.jumbotron{
    background-color: transparent;
}

.titleFullLight{
    color: #FFF;
    font-size: 40px;
    letter-spacing: 4px;
    text-transform: initial !important;
    font-family: "Poppins", sans-serif;
}

.textLight p{
    color: #FFF;
    font-size: 14px;
}

.buttonBlueBorder{
    background-color: #09002a;
    border-radius: 22px;
    color: #FFF;
    letter-spacing: 3px;
    padding: 14px 24px;
    text-transform: uppercase;
}

.check{
    color: #FFF;
    font-size: 12px;
    margin-left: 4px;
    text-transform: uppercase;
}

.buttonGrayBorder{
    background-color: #778993;
    border: 1px solid #778993;
    border-radius: 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    outline: 0;
    overflow: hidden;
    padding: 5px 5px;
    text-transform: uppercase;
    /*width: 165px;*/
    width: 100%;
    z-index: 1;
    cursor: pointer;
    transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -webkit-transition: 0.5s ease-in;
}

input.wpcf7-form-control.wpcf7-submit.buttonGrayBorder:hover{
    background-color: transparent;
    border: 1px solid #fff;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
    -webkit-transition: top 0.09s ease-in;
}

input.wpcf7-form-control.wpcf7-submit.buttonGrayBorder:before {
    content: "";
    position: absolute;
    background: #241552;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}

.titleFullLight{
    color: #FFF;
    font-size: 26px;
    letter-spacing: 4px;
    text-transform: uppercase;

}

.textSmallLight{
    color: #FFF;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.mBorder{
    border-bottom: 4px solid #09002a;
    padding: 10px;
}

.expEmporioShadow{
    -webkit-box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
    -moz-box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
    box-shadow: 2px 2px 26px 2px rgba(143,143,143,0.3);
}

.buttonBlueBorder:hover{
    color: #FFF;
}

.imgInicio{
    width: 60px;
}

/*******************************
* 13. Estilos Buscador
*******************************/
.hotel{
    background: #241552;
    border-radius: 25px;
    margin: 5px;
    max-height: 37px;
    padding: 8px 6px;
    /*width: 100%;*/
}

.hotel a{
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
}

.hotel:hover{
    background-color: #344b59;
    border-color: #344b59;  
}

.activeHotel{
    background-color: #344b59;  
    border-color: #344b59;  
}

.vuelo{
    background: #241552;
    border-radius: 30px;
    margin: 5px;
    max-height: 37px;
    padding: 8px 0px;
}

.vuelo a{
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
}

.vuelo:hover{
    background-color: #344b59;
    border-color: #344b59;      
}

.activeVuelo{
    background-color: #344b59;  
    border-color: #344b59;  
}

.iconButtonBuscador{
    padding-right: 4px;
    width: 18px;
}

.buttonBuscar{
    margin: 30px 0;
}

label{
    color: #ffffff;
    font-size: 12px;
}

form strong{
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

select{
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.form-control:focus{
    border-color: #e7e7e7;
    box-shadow: 0 0 0 0.2rem rgb(184, 184, 184, 0.2);
}

.blueB{
    background-color: #241552;
    border-color: #241552;
    border-radius: 30px;
    font-size: 13px;
    padding: 8px 20px;
    text-transform: uppercase;
    width: 100%;
}

.blueB:hover{
    background-color: #344b59;
    border-color: #344b59;
}

.promoID{
    font-size: 14px;
    height: 38px;
}

.containerHabita{
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: none;
}

.hotelAvionimg{
    width: 130px;
}

.tituloRoom{
    background-color: #6C26C6;
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 8px;
    color: white;
    font-weight: 400;
    text-align: center;
}

.titleHotel{
    font-size: 4.5em;
}

.iconHotel{
    color: white;
    font-size: 18px;
    display: none;
}

.maskWhite{
    background-color: #241552;
    border-radius: 5px;
    padding: 0 20px;
    top: 50%;
    transform: translateY(-50px);
    z-index: 9;
    -webkit-box-shadow: 0px 11px 42px -27px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 11px 42px -27px rgba(0,0,0,0.56);
    box-shadow: 0px 11px 42px -27px rgba(0,0,0,0.56);
}

.cajaBotones{
    background-color: transparent;
    padding: 10px 20px 10px 20px;
}

.dateSpecial{
    border-radius: 5px !important;
    height: 38px;
    margin-top: 8px;
}

.detallesHabitacion{
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.1);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-top: 0;
    width: 100%;
    z-index: 5;
    position: absolute;
}

.detalles{
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.1);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-top: 0;
    width: 100%;
    z-index: 5;
    position: absolute;
}

.containerHabita{
    padding: 1.25rem 1.25rem 0;
}

.elementSearch{
    position: relative;
    padding: 0;
}

.cantidad{
    display: block;
    cursor: pointer;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    margin-top: -8px;
}

.rest{
    float: left;
    text-align: left;
    width: 60%;
}

.restableceEnlace{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.botonesAcciones{
    border: .0625rem solid #e6e6e6;
    padding: 12px 0px 12px 0px;
    width: 100%;
}

.cerrarHabitacion{
    float: right;
    margin-right: -1px;
    margin-top: -3px;
    width: 26%;
}

.buttonCierraH{
    background-color: #6C26C6;
    padding: 16px 23px;
}

.confirmButton{
    color: #FFF;
    font-size: 22px;
}

/*******************************
* 14. Flechas y dots sliders
*******************************/
.hotelFlecha{
    background-color: transparent;
    border-color: transparent;
    outline: none;
    width: 25px;
}

.arrows{
  cursor: pointer;
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
}

.arrowLeft{
  left: 50px;
  padding-left: 10px;
  z-index: 2;
}

.arrowRight{
  right: 0px;
  padding-right: 10px;
  z-index: 2;
}

.arrowSlider{
    height: 15px;
    width: 15px;
}

.tituloBigSlider {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 55px;
    letter-spacing: 2px;
    line-height: normal;
    padding: 10px 0;
}

.tituloBigSlider p{
    color: #FFF;
    font-family: "Poppins", sans-serif;
    /*font-size: 2em;*/
    font-size: 55px;
    letter-spacing: 2px;
    line-height: normal;
    padding: 10px 0;
}

.infoPromociones{
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
    position: absolute;
    padding-right: 15px;
    padding-bottom: 15px;
}

.tituloHotelPromo{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}

.tituloHotelPromo::after{
    border-bottom: 2px solid white;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
}

/*****************************
* 15. Estilos promociones ***/
/***Agregado el 16-06-21****/
.smallDescriptionHotel p{
    color: #909090;
    font-size: 13px;
    text-transform: initial;
}

.categoriaPromo{
    color: #FFF;
    font-size: 14px; 
    width: 100%;
    margin-top: 2px;    
}

.cuadro {
    background-size: cover;
    position: relative;
    width: 100%;
}

.cuadro:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.contenido {
  position: absolute;
  width: 100%;
  height: 100%;
}

.tituloPrincipalHotel{
    color: #241552;
    font-size: 18px;
    font-weight: 500;
    margin: 12px 0;
    text-transform: uppercase;
}

.extractoPromo{
    text-align: center;
}

.extractoHotel{
    text-align: left;
}

.extractoPromoRestaurant{
    text-align: left;
}

div.cRight.padd30 a.buttonBlueBorder{
    display: none;
}

div.mCenter.padd30 a.buttonBlueBorder{
    display: none;
}

.buttonLineBlue{
    float: right;
    border-bottom: 1px solid #241552;
}

.buttonBluePromo{
    color: #241552;
    font-weight: 400;
}

.PromoInterior{
    margin: 20px 0;
}

.PromoInterior img{
    width: 100%;
}

.menuPromociones{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.miMenuPromo{
    width: 100%;
    border-right: none;
}

.itemPromo {
  float: left;
}

.itemPromo a {
  display: block;
  color: #333;
  text-align: center;
  padding: 0px 5em;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px solid #cacaca;
}

.borderBlue{
    border-bottom: 2px solid #241552;
}

.tituloHotelSmall{
    color: #241552;
    font-size: 12px;
    font-weight: 500;
    margin: 12px 0;
    text-transform: uppercase;
}

.enlaceGrayLight{
    color: #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
}

.buttonSliderSmall{
    color: #808080;
    border-top: 1px solid #c5c5c5;
    padding: 4px 0;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: right;
}

/***********************************
* 16. Sección TOUR 360°************/
.icon360{
    max-width: 235px !important;
    width: 100%;
}

.texto360{
    color: #FFF;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.texto360 strong{
    font-weight: 600;
}

/***********************************
* 17. Detalle Promociones *********/
.serviciosAdicionales {
    list-style: disc;
}

.serviciosAdicionales li{
    border-bottom: 2px dashed #ececec;
    font-size: 15px;
    line-height: 2;
    list-style: none;
    padding-left: 5px;
}

.serviciosAdicionales li:last-child{
    border-bottom: 0px dashed transparent;
}

.titleBlog{
    color: #241552;
    font-size: 2em;
    font-weight: 100;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.categoria{
    color: #fbfbfb;
    font-size: 5em;
    letter-spacing: 8px;
    text-transform: uppercase;
    position: absolute;
    top: -50px;
    z-index: -1;
}

.destino{
    color: #4b4b4b;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-left: 6px;
    text-align: left;
    text-transform: uppercase;
}

.seleDestino{
    color: #112939;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 3px;
    text-align: left;
    text-transform: uppercase;
}

.form-check{
    float: left;
    margin: 1px 0;
}

.checkPromo{
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    /*letter-spacing: 4px;*/
    text-align: left;
    text-transform: uppercase;
}

.borderLine{
    border-bottom: 2px solid #979797;
    padding: 15px 15px;
}

.overlayPromo .closebtnPromo {
  position: absolute;
  top: 0px;
  right: 160px;
  font-size: 40px;
  z-index: 1;
}

.cerrarPromo{
    color: #112939;
}

.contactBack{
    background-color: #112939;
    padding: 50px 0;
}

.contactBack p{
    color: #FFF;
}

.contactBack strong{
    font-weight: 600;
}

/*18. Fancy Box****************
*************************************/

.fancybox-content{
    padding: 0px !important;
}

.p-5 {
    padding: 3rem!important;
}

.p-6{
    padding: 2rem!important;
}

.modalBoxContact{
    width: 55%;
}

.textCodePromo ul { margin-left: 0px;}

.card {border-color: transparent; }

.cardTerminos{
    background-color: transparent !important;
    border-radius: 0px !important;
    border-color: transparent;
}

.card-header
{
    padding: 10px 0px 25px 0px;
}

.verAllDetalles a
{
    color: #4C4B4B;
    font-weight: 600;
}

.vuelta{
    transform: rotateX(180deg);
    transform-origin:center;
    transition: 200ms linear;
}

.backHeroPromocion{
    background-color: rgba(255,255,255,0.9);
    padding: 30px 35px 35px 35px;
    margin: 0px 10rem;
}

.backHeroPromocion .tituloBigSlider p {
    color: #494949;
    line-height: normal;
}

.backHeroPromocion .textoCentralHero p {
    color: #494949;
}

.backHeroPromocion .textoCentralHeroSubtitle p{
    color: #494949;
}

.backHeroPromocion .enlaceVerMas a{
    color: #494949;
}

.backHeroPromocion .enlaceVerMas a span
{
    border-left: 1px solid #494949;
    border-bottom: 1px solid #494949;
}

.alertReserva{
    color: #122a3a;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.buttonTerminos{
    background-color: #122a3a;
    color: #FFF;
}

.textCodePromo ul li {
    list-style: none;
    margin-bottom: 8px;
}

.textCodePromo ul li:before{
    background-image: url('images/flecha.png');
    background-repeat: no-repeat;
    background-size: 10px;
    content: '';
    display: inline-block;
    float: left;
    height: 10px;
    margin-right: 5px;
    margin-top: 5px;
    width: 10px;
}

.textCodePromo li a:hover{
    letter-spacing: 2px;
}

.textCodePromo{
    color: #565555 !important;
}

/*19. Seccion Contacto****************
*************************************/
.contactEnvia{
    display: block !important;
    background-color: #200B50 !important;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100%;
    border-radius: 20px;
    max-width: 300px;    
}

.selectContact{
    height: 33px;
    width: 290px;
}

.textareaContact{
    border: 1px solid #acacac;
    border-radius: 2px;
    height: 120px;
    padding: 5px;
}

.enlaceVerMas{
    transform: translateY(100%);
    margin: 30px;
}

.enlaceVerMas a{
    background-color: transparent;
    color: #FFF;
    text-transform: uppercase;
}

.intro_content{
    height: 510px;
    overflow-y: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.intro_content.boxNotHome{
    height: 510px;
    overflow-y: hidden;
    top: 50%;
    transform: translateY(-50%);    
}

.enlaceVerMas a span{
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.textoCentralHeroSubtitle h3{
    text-align: center;
    font-size: 22px;
    color: #FFF;
    font-weight: 500;
}

.textoCentralHeroSubtitle h3 a{
    text-align: center;
    font-size: 22px;
    color: #FFF;
    font-weight: 500;
}

#autocomplete{
    background-color: #FFF;
    box-shadow: 0px 11px 42px -27px rgba(0,0,0,0.56);
    height: 100%;
    position: absolute;
    z-index: 9;
}

#ui-id-1{
    background-color: #FFF;
    max-height: 300px;
    overflow-y: scroll;
}

.ui-menu-item{
    padding: 10px 8px;
}

.verAllDetalles{
    float: left;
    padding: 20px 0;
}

.enlacePromolight{
    color: #FFF;
}

.enlacePromolight:hover{
    color: #FFF;
    font-weight: 600;
}

.extractoPromo li {
    list-style-type: disc;
}

.qrCode{
    width: 100%;
    max-width: 200px;
}

.bx-wrapper img{
    width: 100%;
}

.reservarBoton{
    border: 1px solid #344b58;
    border-radius: 30px;
    padding: 6px 12px;
    margin: 20px auto;
    max-width: 180px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.enlacePromoBold{
    color: #344b58;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    /*padding: 6px 35px;*/
    text-align: center;
    text-transform: uppercase;
}

.enlacePromoBold:hover{
    color: #FFF;
}

.containButton{
    border: 1px solid #344b58;
    border-radius: 20px;
    padding: 5px;
    background-size: 200% 200%;
    background-image: 
    linear-gradient(to top, #344b58 50%, transparent 50%);
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;   
}

.containButton:hover{
    color: white;
    border-color: #344b58;
    background-image: 
    linear-gradient(to top, #344b58 51%, transparent 50%);
    background-position: 0 100%;
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;   
}

button.enlacePromoBold{
    background-color: transparent; 
    color: #344b58;
    cursor: pointer;
    padding: 6px 42px 5px 43px;
    text-align: center !important; 
    width: 100%;
}

button.enlacePromoBold:hover{
    cursor: pointer;
    padding: 6px 42px 5px 43px;
    text-align: center !important; 
    width: 100%;
}

.marginDetalles{
    margin: 0px 0px 20px 0px;
}

.marginReservar{
    margin: 10px auto 25px auto;
    text-align: center;
}

.mapaImagen{
    width: 100%;
    max-width: 300px;
    margin: 0 30px;
}

.espacioFormHotel{
    margin: 30px 0;
}

.day:before{
    font-size: 0px;
    color: #FFF;
}

.form-control[readonly]{
    background-color: #FFF;
}

.show{
  position: relative;
  transform: scale(1.00);  
}

/*****************************
* 20. Loader ****************/
#loader{
  background-color: #241552;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

#loader .grecas{
  background-color: #241552;
  display:table;
  position: relative;
  height: 100%;
  width: 100%;
}

#loader .grecas .img{
  display: table-cell;
  vertical-align: middle;
  widows: 100%;
}

#loader .grecas .img img{
  display:block;
  margin: 0 auto;
}

.spinner {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 40px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: white;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

._hj-f5b2a1eb-9b07_feedback_minimized_label{
    top: 150px;
    position: absolute;
}

/**************************
* 21. Menu de idiomas ****/
.miDropDown{
    background-color: transparent;
    border: 0px solid #FFF;
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 6px;
}

.miDropDown:hover{
    background-color: transparent;
    border: 0px solid #FFF;
    outline: none;
}

.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    background-color: transparent;
    border: 0px solid #FFF;
    outline: none;
}

.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}

.show>.btn-secondary.dropdown-toggle:hover{
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}

.dropdown-menu {
    color: #FFF;
    background-color: #241552;
    background-clip: none;
    border: 0px solid rgba(255,255,255,.15);
    border-radius: 1px;
    font-size: 13px;
    max-width: 100px;
    min-width: 100px;
    text-align: center;
    width: 100%;
}

.dropdown-item{
    color: #ffffff;
}

.dropdown-item:hover{
    color: #FFF;
    background-color: #241552d9;    
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #FFF;
    background-color: #241552d9;    
}

.dropdown-item.active, .dropdown-item:active{
    color: #FFF;
    background-color: #241552d9;        
}

.mIdiomasEmporio{
    list-style: none;
    position: absolute; 
    right: 20%; 
    top: 0; 
}

.responsiveLogo{
    display: none;
}

/*****************************
* 22. Estilos de slider home*/
.owl-theme .owl-nav{
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: none;
}

.owl-carousel .owl-nav .owl-prev{
    background: transparent;
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav .owl-next{
    background: transparent;
    font-size: 40px;
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-theme .owl-dots{
    position: relative;
    bottom: 95px;
    margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot span{
    height: 20px;
    width: 20px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #FFFFFF;
    border: 2px solid #241552;
}

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

/*****************************************
* 23. Seccion para entradas relacionadas*/
div.yuzo_wraps{
    border-bottom: 2px solid #241552;
}

.yuzo_related_post{
    margin: 20px 0 !important;
}

.yuzo_related_post .relatedthumb:hover .yuzo-img{
    background-color: #000 !important;
    opacity: 0.5 !important;
}

.tituloRelatedEmporio{
    background-color: #241552;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    /*margin: 0 10px;*/
    padding: 8px 20px;
    width: 270px;
}

/**********************************************
* 24. *Otros ajustes para interior de hoteles*/
.botonVerDetalles{
    text-align: center;
}

a span.buttonInicio:hover{
    border-bottom: 1px solid #241552;
}

.backgroundModalVideo{
    background: transparent !important;
}

div#videoHotel.p-6.fancybox-content.backgroundModalVideo.modalBox button.fancybox-button.fancybox-close-small{
    color: #FFF !important;
}

/*********************************************
* 25. Ajustes para footer videos ************/
.textVideosFooter{
    color: #241552;
    font-size: 25px;
    letter-spacing: 3px;
    text-transform: initial;
}

/********************************************
* 26. Select filtro promociones ************/
.textFiltro{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

/********************************************
* 27. Para el blog *************************/
.pagination {
    margin: 20px auto;
    text-align: center;
    display: block;
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 5px;
}

.pagination ul>li {
    display: inline;
}

.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border-left-width: 0;
}

.centerPagi{
    margin: 0 auto;
    text-align: center;
}

a.page-numbers:hover{
    border-right: 1px solid #241552;
    color: #666;
    font-weight: 500;
}

a.page-numbers:visited{
    border-right: 1px solid #241552;
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span{
    border-right: 0px solid transparent;
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span{
    border-right: 0px solid transparent;
    display: none;
}

/***********************************************************
* 28. Inician estilos para menu interior hotel responsive */
.titleMenuResponsive{
    margin: 0 auto;
    text-align: center;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/descarga.png) 0 -32px no-repeat;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/descarga.png) -43px -32px no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    transform: translateY(-30%);
}

/**********************************************
* 29. Estilos para redes en interior hoteles */
.marginRedesInterior{
    margin: 10px -20px;
}

.redesInteriorHotel li{
    display: inline;
    padding-right: 20px;
}

.redesInteriorHotel i{
    color: #241552;
    font-size: 24px;
}

/*******************************************
* 30. Contact Form 7 **********************/
div.wpcf7-mail-sent-ok {
    border: 0px solid transparent !important;
    color: #FFF !important;
}

div.wpcf7-response-output {
    border: 0px solid transparent !important;
}

/*******************************************
* 31. Ajustes buscador NUEVO diseno *********/
.tituloInfo{
    color: #6C26C6;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 5px;
    margin: 25px 0;
    text-align: center;
}

.iconosDesktop img{
    max-width: 80px !important;
    width: 100%;
}

.infoTarifas {
    color: #241552;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 18px;
    margin: 15px auto 10px auto;
    text-align: center;
    text-transform: uppercase;
}
 
.infoTarifas a{
    color: #241552;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
}

.switch input {
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.switch {
    height: 35px;
    position: relative;
    margin: 15px auto;
    top: 6px;
    width: 45%;
}

.switch label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #dbdbdb;
    border-radius: 30px 30px 30px 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.switch input ~ label i {
    background-image: url('images/avionS.svg');
    display: block;
    height: 55px;
    width: 55px;
    position: absolute;
    left: 0px;
    bottom: -8px;
    z-index: 2;
    border-radius: inherit;
    /* background: #FFF; */
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 0 4px rgba(0, 0, 0, 0.3), 0 4px 0px rgba(0, 0, 0, 0);
    /* -webkit-transition: all .5s ease; */
    transition: all .5s ease;
}

/***********************************
* 31.2 Toggle *********************/
.airplane {
  position: absolute;
  z-index: 6;
  top: 12px;
  left: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(0deg);
  font-size: 32px;
  color: #6C26C6;
}

.switch input:checked ~ label{
    background-color: #6C26C6;
}

.switch input:checked ~ label i {
    background-image: url('images/avionHoverS.svg');
    left: auto;
    left: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.switch input:checked ~ label i .airplane{
    color: #FFF;
}

/*Nuevos ajustes sitio*/
.tituloListadoPromocion{
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0;
}

.tituloListadoPromocion a{
    color: #241552;
}

.backInfo{
    background-color: #344b58;
    color: #ffffff;
}

.dropdownListado{
    border-bottom: 2px solid #d3d3d3;
    width: 100%;
}

.dropdownListado span{
    float: left;
    text-align: left;
}

.dropdownListado #flecha{
    float: right;
    text-align: right;
}

.dropdownListado #flechaDos{
    float: right;
    text-align: right;
}

/***********************************
* 32. SELECT LISTADO PROMOCIONES **/
.rule {
  margin: 10px 0;
  border: none;
  height: 1.5px;
  background-image: linear-gradient(left, #f0f0f0, #c9bbae, #f0f0f0);
}

/* ===== Select Box ===== */
.sel {
  font-size: 1rem;
  display: inline-block;
  width: 350px;
  margin: 0px 30px 0px 0px;
  background-color: transparent;
  position: relative;
  cursor: pointer;
}

.sel::before {
    color: #4c4b4b;
    content: "⌃";
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 100;
    position: absolute;
    right: 20px;
    top: calc(50% - 1em);
    transform: rotateX(-180deg);
}

.sel.active::before {
  top: calc(50% - 20px);
  transform: rotateX(-0deg);
}

.sel__placeholder {
  display: block;
  font-size: 13px;
  letter-spacing: 3px;
  color: #5f5f5f;
  padding: 0.2em 0.5em;
  text-align: left;
  pointer-events: none;
  user-select: none;
  visibility: visible;
  text-transform: uppercase;
}

.sel.active .sel__placeholder {
  visibility: hidden;
}

.sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2em 0.5em;
  content: attr(data-placeholder);
  visibility: hidden;
}

.sel.active .sel__placeholder::before {
  visibility: visible;
}

.sel__box {
  position: absolute;
  top: calc(100% + 3px);
  left: 0px;
  display: none;
  list-style-type: none;
  text-align: left;
  font-size: 14px;
  background-color: #182838;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
  animation: fadeInDowns 400ms;
  box-sizing: border-box;
  overflow: hidden;
}

.sel.active .sel__box {
  display: block;
}

.sel__box__options {
  display: list-item;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  padding: 20px 15% 0px 35%;
  user-select: none;
  text-transform: uppercase;
}

.sel__box__options::before {
    background-color: #182838;
    border: 1px solid white;
    border-radius: 50%;
    box-sizing: border-box;
    content: '•';
    color: #182838;
    font-size: 19px;
    height: 11px;
    margin-right: 10px;
    /* padding: 1px; */
    width: 11px;
    display: inline-block;
    line-height: 11px;
    text-align: center;
}

.sel__box__options.selected::before {
  color: white;
}

/* ----- Select Box Black Panther ----- */
.sel {
  border-bottom: 1px solid #4c4b4b;
}

.sel--black-panther {
  z-index: 3;
}

/* ===== Keyframes ===== */
@keyframes fadeInDowns {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.containBack{
  height: 250px;
  overflow: hidden; 
}

.backPromo{
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s ease;
}

.backPromo:hover{
  transform: scale(1.05);
}

/****************************************
* 33. Header Fijo general **************/
#headerInit{
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    margin: 0;
    margin-left:-15px;
    position: fixed;
    z-index: 10;
    width: 100%;
}

.headerFixed{
    background-color: #241552 !important;
    background: linear-gradient(180deg, #241552 0%, #241552 100%) !important;
    position: fixed;
    top: 0;
    width: 100%;    
}

#headerBackFixed{
    height: 95px; 
    position: fixed; 
    top:-95px; 
    margin-left: -15px;
    z-index: 99; background-color: #fff; display: block; width: 100%;
    transition: cubic-bezier(.4,0,0,1) .4s;
    transition: cubic-bezier(.4,0,0,1) .4s;
    transition: cubic-bezier(.4,0,0,1) .4s;
}

#headerBackFixed a.linkLine{
    color: #444;
}

#headerBackFixed .mrcWhite a{
    background-color: #241552;
    border: 1px solid #241552;
    color: #fff;
}

#headerBackFixed .fillWhite:before{
    background: #fff;
}

#headerBackFixed .fillWhite:hover {
    border: 1px solid #241552;
    color: #241552;
}

.enlaceHeaderBorder{
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 5px 40px;
    text-transform: uppercase;
    width: 100%;
}

.enlaceHeaderBorder:hover{
    background-color: #fff;
    color: #344b58;
}

#headerBackFixed a.linkLine::after{
    background: #241552 !important;
}

.linkLine{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

a.linkLine:hover{
    color: #fff;
}

.linkLine:after{
  content: '';
  position: absolute;
  width: 0; 
  height: 2px;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #fff;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}
 
.linkLine:hover:after{
    color: #fff;
  width: 100%;
  left: 0;
  background: #fff;
}

/*************************************************
* 34. Estilos botones principales con animacion */
.mrc button {
    position: relative;
    display: block;
    width: 165px;
    padding: 5px 5px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    color: #241552;
    border: 1px solid #241552;
    border-radius: 20px;
    text-transform: uppercase;
    outline: 0;
    overflow: hidden;
    background: none;
    z-index: 1;
    cursor: pointer;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

.mrc a {
    position: relative;
    display: block;
    width: 165px;
    padding: 5px 5px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0px;
    color: #241552;
    border: 1px solid #241552;
    border-radius: 6px;
    text-transform: uppercase;
    outline: 0;
    overflow: hidden;
    background: none;
    z-index: 1;
    cursor: pointer;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

.mrcWhite a {
    background-color: #fff;
    position: relative;
    display: block;
    width: 165px;
    padding: 5px 5px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0px;
    color: #4c4b4b;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    outline: 0;
    overflow: hidden;
    background: none;
    z-index: 1;
    cursor: pointer;
    transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -webkit-transition: 0.5s ease-in;
}

.fillWhite:hover {
    background-color: transparent;
    /*border: 1px solid #fff;*/
    color: #fff;
}

.fillWhite:before {
    border: 1px solid #fff;
    border-radius: 6px;
    content: "";
    position: absolute;
    background: transparent;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
}

.fillWhite:hover:before {
  top: 0;
}

.fill:hover {
    border: 2px solid #241552;
    border-radius: 6px;
    color: #fff;
}

.fill:before {
    content: "";
    position: absolute;
    background: #241552;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}

.fill:hover:before {
  top: 0;
}

/***********************************************************
* 36. Boton template promociones y terminos y condiciones */
.activeBack:hover {
  color: #fff;
}

.activeBack:before {
    content: "";
    position: absolute;
    background: #241552;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}

.activeBack:hover:before {
  top: 0;
}

.gridPromociones{
    -webkit-box-shadow: -5px 20px 12px 0px rgb(232, 232, 232);
    -moz-box-shadow: -5px 20px 12px 0px rgb(232, 232, 232);
    box-shadow: -5px 20px 12px 0px rgb(232, 232, 232);
}

.contenedorRelacionadas{
    padding: 20px 0px 0px 0px;
}

.tituloRelacionadas{
    color: #525150;
    font-family: "Poppins", sans-serif;
    line-height: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.subtituloRelacionada
{
    color: #525150;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: initial;
}

.fechaPublicacion{
    font-weight: 400;
    font-size: 14px;
}

.frame-square, .frame-round {
    display: inline-block;
    height: 80px;
    margin: 20px 0;
    vertical-align: top;
    width: 80px;
}

.frame-round{
    border-radius: 50%;
    overflow: hidden;
}

.frame-round:hover{
    -webkit-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    margin-left: 20px;
}

.frame-round .crop {
    border-radius: 50%;
}

.crop {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.crop img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
}

.titleOferta
{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#ofertaIncluye
{
    -webkit-box-shadow: 2px 0px 19px 0px rgba(208, 208, 208, 0.75);
    -moz-box-shadow: 2px 0px 19px 0px rgba(208, 208, 208, 0.75);
    box-shadow: 2px 0px 19px 0px rgba(208, 208, 208, 0.75);
}

.iconOfertaIncluye
{
    max-width: 60px !important;
    width: 100%;
}

.separaInfoSinglePromo
{
    padding: 20px 0px 0px 50px;
}

.separaIconOferta
{
    padding: 15px;
}

.textCodePromo ul li:hover::before
{
    margin-left: 5px;
}

.logoEmporioSVG
{
    fill: #fff;
}

#selectDestinos
{
    position: relative;
    z-index: 10;
}

#list-promotions
{
    z-index: 1;
}

#contenedorSelectResponsive
{
    z-index: 9;
}

.mrcWhite a
{
    background-color: #fff;
    width: 140px;
}
/*End*/


/*  Buscador  */

.container-desktop{
    height: 110px;
    overflow: hidden;
    padding: 15px 0 0 0;
    -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
.container-desktop .row-desktop{
    opacity: 0;

    transition-delay: 500ms;    

    -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}


.desktop-active{
    height: 230px;
    overflow: inherit;
}
.desktop-active .row-desktop{
    opacity: 1
}

.separaRowDos{
    margin-top: 10px;
}

.instagram-media
{
    margin: 0 auto !important;
    text-align: center !important;
}


/*Here*/

    /*Iniciamos estilos para new buscador responsive espanol*/
    input#pickerLlegada
    {
        text-align: center;
    }

    input#pickerSalida
    {
        text-align: center;
    }

    .logoEmporio
    {
        background-color: #e2e2e2;
    }

    .iconEmporio
    {
        margin: 0 auto;
        padding: 5px 0;
        text-align: center;
    }

    .iconEmporio img
    {
        display: inline-block;
        max-width: 40px !important;
        width: 100%;
    }

    .paddingEspecial
    {
        padding: 15px 0px 5px 0px;
    }

    .reservaForm
    {
        background-color: #6C26C6;
        border-radius: 25px;
        color: #FFF;
        margin: 15px 0;
        text-transform: uppercase;
        width: 100%;
    }

    .form-control {
        border: 1.5px solid #e2e2e2;
        border-radius: .35rem;
    }

    .form-control:focus {
        border: 3px solid #6C26C6;
        box-shadow: 0 0 0 0 transparent;
    }

    .separaCol
    {
        margin-bottom: 15px;
    }

    .infoForm
    {
        font-size: 13px;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }

    .infoForm span
    {
        letter-spacing: 1px;
        border-bottom: 1px solid #6C26C6;
    }

    .buttonTitleForm
    {
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        color: #6C26C6;
        font-size: 13px;
        margin: 0 auto 35px auto;
        text-align: center;
        text-transform: uppercase;
        padding-left: 6px;
        padding-right: 6px;
    }

    .iconTab {
        border-bottom: 2px solid #e2e2e2;
        border-right: 2px solid #e2e2e2;
        height: 40px;
        margin: 0 auto;
        text-align: center;
        width: 50%;
    }

    .iconTab img
    {
        max-width: 50px;
        width: 100%;
    }

    .iconTab span
    {
        color: #e2e2e2;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    li.iconTab:last-child
    {
        border-right: 0px solid transparent;
    }

    .cerrarForm
    {
        float: right;
        padding: 15px 0px 0px 0px;
    }
    .cerrarForm img
    {
        max-width: 25px !important;
        width: 100%;
    }

    .maleta
    {
        max-width: 160px !important;
        padding: 40px 0px;
        width: 100%;
    }

    .nav-tabs
    {
        border-bottom: 0px solid;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .oculto{
        display: none !important;
    }
    .habitaciones, .origen_avion{
        background: white;
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    .buttons
    {
        padding: 6px 4px;
    }


    .magic
    {
        padding: 15px 30px;
    }

    .contenedorHabitacion
    {
        border: 2px solid #b7b7b7;
        border-radius: 6px;
        margin-bottom: 20px;

    }

    .activeHabitacion .heroTitulo{
        background-color:#6C26C6;
    }

    .detalle_ninos{
        margin: 5px 0px 10px 0;
        padding: 6px 4px;
        border: 1px solid #b7b7b7;
        border-radius: 6px;
    }

    .heroTitulo
    {
        background-color: #241552;
        border-radius: 4px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        margin: 0 auto;
        padding: 5px 10px;
        text-align: center;
        transition: 200ms linear;
    }

    .detalle
    {
        padding: 15px;
    }

    .habitaciones_click
    {
        padding: 15px 30px;
    }

    .detalle span
    {
        color: #6C26C6;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .agregarDetalle
    {
        border: 1px solid #b7b7b7;
        border-radius: 6px;
    }

    .tituloContenedor
    {
        color: #6C26C6;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;    
    }

    .mascaraBlanca
    {
        background-color: #FFF;
        box-shadow: 3px 2px 14px 0px #b3b3b3;
    }

    .principal
    {
        padding: 20px 18px 14px 14px;
    }

    .enviar
    {
        background-color: #6C26C6;
        border: 1px solid #6C26C6;
        color: #6C26C6;
    }

    .bx-wrapper
    {
        -moz-box-shadow: 0 0 0px transparent;
        -webkit-box-shadow: 0 0 0px transparent; 
        box-shadow: 0 0 0px transparent; 
        border: 5px solid #fff;  
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #FFF;
        opacity: 1;
    }

    .edadTitle
    {
        color: #6C26C6;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        font-weight: 700;
        margin: 10px 0px 0px 0;
        text-transform: uppercase;
    }

    /*End*/


    /*. Code Buscador */

    .container_buscador{
        background: white;
        display: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .habitaciones{
        font-size: 14px;
        position: initial;
        top: 0;
        z-index: 2000;
    }

    .container_bola{
        background: #e2e2e2;
        color:white;
        border-radius: 50%;
        height: 20px;
        margin: 0 auto;
        text-align: center;
        width: 20px;
    }

    .code_close{
        background-color: white;
        bottom: 0px;
        height: 35px;
        left: 0;
        position: absolute;
        text-align: right;
        width: 100%;
    }
    .code_close .container_bola{
        background-color: #fde240;
        display: inline-block;
        margin-right: 15px;
    }

    .noches_hotel{
        background-color: #fde240;
        border-radius: 4px;
        color: #1b103c;
        float: right;
        font-size: 13px;
        margin: 4px 0px 7px 0px;
        text-align: center;
        text-transform: uppercase;
        width: 80px;
    }


    /*Sustituye estilo bootstrap*/
    select.form-control:not([size]):not([multiple]) {
        height: calc(2.25rem + 0px);
    }

    .iconTab svg .st0{
        fill:#BBBBBB;
    }
    .iconTab span{
        color: #BBBBBB;
    }

    .active_tab svg .st0{
        fill: #6C26C6 !important;
    }
    .active_tab span {
        color: #6C26C6 !important;
    }
    .active_tab{
        border-bottom: 2px solid #6C26C6 !important;
    }

    a.ui-menu-item-wrapper img{display: none !important;}

    #autocomplete
    {
        background-color: #FFF;
        box-shadow: 0px 11px 42px -27px rgba(0,0,0,0.56);
        height: 100%;
        position: absolute;
        z-index: 9;
    }

    #ui-id-1
    {
        background-color: #FFF;
        max-height: 300px;
        overflow-y: scroll;
    }

    .ui-menu-item
    {
        padding: 10px 8px;
    }

    #autocomplete li a{
        color: #6a6a6a;
        font-size: 12px;
        line-height: 15px;
        font-family: "Poppins", sans-serif;
    }

    #autocomplete li a span strong
    {
        color: #6C26C6;
    }

    #origenForm:focus
    {
        border-color: #989898;
        box-shadow: 0 0 0 0 transparent;    
    }

    .origin
    {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 700;
        padding: 8px 0px;
        text-transform: uppercase;    
    }

    .heroTitulo:focus
    {
        background-color: #6C26C6;
    }

    form
    {
        width: 100%;
    }

    form label
    {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding: 8px 0px;
        text-transform: uppercase;
    }

    /*End*/

    .iconos img
    {
        margin: 20px 0 0 0;
        max-width: 60px !important;
        width: 100%;
    }

    .ui-helper-hidden-accessible
    {
        display: none;
    }

    .iconSearch
    {
        max-width: 36px !important;
        width: 100%;
    }



/* style for social share  */

.heateor_sss_sharing_container{
    position: absolute !important;
    left: auto !important;
    margin-left: -80px;
    z-index: 8 !important;
    margin-top: 30px;
}

.active-share{
    position: fixed !important;
    top:20px;
    z-index: 1000;
}

.active-bottom{
    bottom: 10px;
    top:unset !important;
}


.heateorSssSharingArrow .heateorSssPullOut
{
    display: none !important;
}

.cursor
{
    color: #6C26C6 !important;
    font-size: 18px;
    font-weight: bold;
}

.detalleHabitacionDesktop
{
    border: 2px solid #b7b7b7;
    border-radius: 12px;
    margin-bottom: 15px;
}

.contenedor
{
    padding: 0px 15px;
}

.detallesHabitacionDesktop
{
    height: 390px;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.habitaciones_click_Desktop
{
    padding: 15px 10px 15px 20px;
}

.magicDesktop
{
    padding: 0px 10px 15px 20px;
}

.detalleAdultosDesktop {padding: 10px 10px;}
.separaDesktop {padding:0 0;}

#ui-id-1{
    background-color: #FFF;
    max-height: 300px;
    overflow-y: scroll; }

.ui-menu-item
{
    padding: 10px 8px;
}

#autocompletes li a
{
    color: #b3b3b3;
    font-family: "Poppins", sans-serif;
}

#autocompletes li a span strong
{
    color: #6C26C6;
    font-family: "Poppins", sans-serif;
}

.iframe360 iframe
{
    width: 100%;
    height: 650px !important
}

.contenedorInfo
{
    background-color: #F7F7F6;
    min-height: 570px;
    padding: 15px;
}

.breveExtracto
{
    color: #000;

}

.breveExtracto ul
{
    padding: 0px 15px;
}

.heroPromo
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
}

.heroPromo:hover
{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.1);
}

.heroPromo:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.hover, .sel__box__options{
    -webkit-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
   -moz-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -o-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */

-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
}

.hover:hover, .sel__box__options:hover{
    letter-spacing: 2px;
}
.hover i, .sel__box__options::before{
    transition-delay: 1200ms;
    -webkit-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
   -moz-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -o-transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */

-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
     -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */ 
}
.hover:hover i, .sel__box__options:hover:before  {
    margin-left: 5px;
    margin-right: 5px;
}
.sel__box__options:hover{
    margin-left: 6px;
    letter-spacing: 2px !important
}


.activeIcon
{
    background-image: url('images/iconLess.svg');
    background-position: center;
    background-size: contain;
    position: relative;
}


.marginReservaResp
{
    margin-left: 25px;
}


/*Estilos para slider responsive promociones relacionadas*/
div.bx-controls-white img
{
    color: #FFFFFF;
    max-width: 20px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    /*z-index: 9999;*/
    z-index: 9;
}

div.bx-controls-white .slider-anterior img
{
    left: 0px;
    top: -51px;
}

div.bx-controls-white .slider-siguiente img
{
    right: 0px;
    top: -51px;
}




div.bx-controls-whiteCate img
{
    color: #FFFFFF;
    max-width: 20px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    /*z-index: 9999;*/
    z-index: 9;
}

div.bx-controls-whiteCate .slider-anteriorCat img
{
    left: 0px;
    top: -51px;
}

div.bx-controls-whiteCate .slider-siguienteCat img
{
    right: 0px;
    top: -51px;
}

/*New styles for home*/

.borderInfo
{
    border: 1px solid #241552;
    padding: 40px;
}

.titleInfoHome
{
    color: #241552;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 0;
}

.divisor
{
    border-right: 1px solid #241552;
    padding-right: 0px;
}

.cuadroInformativo
{
    padding-bottom: 40px;
}

.tituloHotelColeccion p{
    font-family: "Poppins", sans-serif;
    font-size: 55px;
    font-weight: 100;
    line-height: normal;
}

.tituloHotelColeccion strong{
    color: #b4a727;
    font-family: "Poppins", sans-serif;
}

.contenidoHotelColeccion
{
    padding: 25px 0px 55px 0px;
    text-align: justify;
}

.contenedorInfoPromocionHome
{
    padding: 65px 25px 25px 25px;
    width: 100%;
}

.tituloPromocionesSlider{
    color: #fde240;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    line-height: normal;
    text-align: left;
    text-transform: initial;
}

.subtituloPromociones{
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 100;
    line-height: normal;
    text-transform: initial;
}

.extractoPromocionHome{
    padding: 20px 0px;
}

.extractoPromocionHome p
{
    color: #fff;
}

.horaHotel{
    font-size: 35px;
}

.horaText{
}

#wpc-weather.small .now .time_temperature{
    font-size: 35px !important;
}

#wpc-weather.small .now .time_temperature:after{
    font-size: 35px !important;
}

.location_name{
    display: none;
}

.separafechaClima{
    border-bottom: 2px solid #555;
}

/*Slider coleccion hoteles home*/
.bx-controlsHotel{
    left: 0;
    position: absolute;
    right: 0;
    top: 48%;
    transform: translateY(-50%);
}

div.bx-controlsHotel img
{
    color: #FFFFFF;
    max-width: 25px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    z-index: 9999;
}

div.bx-controlsHotel .slider-anteriorHotel img
{
    left: -30px;
}

div.bx-controlsHotel .slider-siguienteHotel img
{
    right: -30px;
}



/*Slider promociones Home*/
.bx-controlsHome{
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

div.bx-controlsHome img
{
    color: #FFFFFF;
    max-width: 25px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    z-index: 9999;
}

div.bx-controlsHome .slider-anterior img
{
    left: -30px;
}

div.bx-controlsHome .slider-siguiente img
{
    right: -30px;
}

/*Definimos estilos para clima plugin*/
.weather-atlas-header, .weather-atlas-footer{
    display: none;
}

.weather-atlas-wrapper{
    text-shadow: 0 0px 10px rgba(255,255,255,.1) !important;
}

.weather-atlas-wrapper .current_temp .temp
{
    font-family: "Poppins", sans-serif;
    font-size: 35px;
}

.weather-atlas-wrapper .current_temp .current_text{
    font-family: "Poppins", sans-serif;
    font-size: 15px !important;
}

.weather-atlas-wrapper .weather-atlas-body{
    padding: 0px !important;
}


.menuHoteles{
    width: 165px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    color: #241552;
    outline: 0;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

#roomServics{
    color: #241552;
    font-weight: 700;
}

#roomServics:hover{
    color: #fff;
}

.card-body{
    padding: 0px 1.25rem 15px 1.25rem;
}

.contenedorFondoResponsive{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
    margin: 15px 0 0 0;
    position: relative;
}

.infoHoraClimaResp{
    background: rgb(18,42,58);
    background: linear-gradient(90deg, rgba(18,42,58,0) 0%, rgba(18,42,58,1) 100%, rgba(18,42,58,1) 100%);
    height: 100%;
    padding: 20px 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0px;
}

.fechaResponsive .wc_time{
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    line-height: normal;
}

.climaResponsive{
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 15px 0 0 0;
}

.fechaResponsive span, .climaResponsive span{
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: normal;
}

.fondoPromocionHome{
     background-position: center; 
     background-size: cover; 
     background-repeat: no-repeat; 
     height: 500px; 
     position: relative;
}

.containerInfoPromoResponsive{
    height: 500px;
}

.bx-pager{
    display: none;
}

.contenedorPDF{
    color: #fff; 
    padding: 30px 20px;
}

.menuPDF{
    font-size: 35px;
    padding: 0px 30px 30px 30px;
    text-transform: uppercase;
}

.botonAzul{
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 15px 45px;
    text-transform: uppercase;
    width: 100%;
}

.weather-atlas-wrapper .current_temp .current_text{
    display: none !important;
}

.plecaCOVID{
    background-color: #6C26C6; 
    color: #fff;
    margin-bottom: 15px; 
    position: fixed; 
    width: 100%; 
    z-index: 9999; 
}

.plecaCOVID i{
    float: left;
    margin-top: 4px;
}

.plecaCOVID p{
    float: left;
    font-size: 13px;
    line-height: normal;
    margin-left: 4px;
}

.plecaCOVID strong{
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.plecaCOVID a{
    color: #fff; 
    text-decoration: underline;
}


.logoCertificaciones{
    margin: 0 auto;
    /*max-width: 50px !important;*/
    text-align: center;
    width: 100%;
}

.contenedorLogosCertificaciones{
    margin-top: -10px;
    max-width: 245px;
    /*width: 100%;*/
}


* { 
    -webkit-box-sizing: 
    border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: 
    border-box; 
}

*:before, *:after { 
    -webkit-box-sizing: inherit; 
    -moz-box-sizing: inherit; 
    box-sizing: inherit; 
}

#video-viewport { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    z-index: -1; 
}

video { 
    display: block; 
    width: 100%; 
    height: auto; 
}

.fullsize-video-bg { 
    /*height: 100%; */
    height: 85vh;
    overflow: hidden; 
}

.fullsize-video-bg:before { 
    content: ""; 
    position: absolute; 
    background: rgba(0, 0, 0, 0.3);
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 0; 
}

.fullsize-video-bg .inner { 
    display: table; 
    width: 100%; 
    max-width: 24em; 
    height: 100%; 
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    z-index: 2; 
    text-shadow: 0 1px 5px rgba(0,0,0,.5); 
}

.fullsize-video-bg .inner > div { 
    text-align: center; 
    display: table-cell; 
    vertical-align: middle; 
    padding: 0 2em; 
}

ul.heateor_sss_follow_ul, ul.heateor_sss_sharing_ul{
    margin-left: 90px !important;
}

/*estilo subrayado para enlaces de pagina MKT PDF unicamente en desktop*/

.botonAzul:hover{
    text-decoration: underline;
}


/*Estilos 01-06-21*/
.wrapper{
  width:100%;
}

@media(max-width:992px){
 .wrapper{
  width:100%;
} 

}
.panel-heading {
  padding: 0;
    border:0;
}

.panel-title>a, .panel-title>a:active{
    border-bottom: 1px solid #d8d8d8;
    display:block;
    padding:15px;
    color:#555;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:3px;
    text-decoration:none;
}

.panel-heading  a:before {
    font-family: "Font Awesome 5 Free";
   content: "\f078";
   float: right;
   transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 

.panel-collapse{
    padding: 5px 15px;
}

/* Rediseño 02-06-21*/

.descripcionHotel h1,h1,h3,h4,h5{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    text-transform: initial;
}

.PromoInteriorTitle h1, .textCodePromo h1{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 30px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.PromoInteriorTitle h2, .textCodePromo h2{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 28px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.PromoInteriorTitle h3, .textCodePromo h3{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 26px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.PromoInteriorTitle h4, .textCodePromo h4{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 24px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.PromoInteriorTitle h5, .textCodePromo h5{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 22px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.PromoInteriorTitle h6, .textCodePromo h6{
    color: #221D53;
    font-family: "Poppins", sans-serif;
    font-size: 20px; 
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    text-transform: initial;
}

/*Rediseno 09-06-21*/
div#news.panel-heading h4.panel-title a.collapsed ::before{
    float: initial;
}

.suscripcionForm{
    max-width: 600px;
    width: 100%;    
}

span.wpcf7-list-item{
    margin-left: 0px;
    text-align: left;
}

.redSmallFooter{
    margin: 0 auto;
    max-width: 25px !important;
    text-align: center;
    width: 100%;
}

/*Ajustes 16-06-21*/
div.extractoHotel ul li{
    list-style: disc;
}


/*Ajustes 12-07-21*/

.infoHabitaciones
{
    bottom: 0%;
    right: 0;
    width: 100%;
    text-align: right;
    position: absolute;
    padding: 20px 40px;
}

.tituloHabitacion{
    color: #221d53;
    background-color: #fff;
    font-size: 19px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
    height: 100%;
    padding: 20px;
    z-index: 2;
    text-align: left;
    text-transform: initial;
    -webkit-box-shadow: 4px 2px 24px 2px rgba(166,166,166,1);
    -moz-box-shadow: 4px 2px 24px 2px rgba(166,166,166,1);
    box-shadow: 4px 2px 24px 2px rgba(166,166,166,1);
    width: 100%;
    height: 100px;
    overflow:hidden;
    transition: height 450ms;
    -moz-transition: height 450ms;
    -webkit-transition: height 450ms;

}

.tituloHabitacion a{
    color: #221d53;
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
    text-align: left;   
    text-transform: initial;
}

div.tituloHabitacion.onlyAllHabitaciones a{
    font-size: 17px;
}

.tituloHabitacion:hover{
    height: 145px !important;
}

.tituloHabitacion.onlyAllHabitaciones:hover{
    height: 105px !important;
}

/*Agregado el 28-0*-21*/
div.tituloHabitacion.onlyAllHabitaciones{
    font-family: "Poppins", sans-serif;
    font-size: 17px !important;
    line-height: 20px;
    padding: 14px;
}

.tituloHabitacion::after
{
    border-bottom: 2px solid white;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 50%;

}

.smallDescriptionHabitacion p{
    color: #909090;
    font-size: 13px;
    text-transform: initial;
}

.separadorHabitacion{
    margin-bottom: 50px;    
}
/*End*/

/*Ajustes 13-07-21*/

.cuadroHabitacion
{
    background-size: cover;
    position: relative;
    width: 100%;
}

.cuadroHabitacion:after 
{
  content: "";
  display: block;
  padding-bottom: 75%;
}

.restaurantBack::after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
    opacity: .7;    
}

.infoRestaurant
{
    top: 0;
    right: 0;
    width: 100%;
    text-align: left;
    position: absolute;
    padding-left: 15px;
    padding-top: 15px;
    z-index: 7;
}

.tituloRestaurant{
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-transform: initial;
    width: 100%;
}

/*End*/

/*14-07-21*/
.verDetallesRestaurant{
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 15px;   
}

.verDetallesRestaurant a{
    color: #fff;
}

.verDetallesRestaurant a: hover{
    color: #fff;
    letter-spacing: 2px;
}

/*End/*

/*16-07-21*/
.bottonAzulAnimado .mrcWhite a{
    background-color: #241552;
    border: 1px solid #241552;
    color: #fff;    
}

.bottonAzulAnimado .fillWhite:before
{
    background: #fff;
}

.bottonAzulAnimado .fillWhite:hover {
    border: 1px solid #241552;
    color: #241552;
}

.videoImportante{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 3rem 0;
    position: relative;
}

.videoContent {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin-bottom: 10px;
}

.videoContent .play-btnVideo{
    position: absolute;
    max-width: 700px;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1; /* needed if using Bootstrap */
    text-align: center;
    color: #eaeaea;
    background-color: rgba(255,255,255,.4);
    border-radius: 50px;
    transition: color, background-color .2s ease;
}

.play-btnVideo:hover{
    color: #000;
    background-color: rgba(255,255,255,.8);
    cursor: pointer;
}

.play-btnVideo:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*Define the font family, weight, and icon*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    content: "\f04b";
    /* positioning tweaks */
    padding-top: 20px;
    padding-left: 10px;
}
/*End*/

/*19-07-21*/
.botonRegresar{
    color: #525150;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 20px 0 20px 20px;
    text-align: left;
}

#horarioRestaurant li{
    line-height: normal;
    padding: 10px 0;
}

#horarioRestaurant li:first-child {
    border-top: 2px dashed #ececec;
    padding:5px 0px 5px 0px;
}

#masInfoEventos p{
    font-size: 18px !important;
    text-align: left;
    letter-spacing: 0px;
    line-height: normal;
    padding: 15px 0 0 20px;
    font-family: 'Brandon-Regular';
    text-transform: initial;    
}

/*End/*

/*20-07-21*/
.separacionGridBlog{
    padding: 20px 0px;
}
/*End*/


/*Version responsive 07-09-21*/
.galeriaFotosHome .bx-controls-direction{
    display: none;
}
/*End*/

/*Versión responsive 09-09-21*/
.mapaImagen{
    width: 100%;
    margin: 0px auto 0 auto;
}
/*End*/

/*Ajuste seccion contacto interior hotel*/
.contenedorInfoHotelContacto{
    padding: 0px 25px;
}
/*End*/

/*Ajustes 23-09-21*/
.contenedorFrameHeader{
    position: fixed;
    right: 0;
    bottom: 0;
}

#videoEncuestaHome{
    height: 270px;
    width: 220px;   
}

.bGeCqV{
    display: none !important;
}

/*End*/

/*Ajustes 24-09-21*/
._dp_container-HTMLForm{
    margin-top: 0px !important;
}


/*Ajustes 27-09-21*/

.overlayEvent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.4);
}

.fondoEventosHotel:hover .overlayEvent {
  opacity: 1;
}

.textEvent {
  color: white;
  font-size: 18px;
  position: absolute;
  /*top: 50%;*/
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*Agregado el 19-10-21*/
.grecaptcha-badge{
    display: none !important;
}

#icmMktLead{
    display: none !important;
}

/*Agregado el 28-10-21*/
.paddingEspecialmenu{
    padding: 30px 20px 0px 60px;
}

.moreExperiencia{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 999;
    transition: .5s ease;
    background-color: rgba(0,0,0,0.6);
}

.detalleInfo{
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.detalleInfo p{
    color: #fff;
    font-size: 15px;
}

.restaurantBack:hover .moreExperiencia{
    opacity: 1;
}

/*Homologar con emporio 24-03-22*/
/*Agregrado el 29-11-21*/
.restaurantBack:hover:after{
    background: linear-gradient(0deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
}

.contactBack::after{
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    opacity: .7;    
}

.contentIconContact{
    bottom: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 15px 20px;
    z-index: 9;
}

.modalBoxContact section div.container div.row.align-items-center{
    background-color: #132939;
}

/* Start state */
.animated-modal {
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/*Agregado el 07-12-21*/
.p-5.containerContact{
    padding: 1rem !important;
}

/*Agregado el 28-12-21*/
.paddingContacto{
    padding: 2.5rem 3rem;   
}

/*Agregado el 04-01-22*/
.telefonoEspecial{
    color: #ffffff;
}

#iconito{
    font-size: 20px;
    padding-right: 10px;
}

div.contenedorFormulario label{
    text-transform: capitalize;
}

div.contenedorFormulario input{
    border: 1px solid #acacac;
    border-radius: 10px;
    padding: 5px;
}

div.contenedorFormulario #selectContact{
    border: 1px solid #acacac;
    border-radius: 10px;
    padding: 5px;
    width: 300px;   
}

.paddingContacto p{
    font-size: 16px;
}

/*Agregado el 11-01-22*/
.containerContact button.fancybox-button.fancybox-close-small svg path{
    fill:  #ffffff;
}

/*Agregado el 21-02-22*/
#wpforms-12552-field_3{
    max-width: 438px;
    width: 100%;
}

#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_dots_container_0{
    width: 100% !important;
}

.bwg_slideshow_dots_0.bwg_slideshow_dots_deactive_0{
    background: #114054 !important;
}

.bwg_slideshow_dots_0.bwg_slideshow_dots_active_0{
    background: #fff !important;
    border: 1px solid #114054;
}

.summerForm label{
    color: #241552;
    font-size: 14px;
    font-weight: 500;
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.summerForm .textareaContact{
    border: 1px solid #ddd;
    width: 100%;
}

.summerForm input{
    border: 1px solid #ddd;
    width: 100%;
}

.summerForm .columnaLeft{
    padding-right: 25px;
}

#summerOnlyArea{
    padding-left: 12px;
    padding-right: 12px;
}

#summerOnlyArea label{
    width: 100%;
}

.summerForm select{
    border-color: #ddd;     
    border-radius: 0px;
    height: 38px;
    width: 100%;
}

.summerForm .contactEnvia{
    margin-top: 20px;
    background-color: #241552;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 800;
    margin: 0 auto; 
    padding: 10px 30px;
    text-transform: uppercase;
    width: 100%;    
}

/*Agregado el 22-02-22*/
#experienciasHome .bx-wrapper{
    margin: 0 auto;
    text-align: center;
}

/*Agregado el 28-02-22*/
.botonPlay{
    left: 0;
    margin: 0 auto;
    max-width: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}

/*Agregado el 01-03-22*/
div.homes div.owl-carousel.owl-theme.owl_coleccionHoteles.owl-loaded.owl-drag div.owl-dots{
    bottom: 30px !important;
    margin-top: 0px;
}

.slideItem{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 -10px;
  transform:scale(.9);
}

@media(max-width:1000px){
  .slideItem{margin:0; transform:scale(.8)}
}

.active .slideItem{
  opacity:1;
  transform:scale(1);
} 

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 30px;
    background: rgb(17,64,84);
    background: linear-gradient(0deg, rgb(17 64 84 / 59%) 59%, rgba(17,64,84,0) 100%);
}

.owl-controls{
    position:absolute;
    margin-top:300px;
}

.coleccionHotelitos div.owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 910px;
}

/*Agregado el 04-03-22*/
.submenuMobile{
    padding: 0 0 22px 25px !important;
}

.menuMobiles{
    position: relative;
    top: -15%;
    transform: translateY(50%); 
}

/*Agregado el 10-03-22*/
.infoTestimonio {
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    padding-bottom: 0px;
}

.infoTestimonio p{
    font-size: 1.2rem;
}

#sliderTestimonios div.bx-wrapper{
    margin: 0 auto;
}

/*Agregado el 11-03-22*/
.tituloSpa{
    color: #3f505d;
    font-size: 25px;
}

.detalleContactoSpa p{
    font-size: 15px;
}

.contenedorInfoSPA{
    max-width: 500px;
    padding: 30px !important;
}

.sliderPromos div.owl-nav{
    display: none;
}

.sliderPromos div.owl-dots{
    bottom: 35px;
}

/*Ajuste boton fixed whatsapp 01-04-22*/
#socialFloat{
    position: fixed;
    right: 23px;
    top: 88%;
    transform: translateY(50%); 
    z-index: 2;
}
/*Pleca con movimiento HOTSALE 23-05-22*/
#marquesita{
    width: 1500px;
    margin-top: 0px;
    height: 20px;
}

/*Ajustes search form*/
.buscaHeaderPrincipal{
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 15px;
    /* border-bottom: 1px solid #fff; */
    margin: 0;
    /* max-width: 80px; */
    text-align: center;
    color: #fff;
}

.buscaHeaderPrincipal::placeholder{
    color: #fff;
}

.lupaBuscador{
    max-width: 18px; 
    position: relative;
    top: 5px;
    width: 100%;
}

/*Estilos portada campanias with logos certificaciones 05-09-22*/
.portadaFull{
    float: left;
    left: 0; 
    margin-left: -4%;
    text-align: left; 
    top: 50%;  
    transform: translateY(-50%);    
}

.logosMiniPortada{
    display: inline-block !important;
    margin: 15px 10px 0px 0px;
    max-width: 60px !important ;
    width: 100%;
}

.logosMiniPortadaOnlyPromo{
    margin: 15px 10px 0px 0px;
    width: 100%;
}

/*Agregado el 27-06-23*/
.card ul{
    list-style-type: disc;
    padding-left: 6px;  
}

.TerminosyCondiciones p {
    font-size: 13px !important;
    line-height: normal;
}

/*Agregado el 12-01-24*/
.contenedorPromo24 {
    margin: 35px 0 0 0;
    padding: 40px;
}

/*Agregado el 15-01-24*/
.enlaceMini{
    font-size: 13px;
    text-align: center;
}

/*Agregado el 17-04-24*/
.triangulo{
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 20px 35px 0 35px;
   border-color: #1b103c transparent transparent transparent;
   margin: 0 auto;
   transform: rotate(0deg); 
}

/*Agregado 29-04-24*/
.newTabsMotor .nav-link.active{
    background: #fff;
    border-color: #fff !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;   
    color: #241552;
    font-size: 15px;
    font-weight: 400; 
    padding: 0px 15px 0px 15px;   
}

.nav-link.active svg.svg g path.svgIc{  fill: #241552;}
.nav-link.active span{color: #241552; font-weight: 400; border-bottom: 2px solid #241552;}

/*Agregado el 15-05-24*/
.newTabsMotor li.nav-item{
    background: #241552;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 1px solid #1b103c;
    border-right: 1px solid #1b103c;
    font-size: 15px;
}
.newTabsMotor li.nav-item a {padding: 0px 15px 0px 15px;}
.nav-item svg .svgIc{fill: #fde240;}
.nav-item span {color: #fde240;}
/*Agregado 240524*/
#titleTriangle{
    background-color: #1b103c; 
    color: #fff; 
    font-size: 18px; 
    margin-bottom:0px; 
    padding: 15px 13px;
    text-transform: uppercase; 
    border-radius: 8px; }

.iconFooterDesk{
    max-width: 35px !important;
    width: 100%; }

.newTabsMotor li.nav-item a {color: #221d53;}

/*agregado 190624*/
select.form-control{font-size: 12px !important;}
.form-control::placeholder{font-size: 12px !important;}
input.form-control{font-size: 12px !important;}

/*Agregado 200624*/
.grid-container{
    display: grid;
    grid-template-columns: repeat(auto-fill,230px);
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
}

.grid-item{
    background-color: lightgray;
    border-radius: 15px;
    cursor: zoom-in;
    width: 250px;
    margin-bottom: 30px;
}

.grid-item:hover{
    filter: opacity(0.9);
}

/*Agregado el 09-07-24*/
.tituloSliderPrincipal{ font-family: 'Brandon-Black'; font-size: 36px; font-weight: 500; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px; text-shadow: rgb(0 0 0 / 1%) 0 0 1px; }

/*Agregado el 30-07-24*/
input#checkFact{height: 15px; width: 20px; float: left;}
span.wpcf7-form-control.wpcf7-acceptance.optional span.wpcf7-list-item label{margin-top: 8px;}

/*Agregado el 06-08-24*/
#home-text {
    font-family: 'cityStreet';
    font-size: 3.7rem;
    font-weight: normal;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
}

#checkAvisoContacto p span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-acceptance.optional span.wpcf7-list-item label{margin: 0; padding: 0;}

/*Agregado el 16-08-24*/
.menuBlog li a {color: #241552;}
.menuBlog li a:hover {color:#d29612; font-weight: 500;}

/*Agregado el 28-08-24*/
.formSuscription input{border: #d9d9d9 1px solid; border-radius: 6px; font-size: 14px; margin: 0 0 10px 0; padding: 8px 15px; width: 100%;}
.formSuscription button{background-color: #241552; color: #ffffff; cursor: pointer; font-weight: 500; padding:10px; width: 100%;}
.aceptFideltour input{float: left; width: 3%;}
.aceptFideltour label{color: #241552; float: left; font-size: 11px; width: 97%;}

/*Agregado el 17-09-24*/
.menuBlog{list-style: none; margin: 0 auto; text-align: center; display: block;}
.menuBlog li{display: inline; padding-right: 20px;}
.menuBlog img{width: 100%; max-width: 70px !important; margin: 0 auto;}

/*Agregado el 26-03-25*/
.portadaLanding div.PromoInteriorTitle{
    bottom: 15px;
    left: 0; 
    padding: 0px 32px;
    position: absolute; 
    right: 0; 
    text-align: center;
    /*top: 50%; 
    transform: translateY(-50%);*/  
}

div.portadaLanding div.PromoInteriorTitle div p{font-weight: 400;}
.portadaLanding div.PromoInteriorTitle div{line-height: 35px;}
.infoTextBlack p {color: #fff; font-size: 14px; line-height: normal; text-align: left;}
.backP{background-color: #241552;}
.backP h1{text-align: left; font-size: 38px; color: #fff;}

/*27-05-25*/
.tabla-contenidos {
    background: #f8f8f8;
    padding: 15px 20px;
    border-left: 4px solid #d29612;
    margin-bottom: 30px;
    font-size: 15px;
    border-radius: 6px;
    text-align: left;
}

.tabla-contenidos strong{
    font-size: 20px;
    font-weight: 600;   
}

.tabla-contenidos ul {
    list-style: disc;
    margin: 10px 0 0 0;
    padding: 0;
}
.tabla-contenidos li {
    margin: 0 0 0 10px;
}
.tabla-contenidos a {
    text-decoration: none;
    color: #0073aa;
}
.tabla-contenidos a:hover {
    text-decoration: underline;
}

/*07-08-25*/
.infoBlog{padding: 80px 25px 80px 40px;}
.custom-search-bar {
  position: relative;
  top: 0px;
  width: 250px; /* Ajusta según tu diseño */
}

.custom-search-bar input {
  width: 100%;
  padding: 5px 40px 4px 15px; /* espacio para el ícono a la derecha */
  border: 1px solid #fff;
  border-radius: 25px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.custom-search-bar input::placeholder {
  color: #fff;
}

.custom-search-bar button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.custom-search-bar button svg {
  display: block;
}

.card-img-top.img-vertical {
    border: 1px solid #fff;
    height: 300px !important; /* ajusta según tu diseño */
    object-fit: cover;
    width: 100%;    
}

h4.card-title a{color: #ffffff;}
h4.card-title a:hover{color: #d29612;}
h4.card-title{
    font-size: 16px;
    font-weight: 600;   
    margin: 0px;
    text-transform: uppercase;
}

#resultadosBusqueda .card-body{padding: 10px 10px 5px 10px;}
#resultadosBusqueda div.card{background-color: transparent;}
.navigationAnimated a{color: #ffffff;}

/*Detalles single blog*/
.containerBlog ul li{list-style:disc; margin-left: 15px;}
#headerBackFixed .custom-search-bar input{border: 2px solid #241552; color: #241552;}

/* Color del ícono en el header inicial (fondo oscuro) */
#headerInit .search-icon-svg {stroke: #ffffff;}
/* Color del ícono en el header fijo que aparece al hacer scroll (fondo claro) */
#headerBackFixed .search-icon-svg {stroke: #241552; }
#headerBackFixed .custom-search-bar input::placeholder {color: #241552;}
#contenidoPromocion.containerBlog p img{display: block; margin: 0 auto; text-align: center;}

/*Iniciamos media queries*/
@media screen and (max-width: 768px){
    /*28-05-25*/
    .search-icon-svg {stroke: #ffffff;} 
    .coleccionRelacionado.owl-loaded.owl-drag div.owl-nav div.owl-prev{display: block; width: 40px;}
    .coleccionRelacionado.owl-loaded.owl-drag div.owl-nav div.owl-next{display: block; width: 40px;}
    .notitasRelacionadas span{font-size: 30px !important; line-height: 20px;}
    .notitasRelacionadas{padding: 0px 15px; text-align: center;}

    /*27-08-25*/
    .infoBlog {
        padding: 70px 10px 30px 10px;
    }

    div.fechaPublicacion{color: #241552 !important;}
    
    /*14-05-25*/
    .backP{background-color: #fff;}
    .backP h1{text-align: left; font-size: 30px; color: #241552;}   
    .infoTextBlack p{color: #000;}

    /*26-03-25*/
    .portadaLanding{
        height: 400px;
    }

    .portadaLanding div.PromoInteriorTitle{
        left: 0;
        right: 0;
        top: 50%; 
        transform: translateY(40%);    
    }
    .portadaLanding div.PromoInteriorTitle div{line-height: 30px;}
    .portadaLanding div.PromoInteriorTitle div p span{display: block; font-size: 30px !important; margin: 0 auto; text-align: center;}

    /*21-10-24*/
    .habitaciones{position: absolute;}
    /*16-10-24*/
    form label{color: #241552; font-size: 13px; font-weight: 600;}
    div.bx-controlsHotel .slider-siguienteHotel img{display: none;}  
    .menuMobiles { bottom: 0; transform: translateY(45%);}  
    /*19-09-24*/
    .textareaContact{height: 40px;}
    /*17-09-24*/
    .contenedorInfo{min-height: 465px;}
    /*14-08-24*/
    .serviciosAdicionales li{font-size: 15px;}
    .textCodePromo p{font-size: 14px;}
    .contenedorInfoHotelContacto{padding: 0px 0px;}
    .bx-controlsHome{display: none;}
    /*06-08-24*/
    .menusFooter li{font-size: 14px;}
    #home-text{font-size: 45px; padding: 0 15px; top: 0; transform: translateY(90%); line-height: 60px;} 
    .fullsize-video-bg {
        height: 70vh;
        overflow: hidden;
        margin-top: 46px;
    }   
    .tituloSliderPrincipal{font-size: 28px; line-height: 26px;}
    /*Agregado 240524*/
    #titleTriangle{font-size: 16px;}
    .iconFooterDesk{max-width: 30px !important;}    
    /*Ajuste 28-09-22*/
    .separaInfoSinglePromo{
        padding: 25px 15px; 
    }
        
    /*Ajustes 30-09-21*/
    .redSmallFooter{
        max-width: 30px !Important;
    }
    .redesInteriorHotel li{
        display: contents;
    }

    .iconMenu{
        max-width: 30px !important;
        width: 100%;
    }

    /*Ajustes 29-09-21*/
    .informacionContacto{
        margin-top: -2rem;
    }

    .tituloHabitacion{
        height: 130px;
    }
    
    /*Ajustes 28-09-21*/
    .tituloHabitacion, .tituloHabitacion a{
        font-size: 17px;
    }
    
    #videoEncuestaHome{
        height: 235px;
        width: 100%;
        max-width: 188px;
    }

    /*Ajuste responsive 20-09-21*/
    .fullHabitaciones .bx-wrapper {
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .contenedorLogosCertificaciones {
        margin: -10px auto 0 auto;
        max-width: 220px;
        width: 100%;
    }

    /*Ajuste hero responsive 10-09-21*/
    .fondoResponsiveHero{
        margin-top: 45px;
    }

    .sliderNoHomeFull .flechas{
        display: none;
    }
    /*End*/

    .redesInteriorHotel{
        margin: 0 auto;
        text-align: center;
        display: block;     
    }

    .infoContactoHotel{
        margin-top: 20px;
        text-align: center;
    }

    .galeriaFotosHome .flechas{
        display: none;
    }

    .plecaCOVID{
        padding: 10px 5px;
    }

    .plecaCOVID i{
        margin-top: 0px;
    }

    .plecaCOVID p{
        font-size: 11px;
        float: left;
        margin-left: 15px;
        margin-top: 0px;
    }

    .menuSquare
    {
        display: none !important;
    }

    .hamburger 
    {
        display: block;
        float: left;
        position: absolute;
        left: 15px;
        /*top: 16px;*/
        top: 0px;
    }

    .espacioPromociones
    {
        display: none;
    }

    .bannerPromo
    {
        padding: 20px 0;
    }

    .tituloBigSlider 
    {
        line-height: 1em;
        margin-top: 15px;   
        font-size: 1.6em;
    }

    .tituloBigSlider p 
    {
        line-height: 1em;
        margin-top: 15px;   
        font-size: 2em;
    }

    .titleHotel
    {
        line-height: 1em;
        margin-top: 15px;
    }

    .MobileAviso
    {
        display: block;
    }

    .avisoBlue
    {
        margin-top: 0;
    }

    .DesktopAviso
    {
        display: none;
    }

    .termsCon
    {
        display: none;
    }

    .termsConMobile
    {
        display: block;
    }

    .overlay-content
    {
        margin-top: 0;
        /*top: 0;*/
    }

    .overlay a
    {
        font-size: 16px;
        padding: 3px 6px;
    }

    .mobile
    {
        display: block !important;
    }

    .header_inner
    {
        padding-left: 0px !important;
    }

    .overlay .closebtn 
    {
        top: 5px;
        z-index: 5;
    }

    .pCerrar 
    {
        top: 5.2em;
        z-index: 3;
    }

    .intro_2
    {
        right: 58px;
    }

    .home_title
    {
        font-size: 56px;
    }

    .intro_img
    {
        width: 100%;
    }

    .intro_images
    {
        height: calc(100vw - 70px);
    }

    .boxInfo
    {
        left: 0px;
    }

    .modalBox
    {
        width: 100%;
    }

    .modalBoxContact
    {
        width: 100%;
    }

    .arrowLeft
    {
        left: 10px;
    }

    .intro_col
    {
        margin-top: 5em;
    }

    .titleFullLight
    {
        font-size: 25px !important;
        font-weight: 200 !important;
        letter-spacing: 3px !important;
    }

    .anuncioPreFooter
    {
        font-size: 18px;
        letter-spacing: 3px;
    }

    .separacionNota
    {
        margin-bottom: 25px;
    }

    .flechas
    {
        color: #FFF !important;
    }

    .anterior
    {
        left: 20px !important;
    }

    .siguiente 
    {
        right: 20px !important;
    }

    .sombraMobile
    {
        text-shadow: 4px 1px 4px #616161;
    }

    #navbarNavAltMarkup div span
    {
        display: none;
    }

    .infoPromociones
    {
        bottom: 10%;
    }

    .buttonLineBlue 
    {
        margin: 1.4em 0;
    }

    .maskWhite
    {
        transform: translateY(0%);
    }

    .padd30Buscador 
    {
        padding: 30px 30px;
    }

    .separacionTopMobile
    {
        margin: 5px 0;
    }

    .cajaBotones
    {
        padding: 10px 20px;
    }

    .MobileEnviarBuscador
    {
        display: block;
    }

    .DesktopEnviarBuscador
    {
        display: none;
    }

    .enlaceVerMas
    {
        transform: translateY(75%);
    }

    .enlaceVerMas a span
    {
        top: -5px;
    }

    .calendar.top-left-triangle
    {
        left: 50% !important;
        transform: translateX(-50%);
        width: 100% !important;
    }

    .days-container
    {
        width: 100% !important;
    }

    #full-info
    {
        height: 100% !important;
    }

    .MobileArrow
    {
        display: none;
    }

    .DesktopArrow
    {
        display: none;
    }

    .icon-right-arrow
    {
        margin-left: -50px;
    }

    .logoPromociones
    {
        margin-top: 30px;
    }

    .espacioFormHotel
    {
        margin: 0;
    }

    .redesMobileFooter
    {
        margin: 0 -15px;
        width: 100%;
    }

    .redesMobileFooter ul li
    {
        padding: 10px 20px;
    }

    .separacionMenu
    {
        margin-top: 0;
    }

    .fullInfo
    {
        background-size: cover !important;
    }

    .separaEspecial
    {
        margin: 0px;
    }

    .section_subtitle
    {
        line-height: normal;
    }

    .responsiveLogo
    {
        display: block;
    }

    .fondoResponsive
    {
        background-color: #241552;
        position: fixed;    
        top: 0px;
    }

    .header_inner
    {
        height: 60px;
    }

    .hideResponsive
    {
        display: none;
    }

    .navbar-nav
    {
        display: inline;
    }

    .scrollMenu
    {
        overflow: auto;
        white-space: nowrap;
    }

    .scrollMenu a
    {
        display: inline-block;
    }

    .owl-theme .owl-dots
    {
        bottom: 35px;
    }   

    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

    .owl-carousel .owl-nav .owl-next
    {
        /*font-size: 30px;
        right: -5px;*/
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev
    {
        /*font-size: 30px;
        left: -5px;*/
        display: none;
    }

    .iconHotel
    {
        display: block;
    }

    .titleBig
    {
        font-size: 25px;
    }
    .mIdiomasEmporio 
    {
        list-style: none;
        position: absolute;
        right: 0%;
        top: 10px;
    }

    .home
    {
        height: 75vh;
    }

    .backHeroPromocion
    {
        margin: 0px 10px;
        padding: 0px 0px 20px 0px;
    }

    .homePromocionResponsive
    {
        bottom: 48px !important;
        position: absolute;
        left: 0;
        top: auto !important;
        transform: none !important;
        width: 100%;
    }

    .mb-0
    {
        margin: 0 auto;
        text-align: center;
    }

    .enlaceVerMas
    {
        display: none;
    }

    /*Definimos estilos para calendario mobile */

    .calendar {
        border-radius: 12px;
        left: 2px !important;
        max-width: 370px; 
        width: 100%;
    }

    .days-container {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 370px;
        width: 100%;
    }

    div.header.single
    {
        display: none;
    }

    .month-year-label
    {
        color: #8f8f8f;
        font-family: "Poppins", sans-serif;
    }

    .month-name-container
    {
        border-top: 0px solid transparent;
    }

    .calendar.top-left-triangle:before
    {
        display: none;
    }

    .calendar.top-left-triangle:after
    {
        display: none;
    }

    .week-name-container {
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }

    .week-label {
        width: 51px;
    }

    .day {
        background-color: transparent;
        color: #6b6b6b;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
    }

    .day, .void-day {
        width: 53px;
    }

    .day.active:after, .day.activeRange:after {
        font-family: "Poppins", sans-serif;
        background-color: #6C26C6;
    }

    .day.active:after {
        border: 2px solid #6C26C6;
    }

    .day.activeRange.first:before, .day.activeRange.last:before {
        background-color: #6C26C6;
    }

    div.calendar.top-left-triangle div.header
    {
        display: none;
    }   
    /*End*/

    a.sambaVallarta{margin-bottom: 20px;}

    .tituloInfo{
        font-size: 14px;
        letter-spacing: 2px;
        margin: 15px 0 15px 0;
    }

    #headerBackFixed {display: none;}

    .reservaHeadResponsive a.fillWhite{
        font-size: 12px;
        letter-spacing: 0px;
        padding: 4px 5px 4px 5px;
        top: 2px;
        width: 100%;
    }

    #headResponsive{padding: 10px 0;}
    .separaPromoListMobile{margin-bottom: 30px;}
    .tituloListadoPromocion{font-size: 20px;}
    .sel.active .sel__box{position: relative;}

    .sel::before{
        font-size: 20px;
        position: absolute !important;
    }

    .sel.active::before{
        top: calc(6% - 20px);
    }

    .sel__box__options{
        font-size: 13px;
        padding: 20px 15% 0px 30%;
    }

    .titleMobileSinglePromo.titleOferta{
        font-size: 10px;
    }

    .separaIconOferta{
        padding: 10px;
    }

    .mrc button{
        font-size: 11px !important;
    }

    .tituloRelacionadas{
        font-family: "Brandon-Medium";
        font-size: 12px;
        padding: 12px;
    }

    .frame-square, .frame-round{
        height: 75px;
        width: 75px;
        left: 5px;
    }

    .sliderRelacionadas div.row.align-items-center div.col-8 div.subtituloRelacionada{
        font-size: 11px;
        right: -10px;
    }

    .sliderRelacionadasCate div.row.align-items-center div.col-8 div.subtituloRelacionada{
        font-size: 11px;
        right: -10px;
    }

    .card-body{
        padding: 1.25rem 0px;
    }

    .TerminosyCondiciones{
        text-align: left;
    }

    .mrc a{
        display: inline-block;
        font-size: 13px;
        padding: 3px 40px;
    }

    .PromoInteriorTitle{
        padding-top: 6px;
    }

    .borderBottomCuadroInfo{
        border-bottom: 1px solid #241552;
        margin: 10px auto;
        text-align: center;
        width: 50%;
    }

    .borderInfo{
        padding: 30px 10px;
    }

    .super_container{
        top: 8px !important;
    }

    div.bx-controls-white .slider-siguiente img{
        right: -10px;
    }

    div.bx-controls-white .slider-anterior img {
        left: -10px;
    }

    .current_temp i, .current_temp span{
        color: #fff;
        font-size: 30px !important;
    }

    .current_text{
        display: none;
    }

    .weather-atlas-wrapper .current_temp{
        margin-bottom: -10px !important;
    }

    .tituloHotelColeccion p{
        font-size: 30px;
    }

    .fondoPromocionHome{
        height: 230px;
    }

    .contenedorInfoPromocionHome{
        padding: 25px;
    }

    .reservarPromoResponsive{
        margin: 0 auto;
        text-align: center;
    }

    .reservarPromoResponsive a.fillWhite{
        display: inline-block;
    }

    .extractoPromocionHome
    {
        padding: 20px 0px 0px 0px;
    }

    .containerInfoPromoResponsive{
        height: 100%;
    }

    .bx-pager{
        display: block;
    }

    .bx-wrapper .bx-pager.bx-default-pager a{
        background: #fff;
        border-color: #000;
        border: 1px solid #241552;
    }

    .bx-wrapper .bx-pager.bx-default-pager a.active{
        background: #241552;
    }

    .contenidoPromo{
        padding: 0px 20px 20px 20px;
        margin-top: 0px;
    }

    .tituloHotelColeccion{
        padding: 15px 0 0 0;
    }

    .contenidoHotelColeccion{
        padding: 10px 0px 35px 0px;
    }

    .menuPDF{
        font-size: 35px;
        padding: 25px 0;
    }

    .contenedorInfoPromocionHome .verAllDetalles{
        padding: 0px 0 20px 0;
    }

    .iconosDesktop img{
        max-width: 60px !important;
    }

    .infoTarifas a{
        font-size: 10px;
    }

    .notaResponsive{
        margin-bottom: 1.5rem;
    }

    .botonAzul:hover{
        text-decoration: none;
    }   

    /*Agregado el 12-01-24*/
    .contenedorPromo24 {
        margin: 0;
        padding: 10px;
    }   
}

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

    /*Version responsive 07-09-21*/
    .galeriaFotosHome .bx-controls-direction{
        display: none;
    }

    .boxInfo
    {
        left: 0px;
    }

    .intro_images
    {
        margin-top: 5em;
    }

    .arrowLeft
    {
        left: 0px;
    }

    .bannerPromo 
    {
        padding: 0px 0;
    }

    .anterior
    {
        left: 20px !important;
    }

    .siguiente 
    {
        right: 20px !important;
    }

    .infoPromociones
    {
        bottom: 10%;
    }

    #navbarNavAltMarkup div span
    {
        display: none;
    }

    .MobileEnviarBuscador
    {
        display: block;
    }

    .DesktopEnviarBuscador
    {
        display: none;
    }

    .separacionTopMobile
    {
        margin: 5px 0;
    }

    .calendar.top-left-triangle
    {
        left: 20px !important;
    }

    .icon-right-arrow
    {
        margin-left: -50px;
    }

    #full-info
    {
        height: 100% !important;
    }

    .MobileArrow
    {
        display: block;
    }

    .DesktopArrow
    {
        display: none;
    }

    .separacionMenu
    {
        margin-top: 0;
    }

    .enlaceVerMas
    {
        display: none;
    }
    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

}

@media screen and (min-width: 801px) and (max-width: 1024px)
{
    .anterior
    {
        left: -30px !important;
    }

    .siguiente 
    {
        right: -30px !important;
    }

    .infoPromociones
    {
        bottom: 15%;
    }

    .flechas
    {
        color: #FFF !important;
    }

    .sombraMobile
    {
        text-shadow: 4px 1px 4px #616161;
    }

    .boxInfo
    {
        left: 30px;
    }

    .intro_1
    {
        right: 16px;
    }

    .arrowLeft
    {
        left: 30px;
    }

    .arrowRight
    {
        padding-right: 14px;
    }

    #full-info
    {
        height: 100% !important;
    }
    .enlaceVerMas
    {
        display: none;
    }

    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

    /*Definimos estilos para calendario mobile */

    .calendar {
        border-radius: 12px;
        left: 2px !important;
        max-width: 370px; 
        width: 100%;
    }

    .days-container {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 370px;
        width: 100%;
    }

    div.header.single
    {
        display: none;
    }

    .month-year-label
    {
        color: #8f8f8f;
        font-family: "Poppins", sans-serif;
    }

    .month-name-container
    {
        border-top: 0px solid transparent;
    }

    .calendar.top-left-triangle:before
    {
        display: none;
    }

    .calendar.top-left-triangle:after
    {
        display: none;
    }

    .week-name-container {
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }

    .week-label {
        width: 51px;
    }

    .day {
        background-color: transparent;
        color: #6b6b6b;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
    }

    .day, .void-day {
        width: 53px;
    }

    .day.active:after, .day.activeRange:after {
        font-family: "Poppins", sans-serif;
        background-color: #6C26C6;
    }

    .day.active:after {
        border: 2px solid #6C26C6;
    }

    .day.activeRange.first:before, .day.activeRange.last:before {
        background-color: #6C26C6;
    }

    div.calendar.top-left-triangle div.header
    {
        display: none;
    }   
    /*End*/ 

}

@media screen and (min-width: 1000px) and (max-width: 1024px)
{
    .header_inner
    {
        padding-left: 0;
        /*margin-left: -18px;*/
    }

    .titleFullLight
    {
        font-size: 25px !important;
        font-weight: 200 !important;
        letter-spacing: 2px !important;
    }

    .enlaceVerMas
    {
        display: none;
    }   
    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

    /*Definimos estilos para calendario mobile */

    .calendar {
        border-radius: 12px;
        left: 2px !important;
        max-width: 370px; 
        width: 100%;
    }

    .days-container {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        max-width: 370px;
        width: 100%;
    }

    div.header.single
    {
        display: none;
    }

    .month-year-label
    {
        color: #8f8f8f;
        font-family: "Poppins", sans-serif;
    }

    .month-name-container
    {
        border-top: 0px solid transparent;
    }

    .calendar.top-left-triangle:before
    {
        display: none;
    }

    .calendar.top-left-triangle:after
    {
        display: none;
    }

    .week-name-container {
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }

    .week-label {
        width: 51px;
    }

    .day {
        background-color: transparent;
        color: #6b6b6b;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
    }

    .day, .void-day {
        width: 53px;
    }

    .day.active:after, .day.activeRange:after {
        font-family: "Poppins", sans-serif;
        background-color: #6C26C6;
    }

    .day.active:after {
        border: 2px solid #6C26C6;
    }

    .day.activeRange.first:before, .day.activeRange.last:before {
        background-color: #6C26C6;
    }

    div.calendar.top-left-triangle div.header
    {
        display: none;
    }   
    /*End*/ 

}


@media screen and (min-width: 1160px) and (max-width: 1280px)
{
    .header_inner
    {
        padding-left: 0;
    }
    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

}

@media only screen and (min-width: 1366px) and (max-width: 1400px)
{
    .header_inner
    {
        margin-left: -12px;
    }       
}

@media screen and (min-width: 1200px) and (max-width: 2000px)
{
    .fullInfo
    {
        background-attachment: fixed;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1440px)
{
    .header_inner
    {
        padding-left: 0px;
        margin-left: -8px;
    }
}


@media screen and (max-width: 991px)
{
    .main_nav
    {
        display: none;
    }
    
    .intro_col:not(:last-child)
    {
        margin-bottom: 80px;
    }
    .intro_2
    {
        right: 98px;
    }
    .newsletter_form_container
    {
        margin-top: 70px;
    }
    .footer_col:not(:last-child)
    {
        margin-bottom: 60px;
    }

    .separacionTopMobile
    {
        margin: 5px 0;
    }

    .DesktopEnviarBuscador
    {
        display: none;
    }

    .MobileEnviarBuscador
    {
        display: block;
    }

    .separacionMenu
    {
        margin-top: 0;
    }

    .responsiveLogo
    {
        display: block;
    }
    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }

}

@media screen and (min-width: 992px) and (max-width: 1159px)
{
    div.header_inner.headerIdiomas
    {
        margin-left: -180px;
    }
}

@media screen and (min-width: 1160px) and (max-width: 1280px)
{
    /*.header_inner
    {
        padding-left: 268px;
    }*/
    .main_nav ul li
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .home_title
    {
        font-size: 72px;
    }

    .headerIdiomas 
    {
        margin-left: -90px;
    }

    .titleFullLight 
    {
        font-size: 30px !important;
        font-weight: 200 !important;
        letter-spacing: 2px !important;
    }

    #full-info
    {
        height: 100% !important;
    }

    .boxInfo
    {
        left: 35px;
    }

    .intro_1
    {
        right: 20px;
    }

    div.bx-controlsHotel .slider-siguienteHotel img {
        right: -10px;
    }

    div.bx-controlsHotel .slider-anteriorHotel img {
        left: -10px;
    }

    div.bx-controlsHome .slider-siguiente img {
        right: -10px;
    }

    div.bx-controlsHome .slider-anterior img {
        left: -10px;
    }

}

@media screen and (min-width: 1282px) and (max-width: 1366px)
{
    #full-info
    {
        height: 100% !important;
    }

    .boxInfo
    {
        left: 30px;
    }

    .intro_1
    {
        right: 15px;
    }

    .header_inner
    {
        padding-left: 0px;
        padding-right: 20px;
    }

    .maskWhite
    {
        transform: translateY(-30%);
    }

    .home
    {
        height: 80vh;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1440px)
{
    .boxInfo
    {
        left: 24px;
    }

    .intro_1
    {
        right: 20px;
    }

    #full-info
    {
        height: 100% !important;
    }
}


@media only screen and (max-width: 1199px)
{
    .header_button
    {
        display: none;
    }
    /*.header_inner
    {
        padding-left: 220px;
    }*/
    .intro_2
    {
        right: 58px;
    }
    .big_room_slider_container
    {
        height: 750px;
    }
    /*.footer_menu ul li:not(:last-child)
    {
        margin-right: 25px;
    }*/
}




@media and (max-width: 1140px)
{
    #full-info
    {
        height: 100% !important;
    }

    .redesResponsive li
    {
        display: inline !important;
        padding:  10px 8px !important;
    }   
}

@media only screen and (max-width: 575px)
{
    p
    {
        font-size: 13px;
    }
    h2
    {
        font-size: 36px;
    }
    .button span::after
    {
        bottom: 0px;
    }
    .home
    {
        height: 75vh;
    }
    .home_title
    {
        font-size: 48px;
    }
    .header_inner
    {
        height: 60px;
    }
    .header.scrolled .header_inner
    {
        height: 80px;
    }
    .logo_container
    {
        width: 165px;
    }
    .logo_subtitle
    {
        font-size: 8px;
    }
    .menu_nav_list li a
    {
        font-size: 36px;
    }
    
    .intro_link a
    {
        font-size: 14px;
    }
    .big_room_slider_container
    {
        height: 450px;
    }
    .big_room_slider_nav_container
    {
        display: none !important;
    }

    #full-info
    {
        height: 100% !important;
    }

    .logo
    {
        margin-top: 5em;
        width: 150px;
    }

    .separacionMenu
    {
        margin-top: 0;
    }

    .backHeroPromocion
    {
        margin: 0px 10px;
        padding: 0px 0px 20px 0px;
    }

    .homePromocionResponsive
    {
        position: absolute;
        left: 0;
        top: auto !important;
        transform: none !important;
        width: 100%;
        bottom: 48px !important;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1600px)
{
    .header_inner
    {
        padding-left: 0px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1680px)
{
    .header_inner
    {
        padding-left: 52px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1920px)
{
    .textLight p 
    {
        font-size: 16px;
    }

    .textLight
    {
        font-size: 16px;
    }
}

@media screen and (min-width: 1801px) and (max-width: 1920px)
{
    /*.header_inner
    {
        padding-left: 6rem;
    }*/
}

@media screen and (max-width: 414px)
{
    .week-label
    {
        width: 51px;
    }

    .day, .void-day
    {
        width: 53px;
    }

    .days-page
    {
        /*width: 100%;*/
    }   
}


@media screen and (max-width: 375px)
{
    .week-label
    {
        width: 53px;
    }

    .day, .void-day
    {
        width: 53px;
    }

    .days-page
    {
        /*width: 320px;*/
    }

    .icon-right-arrow
    {
        margin-left: 80px;
    }   
}

@media screen and (max-width: 360px)
{
    .week-label
    {
        width: 51px;
    }

    .day, .void-day
    {
        width: 52.6px;
    }

    .days-page
    {
        /*width: 100%;*/
    }
}

@media screen and (max-width: 320px)
{
    .week-label
    {
        width: 45px;
    }

    .day, .void-day
    {
        width: 45px;
    }

    .days-page
    {
        width: 320px;
    }

    .icon-right-arrow
    {
        margin-left: 60px;
    }
}


#owl-carousel-video {
  width: 100%;
}

.item-video {
    height: 100%;
    background-color: blue;
    display: block;
}