/*
Theme Name: Hoteles-santos-2021
Theme URI: h-santos.es
Description: Hoteles-santos-2021
Template: mirai
Author: Mirai Espana
*/

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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

/* 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';
}*/

@font-face {
    font-family: "flaticon";
    src: url("/files/flaticon.ttf?d636d929c93fa7fecf09103863fe1d44") format("truetype"),
			url("/files/flaticon.woff?d636d929c93fa7fecf09103863fe1d44") format("woff"),
			url("/files/flaticon.woff2?d636d929c93fa7fecf09103863fe1d44") format("woff2"),
			url("/files/flaticon.eot?d636d929c93fa7fecf09103863fe1d44#iefix") format("embedded-opentype"),
			url("/files/flaticon.svg?d636d929c93fa7fecf09103863fe1d44#flaticon") format("svg");
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before,
.check-list li:before, .bullet-list li:before,
.carousel-control:before, i.icon-lock:before,
.offers-slide .slide .no-offers:before {
  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';
}

.flaticon-bookmark:before {
    content: "\f101";
}
.flaticon-shield:before {
    content: "\f102";
}
.flaticon-badge:before {
    content: "\f103";
}
.flaticon-starred:before {
    content: "\f104";
}
.flaticon-discount:before {
    content: "\f105";
}
.flaticon-shield-1:before {
    content: "\f106";
}
.flaticon-medal:before {
    content: "\f107";
}
.flaticon-price-tag:before {
    content: "\f108";
}
.flaticon-dumbbell:before {
    content: "\f109";
}
.flaticon-plus:before {
    content: "\f10a";
}
.flaticon-mobile-phone:before {
    content: "\f10b";
}
.flaticon-camera:before {
    content: "\f10c";
}
.flaticon-camera-1:before {
    content: "\f10d";
}
.flaticon-video-camera:before {
    content: "\f10e";
}
.flaticon-ribbon:before {
    content: "\f10f";
}
.flaticon-drop:before {
    content: "\f110";
}
.flaticon-spa:before {
    content: "\f111";
}
.flaticon-hydrotherapy:before {
    content: "\f112";
}
.flaticon-extended:before {
    content: "\f113";
}
.flaticon-sauna:before {
    content: "\f114";
}
.flaticon-hot-pool:before {
    content: "\f115";
}
.flaticon-onsen:before {
    content: "\f116";
}
.flaticon-massage:before {
    content: "\f117";
}
.flaticon-hand-cream:before {
    content: "\f118";
}
.flaticon-herbal:before {
    content: "\f119";
}
.flaticon-sauna-1:before {
    content: "\f11a";
}
.flaticon-ice:before {
    content: "\f11b";
}
.flaticon-shower:before {
    content: "\f11c";
}
.flaticon-body-massage:before {
    content: "\f11d";
}


.back a:before, a.fwd-link:after,
#main .go-to-calendar:after, .rooms-detail-wrapper .detail-links li a:after {
  content: '\e966';
  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;
}
a.fwd-link:after{
	font-size: .65em;
}

/* mete la clase .fwd-link a los enlaces que quieras meter una flecha hacia adelante */
a.fwd-link:after {
  content: '\e963';
}

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

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

/* scrollbar */
/* width */
::-webkit-scrollbar {
    width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background: var(--light);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #5A5A64;
    border-radius: 4px;
}

/* locomotive scrollbar */
#hoteles-santos .c-scrollbar_thumb {
    background-color: #525252;
    opacity: 1;
    z-index: 999999;
}

/* containers */
.container-l{
	max-width: 1600px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
	padding-left: var(--spacing-unit);
	padding-right: var(--spacing-unit);
}


/* GENERAL FONT STYLES */
body {
 	font-size: 17px;
 	line-height: normal;
    color: var(--purple);
	width: 100%;
	background-color: #fff;
}

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

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

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

/* TITLES */
/* reset Bootstrap styles */
h1, h2, h3, h4, h5, p, li {
  line-height: normal;
}

p{
	color: #5E5E66;
 	font-size: calc(18px + (25 - 18) * ((100vw - 300px) / (1900 - 300)));
 	letter-spacing: 0;
 	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 0!important;
}

.p-xs{
	color: #000000;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1;
}
.p-sm,
#cookies-wrapper-content p{
	color: #000000;
  	font-size: calc(15px + (15 - 15) * ((100vw - 300px) / (1900 - 300)));
  	letter-spacing: 0;
  	line-height: 1.5;
}

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

/* titles */
.mi-pretitle{
    font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 400;
}

.main-title {
	font-family: "Playfair Display";
    font-size: calc(25px + (62 - 25) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    line-height: 1.1;
}

.mi-title2, #cookies-wrapper-content h1, .rooms-listing-wrapper h2, .rooms-detail-wrapper h2, .offers-listing-wrapper h2, .offers-detail-wrapper h2, .blog-wrapper #posts_con_categoria, .mi-iata-content h2, .starter-offers .offers-mashup dl dt {
 	font-family: "Playfair Display";
  	font-size: calc(31px + (48 - 31) * ((100vw - 300px) / (1900 - 300)));
  	letter-spacing: 0;
  	line-height: 1.25;
}

.mi-title3, .rooms-listing-wrapper h3, #cookies-wrapper-content h2,  .blog-wrapper h1, .blog-wrapper h2, .rooms-detail-wrapper h3, .offers-listing-wrapper h3, .offers-detail-wrapper h3, .blog-wrapper h3, .mi-iata-content h3 {
 	font-family: "Playfair Display";
 	font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1900 - 300)));
 	letter-spacing: 0;
	line-height: 1.25;
}

.mi-title4, .rooms-detail-wrapper h4, .offers-detail-wrapper h4 {
 	font-family: "Playfair Display";
 	font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1900 - 300)));
 	letter-spacing: 0;
	line-height: 1.25;
}
.mi-title5 {
 	font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1900 - 300)));
 	letter-spacing: 0;
	line-height: 1.25;
}

/*---------------------------------------------------------------------------*/
/*----------------------------- 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;
}

select[disabled] {
  cursor: not-allowed !important;
}

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;
}

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;
}

/* IATA */
.mi-iata-content {
  padding: 80px 0;
}

.mi-iata-content h2, .mi-iata-content h3 {
  margin-bottom: 20px;
}
.mi-iata-content h2{
	margin-bottom: 50px;
}
.mi-iata-content p{
	color: #000000;
    font-size: calc(15px + (15 - 15) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    line-height: 1.5;
}
.mi-iata-content .row > div{
	padding-right: 50px;
	padding-bottom: 50px;
}
.mi-iata-content .required-info{
	padding-bottom: 25px;
}
.mi-iata-content .mi-action .tab-content {
  overflow: visible;
}
.mi-iata-content input:not(.mi-iata-content input[type="submit"]), .mi-iata-content textarea, .mi-iata-content select{
	width: 70%;
    height: 30px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 3px;
}
/**/

.collapse {
  overflow: hidden;
}

dt, dd {
  line-height: 1;
}

.socialmedia ul li a:before {
  color: inherit;
  display: block;
  font-size: inherit;
  padding: 0;
  background: transparent;
}
.section{
	opacity: 1!important;
}

/* 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;
}

/*---------------------------------------------------------------------------*/
/*--------------------------- GENERIC CLASSES -------------------------------*/
/*---------------------------------------------------------------------------*/
.cat-home #container,
body.cat-home{
	/*overflow-x: hidden;*/
}

.max-w50{
	max-width: 50%;
}
.max-w75{
	max-width: 75%;
}
@media (max-width: 1025px) {
	.max-w50{
		max-width: 70%;
	}
}
@media (max-width: 979px) {
	.max-w50{
		max-width: 80%;
	}
}
@media (max-width: 767px) {
	.max-w50, .max-w75{
		max-width: 100%;
	}
}

i.f-size{
	font-size: 27px;
}
.brd-t{
	border-top: 1px solid #e9e9ef;
}
.italic{
	font-style: italic;
}
.uppercase{
	text-transform: uppercase;
}
.bold{
	font-weight: 700;
}
.relative {
  position: relative
}
.absolute {
  position: absolute
}
.absolute.full {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}
.full-width {
  width: 100%
}
.full-height {
  height: 100%
}
.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;
}
.center {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}


/* 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;
}

/* 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-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 {
  -ms-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-wrap: wrap;
}

/* LIST */
/* agrega las clases .bullet-list o .check-list a los ul segun precises */
.check-list li, .bullet-list li {
  position: relative;
  padding-left: 1.5em;
  padding-bottom: 10px;
}

.check-list li:before, .bullet-list li:before {
  font-family: 'mirai-icofonts';
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}

.check-list li:before {
  color: #777;
  content: '\e983';
}

.bullet-list li:before {
  color: #777;
  content: '\eb1a';
  font-size: .5em;
  line-height: 1;
  margin-top: 1em;
}

/* MARGIN - PADDING */
:root {
 	--spacing-unit: 16px;
	
	--pa-sm: calc(2 * var(--spacing-unit));
	--pa-xl: calc(4 * var(--spacing-unit));
	
	--deco-trans: calc(8 * var(--spacing-unit));
	--deco-trans-active: calc(12 * var(--spacing-unit));
}

.pa-g{ 
	padding-top: var(--spacing-unit); 
	padding-bottom: var(--spacing-unit); 
	padding-left: var(--pa-xl); 
	padding-right: var(--pa-xl); 
}
.p-g{ 
	padding: var(--pa-xl); 
}
.p-v-g{ 
	padding-top: var(--pa-xl); 
	padding-bottom: var(--pa-xl); 
}
.p-h-g{ 
	padding-left: var(--pa-xl);
	padding-right: var(--pa-xl); 
}
.p-t-g{ 
	padding-top: var(--pa-xl); 
}
.p-b-g{ 
	padding-bottom: var(--pa-xl); 
}
.p-l-g{ 
	padding-left: var(--pa-xl); 
}
.p-r-g{ 
	padding-right: var(--pa-xl); 
}

.pa0 {
  padding: 0
}


.ptxs {
  padding-top: 10px;
}
.prxs {
  padding-right: 10px;
}
.pbxs {
  padding-bottom: 10px;
}
.plxs {
  padding-left: 10px;
}
.phxs {
  padding-right: 10px;
  padding-left: 10px;
}
.pvxs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.paxs {
  padding: 10px;
}


.pts {
  padding-top: 20px;
}
.prs {
  padding-right: 20px;
}
.pbs {
  padding-bottom: 20px;
}
.pls {
  padding-left: 20px;
}
.phs {
  padding-right: 20px;
  padding-left: 20px;
}
.pvs {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pas {
  padding: 20px;
}


.ptm {
  padding-top: 50px;
}
.prm {
  padding-right: 50px;
}
.pbm {
  padding-bottom: 50px;
}
.plm {
  padding-left: 50px;
}
.phm {
  padding-right: 50px;
  padding-left: 50px;
}
.pvm {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pam {
  padding: 50px;
}


.ptl {
  padding-top: 150px;
}
.prl {
  padding-right: 150px;
}
.pbl {
  padding-bottom: 150px;
}
.pll {
  padding-left: 150px;
}
.phl {
  padding-right: 150px;
  padding-left: 150px;
}
.pvl {
  padding-top: 150px;
  padding-bottom: 150px;
}
.pal {
  padding: 150px;
}


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


.mtxs {
  margin-top: 10px;
}
.mrxs {
  margin-right: 10px;
}
.mbxs {
  margin-bottom: 10px;
}
.mlxs {
  margin-left: 10px;
}
.mhxs {
  margin-right: 10px;
  margin-left: 10px;
}
.mvxs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.maxs {
  margin: 10px;
}


.mts {
  margin-top: 20px;
}
.mrs {
  margin-right: 20px;
}
.mbs {
  margin-bottom: 20px;
}
.mls {
  margin-left: 20px;
}
.mhs {
  margin-right: 20px;
  margin-left: 20px;
}
.mvs {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mas {
  margin: 20px;
}


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

.mtg{
	margin-top: 64px;
}


.mtl {
  margin-top: 100px;
}
.mrl {
  margin-right: 100px;
}
.mbl {
  margin-bottom: 100px;
}
.mll {
  margin-left: 100px;
}
.mhl {
  margin-right: 100px;
  margin-left: 100px;
}
.mvl {
  margin-top: 100px;
  margin-bottom: 100px;
}
.mal {
  margin: 100px;
}

.ma0 {
  margin: 0
}

.m0auto {
  margin: 0 auto
}

/* BACKGROUNDS & COLORS */
:root{
	--purple: #868691;
	--light: #EEEEF4;
}

.white-text, .white-text *, .white-text a:hover, .white-text .offers-mashup * {
  color: #fff;
}
.bg-white{
	background: #fff;
}
.bg-black {
  background: #131313;
}
.bg-light {
  background: var(--light);
}
.bg-purple{
	background: var(--purple);
}
.bg-dark-fill {
  background: rgba(0, 0, 0, .3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
}

.bg-gr-r{
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6783088235294117)), to(rgba(34,34,34,0)));
	background: linear-gradient(90deg, rgba(0,0,0,0.6783088235294117) 0%, rgba(34,34,34,0) 100%);
}

.bg-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#00000000', GradientType=0);
}
.bg-gradient-blue{
	background: rgb(7,67,79);
	background: -webkit-gradient(linear, left top, right top, from(rgba(7,67,79,0.5298494397759104)), to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(7,67,79,0.5298494397759104) 0%, rgba(255,255,255,0) 100%);
}

