/*
Theme Name: Hotel-carlos-2017
Theme URI: hotelcarlos.es
Description: Hotel-carlos-2017
Template: mirai
Author: Mirai Espana
*/



.overlayMirai {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
    opacity: 0.75;
  }
  
  .popupMirai {
    background: transparent url(/files/christmas-hospes.jpg) no-repeat center;
    background-size: cover;
    position: fixed;
    margin-left: -375px;
    left: 50%;
    top: 25%;
    width: 750px;
    height: 450px;
    z-index: 100001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #reformas .ocultar{
    display: block;
  }
  
  #reformas .popupMirai .m0auto{
    background: transparent url(/files/footer-mobile1.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
  }
  
  #reformas .popupMirai{
    height: 50%;
    background: #bacbd8;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 6px 5px 10px 0px black;
    text-align: center;
    min-height: 450px;
    border-radius: 5px;
  }
  
  #reformas .popupMirai>div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
  }
  
  #reformas .popupMirai .info{
    font-size: 40px;
    margin-bottom: 20px;
  }

  #reformas .dest{
      font-size: 22px;
      color: #454c50;
      font-weight: bold;
  }
  
  
  #reformas .close{
    opacity: initial;
    position: absolute;
    top: -50px;
    right: 0px;
    z-index: 2;
    color: #fff;
    /* padding: 10px; */
    text-shadow: none;
  }
  
  a.closepopup {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    opacity: 1;
    cursor: pointer;
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.5s;
  }
  
  a.closepopup:hover{
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    color: #000;
  }
  
  .popupMirai .row {
    padding: 10%;
  }
  
  .popupMirai h3 {
    color: #000;
    font-size: 3em;
    font-weight: bold;
  }
  
  .content-popup {
    padding-top: 30px;
    width: 40%;
  }
  
  .popupMirai p {
    font-size: 1em;
    color: #fff;
    line-height: 25px;
    margin-bottom: 0;
  }

  .popupMirai p:not(:last-child){
      margin-bottom: 15px;
  }
  
  .popupMirai p:last-child {
    padding-bottom: 25px;
  }
  
  .popupMirai .content-popup a {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    transition: all 0.2s linear;
  }
  
  .popupMirai .content-popup a:hover {
    color: #796a48;
  }
  
  
  /*---------------------------------------------------------------------------*/
  /*--------------------------------- FONTS -----------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  /* 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,
  ul#menu_web > li > ul.sub-menu a: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';
      display: block;
  }
  
  @font-face {
      font-family: 'Maiandra';
      src: url('/files/maiandra.ttf');
      font-weight: normal;
      font-style: normal;
  }
  
  /* ICONS */
  
  i.icon-lock:before {
      font-family: 'mirai-icofonts';
      content: '\e992';
  }
  
  .back a:before, .fwd-link:after {
      content: '\e966';
      font-family: 'mirai-icofonts';
      font-size: .7em;
      line-height: .7em;
      font-weight: normal;
      margin: 0 .5em;
      vertical-align: baseline;
      display: inline-block;
      text-decoration: none;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  /* mete la clase .fwd-link a los enlaces que quieras meter una flecha hacia adelante */
  
  .fwd-link:after {
      content: '\e967';
  }
  
  .fwd-link:hover:after, a:hover .fwd-link:after {
      margin-left: 1em;
      margin-right: 0;
  }
  
  .back a:hover:before {
      margin-right: 1em;
      margin-left: 0;
  }
  
  /* local icons */
  
  .licon-smoke:before {content:'\e900';}
  .licon-big-safe:before {content: "\e901";}
  .licon-television:before {content: "\e902";}
  
  /* GENERAL FONT STYLES */
  
  body, html body.bookingstep1 {
      font-size: 16px;
      line-height: normal;
      color: #454c50;
  }
  
  body, .bookingstep1 #header *, .bookingstep1 #footer *, .ui-datepicker-inline *, .wpcf7 input, #ui-datepicker-div {
      font-family: 'Montserrat', 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: 'Montserrat', sans-serif!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;
  }
  
  .main-title, .pre-title {
      font-size: 45px;
      margin-bottom: 20px;
      display: block;
      font-weight: bold;
      color: #fff;
      text-shadow: 0 0 8px #404040;
  }
  
  .pre-title {
      font-size: 23px;
      margin-bottom: 10px;
      text-transform: uppercase;
      font-family: 'Maiandra';
  }
  
  .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 {
      font-size: 30px;
      font-weight: bold;
  }
  
  .title3, .rooms-listing-wrapper h3, .rooms-detail-wrapper h3, .cat-offers h3, .cat-offer-detail h3, .blog-wrapper h3, #modal-engine .modal-header h3, .chain_results div#mirai_chainHotelsContainer h1 a {
      font-size: 24px;
      font-weight: bold;
  }
  
  .title4, .rooms-detail-wrapper h4, .cat-offer-detail h4 {
      font-size: 20px;
      font-weight: bold;
  }
  
  a {color: #948354;}
  
  a:hover {color: #d3c291}
  
  
  /*---------------------------------------------------------------------------*/
  /*----------------------------- GENERAL FIXES -------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  input[type="radio"], input[type="checkbox"] {margin: 0}
  select[disabled] {cursor: not-allowed!important;}
  img {width: auto}
  .container {max-width: 100%}
  .btn {-webkit-box-shadow: none;box-shadow: none;text-align:inherit;}
  ul.menu a {color: inherit;}
  .bookingstep1 div#noDispo .selectRoom, .bookingstep1 div#noDispo .selectRoom:visited {text-shadow: none;-webkit-box-shadow: none;box-shadow: none;background-image: none;font-size: 14px!important;}
  .bookingstep1 div.mirai_button.selectRoom, .bookingstep1 div.mirai_button.selectRoom:visited {background-image: none;}
  #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;}
  
  /* ENGINE SELECTS, QTRANSLATE SELECT, MULTIROOM BUTTON AND COMMON FORM SELECT APPEARANCE RESET */
  
  .control-group select.selector, .control-group.nights-control-group select, .widget_qtranslate select,
  #modal-engine .control-group select, button#multiroom-button, .common-form .wpcf7 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;
  }
  
  .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, .common-form .wpcf7 select::-ms-expand {display: none;}
  
  .control-group select.selector, .control-group.nights-control-group select, .widget_qtranslate select, #modal-engine .control-group select, .common-form .wpcf7 select {width: auto;}
  
  /* CHAIN RESULTS */
  
  .chain_results div#mirai_chainHotelsContainer .bt_book {
      border-radius: initial;
      -moz-border-radius: initial;
      -webkit-border-radius: initial;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      text-shadow: none;
      background-image: none;
  }
  
  .chain_results div#mirai_chainHotelsContainer .descriptionHotel {width: auto;}
  
  
  /*---------------------------------------------------------------------------*/
  /*--------------------------- GENERIC CLASSES -------------------------------*/
  /*---------------------------------------------------------------------------*/
  .show-phone{
      display:none!important;
  }
  
  .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%);
      transform: translate(50%,-50%);
  }
  
  /* FLEX RULES */
  
  .flex {
      display: -webkit-box!important;
      display: -ms-flexbox!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;
  }
  
  .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;
  }
  
  /* changing axes */
  .fx-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  
  /* AFFIX */
  
  .affix {
      left: 0;
      top: 0;
      width: 100%;
      z-index: 600 !important;
  }
  
  /* LIST */
  /* agrega las clases .bullets o .check-list a los ul segun precises */
  
  .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;
  }
  
  /* MARGIN - PADDING */
  
  .pa0 {padding: 0}
  
  .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: 40px;}
  .prm {padding-right: 40px;}
  .pbm {padding-bottom: 40px;}
  .plm {padding-left: 40px;}
  .phm {padding-right: 40px; padding-left: 40px;}
  .pvm {padding-top: 40px; padding-bottom: 40px;}
  .pam {padding: 40px;}
  
  .ptl {padding-top: 80px;}
  .prl {padding-right: 80px;}
  .pbl {padding-bottom: 80px;}
  .pll {padding-left: 80px;}
  .phl {padding-right: 80px; padding-left: 80px;}
  .pvl {padding-top: 80px; padding-bottom: 80px;}
  .pal {padding: 80px;}
  
  .mas {margin: 20px;}
  .mtm {margin-top: 40px;}
  .mrm {margin-right: 40px;}
  
  .ma0 {margin: 0}
  .m0auto {margin: 0 auto}
  
  /* BACKGROUNDS & COLORS */
  
  .white-text, .white-text *, .white-text a:hover {
      color: #fff;
  }
  
  .bg-gradient {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
      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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }
  
  .bg-light-grey {
      background: #f3f3f3;
  }
  
  .bg-dark-grey {
      background: #454c50;
  }
  
  .bg-light-blue {
      background: #bacbd8;
  }
  
  .brd-r-light-grey {
      border-right: 1px solid #cfcfcf;
  }
  
  .brd-b-light-grey {
      border-bottom: 1px solid #cfcfcf;
  }
  
  .white-text *, .white-text {
      border-color: #fff;
  }
  
  .bg-light-blue i {
      color: #fff;
  }
  
  
  /*---------------------------------------------------------------------------*/
  /*--------------------------- COMMON ELEMENTS -------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  /* CAROUSEL CONTROLS */
  
  .carousel-control {
      text-indent: -99999px;
      height: auto;
      line-height: 1;
      font-size: 40px;
      width: 40px; /* firefox fixing - mismo que font-size */
      margin-top: -20px; /* poner la mitad de font-size */
      text-shadow: 0px 0px 6px #7d7d7d;
      background: none;
  }
  
  .carousel-control:before {
      text-indent: 0;
      font-family: 'mirai-icofonts';
      float: left;
  }
  
  .carousel-control.left:before {content: '\e962';}
  .carousel-control.right:before {content: '\e963';}
  
  /* MODAL */
  
  .modal:focus {outline: none;}
  .modal {border: 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;
  }
  
  .modal-header .close:hover {
      opacity: 1;
  }
  
  .modal-header {
      border-bottom: none;
      padding: 15px;
      padding-right: 57px;
      position: relative;
      background: #454c50;
      color: #fff;
  }
  
  /* modal title */
  .modal-header .title3, #modal-engine .modal-header h3 {
      color: inherit;
  }
  
  /* 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 .4s ease-out;
      transition: all .4s ease-out;
  }
  
  .fixed-modal-link:hover {
      padding: 30px 20px 30px 10px;
  }
  
  /* FORMS */
  /* mete la clase .common-form al contenedor del formulario para que le afecten los estilos estandar */
  
  .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-form-control-wrap {
      width: 100%;
  }
  
  .common-form .wpcf7 input[type="text"], .common-form .wpcf7 input[type="email"],
  .common-form .wpcf7 textarea, .common-form .wpcf7 select {
      width: 100%;
      box-shadow: none;
      -webkit-box-shadow: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 6px;
      min-height: 35px;
      -webkit-appearance: none;
      line-height: normal;
      border-radius: 3px;
  }
  
  .common-form .wpcf7 .wpcf7-form-control-wrap.bono:after {
      content: "\e971";
      font-family: 'mirai-icofonts';
      pointer-events: none;
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -4px;
      font-size: 9px;
      color: inherit;
  }
  
  .bg-light-blue .common-form .wpcf7 .wpcf7-form-control-wrap.bono:after {
      color: #fff;
  }
  
  .bg-light-blue .common-form .wpcf7 input[type="text"], .bg-light-blue .common-form .wpcf7 input[type="email"],
  .bg-light-blue .common-form .wpcf7 textarea, .bg-light-blue .common-form .wpcf7 select {
      background: transparent;
      border-color: #fff;
      font-weight: bold;
      color: #fff;
  }
  
  .bg-light-blue .common-form a {
      color: #fff;
  }
  
  .common-form .wpcf7 .captcha input {
      width: 100px;
  }
  
  .common-form .wpcf7 .captcha {
      padding-left: 15px;
      width: auto;
  }
  
  .common-form .wpcf7 img.wpcf7-captchac {
      vertical-align: -5px;
  }
  
  .accept-privacity a, div.wpcf7-validation-errors {
      font-size: .8em;
  }
  
  .common-form span.wpcf7-not-valid-tip {
      font-size: 12px;
  }
  
  /* BACK TO TOP */
  
  #back-top {
      background-color: #EF6772;
  }
  
  /* COOKIES ALERT */
  
  #cookies-alert-wrapper {
      background: #454c53;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 0;
      border: 0;
      right: 0;
      border-top: 1px solid #fbeed5;
      color: #cdc5a0;
      text-shadow: none;
      font-size: 14px;
  }
  
  #cookies-alert-wrapper a {
      color: #fff;
  }
  
  #cookies-alert-wrapper a.close {
      font-weight: normal;
      opacity: .7;
  }
  
  #cookies-alert-wrapper a.close:hover {
      opacity: 1;
  }
  
  /* SHADOWBOX FULLSCREEN */
  
  #sb-wrapper {
      height: 100% !important;
      left: 0 !important;
      margin: 0 !important;
      position: absolute;
      top: 0 !important;
      width: 100% !important;
  }
   
  #sb-title {display: none !important;}
   
  #sb-container #sb-info {
      height: 50px;
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
  }
   
  #sb-container #sb-info #sb-counter {
      bottom: 10px;
      font-size: 15px;
      left: 10px;
      position: absolute;
  }
   
  #sb-container #sb-info #sb-nav {width: 100%;}
   
  #sb-container #sb-wrapper #sb-wrapper-inner {
      border: 1px solid #303030 !important;
      height: 100% !important;
  }
   
  #sb-nav a {
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      background-position: center center;
      bottom: 0;
      height: 100%;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      width: 30%;
  }
   
  #sb-container #sb-info #sb-nav #sb-nav-close {
      background-color: #333333;
      background-image: url("../mirai/images/closed.png");
      bottom: auto;
      height: 16px;
      padding: 15px;
      position: absolute;
      right: 0;
      top: 0;
      width: 16px;
  }
   
  #sb-container #sb-info #sb-nav #sb-nav-previous {
     background-position: 5% center !important;
     background-image: url("../mirai/images/arrow-left.png") !important;
     bottom: 46%;
     height: 40px;
     left: 4%;
     width: 40px;
  }
   
  #sb-container #sb-info #sb-nav #sb-nav-next {
      background-image: url("../mirai/images/arrow-right.png") !important;
      background-position: 95% center !important;
      bottom: 46%;
      height: 40px;
      right: 4%;
      width: 40px;
  }
  
  #sb-container #sb-info #sb-nav #sb-nav-previous:hover {background-position: 1% center;}
  #sb-container #sb-info #sb-nav #sb-nav-next:hover {background-position: 99% center;}
  #sb-body img {position: relative !important;}
  #sb-body-inner {text-align: center;}
  
  /* 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,
  .btn-modal-engine, #modal-engine .button-group input[type="submit"], .offers-detail-wrapper .offer-calendar-wrapper .offer-button,
  .rooms-detail-wrapper .room-calendar-wrapper .room-button, .bookingstep1 div#noDispo .selectRoom, .bookingstep1 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 {
      border: none; /* fixing booking button in details pages */
      border-radius: 2px; /* fixing buttons in bookingstep */
      -webkit-box-shadow: none;
      box-shadow: none; /* fixing buttons in bookingstep */
      text-shadow: none; /* fixing buttons in bookingstep */
      text-transform: uppercase;
      font-weight: bold;
      font-size: 16px;
      padding: 15px 30px;
      background: #ffca60;
      color: #454c50;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }
  
  .primary-btn, .btn-modal-engine, .secundary-btn {
      display: inline-block;
  }
  
  .engine_mashup > div form .button-group input[type="submit"]:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover,
  .btn-modal-engine:hover, #modal-engine .button-group input[type="submit"]:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover,
  .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover, .bookingstep1 div#noDispo .selectRoom:hover, .bookingstep1 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 {
      color: #fff;
      background: #c3a364;
      text-decoration: none;
  }
  
  /* 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, .widget_search form input[type="submit"], #main .go-to-calendar,
  .rooms-listing-wrapper .room-box .room-book a, .chain_results div#mirai_chainHotelsContainer .bt_book, .chain_results div#mirai_chainHotelsContainer .bt_book:visited,
  .secundary-btn {
      background: transparent; /* fixing offers mashup button */
      border-radius: 2px; /* fixing offers mashup button */
      text-shadow: none; /* fixing offers mashup button */
      font-size: 13px;
      text-transform: uppercase;
      padding: 19px 27px;
      border: 1px solid #a0a0a0;
      color: #454c50;
      font-weight: bold;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }
  
  .bg-light-blue .secundary-btn, .bg-light-blue .wpcf7 .wpcf7-form input.wpcf7-submit {
      background: #454c50;
      border-color: #454c50;
      color: #fff;
  }
  
  .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, .widget_search form input[type="submit"]:hover, #main .go-to-calendar:hover,
  .rooms-listing-wrapper .room-box .room-book a:hover, .chain_results div#mirai_chainHotelsContainer .bt_book:hover, .secundary-btn:hover {
      color: #ffffff;
      text-decoration: none;
      background: #d3c291;
  }
  
  .secundary-btn i {
      display: inline-block;
      margin: 0 5px;
      font-size: 1.5em;
      vertical-align: top;
  }
  
  /* 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;
  }
  
  /* fixing padding for details submit button */
  .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button {padding: 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 {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;}
  .engine_mashup.inline>div form .control-group, .engine_mashup.inline>div form .button-group {display:block;float:left;}
  
  /* APPEARANCE */
  
  .engine_mashup {
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px;
  }
  
  .engine_mashup, #modal-engine .modal-body fieldset {
      border-radius: 3px;
  }
  
  .bookingstep1 .engine_mashup {
      border-radius: 0;
  }
      
  /* general background */
  .engine_mashup, #mirai_bookentrance, #modal-engine .modal-body fieldset {
      background: rgba(0, 0, 0, 0.5);
  }
  
  /* control group */
  .engine_mashup.inline > div form .control-group, #modal-engine .control-group {
      background: #fff;
      position: relative;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
  }
  
  .engine_mashup.inline > div form .control-group {
      border-left: 1px dashed #d2d0ca;
  }
  
  .engine_mashup.inline > div form .control-group:first-child {
      border-left: none;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
  }
  
  /* engine 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: #d2d0ca;
      right: 6px;
      bottom: 14px;
  }
  
  .engine_mashup > div form .checkin-control-group:after, .engine_mashup > div form .checkout-control-group:after, #modal-engine .date-group:after {
      content: "\e9e2";
  }
  
  .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";
  }
  
  /* 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, .engine_mashup > div form .chain-selector-control-group:before, #modal-engine .chain-group:before {
      line-height: 47px;
      font-size: 13px !important;
      font-family: inherit;
      text-transform: lowercase;
  }
  
  /* Adding chain selector label in :before */
  /* si pones los label encima de los input borra de la primera regla: '.engine_mashup > div form .chain-selector-control-group:before' */
  /*
  .engine_mashup > div form .chain-selector-control-group:before, #modal-engine .chain-group:before {
      max-width: 80px;
      line-height: normal;
      height: 47px;
      float: left;
      padding-top: 7px;
      box-sizing: border-box;
  }
  
  .engine_mashup > div form .chain-selector-control-group:before, #modal-engine .chain-group:before {content: 'Select hotel:';}
  html[lang='es'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='es'] #modal-engine .chain-group:before {content: 'Seleccione hotel:';}
  html[lang='fr'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='fr'] #modal-engine .chain-group:before {content: 'Selectioner hotel:';}
  html[lang='ca'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='ca'] #modal-engine .chain-group:before {content: 'Seleccioneu hotel:';}
  html[lang='it'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='it'] #modal-engine .chain-group:before {content: 'Seleziona l’hotel:';}
  html[lang='de'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='de'] #modal-engine .chain-group:before {content: 'Wählen hotel:';}
  html[lang='ru'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='ru'] #modal-engine .chain-group:before {content: 'Выбор гостиницы:';}
  html[lang='ja'] .engine_mashup > div form .chain-selector-control-group:before, html[lang='ja'] #modal-engine .chain-group:before {content: 'ホテルを選択してください:';}
  */
  /* 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 #e1e1e1; /* para que se vean en bookingstep ponemos border */
      color: #777;
      margin-bottom: 0;
      padding: 0 22px 0 4px;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-family: inherit;
      font-size: 13px !important;
      height: 47px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .engine_mashup > div form .control-group select option, #modal-engine .control-group select option {
      color: inherit;
  }
  
  /* 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;
  }
  
  /* chain selector */
  .engine_mashup > div form .chain-selector-control-group #chainSelector {
      padding-right: 25px;
      max-width: 200px;
      /* modificar este max-width en funcion de la web a maquetar */
  }
  
  /* 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"] {
      border: 0 none; /*mantener para fixear de skeleton */
      border-radius: 0; /*mantener para fixear de skeleton */
      height: 47px;
      padding: 0 30px;
      text-shadow: none; /*mantener para fixear de skeleton */
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
  }
  
  /* MULTIROOM */
  
  .multiroom-control-group .multiroom-dropdown {margin-top: 8px;z-index: 400;}
  
  .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 {
      bottom: 9px;
  }
  
  /* 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 */
  
  #ui-datepicker-div {z-index: 400 !important;}
  body.modal-open #ui-datepicker-div {z-index: 1060 !important;}
  
  /* wrapper */
  #ui-datepicker-div, #noDispo .ui-widget-content {
      border: 0!important;
      border-radius: 0!important;
      -webkit-box-shadow: 0 0 5px #666!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;
  }
  
  /* months */
  .ui-datepicker-multi .ui-datepicker-group {
      padding: 1px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  /* header */
  .ui-datepicker .ui-datepicker-header {
      border: 0;
      border-radius: 0;
      padding: 6px!important;
  }
  
  /* month - year */
  .ui-datepicker .ui-datepicker-title {
      font-size: 1em;
      font-weight: bold;
      margin: 0!important;
  }
  
  /* color name weekdays */
  .ui-datepicker th {
      color: #999!important;
  }
  
  /* color name weekend */
  .ui-datepicker th.ui-datepicker-week-end {
      color: #444!important;
  }
  
  /* days (number) */
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #noDispo .ui-datepicker td span, #noDispo .ui-datepicker td a {
      border:0!important;
      background: #F2F2F2!important;
      padding: 6px;
      text-align: center;
  }
  
  /* weekend (number) */
  .ui-datepicker-week-end .ui-state-default, .ui-datepicker-week-end .ui-widget-content .ui-state-default, .ui-datepicker-week-end .ui-widget-header .ui-state-default {
      background: #DDD!important;
  }
  
  /* arrows */
  
  .ui-widget-header .ui-icon, .ui-widget-content .ui-icon, .ui-icon, #main #noDispo .ui-widget-header .ui-icon {display: none!important;}
  .ui-dialog-titlebar-close .ui-icon-closethick {display: block!important;}
  
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
      border: 0!important;
      top: 50%!important;
      padding: .3em;
      text-decoration: none;
      width: auto!important;
      height: auto!important;
      line-height: 1;
      font-size: 1em;
      margin-top: -.8em;
  }
  .ui-datepicker .ui-datepicker-prev {left: 7px!important;}
  .ui-datepicker .ui-datepicker-next {right: 7px!important;}
  
  .ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after {
      color: #cacaca;
      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";}
  
  /* offers 4 and rooms 5 templates */
  .detail-services-dates {max-width: 800px;margin: 0 auto;}
  
  
  /* ------------------------------ 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: #454c53!important;
      color: #fff!important;
  }
  
  /* 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,
  .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,
  .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: #d3c291!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,
  .ui-datepicker .ui-datepicker-prev.ui-state-hover:after, .ui-datepicker .ui-datepicker-next.ui-state-hover:after {
      background: transparent!important;
      color: #fff;
  }
  
  
  /* ----------------------------------------------------------------------------------------------- */
  
  
  /* FIX BOOKINGSTEP CALENDAR */
  
  .bookingstep1 .ui-datepicker {width: 19em;}
  
  /* calendar days */
  .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;}
  .bookingstep1 div#noDispo .selectRoom {padding: 20px;}
  
  /* 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}
  
  /* HEADER */
  
  #header {}
  
  #header .content {}
  
  /* static header row */
  
  #pre-header, #header .qts-lang-menu, #header .qts-lang-menu option {
  
  }
  
  #header .affix-wrapper, #header .affix-wrapper > .affix {
      background: #fff;
  }
  
  /* ------- */
  
  #pre-header {
      padding: 5px 0 0;
      font-size: 12px;
  }
  
  #pre-header * {
      color: inherit;
      vertical-align: middle;
  }
  
  #pre-header > .container > * {
      vertical-align: middle;
      display: inline-block;
  }
  
  .contact-header > li {
      display: table-cell;
      padding: 0 10px;
      position: relative;
  }
  
  .contact-header > li:after {
      content: '';
      border-left: 1px solid #cfcfcf;
      height: 100%;
      position: absolute;
      top: 0%;
      right: 0;
  }
  
  .contact-header > li:first-child {
      padding-left: 0;
  }
  
  .contact-header i {
      display: inline-block;
      margin-right: 5px;
  }
  
  #pre-header .socialmedia a:before {
      margin: 0;
      font-size: 17px;
      padding: 7px;
      border-radius: 100%;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }
  
  #pre-header .socialmedia a:hover:before {
      -webkit-box-shadow: 1px 1px 4px #7d7d7d;
      box-shadow: 1px 1px 4px #7d7d7d;
  }
  
  #pre-header .socialmedia li {
      padding: 0 5px;
  }
  
  #header .affix-wrapper {
  
  }
  
  #header .affix-wrapper > .affix {
      -webkit-box-shadow: 1px 0px 10px #676767;
      box-shadow: 1px 0px 10px #676767;
  }
  
  #header .affix-wrapper > div > .container {
      padding-top: 5px;
  }
  
  /* modal engine button */
  
  #header .modal-engine-wrapper {
      padding: 5px 20px 5px 0;
      display: inline-block;
      vertical-align: bottom;
  }
  
  #header .btn-modal-engine {
      visibility: hidden;
      opacity: 0;
  }
  
  #header .modal-engine-wrapper.affix {
      position: static;
      z-index: initial!important;
      width: auto;
  }
  
  #header .modal-engine-wrapper.affix .btn-modal-engine {
      visibility: visible;
      opacity: 1;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  /* logo */
  
  #logo {
      height: auto;
      line-height: 1;
      margin: 0;
      padding: 0;
      font-size: 14px;
      margin-top: -10px;
      padding-bottom: 20px;
      -webkit-transition: margin .1s ease-out, padding .1s ease-out;
      transition: margin .1s ease-out, padding .1s ease-out;
  }
  
  #logo img {
      width: 60px;
  }
  
  #logo a span {
      display: block!important;
      text-align: center;
      vertical-align: middle;
      color: #454c50;
      text-transform: uppercase;
      font-family: 'Maiandra';
      font-weight: bold;
      line-height: 2em;
  }
  
  #logo a {
      text-align:center;
      text-decoration: none!important;
  }
  
  #logo a span:after {
      content: '****';
      display: block;
      font-size: 2em;
      line-height: 0.5em;
      font-weight: normal;
  }
  
  .affix #logo a span{
      display:none!important;
  }
  
  .affix #logo {
      width: 15%!important;
      margin: 0;
      padding-bottom: 5px;
  }
  
  
  
  /* Large screens */
  @media (min-width: 1200px) {
      #logo {
          font-size: 20px;
      }
  
      /*#logo img {
          width: 85px;
      }*/
  }
  
  /* qtranslate */
  
  .widget_qtranslate {
      text-align: right;
      position: relative;
      padding-left: 26px;
  }
  
  .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;
  }
  
  #header .widget_qtranslate:before {
      content: '\e9a4';
      right: auto;
      left: 10px;
      font-size: 16px;
      margin-top: -8px;
  }
  
  .widget_qtranslate select {
      border: none;
      padding-right: 12px;
      text-transform: uppercase;
  }
  
  .widget_qtranslate select option {
      padding: 6px 10px !important;
  }
  
  .widget_qtranslate ul li {
      display: inline-block;
  }
  
  .widget_qtranslate ul li.active {
      display: none;
  }
  
  /* menu web */
  
  #header ul#menu_web {
      display: inline-block;
      vertical-align: bottom;
      text-align:right;
      float:right;
  }
      
  ul#menu_web > li {
      display: inline-block;
      position: static;
      margin-left: 10px;
      text-transform: uppercase;
      font-weight: bold;
      padding: 20px 0;
  }
  
  ul#menu_web > li:first-child {
      margin-left: 0;
  }
  
  ul#menu_web > li:hover, ul#menu_web > li.current-menu-item, ul#menu_web > li.current-menu-parent {
      color: #d3c291;
  }
  
  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;
  }
  
  /* 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;
  }
  
  /* submenu */
  
  ul#menu_web > li > ul.sub-menu {
      z-index: 800;
      width: 100%;
      top: 100%;
      padding: 0;
      height: 0;
      text-align: center;
      background: rgba(247, 247, 247, 0.92);
      text-transform: none;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
      display: block;
      position: absolute;
      left: 0;
      overflow: hidden;
      color: #454c50;
  }
  
  ul#menu_web > li ul.sub-menu li:hover, ul#menu_web > li ul.sub-menu li.current-menu-item {
      color: #b3a57e;
  }
  
  ul#menu_web > li:hover > ul.sub-menu {
      padding: 25px 0;
      height: 67px;
  }
  
  ul#menu_web > li > ul.sub-menu li {
      padding: 0 30px;
      border-left: 1px solid #cfcfcf;
      position: relative;
  }
  
  ul#menu_web > li > ul.sub-menu li:first-child {
      border-left: none;
  }
  
  /* icons submenu */
  
  ul#menu_web > li > ul.sub-menu a:before {
      font-family: 'mirai-icofonts';
      display: block;
      font-size: 40px;
      margin-bottom: 7px;
  }
  
  ul#menu_web > li > ul.sub-menu .rooms-item a:before {content: '\ea9f';}
  ul#menu_web > li > ul.sub-menu .gastronomy-item a:before {content: '\eacc';}
  ul#menu_web > li > ul.sub-menu .spa-item a:before {content: '\e9f5';}
  ul#menu_web > li > ul.sub-menu .activities-item a:before {content: '\ea14';}
  ul#menu_web > li > ul.sub-menu .facilities-item a:before {content: '\ea29';}
  ul#menu_web > li > ul.sub-menu .shop-item a:before {content: '\e949';}
  ul#menu_web > li > ul.sub-menu .events-item a:before {content: '\ea59';}
  ul#menu_web > li > ul.sub-menu .celebrations-item a:before {content: '\e9fa';}
  
  ul#menu_web > li ul.sub-menu li:hover a:before, ul#menu_web > li ul.sub-menu li.current-menu-item a:before {
      /*color: #b5ae9b;*/
  }



  ul#menu_web > li.shop-item{
      font-size: 0;
  }
  ul#menu_web > li.shop-item a:before {
      font-family: 'mirai-icofonts';
      display: block;
      font-size: 20px;
      margin-bottom: 7px;
      content: '\e949';
    }
  
  /* FOOTER */
  
  
  .tienda{
      border-top: 1px solid #cfcfcf;
      border-bottom: 1px solid #cfcfcf;
      padding: 10px;
      margin-top: 20px;
      color: #fff;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s;
  }
  .tienda i{
      color: #454b53;
      font-size: 25px;
      line-height: 40px;
  }
  .tienda a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        font-weight: 700;
        color: #454b53;
  }
  .tienda:hover{
      background-color: #ffca60;
      -webkit-transition:all ease 0.3s;
      transition:all ease 0.3s;
      text-decoration:none;
  }
  .tienda:hover a{
      text-decoration:none;
  }
