/*
Theme Name: Hotel-centro-mar-2017-05-11
Theme URI: hotelcentromar.com
Description: Hotel-centro-mar-2017-05-11
Template: mirai
Author: Mirai Espana
*/

/*---------------------------------------------------------------------------*/
/*--------------------------------- FONTS -----------------------------------*/
/*---------------------------------------------------------------------------*/
.prueba{
    color:red;
}

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

[class^="licon-"]:before, [class*=" licon-"]:before,*/
.carousel-control:before, i.icon-lock:before {
    speak: none;
    font-variant: normal;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\999';
}

/* ICONS */

i.icon-lock:before {
    font-family: 'mirai-icofonts';
    content: '\e992';
    color: #a78f5f;
    font-size: 19px;
}

.back a:before, a.fwd-link: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: margin .2s ease-out;
    -moz-transition: margin .2s ease-out;
    -ms-transition: margin .2s ease-out;
    -o-transition: margin .2s ease-out;
    transition: margin .2s ease-out;
}

/* mete la clase .fwd-link a los enlaces que quieras meter una flecha hacia adelante */

a.fwd-link:after {
    content: '\e967';
}

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

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

/* GENERAL FONT STYLES */

body, html body.bookingstep1 {
    font-size: 16px;
    line-height: normal;
    text-rendering: optimizeLegibility;
}

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

/* Mete el mismo font family anterior para el motor pero con important */
.bookingstep1 #motor_reservas #mirai_be0 #mirai_be7 input, .bookingstep1 #motor_reservas #mirai_be0 input, .bookingstep1 #motor_reservas #mirai_be0 span,
.bookingstep1 #motor_reservas #mirai_be0 select, .widget_qtranslate select {
    /*font-family: !important;*/
}

/* TITLES */

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

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

/*Not home*/

.not-home .engine-wrapper,
.blog-home .engine-wrapper {
    bottom: 5%;
}

/***************/

.main-title {
    margin-bottom: 20px;
    display: block;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.title1,
#hssurveys_full > h2 {
  font-size: 1.4em;
  font-weight: 600;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #292929
}
.title-block {
  font-size: 1.4em;
  font-weight: 300;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #292929
}

.title2, .cat-cookies-policy h1, .cat-cookies-policy h2, .rooms-listing-wrapper h2, .rooms-detail-wrapper h2, .cat-offers h2, .cat-offer-detail h2, .blog-wrapper h2, .blog-wrapper h1, .blog-wrapper #posts_con_categoria {}
.title3, .rooms-listing-wrapper h3, .rooms-detail-wrapper h3, .cat-offers h3, .cat-offer-detail h3, .blog-wrapper h3{
        padding: 5px 0;
        text-transform: uppercase;
    }
.title4, .rooms-detail-wrapper h4, .cat-offer-detail h4 {}

/* modal title */
.modal-header .title3, #modal_engine .modal-header h3 {}

a {
  color: #a78f5f;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

a:hover {
  text-decoration: underline;
}
a.go-to-anchor:hover {
  text-decoration: none;
}
a.go-to-anchor:hover .arrow01-d-micon:before {
  color: #fff;
}

a.fwd-link {
  color: #a78f5f;
  letter-spacing: 0.5px;
}
a.fwd-link:hover {
  text-decoration: none;
}

.white-text a.fwd-link {
  color: #fff;
}

.p-common{
    font-size: 0.9em;
    letter-spacing: 0.5px;
    color: #292929;
    width: 75%;
    margin: 0 auto;
}

.p-common-left {
    letter-spacing: 0.5px;
    color: #292929;
    text-align: left;
    line-height: 1.8;
    font-weight: 300;
}

/*.no-w{
    width: 100%;
}*/

/* 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: 99999;;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    pointer-events: none;
}

.mirai-modal {
    pointer-events: all;
}
.mi-modal-close {
    background: transparent;
    color: inherit;
    border: 0;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 25px;
    right: 25px;
}

.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: 32px;
    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 {
    text-align: center;
    position: absolute;
    padding: 30px 0;
    width:  100%;
    left:  0;
    top: 0;
    z-index: 1;
}

.mirai-modal .mi-modal-content {
    /*height: 57%;*/
    background: transparent;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    /*position: absolute;*/
    /*top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
}

.mirai-modal .mi-modal-content > div {
    max-height: 100%;
    overflow: auto;
}

/* left */

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

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

/* right */

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

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

/* fade */

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

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

/* MODAL ENGINE */
#engine-modal.mirai-modal .mi-modal-content{
    height: 100%;
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    width: 40%;
}
#engine-modal.mirai-modal .mi-modal-header .mi-modal-close i{
    color: #000;
    font-size: 22px;
    opacity: 1;
}
#engine-modal.mirai-modal .mi-be{
    display:block;
}

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


input[type="radio"], input[type="checkbox"] {margin: 0}
select[disabled] {cursor: not-allowed!important;}
img {width: auto}
.container {max-width: 100%}

/* ENGINE SELECTS, QTRANSLATE SELECT AND MULTIROOM BUTTON APPEARANCE RESET */

.control-group select.selector, .control-group.nights-control-group select, .widget_qtranslate select, #modal-engine .control-group select, button#multiroom-button {
    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;
}

.control-group select.selector::-ms-expand, .control-group.nights-control-group select::-ms-expand, .widget_qtranslate select::-ms-expand, #modal-engine .control-group select::-ms-expand {display: none;}

.control-group select.selector, .control-group.nights-control-group select, .widget_qtranslate select, #modal-engine .control-group select {width: auto;}


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


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

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

/* FLEX RULES */

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

/* y axis */

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

/* x axis */

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

.fx-space-between {
    -webkit-justify-content:  space-between;
    justify-content: space-between;
}

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

.fx-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/* AFFIX */

.affix {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000 !important;
}

.affix #logo {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: 25px;
    width: 130px;
    float: left;
}

.affix #logo img {
  margin-top: -62px;
}

.affix #logo a {
  height: 55px;
  margin: 10px 0;
  overflow: hidden;
}

.affix ul#menu_web > li {
    padding: 0 10px;
}

/* LIST */

.bullets li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}

.check-list li {
    position: relative;
    padding-left: 1.5em;
    padding-bottom: 10px;
}

.check-list li:before {
    font-family: 'mirai-icofonts';
    content: '\e983';
    position: absolute;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    left: 0;
    top: 0;
    color: #a78f5f;
}

/* MARGIN - PADDING */

.pa0 {padding: 0}

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

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

.ptl {padding-top: 50px;}
.prl {padding-right: 50px;}
.pbl {padding-bottom: 50px;}
.pll {padding-left: 50px;}
.phl {padding-right: 50px; padding-left: 50px;}
.pvl {padding-top: 50px; padding-bottom: 50px;}
.pvxl {padding-top: 90px; padding-bottom: 90px;}
.pbxl {padding-bottom: 90px;}
.pal {padding: 50px;}



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

.p2 {padding: 2%}

/* BACKGROUNDS & COLORS */

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

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

