/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++ STYLE CHAIN HM +++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*---------------------------------------------------------------------------*/
/*--------------------------------- FONTS -----------------------------------*/
/*---------------------------------------------------------------------------*/


@font-face {
  font-family: 'muro';
  src: url('/files/MuroRegular.eot');
  src: url('/files/MuroRegular.eot#iefix') format('embedded-opentype'),
      url('/files/MuroRegular.woff') format('woff'),
      url('/files/MuroRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rotis';
  src: url('/files/RotisSemiSansStd.eot');
  src: url('/files/RotisSemiSansStd.eot#iefix') format('embedded-opentype'),
      url('/files/RotisSemiSansStd.woff') format('woff'),
      url('/files/RotisSemiSansStd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rotis-bold';
  src: url('/files/RotisSemiSansStd-Bold.eot');
  src: url('/files/RotisSemiSansStd-Bold.eot#iefix') format('embedded-opentype'),
      url('/files/RotisSemiSansStd-Bold.woff') format('woff'),
      url('/files/RotisSemiSansStd-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


/* sunset anding font */
@font-face {
font-family: "Flaticon";
src: url("/files/Flaticon.eot");
src: url("/files/Flaticon.eot") format("embedded-opentype"),
     url("/files/Flaticon.woff") format("woff"),
     url("/files/Flaticon.ttf") format("truetype"),
     url("/files/Flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: "Flaticon";
}

.flaticon-headset:before { content: "\f100"; font-family: "Flaticon"; }
.flaticon-beach-sunset:before { content: "\f101";  font-family: "Flaticon";}

/* ------------------------ LOCAL ICON FONT */


@font-face {
  font-family: 'local-icofonts';
  src: url('/files/local-icofonts.eot');
  src: url('/files/local-icofonts.eot#iefix') format('embedded-opentype'),
      url('/files/local-icofonts.woff') format('woff'),
      url('/files/local-icofonts.ttf') format('truetype'),
      url('/files/local-icofonts.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="licon-"]:before, [class*=" licon-"]:before {
  font-family: 'local-icofonts'!important;
  content: '\999';
}

.licon-bici:before {content: "\e90f";}
.licon-caja:before {content: "\e910";}
.licon-mejorprecio:before {content: "\e900";}
.licon-porcentaje:before {content: "\e901"; font-size: 0.85em!important;}
.licon-reloj:before {content: "\e902"; font-size: 0.85em!important;}
.licon-todoincluido:before {content: "\e903";}
.licon-restaurante:before {content: "\e904";}
.licon-transfer:before {content: "\e905";}
.licon-corazon:before {content: "\e906";}
.licon-fotos:before {content: "\e907";}
.licon-tienda:before {content: "\e908";}
.licon-estrella:before {content: "\e909";}
.licon-diamante:before {content: "\e90a";}
.licon-avion:before {content: "\e90b"; font-size: 0.85em!important;}
.licon-coche:before {content: "\e90c";}
.licon-avatar:before {content: "\e90d";}
.licon-bus:before {content: "\e90e";}
.licon-monkey:before {content: "\999";}

.checking03-micon:before { font-size: .75em; }

[class^="licon-"]:before, [class*=" licon-"]:before,
.check-list li:before, .bullet-list li:before,
.carousel-control:before, i.icon-lock:before,
.offers-slide .slide .no-offers:before, [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
speak: none;
font-variant: normal;
font-size: inherit;
line-height: inherit;
text-decoration: none;
font-style: normal;
letter-spacing: normal font-weight: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
}



/* ------------------------ ºICONS */


i.icon-lock:before {
font-family: 'mirai-icofonts';
content: '\e990';
}

.back a:before,
a.fwd-link:after,
.rooms-detail-wrapper .detail-links li a:after {
content: '\e962';
font-family: 'mirai-icofonts';
font-size: .85em;
line-height: .85em;
font-weight: normal;
margin: 0 .5em;
vertical-align: middle;
display: inline-block;
text-decoration: none;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

/* mete la clase .fwd-link a los enlaces que quieras meter una flecha hacia adelante */
a.fwd-link:after {
content: '\e962';
}
.rooms-detail-wrapper .detail-links li a:after {
content: '\e961';
}

a.fwd-link:hover:after {
margin-left: 1em;
margin-right: 0;
}

.back a:hover:before {
margin-right: 1em;
margin-left: 0;
}




/* ------------------------ GENERAL ºFONT STYLES */


body {
font-size: 17px;
font-size: calc(14px + 0.25vw);
line-height: normal;
}

body,
.ui-datepicker-inline *,
.wpcf7 input,
#ui-datepicker-div {
font-family: 'rotis', sans-serif;
}

h1, h2, h3, h4, h5, p, li {
line-height: normal;
}


.mi-font-wrapper p:not(.mi-title3) {
line-height: 1.8;
margin-bottom: 0;
padding-bottom: 24px;
}

#footer p {
margin-bottom: 0;
padding-bottom: 24px;
}

.mirai-modal p:not(.mi-underline) {
line-height: 1.6;
margin-bottom: 0;
padding-bottom: 24px;
}

.mi-font-wrapper p.pa0,
.mirai-modal p.pa0 {
padding: 0;
}

.mi-font-wrapper p:last-child,
.mirai-modal p:last-child,
#footer p:last-child {
padding-bottom: 0;
}


/* normal links */
a,
#cuadroOpiniones div.hssurveys_full .noLink,
#cuadroOpiniones div.hssurveys_full .noLink a,
#main .offer-detail-1 .go-to-calendar {
color: #a20000;
}

a:hover,
#cuadroOpiniones div.hssurveys_full .noLink:hover,
#cuadroOpiniones div.hssurveys_full .noLink a:hover,
#main .offer-detail-1 .go-to-calendar:hover {
color: #ff0000;
}




.bold, b, strong {
font-family: 'rotis-bold';
}
.mirai-modal .bold {
font-size: 1.2em;
}


#cookies-alert-wrapper p {
font-size: 17px;
font-size: calc(14px + 0.25vw);
line-height: 1.8;
}


/* ºTITLES */

/* reset categories title blog */
/* .blog-wrapper #posts_con_categoria {
font-size: initial;
margin: 0;
text-align: left;
text-decoration: none;
text-transform: none;
} */


.mi-title1 {
font-size: calc( 2em + 2vw);
margin-left: -.035em;
padding-bottom: .2em;
margin-bottom: -.2em;
}
.full-screen-container .mi-title1 {
font-size: calc( 2em + 4vw);
}
.mi-subtitle1 {
padding-bottom: 26px;
font-size: 2em;
}
.mi-title1 + .mi-subtitle1 {
padding-top: 26px;
padding-bottom: 0;
}


.mi-title2,
.rooms-listing-wrapper h2,
.rooms-detail-wrapper h2,
.offers-listing-wrapper h2,
.offers-detail-wrapper h2,
.blog-wrapper h2,
.blog-wrapper h1,
.blog-wrapper #posts_con_categoria,
.mi-iata-content h2,
.starter-offers .offers-mashup dl dt {
font-size: 2.3em;
font-family: 'rotis-bold', serif;
text-transform: uppercase;
line-height: 1.16;
word-break: break-word;
letter-spacing: -0.5px;
}

.mi-title3,
#cookies-wrapper-content h1,
#cookies-wrapper-content h2,
.rooms-listing-wrapper h3,
.rooms-detail-wrapper h3,
.offers-listing-wrapper h3,
.offers-detail-wrapper h3,
.blog-wrapper h3,
.mi-iata-content h3 {
font-size: 1.5em;
margin: 0;
font-family: 'rotis-bold', serif;
text-transform: uppercase;
}

.mi-title4,
.rooms-detail-wrapper h4,
.modal-header h3,
.offers-detail-wrapper h4,
.rooms-detail-wrapper .room-calendar-wrapper .calendar-nights-label {
font-family: 'muro';
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: -0.2em;
line-height: 1.45;
}

.mi-underline {
overflow: hidden;
}
.mi-underline::after {
content: "";
width: 30px;
border-top: 2px solid;
display: block;
margin: 12px 0;
}

.align-center .mi-underline::after,
.align-center.mi-underline::after {
margin-left: auto;
margin-right: auto;
}

.mi-uppercase {
text-transform: uppercase;
}

/*---------------------------------------------------------------------------*/
/*----------------------------- GENERAL FIXES -------------------------------*/
/*---------------------------------------------------------------------------*/



input[type="radio"], input[type="checkbox"] {
margin: 0
}
select, textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
border-radius: initial;
font-family: inherit;
}
img {  width: auto}
.container {
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.btn {
-webkit-box-shadow: none;
box-shadow: none;
text-align: inherit;
}
select[disabled] {  cursor: not-allowed !important;}
ul.menu a {  color: inherit;}
#back-top {  z-index: 200;}
.btn:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus {  outline: none;}
.mi-iata-content {  padding: 80px 0;}
.mi-iata-content h2, .mi-iata-content h3 {  margin-bottom: 20px;}
.collapse {  overflow: hidden;}
dt, dd {  line-height: 1;}

/* ENGINE SELECTS, QTRANSLATE SELECT AND MULTIROOM BUTTON APPEARANCE RESET */
.widget_qtranslate select, .common-form select {
border-radius: 0;
line-height: 1;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
text-indent: 0.01px;
text-overflow: "";
margin-bottom: 0;
font-size: inherit;
}

.widget_qtranslate select::-ms-expand, .common-form select::-ms-expand {
display: none;
}

.widget_qtranslate select, .common-form select {
width: auto;
}

#header .widget_qtranslate:before {
  content: '\e9a4';
  right: auto;
  left: 13px;
  font-size: 18px;
  font-family: 'mirai-icofonts';
  position: relative;
  top: 4px;
  color: #fff;
}

#header .widget_qtranslate:after{
  content: "\e971";
  font-family: 'mirai-icofonts';
  pointer-events: none;
  position: relative;
  right: 20px;
  top: 50%;
  font-size: 9px;
  color: #fff;
}


/*---------------------------------------------------------------------------*/
/*--------------------------- GENERIC ºCLASSES -------------------------------*/
/*---------------------------------------------------------------------------*/