.tienda a img {
  padding: 5px 15px;
}
  
  #footer .content {}
  
  #footer p {
      margin-bottom: 0!important;
  }
  
  /*.prefooter {
      background-color: #ececec;
      padding: 30px 0;
  }*/
  
  .mainfooter {
      background-color: #fff;
      padding: 30px 0;
  }
  
  .mainfooter, .mainfooter a {
      color: #454c50;
  }
  
  .mainfooter a:hover {
  }
  
  .postfooter {
      padding: 20px 0;
      font-size: 10px;
  }
  
  /* 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: #353d45;
  }
  
  .postfooter, .postfooter a, .home #footer .widget_qtranslate:after, #footer .widget_qtranslate, #footer .widget_qtranslate select {
      color: #fff;
  }
  
  /* twitter plugin */
  
  .twitter-box {
      width: 500px;
      margin: 0 auto;
      margin: 0 auto;
      text-align: left;
  }
  
  .twitter-box > i:before {
      color: #91d1fb;
      display: block;
      font-family: "Flaticon";
      font-size: 50px;
      font-weight: normal;
      line-height: 1;
      speak: none;
      content: "\e00d"!important;
      font-style: normal;
  }
  
  .twitter-box > i {
      display: block;
      float: left;
      margin-right: 20px;
  }
  
  .twitter-box > div {
      overflow: hidden;
  }
  
  .twitter-box .title a {
      color: inherit;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      display: block;
  }
  
  .twitter-box .entry-meta, .twitter-box .follow-button, .twitter-box .twitterwidget-title {
      display: none;
  }
  
  .twitter-box .entry-content {
      color: #848484;
      font-weight: lighter;
  }
  
  /* logo footer */
  
  .logo-footer {
      text-align: center;
  }
  
  .logo-footer #logo {
      padding: 0;
      margin: 0;
  }
  
  .logo-footer #logo a span {
      display: block!important;
      padding-left: 0;
      padding-top: 10px;
  }
  
  /* hotelschema - vcard */
  
  .hotelschema {
      padding: 30px 0;
      line-height: 21px;
  }
  
  .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';}
  
  /* social media */
  
  #footer .socialmedia a:before {
      background-color: #454c50;
      border-radius: 100%;
      font-weight: normal;
      font-size: 20px;
      padding: 10px;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  #footer .socialmedia a:before, #footer .socialmedia a:hover:before {
      color: #fff;
  }
  
  #footer .socialmedia a:hover:before {
      background: #bacbd8;
  }
  
  #footer .socialmedia a {
      margin-right: 10px;
  }
  
  /* menu postfooter (legal and contact) */
  
  .postfooter .menu li {
      padding-left: 10px;
      text-transform: uppercase;
  }
  
  .postfooter .menu li:first-child {
      padding-left: 0;
  }
  
  /* view/cancel link */
  
  .icon-lock {
      background: none;
      display: inline-block;
      width: auto;
      height: auto;
      line-height: 1;
  }
  
  a.tracking-link {
      text-transform: uppercase;
  }
  
  /* developed by mirai */
  
  #developed-wrapper {
      text-transform: uppercase;
  }
  
  #developed-wrapper a {
      text-transform: lowercase;
      color: #ff001f;
      font-weight: bold;
      font-size: 1.5em;
  }
  
  /* MAIN ELEMENTS */
  
  #content-header {
      position: relative;
  }
  
  #content-header > img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      max-height: 600px;
      min-height: 450px;
  }
  
  .engine-wrapper {
      position: absolute;
      bottom: 50%;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      width: 100%;
  }
  
  .not-home .engine-wrapper {
  }
  
  /* link photo box */
  
  .box-link a {
      display: block;
      overflow: hidden;
      text-align: center;
  }
  
  .box-link a img, .over-text {
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  .box-link a:hover img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
  
  .over-text {
      background: rgba(88, 88, 88, 0.5);
      padding: 30px 20px;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .box-link a:hover .over-text, .multi-box span {
      padding: 15px  20px;
      background: rgba(56, 56, 56, 0.6);
  }
  
  .box-link.borders > div > [class^="col-"], .box-link.borders > div > [class*=" col-"] {
      border: 1px solid #fff;
      border-top-width: 2px;
      border-bottom-width: 2px;
  }
  
  .box-link.borders {
      overflow: hidden;
  }
  
  .box-link.borders > div {
      margin-left: -1px;
      margin-right: -1px;
  }
  
  /* lined text */
  
  .lined {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      align-items: center;
  }
  
  .lined:before, .lined:after {
      content: '';
      border-bottom: 1px solid #cfcfcf;
      height: 1px;
      -webkit-box-flex: auto;
      -ms-flex: auto;
      flex: auto
  }
  
  .lined:after {
      margin-left: 25px
  }
  
  .lined:before {
      margin-right: 25px
  }
  
  .white-text .lined:before, .white-text .lined:after, .white-text.lined:before, .white-text.lined:after {
      border-color: #fff;
  }
  
  /* big icons in section titles */
  
  .introicon {
      font-size: 3em;
      margin-bottom: 10px;
      display: inline-block;
  }
  
  /* advertisement box */
  
  .ad-box {
      border-radius: 5px;
  }
  
  .ad-box .secundary-btn {
      margin-top: 20px;
  }
  
  .ad-box.bg-dark-grey * {
      color: #fff;
      border-color: #fff;
  }
  
  .ad-box.bg-dark-grey .outstanding {
      color: #c2c2c2;
  }
  
  .ad-box.bg-light-blue .outstanding {
      color: #fff;
  }
  
  img.ad-box {
      -webkit-box-shadow: 2px 2px 6px rgba(80, 80, 80, 0.78);
      box-shadow: 2px 2px 6px rgba(80, 80, 80, 0.78);
  }
  
  /* multi box with paddings */
  
  .multi-box > .row {
      padding-bottom: 10px;
      padding-top: 10px;
  }
  
  .multi-box > .row > [class^="col-"], .multi-box > .row > [class*=" col-"] {
      padding-left: 10px;
      padding-right: 10px;
  }
  
  .multi-box > .row > [class^="col-"] > div, .multi-box > .row > [class*=" col-"] > div {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
  }
  
  .multi-box span {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -150px;
      display: block;
      color: #fff;
      font-size: 1.7em;
      font-weight: bold;
  }
  
  .multi-box > .row > [class^="col-"]:hover span, .multi-box > .row > [class*=" col-"]:hover span {
      bottom: 25px;
  }
  
  .multi-box img {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-filter: grayscale(30%);
      -moz-filter: grayscale(30%);
      -ms-filter: grayscale(30%);
      -o-filter: grayscale(30%);
      filter: grayscale(30%);
  }
  
  .multi-box > .row > [class^="col-"]:hover img, .multi-box > .row > [class*=" col-"]:hover img {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      -o-filter: none;
      filter: none;
  }
  
  .multi-box span, .multi-box img {
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  /* icons list */
  
  .icons-list .column {
      display: inline-block;
      text-align: left;
      padding-right: 20px;
      vertical-align: top;
  }
  
  .icons-list .column:last-child {
      padding-right: 0px;
  }
  
  .icons-list .column > div {
      overflow: hidden;
      padding-top: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .icons-list i {
      float: left;
      margin-right: 20px;
      font-size: 2em;
  }
  
  .icons-list span {
      overflow: hidden;
      display: block;
      padding-top: 5px;
      font-size: 15px;
      font-weight: normal;
  }
  
  
  /*---------------------------------------------------------------------------*/
  /*--------------------------------- PAGES -----------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  /* HOME */
  
  .header-home-links {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      text-align: center;
      padding: 30px 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+50,0.3+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.3)));
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
  }
  
  .header-home-links a {
      display: inline-block;
      margin: 0 20px;
      color: #fff;
      font-size: 16px;
  }
  
  .header-home-links i {
      display: inline-block;
      font-size: 3em;
      vertical-align: middle;
      margin-right: 15px;
  }
  
  #header-home-links{
      background-color: #bacbd8;
      padding: 25px 0;
      text-align: center;
  }
  
  #header-home-links h3{
      color: #fff;
      text-transform: uppercase;
      font-size: 25px;
      padding-bottom: 25px;
      font-size: 30px;
      font-weight: bold;
  }
  
  #header-home-links a{
      color: #fff;
      font-size: 20px;
      margin: 0 25px;
  }
  
  #header-home-links i{
      display: inline-block;
      font-size: 32px;
      vertical-align: sub;
      padding-right: 10px;
  }
  
  /* offers mashup */
  
  .offers-mashup * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .offers-mashup-inner {
      padding: 10px 0;
  }
  
  .offers-mashup-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      flex-wrap: wrap;
  }
  
  .offers-mashup dl {
      float: left;
      width: 25%;
      padding: 0 15px;
      position: relative;
  }
  
  .offers-mashup img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .offers-mashup dl dt {
      position: absolute;
      bottom: 0;
      left: 15px;
      right: 15px;
      padding: 20px 10px;
      color: #fff;
      background: rgba(88, 88, 88, 0.5);
      font-size: 24px;
      line-height: normal;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  .offers-mashup .more-info-link {
      position: absolute;
      left: 15px;
      right: 15px;
      top: 0;
      bottom: 0;
      padding: 0;
      background: transparent; /* fixing offers mashup button */
      border-radius: 0; /* fixing offers mashup button */
      text-shadow: none; /* fixing offers mashup button */
      text-indent: -99999px;
  }
  
  .offers-mashup dl dd span {
      position: absolute;
      top: 20px;
      right: 7px;
      left: auto;
      background: #efefef;
      border-radius: 3px;
      padding: 10px;
      text-transform: uppercase;
      font-weight: bold;
      display: block;
      font-size: 12px;
      width: 160px;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  .offers-mashup dl dd span, .offers-mashup img {
      -webkit-box-shadow: 1px 1px 4px rgba(132, 132, 132, 0.61);
      box-shadow: 1px 1px 4px rgba(132, 132, 132, 0.61);
  }
  
  .offers-mashup dl:hover dt {
      padding: 40px 10px;
  }
  
  .offers-mashup dl:hover dd span {
      background: #ffca60;
  }
  
  /* LOCATION */
  
  #transports .icons-list i {
      float: none;
      margin-right: 0;
      margin-bottom: 10px;
      display: block;
  }
  
  /* ROOMS */
  
  /* ABOUT US */
  
  #about-us .absolute{
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      width: auto;
      color: #d3d3d3;
      padding: 15px 20px;
      right: 20px;
      left: 20px;
  }
  
  #about-us h4{
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 20px;
      color: #d7d7d7;
  }
  #about-us p{
      line-height: 23px;
      margin-bottom: 0!important;
  }
  
  /* SERVICES */
  
  .conditions {
      font-size: .9em;
  }
  
  .conditions > div {
      border-right: 1px solid #cfcfcf;
  }
  
  .conditions > div:last-child {
      border: none;
  }
  
  .condition-list li {
      overflow: hidden;
      padding-bottom: 20px;
  }
  
  .condition-list li:last-child {
      padding-bottom: 0px;
  }
  
  .condition-list i {
      font-size: 1.8em;
      float: left;
      margin-right: 10px;
      padding-top: 4px;
  }
  
  .condition-list span {
      overflow: hidden;
      display: block;
  }
  
  #services .brd-b-light-grey {
      padding:10px 0;
  }
  
  ul.sub-menu-servicios, ul.sub-menu-rooms{
      text-align: center;
      background-color: #454b53;
  }
  
  .sub-menu-servicios li, .sub-menu-rooms li  {
      display: inline-block;
      text-align: center;
      padding: 20px 15px;
      color: #fff;
  }
  
  .sub-menu-servicios li a, .sub-menu-rooms li a{
      color: #fff;
  }
  
  .nav-wrapper.affix{
      top:70px;
      z-index:200!important;
  }
  
  
  
  
  /* SPA */
  a.tratamientos i{
      display: inline-block;
      padding: 0 10px;
      font-size: 23px;
      vertical-align: sub;
  } 
  
  /* EVENTS */
  
  .meeting-list > div {
      padding: 10px;
  }
  
  .meeting-list .over-text {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      width: auto;
  }
  
  .meeting-list .over-text .pdf-download {
      padding-top: 0;
      height: 0;
      overflow: hidden;
  }
  
  .meeting-list .over-text .pdf-download, .meeting-list .over-text .pdf-download i.arrow02-d-micon {
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
  }
  
  .meeting-list .over-text .pdf-download i {
      display: inline-block;
      vertical-align: middle;
  }
  
  .meeting-list .over-text .pdf-download i.pdf04-micon {
      font-size: 30px;
      margin-right: 10px;
  }
  
  .meeting-list .over-text .pdf-download i.arrow02-d-micon {
      margin: 5px 0;
  }
  
  .meeting-list > div:hover .pdf-download {
      padding-top: 10px;
      height: 30px;
  }
  
  .meeting-list .over-text:hover {
      text-decoration: none;
      background: rgba(56, 56, 56, 0.6);
  }
  
  .meeting-list .over-text:hover .pdf-download i.pdf04-micon {
      color: #d3c291!important;
  }
  
  .meeting-list .over-text:hover .pdf-download i.arrow02-d-micon {
      margin: 10px 0 0;
  }
  
  /* GASTRONOMY */
  .cafeteria-aldariz li{
      list-style:disc;
      padding-bottom:8px;
  }
  
  .links-menu-pdf a i, .links-menu-pdf p i{
      display:inline-block;
      padding: 0 10px;
      font-size: 23px;
      vertical-align: sub;
  }
  
  .links-menu-pdf a{
      color: #454c50;
  }
  
  .cat-services .ad-box{
      border-radius:0;
  }
  /**/
  
  /* SERVICES */
  #services i{
      font-size:35px;
  }
  
  #services li{
      list-style:disc;
  }
  
  /**/
  
  /* CLAUSULAS RGPD */
  
  .clausulas-link i {
      display:  inline-block;
      padding-left: 10px;
      font-size:  26px;
  }
  
  .clausulas-link {
      font-size:  20px;
      margin-left:  0;
      color: #777;
  }
  
  .page-id-1070 #intro li {
      list-style-type:  disc;
      margin-left: 20px;
  }
  
  /* BONOS */
  
  .bonos-row > div {
      padding: 10px;
  }
  
  .bonos-row img {
      border-radius: 15px;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }
  
  .bonos-row a:hover img {
      -webkit-box-shadow: 2px 2px 6px rgba(80, 80, 80, 0.78);
      box-shadow: 2px 2px 6px rgba(80, 80, 80, 0.78);
  }
  
  /* SHOP */
  /**************************************************/
  /*----------------- WOOCOMMERCE ------------------*/
  /**************************************************/
  /*.woocommerce-page #main * {
      font-family: Open Sans;
  }*/
  
  /* añadir estos estilos si el fondo es de color diferente a blanco */
  /*.woocommerce #main > .content, .woocommerce-page #main > .content {
      background: #ffffff;
      padding: 20px;
  }*/
  
  /* Title & Checkout Page */
  .woocommerce-page .page-title, .woocommerce-checkout .woocommerce > p:first-child, .woocommerce-page ul.products li.product a:hover h3, .woocommerce .product-type-simple #tab-description em {
      color: #454b53  !important;
  }
  
  
  
  /* icon cart background */
  .cart-icon {
      background: #64b85f !important;
  }
  
  /* BASIC buttons */
  .woocommerce .summary .cart .woocommerce-continue-shopping-button, .woocommerce-page .widget_shopping_cart_content .cart-contents .button, .woocommerce-page .cart .button, .woocommerce-page .woocommerce .return-to-shop .wc-backward {
      background: #444444 !important;
      color: #fff;
  }
  
  /* hover basic buttons */
  .woocommerce .summary .cart .woocommerce-continue-shopping-button:hover, .woocommerce-page .widget_shopping_cart_content .cart-contents .button:hover, .woocommerce-page .cart .button:hover, .woocommerce-page .woocommerce .return-to-shop .wc-backward:hover {
      background: #565656 !important;
  }
  
  /* CUSTOM buttons */
  .woocommerce .summary .cart .single_add_to_cart_button, .woocommerce-page .cart .checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-checkout #main .woocommerce .order-again a.button {
      background: #bacbd8 !important;
      border-radius: 0;
      display: block;
      color: #fff;
      -webkit-transition: .2s;
      transition: .2s;
      padding: 16px;
      border: 1px solid;
  }
  
  /* hover custom buttons */
  .woocommerce .summary .cart .single_add_to_cart_button:hover, .woocommerce-page .cart .checkout-button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce-checkout #main .woocommerce .order-again a.button:hover {
      background: #454b53 !important;
  }
  
  /* buttons shop read more to category page */
  .woocommerce ul.products li a.woocommerce-read-more-link {
      background: #454b53;
      color: #ffffff;
  }
  
  /* price color - default #42b2da */
  .woocommerce-page ul.products li.product .price .amount, .woocommerce-page .product-type-simple .summary .price .amount {}
  
  div.product span.price, #content div.product span.price, div.product p.price, #content div.product p.price, .woocommerce-page ul.products li.product .price{
      color:#454b53!important;;
  }
  
  .woocommerce .summary div[itemprop="offers"] .price{
      width:100%!important;
  }
  
  .woocommerce-page .quantity input[type="number"]{
      border-radius: 0;
      height: 50px;
      padding: 0!important;
      display:none;
  }
  
  .woocommerce div.product form.cart .button {
      vertical-align: middle;
      float: left;
      height: 53px!important;
      display: block;
  }
  
  .woocommerce-page #tab-description li {
      margin: 0 0 15px 0;
      line-height: 1.75;
      color: #666;
      font-size: 15px;
      list-style: disc;
  }
  
  .woocommerce-page #tab-description h3 {
      font-size: 1.5em;
      margin: 20px 0 10px;
      padding-top: 25px;
      padding-bottom: 10px;
  }
  
  .woocommerce-page #content-page, .woocommerce-page #main, .woocommerce-page #container #content {
      width: auto!important;
      position: static;
  }
  
  .woocommerce-page .widget_shopping_cart {
      position: static;
      float: right;
      padding: 0 1.8em;
  }
  
  .shopping-bar .flex > div {
      padding-bottom: 16px;
  }
  
  .woocommerce-page .widget_product_categories {
      position: static;
      font-size: 14px;
      float: left;
  }
  
  .woocommerce-page .widget_shopping_cart h3 {
      display: none!important;
  }
  
  .shopping-bar {
      background: #efefef;
      padding: 32px 0 16px;
  }
  
  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
      border-radius: 0;
      background: #454b53;
      color: #fff;
      -webkit-transition:all ease 0.2s;
      transition:all ease 0.2s;
  }
  
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
      background: #000;
      color: #fff;
      -webkit-transition:all ease 0.2s;
      transition:all ease 0.2s;
  }
  
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
      display:none;
  }
  
  .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
      margin-bottom:10px;
  }
  .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
      padding-left:2em;
      padding-bottom: 15px;
  }
  
  /* carrito */
  .woocommerce-cart #main .woocommerce table.cart td.product-remove a.remove {
      background: url("https://cdnwp0.mirai.com/images/woocommerce/remove.png") #999!important;
      border-radius: 0!important;
      -webkit-border-radius: 0!important;
      display: block;
      height: 26px!important;
      text-indent: -9999px;
      width: 26px!important;
  }
  
  .woocommerce-page .cart .button {
      background: #444;
      color: #fff!important;
      border-radius: 0;
  }
  
  .woocommerce-cart table.cart td.actions .coupon .input-text{
      border-radius: 0;
      height: 40px;
      width: 240px;
      float:none!important;
  }
  
  .woocommerce .cart .button, .woocommerce .cart input.button {
      border-radius: 0;
      height: 40px;
      padding: 0 25px!important;
      line-height: 40px;
  }
  
  .woocommerce-page table.cart td.actions .coupon{
      float: none;
      margin: 20px 0;
  }
  
  .woocommerce .cart-collaterals{
      margin-bottom:50px;
  }
  
  .woocommerce-page .cart-collaterals .cart_totals h2{
      padding-bottom:40px!important;
  }
  
  .woocommerce-page .woocommerce .cart-collaterals .cart_totals{
      border-radius:0;
  }
  
  .return-to-shop{
      margin:30px 0;
  }
  
  /* finalizar compra carrito */
  .woocommerce a.button.alt{
      background-color: #454b53!important;;
  }
  
  .woocommerce a.button.alt:hover{
      background-color: #c3a364!important;;
  }
  
  /* finalizar compra 2 */
  .woocommerce-info {
      margin: 0 auto!important;
      text-align: center;
      border-top-color: #1e85be;
      margin-bottom: 35px!important;
  }
  
  .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
      float: none;
      width: 48%;
      margin: 0 auto;
      text-align:center;
  }
  
  .woocommerce #order_review_heading, .woocommerce .woocommerce-billing-fields h3{
      margin-top: 50px;
      text-align: center;
      font-size: 30px;
      font-weight: bold;
  }
  /*
  .woocommerce .woocommerce-billing-fields h3{
      padding-bottom:50px;
  }*/
  
  .woocommerce-info:before{
      left:355px!important;
  }
  
  #billing_myfield13_field{
      font-size: 14px;
      font-weight: normal;
      text-align: left;
      margin-top: 25px;
  }
    html[lang="en"] .woocommerce-page .widget_product_categories h3:after {
        content: "Product categories:";

    }
    html[lang="es"] .woocommerce-page .widget_product_categories h3:after {
        content: "Categorías de productos:";
    }
    html[lang="de"] .woocommerce-page .widget_product_categories h3:after {
        content: "Produktkategorien:";

    }
    html[lang="fr"] .woocommerce-page .widget_product_categories h3:after {
        content: "Catégories de produits :";
    }
    html[lang="pt"] .woocommerce-page .widget_product_categories h3:after {
        content: "Categorias de Produtos:";
    }
    .woocommerce ul.product_list_widget li.empty {
        font-size:1px;
        visibility:hidden;
    }
    .woocommerce ul.product_list_widget li:before {
        visibility:visible;
        font-size:14px;    
    }
    html[lang="es"] .woocommerce ul.product_list_widget li.empty:before {
        content: "No hay productos en el carrito";
    }
    html[lang="en"] .woocommerce ul.product_list_widget li.empty:before {
        content: "No products in the cart";
    } 
    html[lang="de"] .woocommerce ul.product_list_widget li.empty:before {
        content: "keine Produkte im Einkaufswagen";
    } 
    html[lang="fr"] .woocommerce ul.product_list_widget li.empty:before {
        content: "Aucun produit dans le chariot";
    } 
    html[lang="pt"] .woocommerce ul.product_list_widget li.empty:before {
        content: "Não há produtos no carrinho";
    }