.bg-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.bg-gradient-blue {
  background: #292929;
  background: rgba(41, 41, 41, 0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.bg-blue{
    background-color: #292929;
}

.blue{
    color: #292929;
}

.white{
    color: #fff;
}

/*---------------------------------------------------------------------------*/
/*--------------------------- COMMON ELEMENTS -------------------------------*/
/*---------------------------------------------------------------------------*/


/* CAROUSEL CONTROLS */

.carousel-control {
    text-indent: -99999px;
    height: auto;
    width: auto;
    line-height: 1;
    font-size: 40px;
    margin-top: -20px; /* poner la mitad de font-size */
    text-shadow: 0px 0px 6px #7d7d7d;
    background: none;
    z-index: 9999;
}

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

.carousel-control.left:before {content: '\e962';}
.carousel-control.right:before {content: '\e963';}

/* MODAL */

.modal:focus {outline: none;}

.modal-header .close {
    float: none;
    position: absolute;
    right: 13px;
    top: 50%;
    font-size: 20px;
    margin-top: -20px;
    padding: 10px;
}

.modal-header {
    padding: 15px;
    position: relative;
    background: #a78f5f;
}

#modal-advantages-label {

}

/* GOOGLE MAPS */

.mapa {
    margin: 10px 0;
}

.mapa .map_canvas {
    margin-bottom: 10px;
    width: 100% !important;
}

.mapa .formRuta input {
    margin-right: 10px;
}

.mapa .alert, .adp-warnbox {
    color: #000;
    margin-top: 20px;
}
.mapa .ruta {
    width: 100% !important;
}

.latlon-wrapper label {
  display: inline-block;
  margin-right: 10px;
}

.latlon-wrapper li span {
    margin-right: 20px;
}

.coords * {
  font-size: 1.2rem;
  color: #a78f5f;
}

#modal-map-results .modal-header .close {
    font-size: 30px;
    text-shadow: none;
    top: 50px;
}
#modal-map-results .modal-header {
    background-color: #a78f5f;
    color: #e4d1aa;
}


/* SIDE MODAL BUTTON */

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

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

/* FORMS */

.common-form {
    width: 330px;
    margin: 0 auto;
    max-width: 100%;
}

.common-form form, .common-form form > div {
    padding: 10px 0;
}

.common-form label {
    font-size: inherit;
    padding-bottom: 5px;
}

.common-form .wpcf7 input[type="text"], .common-form .wpcf7 input[type="email"], .common-form .wpcf7 textarea {
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    padding: 6px;
    min-height: 35px;
    -webkit-appearance: none;
}
.common-form .wpcf7 input.wpcf7-captchar {
      padding-left: 90px;
}
.common-form .wpcf7 img.wpcf7-captchac {
  vertical-align: top;
  display: block;
  margin: 5px 0 -32px 3px;
  pointer-events: none;
  position: relative;
  z-index: 2;
}

.accept-privacity a, div.wpcf7-validation-errors {
    font-size: .8em;
}

.common-form span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.common-form .wpcf7-submit {
  display: block;
  width: 100%;
  height: 50px;
}

div.wpcf7-validation-errors {
    border: none;
    background: rgba(255, 99, 71, 0.31);
}
div.wpcf7-mail-sent-ok {
    background: rgba(145, 245, 101, 0.38);
}
div.wpcf7-response-output {
    margin: 0;
    padding: 1em!important;
}

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

.engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input,
.offers-detail-wrapper .offer-calendar-wrapper .offer-button, .btn-modal-engine, #modal-engine .button-group input[type="submit"],
.offers-detail-wrapper a.booking.mobile, .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button,
div#noDispo .selectRoom, div.mirai_button.selectRoom, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra, .landing-booking-button,
.offers-detail-wrapper a.booking_mobile, .rooms-detail-wrapper a.booking_mobile, .all-calendar input[type="button"], .primary-btn {
    color: #fff;
    background: #292929;
}

.engine_mashup > div form .button-group input[type="submit"]:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover,
.offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .btn-modal-engine:hover, #modal-engine .button-group input[type="submit"]:hover,
.offers-detail-wrapper a.booking.mobile:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover,
div#noDispo .selectRoom:hover, div.mirai_button.selectRoom:hover, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra: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,
.widget_search form input[type="submit"]:hover,
.wpcf7 .wpcf7-form input.wpcf7-submit:hover {
    background: #292929 !important;
    color: #fff !important;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/* 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"], #main .go-to-calendar,
.rooms-listing-wrapper .room-box .room-book a, .secundary-btn {
    background: #292929;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s 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,
.offers-mashup .more-info-link:hover, #main .go-to-calendar:hover,
.rooms-listing-wrapper .room-box .room-book a:hover, .secundary-btn:hover {
    background: #292929;
    color: #a78f5f;
}

/* 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: #cabd92!important;
    border-radius: 0;
    -webkit-border-radius: 0;
}


/*---------------------------------------------------------------------------*/
/*--------------------------------- ENGINE ----------------------------------*/
/*---------------------------------------------------------------------------*/


/* FIXING STYLES */

.engine_mashup > div form .button-group input[type=submit] {margin-bottom: 0;}
.engine_mashup.inline > div form, .engine_mashup.square > div form {padding: 0;}
.engine_mashup.inline > div form .button-group:last-child {margin-right: 0;}
.engine_mashup > div form .control-group span.help-inline._nights {display: none !important;}
.engine_mashup.square.two-columns > div form .control-group label.label-code {font-size: inherit;}

/* APPEARANCE */

.engine_mashup {
    padding: 20px;
    display: inline-block;
    box-sizing: border-box;
}

/* general background */
.engine_mashup, #mirai_bookentrance, #modal-engine .modal-body {
    background: rgba(0,0,0,0.65);
}

/* control group */
.engine_mashup > div form .control-group, #modal-engine .control-group {
    border: 1px solid #fff;
    position: relative;
    padding: 0 9px;
    box-sizing: border-box;
    height: 75px;
    width: 150px;
    -webkit-backdrop-filter: blur(0.9px);
    backdrop-filter: blur(0.9px);
}

#modal-engine .modal-body .control-group{
    width: 310px;
}

#modal-engine .modal-body .control-group > {
    width: 310px;
}

#modal-engine .modal-body .control-group input[type=text].checkin-field, #modal-engine .modal-body .control-group input[type=text].checkout-field, #modal-engine .modal-body .control-group input[type=text].code-field{
    top: 30px;
}

/* icons */

.engine_mashup > div form .checkin-control-group:after, .engine_mashup > div form .checkout-control-group:after, .chain-selector-control-group:after, .nights-control-group:after, #modal-engine .control-group:after, .multiroom-control-group:after {
    font-family: 'mirai-icofonts';
    position: absolute;
    pointer-events: none;
    font-size: 18px;
    color: #fff;
}

.engine_mashup > div form .checkin-control-group:after, .engine_mashup > div form .checkout-control-group:after, #modal-engine .date-group:after {
    content: "\e9e2";
    right: 10px;
    top: 40px;
}

.chain-selector-control-group:after, .nights-control-group:after, #modal-engine .control-group.chain-group:after, #modal-engine .control-group.nights-group:after, .multiroom-control-group:after {
    content: "\e965";
    right: 5px;
    top: 12px;
}

/* labels groups */
.engine_mashup > div form .control-group > label, #mirai_bookentrance #mirai_be0 span, #modal-engine .control-group > label, .engine_mashup.square.two-columns>div form .control-group label.label-code {
    line-height: 15px;
    padding: 8px 0px;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    display: block !important;
    text-align: center;
    text-transform: uppercase;
}

/* INPUTS & SELECTS */