.relative {
position: relative
}
.absolute {
position: absolute
}
.absolute.full {
bottom: 0;
top: 0;
right: 0;
left: 0;
}
.full-width {
width: 100%;
box-sizing: border-box;
}
.full-height {
height: 100%;
box-sizing: border-box;
}
.block {
display: block
}
.inline-block {
display: inline-block !important
}
.align-left {
text-align: left
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
.vertical-align>* {
vertical-align: middle
}
.overflow-h {
overflow: hidden
}
.img-cover {
height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.o-position-left { object-position: left; }

.center {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}


/* calculo altura con variable */

:root {
--windowheight: 100vh;
}
.full-screen-container {
min-height: 100vh;
}
#content-header.full-screen-container {
min-height: 100vh;
min-height: var(--windowheight);
transition: min-height .3s;
}


/* ºFLEX RULES */


.flex.row:before,
.flex.row:after,
.flex.container:before,
.flex.container:after {
display: none;
}

.flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}

/* y axis */
.fx-align-center {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}

.fx-align-end {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}

.fx-align-baseline {
align-items: baseline;
}

/* x axis */
.fx-justify-center {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}

.fx-space-between {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}

.fx-space-around {
justify-content: space-around;
}

.flex.row.fx-reverse,
.fx-reverse {
flex-direction: row-reverse;
}

.fx-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

/* changing axes */
.fx-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

/* break line */
.fx-wrap, .flex.row {
-ms-flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
}

.fx-self-center {
align-self: center;
}



/* ºAFFIX */

/* .affix, .ex-affix {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 600 !important;
}

.ex-affix {
  position: fixed!important;
} */




/* ºLIST */



.check-list li,
.bullet-list li,
.rooms-listing-wrapper .common-services li {
position: relative;
padding-left: 25px;
padding-bottom: 12px;
line-height: 1.7;
}

.check-list li:before,
.bullet-list li:before,
.rooms-listing-wrapper .common-services li::before {
font-family: 'mirai-icofonts';
display: inline-block;
font-size: 12px;
text-indent: -24px;
}

.check-list li:before,
.rooms-listing-wrapper .common-services li::before {
color: #bd0000;
content: '\e983';
vertical-align: baseline;
}

.bullet-list li:before {
color: #bd0000;
content: '\eb1a';
font-size: .25em;
vertical-align: middle;
}




/* ºPADDING */


.pa0 { padding: 0; }
.pts { padding-top: 12px; }
.prs { padding-right: 12px; }
.pbs { padding-bottom: 12px; }
.pls { padding-left: 12px; }
.phs { padding-right: 12px; padding-left: 12px; }
.pvs { padding-top: 12px; padding-bottom: 12px; }
.pas { padding: 12px; }
.ptm { padding-top: 24px; }
.prm { padding-right: 24px; }
.pbm { padding-bottom: 24px; }
.plm { padding-left: 24px; }
.phm { padding-right: 24px; padding-left: 24px; }
.pvm { padding-top: 24px; padding-bottom: 24px; }
.pam { padding: 24px; }
.ptl { padding-top: 48px; }
.prl { padding-right: 48px; }
.pbl { padding-bottom: 48px; }
.pll { padding-left: 48px; }
.phl { padding-right: 48px; padding-left: 48px; }
.pvl { padding-top: 48px; padding-bottom: 48px; }
.pal { padding: 48px; }

.pvxl { padding-top: 72px; padding-bottom: 72px; }
.ptxl { padding-top: 72px; }
.pbxl { padding-bottom: 72px; }
.plxl { padding-left: 72px; }
.prxl { padding-right: 72px; }

/* ºMARGIN */

.mtm { margin-top: 24px; }
.mrm { margin-right: 24px; }
.mbm { margin-bottom: 24px; }
.mlm { margin-left: 24px; }
.mhm { margin-right: 24px; margin-left: 24px; }
.mvm { margin-top: 24px; margin-bottom: 24px; }

.mtl { margin-top: 48px; }
.mbl { margin-bottom: 48px; }

.mtxl { margin-top: 72px; }
.mbxl { margin-bottom: 72px; }

.ma0 { margin: 0 }
.m0auto { margin: 0 auto }

/* BACKGROUNDS & ºCOLORS */



.white-text,
.white-text *,
.white-text a:hover,
.white-text .offers-mashup * {
color: #fff;
}

.bg-black {
background: #131313;
}
.bg-gray {
background-color: #EAE9E9;
}


/* BOOTSTRAP MODAL */


.modal:focus {
outline: none;
}
.modal {
border: none;
border-radius: 0;
}
body.modal-open {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.modal-header .close {
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: -10px;
font-size: 16px;
color: inherit;
text-shadow: none;
opacity: .7;
text-indent: -28px;
overflow: hidden;
}
.modal-header .close::after {
content: "\e95e";
font-family: 'mirai-icofonts';
padding-left: 10px;
}
.modal-header .close:hover {
opacity: 1;
}
.modal-header {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
/* modal title */
.modal-header .mi-title3 {
color: inherit;
font-weight: normal;
}




/* ------------------------ MIRAI ºMODAL */



body.mirai-modal-active.mscrollbar {
  width: calc(100% - 17px);
  box-shadow: 17px 0 #f2f2f2;
}
body.mirai-modal-active .mirai-modal {
overflow-x: hidden;
overflow-y: scroll;
}
body.mirai-modal-active.mscrollbar #sticky-header.sticky {
right: 17px;
}
body.mirai-modal-active #main {
position: static;
}

.mirai-modal {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1050;
background: rgba(183, 180, 180, 0.65);
background: radial-gradient(ellipse at center, rgba(183,180,180,1) 0%,rgba(183,180,180,0.6) 100%);
}

.mirai-modal > .full-width {
min-height: 100%;
}

.mi-modal-dialog {
position: relative;
width: 100%;
max-width: 650px;
background: #fff;
box-shadow: 0 8px 31px rgba(0,0,0,.1);
}
.mi-modal-dialog.medium {
max-width: 950px;
}
.mi-modal-dialog.large {
max-width: 1300px;
}
.mi-modal-dialog .align-center .mi-underline {
max-width: 700px;
margin: 0 auto;
}

.mi-modal-close {
background: transparent;
color: inherit;
border: 0;
display: inline-block;
cursor: pointer;
line-height: 1;
}

.mi-modal-close i {
font-size: 1.2em;
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: -10px;
}

.mi-full-modal-close {
background: transparent;
border: 0;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
cursor: auto;
}

.mi-modal-dialog > .mi-modal-close {
position: absolute;
bottom: calc(100% + 1vh);
left: calc(100% + 1vw);
font-size: 1.5rem;
color: #000;
}
.modal-header,
.mi-modal-header {
padding: 24px;
background: #EAE9E9;
}

/* left */

.mirai-modal[data-to="left"] {
left: -100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.mirai-modal[data-to="left"].mi-active {
left: 0;
}

/* right */

.mirai-modal[data-to="right"] {
right: -100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.mirai-modal[data-to="right"].mi-active {
right: 0;
}

/* fade */

.mirai-modal[data-to="fade"] {
opacity: 0;
left: -100%;
-webkit-transition: opacity .3s ease-in 0s, left 0s ease-in .3s;
transition: opacity .3s ease-in 0s, left 0s ease-in .3s;
}
.mirai-modal[data-to="fade"].mi-active {
opacity: 1;
left: 0;
-webkit-transition: left 0s ease-in 0s, opacity .3s ease-in;
transition: left 0s ease-in 0s, opacity .3s ease-in;
}

/* SHADOWBOX */

#sb-container {
z-index: 1100;
}
#sb-overlay {
background: rgba(183, 180, 180, 0.85)!important;
}
#sb-wrapper {
display: flex;
flex-direction: column-reverse;
}
#sb-container #sb-info { margin-bottom: 10px; }
#sb-container #sb-info, #sb-info-inner, #sb-nav { height: 30px; line-height: 30px; }
#sb-nav a {
height: 30px;
width: 30px;
background: none;
font-size: 27px;
color: #000;
text-decoration: none;
}
#sb-nav a::before {
content: "\e95e";
font-family: 'mirai-icofonts';
}




/* ------------------------ modal-ºengine */

#container {
transition: .4s ease-out;
}
#main,
#footer {
transition: .4s ease-out;
}
.engine-modal-active #main,
.engine-modal-active #footer,
.engine-modal-active #sticky-header {
transform: translateX(-450px);
}

#engine-modal .mi-modal-dialog {
position: relative;
width: 450px;
background: #fff;
transform: translateX(467px);
transition: .4s ease-out;
}

.engine-modal-active #engine-modal .mi-modal-dialog {
transform: translateX(0);
}

#engine-modal .mi-underline::after {
margin: 20px auto 30px;
}
#engine-modal,
#menu-row {
background: rgba(183, 180, 180, 0.7);
}



/* ------------------------ ºFORMS  ºcommon */



.wpcf7-recaptcha > div {
width: 100% !important;
}
.common-form form br {
display: none;
}


.common-form div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
}

.common-form label {
font-size: 0.9em;
padding-bottom: 9px;
}

.common-form .wpcf7-form-control-wrap:not(.acceptance-700) {
width: 100%;
display: inline-block;
}

.common-form input[type="text"],
.common-form input[type="email"],
.common-form input[type="date"],
.common-form textarea,
.common-form select {
height: auto; /* fixing bootstrap styles */
margin-bottom: 0; /* fixing bootstrap styles */
line-height: normal; /* fixing bootstrap styles */
width: 100%;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
font-size: inherit;
font-weight: normal;
font-family: inherit;
border: 1px solid #ccc;
}
.common-form input[type="text"],
.common-form input[type="email"],
.common-form input[type="date"],
.common-form select {
padding: 0 6px;
height: 46px;
line-height: 46px;
}

.common-form input[type="checkbox"] {
width: 16px;
height: 16px;
margin-right: 5px;
}

/* poner de nombra 'selector' al shortcode del input-select en el formulario para que aparezca la flecha (el nombre se lo pone de clase al control-wrap) */
.common-form .wpcf7-form-control-wrap.selector:after,
.common-form .wpcf7-form-control-wrap.recipient:after {
content: "\e971";
font-family: 'mirai-icofonts';
pointer-events: none;
position: absolute;
right: 8px;
top: 50%;
margin-top: -4px;
font-size: 9px;
color: inherit;
line-height: 1;
}
.common-form .captcha input {
width: 100px;
}
.common-form .captcha {
padding-left: 15px;
width: auto;
}
.common-form img.wpcf7-captchac {
vertical-align: top;
}
.common-form .recaptcha-wrapper {
width: auto;
flex-grow: 0;
margin-bottom: -7px;
}
.common-form .accept-privacity {
padding-left: 24px;
line-height: 1.4;
text-indent: -24px;
font-size: 0.94em;
flex: 1 1 180px;
}
.common-form div.wpcf7-response-output {
margin: 24px 0 0;
padding: 1em;
border: none;
}
.common-form div.wpcf7-validation-errors {
background: #ffe1e1;
}
.common-form div.wpcf7-mail-sent-ok {
background: #edffda;
}
.common-form span.wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 5px;
}
.common-form .submit-wrapper {
display: flex;
position: relative;
}
.common-form .ajax-loader {
position: absolute;
top: 50%;
right: calc(100% + 3px);
transform: translateY(-50%);
}