.woocommerce-checkout #customer_details .col-2 {
  margin: 0 auto 30px;
  width: 70%;
  float: none;
}
.woocommerce-page .widget_product_categories h3 {
    visibility:hidden;
    font-size:1px;    
}
.woocommerce-page .widget_product_categories h3:after {
    visibility:visible;
    font-size:16px;
    font-weight:600;    
}
  
.woocommerce-page .widget_product_categories {
    position: static;
    font-size: 14px;
    float: left;
}
.woocommerce-page .widget_product_categories select {
    margin: 0 0 0 12px;
}
  .woocommerce-page .widget_product_categories ul, .woocommerce-page .widget_product_categories h3 {
    float: none;
    display: inline-block;
}

  /**************************************************/
  /**************************************************/
  /**************************************************/
  
  /* PHOTOS */
  
  .ver-video {
      font-size: 2em;
      margin-bottom: 50px;
      display: inline-block;
  }
  
  .ver-video i {
      display: inline-block;
      margin-right: 15px;
      vertical-align: -4px;
  }
  
  /* OFFERS & ROOMS TEMPLATES */
  
  .offer-link {
      background-color: #F1F1F1;
  }
  
  .offers-listing-wrapper {
      padding: 80px 20px;
  }
  
  /* Align text when no offers */
  .offers-listing-wrapper.no-offers {
      text-align: center;
  }
  
  /* 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: #d3c291;
      height: auto;
  }
  
  .offer .offer-deco {
      background-color: #ffca60;
  }
  
  .offer .offer-intro {
      background: #454c50;
  }
  
  .offer .offer-box, .offers-detail-wrapper .offer-features-wrapper .offer-boxes-wrapper .offer-box.main-box {
      color: #d3c291;
  }
  
  .offers-detail-wrapper .offer-calendar-wrapper, .rooms-detail-wrapper .room-calendar-wrapper {
      padding-top: 120px;
  }
  
  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: 16px;
  }
  
  .offers-detail-wrapper .offer-features-wrapper .offer-date-range {
      color: #fff;
      font-weight: normal;
  }
  
  /* 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;
  }
  
  /* LEGAL */
  
  /* REVIEWS */
  
  /* NOT FOUND - 404 */
  
  .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;
  }
  