/* borders */
.white-text *, .white-text {
  border-color: #fff;
}

/*---------------------------------------------------------------------------*/
/*--------------------------- COMMON ELEMENTS -------------------------------*/
/*---------------------------------------------------------------------------*/
/* CAROUSEL CONTROLS (bootstrap & swiper ) */
.carousel-control, .flickity-prev-next-button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /*fixing flikity focus */
  height: auto;
  line-height: 1;
  font-size: 26px;
  width: 26px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: none;
  background: #fff;
  color: #000 !important;
  padding: 11px;
  opacity: .6;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.carousel-control {
  text-indent: -99999px;
  text-shadow: none;
}

.carousel-control, .flickity-prev-next-button.previous {
  left: 0px;
}

.carousel-control.right, .flickity-prev-next-button.next {
  left: auto;
  right: 0px;
}

.flickity-button:disabled {
  display: none;
}

.carousel-control:before, .flickity-prev-next-button:before {
  text-indent: 0;
  font-family: 'mirai-icofonts';
  display: block;
  float: left;
}

.carousel-control.left:before, .flickity-prev-next-button.previous:before {
  content: '\e962';
}

.carousel-control.right:before, .flickity-prev-next-button.next:before {
  content: '\e963';
}

.carousel-control:hover, .flickity-prev-next-button:hover {
  opacity: 1;
}

/* SWIPER FLICKITY */
/* full screen */
.full-screen-container .flickity-enabled, .full-screen-container .flickity-viewport, .full-screen-container .carousel-cell {
  height: 100% !important;
}
.full-screen-container .carousel-cell {
  width: 100%;
}
.full-screen-container .flickity-page-dots {
  bottom: 0px;
  padding: 20px;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 0;
  width: auto;
}

/* arrows */
.flickity-prev-next-button {
  border-radius: 0;
  width: 48px;
  height: 48px;
}
.flickity-prev-next-button svg {
  display: none;
}

/* Menu chain */
.pagination-carousel .carousel-cell:before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #d8d8d8;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.pagination-carousel .carousel-cell.is-selected:before, .pagination-carousel .carousel-cell:hover::before {
  height: 4px;
  background-color: #8a8a8a;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.chain-carousel .flickity-prev-next-button {
  border: solid 1px #a6a6a6;
}


/* FADE FLICKITY */
.fade-flickity .flickity-slider {
	-webkit-transform: none !important;
	transform: none !important;
}
.fade-flickity .carousel-cell {
	left: 0 !important;
	opacity: 0;
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out;
}
.fade-flickity .carousel-cell.is-selected {
	opacity: 1;
}

/* FLICKITY HORIZONTAL SLIDER */
.horizontal-slider .carousel-cell{
	width: 40%;
    padding: 30px;
}
.hotels-carousel.horizontal-slider .flickity-slider{
    /*margin-left: -250px;*/
}

@media (max-width: 979px) {
	.horizontal-slider .carousel-cell {
		width: 65%;
	}
}
@media (max-width: 767px) {
	.horizontal-slider .carousel-cell {
		width: 80%;
		padding: 20px 10px 40px 10px;
	}
	.horizontal-slider .carousel-cell img{
		min-height: 200px;
	}
}

/* FLICKITY BIG SLIDER */
.service-hotel-slider .carousel-1 .motion-line,
.b-deco-slider .carousel-1 .motion-line{
    content: "";
    display: block;
    width: calc(100% - 192px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 64px;
    bottom: 0;
    right: 0;
    border: 2px solid #d5d5d5;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.service-hotel-slider .carousel-1 .motion-left,
.b-deco-slider .carousel-1 .motion-left{
	content: "";
    display: block;
    height: 0%;
    position: absolute;
    left: var(--pa-xl);
    bottom: 0;
    border-left: 2px solid #d5d5d5;
    -webkit-transition: 0.5s 0.5s ease-in-out;
    transition: 0.5s 0.5s ease-in-out;
}
	.service-hotel-slider .carousel-1 .motion-active .motion-left,
	.b-deco-slider .carousel-1 .motion-active .motion-left{
		height: 100%;
	}

.service-hotel-slider .carousel-1 .motion-top,
.b-deco-slider .carousel-1 .motion-top{
    content: "";
    display: block;
    width: 0%;
    position: absolute;
    top: 0;
    left: var(--pa-xl);
    border-top: 2px solid #d5d5d5;
    -webkit-transition: 0.5s 1.1s ease-in-out;
    transition: 0.5s 1.1s ease-in-out;
}
	.service-hotel-slider .carousel-1 .motion-active .motion-top,
	.b-deco-slider .carousel-1 .motion-active .motion-top{
		width: calc(100% - var(--deco-trans-active));
	}

.service-hotel-slider .carousel-1 .motion-right,
.b-deco-slider .carousel-1 .motion-right{
    content: "";
    display: block;
    height: 0%;
    position: absolute;
    right: var(--deco-trans);
    top: 0;
    border-right: 2px solid #d5d5d5;
    -webkit-transition: 0.5s 1.7s ease-in-out;
    transition: 0.5s 1.7s ease-in-out;
}
	.service-hotel-slider .carousel-1 .motion-active .motion-right,
	.b-deco-slider .carousel-1 .motion-active .motion-right{
		height: 100%;
	}

.service-hotel-slider .carousel-1 .motion-bottom,
.b-deco-slider .carousel-1 .motion-bottom{
	content: "";
    display: block;
    width: 0%;
    position: absolute;
    right: var(--deco-trans);
    bottom: 0;
    border-bottom: 2px solid #d5d5d5;
    -webkit-transition: 0.5s 2.3s ease-in-out;
    transition: 0.5s 2.3s ease-in-out;
}
	.service-hotel-slider .carousel-1 .motion-active .motion-bottom,
	.b-deco-slider .carousel-1 .motion-active .motion-bottom{
		width: calc(100% - var(--deco-trans-active));
	}


.big-slider .carousel-cell{
	width: 80%;
}

@media (max-width: 979px) {
	.big-slider .carousel-cell img{
		max-height: 350px;
	}
}
@media (max-width: 767px) {
	.big-slider .carousel-cell{
		width: 85%;
	}
	.big-slider .carousel-cell img{
		max-height: 250px;
	}
}



/* flickity progress bar */
.flickity-progressbar{
	padding-bottom: var(--pa-xl);
}
.flickity-progressbar .progressbar-wrapper{
    width: 660px;
    height: auto;
    display: block;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 100px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    height: 1px;
    background: #b5b5b5;
}
.flickity-progressbar .progressbar {
	position: relative;
    top: -1px;
    width: 0;
    height: 3px;
    background-color: #585151;
    border-radius: 5px;
    z-index: 1;
    -webkit-transition: .4s linear;
    transition: .4s linear;
}

@media (max-width: 979px) {
	.flickity-progressbar .progressbar-wrapper {
		width: 550px;
		left: calc(50% - 40px);
	}
}
@media (max-width: 767px){ 
	.flickity-progressbar .progressbar-wrapper {
		width: 250px;
		left: 16px;
		-webkit-transform: none;
		transform: none;
	}
}

/* flickity regular slider controls */
.regular-controls.flickity-enabled .flickity-prev-next-button {
    width: auto;
    height: auto;
    position: absolute;
    bottom: -7px;
    top: auto;
    left: auto!important;
    right: 0;
    opacity: 1;
    background: #e9e9ef;
    font-size: 10px;
    -webkit-text-stroke: 0.35px;
    color: #000;
    border-radius: 100%;
    padding: 5px;
    text-align: center;
}


.regular-controls.flickity-progressbar .flickity-prev-next-button{
	bottom: -7px;
    top: auto;
    left: auto!important;
    right: 0;
}
.regular-controls.flickity-progressbar.flickity-enabled .flickity-prev-next-button.previous{
	left: calc(50% + 270px)!important;
	right: auto!important;
}
.regular-controls.flickity-progressbar.flickity-enabled .flickity-prev-next-button.next {
    left: calc(50% + 305px)!important;
	right: auto!important;
}
@media (max-width: 767px){ 
	.regular-controls.flickity-progressbar .flickity-prev-next-button{
		font-size: 12px;
    	padding: 10px;
	}
	.regular-controls.flickity-progressbar.flickity-enabled .flickity-prev-next-button.previous {
		left: calc(250px + 25px)!important;
	}
	.regular-controls.flickity-progressbar.flickity-enabled .flickity-prev-next-button.next {
		left: calc(250px + 70px)!important;
	}
}


.hotels-carousel .carousel-cell img {
    z-index: 1;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.5s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.5s;
}
.hotels-carousel .carousel-cell.is-selected img {
    -webkit-box-shadow: 0 -4px 20px -4px rgb(134 134 145 / 50%);
    box-shadow: 0 -4px 20px -4px rgb(134 134 145 / 50%);
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.85s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.85s;
}

.hotels-carousel .info-cell {
    -webkit-transform: translateY(calc(-20% + 0px));
    transform: translateY(calc(-20% + 0px));
    -webkit-transition: -webkit-transform ease-in-out 0.5s;
    transition: -webkit-transform ease-in-out 0.5s;
    transition: transform ease-in-out 0.5s;
    transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
    z-index: -1;
    opacity: 0;
}
.hotels-carousel .info-cell > *{
	color: #000000;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 400;

}

.hotels-carousel .carousel-cell.is-selected .info-cell{
	-webkit-transform: translateY(calc(0% + 0px));
	transform: translateY(calc(0% + 0px));
    opacity: 1;
    transition: transform cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.25s, opacity cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.65s, -webkit-transform cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.95s;;
}

.hotels-carousel .extra-tag{
	position: absolute;
    top: 60px;
    right: 31px;
    background: black;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: uppercase;
    color: #fff;
    padding: 5px;
    max-width: 150px;
    text-align: center;
	z-index: 1;
    line-height: 1.3;
}
.hotels-carousel .extra-tag:before{
    content: "";
    display: block;
    -webkit-clip-path: polygon(0% 0%, 55% 50%, 0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 0%, 55% 50%, 0% 100%, 100% 100%, 100% 0%);
    background: black;
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -9px;
}

.hotels-carousel .carousel-cell a:hover{
	text-decoration: none;
}
.hotels-carousel .carousel-cell a:hover img{
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
}


/* BOOTSTRAP MODAL */
.modal:focus {
  outline: none;
}
.modal {
  border: none;
}
body.modal-open {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.modal-header .close {
  float: none;
  position: absolute;
  right: 13px;
  top: 50%;
  font-size: 20px;
  width: 20px;
  /* firefox fixing - mismo que font-size */
  ;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-top: -20px;
  padding: 10px;
  color: inherit;
  opacity: .75;
  text-shadow: none;
}

.modal-header .close:hover {
  opacity: 1;
}

.modal-header {
  border-bottom: none;
  padding: 15px;
  padding-right: 57px;
  position: relative;
  background: #E9E2D8;
  color: #252525;
}

/* modal title */
.modal-header .mi-title3 {
  color: inherit;
  font-weight: normal;
}

/* MIRAI MODAL */
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: 599;
  background-color: rgba(0, 0, 0, 0.9);
  /*color: #fff;*/
}
body.mirai-modal-active .mirai-modal:not(#engine-modal, #modal-menuweb){
	z-index: 601;
}

.mi-modal-close {
	background: #E9E9EF;
    border-radius: 100%;
    color: #000;
    width: 50px;
    height: 50px;
    border: 0;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 20px;
    right: 20px;
	z-index: 1;
    display: block;
}

.mirai-modal>.mi-modal-close, .mi-modal-header>.mi-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.mi-modal-header>.mi-modal-close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mi-modal-close i {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}

.mi-modal-close span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 10px;
  font-family: Gotham;
  text-transform: uppercase;
  letter-spacing: 0.1px;
}

.mi-modal-close span, .mi-modal-close i {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.mi-modal-close:hover span {
  padding-right: 20px;
  padding-left: 0;
}

.mi-modal-close:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.mi-modal-header {
  margin-top: 110px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 30px 0;
  z-index: 1;
}

.mirai-modal .mi-modal-content {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.mirai-modal .mi-modal-content>div:not(#modal-menuweb.mirai-modal .mi-modal-content>div) {
 	max-height: 100%;
}

.small-width {
  width: 600px;
  max-width: 100%;
  margin: auto;
}

.close-modalengine-active .mi-modal-header {
    display: none;
}

/* left */
.mirai-modal[data-to="left"] {
  left: -100%;
  -webkit-transition: all .55s ease-in-out;
  transition: all .55s ease-in-out
}

.mirai-modal[data-to="left"].mi-active {
  left: 0;
}

/* right */
.mirai-modal[data-to="right"] {
  right: -100%;
  -webkit-transition: all .55s ease-in-out;
  transition: all .55s 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;
}

.mirai-modal-active #fixed-header[data-transparent="true"]:before {
    opacity: 0;
}

.mirai-modal-active #fixed-header.offset-active[data-transparent="true"] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Disable menu items when other modal is open */
body.mirai-modal-active:not(.engine-modal-active):not(.close-modalengine-active) .booking-modal-btn,
body.modal-menuweb-active .booking-modal-btn,

.mirai-modal-active:not(.modal-menuweb-active) .menu-modal-btn,
.mirai-modal-active #fixed-header #navigationweb>#menu_web {
  pointer-events: none;
  opacity: 0;
}

.mirai-modal-active #fixed-header[data-transparent="true"]:before {
    opacity: 0;
    pointer-events: none;
}