.form-back-btn {
border: 1px solid;
color: #222;
display: flex;
align-items: center;
padding: 0 30px;
font-family: 'muro';
font-size: 0.8em;
}
.form-back-btn:hover {
text-decoration: none;
}


.curriculum {
display: none;
}
.curriculum.active {
display: block;
}




/* BACK TO TOP */



#back-top {
background-color: #9a9a9a;
}



/* ------------------------ ºBACKGROUND IMAGE */



.bg-img,
.bg-img-transparent {
position: relative;
}
.bg-img > div,
.bg-img-transparent > div {
position: relative;
}
.bg-img > img,
.bg-img-transparent > img {
position: absolute;
object-fit: cover;
height: 100%;
min-width: 100%;
left: 0;
top: 0;
}

.bg-img-transparent > img {
opacity: 0.15;
animation: none!important;
}
.bg-img-transparent > div {
z-index: 2;
}
.bg-img-transparent::after {
content: "";
position: absolute;
left: 0;
width: 70%;
top: 0;
bottom: 0;
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.61) 39%,rgba(0,0,0,0) 100%);
}



/* ------------------------ ºBUTTONS */



/* ºprimary */



.offers-detail-wrapper .offer-calendar-wrapper .offer-button,
.rooms-detail-wrapper .room-calendar-wrapper .room-button,
.landing-booking-button,
.offers-detail-wrapper a.booking_mobile,
.rooms-detail-wrapper a.booking_mobile,
.all-calendar input[type="button"],
.wpcf7 .wpcf7-form input.wpcf7-submit,
.primary-btn {
border: none; /* fixing booking button in details pages */
border-radius: 0; /* fixing buttons in bookingstep */
-webkit-box-shadow: none;
box-shadow: none; /* fixing buttons in bookingstep */
text-shadow: none; /* fixing buttons in bookingstep */
text-transform: uppercase;
letter-spacing: 0.1em;
background: #ff0000;
color: #fff;
font-family: 'muro';
font-size: 0.8em;
padding: 18px 30px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover,
.rooms-detail-wrapper .room-calendar-wrapper .room-button:hover,
.landing-booking-button:hover,
.offers-detail-wrapper a.booking_mobile:hover,
.rooms-detail-wrapper a.booking_mobile:hover,
.all-calendar input[type="button"]:hover,
.wpcf7 .wpcf7-form input.wpcf7-submit:hover,
.primary-btn:hover {
text-decoration: none;
background: #ad0000;
color: #fff;
}
.primary-btn,
.secundary-btn {
display: inline-block;
}




/* ºsecundary */



.offers-listing-wrapper .offer .offer-button,
.rooms-detail-wrapper .offer .offer-button,
.mapa .formRuta input.calculaRuta,
#respond .form-submit #submit,
.offers-mashup .more-info-link,
.widget_search form input[type="submit"],
.rooms-listing-wrapper .room-box .room-book a,
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview,
.room-box .room-detail .room-description .more-info,
.rooms-detail-wrapper .room-box-image .room-box-description .go-to-calendar,
.secundary-btn {
background: transparent; /* fixing offers mashup button */
border-radius: 0; /* fixing offers mashup button */
text-shadow: none; /* fixing offers mashup button */
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #252525;
padding: 4px 0;
line-height: 1.7;
text-transform: uppercase;
text-decoration: none;
margin-top: -8px;
font-family: 'muro';
letter-spacing: 0.05em;
position: relative;
box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.32);
}
.offers-listing-wrapper .offer .offer-button:hover,
.rooms-detail-wrapper .offer .offer-button:hover,
.mapa .formRuta input.calculaRuta:hover,
#respond .form-submit #submit:hover,
.offers-mashup .more-info-link:hover,
.widget_search form input[type="submit"]:hover,
.rooms-listing-wrapper .room-box .room-book a:hover,
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover,
.room-box .room-detail .room-description .more-info:hover,
.rooms-detail-wrapper .room-box-image .room-box-description .go-to-calendar:hover,
.secundary-btn:hover {
text-decoration: none;
color: #000;
}



/* linea decorativa */
.offers-listing-wrapper .offer .offer-button::after,
.rooms-detail-wrapper .offer .offer-button::after,
.mapa .formRuta input.calculaRuta::after,
#respond .form-submit #submit::after,
.wpcf7 .wpcf7-form input.wpcf7-submit::after,
.offers-mashup .more-info-link::after,
.widget_search form input[type="submit"]::after,
.rooms-listing-wrapper .room-box .room-book a::after,
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview::after,
.room-box .room-detail .room-description .more-info::after,
.rooms-detail-wrapper .room-box-image .room-box-description .go-to-calendar::after,
.secundary-btn::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
border-bottom: 2px solid #ff0000;
transition: .1s;
}
.offers-listing-wrapper .offer .offer-button:hover::after,
.rooms-detail-wrapper .offer .offer-button:hover::after,
.mapa .formRuta input.calculaRuta:hover::after,
#respond .form-submit #submit:hover::after,
.wpcf7 .wpcf7-form input.wpcf7-submit:hover::after,
.offers-mashup .more-info-link:hover::after,
.widget_search form input[type="submit"]:hover::after,
.rooms-listing-wrapper .room-box .room-book a:hover::after,
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover::after,
.room-box .room-detail .room-description .more-info:hover::after,
.rooms-detail-wrapper .room-box-image .room-box-description .go-to-calendar:hover::after,
.secundary-btn:hover::after {
width: 100%;
transition: .4s ease-out;
}



.white-text .secundary-btn,
.white-text .offers-mashup .more-info-link {
color: #fff;
box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.32);
}
.white-text .secundary-btn:hover,
.white-text .offers-mashup .more-info-link:hover {
color: #fff;
}

.micon-btn {
margin-left: 45px;
}
.micon-btn i {
display: inline-block;
position: absolute;
left: -45px;
top: 2px;
background: #000;
width: 36px;
height: 36px;
line-height: 36px;
color: #fff;
text-align: center;
border-radius: 50px;
}



/* disabled buttons */



#main .offers-detail-wrapper .offer-calendar-wrapper .offer-button:disabled,
#main .rooms-detail-wrapper .room-calendar-wrapper .room-button:disabled,
.wpcf7 .wpcf7-form input.wpcf7-submit:disabled,
.wpcf7 .wpcf7-form input.wpcf7-submit:disabled:hover,
.all-calendar input[type="button"]:disabled {
background-color: #b9b9b9 !important;
border-radius: 0;
-webkit-border-radius: 0;
}

/* fixing padding for details submit button */
.offers-detail-wrapper .offer-calendar-wrapper .offer-button,
.rooms-detail-wrapper .room-calendar-wrapper .room-button {
padding: 0;
}


.tertiary-btn {
display: inline-block;
line-height: 1.1;
font-size: 1.1em;
color: #ff0000;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
margin-top: -0.1em;
font-family: 'muro';
}
.tertiary-btn:hover {
color: #ad0000;
}
.tertiary-btn i {
display: inline-block;
font-size: 0.85em;
}


.buttons-box .secundary-btn {
margin-right: 5%;
margin-bottom: 24px;
}
.buttons-box {
margin-bottom: -24px;
}


/* ------------------------ ºcarousel */



.flickity-prev-next-button {
border-radius: 0;
background: rgba(20,20,20,.8);
}
.flickity-prev-next-button:hover {
background: rgba(20,20,20,1);
}
.flickity-prev-next-button .flickity-button-icon {
left: 30%;
top: 30%;
width: 40%;
height: 40%;
}
.flickity-prev-next-button.previous {
left: 0;
}
.flickity-prev-next-button.next {
right: 0;
}
.flickity-button-icon {
fill: #fff;
}

.flickity-page-dots {
bottom: 24px;
right: 24px;
width: auto;
}
.flickity-page-dots .dot {
background: #fff;
opacity: 1;
}
.flickity-page-dots .dot.is-selected {
background: #ff0000;
}

.grid-alternate > .row:nth-child(even) .flickity-page-dots {
right: auto;
left: 24px;
}






/*---------------------------------------------------------------------------*/
/*----------------------------- ENGINE ºCALENDAR -----------------------------*/
/*---------------------------------------------------------------------------*/



/* FIXING */
#ui-datepicker-div {
z-index: 400 !important;
}

body.modal-open #ui-datepicker-div {
z-index: 1060 !important;
}

.offers-detail-wrapper .calendar-legend-offer-day a {
border: 0 !important;
}

.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date._checkout-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a {
border-radius: 0;
}

/* wrapper in detail pages */
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline {
padding: 10px;
}

/* months */
.ui-datepicker-multi .ui-datepicker-group {
padding: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* header */
.ui-datepicker .ui-datepicker-header {
border: 0;
border-radius: 0;
padding: 6px !important;
}

/* month - year */
.ui-datepicker .ui-datepicker-title {
font-size: 1em;
font-weight: bold;
margin: 0 !important;
}

/* color name weekdays */
.ui-datepicker th {
color: #999 !important;
}

/* color name weekend */
.ui-datepicker th.ui-datepicker-week-end {
color: #444 !important;
}

/* days (number) */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #noDispo .ui-datepicker td span, #noDispo .ui-datepicker td a {
border: 0 !important;
background: #F2F2F2 !important;
padding: 6px;
text-align: center;
}

/* weekend (number) */
.ui-datepicker-week-end .ui-state-default, .ui-datepicker-week-end .ui-widget-content .ui-state-default, .ui-datepicker-week-end .ui-widget-header .ui-state-default {
background: #DDD !important;
}

/* arrows */
.ui-widget-header .ui-icon, .ui-widget-content .ui-icon, .ui-icon, #main #noDispo .ui-widget-header .ui-icon {
display: none !important;
}

.ui-dialog-titlebar-close .ui-icon-closethick {
display: block !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
border: 0 !important;
top: 50% !important;
padding: .3em;
text-decoration: none;
width: auto !important;
height: auto !important;
line-height: 1;
font-size: 1em;
margin-top: -.8em;
}

.ui-datepicker .ui-datepicker-prev {
left: 7px !important;
}

.ui-datepicker .ui-datepicker-next {
right: 7px !important;
}

.ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after {
color: #868686;
cursor: pointer;
font-family: 'mirai-icofonts';
line-height: 1;
font-size: inherit;
display: block;
}