.slideshowlink a {
    display: none;
}
  /*---------------------------------------------------------------------------*/
  /*---------------------------------- 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 .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;
      -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;
  }
  
  .widget_search form input[type="submit"]:hover{
      background: #454b53;
      border: 1px solid;
  }
  
  /* BOOKINGSTEP */
  
  html body.bookingstep1 #main {font-size: 14px;}
  .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;}
  #mirai_bookentrance #mirai_be0 input[type=text], .bookingstep1 #mirai_be0 select, #mirai_bookentrance #mirai_be0 span {float: none;display: inline-block;padding-left: 5px}
  #mirai_bookentrance #mirai_be0 span#mirai_be10 {display:none;}
  .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {padding: 15px;height: auto;}
  .bookingstep1 div.mirai_button.selectRoom, .bookingstep1 div.mirai_button.selectRoom:visited {padding: 10px 30px 10px 10px;}
  .bookingstep1 .engine_mashup fieldset {display: inline-block;}
  .bookingstep1 .engine_mashup {text-align: center;}
  
  /* para que los desplegables del motor queden por encima de los elementos del room selection */
  .bookingstep1 .engine_mashup {z-index: 1;position:relative;} 
  .bookingstep1 #motor_reservas #mirai_roomSelectionContainer {z-index: 0;position:relative;}
  
  /* 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 seleccion de habitaciones */
  .bookingstep1 div#mirai_roomSelectionContainer {
      background-color: transparent !important;
      border-radius: 0 !important ;
      border: 0;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      margin-top: 0;
  }
  
  div#hotelName {
      text-align: center;
      padding: 50px 0;
  }
  
  
  /*---------------------------------------------------------------------------*/
  /*----------------------------------- HACKS ---------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  /* IE9 & IE 8 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,
  .ie8 .chain-selector-control-group:after, .ie8 .control-group.nights-control-group:after, .ie8 .widget_qtranslate:after, .ie8 #modal-engine .control-group:after {
      display: none!important;
  }
  
  .ie9 .engine_mashup > div form .chain-selector-control-group .nights-control-group, .ie8 .engine_mashup > div form .chain-selector-control-group #chainSelector,
  .ie9 .widget_qtranslate select, .ie8 .widget_qtranslate select, .ie9 .engine_mashup > div form .control-group select,
  .ie8 .engine_mashup > div form .control-group select, .ie9 #modal-engine .control-group select, .ie8 #modal-engine .control-group 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;
  }
  
  /* header */
  
  .ie9 #header .affix-wrapper .flex, .ie8 #header .affix-wrapper .flex {
      display: block!important;
  }
  
  .ie9 #logo, .ie8 #logo {
      float: left;
      padding-bottom: 0;
  }
  
  
  /*---------------------------------------------------------------------------*/
  /*------------------------------- IMPROVEMENTS ------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  
  .latlon-wrapper li, .latlon-wrapper label, .latlon-wrapper span {
       display: inline-block;
       margin-right: 10px;
  }
  
  /******  MEJORA 57502 *****/
  
  .woocommerce #order_review {
      margin: 0 auto 10px !important;
  }
  
  .bolder{
      font-weight: 600;
  }
  
  #content-message{
      padding: 20px;
      border: 1px solid #796B48;
      margin-top: 22px;
      max-width: 760px;
  }
  
  .checkout-message .icon:before{
      font-family:  'mirai-icofonts';
      content:"\e964";
      position: absolute;
      left: 66%;
      font-size: 30px;
      color: #796B48;
      background-color: #fff;
  }
  
  .checkout-message  .uppercase{
      text-transform: uppercase;
  }
  
  #content-message img{
     width: 100%;
  }
  
  .woocommerce-checkout #order_review{
      padding-bottom: 0px;
      border-bottom: 0px;
  }
  
  .checkout-title{
      font-size: 1.3em;
  }
  
  .woocommerce-billing-fields h4.rgpd{
      font-size: 1.2em;
      font-weight: 600;
      margin-bottom: 20px;
  }
  
  .woocommerce-billing-fields p.rgpd{
      line-height: 1.3em;
  }

