.d-flex{display: flex}
.flex-w-wrap{flex-wrap: wrap;}
.flex-d-row{flex-direction:row}
.flex-d-column{flex-direction:column}
.flex-v-a-c{align-items: center;}
.flex-h-a-r{margin-left: auto;}
.f-w-n{font-weight: normal}
.flex-a-s-start{align-self: flex-start;}
.flex-a-s-center{align-self: flex-end; }
.flex-a-s-end{align-self: center;}
.flex-j-c-space-around{ justify-content:space-around}
.flex-j-c-center {justify-content: center}
.f-w-l{font-weight: 100!important}
.f-w-n{font-weight: 500!important}
.f-w-b{font-weight: 700!important}
.table-100{width: 100%!important}
#wpp-container {bottom: 80px;}
.swiper-container.swiper-container-horizontal {max-height: 760px!important;}
#wpp-btn {width: 50px!important; height: 50px!important; background-size: 25px!important;bottom: 70px!important;}
#return-to-top { z-index: 1000000000!important}

@media (max-width: 992px) {
    .m-flex-d-column{flex-direction:column}
    .mb-flex-d-c-reverse{flex-direction: column-reverse}
    .mb-w-100-pc{width: 100%!important}
    .mb-t-a-c{text-align: center!important}
    .t-a-l.mb-t-a-c {text-align: center!important;}
    .mb-d-none{display: none}
    .mb-flex-center{}
    .mb-justify-content{justify-content:center!important}
    .mb-p-0{padding: 0!important;}
    .mb-p-t-20{padding-top: 20px!important}
    .mb-m-b-30{margin-bottom: 30px!important}
    .mb-m-t-30{margin-top: 30px!important}
    .mb-m-t-40{margin-top: 40px!important}
    .mb-m-l-30{margin-left: 30px!important}
    .mb-m-r-30{margin-right: 30px!important}
    .mb-a-flex-start{ align-items: flex-start!important}
    .mb-p-t-0{padding-top:0!important}
    .mb-p-b-0{padding-bottom:0!important}
    .mb-p-r-0{padding-right:0!important}
    .mb-p-l-0{padding-left:0!important}    
    .p-30.mb-p-0 {padding: 0!important;}
    .p-20.mb-p-0 {padding: 0!important;}
    .p-l-20.mb-p-0 {padding: 0!important;}
    .p-t-250.mb-p-t-0{padding-top:0!important}
    #info-rel{display: none!important}    
    footer > .p-seccion{padding-top:0!important}
    .mb-f-s-18.mb-f-s-16{font-size: 16px!important}
    .mb-f-s-16{font-size: 16px!important}
    .mb-f-s-18{font-size: 18px!important}
    .f-s-24.mb-f-s-18{font-size: 18px!important}
    .accesos-info-footer{margin-bottom: 80px}
    .cabecera-interior .parallax-window { min-height: 200px;}
    .caja-tarifas{width: 80%;}
    .tarifasInt{flex-direction: column!important}
    .tarifasInt .mizda, .tarifasInt .mdcha { margin-left: 35px!important;  margin: 0 auto!important;  }
    footer .acceso-hotel .a-s-flex-end{align-self: flex-start!important;}
    #wpp-container { bottom: 4%!important;right: 5%!important;}
}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 12px;
    top: 5px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 40px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#return-to-top.fade-in{
    opacity: 1;
}

#contenedor-freserva.fixed{position: fixed;top:100px;z-index: 100;}
div#contenedor-freserva { position: absolute;z-index: 1000;    width: 100%;}
a.search.btn.btn-warning {height: 38px;}

ul.sub-manu {
    margin-left: 6px;
}

.menu-nav-corporativa{
    list-style: none;
}
#nav-corporativa nav{
    display: flex;
    padding: 10px;
}
#nav-corporativa nav ul{   
    display: flex;
    margin: 0 auto;
    font-weight: bold;    
    align-items: start;
    padding: 0;
    margin: 0;
}
#nav-corporativa select {
    border: none;
    font-size: 11px;
    font-weight: 600;
    color: #111;
    background: transparent url(../img/css/icon-select.png) no-repeat 90% 45%;
    background-size: 15px;
    -webkit-appearance: menulist-textfield;
    height: 40px;
    text-transform: uppercase;
}
#nav-corporativa  i.fas.fa-angle-down {
    font-size: 20px;
    color: #282828;
    position: relative;
    right: 15px;
}
#nav-corporativa ul li a{
    text-transform: uppercase;
    font-size: 11px;
    padding: 10px;
    font-weight: 700;
}
#idioma-container{
    font-size: 12px;
}
div#idioma-container {
    margin-top: 8px;
    float: right;
}
#nav-corporativa div#info-rel {   
    margin-left: auto;
}
nav#nav-tabs-wrapper.scroll-fixed {
    position: fixed;
    top: 75px;
    z-index: 10;
    width: 100%;
}
#redes-sociales a.enlace-redes {
    float: left;
    padding: 0px;
    color: #111;
    font-size: 22px;
}