.engine_mashup > div form .control-group input[type=text], #mirai_bookentrance #mirai_be0 input[type=text], #modal-engine .control-group input[type=text],
.engine_mashup > div form .control-group select, .bookingstep1 #mirai_be0 select, #modal-engine .control-group select, button#multiroom-button {
    background-image: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    margin-bottom: 0;
    padding: -21px 12px 0 8px;
    box-shadow: none;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: bold;
    height: 36px;
    box-sizing: border-box;
}

/* fixing border for inputs in control-group (not old bookingstep) */
.engine_mashup > div form .control-group input[type=text], #modal-engine .control-group input[type=text], .engine_mashup > div form .control-group select, #modal-engine .control-group select, button#multiroom-button {border: none!important;}

/* input date */
.engine_mashup > div input.date, #mirai_bookentrance #mirai_be0 input#mirai_be2, #modal-engine .control-group input[type=text].checkin-field,
#modal-engine .control-group input[type=text].checkout-field {
    cursor: pointer;
    width: 8.3em !important;
}

/* promo code*/
.engine_mashup > div form .control-group input[type=text].code, #mirai_bookentrance input#mirai_be6, #modal-engine .control-group input[type=text].code-field {
    width: 6em !important;
    padding: 0 8px;
}

/* engine selects */
.engine_mashup > div form .control-group select, #modal-engine .control-group select {padding-right: 30px;}

/* submit button */
.engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, #modal-engine .button-group input[type="submit"] {
    background: #a78f5f;
    border: 1px solid #a78f5f;
    border-radius: 0;
    color: #FFF;
    height: 75px;
    padding: 0 30px;
    text-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.engine_mashup > div form .button-group input[type="submit"]:hover,
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover,
#modal-engine .button-group input[type="submit"]:hover {
    border: 1px solid #292929;
}

/* MULTIROOM */

.multiroom-control-group .multiroom-dropdown {margin-top: 8px;}

.engine_mashup.showMultiroomFilter.inline button#multiroom-button {
    width: 144px;
}

.engine_mashup.showMultiroomFilter.inline > div form .control-group > label {
    line-height: 20px;
}

.engine_mashup.showMultiroomFilter.inline > div form .control-group input[type=text], .engine_mashup.showMultiroomFilter.inline button#multiroom-button {
    height: 35px;
}

.engine_mashup.showMultiroomFilter.inline > div form .button-group input[type="submit"] {
    height: 55px; /* la suma de los dos anteriores */
}

/* icons position */
.engine_mashup.showMultiroomFilter.inline > div form .checkin-control-group:after, .engine_mashup.showMultiroomFilter.inline > div form .checkout-control-group:after, .engine_mashup.showMultiroomFilter.inline > div form .multiroom-control-group:after {
    top: 27px;
}

/* SQUARE ONE COLUMN */

.engine_mashup.square.one-column > div form .control-group > input[type="text"],
.engine_mashup.square.one-column > div form .control-group > select,
.engine_mashup.showMultiroomFilter.square.one-column button#multiroom-button {width: 100%!important;}

/* icons position */
.engine_mashup.square.one-column > div form .checkin-control-group:after, .engine_mashup.square.one-column > div form .checkout-control-group:after, .engine_mashup.square.one-column > div form .nights-control-group:after, .engine_mashup.showMultiroomFilter.square.one-column > div form .multiroom-control-group:after {
    top: 58px;
}

/* SQUARE TWO COLUMNS */

.engine_mashup.square.two-columns > div form .control-group > label {width: 35%;}
.engine_mashup.square.two-columns > div form .control-group span.legend {margin-left: 35%;}
.engine_mashup.square.two-columns > div form .control-group > input[type="text"],
.engine_mashup.square.two-columns > div form .control-group > select,
.engine_mashup.showMultiroomFilter.square.two-columns button#multiroom-button {width: 65%!important;}
.engine_mashup.showMultiroomFilter.square.two-columns .multiroom-control-group .multiroom-dropdown {left: auto; right: 0;}


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


/* FIXING */

/* wrapper */
#ui-datepicker-div, #noDispo .ui-widget-content {
    border: 0!important;
    border-radius: 0!important;
    box-shadow: 0 0 5px #666!important;
    font-size: 15px !important;
    padding: 10px!important;
}

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

/* middle box */
.ui-datepicker-group-middle {
    outline: 2px solid #FFF;
    position: relative;
    z-index: 20;
}

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

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

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

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

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

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

/* arrows */

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

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

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

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

/* frase mejora 33018 */

div.aviso-wrapper-mobile{
    display:none;
}

div.aviso-wrapper{
  color:#fff;
    padding: 15px 20px 0 20px;
}

.aviso-wrapper i{
  font-size:25px;
  display:inline-block;
}

.aviso-wrapper p{
  vertical-align:middle;
  line-height:25px;
  padding-left:20px;
  display:inline-block;
}


/* ------------------------------ CHANGE THESE COLORS & BACKGROUNDS ------------------------------ */


/* header (month&year) and old calendar buttons */
.bookingstep1 #noDispo .ui-widget-header, .bookingstep1 #noDispo .ui-datepicker .ui-datepicker-title, .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: #E9E2D8!important;
    color: #666!important;
}

/* selected days, hover days and hover arrows (engine, details and no dispo calendars) */
.ui-datepicker-calendar ._selected-date span,
.ui-datepicker-calendar ._selected-date a,
.ui-datepicker-calendar ._checkin-date span,
.ui-datepicker-calendar ._checkin-date a,
.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._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._checkout-date a,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a:hover,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a,
.rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a,
.ui-datepicker td:hover a,
.bookingstep1 #noDispo .selected a.ui-state-default.ui-state-active,
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.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 ._checkout-date span,
.all-calendar .ui-datepicker-calendar ._checkout-date a,
.all-calendar .ui-datepicker-calendar a:hover
{
    background: #292929!important;
    color: #a78f5f;
    font-weight: normal!important;
    text-decoration: none;
}


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


/* FIX BOOKINGSTEP CALENDAR */

.bookingstep1 .ui-datepicker {width: 19em;}

/* días calendario */
.bookingstep1 .ui-state-default, .bookingstep1 .ui-widget-content .ui-state-default, .bookingstep1 .ui-widget-header .ui-state-default {padding: 6px;}


/* no dispo fix */

.bookingstep1 div#noDispo #noDispoContents1 {padding: 60px 183px 60px 100px!important;}
.bookingstep1 div#noDispo .nightSelect select {margin-bottom: 0 !important;}
.bookingstep1 #noDispo .price0 .ui-state-default {border: 0!important;}
.bookingstep1 #noDispo .ui-datepicker-unselectable.ui-state-disabled.price0 {background: rgba(0, 0, 0, 0)!important;}
.bookingstep1 #noDispo a:hover {text-decoration: none;}

/* no dispo - day price1 */
.bookingstep1 #mirai_roomSelectionContainer #noDispo .price1:hover .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .ui-widget-content .price1:hover .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .price1 .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .ui-widget-content .price1 .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .ui-widget-content .price1 .ui-state-hover,
.bookingstep1 #mirai_roomSelectionContainer #noDispo #legend .price1,
.offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a {
    background: #90C137!important;
    border:0!important;
    color: #fff;
}

/* no dispo - day price2 */
.bookingstep1 #mirai_roomSelectionContainer #noDispo .price2 .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .ui-widget-content .price2 .ui-state-default,
.bookingstep1 #mirai_roomSelectionContainer #noDispo .ui-widget-content .price2 .ui-state-hover,
.bookingstep1 #mirai_roomSelectionContainer #noDispo #legend .price2 {
    background: #73B07B!important;
    border:0!important;
    color: #fff;
}