.mirai-modal-active #fixed-header.offset-active[data-transparent="true"] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* If not hamburguer */
#fixed-header[data-hamburguer-desktop="false"] #navigationweb>.burguer-wrapper {
  display: none;
}

#fixed-header[data-hamburguer-desktop="false"] #navigationweb>#menu_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#fixed-header[data-hamburguer-desktop="false"] #navigationweb .modal-engine-wrapper {
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}

#fixed-header[data-hamburguer-desktop="false"] .modal-engine-wrapper.offset-active {
  margin-left: 20px;
}

/* SHADOWBOX */
#sb-container {
  z-index: 1100;
}

/* SIDE MODAL BUTTON */
.fixed-modal-link {
  background: #d8d8d8;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0;
  top: 30%;
  padding: 30px 10px;
  z-index: 200;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.fixed-modal-link:hover {
  padding: 30px 20px 30px 10px;
}


/* ENGINE MODAL */
#engine-modal .club-wrapper p{
	color: #000;
 	font-size: 14px;
 	font-weight: 600;
 	letter-spacing: 0;
 	line-height: 1;
}
#engine-modal .best-price{
	position: static;
	color: #000000;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
}
body.mirai-modal-active #navigationweb .best-price{
	display: none;
}
#engine-modal.mirai-modal{
	background-color: transparent;
}
#engine-modal.mirai-modal .mi-modal-content{
	background: #fff;
	width: 50%;
	padding: var(--pa-xl);
}
#engine-modal.mirai-modal .mi-modal-content > div{
	opacity: 0;
	-webkit-transition: .4s ease-in;
    transition: .4s ease-in;
	-webkit-transition-delay: .5s;
    transition-delay: .5s;
}
body.engine-modal-active #engine-modal.mirai-modal .mi-modal-content > div{
	opacity: 1;
}
body.engine-modal-active #main{
	-webkit-filter: blur(2.5px);
    filter: blur(2.5px);
    pointer-events: none;
}

@media (max-width: 979px) {
	#engine-modal.mirai-modal .mi-modal-content{
		width: 100%;
	}
}


/* GALLERY MODAL */
.mirai-modal.gallery-modal{
	z-index: 601;
}
.mirai-modal.gallery-modal .mi-modal-close{
	background: transparent;
    color: #fff;
    border: 1px solid;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mirai-modal.gallery-modal .flickity-prev-next-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    line-height: 1;
    font-size: 35px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: none;
    background: none;
    color: #fff!important;
    padding: 0;
    opacity: 1;
    width: auto;
    height: auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.mirai-modal.gallery-modal .flickity-prev-next-button.next:before {
    content: '\eb25';
}
.mirai-modal.gallery-modal .flickity-prev-next-button.previous:before {
    content: '\eb28';
}
.mirai-modal.gallery-modal .flickity-prev-next-button.next {
    left: auto;
    right: -50px;
}
.mirai-modal.gallery-modal .carousel-control, .flickity-prev-next-button.previous {
    left: -50px;
}

@media (max-width: 1400px) {
	.gallery-modal img {
		max-height: 480px;
	}
}

@media (max-width: 1281px) {
	.mirai-modal.gallery-modal .carousel-cell img{
		max-height: 500px;
		min-width: auto;
		width: auto;
	}
	.mirai-modal.gallery-modal .mi-modal-close {
		top: 20px;
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;
	}
	.mirai-modal.gallery-modal .flickity-prev-next-button.next {
    	right: -40px;
	}
	.mirai-modal.gallery-modal .flickity-prev-next-button.previous{
		left: -40px;
	}
}

@media (max-width: 1025px) {
	.mirai-modal.gallery-modal .mi-modal-close {
		top: 0px;
		right: 30px;
	}
	.mirai-modal.gallery-modal .flickity-prev-next-button.next {
    	right: 0;
	}
	.mirai-modal.gallery-modal .flickity-prev-next-button.previous{
		left: 0;
	}
}

@media (max-width: 768px) {
	.mirai-modal.gallery-modal .mi-modal-content>div {
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: transparent;
		padding: 70px 16px 16px 16px;
	}
	.mirai-modal.gallery-modal .mi-modal-content iframe{
		width: 100%;
    	height: 350px;
	}
}

/**/
.body.mirai-modal-active{
	position: fixed;
}




/* FORMS */

/*.wpcf7-recaptcha>div {
  width: 100% !important;
}*/

/* mete la clase .common-form al contenedor del formulario para que le afecten los estilos estandar */
.common-form br {
    display: none;
}
.common-form {
    margin: 0 auto;
    max-width: 1000px;
}
.common-form .row:not(:nth-child(2)) {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dashed #dcdcdc;
}
.common-form div[class^="col-"] {
    position: relative;
    padding: 16px 16px 10px;
}
.modal-newsletter-content .common-form div[class^="col-"] {
    position: relative;
    padding: 16px 0 10px;
}

.common-form input[type="text"], .common-form input[type="email"], .common-form input[type="number"], .common-form select, .common-form textarea {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 45px;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    padding-left: 10px;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    background: rgb(240 240 240 / 45%);
    -webkit-transition: .5s;
    transition: .5s;
}
	.bg-light .common-form input[type="text"], .bg-light .common-form input[type="email"], .bg-light .common-form input[type="number"], .bg-light .common-form select, .bg-light .common-form textarea{
		background: rgb(255 255 255 / 65%);
	}
.common-form .inputComplete input, .common-form .inputComplete textarea {
    border-color: #5e5e5e;
    -webkit-box-shadow: 0 1px 0 #5e5e5e;
    box-shadow: 0 1px 0 #5e5e5e;
    -webkit-transition: .2s;
    transition: .2s;
}
.common-form textarea {
    line-height: 35px;
    height: 150px;
    font-weight: 400;
    padding: 10px;
}
.common-form input[type="file"]{
	background: #f8f8f8;
    padding: 15px 10px;
    margin-top: 20px;
    border-bottom: 1px solid #555555;
}
.common-form label {
	position: absolute;
    pointer-events: none;
    text-transform: uppercase;
    line-height: 45px;
    top: 16px;
    left: 25px;
    font-size: 80%;
    letter-spacing: 0.1em;
    color: #666;
	z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
}
	.bg-light .common-form label{
		color: var(--purple);
	}
.common-form .inputComplete label {
    top: -15px;
	opacity: 0;
    -webkit-transition: .25s;
    transition: .25s;
}
.common-form label.file-attach{
	top: -10px;
}
.common-form .wpcf7-captcha-captcha {
    position: absolute;
    top: 38px;
    right: 25px;
}
.common-form input[type="radio"], .common-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.common-form .wpcf7-not-valid-tip {
    color: #e26464;
    font-size: 80%;
    text-align: left;
    padding-top: 3px;
}
.common-form .wpcf7-response-output {
	padding: 10px 15px;
    margin: 16px 0 0;
    border: none;
    font-size: 15px;
    font-weight: 400;
    color: #4a4a4a;
    background: #efefef;
}
.common-form .wpcf7-validation-errors {
    background: #f7c9c9;
}
.common-form .wpcf7-mail-sent-ok {
    background: #f4ffdb;
}

/* poner de nombre '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 .selector, .common-form .your-recipient, .common-form .needs {
    display: block;
}
.common-form .wpcf7-form-control-wrap.selector::after, .common-form .wpcf7-form-control-wrap.your-recipient:after, .common-form .needs:after {
    content: "\e961";
    font-family: 'mirai-icofonts';
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    font-size: 9px;
    color: inherit;
    line-height: 1;
}


/* BACK TO TOP */
#back-top {
  background-color: #9a9a9a;
}

/* BACKGROUND IMAGE */
.bg-img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

/* BUTTONS */
/* utiliza la clase .primary-btn para aquellos botones que quieras que se comporten como el de reservar, y .secundary-btn para los de tipo ofertas */
/* 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"], .primary-btn {
	color: #fff;
	font-size: 15px;
	font-weight: 200;
    letter-spacing: 1.95px;
    line-height: 1;
	background: #000000;
	text-shadow: none;
    text-transform: uppercase;
	border: none;
    border-radius: 0;
	padding: 15px 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(16%, rgba(0,0,0,0.6026785714285714)), color-stop(50%, rgba(4,4,4,0.25)), color-stop(87%, rgba(0,0,0,0.6)), to(rgba(34,34,34,1)));
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6026785714285714) 16%, rgba(4,4,4,0.25) 50%, rgba(0,0,0,0.6) 87%, rgba(34,34,34,1) 100%);;
    background-position: 0% 50%;
    background-size: 300% 300%;
	background-color: #5c5c5c;
    -webkit-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}
.primary-btn i{
	font-size: 17px;
    margin-right: 10px;
}

.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, .primary-btn:hover {
 	text-decoration: none;
 	color: #fff;
	background-position: 100% 50%;
	-webkit-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
}

.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,
.wpcf7 .wpcf7-form input.wpcf7-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,
.secundary-btn {
	font-size: 11px;
    letter-spacing: 0.25px;
    line-height: 1;
    color: #424242;
    background: transparent;
    border-radius: 0;
    border: 1px solid;
    text-shadow: none;
    text-transform: uppercase;
    padding: 14px 35px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.6)), color-stop(rgba(34,34,34,0)), to(rgba(34,34,34,0)));
    background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.6), rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 99% 50%;
    background-size: 300% 300%;
	-webkit-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
	cursor: pointer;
}

@media (max-width: 767px){
	.offers-listing-wrapper .offer .offer-button, .rooms-detail-wrapper .offer .offer-button, .mapa .formRuta input.calculaRuta, #respond .form-submit #submit, .wpcf7 .wpcf7-form input.wpcf7-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, .secundary-btn{
		padding: 14px 28px;
	}
}

.white-text .secundary-btn, .white-text .offers-mashup .more-info-link {
  	color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgb(255 255 255)), color-stop(rgb(255 255 255 / 60%)), color-stop(rgba(34,34,34,0)), to(rgba(34,34,34,0)));
    background: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255 / 60%), rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 99% 50%;
    background-size: 300% 300%;
    -webkit-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
}

.offers-listing-wrapper .offer .offer-button:hover, .rooms-detail-wrapper .offer .offer-button:hover, .mapa .formRuta input.calculaRuta:hover, #respond .form-submit #submit:hover,
.wpcf7 .wpcf7-form input.wpcf7-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,
.secundary-btn:hover {
    text-decoration: none;
    background-position: 1% 50%;
    border-color: transparent;
    color: #fff;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.white-text .secundary-btn:hover, .white-text .offers-mashup .more-info-link:hover {
	text-decoration: none;
    background-position: 1% 50%;
    border-color: transparent;
    color: #000;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

/* 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;
}

/* fwd button */
.fwd-btn i{
    background: #e9e9ef;
    font-size: 10px;
    -webkit-text-stroke: 0.35px;
    color: #000;
    border-radius: 100%;
    padding: 5px;
    text-align: center;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}
.fwd-btn:hover{
	text-decoration: none;
}
.fwd-btn.right:hover i{
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
	-webkit-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}


.nav-int-hotel .fwd-btn i{
	background: #a9a9ab;
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.nav-int-hotel .fwd-btn:hover i{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}

/* link */
.link{
	color: #000;
    font-size: 11px;
    letter-spacing: 0.2px;
}
.link:hover{
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

/* icon button */
.i-btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    letter-spacing: 0.25px;
    line-height: 1;
    color: #424242;
	padding-right: 15px;
    text-transform: uppercase;
	position: relative;
}
.i-btn i{
	color: #424242;
    font-size: 20px;
    background: #e9e9ef;
    border-radius: 100%;
    padding: 7px;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}
/*.i-btn:before {
    content: "";
    display: block;
    background: #e9e9ef;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 34px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}
.i-btn:hover:before {
	width: 100%;
	-webkit-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}*/
.i-btn:hover,
.white-text .i-btn:hover{
	color: #424242;
	text-decoration: none;
}
.i-btn:hover i{
	-webkit-box-shadow: 0px 0px 0px 7px rgb(233 233 239 / 50%);
	box-shadow: 0px 0px 0px 7px rgb(233 233 239 / 50%);
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.white-text .i-btn,
.white-text .link,
.white-text .link:hover{
	color: #fff;
}


/*---------------------------------------------------------------------------*/
/*----------------------------- ENGINE CALENDAR -----------------------------*/
/*---------------------------------------------------------------------------*/
/* FIXING */
.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-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {
  border: 0;
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  border: 1px solid #e4e7e7;
}

.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;
  padding: 6px;
  text-align: center;
}

/* weekend (number) */
.ui-widget-content td:not(.calendar-legend-offer-day)>.ui-state-default, .ui-widget-header .ui-state-default, #noDispo .ui-datepicker td span, #noDispo .ui-datepicker td a, .ui-datepicker-week-end td:not(.calendar-legend-offer-day)>.ui-state-default, .ui-datepicker-week-end .ui-widget-content .ui-state-default, .ui-datepicker-week-end .ui-widget-header .ui-state-default {
  background: transparent !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: 1px solid #e4e7e7 !important;
  top: 50% !important;
  padding: 0.3em 0.7em;
  text-decoration: none;
  width: auto !important;
  height: auto !important;
  border-radius: 3px;
  line-height: 1;
  font-size: 1em;
  margin-top: -.8em;
  font-weight: normal;
  color: #82888a;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
  cursor: pointer;
}