.ui-datepicker .ui-datepicker-prev:after {
content: "\e966";
}

.ui-datepicker .ui-datepicker-next:after {
content: "\e967";
}

/* header (month&year) and old calendar buttons */
.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-buttonpane button, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .ui-datepicker-header {
background: #fff !important;
color: #666 !important;
}

/* offers 4 and rooms 5 templates */
.detail-services-dates {
max-width: 800px;
margin: 0 auto;
}

/* ------------------------------ CHANGE THESE COLORS & BACKGROUNDS ------------------------------ */
/* selected and hover days */
.ui-datepicker-calendar ._selected-date span,
.ui-datepicker-calendar ._selected-date a,
.ui-datepicker-calendar ._checkin-date span,
.ui-datepicker-calendar ._checkin-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._selected-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a:hover,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date._checkout-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date._checkout-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date._checkout-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a,
.ui-datepicker td:hover a,
.all-calendar .ui-datepicker-calendar ._selected-date span,
.all-calendar .ui-datepicker-calendar ._selected-date a,
.all-calendar .ui-datepicker-calendar ._checkin-date span,
.all-calendar .ui-datepicker-calendar ._checkin-date a,
.all-calendar .ui-datepicker-calendar a:hover {
background: #000 !important;
color: #FFF;
font-weight: normal !important;
text-decoration: none;
}

/* last selected day */
.ui-datepicker-calendar ._checkout-date span,
.ui-datepicker-calendar ._checkout-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkout-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a,
.all-calendar .ui-datepicker-calendar ._checkout-date span,
.all-calendar .ui-datepicker-calendar ._checkout-date a {
background: #FF0000 !important;
color: #FFF;
font-weight: normal !important;
text-decoration: none;
}

/* offer day */

/* .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day span,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a {
background-color: #90c137!important;
color: #fff!important;
}
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._selected-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkout-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a {
color: #ffffff;
background: #4e3f3f!important;
} */


/* hover arrows (engine, details and no dispo calendars) */
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover:after, .ui-datepicker .ui-datepicker-next.ui-state-hover:after {
background: transparent !important;
color: #000;
}





/* ----------------------------------------------------------------------------------------------- */




/*---------------------------------------------------------------------------*/
/*-------------------------------- ºLAYOUT ----------------------------------*/
/*---------------------------------------------------------------------------*/




#header .content,
#main .content,
#footer .content {
position: relative
}




/* ºHEADER */




#sticky-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 600;
background: rgba(0,0,0,.3);
transition: background .6s, transform .4s ease-out;
}

#menu-row,
.advantages-btn,
.widget_qtranslate {
  font-family: 'muro';  
}

.is-tablet.mirai-modal-active #sticky-header,
.is-mobile.mirai-modal-active #sticky-header {
position: fixed;
}

/* ºsticky */


#sticky-header.sticky,
#sticky-header.sticky-hide {
position: fixed;
background: rgba(0,0,0,.65);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#sticky-header.sticky {
animation: .25s hola-sticky;
top: 0;
}
#sticky-header.sticky-hide {
animation: .25s adios-sticky;
top: -150px;
}

@keyframes hola-sticky {
0%   { top: -150px; }
100% { top: 0; }
}
@keyframes adios-sticky {
0%   { top: 0; }
100% { top: -150px; }
}

/* alturas */

ul#menu_web > li > a,
.best-price-btn {
line-height: 55px;
height: 56px;
}
.burger,
.advantages-btn,
.widget_qtranslate select,
.modal-engine-wrapper a {
line-height: 70px;
height: 70px;
box-sizing: border-box;
}


/* ºburger */


.burger {
margin-right: 24px;
width: 40px;
position: relative;
margin-left: -5px;
}
.burger::before,
.burger::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 30px;
margin: 0 0 0 -15px;
height: 2px;
border-radius: 2px;
color: #fff;
background: #fff;
}
.burger::before {
box-shadow: 0 8px, 0 -8px;
}

.burger.toggle-close::before {
box-shadow: 0 0, 0 0;
transform: rotate(45deg);
transition: box-shadow .2s, transform .4s .2s;
}
.burger.toggle-close::after {
transform: rotate(-45deg);
transition: transform .4s .2s;
}



/* BEST PRICE modal button */


.best-price-btn {
color: #999;
letter-spacing: 0.01em;
}
.best-price-btn:hover {
color: #000;
text-decoration: none;
}
.best-price-btn i {
display: inline-block;
padding-right: 10px;
vertical-align: middle;
font-size: 1.4em;
}



/* ADVANTAGES modal button */


.advantages-btn {
color: #fff;
background: #444;
padding-left: 24px;
padding-right: 24px;
letter-spacing: 0.01em;
overflow: hidden;
text-align: center;
}
.advantages-btn:hover {
background: #000;
color: #fff;
text-decoration: none;
}
.advantages-btn i {
display: inline-block;
font-size: 14px;
box-sizing: border-box;
height: 26px;
width: 26px;
line-height: 24px;
border-radius: 50%;
margin-left: 12px;
border: 1px solid #ccc;
text-align: center;
vertical-align: middle;
}

#advantages-modal .advantages-list {
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
}
#advantages-accordion .accordion-body {
width: 100%;
}
#advantages-accordion .accordion-heading {
flex: 0 0 auto;
}
#advantages-accordion .accordion-heading a > span {
transition: .2s;
white-space: nowrap;
display: block;
height: 23px;
line-height: 23px;
text-align: center;
opacity: 0;
}
#advantages-accordion .accordion-heading a > span:nth-child(even) {
margin-top: -23px;
}

#advantages-accordion .accordion-heading a.collapsed > span:nth-child(even) {
opacity: 0;
}
#advantages-accordion .accordion-heading a > span:nth-child(even),
#advantages-accordion .accordion-heading a.collapsed > span:nth-child(odd) {
opacity: 1;
}



/* BOOKING modal button */



.cat-room-detail .modal-engine-wrapper,
.cat-offer-detail .modal-engine-wrapper {
display: none;
}
#header .modal-engine-wrapper.affix,
#header .modal-engine-wrapper.ex-affix {
position: static;
z-index: initial;

}
/* booking link for mobile */
.booking-link {
display: none !important;
}

.modal-engine-wrapper .primary-btn {
padding: 0 48px;
background: #999;
font-size: 1em;
transition: .2s;
}
.modal-engine-wrapper .primary-btn:hover {
background: #ff0000;
}

.modal-engine-wrapper.affix .primary-btn {
background: #ff0000;
}
.modal-engine-wrapper.affix .primary-btn:hover {
background: #ad0000;
}



/* ºLOGO */



#logo {
height: auto;
line-height: 1;
margin: 0;
padding: 0;
line-height: 70px;
height: 70px;
box-sizing: border-box;
}



/* qtranslate */



.widget_qtranslate select {
border: none;
padding: 0 24px;
background: transparent;
color: #fff;
letter-spacing: 0.1em;
}

.mi-modal-dialog .widget_qtranslate select {
color: #5f5f5f;
letter-spacing: 0.05em;
line-height: 56px;
height: 56px;
font-size: 1.01em;
}

.widget_qtranslate select option {
padding: 6px 10px !important;
color: #fff;
background: #000;
}





/* ºMENU WEB */



ul#menu_web {
text-transform: uppercase;
margin-left: -12px;
}

ul#menu_web > li {
display: inline-block;
position: relative;
}

ul#menu_web > li:first-child {
margin-left: 0;
}

ul#menu_web > li > a {
position: relative;
padding: 0 .8vw;
letter-spacing: 0.05em;
color: #252525;
font-size: 0.91em;
box-sizing: border-box;
}

ul#menu_web > li:not(.current-menu-item) > a:hover {
color: #FF0000;
}
ul#menu_web > li.current-menu-item a,
ul#menu_web > li.current-menu-parent a,
ul#menu_web > li.current-menu-ancestor a {
color: #bbb;
}

ul#menu_web li.menu-item-has-children > a:after {
content: "\e96d";
display: inline-block;
font-family: 'mirai-icofonts';
font-size: 0.4em;
margin-left: 5px;
vertical-align: middle;
}

ul#menu_web .sub-menu li {
display: block;
}

.menu li {
display: inline-block;
}


/* pon a los elementos del menu que no tengan pagina propia la clase .menu-not-active */

ul#menu_web .menu-not-active>a {
pointer-events: none;
cursor: default;
}

ul#menu_web li.menu-not-active>ul>.duplicated-menu-item {
display: none;
}




/* ºsub-menu */



/* ul#menu_web>li>ul.sub-menu {
z-index: 800;
}

ul#menu_web>li>ul.sub-menu {
background: #535353;
}

ul#menu_web>li>ul.sub-menu li>a {
color: #fff;
padding: 20px;
white-space: nowrap;
}

ul#menu_web>li ul.sub-menu li>a:hover, ul#menu_web>li ul.sub-menu li.current-menu-item>a {
color: #ffffff;
background-color: #7b7b7b;
} */





/* ºFOOTER */

.divider {
border-top: 1px solid rgba( 127,127,127,.4);
}
.dashed-divider {
border-top: 1px dashed rgba( 127,127,127,.4);
}

/* hidden old contact row and widget translate */
.home #footer .content>address.address_phone,
#footer .content>.widget_qtranslate {
display: none !important;
}

#footer {
background-color: #111;
color: #999;
padding-top: 24px;
}

#footer a:not(.no-underline) {
color: #fff;
line-height: 1.7;
display: inline-block;
position: relative;
text-decoration: none;
}
#footer a:not(.no-underline)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
border-bottom: 2px solid #FF0000;
transition: .1s;
}
#footer a:not(.no-underline):hover::after {
width: 100%;
transition: .4s ease-out;
}

#footer .go-to-anchor {
position: absolute;
right: 30px;
top: -8px;
font-size: 2.6rem;
width: 2.6rem;
color: #fff;
text-decoration: none;
line-height: 1;
}
#footer .go-to-anchor:hover {
color: #ff0000;
}

.postfooter {
font-size: 0.8em;
}
.postfooter .menu li {
padding: 12px 24px 12px 0;
}