/*---------------------------------------------------------------------------*/
/*------------------------------ STRUCTURE ----------------------------------*/
/*---------------------------------------------------------------------------*/


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

.mainfooter a{line-height:30px;}

/* HEADER */

#header {}

#header .content {}

/* absolute header (over image) */

#header {
    position: absolute;
    z-index: 1000;
    width: 100%;
}

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

#header .qts-lang-menu option{
    background: #4c5f71;
    padding: 10px !important;
}

#header .affix-wrapper > .affix {
    background: #292929;
    transition: 1s;
    background: rgba(41, 41, 41, 0.85);
}

#header .bg-gradient {
    width: 100%;
    height: 150%;
    position: absolute;
}

#logo {
    z-index: 1;
}

/* static header row */
/* si se usa borrar del header el primer div (.bg-gradient) */

#pre-header, #header .qts-lang-menu, #header .qts-lang-menu option {
    /* background-color: #1b1b65; */
}

#header .affix-wrapper, #header .affix-wrapper > .affix {
    /* background: #131313; */
}

/* ------- */

#pre-header {
    padding: 10px 0;
}

#pre-header * {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}

#pre-header > .container > * {
    vertical-align: middle;
    display: inline-block;
}

.contact-header {
    font-size: 12px;
}
.contact-header a {
  pointer-events: none;
  cursor: auto;
}
.contact-header > li {
    display: table-cell;
    padding: 0 10px;
    position: relative;
}

.contact-header > li:before {
    content: '';
    border-left: 1px solid #fff;
    height: 70%;
    position: absolute;
    top: 15%;
    left: 0;
}

.contact-header > li:first-child {
    padding-left: none;
}

.contact-header > li:first-child:before {
    display: none;
}

#menu_aux3 > li{
    padding: 0 10px;
}

#pre-header .socialmedia a:before {
    background-color: transparent;
    font-size: 14px;
    padding: 2px;
}

#pre-header .socialmedia li {
    padding: 0 3px;
}


#header .affix-wrapper > .affix {
    box-shadow: 0 6px 30px rgba(255, 255, 255, 0.25);
    height: 75px;
}

/* modal engine button */

#header .btn-modal-engine {
  visibility: hidden;
  opacity: 0;
  transition: none;
}

#header .affix-wrapper > .affix .btn-modal-engine {
  visibility: visible;
  opacity: 1;
  background: #a78f5f;
  color: #fff;
  padding: 15px;
  text-transform: uppercase;
  position: absolute;
  top: 12px;
  right: 25px;
  transition: all .2s ease-out;
}

#header .affix-wrapper > .affix .btn-modal-engine:hover {
  background: #fff!important;
  color: #a78f5f!important;
  text-decoration: none;
}

#header .affix-wrapper ul#menu_web {
    padding: 25px 0;
}

/* logo */

#logo, #logo-footer {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: 25px;
}

/* qtranslate */

.widget_qtranslate {
    text-align: left;
    position: relative;
    border: 1px solid #FFF;
    margin-left: 12px;
    /* padding: 0 15px !important; */
}

.widget_qtranslate:after {
    content: "\e971";
    font-family: 'mirai-icofonts';
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    font-size: 6px;
}

.widget_qtranslate select {
    border: none;
    padding: 0 25px 0 15px;
}

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

.widget_qtranslate ul li {
    display: inline-block;
}

.widget_qtranslate ul li.active {
    display: none;
}

/* menu web */

ul#menu_web > li {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 25px;
    transition: .3s;
}

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

ul#menu_web > li a:hover, ul#menu_web > li.current-menu-item > a, ul#menu_web > li.current-menu-parent > a, ul#menu_web > li ul.sub-menu li.current-menu-item a, #pre-header li.current-menu-item > a, #pre-header li a:hover{
    color: #a78f5f !important;
    text-decoration: none!important;
}

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

.menu li {
    display: inline-block;
}

/* añadir a los elementos del menú que no tengan página 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;
}

/* FOOTER */

#footer {
    font-size: 14px;
}
#footer a:hover{
    color: #a78f5f;
}

#footer .content {}

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

.prefooter {
    background-color: #eee;
    padding: 30px 0;
}

.mainfooter {
    background-color: #292929;;
    padding: 60px 0;
}

.mainfooter, .mainfooter a {
    color: #fff;
}

.mainfooter a:hover {
}

#menu_aux2 a {
  padding: 1px 12px;
  border-left: solid 1px #a78f5f;
}
#menu_aux2 li:first-child a {
  padding-left: 0;
  border: none;
}



.mid-line {
    border-top: solid 1px #a78f5f;
}

.postfooter > .container {
    line-height: 80px;
}

/* postfooter background (with mobile contact row in footer for responsive design) */
.postfooter, .home #footer .content address.address_phone, #footer .widget_qtranslate, #footer .widget_qtranslate select, #footer .widget_qtranslate select option {
    background-color: #292929;
}

.postfooter, .postfooter a, .home #footer .widget_qtranslate:after, #footer .widget_qtranslate, #footer .widget_qtranslate select {
    color: #fff;
  font-size: 12.5px;
}
.postfooter a {
  text-decoration: underline;
}

.address .phone {
  font-size: 24px;
  font-weight: 100;
  color: #a78f5f;
}
.address .street {
  line-height: 50px;
  font-size: 16px;
  text-decoration: underline;
}

/* logos footer */

.logos {
    text-align: center;
}

.logos li {
    display: inline-block;
    margin-right: 20px;
}

.logos li:last-child {
    margin-right: 0;
}

/* newsletter */

.newsletter {
    text-align: center;
}

.newsletter-label, .newsletter .wpcf7 {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.newsletter-label {
    padding: 10px 10px 0 0;
}

.newsletter-label .title2 {
    font-weight: bold;
    font-size: 1.4em;
}

.newsletter .ajax-loader {
    display: none!important;
}

.newsletter input.wpcf7-text {
    font-size: 14px;
    padding: 10px 6px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

.newsletter input.wpcf7-text, .newsletter div.wpcf7-validation-errors {
    width: 290px;
}

.newsletter div.wpcf7-validation-errors {
    margin: 20px 0 0;
}

/*.wpcf7-form-control-wrap {
    display: inline-block;
}*/

.newsletter .wpcf7-form input.wpcf7-submit {
    padding: 0 25px!important;
}

.newsletter .wpcf7-form input.wpcf7-submit, .newsletter input.wpcf7-text {
    height: 40px;
    vertical-align: top;
}

.newsletter span.wpcf7-not-valid-tip {
    font-size: 12px;
    padding-top: 3px;
}

#footer .newsletter .wpcf7-form p {
    margin-bottom: 5px!important;
}

.newsletter .wpcf7-form a {
    color: #777;
    font-size: 12px;
}

/* footer titles */

.hotelschema .name, #footer .title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px!important;
}

/* hotelschema - vcard */

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

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

/* featured links */

.featured-links li, .featured-links .menu li {
    display: block;
    margin-bottom: 7px;
}

/* social media */

#footer .socialmedia a:before {
    font-size: 17px;
    border-radius: 100%;
    font-weight: normal;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#footer .socialmedia a:before, #footer .socialmedia a:hover:before {
    background: #a78f5f;
    color: #292929;
}

#footer .socialmedia a:hover:before {
    background: #292929;
    color: #fff;
}