.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: inherit;
  cursor: pointer;
  font-family: 'mirai-icofonts';
  line-height: 1;
  font-size: inherit;
  display: block;
}

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

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

/* 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;
}

.all-calendar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e4e7e7;
}

.all-calendar .ui-datepicker .ui-datepicker-title {
  text-transform: none;
  font-weight: bold !important;
}

.all-calendar .ui-datepicker thead th {
  font-weight: normal;
  font-size: 0.9em;
}

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

.offer-detail-4 .offer-dates, .offer-detail-4 .room-offer, .rooms-detail-5 .room-dates, .rooms-detail-5 .room-offer .offer-list {
  background: transparent;
}

.offer-detail-4 .offer-dates, .rooms-detail-5 .room-dates {
  padding-right: 0;
}

@media (max-width: 979px) {
  .detail-description, .offer-detail-4 .offer-dates, .rooms-detail-5 .room-dates {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ------------------------------ 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 ._selected-date a,
.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 .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,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker td:not(._checkout-date):hover 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 ._checkin-date._checkout-date span,
.all-calendar .ui-datepicker-calendar ._checkin-date._checkout-date a,
.all-calendar .ui-datepicker-calendar a:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: #3976c5 !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,
.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,
.all-calendar .ui-datepicker-calendar ._checkout-date span,
.all-calendar .ui-datepicker-calendar ._checkout-date a {
  background: #1d4d8e !important;
  color: #FFF;
  font-weight: normal !important;
  text-decoration: none;
}

/* hover arrows (engine, details and no dispo calendars) */
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
  border: 1px solid #c4c4c4 !important;
  background: transparent !important;
}

/* ----------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------*/
/*------------------------------ STRUCTURE ----------------------------------*/
/*---------------------------------------------------------------------------*/
#header .content, #main .content, #footer .content {
  position: relative
}

/* HEADER */
#header {}

#header .content {}

#pre-header, #header .qts-lang-menu, #header .qts-lang-menu option {
  background-color: #252525;
}

/* ------- */
#pre-header {
  padding: 5px 0;
}
#modal-menuweb #pre-header {
    display: none;
}
#pre-header * {
  color: #fff;
  vertical-align: middle;
}
.contact-header {
  font-size: 12px;
  margin: auto;
}
.contact-header>div:last-child {
  padding-right: 0;
}
.contact-header>li, .contact-header>div {
  padding: 0 20px;
  position: relative;
}
.contact-header>li:before, .contact-header>div:before {
  content: '';
  border-left: 1px solid;
  height: 70%;
  position: absolute;
  top: 15%;
  left: 0;
}
.contact-header>li:first-child, .contact-header>div:first-child {
  padding-left: 0;
}
.contact-header>li:first-child:before, .contact-header>div:first-child:before {
  display: none;
}
.contact-header i {
  display: inline-block;
  margin-right: 7px;
}
#pre-header .socialmedia a {
  font-size: 14px;
  padding: 2px;
}
#pre-header .socialmedia li {
  padding: 0 3px;
}


#fixed-header {
	padding-top: var(--pa-sm); 
	padding-bottom: var(--pa-sm); 
	padding-left: var(--pa-xl); 
	padding-right: var(--pa-xl); 
 	position: absolute;
 	left: 0;
 	right: 0;
 	z-index: 600;
 	-webkit-transition: all .25s ease-in-out;
 	transition: all .25s ease-in-out;
}
.bookingstep1 #fixed-header {
 	position: static;
}
#fixed-header[data-transparent="false"] {
 	background-color: white;
}
#fixed-header[data-transparent="true"] {
 	background-color: transparent;
}
#fixed-header[data-transparent="true"]:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);*/
}
.cat-booking #fixed-header[data-transparent="true"]:before {
    display: none;
}
#fixed-header.offset-active {
  position: fixed;
  top: 0;
}

#fixed-header.offset-active[data-transparent="true"]:before {
  display: none;
}

#fixed-header.offset-active[data-transparent="true"] {
  background-color: transparent;
}

#header #navigationweb {
  -webkit-animation: none;
  animation: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1051;
}

#header #fixed-header {
	pointer-events: none;
}

#header #fixed-header a {
	pointer-events: auto;
}

#header #navigationweb > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#navigationweb .burguer-wrapper,
#navigationweb .modal-engine-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  display: block;
  margin-left: 0;
}

@media (max-width: 1281px){ 
	#fixed-header {
		padding-top: var(--pa-sm); 
		padding-bottom: var(--pa-sm); 
		padding-left: var(--pa-sm); 
		padding-right: var(--pa-sm); 
	}
}

@media (max-width: 767px){ 
	#fixed-header {
		padding-top: var(--spacing-unit);
		padding-bottom: var(--spacing-unit);
		padding-left: 0;
		padding-right: 0;
	}
}

/* Hamburguer */
.menu-modal-btn {
	display: block;
    position: relative;
    width: 70px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #E9E9EF;
    border-radius: 100%;
}

.menu-modal-btn::before,
.menu-modal-btn::after,
.menu-modal-btn i::before,
.menu-modal-btn i::after {
    content: "";
    position: absolute;
    left: 19px;
    right: 19px;
    height: 0;
    border-bottom: 2px solid;
    -webkit-transition: .4s .2s ease, color .2s;
    transition: .4s .2s ease, color .2s;
    color: #000;
}

.menu-modal-btn::before {
  top: 26px;
}

.menu-modal-btn::after {
	bottom: 28px;
    right: 30px;
}

.menu-modal-btn:hover::after {
	right: 19px;
}

.menu-modal-btn i::after,
.menu-modal-btn i::before {
  -webkit-transition: .2s;
  transition: .2s;
}

.menu-modal-btn i {
	position: absolute;
    -webkit-transition: .2s, color 0s;
    transition: .2s, color 0s;
    top: 50%;
    margin-top: -2px;
    left: 0;
    right: 0;
    color: #000;
}


.menu-modal-btn.toggle-close::before {
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.menu-modal-btn.toggle-close::after,
.menu-open .menu-modal-btn:hover::after {
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.menu-modal-btn.toggle-close i {
  left: 10px;
  right: 10px;
}

.menu-modal-btn.toggle-close i::after,
.menu-modal-btn.toggle-close i::before {
    left: 10px;
    right: 10px;
}

.menu-modal-btn.toggle-close i::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: .4s .2s ease;
  transition: .4s .2s ease;
}

.menu-modal-btn.toggle-close i::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: .4s .2s ease;
  transition: .4s .2s ease;
}

.menu-modal-btn.toggle-close span:first-child {
  margin-top: -18px;
  -webkit-transition: .4s;
  transition: .4s;
}

@media (max-width: 767px){ 
	.menu-modal-btn.toggle-close{
		width: 50px;
    	height: 50px;
		margin-left: 5px;
	}
	.menu-modal-btn.toggle-close i::after, .menu-modal-btn.toggle-close i::before {
		left: 0px;
		right: 0px;
	}
}

/* booking modal button */
.cat-room-detail .booking-modal-btn, .cat-room-detail .modal-engine-wrapper,
.cat-offer-detail .booking-modal-btn, .cat-offer-detail .modal-engine-wrapper,
.cat-booking .booking-modal-btn, .cat-booking .modal-engine-wrapper,
.cat-offer-detail .booking-modal-btn, .cat-offer-detail .modal-engine-wrapper {
  display: none;
  opacity: 0 !important;
}

#header .modal-engine-wrapper.offset-active {
  width: auto;
  opacity: 1;
}

#header .modal-engine-wrapper {
	margin-left: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.club-wrapper{
	color: #000;
    pointer-events: initial;
    padding: 10px;
}

/* Engine modal */
#fixed-header .modal-engine-wrapper>.booking-modal-btn {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#fixed-header .modal-engine-wrapper>.booking-modal-btn {
	width: 175px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s;
    transition: .4s;
}
#fixed-header .modal-engine-wrapper>.booking-modal-btn.toggle-close {
    width: 60px!important;
    height: 60px;
    color: transparent;
    background: #E9E9EF;
    border-radius: 100%;
}
#fixed-header .modal-engine-wrapper>.booking-modal-btn.toggle-close:before {
  content: '\e95d';
  color: #000;
}
#fixed-header .modal-engine-wrapper>.booking-modal-btn:before {
  font-family: 'mirai-icofonts';
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0;
  color: #000;
  -webkit-transition: 0s;
  transition: 0s;
}
#fixed-header .modal-engine-wrapper>.booking-modal-btn.toggle-close:before {
  opacity: 1;
  font-size: 22px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* best price */
#navigationweb > div.right-nav{
	position: relative;
    width: auto;
    padding: 0 30px 0px;
}
.best-price{
	color: #000;
    font-size: calc(11px + (11 - 11) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
}
.best-price{
    color: #000;
    font-size: calc(11px + (11 - 11) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
	-webkit-transition: .3s cubic-bezier(0.485, 0.610, 0.570, 1.370);
	transition: .3s cubic-bezier(0.485, 0.610, 0.570, 1.370);
	position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
}
.best-price:before, 
.best-price:after{
	content: "";
    display: inline-block;
    width: 15px;
    margin: 0 8px;
    border-top: 1px solid #000;
    -webkit-transition: .3s .3s cubic-bezier(0.485, 0.610, 0.570, 1.370);
    transition: .3s .3s cubic-bezier(0.485, 0.610, 0.570, 1.370);
}
#fixed-header.offset-active .best-price:before, 
#fixed-header.offset-active .best-price:after{
	width: 0;
}
#fixed-header.offset-active .best-price{
	visibility: hidden;
    opacity: 0;
    margin-top: 30px;
}

@media (max-width: 767px) {
	#header .modal-engine-wrapper{
		position: fixed;
		bottom: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.engine-modal-active #header .modal-engine-wrapper{
		position: static;
    	-webkit-transform: none;
    	transform: none;
	}
	#navigationweb > div.right-nav{
		padding: 0;
	}
}


/* logo */
#logo {
  height: auto;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.logo-wrapper{
    position: absolute;
    top: 40px;
    left: calc(50% - 150px);
	z-index: 600;
}

@media (max-width: 979px) {
	.logo-wrapper {
		top: 170px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.home .logo-wrapper img{
		filter: invert();
	}
	.home.is-mobile .main-title-wrapper>h4{
		color: #7B8083;
		margin-top: 120px;
	}
}

/* qtranslate */
.widget_qtranslate {
	display: block;
}

.widget_qtranslate:after, #header .widget_qtranslate:before {
  content: "\e971";
  font-family: 'mirai-icofonts';
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  font-size: 9px;
	display: none;
}

#header .widget_qtranslate:before {
  content: '\e9a4';
  right: auto;
  left: 2px;
  font-size: 16px;
  margin-top: -8px;
}

.widget_qtranslate select {
  border: none;
  padding-right: 14px;
  padding-top: 0;
  padding-bottom: 1px;
  line-height: normal;
  height: auto;
}

.widget_qtranslate select option {
  padding: 6px 10px !important;
}

.widget_qtranslate ul {
  text-transform: uppercase;
  line-height: 1;
}

.widget_qtranslate ul li {
	float: left;
    padding: 0 5px;
    margin: 0;
    font-family: "Open Sans";
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1;
}
.widget_qtranslate ul li:first-child {
    padding-left: 0;
}

.widget_qtranslate ul li:last-child {
  padding-right: 0;
  border-right: none;
}


.widget_qtranslate ul li a {
  display: block;
}

#container .widget_qtranslate ul li.active a, #container .widget_qtranslate a:hover {
  color: #fff;
  text-decoration: none;
}

.widget_qtranslate ul li.active a {
  cursor: default;
}

/* menu web */
ul#menu_web {
  text-transform: uppercase;
}

ul#menu_web>li {
  display: inline-block;
  position: relative;
  margin-left: 20px;
}

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

ul#menu_web>li>a {
  position: relative;
  padding: 10px 0;
  color: #252525;
}

ul#menu_web>li>a:hover, ul#menu_web>li.menu-item-has-children:hover>a, ul#menu_web>li.current-menu-item>a,
ul#menu_web>li.current-menu-ancestor>a, ul#menu_web>li.current-menu-parent>a {
  color: #000000;
}

/* underline hover and active */
ul#menu_web>li>a:before {
  content: '';
  display: block;
  position: absolute;
  border-bottom: 1px solid;
  bottom: 8px;
  left: 0;
  width: 0;
}

ul#menu_web>li>a:hover:before {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

ul#menu_web>li>a:hover:before, ul#menu_web>li.current-menu-item>a:before, ul#menu_web>li.current-menu-parent>a:before {
  width: 100%;
}

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: 10px;
  vertical-align: middle;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-text-stroke: 0px;
}

ul#menu_web .sub-menu li,.home #menu_web li.current-menu-item {
  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;
}

#modal-menuweb {
  background-color: rgba(255, 255, 255, 0.9);
}

#modal-menuweb ul#menu_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 22px;
}

#modal-menuweb ul#menu_web>li {
  margin-left: 0;
}

#navigationweb>#menu_web {
  display: none;
}

/* Hover and current */

#menu_web > li.active-second-menu > a, #menu_web > li.current_page_item > a, #menu_web > li.current_menu_ancestor > a, #menu_web > li:hover > a {
    -webkit-text-stroke:  1px;
}

/* Click instead of hover */

ul#menu_web > li > ul.sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 95%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

ul#menu_web li.menu-item-has-children.active-item > a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul#menu_web > li.active-item > ul.sub-menu {
    top: 100%;
    opacity: 1;
    pointer-events: all;
}