.trip{opacity: 0.7;}
.trip:hover {
 opacity: 1;
 -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.whala-logo,
.whala-logo:hover + a {
opacity: 0.3;
}
.whala-logo:hover, .trip:hover {
opacity: 1;
}


/* hotelschema - vcard */

.hotelschema > br,
.hotelschema .phone-label,
.hotelschema .fax-label {
display: none;
}

.hotelschema .address,
.hotelschema .tel,
.hotelschema .fax,
.hotelschema .mail {
display: block;
line-height: 1.7;
}

.hotelschema .fax:before,
.hotelschema .tel:before,
.hotelschema .mail a:before {
content: 'T.';
color: #999;
display: inline-block;
padding-right: 10px;
font-size: 0.9em;
}
.hotelschema .fax:before {
content: 'F.';
}
.hotelschema .mail a:before {
content: 'E.';
}




/* ºSOCIAL */

#footer .socialmedia ul li a::after { display: none; }

.socialmedia {
margin: 0 -15px;
}
.socialmedia ul li a:before {
background-color: transparent;
border-radius: 100%;
font-weight: normal;
font-size: 20px;
padding: 10px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.socialmedia ul:hover li a::before {
color: #777;
}
.socialmedia ul:hover li a:hover::before {
color: #fff;
}

.socialmedia ul li a {
margin-right: 6px;
}


/* view/cancel link */
/* .icon-lock {
background: none;
display: inline-block;
width: auto;
height: auto;
line-height: 1;
} */

/* a.tracking-link {} */



/* developed by mirai */

#developed-wrapper a {
text-transform: lowercase;
}




/* ------------------------ ºLAYOUT */



/* ºcontainer */

.container-m {
max-width: 1396px;
padding-left: 48px;
padding-right: 48px;
}
.container-s {
max-width: 698px;
padding-left: 24px;
padding-right: 24px;
}

.container-m,
.container-s {
margin: 0 auto;
/* width: 100%; */
box-sizing: border-box;
}


/* ºgrid */


.grid-alternate img {
height: 60vh;
min-height: 100%;
width: 100%;
object-fit: cover;
}
.grid-alternate > .row:nth-child(odd) {
flex-direction: row-reverse;
}


/* ºcolumnas */


.columns-wrapper,
.columns-wrapper-l {
overflow: hidden;
}
.columns-wrapper .row {
margin-left: -24px;
margin-right: -24px;
}
.columns-wrapper [class*=" col-"],
.columns-wrapper [class^="col-"] {
padding-left: 24px;
padding-right: 24px;
}

.columns-wrapper-l .row {
margin-left: -48px;
margin-right: -48px;
}
.columns-wrapper-l [class*=" col-"],
.columns-wrapper-l [class^="col-"] {
padding-left: 48px;
padding-right: 48px;
}
.columns-wrapper-l [class^="col-"] { box-shadow: -1px 0 #ddd; }


/* ºcontent-header */


#content-header {
position: relative;
box-sizing: border-box;
padding-top: 150px;
padding-bottom: 50px;
}
#content-header:not(.full-screen-container) {
min-height: 60vh;
}
#content-header .header-carousel,
#content-header > img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
}

/* carousel in content-header */

#content-header .header-carousel .flickity-viewport {
height: 100%!important;
}
#content-header .header-carousel .carousel-cell,
#content-header .header-carousel img {
height: 100%;
object-fit: cover;
}

/* video in content-header */

.content-header-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.content-header-video > * {
display: none;
}
.is-mobile .content-header-video img,
.is-tablet .content-header-video img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.is-desktop .content-header-video video, .is-desktop .content-header-video iframe {
animation: 1.2s fade-img;
object-fit: cover;
display: block;
min-width: 100%;
min-height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}



.title-wrapper,
.engine-wrapper {
position: relative;
width: 100%;
box-sizing: border-box;
pointer-events: none;
}
.engine-wrapper > div {
min-height: 80px;
}

.title-wrapper {
color: #fff;
font-family: 'muro';
}

.engine-wrapper .mi-be,
.engine-wrapper a,
.engine-wrapper button,
.engine-wrapper *[role="button"] {
pointer-events: all;
}


/* LINE GRID */



.wrapper-line-grid {
overflow: hidden;
margin:
}
.wrapper-line-grid > .row {
margin-top: -48px;
margin-bottom: -48px;
}
.wrapper-line-grid [class*=" col-"],
.wrapper-line-grid [class^="col-"] {
padding: 48px;
box-shadow: -1px -1px #ddd;
}

/* iconos */

.wrapper-line-grid .mi-title3 i {
display: inline-block;
font-size: 3rem;
line-height: 2rem;
vertical-align: bottom;
padding-right: 24px;
}



/* ICON LIST STYLE */



.micon-list i {
display: block;
font-size: 2.4em;
}
.micon-list i ~ p {
font-size: 0.9em;
font-family: 'rotis-bold';
line-height: 1.3!important;
}
.micon-list .tertiary-btn i {
display: inline-block;
font-size: .85em;
}



/* TWO COLUMNS */



.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
column-rule: 1px solid #ddd;
}
.two-columns li,
.two-columns p {
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
}


.bestprice-steps .row > div {
box-shadow: -1px -1px rgba(140, 140, 140, 0.3);
}
.bestprice-steps .row > div span {
display: block;
font-size: 1.4em;
font-family: 'muro';
padding-bottom: 12px;
display: block;
}

.b-t-dashed {
border-top: 2px dashed #fff;
}


/* ------------------------- ºANIMATIONS */


.scrollme {
overflow: hidden;
min-height: 60vh;
}

img.animateme {
height: calc( 100% + 50px);
margin-top: -50px;
transform: translate3d(0px, 50px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);
transition: transform .6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.grid-alternate .carousel-cell img.animateme {
height: calc( 100% + 50px);
}


.mi-title1, .mi-subtitle1 {
overflow: hidden;
}
.mi-title1 span, .mi-subtitle1 span {
display: block;
animation: 2.5s hello-title;
}
.mi-title1 span + span {
animation-delay: .15s;
}
.mi-subtitle1 span {
animation-delay: .25s;
}
.home .mi-subtitle1 span {
animation-delay: .4s;
}
@keyframes hello-title {
0%   { clip-path: polygon(0 0, 0 0, 100% 0, 100% 0); transform: translateY(1em); opacity:0;}
50%  { clip-path: polygon(0 0, 0 0, 100% 0, 100% 0); transform: translateY(1em); opacity:.8; }
100% { clip-path: polygon(0 0, 0 120%, 100% 120%, 100% 0); transform: translateY(0px); opacity:1;}
}

.home #header {
animation: 1.5s hello-header;
}

@keyframes hello-header {
0%   { transform: translateY(-150px); position: relative; z-index:2; }
50%  { transform: translateY(-150px); position: relative; z-index:2; }
100% { transform: translateY(0px); position: relative; z-index:2; }
}

.engine-wrapper > div {
animation: 3s hello-motor;
}
@keyframes hello-motor {
0%   { opacity: 0; }
60%  { opacity: 0; transform: translateX(20px); }
100% { opacity: 1; transform: translateX(0); }
}

.mi-font-wrapper img {
animation: 1.2s fade-img;
}
@keyframes fade-img {
0%   { opacity: 0; }
20%  { opacity: 0; }
100% { opacity: 1; }
}


#content-header .go-to-anchor {
animation: 5s hola-mi-anchor;
}
#content-header .go-to-anchor::before {
animation: 5.5s hola-anchor-palo;
}
@keyframes hola-mi-anchor {
0%   { width: 10px; }
90%  { width: 10px; }
100% { width: 48px; }
}
@keyframes hola-anchor-palo {
0%   { top: 100%; }
40%  { top: 100%; }
70%  { top: 9px; }
90%  { top: 9px; }
100% { top: 35px; }
}

.meeting-room-size {
font-size: 1.1em;
color: #999;
}



/*---------------------------------------------------------------------------*/
/*--------------------------------- ºPAGES -----------------------------------*/
/*---------------------------------------------------------------------------*/




/* ºHOME */



#content-header .go-to-anchor {
height: 90px;
padding: 10px 0 0 10px;
display: block;
position: absolute;
overflow: hidden;
bottom: 0;
right: 48px;
color: #FFFFFF;
width: 48px;
box-sizing: border-box;
}
#content-header .go-to-anchor::before {
content: "";
position: absolute;
top: 35px;
bottom: 0;
right: 0;
border-right: 2px solid;
}
#content-header .go-to-anchor span {
writing-mode: vertical-lr;
text-orientation: mixed;
transform: rotate(180deg);
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
letter-spacing: 0.05em;
}
#content-header .go-to-anchor:hover {
text-decoration: none;
}


/* #home-media-buttons {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
} */
#home-media-buttons a {
box-sizing: border-box;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
font-size: 2rem;
color: #fff;
background: rgba(0,0,0,.4);
text-decoration: none;
margin: 3px 0 3px 3px;
flex: 1;
}
#home-media-buttons a:hover {
background: rgba(0,0,0,.8);
}
#home-media-buttons a i { margin: 0 auto; }

.services-carousel .carousel-cell {
text-align: center;
width: 55%;
margin: 0 12px;
transition: opacity .8s;
}
.services-carousel .flickity-slider:hover .carousel-cell:not(:hover) {
opacity: .5;
}
.services-carousel .carousel-cell img {
height: 34vw;
margin-bottom: 24px;
}
.services-carousel .flickity-prev-next-button {
top: 17vw;
}
.services-carousel a.carousel-cell {
color: #222;
text-decoration: none;
}
.services-carousel a.carousel-cell i {
transform: rotate(45deg);
display: block;
font-size: 0.7em;
}

.menus-carousel .carousel-cell {
width: 55%;
margin: 0 12px;
background: #eae9e9;
box-sizing: border-box;
min-height: 100%;
}
.menus-carousel .carousel-header {
border-bottom: 1px dashed #abababdd;
margin-bottom: 12px;
align-items: baseline;
}
.mi-price {
font-weight: bold;
font-size: 1.2em;
}
.carousel-cell img {
width: 100%;
}



/* offers mashup */



/* .offers-mashup {
max-width: 100%;
}

.offers-mashup dl dd, .offers-mashup dl span {
display: block;
}

#carousel-no-pictures-offers {
padding: 100px 0px;
}

.offers-mashup dl dt, .offers-mashup dl span, .offers-mashup dd {
min-height: 2em;
}

.offers-slide .slide .no-offers {
padding: 20px 15px;
font-size: 30px;
max-width: 600px;
margin: 0 auto;
}

.offers-slide .slide .no-offers:before {
font-family: 'mirai-icofonts';
content: '\ea75';
font-size: 50px;
line-height: 1;
margin-bottom: 10px;
display: block;
} */




/* LA VILLA */



.grid-alternate .flickity-enabled,
.grid-alternate .flickity-viewport,
.grid-alternate .carousel-cell {
height: 100%;
min-height: 60vh;
}
.grid-alternate .carousel-cell {
width: 100%;
}
.grid-alternate .carousel-cell img {
height: 100%;
}



/* ºSERVICES */