.navbar-nav{
    letter-spacing: -1px;
    font-size: 18px;
}
div#idioma-container select {
    padding: 4px;
    margin-top: 2px;
    padding-right: 30px;
    cursor: pointer;
}
div#idioma-container select option{
    cursor: pointer;
}

.header .logo-empresa{
    padding: 10px 0;
}
div#header-slider {
    position: relative;
}
#header-slider .swiper-button-prev,#header-slider .swiper-button-next{
    background-repeat: no-repeat;
}
#info-rel .data-rel {
    float: left;
    width: 200px;
}
div#freserva {
    margin-top: -100px;
    position: relative;
    background: #111;
    padding: 20px;
    width: 1140px;
    transition: width 0.2s ease-out;
}
#freserva .titulo-destacado {
    font-size: 30px;
    line-height: 26px;
    min-width: 265px;
}
#contenedor-freserva.fixed #freserva .titulo-destacado {  
    padding-right: 20px;
}
#contenedor-freserva.fixed div#freserva span {
    line-height: 14px;
    padding-top: 5px;
    padding-right: 10px;
}
#contenedor-freserva.fixed div#freserva{
    width: 100%;
}
div#freserva span {
    line-height: 14px;
    max-width: 170px;
}
input#entrada, input#salida, input#codprom {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
}

#freserva input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #f3f3f3;
}
#freserva input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f3f3f3;
}
#freserva input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f3f3f3;
}
#freserva input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f3f3f3;
}
#freserva input::-ms-input-placeholder { /* Microsoft Edge */
    color: #f3f3f3;
}
#freserva input::placeholder { /* Most modern browsers support this now. */
    color: #f3f3f3;
}

 /*video cabecera*/
 
 
.video-cabecera{
    overflow: hidden;
    padding-bottom: 20px;
    clear: both;
    margin-top: -10px;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: inherit;
    background: #000;
    margin-top: 20px;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;    
    width: 100%;
}
.video-container video {

    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
    height: auto!important;
}
.form-video {
    z-index: 1000000;
    position: relative;
    border: rgba(0,0,0,.5);    
    top: -40px;
    text-shadow: 2px 2px #ff0000;
}
.form-control {
    background-color: transparent;
    border-radius: 0;
}



@media (max-width: 768px) {
    .navbar-nav {
        letter-spacing: -1px;
        font-size: 18px;
        padding: 20px 0;
    }
    .navbar {
        display: block;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        padding: .5rem 1rem;
        width: 100%;
        margin-left: 0; 
        margin-top: 10%;
    }
    button.navbar-toggler {
        margin-left: 80.5%;
    }
    nav#nav-tabs-wrapper {
        display: none;
    }
    .titulo-2 {
        font-size: 36px!important;
    }
    .navbar-nav a.nav-link{
        text-align: right;
    }
    .navbar-nav li.nav-item {
        margin-right: 0;
    }
}

@media (min-width:768px){
    .cabecera-interior.cabecera-xl .parallax-window {
        min-height: 800px;
        background: transparent;
    }
}

@media (max-width: 992px) and (min-width:768px){
    div#header-slider {     
        height: 310px;
    }
    .navbar {    
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    
    .sd-w-100{
        width: 100%!important;
    }
    .header .logo-empresa img {
        height: 80px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #swiper-promo img {
        height: 480px;
        margin-top: 70px;
    }
    #swiper-promo img {
        height: 520px;
        margin-top: 70px;
    }
    #swiper-promo .swiper-wrapper .swiper-slide{
        opacity: 1;
    }
    .swiper-container img {height: 300px;}
    .swiper-container.swiper-container-horizontal {width: 120%;height: 100%;padding-bottom: 70px;margin-left: -10%;}
    #swiper-promo .swiper-wrapper .swiper-slide { max-height: 450px;}
    .swiper-button-prev, .swiper-button-next {top: 40%!important;}  
    .swiper-pagination{display: none;}    
    #header-slider .text-slide {top: 10%;}
    #header-slider .text-slide h2, #header-slider .text-slide h3 {display: none;}
    #header-slider .swiper-slide img{height: auto!important;width: 100%;}
    .swiper-container a{font-size: 14px}
}