/* - Types menus  - */

/* interior hotel menu */
.nav-int-hotel ul{
	background: #e9e9ef;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 5px;
}
.nav-int-hotel ul li{
    display: inline-block;
}
.nav-int-hotel .hotel-name,
.nav-int-hotel ul li a{
    color: #3F3F41;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1900 - 300)));
	letter-spacing: 0;
	padding: 5px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}
.nav-int-hotel ul li a:hover{
	text-decoration: none;
}

@media (max-width: 767px){
	.nav-int-hotel{
		display: none;
	}
}

/* - End types menus - */



/* ------------------ */
/* --- MIRAI MENU --- */
/* ------------------ */
.modal-menuweb-active .c-scrollbar{
	display: none;
}
.modal-menuweb-active #fixed-header{
	right: auto;
}
.modal-menuweb-active #navigationweb{
	padding-left: 0;
	padding-right: 0;
}
#modal-menuweb.mirai-modal .mi-modal-content{
	background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0px;
}
.mirai-menu {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #667179;
}
.mirai-menu.mi-secondary-is-open .img-menu-wrapper .modal-engine-content{
	display: none;
}

.mirai-menu .main-col {
	height: 100%;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
	background: rgba(0,0,0,0.84);
	color: #868691;
}

.mirai-menu .secondary-col {
    height: 100%;
    width: 60%;
    position: relative;
}

.mirai-menu a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color .4s;
    transition: color .4s;
}
.mirai-menu #mi-main-menu a {
    text-decoration: none;
    font-size: calc(18px + (35 - 18) * ((100vw - 300px) / (1900 - 300)));
    line-height: 1;
    letter-spacing: 0;
    font-weight: 400;
    padding: 15px 0;
    display: inline-block;
    -webkit-transition: color .4s;
    transition: color .4s;
}
.mirai-menu #mi-main-menu a span{
	font-size: 17px;
    vertical-align: super;
    padding-left: 7px;
}

.mirai-menu #mi-main-submenu{
	border-top: 1px solid #4E4E4E;
    padding-top: 20px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mirai-menu #mi-main-submenu a {
	text-decoration: none;
    font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1900 - 300)));
    line-height: 1;
    letter-spacing: 0;
    font-weight: 300;
    display: inline-block;
	padding: 0 20px;
    -webkit-transition: color .4s;
    transition: color .4s;
}
.mirai-menu #mi-main-submenu a:first-child{
	padding-left: 0;
}
.mirai-menu #mi-main-submenu .covid-menu * {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
}
.mirai-menu #mi-main-submenu .covid-menu a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
	padding-left: 10px;
}
.mirai-menu #mi-main-submenu .covid-menu a:before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 15px;
    background: #767676;
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 1281px){
	.mirai-menu .main-col{
		padding: 50px;
	}
	.mirai-menu #mi-main-menu a{
		padding: 10px 0;
	}
	.modal-menuweb-active #fixed-header{
		padding-top: 20px;
    	padding-bottom: 0;
	}
	.modal-menuweb-active a.covid-btn{
		display: none;
	}
	.mirai-menu .widget_qtranslate {
		margin-bottom: 30px;
	}
}

@media (max-width: 979px){ 
	.mirai-menu .main-col {
		width: 30%;
	}
	.mirai-menu .secondary-col {
    	width: 70%;
	}
	.mirai-menu .main-col {
		padding: 30px;
	}
	.mirai-menu #mi-main-submenu{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (min-width: 768px) {
    /* not mobile */ .mirai-menu .secondary-col .mi-secondary-menu .mi-sub-menu::-webkit-scrollbar {
        width: 5px;
    }

    .mirai-menu .secondary-col .mi-secondary-menu .mi-sub-menu::-webkit-scrollbar-thumb {
        background: #A8034D;
    }

    .mirai-menu .secondary-col .mi-secondary-menu .mi-sub-menu::-webkit-scrollbar-track {
        background: transparent;
        border-left: 5px solid #d0d2d5;
    }
}

/* menu open */
.modal-menuweb-active #fixed-header .pre-header {
    opacity: 0;
    pointer-events: none;
}

/* another menu elements */
.mirai-menu .widget_qtranslate {
    margin-bottom: 50px;
}

.mirai-menu .socialmedia {
    border-top: 1px dashed;
    padding: 20px 0px;
    font-size: 13px;
}

.mirai-menu .socialmedia a {
    padding: 0.5em;
    border: 1px solid;
    border-radius: 100%;
}

.mirai-menu .socialmedia li {
    padding: 0 0.3em;
    line-height: 1;
}

.mirai-menu a.telefono {
    font-size: .9em;
    letter-spacing: .07em;
}

.mirai-menu div#engine-tracking-link-wrapper {
    margin-top: 20px;
    font-size: .9em;
}

/* MAIN MENU */
.mirai-menu {
}

.mirai-menu #mi-main-menu {
    font-size: 1.2em;
    display: block;
}

.mirai-menu #mi-main-menu li.menu-item {
    display: block;
}

.mirai-menu .main-col a:hover, .mirai-menu #mi-main-menu li.menu-item.mi-active {
    color: #fff;
}

.mirai-menu #mi-main-menu li.menu-item.mi-has-children i {
    font-size: .7em;
    display: inline-block;
    margin-left: .8em;
}

.mirai-menu #mi-main-menu li.menu-item.mi-has-children.mi-active i:before {
    content: '\e959';
}

/* close secondary link (just visible at phone) */
.mirai-menu .main-col .mi-close-secondary {
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-50%,-50%);
    transform: rotate(-90deg) translate(-50%,-50%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    padding: .5em 1em;
    opacity: 0;
    -webkit-transition: var(--time2);
    transition: var(--time2);
    display: none;
}

.mirai-menu.mi-secondary-is-open .main-col .mi-close-secondary {
    pointer-events: all;
    opacity: 1;
    -webkit-transition-delay: var(--time2);
    transition-delay: var(--time2);
}

/* SECONDARY MENU */
.mirai-menu .mi-secondary-menu {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.mirai-menu .mi-secondary-menu.mi-active{
	overflow-y: auto;
    overflow-x: hidden;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/* background */
.mirai-menu .mi-secondary-menu:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #F2F3F4;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu {
    position: relative;
    width: calc(50% - 40px);
}

/* hotel menu */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"].hotels-menu {
	padding: 30px;
}
.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a{
	padding: 0 30px;
	margin-top: 20px;
}
@media (max-width: 1025px){
	.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a{
		width: 100%;
	}
	.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a > img {
		max-height: 180px;
	}
}