#footer .socialmedia a {
    margin: 0 8px 15px;
}


/* logo footer */

.logo-footer {
    text-align: center;
    /* padding-top: 50px; */
}

/* menu postfooter (legal and contact) */

.postfooter .menu li {
    padding-left: 15px;
}

.postfooter .menu li:first-child {
    padding-left: 0;
}

/* view/cancel link */

.icon-lock {
    background: none;
    display: inline-block;
    width: auto;
    height: auto;
}

/* developed by mirai */

#developed-wrapper a {
    text-transform: lowercase;
    color: #fff;
    font-weight: bold;
}

/* MAIN ELEMENTS */

#content-header {
    position: relative;
}

#content-header > img {
    width: 100%;
    object-fit: cover;
    max-height: 600px;
    min-height: 500px;
}

.engine-wrapper {
    position: absolute;
    bottom: 120px;
    width: 100%;
}

/* Advantages row */

.advantages-row .title span, .advantages-row li span {
    display: block;
}

.advantages-row .title span:first-child {
    font-size: 30px;
    text-transform: uppercase;
}

.advantages-row li span:first-of-type {
    text-transform: uppercase;
}

.advantages-row .title {
    position: relative;
    padding-right: 50px;
    text-align: center;
}

.advantages-row ul {
    display: table;
}

.advantages-row li  {
    position: relative;
    padding-left: 50px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.advantages-row li i, .advantages-row .title i {
    display: block;
}

.advantages-row li i, .advantages-row .title i {
    position: absolute;
    top: 50%;
    font-size: 30px;
    margin-top: -15px; /* poner la mitad del font-size */
    left: 10px;
}

.advantages-row .title i {
    left: auto;
    right: 5px;
}

/* small screens */
@media (min-width: 768px) and (max-width: 979px) {
    .advantages-row li  {
        padding: 0;
        text-align: center;
        vertical-align: top;
    }
    .advantages-row li i {
        position: static;
        display: block;
        padding-bottom: 10px;
        font-size: 40px;
        margin-top: 0;
    }
    .advantages-row .title {
        padding: 20px 0 0;
    }
    .advantages-row .title i {
        display: none;
    }
}


/* images */

#services {
  overflow: hidden;
}
#services img {
  width: auto;
  max-width: none;
}

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


/* HOME */
#intro-home, #intro-location, #intro-services {
    padding: 5% 0;
}

.col-5{
    width: 15%;
    display: inline-block;
}
#rooms-location .p-common-left {
  margin-bottom: 0!important;
}
#rooms-location .title-block {
    font-size: 1.1em;
}
/*.services-icons li{
    width: 15%;
    display: inline-block;
}

.services-icons p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    padding-top: 10px;
}

.services-icons i{
    font-size: 50px;
    color: #fff;
}

.services-icons i:before{
    color: #fff;
}*/

.services-icons li {
  width: 16%;
  padding: 0 3%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.services-icons span {
  font-size: 14px;
  display: block;
  margin: 10px 0;
}
.services-icons p {
  font-size: 13px;
  padding-top: 10px;
  display: inline-block;
}
.services-icons i {
  display: block;
  font-size: 50px;
  width: 50px;
  margin: 0 auto;
}
.services-icons a.fwd-link:after {
  font-size: .5em;
}

#services .modal-body {
  padding: 25px;
}

#services .h-icons .diamond-shape {
  opacity: .2;
}

.home .services-icons li {
  width: 15%;
  padding: 0 1% 3%;
}
.cat-services .check-list {
  padding-left: 10%;
}
.cat-services .services-icons li {
  width: 22%;
  padding: 0 1% 2%;
}
.cat-services .services-icons li i {
  color: #a78f5f;
}



/*Anchor*/


.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -ms-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s;
}
.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.arrow01-d-micon:before {
  content: "\e961";
  color: #a78f5f;
  font-size: 25px;
  line-height: 60px;
  width: 60px;
  transform: rotate(-45deg);
}

/* #Shape Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.shape-section {
  background: #222;
  border-bottom: 2px solid #555;
  border-top: 2px solid #555;
  margin-top: 30px;
  padding: 40px 0;
}
.diamond-shape {
  background: #a78f5f;
  width: 75px;
  height: 75px;
  text-align: center;
  display: block;
  transform: rotate(45deg);
}
.diamond-shape.go-to-anchor-wrapper {
  background: #292929;
  position: absolute;
  bottom: -38px;
  top: auto;
  left: 50%;
  right: auto;
  margin-left: -38px;
}
.diamond-title {
    position: relative;
    margin-top: -53px;
    margin-bottom: 50px;
    padding: 0 .5em
}
.go-to-anchor {
  display: block;
  width: 60px;
}
/*.item-count {
    display: table-cell;
    height: 75px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 75px;
    font-size: 15px;
    text-align: center;
    color: #292929;
    text-transform: uppercase;
}*/
.diamond-shape-rooms {
    background: #a78f5f;
    height: 75px;
    text-align: center;
    transform: rotate(45deg);
    width: 75px;
    position: absolute;
    left: -37.5px;
    bottom: -37.5px;
    z-index: 1;
}

i.star02-micon {
    color: #a78f5f;
}

.offers-mashup {
    text-align: center;
    padding: 0 30px;
    margin: 0 auto;
}

.pad-offers-text{
    padding: 20px;
}
.offers-mashup .more-info-link{
    display: none;
    width: 150px;
    margin: 0 auto;
}

.offers-mashup dl dt, .offers-mashup dl dd {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  padding: 8px 0;
}
.offers-mashup dl dt{
    line-height: 40px;
}

.offers-mashup dl dd {
  color: #828282;
}

.offers-mashup .carousel-control {
    color: #a78f5f;
}
.offers-mashup .offers-slide .slide .no-offers {
  padding: 0 15px;
  color: #9c9c9c;
}

/* LOCATION */
/*Photo block effect*/

.grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    /* max-width: 1000px; */
    list-style: none;
    text-align: center;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #292929;
    text-align: center;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

/* .grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
} */

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 15px;
    padding-top: 1em;
}

figure.effect-chico img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
    /* padding: 3em; */
}

figure.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
    padding: 10% 0 0px 0;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 85%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* @media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
} */

.transfer-button {
    background: #292929;
    padding: 20px 30px;
    color: #fff;
    border: 1px solid #a78f5f;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.transfer-button:hover {
    background: #292929;
    color: #a78f5f;
    text-decoration: none;
}

.alternate .flex:nth-child(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.alternate .flex:nth-child(even) .diamond-shape-rooms {
  left: auto;
  right: -50px;
}
.alternate .p2 > * {
  max-width: 600px;
  margin: 0 auto;
}
.ie_right {
  float: right;
}


/********************/
/* ROOMS */

.room-box {
    background-color: #f7f5f5;
    border: none;
    position: relative;
    border-bottom: 2px solid #808080;
}
.room-box .room-detail ul {
  font-size: .8em;
  color: #2b2b2b;
}
.room-box .room-detail ul li span {
  opacity: .6;
}
.room-box .room-detail .price-box .min-price, .rooms-detail-wrapper .room-box-image .room-box-detail .box-price {
    background-color: #fff;
    color: #a78f5f;
    border: 1px solid;
    height: auto;
    min-width: 90px;
    font-size: 12px;
}
.room-box .room-detail .price-box .min-price span,
.rooms-detail-wrapper .room-box-image .room-box-detail .box-price span {
  font-size: 50px;
  line-height: 1em;
  margin: 0;
}
.rooms-listing-wrapper .more-info {
  display: block!important;
  max-width: 130px;
  padding: 10px;
  text-align: center;
  background: #292929;
  font-size: .9em;
  color: #fff;
  text-decoration: none;
  margin-top: 10px;
}
.rooms-listing-wrapper .more-info:hover {
  background-color: #a78f5f;
}
.rooms-listing-wrapper > .container > h2 {
  display: none;
}
#main .go-to-calendar{
    background-color: #a78f5f;
    color: #ffffff;
    padding: 10px;
    margin: 2em 0 1em;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
    color: #fff;
}