#codvid a {
  background: white;
    color: black;
}

#codvid a:hover {
  background: #3a3a3a;
    color: white;
}

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

/* SAFE LOGO LINK */

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

.csp-logo {
    display: block;
    line-height: 1;
    position: absolute;
    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;
}

/* MODAL WITH LINK */

#modal-safe-protocol.mirai-modal {
    background: rgba(255, 255, 255, 0.75);
}

#modal-safe-protocol.mirai-modal .mi-modal-content {
    width:100%;
}

.csp-modal-container {
    box-sizing: border-box;
    max-width: 500px;
    text-align: center;
    position: relative;
    padding: 40px;
    background: #000;
    border: 6px solid;
}

.csp-modal-container * {
    position: relative;
}

.csp-modal-container .mi-modal-close,
.csp-modal-container button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.csp-modal-container img {
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .5;
}

.csp-modal-container p {
    padding: 20px;
}

@media (max-width: 768px) {
    .csp-modal-container {
        padding: 50px 10px;
    }
}

/* bootstrap modal */

#modal-safe-protocol.modal {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    overflow: hidden;
}

#modal-safe-protocol.modal .csp-modal-container {
    max-height: 100%;
    overflow: auto;
}

.csp-modal-container button.close {
    opacity: 1;
}

/* COVID SAFE PROTOCOL - Page */