@media (max-width: 1200px) {
    .navbar-dark .navbar-nav .nav-link {       
        font-size: 14px;
    }
    nav#nav-tabs-wrapper.scroll-fixed {
        position: fixed;
        top: -20px;
    }
    #header-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 5%;
    }
    
}
@media (min-width: 1200px) {
    .header-container {       
        background-size: 22% 43px;
    }
    #header-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 15%!important;
    }
}


/*efecto zoom in*/
.enlace-contenedor-img-zoom-in{
    position: relative;

}
.contenedor-img-zoom-in{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
}
.img-zoom-in{
    overflow: hidden;
}
/*fin efecto zoom in*/

.container-relative{
    position: relative;
    height: 220px;
}
.container-relative.banner-1{
    height: 700px;
    margin: 0 auto;
    width: 95%;
}
.container-relative.banner-2{
    height: 392px;
    /* margin-bottom: -30px; */
    overflow: hidden;
}
.container-relative.banner-3{
    height: 300px; 
    overflow: hidden;
    margin-right: 30px;
}
.container-relative.banner-4{
    height: 260px; 
    overflow: hidden;
    margin-right: 30px;
}
.container-img-zoom{
    width: 100%;
    height: 370px;    
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
    background: #282828;
    position: relative;
}
.div-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-zoom-in .icono-zoom{
    position: absolute;
    top: 10%;
    left: 10%;
}
.img-zoom-in h2 {
    position: absolute;
    top: 47%;
    left: 60%;
    color: #fff;
    font-size: 48px;
}
.img-zoom-in  p{
    position: absolute;
    top: 65%;
    width: 80%;
    right: 10%;
}
.img-zoom-in.texto-izquierda h2{
    left: 10%;
}

.div-img.oculto {
    overflow: hidden;
}
.div-img .img-zoom-in {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
   
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    cursor: pointer;
    background: #282828;
}
.div-img:hover .img-zoom-in {
    
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.4);
    opacity: .8;
}
#wraper-info-movil {
    position: fixed;
    bottom: 0;
    height: 85px;
    width: 100%;
    
    z-index: 10000000000!important;
}
#wraper-info-movil  .book-online{
    padding: 10px 20px;   
    font-weight: bold
}
i.fas.fa-phone {
    color: #f3f3f3;
}
i.fas.fa-map-marker-alt {
    font-size: 32px;
    color: #282828;
}


/* swiper*/
#header-slider .swiper-wrapper{
    margin-left: 1.1%;
}
#header-slider .swiper-container {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 34%;
}
#header-slider .swiper-slide {
    background-position: center;
    background-size: cover;
    
}
#header-slider .swiper-slide img{
    transition-property: width;
    transition: 25s linear;
    transform: scale(1);
}
#header-slider .swiper-slide.swiper-slide-active img{
    transform: scale(1.6);
}
#header-slider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 7%;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .6;
}
#header-slider .text-slide {
    width: 100%;
    z-index: 1000;
    position: absolute;
    top: 40%;
}
#header-slider .text-slide h2, #header-slider .text-slide h3{
    color: #f9f9f9;
    text-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
/*fin swiper*/


/*galeria*/
.fancybox-thumbs {margin: 10px;}

/*tarifas*/
select#tipohab {
    width: 100%;
    margin: 20px 0 10px 0;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.tarifas{
    clear: both;       
    overflow: hidden;
    margin-top: 20px;   
}
.tarifas > h3{
    background: url(../img/css/bg_h3.gif) no-repeat center bottom;
}
.tarifasInt .mizda, .tarifasInt .mdcha{   
    margin-top: 20px;
    margin-bottom: 20px;
    width: 47%;   
}

.tarifasInt .mizda{
    float: left;
}
.tarifasInt .mdcha{
    float: right;
}

.tarifasInt > div{
    margin-right: 20px;
}