.close {
    color: #fff;
}

.cat-room-detail #content-header {
  box-shadow: 0 45px #292929;
  border-bottom: 2px solid #000;
}
.rooms-detail-wrapper .back  {
  background: #292929;
}
.rooms-detail-wrapper .back a,
.rooms-detail-wrapper .detail-links li a {
  color: #fff;
  text-decoration: none;
  line-height: 45px;
}
.rooms-detail-wrapper .back a:hover,
.rooms-detail-wrapper .detail-links li a:hover {
  color: #a78f5f;
}
.rooms-detail-wrapper h2 {
  margin: 50px 0;
}
.rooms-detail-wrapper .room {
  margin-top: 0;
}
.rooms-detail-wrapper .detail-links {
  position: absolute;
  top: 11px;
  right: 0;
}
.rooms-detail-wrapper .detail-links li {
  border-color: #505050;
}
.rooms-detail-wrapper .detail-links {
  position: absolute;
  top: 0;
  right: 0;
}

.rooms-detail-wrapper .room-box-image, .rooms-detail-wrapper .room-box-extras, .rooms-detail-wrapper .room-box-offers {
  background-color: #f7f5f5;
  border: none;
  margin: 0;
}
.rooms-detail-wrapper .room-box-extras, .rooms-detail-wrapper .room-box-offers {
  background-color: #f7f5f5;
  border: none;
  padding: 100px 30px 0;
}
.rooms-detail-wrapper .room > div:nth-last-child(2) {
  padding-bottom: 60px;
}
.rooms-detail-wrapper .room-box-extras div ul li {
    border-bottom: 1px solid #e4e4e4;
}
.rooms-detail-wrapper .room-box-extras h4,
.rooms-detail-wrapper .room-box-offers>h3 {
  margin: 0 0 30px 10px;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
}
.rooms-detail-wrapper .room-box-extras h4 {
  text-align: left;
}
.rooms-detail-wrapper a {
  color: #292929;
}

.rooms-detail-wrapper .galleria-thumbnails-container {
  display: none;
}

.rooms-detail-wrapper .room-calendar-wrapper {
  padding: 60px 0;
}

.rooms-detail-wrapper .room-box-image .room-box-detail ul li {
  border-right: 1px solid #e0e0e0;
  padding: 0px 14px 0px 10px;
  font-size: .8em;
}
.rooms-detail-wrapper .room-box-image .room-box-detail ul li span.occupancies-ico,
.rooms-detail-wrapper .room-box-image .room-box-detail ul li span.size-ico,
.rooms-detail-wrapper .room-box-image .room-box-detail ul li span.distibution-ico {
  opacity: .3;
}
/* galeria rooms */
.galleria-theme-nextgen_pro_horizontal_filmstrip .galleria-image-nav {
  top: auto;
  width: auto;
  left: auto;
  right: 13px;
  bottom: 0;
}
.rooms-detail-wrapper .galleria-image-nav-right {
  right: 0!important;
  border-radius: 0;
}
.rooms-detail-wrapper .galleria-image-nav-left {
  left: auto!important;
  right: 52px;
  border-radius: 0;
}
.rooms-detail-wrapper .room-box-image .galleria {
  margin-bottom: -80px;
}
/* SERVICES */

.icons-block1 li,.icons-block2 li{
    display: inline-block;
}

.icons-block1 p, .icons-block2 p{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #292929;
    text-transform: uppercase;
}

.icons-block1 i, .icons-block2 i{
    font-size: 70px;
    color: #fff;
}

.icons-block1 i:before, .icons-block2 i:before{
    color: #292929;
    padding: 20px 0px;
}

#icon-services .p-list {
    font-size: 0.9em;
    letter-spacing: 0.5px;
    color: #292929;
}

.smoke {
    width: 22%;
    padding: 20px;
}
/* PHOTOS */

/* OFFERS */

.offer-link, .offers-detail-wrapper .offer-wrapper {
    background-color: #f2f2f2;
}

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

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

/* 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: 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
    text-transform: uppercase;
}

/* LEGAL */
.legal h2{
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #292929;
    text-transform: uppercase;
}
/* REVIEWS */
#hssurveys_full > h2 {
  text-align: center;
}
#main .paging {
    margin: 30px 0!important;
    text-align: left;
}
#main .paging a {
    color: #292929;
}
#main .paging span a {
    margin: 0;
    padding: 11px 15px;
    background: #e8e8e8;
    border: none;
}
#main .paging span a:hover {
  background: #a78f5f;
  color: #fff;
}
#main .paging span.current a, .paging span.current a:hover {
  margin: 0;
  background: #292929;
  color: #fff;
  border: none;
}

/* NOT FOUND - 404 */

.not_found #header {
  position: static;
  background: #292929;
}
.not_found #main {
    background: url('../../../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 */




.bookingstep1 #header .content > *, .bookingstep1 #logo, .bookingstep1 ul#menu_web, .bookingstep1 #footer {
    display: block !important;
}

.bookingstep1 .widget_qtranslate, .bookingstep1 #social-media, .bookingstep1 .booking_mobile, .bookingstep1 #header #menu_phone {
    display: none !important;
}

.bookingstep1 #motor_reservas #mirai_bookentrance {
    padding: 10px 0;
}

/* chain selector */
.engine_mashup > div form .chain-selector-control-group #chainSelector {
    padding-right: 25px;
    /* modificar este Width en función de la web a maquetar */
    width: 200px;
}

/* menu en bookingstep y submit */
.bookingstep1 ul#menu_web li a, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {
    text-decoration: none !important;
}

/* ocultar fondo blanco en la caja de selección de habitaciones */
.bookingstep1 div#mirai_roomSelectionContainer {
    background-color: transparent !important;
    border-radius: 0 !important ;
    border: 0;
    box-shadow: none !important;
    margin-top: 0;
}
.bookingstep1 #header {
  position: static;
}
.bookingstep1 #header .contact-header i {
  display: none!important;
}
.bookingstep1 #header #logo {
  margin: 0;
}

.bookingstep1 #header * {
    background: #292929;
}

.bookingstep1 .engine_mashup {
    background: rgba(0,0,0,0.5)
    width: 100%!important;
    margin: 0 0 3em;
    padding: 1em 0;
}

.bookingstep1 #main {
  background: #f5f5f5;
}

div.mirai_button.selectRoom, div.mirai_button.selectRoom:visited {
    background-color: #292929;
    color: #a78f5f;
}

/*---------------------------------------------------------------------------*/
/*---------------------------------- 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;
    font-size: 1.5em;
    text-transform: uppercase;
}

/* 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 .categorias {
    border-top: 1px solid #CCC;
    padding-top: 5px;
    display: inline-block;
    margin-top: 20px;
}

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

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

/* 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;
    box-shadow: none;
    box-sizing: border-box;
    height: 34px;
}

.blog-sidebar .widget_search form input[type="text"] {
    width: 65%;
    float: left;
    margin: 0;
}
.widget_search form input[type="submit"] {
  width: 35%;
  height: 34px;
}

.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: '\e976';
    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;
    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;
    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;
    font-size: 2em;
    text-transform: uppercase;
}


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


/* IE9 HACK */