.anchor-links-group a {
color: #252525;
padding: 4px 0;
line-height: 1.7;
text-transform: uppercase;
margin-top: -8px;
font-family: 'muro';
letter-spacing: 0.05em;
position: relative;
text-decoration: none;
font-size: 0.9em;
}
.anchor-links-group i {
position: absolute;
font-size: 5em;
top: 50%;
left: 50%;
opacity: 0;
transition: .3s;
transform: translate(-50%, -45%);
}
.anchor-links-group a:hover i {
animation: .5s hola-anchor ease-out;
opacity: .05;
}

@keyframes hola-anchor {
0%   { transform: translate(-50%, -40%); }
100% { transform: translate(-50%, -45%); }
}


.small-letter {
font-size: 0.8em;
color: #807f7f;
padding-top: 12px;
}
.check-list li.small-letter::before {
display: none;
}



/* ºCONTACT */



.contact-vcard-wrapper {
font-size: 1.2em;
text-align: center;
}
.contact-vcard-wrapper .hotelschema a {
color: #a20000;
display: inline-block;
}
.contact-vcard-wrapper .hotelschema a:hover {
color: #ff0000;
}
.contact-vcard-wrapper .mail {
display: none;
}


/* ºGALLERY */

.mi-ngg-wrapper > div {
margin: -15px;
width: calc(100% + 30px);
}

.dates-book option {
  font-size: .75em;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DYNAMIC PAGES */




/* CABECERA */
.cat-offer-detail #content-header,
.cat-room-detail #content-header {
min-height: 40vh;
}
.offers-detail-wrapper .offer-calendar-wrapper, .rooms-detail-wrapper .room-calendar-wrapper {
margin-top: 40px;
}

/* ºROOMS LIST */

/* esconder "desde XX$" */
.rooms-listing-wrapper > .container > p {
display: none;
}
/* .offers-detail-wrapper, */
.offers-listing-wrapper,
.rooms-listing-wrapper .container,
.rooms-detail-wrapper {
width: 100%!important;
max-width: 1348px;
margin: 0 auto;
box-sizing: border-box;
padding-left: 24px;
padding-right: 24px;
}

.rooms-listing-wrapper {
display: flex;
flex-direction: column-reverse;
padding-top: 48px;
padding-bottom: 48px;
}
.rooms-listing-wrapper .rooms-listing .room-item {
margin: 0;
}

.room-box {
display: flex;
flex-wrap: wrap;
border: none;
}
.rooms-listing-wrapper.alternate .room-item.odd .room-box {
flex-direction: row-reverse;
}
.room-box .room-image {
width: 60%;
}
.room-box .room-image a,
.room-box .room-image img {
height: 100%;
object-fit: cover;
}
.room-box .room-detail {
align-self: center;
width: 40%;
padding: 24px 0 24px 48px;
}
.rooms-listing-wrapper.alternate .room-item.odd .room-detail {
padding: 24px 48px 24px 0;
}

/* Título  */
.rooms-listing-wrapper .room-box .room-detail h3,
.room-box-description h3 {
padding-bottom: 24px;
}
/* párrafo */
.room-box .room-detail .room-description {
padding-bottom: 48px;
position: relative;
margin-bottom: 24px!important;
}
/* botón */
.room-box .room-detail .room-description .more-info {
position: absolute;
left: 0;
bottom: 0;
}

/* lista cosas */
.room-box .room-detail ul,
.rooms-detail-wrapper .room-box-image .room-box-detail ul {
position: static;
width: auto;
font-size: 15px;
margin: 0 -12px;
}
.room-box .room-detail ul li,
.rooms-detail-wrapper .room-box-image .room-box-detail ul li {
padding: 6px 0;
border: none;
}
.room-box .room-detail ul li span,
.rooms-detail-wrapper .room-box-image .room-box-detail ul li span {
padding: 0 12px;
color: #999;
}
.room-box .room-detail ul li + li span,
.rooms-detail-wrapper .room-box-image .room-box-detail ul li + li span {
border-left: 1px solid #cdcdcd;
}
.rooms-detail-wrapper .room-box-detail ul li span[class*="-ico"],
.room-box .room-detail ul li span[class*="-ico"] { display: none!important; }

/* price */
.room-box .room-detail .price-box {
pointer-events: none;
right: auto;
left: 12px;
max-width: 220px;
width: auto!important;
width: auto;
bottom: 12px;
display: flex;
flex-direction: row-reverse;
align-items: center;
text-align: left;
background: rgba(0, 0, 0, 0.63);
}
.rooms-listing-wrapper.alternate .rooms-listing .room-item.odd .room-detail .price-box {
left: auto;
right: 12px;
flex-direction: row;
}
.room-box .room-detail .price-box .min-price,
.rooms-detail-wrapper .room-box-image .room-box-detail .box-price {
background-color: #111;
box-sizing: border-box!important;
padding: 10px;
font-size: 13px;
}
.room-box .room-detail .price-box .min-price span,
.rooms-detail-wrapper .room-box-image .room-box-detail .box-price span {
margin: 0;
}
.room-box .room-detail .price-box .last-booking {
line-height: 1.1em;
}
.room-box .room-image .available-rooms {
  top: 12px;
  right: 12px;
  background-color: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  border-radius: 0;
  color: #c13224;
  font-weight: bold;
  padding: 6px 12px;
}

/* lista final */

.rooms-listing-wrapper .common-services {
padding: 24px;
background: #EAE9E9;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 45px;
}
.rooms-listing-wrapper .common-services li {
flex: 0 1 245px;
padding-bottom: 0;
list-style: none;
}


/* ROOM DETAIL */
.rooms-detail-wrapper {
margin-top: -48px;
}
.rooms-detail-wrapper .room {
margin-top: 0;
}
.offers-detail-wrapper .back a,
.rooms-detail-wrapper .back a {
color: #fff;
line-height: 24px;
text-decoration: none;
}
.rooms-detail-wrapper h2 {
margin: 70px 0 48px;
}
.rooms-detail-wrapper .room-box-image .room-box-detail ul {
position: absolute;
margin: 0;
}
#main .go-to-calendar {
background: none;
color: #000;
display: inline-block;
width: auto;
margin-top: 4px;
}

/* containers */
.rooms-detail-wrapper .room-box-image, .rooms-detail-wrapper .room-box-extras, .rooms-detail-wrapper .room-box-offers {
border: none;
}
.rooms-detail-wrapper .room-box-extras {
background: #EAE9E9;
padding: 36px;
margin-top: 48px;
}
.rooms-detail-wrapper .room-box-extras div + div {
padding-top: 36px;
}
.rooms-detail-wrapper .room-box-extras div ul {
margin: 0;
display: flex;
flex-wrap: wrap;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
overflow: hidden;
}
.rooms-detail-wrapper .room-box-extras div ul li {
width: 33%;
text-align: center;
padding: 12px;
box-sizing: border-box;
border-bottom: 1px dashed #ccc;
margin: 0 0 -1px;
}
.rooms-detail-wrapper .room-box-extras div ul li:only-child {
width: 100%;
}

/* lista */
.rooms-detail-wrapper .room-box-extras div {
width: 100%;
}
/* ofertas en habitaciones */
.rooms-detail-wrapper .room-box-offers {
padding: 24px 0;
}
.rooms-detail-wrapper .room-box-offers h3 {
padding-bottom: 12px;
}
.offers-listing .offer {
width: 33%;
}
.offers-listing .offer.only-one {
width: 33%;
}
.offer .offer-box img{
  /*min-height: 200px;
  background: #111;*/
   width: 500px;
  height: 300px;
  object-fit: cover;
}
.room-box-offers .offers-listing {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

/* +++++++++++++++++++++++++++++ ºOFFERS*/

.offers-listing-wrapper {
padding-top: 48px;
padding-bottom: 24px;
overflow: hidden;
}
.offers-listing-wrapper h2 {
text-align: center;
}
.offers-listing-wrapper .offers-listing.row {
padding-top: 32px;
padding-bottom: 24px;
margin: 0 -12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.offers-listing-wrapper .offers-listing.row::before,
.offers-listing-wrapper .offers-listing.row::after {
display: none;
}
.offers-listing-wrapper .offers-listing .offer {
padding: 12px;
}

/* .offers-listing .offer .offer-link-5 {
background: #333;
}
.offers-listing .offer .offer-link-5:hover,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper {
background: #222;
} */

/* offer detail */

.offers-detail-wrapper .offers-room-detail h2 {
font-size: 1.8em;
}
.offers-detail-wrapper .offers-room-detail h4 {
font-size: 1.5em;
}
.offers-detail-wrapper .item-service:before {
top: 6px;
font-size: 0.6em;
}
.offer-dates, .room-offer {
  background: #EAE9E9;
}


/* .offers-detail-wrapper {
padding-top: 0!important;
margin-top: -48px;
z-index: 1;
position: relative;
} */
/* .offers-detail-wrapper .offer-wrapper {
margin-top: 100px;
} */
/* .offers-detail-wrapper .offer-wrapper .explain {
padding: 10px 0;
} */

/* body.cat-rooms .rooms-listing-wrapper,
body.cat-room-detail .rooms-detail-wrapper,
body.cat-offers .offers-listing-wrapper,
body.cat-offer-detail .offers-detail-wrapper {
font-size: 14px;
} */



/* align text center when no offers */



/* .offers-listing-wrapper.no-offers {
text-align: center;
}

#main .go-to-calendar:after,
.rooms-detail-wrapper .detail-links li a:after {
content: '\e965';
}

#main .go-to-calendar:hover:after,
.rooms-detail-wrapper .detail-links li a:hover:after {
content: '\e965';
-webkit-transform: translateY(0.3em);
transform: translateY(0.3em);
}

#main .go-to-calendar {
padding: 5px;
width: auto;
display: inline-block;
background: transparent;
}

.offers-listing-wrapper {
padding: 80px 20px;
}

.offers-listing-wrapper .offers-listing {
padding-top: 40px;
} */


/* template 2 offers & rooms */


/* .room-box .room-detail .price-box .min-price span,
.rooms-detail-wrapper .room-box-image .room-box-detail .box-price span {
margin: 0;
}

.room-box .room-detail .price-box .min-price,
.rooms-detail-wrapper .room-box-image .room-box-detail .box-price {
background-color: #9a9a9a;
height: auto;
}

.offer .offer-deco {
background-color: #9a9a9a;
}

.offers-listing-wrapper.offers-listing-2 .offer .offer-intro,
.offers-listing-wrapper.offers-listing-2 .offer .offer-date-range,
.offers-detail-wrapper.offers-listing-2 .offer-info-wrapper {
background-color: #8e6061;
}

.offer .offer-box, .offers-detail-wrapper .offer-features-wrapper .offer-boxes-wrapper .offer-box.main-box {
color: #252525;
} */


/* template 5 offers - gradient boxes */






/* ºCOOKIES */



div#cookies-wrapper-content {
padding: 80px 0;
}

#cookies-wrapper-content ul {
overflow: hidden;
padding: 20px 0;
}