#covid-safe-protocol {
    padding: 70px 0 30px;
}

#covid-safe-protocol > .mi-title2 {
    text-align: center;
    margin-bottom: 40px;
}

#covid-safe-protocol .csp-inner-section {
    margin-bottom: 60px;
}

#covid-safe-protocol .csp-inner-section:last-child {
    margin-bottom: 0;
}

#covid-safe-protocol .csp-text .mi-title3 {
    margin-bottom: 0.5em;
}

#covid-safe-protocol .csp-list li {
    position: relative;
    padding-left: 1.5em;
    padding-bottom: .4em;
}

#covid-safe-protocol .csp-list li: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;
    font-family: 'mirai-icofonts';
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    color: inherit;
    content: '\eb1a';
    font-size: .4em;
    line-height: 1;
    margin-top: 1.2em;
}

#covid-safe-protocol .csp-image {
    margin-bottom: 30px;
}

#covid-safe-protocol .csp-image img {
    max-height: 320px;
    width: 100%;
    object-fit: cover;
}

#covid-safe-protocol .csp-text {
    padding: 0 30px;
}

/* [col-sm] Tablet vertical */
@media (min-width: 768px) and (max-width: 979px) {
    #covid-safe-protocol {
        width: 80%;
    }
}

.modal-img>img{
  max-height: 80vh;
}