.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a *{
    color: #000000;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
}
.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a > p{
	border-top: 1px solid #ccc;
    padding-top: 20px;
}
.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a > img{
	padding: 5px 0;
}
.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a:hover > img,
.mirai-menu .mi-secondary-menu > .locations-menu.mi-sub-menu > li > a:hover > img,
.mirai-menu .mi-secondary-menu > .experiences-menu.mi-sub-menu > li > a:hover > img{
	-webkit-filter: brightness(0.85);
	filter: brightness(0.85);
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

/* locations menu */
.mirai-menu .mi-secondary-menu > .locations-menu.mi-sub-menu > li.menu-item > a:before,
.mirai-menu .mi-secondary-menu > .experiences-menu.mi-sub-menu > li.menu-item > a:before{
	content: "";
    height: 40%;
    width: 100%;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 75%)), to(rgba(34,34,34,0)));
    background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, rgba(34,34,34,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.mirai-menu .mi-secondary-menu > .locations-menu.mi-sub-menu > li.menu-item > a > .info-location-submenu,
.mirai-menu .mi-secondary-menu > .experiences-menu.mi-sub-menu > li.menu-item > a > .info-experience-submenu{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	z-index: 1;
}


.mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    background: #fff;
    padding: 70px;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu:not(.mi-active) {
    pointer-events: none;
    position: absolute;
    width: calc(50% - 80px);
    opacity: 0;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"]:not(.mi-active) {
    width: calc(100% - 80px);
}

/* main link */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link {
    font-size: 0.8em;
    margin-bottom: 1.7em;
    width: 100%;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link i, .mirai-menu .main-col .mi-close-secondary i {
    border: 1px solid;
    border-radius: 100%;
    padding: 0.4em;
    display: inline-block;
    font-size: 10px;
    margin-left: .5em;
    vertical-align: .3em;
    -webkit-text-stroke-width: 0;
    line-height: 1;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link a.mi-close-submenu i {
    margin-left: 0;
    margin-right: .5em;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link a {
    display: inline-block;
}

.mirai-menu .mi-secondary-menu:not(.mi-descent-active) > ul.mi-sub-menu > li.main-link a.mi-close-submenu, .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu > li.main-link a:not(.mi-close-submenu) {
    width: 0px;
    height: 0px;
    overflow: hidden;
    pointer-events: none;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link a:hover {
    -webkit-text-stroke-width: .5px;
}

/* cols */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div {
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div:first-of-type {
    padding-left: 0;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div:last-of-type {
    padding-right: 0;
}

/* labels */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu p.menu-label {
    margin-bottom: 1em;
    color: rgb(195 189 193);
    font-size: .9em;
    margin-top: 1.5em;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu p.menu-label {
    border-top: 1px solid;
    padding-top: 1.2em;
}

@media (min-width: 980px) {
    /* only desktop */ .mirai-menu .mi-secondary-menu > ul.mi-sub-menu p.menu-label:first-of-type {
        margin-top: 0px;
    }

    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu p.menu-label:first-child {
        padding-top: 0px;
        border-top: 0 none;
    }
}

/* items */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item:not(.mi-active):not(:last-child), .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.menu-item:not(:last-child) {
    margin-bottom: 1em;
}

/* hover and active */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item.mi-active > a {
    pointer-events: none;
}

/* TRANSITIONS */
.mirai-menu {
    --time1: .4s;
    --time2: .6s;
}

/* PRIMARY transition order:

Open (.mi-active):
1. open background
2. opacity submenu */
/* deactivated - background */
.mirai-menu .mi-secondary-menu:before {
    -webkit-transition: var(--time2) var(--time1);
    transition: var(--time2) var(--time1);
}

/* activated - background */
.mirai-menu .mi-secondary-menu.mi-active:before {
    right: 50%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* activated - backgrund size for submenu with cols */
.mirai-menu .mi-secondary-menu.mi-submenu-has-cols.mi-active:not(.mi-descent-active):before {
    right: 0%;
}

/* activated - submenu */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu {
    -webkit-transition: opacity var(--time1) var(--time2);
    transition: opacity var(--time1) var(--time2);
}

/* deactivated - submenu */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu:not(.mi-active) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* SECONDARY SUB MENU transition order:

Open (.mi-active):
1. opacity 0 resto hoteles
2. height 0 resto hotels
3. cols (innactiva 0% ancho) & background 50%
4. height 100% ul.sub-menu
5. opacity items submenu con un pequenho delay

Close:

1. height: 0% ul.sub-menu & opacity 0 items submeny
2. cols tamano original & backgorund 100%;
3. height normal resto hoteles
4. opcity 1 resto hoteles
*/
/* secondary menu items */
/* deactivated (submenu) - activated all items of secondary menu (normal situation) */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu p.menu-label, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item:not(.mi-active) {
    max-height: 50px;
    -webkit-transition: all var(--time1) calc(var(--time1) + var(--time2)), opacity var(--time1) calc(var(--time1) * 2 + var(--time2));
    transition: all var(--time1) calc(var(--time1) + var(--time2)), opacity var(--time1) calc(var(--time1) * 2 + var(--time2));
}

/* activated (submenu) - deactivate other items of secondary menu */
.mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-active p.menu-label, .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-active > div > li.menu-item:not(.mi-active) {
    opacity: 0;
    max-height: 0px;
    pointer-events: none;
    margin: 0;
    padding: 0;
    border-width: 0px;
    -webkit-transition: all var(--time1) var(--time1), opacity var(--time1) 0s;
    transition: all var(--time1) var(--time1), opacity var(--time1) 0s;
}

/* activated (submenu) - active menu item of secondary menu */
.mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-active > div > li.menu-item.mi-active {
    max-height: 100vh;
    -webkit-transition: all var(--time1) var(--time1);
    transition: all var(--time1) var(--time1);
}

/* deactivated cols & background (just when close submenu) */
.mirai-menu .mi-secondary-menu.mi-submenu-has-cols.mi-active.mi-descent-was-used:not(.mi-descent-active):before, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div {
    -webkit-transition: var(--time1) var(--time2);
    transition: var(--time1) var(--time2);
}

/* activated cols & background */
.mirai-menu .mi-secondary-menu.mi-submenu-has-cols.mi-active.mi-descent-active:before, .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu > div {
    -webkit-transition-delay: calc(var(--time1) * 2);
    transition-delay: calc(var(--time1) * 2);
}

/* activated cols */
@media (min-width: 980px) {
    .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-active > div:not(.mi-active) {
        width: 0%;
        padding: 0;
    }

    .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-active > div.mi-active {
        padding-left: 0;
        padding-right: 40px;
    }
}

/* main link effect (just for secondary with submenu) */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu.mi-has-descent > li.main-link a {
    -webkit-transition: opacity var(--time1) calc(var(--time1) * 2 + var(--time2));
    transition: opacity var(--time1) calc(var(--time1) * 2 + var(--time2));
}

/* activate/deactivate main-link/close-submenu */
.mirai-menu .mi-secondary-menu:not(.mi-descent-active) > ul.mi-sub-menu.mi-has-descent > li.main-link a.mi-close-submenu, .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu.mi-has-descent > li.main-link a:not(.mi-close-submenu) {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* deactivated Hotel submenu */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu {
    max-height: 0px;
    overflow: hidden;
    border-top: 0px solid transparent;
    -webkit-transition: all var(--time2) var(--time1), max-height var(--time2) 0s;
    transition: all var(--time2) var(--time1), max-height var(--time2) 0s;
}

/* activated Hotel submenu */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active {
    border-top: 1px solid rgb(195 189 193);
    margin-top: 1.4em;
    padding-top: 1em;
    max-height: 100vh;
    -webkit-transition: 1s calc(var(--time1) * 3);
    transition: 1s calc(var(--time1) * 3);
}

/* menu item - Hotel sub menu deactive */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu li.menu-item {
    margin-bottom: .5em;
    -webkit-transform: translateX(.5em);
    transform: translateX(.5em);
    opacity: 0;
    -webkit-transition: all 0s var(--time2), opacity var(--time1) 0s;
    transition: all 0s var(--time2), opacity var(--time1) 0s;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu li.menu-item:last-child {
    margin-bottom: 0px;
}

/* menu item - Hotel sub menu active */
.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    --more-delay: 0;
    -webkit-transition: .5s calc(var(--time1) * 3 + .5s + (var(--more-delay) * .2s));
    transition: .5s calc(var(--time1) * 3 + .5s + (var(--more-delay) * .2s));
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(1) {
    --more-delay: 1;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(2) {
    --more-delay: 2;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(3) {
    --more-delay: 3;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(4) {
    --more-delay: 4;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(5) {
    --more-delay: 5;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(6) {
    --more-delay: 6;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(7) {
    --more-delay: 7;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(8) {
    --more-delay: 8;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(9) {
    --more-delay: 9;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(10) {
    --more-delay: 10;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(11) {
    --more-delay: 11;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(12) {
    --more-delay: 12;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(13) {
    --more-delay: 13;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(14) {
    --more-delay: 14;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active li.menu-item:nth-child(15) {
    --more-delay: 15;
}

/* CURRENT PAGE */
.mirai-menu .mi-secondary-menu li.menu-item.mi-current-page, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link.mi-current-page a:not(.mi-close-submenu) {
    pointer-events: none;
}

.mirai-menu li.menu-item.mi-current-page > a, .mirai-menu #mi-main-menu li.menu-item.mi-current-page > a, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item.mi-has-children.mi-current-ancestor > a, .mirai-menu #mi-main-menu li.menu-item.mi-current-ancestor > a, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link.mi-current-page a:not(.mi-close-submenu) {
    color: #fff;
}

.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > li.main-link.mi-current-page a:not(.mi-close-submenu) i {
    display: none;
}

/* MENU IMAGES */
.mirai-menu .img-menu-wrapper {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

#modal-menuweb.mi-active .mirai-menu .img-menu-wrapper {
    opacity: 1;
    -webkit-transition: .5s .8s;
    transition: .5s .8s;
}

.mirai-menu .img-menu-wrapper > img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.mirai-menu .img-menu-wrapper > img.default-img, .mirai-menu .img-menu-wrapper > img.mi-hovered, .mirai-menu .img-menu-wrapper > img.mi-active, .mirai-menu .img-menu-wrapper > img.mi-deployed {
    opacity: 1;
}

.mirai-menu .img-menu-wrapper > img.mi-active {
    z-index: 1;
}

.mirai-menu .img-menu-wrapper > img.mi-hovered {
    z-index: 2;
}

/* TABLET RESPONSIVE */
/* [col-sm] Tablet vertical */
@media (max-width: 979px) {
	.mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"]{
		padding: 50px;
	}
    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div {
        width: 100%;
    }
    .mirai-menu .main-col, .mirai-menu .secondary-col {
        -webkit-transition: var(--time2) var(--time1);
        transition: var(--time2) var(--time1);
    }

    /*.mirai-menu .main-col, .mirai-menu .secondary-col .mi-secondary-menu:not(.mi-descent-active) .mi-sub-menu, .mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div > li.menu-item > ul.mi-sub-menu.mi-active {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 100%;
    }*/

    /* background submenu */
    .mirai-menu .mi-secondary-menu.mi-active:before {
        right: calc((100% - 80px) * .35 + 40px);
    }

    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu {
        width: calc(65% - 40px);
    }

    .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu > div {
        width: 64%;
    }

    /* background submenu descent */
    .mirai-menu .mi-secondary-menu.mi-descent-active.mi-active:before {
        right: calc((100% - 80px) * .36);
    }

    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu:not(.mi-active) {
        width: calc(65% - 80px);
    }

    /*.mirai-menu .mi-secondary-menu > ul.mi-sub-menu > div {
        padding: 0px;
        padding-right: 40px !important;
    }*/

    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"] > div:first-of-type p.menu-label:first-child {
        border-top: 0px none;
        padding-top: 0px;
    }
}

/* MOBILE RESPONSIVE */
/* [col-xs] Mobile */
@media (max-width: 767px) {
    .mirai-menu .main-col {
        width: 100%;
		padding: 100px 30px 30px;
    }
    .mirai-menu .secondary-col {
        width: 0;
    }
    .mirai-menu.mi-secondary-is-open .main-col {
        width: 60px;
    	padding: 0;
    }

    .mirai-menu.mi-secondary-is-open .secondary-col {
        width: 100%;
    }

    .mirai-menu.mi-secondary-is-open .main-col, .mirai-menu.mi-secondary-is-open .secondary-col {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .mirai-menu .main-col > div > * {
        -webkit-transition: var(--time1) var(--time2);
        transition: var(--time1) var(--time2);
    }

    .mirai-menu.mi-secondary-is-open .main-col > div > * {
        opacity: 0;
        pointer-events: none;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .mirai-menu .main-col .mi-close-secondary {
        display: block;
    }

    .mirai-menu.mi-secondary-is-open .main-col .mi-close-secondary {
        -webkit-transition-delay: calc(var(--time2) + var(--time1));
        transition-delay: calc(var(--time2) + var(--time1));
    }

    /*.mirai-menu .mi-secondary-menu {
        padding: 40px 30px;
        padding-right: 0;
    }*/

    .mirai-menu .mi-secondary-menu.mi-descent-active > ul.mi-sub-menu > div {
        width: 100%;
    }

    .mirai-menu .mi-secondary-menu > ul.mi-sub-menu {
        width: 100%!important;
    }

    .mirai-menu .mi-secondary-menu:before {
        right: 0%!important;
    }
	#modal-menuweb.mi-active .mirai-menu .img-menu-wrapper{
		display: none;
	}
	.mirai-menu .widget_qtranslate {
		margin-bottom: 30px;
	}
	.mirai-modal .mi-modal-content > div.mirai-menu{
		padding: 0;
	}
	.mirai-menu .mi-secondary-menu > .hotels-menu.mi-sub-menu > div > a {
		padding: 0;
	}
	.mirai-menu .mi-secondary-menu > ul.mi-sub-menu[data-cols-inside="true"] {
		padding: 30px;
	}
	.locations-menu .menu-item a > img,
	.experiences-menu .menu-item a > img{
		min-height: 140px;
	}


}

/**************** END MIRAI MENU ****************************/





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

/* prefooter */
.prefooter, 
.pre-footer-hotel{
	background-color: #1D1D1D;
    padding: var(--pa-xl);
	font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1900 - 300)));
	position: relative;
}
.prefooter p, 
.pre-footer-hotel p{
	font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1900 - 300)));
}
.prefooter .row > div,
.pre-footer-hotel .row > div{
	padding: 25px;
}
.pre-footer-hotel:after{
	content: "";
    display: block;
    width: calc(100% - 128px);
    border-top: 1px solid #5B5B5B;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.pre-footer-hotel .logos-wrapper > div:not(.pre-footer-hotel .logos-wrapper > div:last-child){
    border-right: 1px solid #5B5B5B;
    padding-right: 30px;
    margin-right: 30px;
}
.prefooter .row > div:first-child > *{
	padding: 15px 0;
}
.prefooter i.icon-lock {
    font-size: 18px;
	padding-right: 8px;
}
.prefooter i.icon-lock:before {
    font-family: 'mirai-icofonts';
    content: '\e993';
}
.prefooter #engine-tracking-link-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.prefooter a.tracking-link{
	font-size: 13px;
	text-decoration: underline;
}
.menu-contact-footer {
	max-width: 80%;
}
.menu-contact-footer li{
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    padding: 0;
    padding-right: 5px;
    margin-right: 5px;
	margin-top: 7px;
    margin-bottom: 7px;
    border-right: 1px solid;	
}
.menu-contact-footer li:last-child{
	border: none;
}

@media (max-width: 1025px){ 
	.menu-contact-footer {
		max-width: 100%;
	}
}
@media (max-width: 979px) {
	.prefooter .row > div, .pre-footer-hotel .row > div {
		padding: 25px 0;
	}
}
@media (max-width: 767px) {
	.pre-footer-hotel:after {
		content: "";
		display: block;
		width: calc(100% - 32px);
	}
	.menu-contact-footer li {
		display: block;
		border: none;
		margin-top: 10px;
    	margin-bottom: 10px;
	}
	.newsletter-wrapper{
		border-bottom: 1px solid #5B5B5B;
		padding-bottom: calc(25px + var(--spacing-unit))!important;
	}
}

/* mainfooter */
.mainfooter {
    background-color: #ffffff;
    padding: var(--pa-xl);
	position: relative;
}

#christmas-modal .mi-modal-content {
  width: 60%!important;
}

.modal-christams-title p{
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
}

.modal-christmas-content .hotel-list {
  text-align: left;
}

.modal-christmas-content {
  background-color: #EEEEF3;
}

.mainfooter .hotel-list-wrapper,
.modal-christmas-content{
	/*border-top: 1px solid #ccc;
    padding-top: 25px;*/
    margin-top: var(--pa-xl);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
}

.mainfooter .hotel-list-wrapper .title,
.modal-christmas-content .title{
    color: #323232;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 20px 0 5px;
    line-height: 1;
    font-size: 16px;
}
.mainfooter .hotel-list-wrapper li a,
.modal-christmas-content li a{
	font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1900 - 300)));
    letter-spacing: 0;
    color: #545454;
    font-weight: 500;
	line-height: 1.35;
	padding: 5px 0 2px;
    display: inline-block;
}
.mainfooter .hotel-list-wrapper li a:hover,
.modal-christmas-content li a:hover{
    color: #a5a5a5;
    text-decoration: none;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

/* social media */
.footer-content .socialmedia a {
	background-color: #7B8083;
    border-radius: 100%;
    font-weight: normal;
    font-size: 11px;
    padding: 6px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-right: 8px;
    color: #ffffff;
}
.footer-content .socialmedia a:hover {
	background: #000;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

@media (max-width: 767px){ 
	.mainfooter .hotel-list-wrapper {
		padding-top: 0px;
		margin-top: 30px;
	}
	.mainfooter .hotel-list-wrapper .title {
		padding: 30px 0 5px;
	}
}


/* postfooter */
.postfooter {
	background-color: #1D1D1D;
    padding-top: var(--pa-sm);
	padding-bottom: var(--pa-xl);
	padding-left: var(--pa-xl);
	padding-right: var(--pa-xl);
    font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1900 - 300)));
	position: relative;
}
.postfooter .menu li {
  padding-left: 15px;
}
.postfooter .menu li:first-child {
  padding-left: 0;
}
#developed-wrapper a {
  text-transform: lowercase;
  color: #fff;
}

@media (max-width: 767px){
	.postfooter .menu li {
		width: 100%;
		padding: 5px 0;
	}
	.prefooter,
	.mainfooter,
	.postfooter{
		padding-right: 0;
    	padding-left: 0;
	}
}


/* hotelschema - vcard */
.hotelschema>br {
  display: none;
}
.hotelschema .phone-label, .hotelschema .fax-label {
  display: none;
}
.hotelschema {
  line-height: 1.7em;
}
.hotelschema .address, .hotelschema .tel, .hotelschema .fax, .hotelschema .mail {
  display: block;
}
.hotelschema .tel:before, .hotelschema .fax:before, .hotelschema .mail:before {
  vertical-align: middle;
  margin-right: 6px;
  display: inline-block;
  font-family: 'mirai-icofonts';
}
.hotelschema .tel:before {
  content: '\e9b3';
}
.hotelschema .fax:before {
  content: '\e9bd';
}
.hotelschema .mail:before {
  content: '\e9bf';
}



/* MAIN ELEMENTS */
#content-header {
  position: relative;
    overflow: hidden;
}
#content-header.full-vh {
    height: 100vh;
}
.cat-home #content-header .main-title-wrapper{
	position: relative;
    bottom: 150px;
}

#content-header>img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#content-header.full-vh > img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.picbox {
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 50px 0;
}
	@media (max-width: 767px) {
		#content-header>img{
			min-height: 300px;
		}
	}

.engine-wrapper {
  pointer-events: none;
  padding-top: 30px;
  position: relative;
  width: 100%;
}

.engine-wrapper-absolute {
  position: absolute;
  bottom: 10%;
}

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

/* Advantages */
.class-element{
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.raise-height{
	padding-top:450px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.hero-info-wrapper{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000000));
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.hero-info-wrapper .class-element > *{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 20%;
	flex: 1 1 20%;
}
.hero-info-wrapper .class-element .main-title-wrapper{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 20%;
	flex: 1 1 60%;
}
.cat-home .advantages-btn{
    max-width: 200px;
    pointer-events: none;
    border-right: 1px solid;
    padding: 5px 0;
    margin-right: 30px;
}
.not-home .advantages-btn p {
    max-width: 150px;
}
.advantages-btn i{
	margin-right: 15px;
}
.advantages-btn p{
	text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.2px;
}
.advantages-wrapper ul li i{
	color: #e9e9eb;
    font-size: 30px;
    margin-right: 15px;
}
.advantages-wrapper ul li p{
	font-size: 15px;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1.3;
}
.advantages-btn:hover{
	text-decoration: none;
}

@media (max-width: 979px) {
	.hero-info-wrapper {
		padding-top: 100px;
	}
	.cat-home .advantages-btn {
		display: none!important;
	}
}

@media (max-width: 767px) {
	.hero-info-wrapper .class-element .main-title-wrapper {
		position: absolute;
		bottom: 30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: calc(100% - (calc(2*var(--pa-xl))));
	}
	
	.cat-hotel .hero-info-wrapper .class-element .main-title-wrapper {
		bottom: 28vh;
	}
	.hero-info-wrapper {
		background: none;
		padding-top: 0;
		position: static;
		height: 0;
	}
}


/**/

.hero-info-wrapper.offset-active{
	
}
.fixed-advantages-btn{
	position: fixed;
    bottom: 50px;
    left: 50px;
    z-index: 1;
    display: block;
    opacity: 0;
	-webkit-transition: opacity ease-in-out 0.25s;
	transition: opacity ease-in-out 0.25s;
}
.fixed-advantages-btn.appear{
	opacity: 1;
	-webkit-transition: opacity ease-in-out 0.25s;
	transition: opacity ease-in-out 0.25s;
}
.fixed-advantages-btn i{
    color: #fff;
    background: #8d8d98;
    -webkit-box-shadow: 0px 0px 0px 12px #8d8d98;
    box-shadow: 0px 0px 0px 12px #8d8d98;
    border-radius: 100%;
    font-size: 18px;
    line-height: 18px;
    display: block;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.fixed-advantages-btn.offset-active i{
	-webkit-transform-origin: center;
	transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

/* small screens */
@media (min-width: 768px) and (max-width: 979px) {
  
}


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

/* HOME */

/* covid btn */
a.covid-btn{
	background: var(--light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000000;
	position: relative;
    z-index: 1;
}
a.covid-btn:hover{
	text-decoration: none;
}
a.covid-btn > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 10px;
}
a.covid-btn i{
	padding-right: 5px;
    font-size: 15px;
}
a.covid-btn span{
	height: 1px;
    width: 12px;
    display: inline-block;
    background: #2c2c2c;
    margin: 0 4px;
}
a.covid-btn p:not(.xs-p){
	color: #000;
	font-size: calc(12px + (10 - 12) * ((100vw - 300px) / (1900 - 300)));
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
}
a.covid-btn .hover-item{
	padding: 7px 0;
}
a.covid-btn .hover-item span{
	margin-left: -5px;
	 -webkit-transition: width .3s cubic-bezier(0.15, 0.18, 0.26, 1.47), margin .3s cubic-bezier(0.15, 0.18, 0.26, 1.47);
    transition: width .3s cubic-bezier(0.15, 0.18, 0.26, 1.47), margin .3s cubic-bezier(0.15, 0.18, 0.26, 1.47);
}
a.covid-btn .hover-item p{
	font-weight: 700;
}
a.covid-btn:hover .hover-item span{
	width: 22px;
    -webkit-transition: width .3s cubic-bezier(0.15, 0.18, 0.26, 1.47), margin .3s cubic-bezier(0.15, 0.18, 0.26, 1.47);
    transition: width .3s cubic-bezier(0.15, 0.18, 0.26, 1.47), margin .3s cubic-bezier(0.15, 0.18, 0.26, 1.47);
}
.mirai-modal-active a.covid-btn{
	display: none;
}

@media (max-width: 767px) {
	a.covid-btn > div.l-covid{
		display: none;
	}
}

/**/
.c-over-img .row:before{
	content:"";
	display: block;
	height: 100%;
	width: 4px;
	background: #fff;
	position: absolute;
	left: calc(50% - 2px);
	top: 0;
	bottom: 0;
	z-index: 1;
}
.c-over-img .row:after{
	content:"";
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.m-animate.m-stop .c-over-img .row:after{}
.m-animate .c-over-img .row:after{}

@media (max-width: 979px) {
	.c-over-img .row:before {
		left: 0;
		right: 0;
		top: calc(50% - 2px);
		width: 100%;
		height: 3px;
	}
}

/**/
.banner-block-flw{
	overflow: hidden;
}
.banner-block-flw .bg-left{
	content: "";
    width: 150px;
    height: 175px;
    display: block;
    background-image: url(/files/deco-flw-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 150px;
}
.banner-block-flw .bg-right{
    content: "";
    width: 180px;
    height: 245px;
    display: block;
    background-image: url(/files/deco-flw-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -40px;
    bottom: 30px;
}
@media (max-width: 767px) {
	.banner-block-flw:before{
		display: none;
	}
	.banner-block-flw .bg-left{
		display: none;
	}
	.banner-block-flw .bg-right{
		right: -20px;
    	bottom: -50px;
	}
}

/**/
.flickity-slider .fwd-btn, 
.box-layout-wrapper .fwd-btn{
	color: var(--purple);
}
.flickity-slider .fwd-btn span,
.box-layout-wrapper .fwd-btn p{
	color: #474646;
 	font-size: 15px;
 	letter-spacing: 0;
 	line-height: 1;
}
.flickity-slider .fwd-btn:hover .mi-title3,
.box-layout-wrapper .fwd-btn:hover .mi-title3{
	color: #474748;
	-webkit-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}

.box-layout-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
	.box-layout-wrapper .fwd-btn{
		padding: 20px 0;
	}
	.box-layout-wrapper .fwd-btn img{
		max-height: 250px;
	}
}


/* icons */
.icons-content-wrapper i,
.advantages-btn i{
	color: #424242;
    background: #E9E9EB;
	border-radius: 100%;
    padding: 7px;
    font-size: 17px;
    line-height: 17px;
	-webkit-text-stroke-width: 0.5px;
}
.cat-spa .icons-content-wrapper i{
    font-size: 35px;
    line-height: 35px;
	-webkit-text-stroke-width: 0;
}
.icons-content-wrapper li p{
	font-size: 15px;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1.3;
}

/* t-line */
.t-line{
	display: block;
	background: #ccc;
	height: 1px;
    width: 0%;
    margin-top: var(--pa-xl);
}

.c-extend{
	width: 100%;
	-webkit-transition: width ease-in-out 3s;
	-webkit-transition: width ease-in-out 1s;
	transition: width ease-in-out 1s;
}

/* stars */
.five-stars:before{
	content:"\e99a \00a0 \e99a \00a0 \e99a \00a0 \e99a \00a0 \e99a \00a0";
	font-family: 'mirai-icofonts';
	font-size: 20px;
}
.four-stars:before{
	content:"\e99a \00a0 \e99a \00a0 \e99a \00a0 \e99a \00a0";
	font-family: 'mirai-icofonts';
	font-size: 20px;
}
.three-stars:before{
	content:"\e99a \00a0 \e99a \00a0 \e99a \00a0";
	font-family: 'mirai-icofonts';
	font-size: 20px;
}

/* contact */
.hotel-contact-info a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--purple);
}
.hotel-contact-info a:hover i{
	text-decoration: none;
}


/* line */
.line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.line > span{
	height: 1px;
    width: 100%;
    background: var(--purple);
}



/* go to anchor */
#content-header .go-to-anchor {
  display: inline-block;
  vertical-align: top;
  color: #FFFFFF !important;
  text-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
#content-header .go-to-anchor:hover {
  text-decoration: none;
}
#content-header .go-to-anchor i {
  display: block;
  padding: 10px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  font-size: 30px;
  line-height: 1;
}
#content-header .go-to-anchor:hover i {
  padding: 17px 10px 3px;
}


/* alternate content */
.alternate-content-block .row:nth-child(odd){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding-bottom: var(--pa-xl);
	padding-top: var(--pa-xl);
}

@media (max-width: 979px) {
	.alternate-content-block .row,
	.alternate-content-block .row:nth-child(odd){
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/* 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;
}

.starter-offers .offers-mashup .more-info-link {
  margin-top: 50px;
}

.starter-offers .offers-mashup dl dt {
  margin-bottom: 30px;
}

.starter-offers .offers-mashup .carousel-inner {
  width: 650px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* service list */
.service-list li {
  float: left;
  width: 16.666667%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .service-list li {
    width: 100%;
  }
}

@media (max-width: 979px) {
  .service-list li {
    width: 25%;
  }
}

.ie8 .service-list li, .ie9 .service-list li {
  display: inline-table !important;
  float: none;
}



#services-home .flickity-viewport, #services-home .carousel-cell {
    height: 100%;
}


/* HOTELS FILTER */

/* filter */
.filter-list-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#filter-modal{
	position: static;
    background: none;
    z-index: auto;
    width: auto;
    -webkit-transition: none;
    transition: none;
}
	#filter-modal .mi-modal-close{
		display: none;
	}
.filter-list-wrapper .filter-row {
	padding-left: var(--pa-xl);
}
	.filter-list-wrapper .filter-row .filter-title{
		color: #000000;
		font-size: 18px;
		line-height: 1;
		font-weight: 500;
		border-bottom: 1px solid #ccc;
		display: inline-block;
		padding: 0 20px 15px 0;
	}
	.filter-list-wrapper .filter-row .filter-type{
		color: #000000;
		font-size: 16px;
		line-height: 1;
		font-weight: 500;
		padding: 15px 0 20px 0;
	}
.box-filter-btn > i{
	display: none;
}
.filter-list-wrapper .filter-row .box-filter-drop .filter-btn {
    padding-bottom: 10px;
    font-size: 16px;
	cursor: pointer;
}
.filter-list-wrapper .filter-row .box-filter-drop .filter-btn:hover {
    color: #000;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.filter-list-wrapper .filter-btn i{
	font-style: normal;
    font-size: 10px;
    margin-left: 7px;
    vertical-align: middle;
}
.filter-list-wrapper .filter-btn i:before {
    content: '';
    font-family: 'mirai-icofonts';
}
.filter-list-wrapper .filter-btn.mi-active i:before {
    content: '\e95d';
}

/* HOTEL FILES */
.filter-items-content{
	display: grid;
	grid-column-gap: var(--pa-sm);
    grid-row-gap: var(--pa-sm);
    grid-template-columns: repeat(2, 1fr);
}
.filter-items-content .hotel-file *:not(.p-xs){
	color: #000000;
    font-family: "Open Sans";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 400;
}
.filter-list-wrapper .active-filter-list .filter-btn:not(.mi-active),
.filter-list-wrapper .hotel-file:not(.mi-active),
.filter-list-wrapper .notfound-msg:not(.mi-active) {
    display: none;
}
.filter-items-content .hotel-file a:hover{
	text-decoration: none;
}
.filter-items-content .hotel-file a img{
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.85s;
}
	.filter-items-content .hotel-file a:hover img{
		-webkit-box-shadow: 0 -4px 20px -4px rgb(134 134 145 / 50%);
		box-shadow: 0 -4px 20px -4px rgb(134 134 145 / 50%);
		-webkit-filter: brightness(0.85);
		filter: brightness(0.85);
		-webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.85s;
	}
	/*.filter-items-content .hotel-file a:hover .info-cell p{
		background: #e9e9ef85;
    	padding: 5px 20px;
    	border-radius: 20px;
	}*/



/* CLEAN FILTER */
.clean-filter{
    opacity: 0;
    display: inline-block;
    pointer-events: none;
    background: #e9e9ef;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 10px;
}
.clean-filter.show{
	opacity: 1;
    cursor: pointer;
	pointer-events: auto;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}


@media (max-width: 979px){ 
	.filter-list-wrapper .box-filter .box-filter-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .filter-list-wrapper .box-filter-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
	.filter-list-wrapper .box-filter .box-filter-btn i {
		display: block;
		margin-left: 7px;
		-webkit-transition: all .3s ease;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	.filter-list-wrapper .box-filter.mi-active .box-filter-btn i {
        -webkit-transform: rotate(313deg);
        transform: rotate(313deg);
    }
    .filter-list-wrapper .box-filter .box-filter-drop {
        overflow: hidden;
        max-height: 400px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	width: 80%;
		-webkit-transition: .8s;
        transition: .8s;
    }
    .filter-list-wrapper .filter-row .mirai-modal .box-filter:not(.mi-active) .box-filter-drop {
        max-height: 0;
        opacity: 0;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }
	.filter-list-wrapper .filter-row .box-filter-drop .filter-btn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 25px;
	}
	.clean-filter{
		margin-bottom: 25px;
	}

    .filter-list-wrapper .mirai-modal .mi-modal-content>div {
        overflow: unset;
    }
	.hotel-file .info-cell{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.filter-items-content .hotel-file *:not(.p-xs){
		padding: 5px 0;
	}
}

@media (max-width: 767px) { 
	.filter-items-content {
		grid-template-columns: repeat(1, 1fr);
	}
	.filter-list-wrapper .filter-row {
		padding-left: 0;
	}
	#filter-modal.mirai-modal .mi-modal-content>div{
		padding: 20px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;	
	}
	.filter-list-wrapper .box-filter .box-filter-drop{
		width: 100%;
	}
	.clean-filter{
		width: 100%;
		text-align: center;
		padding: 8px 15px;
		margin-bottom: 10px;
	}
	.filter-list-wrapper .hotel-file{
		position: relative;
		margin-bottom: 15px;
	}
	.filter-list-wrapper .info-cell > *:last-child{
		position: absolute;
		top: 25px;
		right: 15px;
		background: #fff;
		line-height: 1;
		padding: 7px 10px;
		border-radius: 50px;
		font-size: 16px;
		-webkit-box-shadow: 0px 0px 5px 3px rgb(171 171 171 / 35%);
		box-shadow: 0px 0px 5px 3px rgb(171 171 171 / 35%);
	}
}


/* WIFI */
.cat-landing-wifi a.covid-btn,
.cat-landing-wifi #fixed-header,
.cat-landing-wifi .footer-content{
	display: none!important;
}
.cat-landing-wifi .wifi-wrapper{
	height: 100vh;
    width: 100%;
	background: #e9e9ef;
}
.cat-landing-wifi .wifi-wrapper .back-home{
	color: #5E5E66;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 979px){ 
	.cat-landing-wifi .wifi-wrapper .accept-privacity{
		text-align: left;
	}
}

@media (max-width: 767px) { 
	.cat-landing-wifi .wifi-wrapper {
		height: auto;
    	padding-top: 45px;
    	padding-bottom: 45px;
	}
	.cat-landing-wifi .wifi-wrapper .common-form{
		padding: 20px 10px;
	}
}





/* LOCATION */
.map-img{
    max-height: 600px;
    -o-object-position: 100% 50%;
    object-position: 100% 50%;
}

/* ROOMS */
/* SERVICES */
/* PHOTOS */
/* OFFERS & ROOMS TEMPLATES */
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;
}

.offer-discount span[class*="span"] {
  display: inline;
  width: auto;
  float: none;
}

#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;
  color: inherit;
}


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

.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 4 detail & rooms detail 5 */
.offer-detail-4, .rooms-detail-5 {
  padding-bottom: 80px;
}

.rooms-detail-5 .only-one-photo>img {
  width: 100%;
}

.offer-detail-4 .offers-room-detail, .room-detail-5 .offer-room {
  background: #f3f3f3;
}

.room-detail-5 .offer-room {
  font-size: 14px;
}

.offer-detail-4 .offers-room-detail h2 {
  padding: 0;
}

.offer-detail-4 .offers-room-detail .room-offer {
  padding: 30px 0 0;
}

.room-detail-5 .offer-discount {
  font-size: 1em !important;
}

/* template 5 offers - gradient boxes */
.offers-listing .offer .offer-link-5, .offers-detail-wrapper.offer-detail-5 .offer-wrapper {
  background: #565656;
}

/* cada 3 cajas cambia ligeramente el tono del background */
.offers-listing .offer:nth-child(6n+4) .offer-link-5,
.offers-listing .offer:nth-child(6n+5) .offer-link-5,
.offers-listing .offer:nth-child(6n+6) .offer-link-5 {
  /* background: #ca9b4c; */
  /*descomenta esta linea y borra las dos inferiores si quieres un color totalmente diferente*/
  -webkit-filter: hue-rotate(145deg) saturate(1.3);
  filter: hue-rotate(145deg) saturate(1.3);
}

/* 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, #cookies-wrapper-content h2 {
	margin: 35px 0 10px 0;
}

/* 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 {
  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: 100px;
}

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

.bookingstep1 #fixed-header.offset-active, .chain_results #fixed-header.offset-active {
  position: static !important;
}
.bookingstep1 .best-price,
.bookingstep1 a.covid-btn{
	display: none!important;
}

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

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

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

.post h2 a {
  color: inherit;
}

/* small fonts */
.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 img {
  margin: 20px 0;
  max-width: 100%;
  display: block;
}

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

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

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

/* BLOG SIDEBAR */
.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 */
.single-post .post .entry {
  padding-top: 30px;
}

/* comments */
.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;
}

/* comment form */
.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 POST & CATEGORIES PAGES */
.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 ---------------------------------*/
/*---------------------------------------------------------------------------*/
/* IE9 & IE 8 HACK */
/* hidding icons from after in selects */
.ie9 .widget_qtranslate:after, .ie8 .widget_qtranslate:after {
  display: none !important;
}

.ie9 .widget_qtranslate select, .ie8 .widget_qtranslate select {
  padding-right: 0;
}

/* flex hacking */
.ie9 .flex, .ie8 .flex {
  display: table !important;
}

.ie9 .flex>*, .ie8 .flex>* {
  display: table-cell !important;
  border-collapse: collapse;
}

.ie9 .flex.fx-align-center, .ie9 .flex.fx-align-center>*, .ie8 .flex.fx-align-center, .ie8 .flex.fx-align-center>* {
  vertical-align: middle;
}

/*---------------------------------------------------------------------------*/
/*------------------------------- IMPROVEMENTS ------------------------------*/
/*---------------------------------------------------------------------------*/
/* LOADING EFFECTS */
.preloader img{
    opacity: 1;
    max-width: 190px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999999;
}


/* loading */
.preloader .preload{
    display: block!important;
}
body.loading .preloader .preload,
.preloader .preload{
    background: #fbfbfb;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 1;
}
body.loading .preloader img{
    opacity: 1;
}


/* load */
body.load .preloader .preload{
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
body.load .preloader img{
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/* Menu hamb fixes */

.mirai-menu .img-menu-wrapper {
    z-index: 1;
}


.mi-secondary-is-open.mirai-menu .mi-secondary-menu {
    z-index: 2;
}

.mi-iata-content li a {
    display: none;
}


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


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


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


/* BLOG PAGE */

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

.blog-wrapper {
	float: left;
	width: 75%;
	box-sizing: border-box;
    padding-right: 60px;
}


/* blog titles */

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

.post {
    margin-bottom: 40px;
}

.blog-wrapper a,
.blog-sidebar a{
	color: #424242;
	text-decoration: underline;
}

.post h2 a {
    color: inherit;
	text-decoration: none;
}

.post .entry img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    margin-bottom: 20px !important;
}


/* small fonts */

.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 #f9bb02;
    padding-bottom: 5px;
}

.blog-wrapper .entry {
    padding-top: 20px;
}

#prev_post,
#next_post {
    margin: 10px 0;
}


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