#cookies-wrapper-content ul li {
float: left;
margin-bottom: 14px;
width: 33%;
}

#cookies-wrapper-content h1 {
margin: 0 0 24px;
}
#cookies-wrapper-content h2 {
margin: 48px 0 24px;
}




/* LEGAL */




/* REVIEWS */



/* #cuadroOpiniones {
padding: 40px 0 100px;
}

#cuadroOpiniones p {
margin-bottom: 0 !important;
}

#cuadroOpiniones .paging {
padding: 20px 0;
}

#cuadroOpiniones .paging span a {
border: none;
background: none;
}

#cuadroOpiniones .paging span.current a, #cuadroOpiniones .paging span.current a:hover, #cuadroOpiniones .paging span.current a, #cuadroOpiniones .paging span.current a:hover {
font-size: inherit;
cursor: default;
}

#cuadroOpiniones div.hssurveys_full {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#cuadroOpiniones div.hssurveys_full>div.hssurveys_full {
padding: 0;
}

#cuadroOpiniones div.hssurveys_full>div.hssurveys_full>div {
margin-bottom: 50px;
background: #f3f3f3;
padding: 30px;
}

#cuadroOpiniones div.hssurveys_full div.note, #cuadroOpiniones div.hssurveys_full .comments {
float: none;
width: 100%;
}

#cuadroOpiniones div.hssurveys_full .comments {
margin: 10px 0 0;
}

#cuadroOpiniones div.hssurveys_full div.note {
background-image: none;
font-size: 26px;
height: auto;
width: auto;
display: inline-block;
text-align: left;
padding: 0 0 0 45px;
position: relative;
}

#cuadroOpiniones div.hssurveys_full div.note:before {
content: '\ea44';
font-size: 38px;
font-weight: normal;
display: inline-block;
position: absolute;
line-height: 1;
left: 0;
bottom: 0;
font-family: 'mirai-icofonts';
color: #888;
}

#cuadroOpiniones div.hssurveys_full .ratingBarUser {
margin-top: 5px;
margin-left: 0;
}

#cuadroOpiniones div.hssurveys_full .comments p.commentsPerson {
font-size: 20px !important;
font-weight: normal;
}

#cuadroOpiniones div.hssurveys_full .comments p.commentsPerson span.date {
font-size: 14px;
color: #8e8e8e;
}

div.hssurveys_full ul.questions li {
padding: 0 0 10px;
}

div.hssurveys_full ul.questions li:last-child {
padding: 0;
}

#cuadroOpiniones div.hssurveys_full ul.questions.like li p.question {}

#cuadroOpiniones div.hssurveys_full ul.questions.like li .answer {
width: auto;
overflow: hidden;
}

#cuadroOpiniones div.hssurveys_full p.more {
padding: 10px 0;
}

#cuadroOpiniones div.hssurveys_full p.more a {
background: none;
padding-right: 0;
white-space: nowrap;
}

div.hssurveys_full p.more a:after {
font-family: 'mirai-icofonts';
content: '\e961';
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}

div.hssurveys_full p.more a.opened:after {
content: '\e964';
}

#cuadroOpiniones div.hssurveys_full ul.listSubject {
float: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}

#cuadroOpiniones div.hssurveys_full ul.listSubject li span.subject, #cuadroOpiniones div.hssurveys_full ul.questions li p.question {
display: block;
float: none;
width: 100%;
font-weight: bold;
text-align: left;
padding: 0;
line-height: normal;
}

#cuadroOpiniones div.hssurveys_full ul.listSubject li span.note {
float: none;
display: inline-block;
background: none;
font-size: 16px;
margin-right: 0;
color: #76a71d;
width: auto;
text-align: left;
border-radius: 2px;
height: auto;
line-height: normal;
padding: 2px 0;
}

#cuadroOpiniones .ratingBarSubject {
float: none;
display: inline-block;
margin-left: 5px;
display: none;
}

#cuadroOpiniones div.hssurveys_full ul.listSubject li .reviewcomment {
width: auto;
margin-left: 0;
float: none;
display: block;
clear: both;
}

#cuadroOpiniones div.hssurveys_full ul.listSubject.long li {
padding: 0 0 30px;
}

#cuadroOpiniones div.hssurveys_full ul.questions {
padding: 30px 0 0;
margin: 00;
border-top: 1px solid #ccc;
}

#cuadroOpiniones div.hssurveys_full ul.questions.like {
padding: 0;
margin: 10px 0 0;
border-top: none;
}

.reviewsOn .questions li .yesText, .reviewsOn .questions li .noText {
background: none;
text-align: left;
padding-left: 0 !important;
margin-left: 0 !important;
color: inherit !important;
font-weight: normal !important;
padding: 0 !important;
}

#cuadroOpiniones div.hssurveys_full ul.questions li .answer {
float: none;
line-height: normal;
margin-right: 0;
width: auto;
}

#cuadroOpiniones div.hssurveys_full .ratingBarStar, #cuadroOpiniones div.hssurveys_full div.answer p {
float: none;
display: inline-block;
} */




/* NOT FOUND - 404 */



.not_found .modal-engine-wrapper,
.not_found .advantages-btn,
.not_found .best-price-btn {
display: none;
}

.not_found #main {
background: url('https://cdnwp0.mirai.com/images/bg-404.png') no-repeat center center transparent;
margin-bottom: 0;
min-height: 570px;
text-align: center;
}

.not_found #main h2 {
padding-top: 220px;
font-size: 2.3em;
font-family: 'rotis-bold', serif;
text-transform: uppercase;
}




/* ºBOOKINGSTEP */


.bookingstep1 #main {
min-height: 100vh;
}
.bookingstep1 #bookingstep-header + .bg-black {
min-height: 96px;
}

/* cabecera */

.bookingstep1 #sticky-header,
.chain_results #sticky-header {
display: none!important;
}

#bookingstep-header a {
padding: 0 24px 0 7px;
height: 70px;
line-height: 70px;
}
#bookingstep-header a + a {
border-left: 1px solid #000;
padding-left: 24px;
}
#bookingstep-header img {
max-height: 30px;
}
#bookingstep-header a + a img {
max-height: 70px;
}

/* banner de ofertas */

.bookingstep1 .micon-list .flex > i {
font-size: 2.3em;
}
.bookingstep1 .advantages-list .pvs {
padding-top: 8px;
padding-bottom: 8px;
}
.bookingstep1 .advantages-list p:last-child {
margin-bottom: 0;
}

/* motor */

.engine-wrapper-booking {
padding: 10px 0;
background: #ababab;
}

body.bookingstep1 .mi-be {
padding: 8px 0;
}

.bookingstep1 .mi-be .mi-be-chain-field,
.bookingstep1 .mi-be .DateRangePickerInput,
.bookingstep1 .mi-be .mi-be-multiroom-field {
margin-right: 0;
border-right: 1px solid #fff;
}


/* bookingstep results */

body .mi-rs, body .mi-modal {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 1200px) {
body .mi-rs, body .mi-modal {
  font-size: 14.5px;
  letter-spacing: 0.04em;
}
}

.mi-rs .mi-rs-rooms-listing {
  margin-top: 5px !important;
}
.mi-rs-room-header,
.mi-rs-rates-listing { border: none; }

.mi-rs-rates-listing > li:nth-child(odd) {
background: none;
}
.mi-rs-room-header {
border-top: 2px solid;
border-radius: 0;
padding-top: 24px;
padding-bottom: 0;
}
.mi-rs-room:last-child {
border-bottom: 2px solid;
}
.mi-radio-container span:first-child, .mi-checkbox-container span:first-child {
padding-right: 10px;
}
.mi-rs-rate-boards .mi-rs-radio-boards label {
margin-bottom: 11px;
}
/* precios */
.mi-rs-rate-details-total-price div:first-child,
.mi-rs-rate-night-price {
color: #131313;
}
.mi-rs-rate-info .mi-ico-info,
.mi-rs-rate-initial-price,
.mi-rs-rate-boards .mi-rs-radio-boards label span strong {
color: #caccd4;
}
/* fuentes */
.node_modules-mirai-assets-dist-bootstrap__modal_header h4,
.node_modules-mirai-assets-dist-bootstrap__modal-header h4 {
font-family: 'rotis-bold';
}
.mi-rs-rate-title {
font-weight: bold;
}

/* titulos */
.mi-rs-room-info h2 {
font-size: 2.5em;
margin-top: 10px;
font-family: 'rotis-bold';
color: #131313;
}
.mi-rs-rate-title {
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0;
padding-bottom: 10px;
}
.mi-rs-rate-qty {
vertical-align: top;
}



/*---------------------------------------------------------------------------*/
/*---------------------------------- BLOG -----------------------------------*/
/*---------------------------------------------------------------------------*/



/* BLOG PAGE */