/* newsletter */
.wrapper-newsletter {
  background-color: #f4f4f4;
  padding: 30px 0;
}

.newsletter-btn {
  display: flex;
  align-items: center;
  float: right;
  font-size: 17px;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.newsletter-btn i {
  font-size: 26px;
  margin-right: 20px;
}

.newsletter-box .title {
  font-size: 1.6em;
}

.note-form {
    font-size: 13px;
}

.note-form a {
  font-size: 13px;
    font-weight: 700;
}

/* alternate pics */

/* [col-md] Desktop */
@media (min-width: 980px) {
    #covid-safe-protocol[data-display='alternate'] .csp-inner-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    #covid-safe-protocol[data-display='alternate'] .csp-inner-section:nth-child(odd) {
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    #covid-safe-protocol[data-display='alternate'] .csp-image,
    #covid-safe-protocol[data-display='alternate'] .csp-text {
        width: calc(50% - 30px);
        margin-bottom: 0;
        padding: 0;
    }

    #covid-safe-protocol .csp-image img {
        max-width: none;
    }
}

/* columns */

/* [col-md] Desktop */
@media (min-width: 980px) {
    #covid-safe-protocol[data-display='column'] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    #covid-safe-protocol[data-display='column'] > .mi-title2 {
        width: 100%;
    }

    #covid-safe-protocol[data-display='column'] .csp-inner-section {
        width: calc(50% - 20px);
    }

    #covid-safe-protocol[data-display='column'] .csp-inner-section:nth-child(even):last-child {
        width: 70%;
        margin-left: 15%;
    }
}