/* hidding icons from after in selects */
.ie9 .chain-selector-control-group:after, .ie9 .control-group.nights-control-group:after, .ie9 .widget_qtranslate:after, .ie9 #modal-engine .control-group:after {
    display: none!important;
}

/* FLEX HACKING IN IE8 & IE9 */

.ie9 .flex, .ie8 .flex {
    display: table!important;
    width: 100%;
    height: 100%;
}

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

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

.ie9 .widget_qtranslate select, .ie8 .widget_qtranslate select {
  padding: 0 0 0 15px;
}

.ie8 .diamond-shape {
  width: 26px;
  height: 66px;
  padding: 20px;
}
.ie8 .diamond-shape-rooms {
  display: none;
}


.cat-reviews iframe {
    width: 100%;
    min-height: 720px;
    margin: 60px 0;
    border: 1px solid #e6e6e6;
}

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

.text-after {
    color: #a78f5e;
    position:relative;
}
.text-after:after, .text-after:before {
    /*position: absolute;
    content: "";
    height: 1px;
    background-color: #a78f5e;
    width: 100px;*/
}
.text-after:after {
    margin-left: 15px;
    top: 11px;
}
.text-after:before {
    margin-left: -117px;
    top: 11px;
}
.bookingstep1 .engine_mashup > div .text-after,.bookingstep1 .box-engine .text-after {
    display: none;
}

.closed {
    padding: 20px;
    width: max-content;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    box-shadow: 1px 1px 20px 4px #ddd;
    margin-bottom: 70px;
}

.notice-closed {
    font-size: 21px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 15px rgba(0,0,0,.9);
    text-transform: uppercase;
    background: #0000008a;
    border-radius: 25px;
}

/* covid */
#covid p {
    color: #fff;
    max-width: 650px;
}

#covid a {
    background: #a78f5fa1;
    padding: 15px;
}

.container-covid {
    display: flex;
    justify-content: center;
}

.title-covid {
    font-size: 25px;
    font-weight: 700;
}
/* fin */

/*chat box*/
iframe#qt-button-frame {
    display: block;
    overflow: hidden !important;
    animation = qt-scale-up-bottom .3s cubic-bezier(.39,.575,.565,1.000) both: ;
    user-select: none !important;
    border: none !important;
    position: fixed !important;
    margin: 20px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    bottom: 0% !important;
    right: 0 !important;
    left: null !important;
    box-shadow: rgba(0,0,0,0.4) 0 0 30px 0 !important;
    animation: qt-scale-up-bottom .3s cubic-bezier(.39,.575,.565,1.000) both !important;
    z-index: 1049 !important; /* --- 1 menos que las modales --- */
}
 
div[id="eighty_hotel_Reviews.prototype"] {
    z-index: 1048 !important; /* --- 2 menos que las modales --- */
}

/***********************/
/* COVID SAFE PROTOCOL */
/***********************/

/* SAFE LOGO LINK */

/* logo size */
:root {
    --clean-size: 110px;
}

.csp-logo {
    display: block;
    line-height: 1;
    position: absolute;
    top: 30vh;
    right: 10px;
    border-radius: 100%;
    overflow: hidden;
    width: 110px;
    width: var(--clean-size);
    z-index: 1;
}

.offset-active .csp-logo,
.bookingstep1 .csp-logo,
.chain_results .csp-logo,
.protocolo-salud-seguridad-covid19 .csp-logo {
    display: none;
}

.csp-logo svg {
    display: block;
}

.csp-logo-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 9px;
    font-size: calc(var(--clean-size) * 0.08);
}

html[lang='ja'] .csp-logo-title {
    font-size: calc(var(--clean-size) * 0.1);
}

.csp-logo-title[data-circular-pos='down'],
html[lang='ja'] .csp-logo-title[data-circular-pos='down'] {
    font-size: 10px;
    font-size: calc(var(--clean-size) * 0.09);
}

.circular-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.circular-text span {
    height: 45%;
    position: absolute;
    left: calc(50% - 4%);
    top: 5%;
    width: 8%;
    transform-origin: bottom center;
    text-align: center;
}

.circular-text[data-circular-pos='down'] span {
    top: 50%;
    transform-origin: top center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.csp-logo.csp_logo_3 .circular-text span,
.csp-logo.csp_logo_4 .circular-text span,
.csp-logo.csp_logo_6 .circular-text span {
    height: 40%;
    left: calc(50% - 5%);
    font-size: .95em;
}

.csp-logo.csp_logo_3 .csp-logo-title[data-circular-pos="down"],
.csp-logo.csp_logo_6 .csp-logo-title[data-circular-pos="down"] {
    top: 5%;
}

.csp-logo.csp_logo_4 .csp-logo-title,
.csp-logo.csp_logo_5 .csp-logo-title {
    color: #699abb;
    font-weight: bold;
}

/* Pop up back */
.back-container {
    box-sizing: border-box;
    max-width: 800px;
    position: relative;
    padding: 70px;
}

.back-container * {
    position: relative;
}

#modal-back.mirai-modal .mi-modal-content {
    background: transparent;
    height: 100%;
    overflow: hidden;
    position: static;
    transform: none;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.back-container button {
    position: absolute;
}

.back-container button i {
    color: #fff;
}

.back-txt {
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 2em;
    padding: 30px;
    position: absolute;
}

.content-back > * {
    margin-bottom: 6px!important;
}

.back-container img {
    height: 100%;
    width: 100%;
    opacity: .7;
}

.back-txt h2 {
    font-size: 1.5em;
}

.back-txt p {
    font-size: 1.1em;
}

/* Adv modal */
.adv-modal .mi-modal-content {
    background: transparent;
    color: #fff;
    max-width: 800px;
}

.adv-modal ul li {
    box-sizing: border-box;
    padding: 10px;
}

.adv-modal li i {
    display: block;
    font-size: 2.4em;
    margin-bottom: 5px;
}

.protocol-back img {
    height: auto;
    opacity: 1;
    width: auto;
}

/* Sellos footer */

.sellos-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 50px;
}

.sellos-footer > img {
    width: 100px;
    margin-left: 20px;
    border-radius: 2px;
}

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

/* Large desktop */
@media (min-width: 1200px) {
    .p-common {
        font-size: 1em;
    }
    .title-block {
        font-size: 1.8em;
    }
    #rooms-location .title-block {
        font-size: 2.6em;
    }
    ul#menu_web > li {
        font-size: 18px;
    }
    .diamond-shape {
        height: 100px;
        width: 100px;
        top: 50px;
    }
    #main #services .diamond-shape {
      height: 130px;
      width: 130px;
    }
    .diamond-shape.go-to-anchor-wrapper {
      bottom: -50px;
      top: auto;
      margin-left: -50px;
    }
    .diamond-title {
      margin-top: -85px;
    }
    .room-box .room-detail h3 a, .rooms-detail-wrapper h2 {
        color: #4a4a4a!important;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.8em;
        text-transform: uppercase;
    }
    .diamond-shape-rooms {
        height: 100px;
        width: 100px;
        left: -50px;
        bottom: -50px;
    }
    figure.effect-chico p {
        max-width: 70%;
    }
    .grid figure p {
        letter-spacing: 1px;
        font-size: 18px;
        padding-top: 1.5em;
    }
    .smoke {
        width: 18%;
        padding: 19px;
    }
}