/*
.blog-wrapper, .blog-sidebar {
padding: 50px 0;
}

.blog-wrapper {
padding-right: 60px;
}

.blog-wrapper h2, .blog-wrapper h1, .blog-wrapper h3 {
margin-bottom: 10px;
font-weight: bold;
}

.post h2 a {
color: inherit;
}

.post .meta, .post .entry .categorias, .post .entry .leer_mas, .post .comment-notes, .post #gasp_p label, .post .commentmetadata, .post li.comment .reply {
font-size: 0.8em;
}

.post .meta, .post .commentmetadata {
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}

.blog-wrapper .entry {
padding-bottom: 60px;
}

.post .entry .categorias {
border-top: 1px solid #CCC;
padding-top: 5px;
display: inline-block;
margin-top: 20px;
}

.post .entry img {
margin: 20px 0;
max-width: 100%;
display: block;
}

.post .entry .leer_mas {
display: block;
margin-top: 10px;
}

.blog-wrapper p.paginaAnterior {
float: left;
}

.blog-wrapper p.paginaSiguiente {
float: right;
}

.blog-sidebar>* {
padding-bottom: 50px;
}

.blog-sidebar .widget_search label, .blog-sidebar .widget-title, .categories-wrapper label {
font-weight: bold;
margin-bottom: 15px;
font-size: 21px;
}

.blog-sidebar .widget_search form input[type="text"] {
border-radius: 0;
background: #f7f7f7;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
}

.blog-sidebar .widget_search form input[type="text"] {
width: 100%;
}

.widget_postcategories li, .mirai_widget_recent_entries li {
margin-bottom: 10px;
}

.widget_postcategories li {
text-transform: capitalize;
}

.widget_postcategories li:last-child, .mirai_widget_recent_entries li:last-child {
margin-bottom: 0;
}

.single-post .post .entry {
padding-top: 30px;
}

.single-post .comment-author {
margin-bottom: 5px;
}

.single-post .comment-author img {
border-radius: 100%;
}

.single-post .comment-author cite.fn {
font-weight: bold;
margin-left: 5px;
}

.post ol>li.comment {
padding: 20px 0;
}

.post li.comment>div>p {
padding-top: 20px;
}

.post li.comment .reply {
text-align: right;
}

.post li.comment .reply a:before {
content: '\eb19';
font-family: 'mirai-icofonts';
font-size: .8em;
color: inherit;
display: inline-block;
margin-right: 5px;
text-decoration: none;
}

.post ol>li.comment li.comment {
padding-top: 10px;
}

.post ol>li.comment>ul.children {
padding-left: 40px;
}

.post ol>li.comment>ul.children>li.comment>ul.children {
padding-left: 20px;
}

.post #respond {
padding: 60px 0;
}

.post #respond form .comment-form-comment textarea, .post #respond .comment-form-author input, .post #respond .comment-form-email input {
width: 100%;
display: block;
margin-top: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 40px;
margin-bottom: 20px;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}

.post .comment-notes, .post #gasp_p {
color: #8e8e8e;
margin-bottom: 30px !important;
}

.post #respond label {
display: inline;
}

.post #respond .comment-form-author, .post #respond .comment-form-email {
width: 50%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

.post #respond .comment-form-author {
padding-right: 15px;
}

.post #respond .comment-form-email {
padding-left: 15px;
}

.post #gasp_p {
margin-top: 30px;
}

.post #gasp_p input {
vertical-align: -2px;
}

.search-results .blog-wrapper>form>fieldset>input, .search-results .blog-wrapper>form>fieldset>label,
.search-no-results .blog-wrapper>form>fieldset>input, .search-no-results .blog-wrapper>form>fieldset>label, .search-no-results #addthis-widget-2 {
display: none !important;
}

.search-results h2#results-title, .search-no-results h2#results-title, .blog-wrapper #posts_con_categoria {
margin: 0 0 50px !important;
font-weight: normal;
} */

/*---------------------------------------------------------------------------*/
/*----------------------------------- HACKS ---------------------------------*/
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*------------------------------- IMPROVEMENTS ------------------------------*/
/*---------------------------------------------------------------------------*/

/*COVID MODAL*/

.get_advise {
    background: #ddd;
    width: 100%;
}

.newsletter-btn{
    font-family: 'muro';
    letter-spacing: 0.01em;
    padding: 20px 0;
    width: 100%;
}

.content.row-fluid .get_advise {
    display: none!important;
}

.get_advise .modal-header {
    padding: 20px 15px;
}

.get_advise .modal-header .close {
    padding: 15px;
    margin: -15px;
}

@media (max-device-width: 767px){
    #sidebar-preheader, #sidebar-preheader>* {
        display: block;
    }
}

/*END COVID MODAL*/



/* landing sunset parties and dj sessions */
.tabla-parties .col-md-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  min-width: 920px;
  border-bottom: 1px solid #b1b1b1;
}

.tabla-parties .col-md-12 p, .tabla-parties .col-md-12 a {
  float: left;
  width: 25%;
  margin-bottom: 0 !important;
  padding: 10px;
  font-family: 'muro';
  text-transform: none;
  letter-spacing: 0.05em;
  margin-top: -0.2em;
  line-height: 1.45;
  font-weight: 300;
  text-align: left;
  color:#000;
}
.tabla-parties .col-md-12 p:lang(de){
  width: 23.3333%;
}
.tabla-parties .col-md-12 a:lang(de){
  width:35%;
}
.tabla-parties.tabla-sesions .col-md-12 p{
  width:33.333%;
}
.tabla-parties small{
  font-size: 75%;
  font-weight: normal;
  color: #757373;
}
.tabla-parties {
  padding: 50px 25px;
}
.tabla-parties p {
  font-size: 17px;
}
.tabla-parties i{
  color: #fff;
  font-size: 25px;
  background-color: #000;
  margin-right: 10px;
  border-radius: 100%;
  box-sizing: border-box;
  min-width: 38px;
  min-height: 38px;
  line-height: 38px;
  text-align: center;
}
.fs75{
  font-size:75px;
}
.sunset-parties-swiper .flickity-page-dots{
  display:none;
}
.info-map .row{
  background:#d8ddde;
}
/* pop up landing session */
#popup-modal.modal{
  background: transparent;
  box-shadow: none;
  width: 750px;
  margin: -200px 0 0 -375px;
  overflow: visible;
}
#popup-modal.modal .modal-dialog{
  border:1px solid #fff;
  padding: 25px;
}
#popup-modal.modal p:nth-of-type(2){
  font-size:22px;
}
#popup-modal.modal .close{
  color: #fff;
  opacity: 1;
  font-weight: 100;
  text-shadow: none;
  position: absolute;
  right: -40px;
  top: -40px;
}
/**/

/*-----whatsapp ----*/
#whats {
    background: #2DBD4C;
}

#whats i {
    font-size: 4em;
    color: #fff;
}

#whats a {
    display: block;
    text-align: center;
    width: 100%;
    -webkit-transition: .3s;
            transition: .3s;
}

#whats a:hover {
    opacity: .5;
    text-decoration: none;
}

#whats a:hover i {
    color: #000;
}



/*---------------------------------------------------------------------------*/
/*-------------------------------- MEDIA QUERYS -----------------------------*/
/*---------------------------------------------------------------------------*/


/* Large desktop */

@media (min-width: 1600px) {
.two-columns-l {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 96px;
  -moz-column-gap: 96px;
  column-gap: 96px;
  column-rule: 1px solid #ddd;
}
}

/* [col-lg] Medium desktop */

@media (min-width: 1200px) {

#footer .row > div { order: 2; }
#footer .row > div.schema-wrapper { order: 1; }

.menus-carousel .carousel-cell,
.services-carousel .carousel-cell {
  width: 29%;
}
.services-carousel .carousel-cell img {
  height: 18vw;
}
.services-carousel .flickity-prev-next-button {
  top: 9vw;
}
.anchor-links-group a {
  font-size: 1em;
}
.burger,
#menu-row .mi-modal-close,
#menu-row .mi-full-modal-close {
  display: none;
}
#menu-row {
  background: #fff;
  position: static;
  opacity: 1;
}
#menu-row .mi-modal-dialog {
  display: flex;
  justify-content: space-between;
  max-width: none;
  box-shadow: none;
  padding-left: 48px;
  padding-right: 48px;
}
body.mirai-modal-active #menu-row.mirai-modal {
  overflow: hidden;
}
.offers-listing-wrapper .offers-listing .offer:only-child {
  width: 33%;
}
.rooms-listing-wrapper .common-services li:nth-child(odd):last-child {
  flex: 0 1 513px;
}

}/* end ---- medium desktop */


/* 1200 down */

@media (max-width: 1199px) {
#menu-row > .flex {
  min-height: 100%;
  width: 100%;
  justify-content: flex-start;
}
#menu-row .mi-modal-dialog {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 100px 48px 24px;
  box-sizing: border-box;
  max-width: 550px;
}

.menu-row-active #logo-row > .flex:first-child { position: relative; z-index: 1051; }
.menu-row-active .burger::before, .menu-row-active .burger::after { color: #000; background: #000; }
.menu-row-active #logo img { opacity: 0; }
.menu-row-active #logo a { background: url(/files/logo-black.png) no-repeat 50% 54%; background-size: 100%; }

ul#menu_web {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ul#menu_web > li {
  display: block;
}
ul#menu_web > li > a {
  font-size: calc(12px + 1vh);
}
.best-price-btn,
.widget_qtranslate {
  align-self: flex-end;
}
#menu-row .mi-modal-close {
  display: none;
}
.mi-modal-dialog > .mi-modal-close {
  bottom: auto;
  left: auto;
  top: 24px;
  right: 24px;
}
.anchor-links-group a i {
  opacity: .05;
}
  .tabla-parties .col-md-12 p:lang(de) {
      width: 20%;
  }
}


/* [col-sm] Tablet vertical */
@media (max-width: 979px) {

.logos-wrapper.fx-space-around {
  justify-content: space-between;
}

#ui-datepicker-div {
  font-size: 14px !important;
  left: 10px !important;
}

.fx-column-md {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#footer .go-to-anchor {
  top: -30px;
}
#footer {
  padding-top: 40px;
}
/* padding */
.pll {
  padding-left: 24px;
}
.prl {
  padding-right: 24px;
}
.phl,
.pal,
.container-m,
.modal-engine-wrapper .primary-btn {
  padding-left: 24px;
  padding-right: 24px;
}
.container-s {
  max-width: none;
}

.columns-wrapper .row {
  margin-left: -12px;
  margin-right: -12px;
}
.columns-wrapper [class*=" col-"],
.columns-wrapper [class^="col-"] {
  padding-left: 12px;
  padding-right: 12px;
}

.columns-wrapper-l .row {
  margin-left: -24px;
  margin-right: -24px;
}
.columns-wrapper-l [class*=" col-"],
.columns-wrapper-l [class^="col-"] {
  padding-left: 24px;
  padding-right: 24px;
}
#bestprice-form-modal .accept-privacity {
  padding-top: 10px;
}

.offers-listing .offer { width: 50%; }

.room-box .room-detail .price-box{
  right: auto!important;
}
.rooms-listing-wrapper.alternate .rooms-listing .room-item.odd .room-detail .price-box {
  right: 0!important;
}
  
/* landing sunset parties and dj sessions */
  .tabla-parties .col-md-12 {
      min-width: 700px;
  }
  .tabla-parties:not(.tabla-sesions) .col-md-12 > p:first-of-type {
      width: 10%;
  }
  .tabla-parties:not(.tabla-sesions) .col-md-12 a{
      width:35%;
  }
  .tabla-parties .col-md-12 p:lang(de) {
      width: 20%;
  }
  .tabla-parties:not(.tabla-sesions) .col-md-12 a {
      width: 40%;
  }
/* pop up landing session */
  #popup-modal.modal{
      width: 650px;
      margin: -200px 0 0 -325px;
  }
  #popup-modal.modal .modal-dialog{
      padding: 20px;
  }


}/* end ---- tablet vertical */





/*------------------------------------------------------------------------------*/