.tarifas h3{padding:0px;font-size: 48px; text-align: center; color: #111;font-family: 'Playfair Display', serif;    padding-bottom: 10px;}
.caja-tarifas {text-align: center;max-width: 400px;margin: 0 auto;font-family: 'Playfair Display', serif;}
.caja-tarifas p {    color: #fff;}

.caja-tarifas p select#tipohab{display: block!important; font-weight: bold;color: #333;margin-top: 0;    margin-bottom: 30px;}
.tarifasInt{padding:0px;display: flex;justify-content: center;}
.tarifasInt table{/* border: 1px solid #f0f0f0; */margin-bottom: 20px;}
.tarifasInt table th{ padding: 10px 5px;text-align: center;}
.tarifasInt thead td.mes{font-size:18px; font-size: 18px;font-weight: 100;}
.tarifasInt thead{padding:20px 0 0 0;margin:20px 0 0 0;}
.tarifasInt .mizda, .tarifasInt .mdcha { margin: 0;    float: left;    width: 30%;    min-width: 300px;    max-width: 430px;    margin-right: 30px;}
.tarifasInt .mdcha{float: right;}
.tarifasInt tr.dias{background: #ddd;color: #282828;}
.tarifasInt td.mes{color:#2c82c9;font-size: 18px;}
.tarifasInt .calendario table{font-size: 12px;margin-top: 10px;background: #f0f0f0;width: 100%;height: 350px;}
.tarifasInt .calendario table thead{font-size: 12px;/* color:#E22F32; */background-color:transparent;background: #2c82c9!important;}
.tarifasInt .calendario table td{border-collapse:collapse;padding: 3px;    width: 100px;}
.tarifasInt .calendario td{background-color: #ddd;font-weight: bold;}
.tarifasInt .calendario td{text-align:center;}
.tarifasInt .calendario tr{border-bottom: 1px solid #fff;}
.tarifasInt .calendario td span{display:block;font-size:10px;font-weight: 100;}
.tarifasInt .calendario td strong{font-size:10px;padding:5px 0 -5px 0;}
.tarifasInt .calendario td.disp strong{color:#a5ce57;font-weight:bold;}
.tarifasInt .calendario td strong {font-size: 15px; color: #f4b200;}
.tarifasInt .calendario td.nodisp strong{color:#d00;font-weight:bold;}
.tarifasInt .calendario td.disp, .tarifasInt .calendario td.nodisp, .tarifasInt .calendario thead td{/* background-color:#fff; */background: #f0f0f0;}
.tarifasInt .calendario tbody{background:#ffffff;}
.calendario .mes{
    text-align: center;
    font-weight: bold;
}
.calendario thead{
    background-color: #f0f0f0;
    padding: 10px 0;
}
.calendario thead tr td{
    padding: 10px;
}
.tarifasInt .calendario thead td{
    background: #fff;
    font-weight: 300;
    font-family: 'Playfair Display', serif;
    color: #111111;
}
/*fin tarifas*/

input.hasDatepicker, input#codprom{background:transparent!important;color:#fff;}
input.hasDatepicker:hover{cursor:pointer!important;}
div.datepicker *{color:#212529;}


/*nuevos estilos*/
.form-reserva.d-flex {margin-left: auto;}
#contenedor-freserva .form-group {    margin-bottom: 1rem;    margin-right: 10px;}
#contenedor-freserva.fixed{z-index: 10000;    margin-top: -100px;}
#contenedor-freserva.fixed #freserva .titulo-destacado {  
    padding-right: 0;
}
.form-reserva.d-flex {margin-top: -10px!important;}
#contenedor-freserva.fixed div#freserva{width: 100%;}
div#contenedor-freserva { position: static;   background: #111;}
div#freserva {margin: 0 auto;position: static;}
#contenedor-freserva.fixed div#freserva {margin-top:0;width: 1140px!important;}
#contenedor-freserva.fixed div#freserva span {line-height: 14px;  padding-top: 0;   padding-right: 0px;}
#contenedor-freserva.fixed #freserva .titulo-destacado {
    /* padding-right: 20px; */
}
.video-cabecera {margin-top: -120px;}
.header-container > .container { position: relative;z-index: 1000;}
div#header-slider .bg-header {background: url(../img/css/1pxw-bgheader.png);position: absolute;width: 100%;height: 330px;z-index: 10;}
.nav-link {letter-spacing: 0;color: #f3f3f3!important;}
nav#nav-tabs-wrapper.scroll-fixed {position: fixed;top: 45px;z-index: 1000;width: 100%;}
div#contenedor-freserva { height: 70px;}
div#freserva { background: transparent;}
#freserva .titulo-destacado { margin-top: 0!important;}
div#freserva span { margin-top: 0px!important;}
#nav-corporativa nav {margin-left: -15px;}
nav#nav-tabs-wrapper{opacity: 0; transition: opacity 2s}
nav#nav-tabs-wrapper.scroll-fixed {opacity: 1;}

@media (max-width: 992px) {
    .swiper-container-header.swiper-container-fade.swiper-container-horizontal.swiper-container-ios {margin-top: 130px;}
    div#header-slider .bg-header {display: none;}
    #nav-corporativa nav {display: flex;padding: 10px;margin-left: -15px;}
   
}
/*fin nuevos estilos*/

.datepicker.datepicker-dropdown.dropdown-menu{z-index:9999999999!important;}
nav ul.navbar-nav li.nav-item {position: relative;}