#modal-motherday .mi-modal-close {
  align-self: flex-end;
  box-sizing: border-box;
  padding: 10px 0;
}

/* Mail Compliance */

.black-text{
	color:black;
}


/*Compliance*/

.all_text{
	text-align:justify;
}

.home #content-header>.overflow-h{
  min-height: 500px;
  height: calc(100vh - 170px);
}

.video-home {
    width: 100vw;
    height: 55.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    pointer-events: none;
}

.home.is-mobile #content-header img.full-height{
	height: 500px;
	object-fit: cover;
}
/*---landing proyectos solidarios----*/
  
.proyects-box {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 10px;
}

.proyects-box-img-1 {
    max-width: 350px;
    width: 100%;
}

.proyects-box-img-2 {
    max-width: 350px;
    width: 100%;
}

.proyects-box-img-3 {
    max-width: 350px;
    width: 100%;
}

.proyects-box-img-1{
    grid-column: 6/10;
    grid-row: 1/2;
}

.proyects-box-img-2{
    grid-column: 11/15;
    grid-row: 1/2;
}

.proyects-box-img-3{
    grid-column: 16/20;
    grid-row: 1/2;
}

.sustainability-box {
    padding: 25px; 
    text-align: justify;
}

.proyects-box-img-2 span {
    position: absolute;
    bottom: 15px;
    align-items: center;
    color: white;
    font-size: 25px;
    transition: all .2s;
}

.proyects-box-img-2 span:hover {
    transform: translateX(10px);
}

.proyects-box-img-2 span:hover a {
    text-decoration: none;
}

.arrow02-r-micon:before {
    content: "\e967";
    color: white;
}

@media (max-width: 767px) {
    .fx-column-xs {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
      }
   .proyects-box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5px;
	}

    .proyects-box-img-1{
        grid-column: 1 span;
        grid-row: 1/2;
    }

    .proyects-box-img-2{
        grid-column: 1 span;
        grid-row: 3/4;
    }

    .proyects-box-img-3{
        grid-column: 1 span;
        grid-row: 5/6;
    }
    
     .proyects-box-img-2 span {
        bottom: 12px;
        font-size: 20px;
    }
    
}

@media (max-width: 768px) {
    .proyects-box-img-2 span {
        bottom: 4px;
        font-size: 20px;
	}
}

@media (max-width: 1024px) {
    .proyects-box-img-2 span {
        bottom: 8px;
        font-size: 20px;
	}
}

.mi-be-datepicker-open .engine-wrapper {
	transform: unset;
}

/*-----COMPLIANCE TEXT------*/

.button-group {
	display: flex; 
    flex-wrap: wrap; 
    gap: 1rem; 
    margin: 1rem 0;
}
  /*---------------------------------------------------------------------------*/
  /*-------------------------------- MEDIA QUERYS -----------------------------*/
  /*---------------------------------------------------------------------------*/
  

  /* XLarge desktop */
  @media (min-width: 1920px) {
      /* biggers designs */
      /*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
          width: 1800px;
      }*/
  }


  /* Small screens */
  @media (min-width: 768px) and (max-width: 979px) {
      #main .container {width: 700px;}
      .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 {
          padding: 10px;
      }
      .engine_mashup.showMultiroomFilter > div form {
          display: inline-block;
      }
      /* -------------------- */
      .pr0-sm {padding-right:0;}
      .brd0-sm {border: 0;}
      .fx-sm-column {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
      }
      .multi-box span {
          bottom: 0;
          font-size: 1.2em;
      }
      /* header */
      #pre-header .socialmedia a:before {
          font-size: 12px;
          padding: 5px;
      }
      #logo a span {
          font-size: 10px;
      }
      .affix #logo a span {
          display: none!important;
      }
      #header .modal-engine-wrapper {
          display: none;
      }
      #header .affix .modal-engine-wrapper {
           display: inline-block   
      }
      #header ul#menu_web {
          font-size: 14px;
      }
      ul#menu_web > li > ul.sub-menu li {
          padding: 0 15px;
      }
      ul#menu_web > li.hotel-item > ul.sub-menu li.duplicated-menu-item a:before {
          content: '\e903';
          font-family: 'local-icofonts';
      }
      /* home */
      .offers-mashup dl dt {
          font-size: 16px;
      }
      /* services */
      .conditions > div {
          border-right: 0;
          border-bottom: 1px solid #cfcfcf;
      }
      .condition-list i {
          padding-top: 0;
      }
      /* events */
      .meeting-list > div .over-text .pdf-download {
          height: auto!important;
          display: inline-block;
          padding: 0 0 0 10px;
          vertical-align: baseline;
      }
      .meeting-list .over-text .title2 {
          display: inline-block;
      }
      
      /* 38165 */
      
      #header .affix-top .flex, header .affix .flex{
          display:block!important;
      }
      
       #header #logo, #header .affix #logo{
          width: 100%!important;
          text-align: center;
          margin: 0 auto;
          display: block;
          padding: 15px 0!important;
      }
      #header > .pull-right, #header .affix .pull-right{
          width: 100%;
          text-align: center;
      }
      
      .modal-engine-wrapper.affix a, .modal-engine-wrapper.affix-top a{
          top: 20px;
          right: 20px;
          position: absolute;
      }
      ul#menu_web > li{
          padding: 0 0 20px 0;
      }
      .nav-wrapper.affix{
          top:130px;
      }
      .sub-menu-servicios li, .sub-menu-rooms li{
          display: inline-block;
          text-align: center;
          padding: 10px 15px;
          color: #fff;
      }
      .sub-menu-servicios li a, .sub-menu-rooms li a{
          font-size:14px;
      }
      #services .col-sm-6{
          padding-right:15px;
      }
      .cat-corp-rooms .room-type .flex{
          -ms-flex-wrap: wrap;
          flex-wrap: wrap  
      }
      .icons-list .column{
          padding-top: 50px;
      }
      .icons-list .column > div{
          width: 45%;
          display: inline-block;
          padding-left:20px;
      }
      .snack-bar .prs{
          padding-right:0;
          padding-left:35px;
      }
      
      /**/
      #about-us img{
          height: 350px;
          width: 100%;
          -o-object-fit: cover;
          object-fit: cover;
      }
  }
  
  /* Screen touch devices */
  @media (min-device-width: 0) and (max-device-width: 1024px) {
      ul#menu_web > li ul.sub-menu {
          position: absolute;
      }
      
      .checkout-message .icon:before {
          left: 50% !important;
          margin-left: -15px;
      }
      
      .checkout-message p{
          text-align: center;
      }
  }

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

#engine-modal.mirai-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1050;
    background-color: rgba(0, 0, 0, 0.8);
    color: #333E48;
}

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

.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: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

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

#engine-modal .mi-modal-close {
    top: 67.5px;
    right: 90.5px;
}

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

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

#engine-modal.mirai-modal {
  background: #fff;
}

#engine-modal .mi-modal-close {
    color: #333E48;
}

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