/* XLarge desktop */
@media (min-width: 1920px) {

  #rooms-location img,
  .alternate img,
  #services img {
    width: 100%;
  }

}

/* Small screens VERTICAL*/
@media (min-width: 768px) and (max-width: 979px) {
    .sellos-footer {
        padding: 40px 0;
        justify-content: center;
    }
    .bookingstep1 #mirai_roomSelectionContainer {
        width: 98%;
    }
    .bookingstep1 #header .content {
        width: 100%;
    }
    .offers-detail-wrapper .section {
        padding: 0 !important;
    }
    #ui-datepicker-div{
        font-size: 14px !important;
        left: 10px!important;
    }
    /* MULTIROOM */
    .engine_mashup.showMultiroomFilter > div form {
        display: inline-block;
        padding: 0 20px;
    }
    .engine_mashup.showMultiroomFilter > div form .control-group.promo-code-control-group {
        margin-right: 0;
    }
    .engine_mashup.showMultiroomFilter > div form .button-group {
        display: block;
        padding-top: 10px;
    }
    .engine_mashup.showMultiroomFilter > div form .button-group input {
        width: 100%;
    }
    /* -------------------- */
    .logos {
        padding: 30px 0 60px;
    }
    /* BLOG */
    .blog-wrapper {
        padding: 50px 30px;
    }

    .not-home #logo {
        padding-bottom: 0px;
        width: 90px;
    }

    .affix #logo {
        width: 90px;
    }
    .affix #logo a {
      margin: 15px 0 5px;
    }
    .affix #logo img {
        margin-top: -39px;
    }
    #header .affix ul#menu_web {
      float: left;
      padding-left: 20px;
    }
    .offers-mashup {
        width: 435px;
        padding: 20px;
    }
    .title-block {
        font-size: 1em;
    }
    .title-block, .p-common {
        /* text-align: center; */
    }
    #icon-services .p-common{
        text-align: left;
    }

    .services-icons p {
        white-space: normal;
    }
    .wifi05-micon:before {
        content: "\e9e7";
    }
    #services .ptl{
        padding-top: 85px;
    }

    .engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, #modal-engine .button-group input[type="submit"], .engine_mashup > div form .control-group, #modal-engine .control-group {
        height: 65px;
    }
    .engine_mashup{
        padding-top: 15px;
    }
    .smoke {
        width: 29%;
        padding: 19px;
    }
    .diamond-shape-rooms {
        display: none;
    }
    .p-common-left{
        font-size: 0.7em;
    }
    #services-instalation .grid figure p {
        letter-spacing: 1px;
        font-size: 13px;
        padding-top: 20px;
    }
    .home .services-icons li {
      width: 25%;
      padding: 0 1% 6%;
    }
    .cat-services .check-list {
      padding-left: 20px;
    }
    
    div.aviso-wrapper-mobile{
        color: #fff;
        padding: 15px 20px 0 20px;
        background-color: #27394b;
        opacity: 0.8;
    }
    
    .container-notice-closed {
        max-width: 650px;
    }
}

/* Screen touch devices */
@media (min-device-width: 0) and (max-device-width: 979px) {
    ul#menu_web > li ul.sub-menu {
        position: absolute;
    }
    .featured-links li, .featured-links .menu li {
        padding: 4px 0;
        margin-bottom: 10px;
    }
    .grid figure {
        height: 300px;
    }
    figure.effect-chico figcaption::before, figure.effect-chico p {
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    figure.effect-chico figcaption::before {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
    .home .main-title {
      margin-bottom: 50px!important;
      max-width: 500px;
      margin: 0 auto;
    }

/*     .room-box .room-detail .price-box .min-price, .rooms-detail-wrapper .room-box-image .room-box-detail .box-price, #main .go-to-calendar {
    background-color: #023258;
    color: #ffa622;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
}
.room-box .room-detail a {
    font-weight: bold;
    font-size: 20px;
    color: #023258;
    display: block;
}
.room-detail{
    padding: 10px 0 40px 0;
    text-align: center
}
.rooms-detail-wrapper h2, .rooms-detail-wrapper h3, .cat-offer-detail h2{
    font-size: 22px;
    font-weight: bold;
    color: #023258;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}
.offer-box, .rooms-detail-wrapper .offer .offer-button, .offers-listing-wrapper .offer .offer-button {
    text-align: center;
    text-transform: uppercase;
    color: #ffa622;
    font-weight: bold;
}
.offer-box{
    color: #fff;
} */
    .socialmedia-share {
        display: none;
    }
    /*#main .go-to-calendar{
      background-color: #a78f5f;
      color: #292929;
      font-size: 18px;
      font-weight: bold;
      margin: 2em 0 1em;
    }*/

/*     .room-description ul{
    padding: 5px 0;
}
.rooms-detail-wrapper .room-box-detail, .rooms-detail-wrapper .room-box-price, .offers-listing-wrapper .offer .offer-link, .rooms-detail-wrapper .offer .offer-link, .offers-listing-wrapper .offer .offer-link, .offers-detail-wrapper .offer-wrapper {
    text-align: center;
    padding: 30px 0px;
}
.room-box-extras {
    margin-bottom: 20px;
    padding: 20px;
    clear: both;
}
.rooms-detail-wrapper .room-box-image, .rooms-detail-wrapper .room-box-extras, .rooms-detail-wrapper .room-box-offers {
    background-color: #fff;
    border: 1px solid #ddd;
}
.rooms-detail-wrapper .room-box-extras div {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.rooms-detail-wrapper .room-box-extras h4 {
    font-size: 1.3em;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
}
.rooms-detail-wrapper .room-box-extras div ul {
    margin: 0 10px;
}
.rooms-detail-wrapper .room-box-extras div ul li {
    border-bottom: 1px solid #999;
    color: #666;
    padding: 7px 0;
}
.rooms-detail-wrapper .room-box-offers {
    margin-bottom: 20px;
    padding: 10px;
}
.offers-listing {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}
.offer {
    display: inline-block;
    margin-bottom: 10px!important;
    padding: 30px 2%;
    width: 49.5%!important;
}
.rooms-detail-wrapper .room-box-image .room-box-description .go-to-calendar {
    display: block;
    float: none;
    margin: 30px auto 10px;
    padding: 10px 20px;
    text-align: center;
    width: 50%;
}
.rooms-detail-wrapper .room-box-image .room-box-detail ul li span.occupancies-ico {
background-position: 0 0;
}

.rooms-detail-wrapper .room-box-image .room-box-detail ul li span.occupancies-ico, .rooms-detail-wrapper .room-box-image .room-box-detail ul li span.size-ico, .rooms-detail-wrapper .room-box-image .room-box-detail ul li span.distibution-ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: transparent;
    background-image: url(../../../images/rooms-listing.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.rooms-detail-wrapper .room-box-image .room-box-detail ul li span {
    vertical-align: middle;
}
.offer .offer-box {
    background-color: #f8f8f8;
    color: #72d01c;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 4%;
    text-align: center;
} */
    
        div.aviso-wrapper-mobile{
        color: #fff;
        padding: 15px 20px 0 20px;
        background-color: #27394b;
        opacity: 0.8;
    }

}

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