.blog-wrapper .post .entry p{
	font-size: 1.3rem;
}

.blog-wrapper .post .autor_post,
.blog-wrapper p.categorias{
	display: none;
}

.mi-be .mi-be-chain-select .mi-be-chain-dropdown ul li:last-child {
  display: none;
}

.logo-mice{
	width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

.img-promo{
	width: 200px;
    margin: 0 20px;
}

.promo-link{
	position: relative;
}
.texto {
  position: absolute;
  top: 0;
  left: 0;
  width: 83%;
  margin: 0 20px;
  height: 100%;
  background-color: rgb(147 147 147 / 50%); 
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.texto p {
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  margin: 0 10px;
}

.promo-link:hover .texto {
  opacity: 1;
}
/*---------------------------------------------------------------------------*/
/*-------------------------------- MEDIA QUERYS -----------------------------*/
/*---------------------------------------------------------------------------*/
/* [col-xl] Large desktop */

@media (max-width: 1420px) {
	.cat-home #container,
	.gran-hotel-miramar #container,
	.hotel-porta-fira #container{
		/*overflow-x: hidden;
		width: calc(100% + 7px);*/
	}
	/*body.hotel-porta-fira,
	body.gran-hotel-miramar,
	.hotel-porta-fira #container,
	.gran-hotel-miramar #container{
		overflow-x: hidden;
	}*/
}

/* [col-lg] Medium desktop */
@media (max-width: 1281px) {
	:root {
 		--spacing-unit: 16px;
	
		--pa-sm: calc(2 * var(--spacing-unit));
		--pa-xl: calc(3 * var(--spacing-unit));

		--deco-trans: calc(8 * var(--spacing-unit));
		--deco-trans-active: calc(11 * var(--spacing-unit));
	}
	.raise-height {
		padding-top: 50px;
	}
	.pvl{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pvxl {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}


/* Tablet horizontal */
@media (max-width: 1025px) {
	:root {
 		--spacing-unit: 16px;
	
		--pa-sm: calc(1.5 * var(--spacing-unit));
		--pa-xl: calc(2 * var(--spacing-unit));

		--deco-trans: calc(8 * var(--spacing-unit));
		--deco-trans-active: calc(11 * var(--spacing-unit));
	}
	.pvl {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#content-header.full-vh {
		height: calc(100vh - 25px);
	}
}

/* [col-sm] Tablet vertical */
@media (max-width: 979px) {
 	#ui-datepicker-div {
    	font-size: 14px !important;
    	left: 10px !important;
  	}
 	.fx-column-sm {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
  	}
	.fx-reverse-sm{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.hidden-sm{
		display: none;
	}
	.pvxl {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#fixed-header#navigationweb > div.right-nav{
		-webkit-transition: padding 0.5s ease-in-out;
		transition: padding 0.5s ease-in-out;
	}
	#fixed-header.offset-active #navigationweb > div.right-nav{
		padding: 0;
		-webkit-transition: padding 0.5s ease-in-out;
		transition: padding 0.5s ease-in-out;
	}
	.cat-home #content-header .main-title-wrapper{
		bottom: 100px;
		z-index: 1;
	}
	.services-list li{
		width: 45%;
		display: inline-block;
	}
	#content-header video,
	#rooms-portafira video,
	section[data-scroll-section-id="rooms-miramar"] video{
		display: none;
	}
    
    #scroll-rooms-miramar {
    	margin-top: 0px!important;
    }
	.blog-wrapper {
		width: 100%;
	}
}



/* [col-xs] Mobile */
@media (max-width: 767px) {
	:root {
		--spacing-unit: 16px;
		--pa-sm: calc(1.5 * var(--spacing-unit));
		--pa-xl: calc(1 * var(--spacing-unit));
		--deco-trans: calc(8 * var(--spacing-unit));
		--deco-trans-active: calc(11 * var(--spacing-unit));
	}
  	.container {
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
  	}
	.cat-home #container,
	.gran-hotel-miramar #container,
	.hotel-porta-fira #container{
		/*overflow-x: hidden;*/
		width: auto;
	}
	body .menu li.booking-button, body #menu_web li.menu-item.booking-button, html body.home #menu_web li.booking-button, #logo a span.visible-phone, 
	.hidden-xs{
    	display: none !important;
  	}
	.ph0-xs {
		padding-left: 0;
		padding-right: 0;
	  }
  	.fx-column-xs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
  	}
 	.fx-reverse-xs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	 }
	.fx-justify-start-xs{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	/* modal */
	.mim-modal-open #fixed-header {
    	z-index: 598;
  	}
 	.modal.fade.in {
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		border-radius: 0;
	 }
  	.modal-body {
    	max-height: none;
  	}
	.mirai-modal .mi-modal-content>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: #fff;
		padding: 70px 16px 16px 16px;
	}
	.mirai-modal .mi-modal-content.container{
		padding-left: 0;
		padding-right: 0;
	}
	
	/* menu */
	ul#menu_web {
   		display: block;
  	}
	#navigationweb>#menu_web {
    	display: none !important;
  	}
	ul#menu_web > li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #menu_web > li > a {
        float: left;
    }



 	/*-------- HEADER --------*/
    #fixed-header[data-hamburguer-desktop="false"] #navigationweb>.burguer-wrapper{
    	display: inherit;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }
	
  	/* booking link for mobile */
  	.booking-link {
    	display: block !important;
  	}

	/*-------- MAIN --------*/
	.home section#main {
		display: block;
	}
	.services-list li{
		width: 100%;
	}
	.location-info > *{
		padding: 12px 0;
	}
	/* carousel controls */
  	.carousel-control {
		font-size: 20px;
		width: 20px;
		margin-top: -25px;
 	}
	/* BLOG */
  	.blog-wrapper {
    	padding: 50px 0;
  	}
  	.blog-sidebar .widget_search form input[type="text"] {
    	width: auto;
  	}
  	.blog-sidebar {
		width: auto;
		display: inline-block;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
  	}
  	.post #respond .comment-form-author, .post #respond .comment-form-email {
		width: 100%;
		float: none;
		padding: 0;
  	}
  	.post ol>li.comment>ul.children {
    	padding-left: 20px;
  	}
  	.post ol>li.comment>ul.children>li.comment>ul.children {
    	padding-left: 0;
  	}

  	/*-------- FOOTER --------*/
	 #footer {
		height: auto;
	 }
	 #footer .content {
		display: block !important;
	 }
	 .home #footer .content>* {
		display: inherit;
	 }
	 #footer .container>.row>* {
		padding: 20px 0;
	 }
	 .logo-footer {
		display: none;
	 }
	 .postfooter .menu li.booking-button {
		display: none !important;
	 }
	 #footer .socialmedia li:last-child a {
		margin-right: 0;
  	}

    #christmas-modal .mi-modal-content {
        width: 90%!important;
        overflow: scroll;
    }
    .modal-christams-title {
        padding: 0;
    }
    .modal-christams-title p {
        font-size: 1em;
    }
    #christmas-modal .mi-modal-close {
        top: 40px;
    }



}

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


body.modal-menuweb-active .logo-wrapper {
    display: none;
}