/*
Theme Name: Laguna-nivaria-2016
Theme URI: lagunanivaria.com
Description: Laguna-nivaria-2016
Template: mirai
Author: Mirai Espana
*/

/*---------------------------------------------------------------------------*/
/*---------------------------- GENERIC STYLES -------------------------------*/
/*---------------------------------------------------------------------------*/

/* FUENTES PARA SALONES */

@font-face {
    font-family: 'salon';
    src:  url('/files/salon.eot?3rkg4t');
    src:  url('files/salon.eot?3rkg4t#iefix') format('embedded-opentype'),
      url('/files/salon.ttf?3rkg4t') format('truetype'),
      url('/files/salon.woff?3rkg4t') format('woff'),
      url('/files/salon.svg?3rkg4t#salon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  
  /* FUENTES ICONOS */
  @font-face {
  font-family: 'mirai-icofonts';
  src: url('../mirai/fonts/mirai-icofonts.eot');
  src: url('../mirai/fonts/mirai-icofonts.eot#iefix') format('embedded-opentype'),
       url('../mirai/fonts/mirai-icofonts.woff') format('woff'),
       url('../mirai/fonts/mirai-icofonts.ttf') format('truetype'),
       url('../mirai/fonts/mirai-icofonts.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  
  body, html body.bookingstep1 {
      font-size: 16px;
      line-height: 24px;
  }
  
  body, .bookingstep1 #header *,  .bookingstep1 #footer * {
      font-family: 'Open Sans', sans-serif;
  }
  /* Mete el mismo font family 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 {
      font-family: 'Open Sans', sans-serif !important;
  }
  
  #main h1, #main h2, #main h3, #main h4 {
      color: #4e4e4e;
      font-weight: 700;
  }
  
  #main h1, #main .rooms-detail-wrapper h2 {
      font-size: 2.5em;
      margin-bottom: 0.5em;
  }
  
  #main .engine-wrapper h1 {
      width: auto;
      text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
      color: white;
      font-family: "Playfair Display";
      font-size: 3.2em;
      font-weight: 400;
      line-height: 68px;
  }
  
  #main .carousel-inner h1 {
      margin-left: -380px;
      position: absolute;
      bottom: 30%;    left: 50%;
      text-align: center;
      width: 760px;
  }
  
  #main h2, .modal h2, #main .post h1, #main .room-box .room-detail h3 {
      font-size: 1.5em;
  }
  
  .modal h2 {
      font-size: 1.8em!important;
      margin-bottom: 0!important;
      text-transform: uppercase;
  }
  
  #main h3 {
      font-size: 1.2em;
  }
  
  #footer h4 {
      margin-bottom: 12px;
  }
  
  .uppercase-font {
      text-transform: uppercase;
      color: #f2d0a5;
      font-family: Raleway;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.58px;
      line-height: 16px;
  }
  
  .hotelschema .address, .hotelschema p, .contact {
      display: inline;
      color: #fff;
      font-family: "Open Sans";
      font-size: 0.75em;
      font-weight: 700;
      letter-spacing: 0.5px;
      line-height: 30px;
  }
  
  .menu li a {
      color: #fff;
      text-transform: uppercase;
  }
  
  .menu li {
      display: block;
      font-family: "Open Sans";
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.5px;
      line-height: 36px;
  }
  
  section h2, section .offers-listing-wrapper h2 {}
  
  section h3, .offers-detail-wrapper .section h4, #cookies-wrapper-content h2, #cookies-wrapper-content h1, .blog-wrapper .post h2 {}
  
  #main section a, .rooms-detail-wrapper .go-to-offers-page a, .room-box .room-detail .room-description .more-info {
      color: #fff;
  }
  
  a:hover {}
  
  .back a:before {
      content: "‹";
      display: inline-block;
      font-size: 2.4em;
      font-weight: 300;
      margin-right: 5px;
      vertical-align: -5px;
      text-decoration: none!important;
  }
  
  #back-top {
      border-radius: 30px;
      -webkit-border-radius: 30px;
      padding: 15px 7px 15px 5px;
      right: 15px;
  }
  
  li {
      line-height: 24px;
  }
  
  #main ul {
      margin-bottom: 1em;
  }
  
  
  /* SELECT - RESET APPEARANCE */
  /*.engine_mashup > div form .control-group select, .widget_qtranslate select {
      border: 0;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
  }
  */
  
  #header {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      background-color: #1b1b16;
  }
  
  #header .content {}
  
  #logo {
      position: absolute;
      margin-top: -33px;
  }
  
  ul#menu_web > li a {
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      font-family: Raleway;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.9px;
      line-height: 14px;
      color: #fff;
      text-transform: uppercase;
      width: 100%;
  }
  
  ul#menu_web>li ul.sub-menu li a {
      line-height: 26px;
      text-align: center;
      margin: 15px 0px -5px 0px;
      font-size: 0.9em;
      border-top: 4px double #333;
      padding-top: 10px;
  }
  
  ul#menu_web > li:hover > ul.sub-menu {
      display: block;
      position: absolute;
      left: -28px;
  }
  
  ul#menu_web>li ul.sub-menu {
      background: #1b1b16;
      width: 175%;
      margin-top: 0px;
      margin-bottom: 90px;
      padding-bottom: 15px;
  }
  
  ul#menu_web li.menu-item-has-children > a:after {
      content: "\e965";
      display: inline-block;
      font-family: 'mirai-icofonts';
      font-size: 0.7em;
      margin-left: 10px;
      vertical-align: middle;
      width: 8px;
  }
  
  #main {}
  
  #main .content {}
  
  #content-header {
      position: relative;
  }
  
  
  #main section.container, #cookies-wrapper-content {
      padding: 50px 0;
  }
  
  #content-header .carousel .carousel-control {
      background: none;
      z-index: 20;
      margin-left: 100px;
  }
  
  #content-header .carousel-control.right {
      left: auto;
      right: 100px;
  }
  
  .carousel-control {
      border: 0 none;
      border-radius: 0;
      line-height: 22px;
      top: 50%;
      background: transparent;
  }
  
  .offers-mashup .carousel-control {
      font-family: monospace;
  }
  
  #footer {}
  
  #footer .content {}
  
  #developed-wrapper a {
      font-weight: 700;
      text-transform: lowercase;
      color: #ff2c2c;
  }
  
  
  /* MENU FOOTER */
  
  #menu-legal li {
      padding-right: 20px;
      display: inline-block;
      color: white;
      font-family: "Helvetica Neue";
      font-size: 11px;
      font-weight: 400;
      line-height: 24px;
      text-decoration: underline;
  }
  
  #menu-legal li a {
      text-transform: capitalize;
  }
  
  #developed-wrapper {
      font-family: "Helvetica Neue";
      font-size: 11px;
      font-weight: 400;
      line-height: 24px;
      color: white;
  }
  
  
  /* Cuando en bootstrap el contenido es container, posicion relativa para los elementos en absoluta */
  #header .content, #main .content, #footer .content, .container {
      position: relative;
  }
  
  /* PINK BLOCKS */
  .header-row-1 {
      padding-top: 5px;
  }
  
  .header-row-1 > * {
      display: inline-block;
      margin-left: 1px;
      vertical-align: middle;
  }
  
  .header-row-1 > :first-of-type {
      margin-left: 0;
  }
  
  .header-row-1 .hotelschema, .footer-row-2, .footer-row-1 {
      font-size: 0.9em;
  }
  
  .header-row-2 {
      padding: 0px 0 46px 0;
  }
  
  .footer-row-1 .container, .footer-row-2 .container {
      border-top: 1px solid;
      padding-top: 30px;
  }
  
  .pre-footer {
      background-color: #1d1d1b;
      padding: 25px 0;
  }
  
  .pre-footer .inline-block {
      margin-left: 10px;
  }
  
  .pre-footer .inline-block:first-child {
      margin-left: 0;
  }
  
  .footer-row-1 {
      background-color: #1d1d1b;
  }
  
  .footer-row-2 {
      background: #1d1d1b;
      padding: 10px 0;
  }
  
  #footer .span {
      color: #f2d0a5;
      font-family: Raleway;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.58px;
      line-height: 16px;
  }
  
  .fixed-modal-link {
      background-color: #0c0c0c;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 45%;
      padding: 20px 20px;
      z-index: 10;
      right: -6.7%;
      -webkit-transform: rotate(-270deg);
      -moz-transform: rotate(-270deg);
      -o-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
      transform: rotate(-270deg);
      min-height: 50px;
      width: 16%;
  }
  
  .fixed-modal-link h2 {
      color: #fff !important;
      font-family: "Playfair Display" !important;
      font-size: 23px !important;
      font-weight: 400 !important;
      line-height: 0px !important;
      text-transform: uppercase;
  }
  
  a.fixed-modal-link {
      color: white;
      font-family: Raleway;
      font-size: 0.70em;
      font-weight: 700;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      z-index: 1000;
  }
  
  a.fixed-modal-link:hover, .fixed-modal-link h2:hover {
      color: #f2d0a5 !important;
      text-decoration: blink;
  }
  
  img {
      width: auto
  }
  
  img.full-size {
      width: 100%;
  }
  
  .page #content-header .full-size {
      margin-top: 0px;
  }
  
  .home #content-header .full-size {
      margin-top: 11%;
  }
  
  .inline-block {
      display: inline-block;
  }
  
  .align-left {
      text-align: left;
  }
  
  .align-center {
      text-align: center;
  }
  
  .align-right {
      text-align: right;
  }
  
  .medium-size {
      padding: 0 20%;
  }
  
  .relative {
      position: relative;
  }
  
  .absolute {
      position: absolute;
  }
  
  .affix {
      position: fixed!important;
      bottom: auto!important;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 1000 !important;
  }
  
  .affix .engine_mashup {
      width: 100%;
      z-index: 1000;
  }
  
  .affix h1 {
      display: none;
  }
  
  [class*="span"], .post #respond, #mirai_widget_recent_entries ul  {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .modal {
      border-radius: 0;
  }
  
  /* margins-paddings */
  
  .pa0 {padding: 0}
  .pas {padding: 5px}
  .pam {padding: 10px}
  .pal {padding: 20px}
  
  .pts {padding-top: 5px}
  .ptm {padding-top: 10px}
  .ptl {padding-top: 20px}
  
  .prs {padding-right: 5px}
  .prm {padding-right: 10px}
  .prl {padding-right: 20px}
  
  .pbs {padding-bottom: 5px}
  .pbm {padding-bottom: 10px}
  .pbl {padding-bottom: 20px}
  
  .pls {padding-left: 5px}
  .plm {padding-left: 10px}
  .pll {padding-left: 20px}
  
  .phs {padding-left: 5px;padding-right: 5px}
  .phm {padding-left: 10px;padding-right: 10px}
  .phl {padding-left: 20px;padding-right: 20px}
  
  .pvs {padding-top: 5px;padding-bottom: 5px}
  .pvm {padding-top: 10px;padding-bottom: 10px}
  .pvl {padding-top: 20px;padding-bottom: 20px}
  
  .ma0 {margin: 0}
  .ma0auto {margin: 0 auto}
  .mas {margin: 5px}
  .mam {margin: 10px}
  .mal {margin: 20px}
  
  .mts {margin-top: 5px}
  .mtm {margin-top: 10px}
  .mtl {margin-top: 20px}
  
  .mrs {margin-right: 5px}
  .mrm {margin-right: 10px}
  .mrl {margin-right: 20px}
  
  .mbs {margin-bottom: 5px}
  .mbm {margin-bottom: 10px}
  .mbl {margin-bottom: 20px}
  
  .mls {margin-left: 5px}
  .mlm {margin-left: 10px}
  .mll {margin-left: 20px}
  
  .mhs {margin-left: 5px;margin-right: 5px}
  .mhm {margin-left: 10px;margin-right: 10px}
  .mhl {margin-left: 20px;margin-right: 20px}
  
  .mvs {margin-top: 5px;margin-bottom: 5px}
  .mvm {margin-top: 10px;margin-bottom: 10px}
  .mvl {margin-top: 20px;margin-bottom: 20px}
  
  .brd1 {
      border-left: 5px solid #71b1c8;
      padding-left: 10px;
  }
  
  
  .pdd1 {
      padding-right: 5px;
  }
  
  .pdd2 {
      padding-left: 5px;
  }
  
  .pdd3 {
      padding-bottom: 5px;
  }
  
  .pdd4 {
      padding-top: 5px;
  }
  
  .pdd5 {
      padding-top: 12px!important;
  }
  
  .pddt{
      padding-top: 30px;
  }
  
  .pddr{
      padding-right: 30px;
  }
  
  .pddl{
      padding-left: 30px;
  }
  
  /* ICONOS */
  
  [class*="-ico"]:after, [class*="-ico"]:before{
      display: inline;
      font-size: inherit;
      line-height: inherit;
      text-decoration: none;
      font-style: normal;
      font-weight: normal;
      text-transform: none;
  }
  
  .arrow-ico:after {
      font-size: 3em;
      margin: 8px 0px 0px 10px;
      opacity: 0.9;
      content: '\350';
      position: absolute;
  }
  
  /* COOKIES */
  #cookies-alert-wrapper {
      bottom: 0;  top: auto;
      padding: 20px 0;
  }
  
  /*Align text when no offers */
  .offers-listing-wrapper.no-offers {
      text-align: center;
  }
  
  
  .gradient-header-pic {
      background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
      background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
      background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
      position: absolute;
      left: 0;    top: 0;
      height: 200px;
      width: 100%;
      z-index: 5;
  }
  
    /* WOOCOMMERCE */

.shopping-bar {
    background: #efefef;
    padding: 50px 0;
}

.woocommerce-page .widget_product_categories {
    position: static;
    font-size: 14px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}

#woocommerce_product_categories-2 {
    padding: 0;
}

.woocommerce-page .widget_product_categories h3 {
    display: inline-block;
    float: left;
    margin: 0!important;
    font-size: 17px!important;
    padding-right: 10px!important;
}

select.dropdown_product_cat {
    margin-bottom: 0;
    margin-left: 10px;
    border: none;
    height: 40px;
    cursor: pointer;
}

.woocommerce-page .widget_shopping_cart {
    position: static;
    float: none;
    padding: 0 1.8em;
    background: none;
    padding: 10px 0;
}

.woocommerce-page .widget_shopping_cart h3 {
    display: none !important;
}


.container-xl {
    max-width: 1600px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 64px;
}

.woocommerce-page .page-title {
    display: block;
    font-size: 29px;
    line-height: 1.25;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: -200px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.woocommerce-page ul.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0;
    justify-content: space-between;
}


.woocommerce ul.products li.product-category a {
    position: relative;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
}

.woocommerce ul.products li.product-category a img {
    width: 100%!important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    /* max-width: 450px; */
    max-height: 300px;
    display: block;
    opacity: 1;
    border: none;
    -webkit-filter: brightness(0.75);
    filter: brightness(0.75);
    -webkit-transition: all ease 0.45s;
    transition: all ease 0.45s;
}

.woocommerce-page .widget_shopping_cart {
    position: static;
    text-align: left;
    padding: 24px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-product.woocommerce-page .product, .woocommerce-cart .woocommerce {
    max-width: 1200px;
    width: 100%;
    padding: 48px 0px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.woocommerce-cart .product-thumbnail a {
    pointer-events: none;
    opacity: 0;
}

.woocommerce-cart dl.variation {
    display: none;
}

  /*---------------------------------------------------------------------------*/
  /*--------------------------------- PAGES -----------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  /* HOME */
  
  #intro-foods .no-float p {
      width: 60%;
  }
  
  #intro-foods .tabbable {
      margin-left: 7%;
  }
  
  #intro-offers .no-float {
      width: 650px;
  }
  
  .no-float {
      display: inline-block !important;
      float: none !important;
  }
  
  .link {
      color: #939598 !important;
      font-family: "Open Sans";
      font-size: 15px !important;
      font-weight: bold !important;
      line-height: 25px;
  }
  
  .vertical-align .no-float:first-child {
      margin-left: -10px;
  }
  
  .vertical-align>* {
      vertical-align: middle;
  }
  
  #intro-tabs, #intro-tabs2, #intro-rooms, #intro-foods, #intro-offers, #intro-spa, #intro-rest, #intro-rest-2, #cafe, #rutas{
      position: relative;
  }
  
  .tabbable {
      position: absolute !important;
      z-index: 9;
      bottom: 20%;
  }
  
  .absolute.full, .grey-gradient, .bg-black {
      bottom: 0;
      top: 0;
      right: 0;
      left: 0;
  }
  
  .flex {
      -moz-box-align: center;
      -moz-box-pack: center;
      align-items: center;
      display: flex;
      display: -webkit-flex;
  }
  
  .xy {
      position: absolute;
      z-index: 7;
      left: 25%;
      bottom: 15%;
  }
  
  
  #cafe .xy {
      position: absolute;
      z-index: 7;
      left: 25%;
      bottom: 25%;
  }
  
  
  .xy-2 {
      position: absolute;
      z-index: 7;
      left: 25%;
      bottom: 5%;
  }
  
  .bg-black-10{
      background-image: linear-gradient(180deg, rgba(6, 6, 6, 0.54) 0%, transparent 100%);
      position: absolute;
      z-index: 8;
  }
  
  .bg-black {
      background-color: rgba(12, 12, 12, 0.85);
      position: absolute;
  }
  
  .bg-gradblack {
      position: absolute;
      z-index: 8;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      background: -moz-linear-gradient(top, rgba(62,61,46,0) 0%, rgba(62,61,46,1) 91%, rgba(62,61,46,1) 100%);
      background: -webkit-linear-gradient(top, rgba(62,61,46,0) 0%,rgba(62,61,46,1) 91%,rgba(62,61,46,1) 100%);
      background: linear-gradient(to left, rgba(62,61,46,0) 0%,rgba(62,61,46,1) 91%,rgba(62,61,46,1) 100%);
  }
  
  .spa h4 {
      color: #000 !important;
  }
  
  .spa a {
      text-transform: initial !important;
      color: #000 !important;
      text-decoration: underline;
  }
  
  .spa h2 {
      font-weight: 400 !important;
  }
  
  .spa {
      text-align: center;
      z-index: 7;
      position: absolute;
      right: 5%;
      width: 110px;
      background-color: #f0f0f0;
      box-shadow: 0 2px 4px rgba(110, 110, 110, 0.5);
      top: -15%;
      padding: 0 5px 25px 5px;
  }

@media (max-width: 768px) {  
    #intro-spa .no-float,
    #pet-friendly .no-float {
        display: block !important; 
        width: 100% !important;    
        margin-left: 0 !important;  
    }

    #intro-spa .no-float img,
    #pet-friendly .no-float img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
     #pet-friendly .no-float img {
        max-width: 100% !important;
        display: block !important;
    }
 
    #pet-friendly .no-float {
        box-sizing: border-box !important;
    }
}

  .info {
      text-align: center;
      z-index: 7;
      top: -18%;
      padding-top: 30px;
      position: absolute;
      right: 6%;
      width: 300px;
      height: 174px;
      background-color: #f0f0f0;
      box-shadow: 0 3px 3px rgba(110, 110, 110, 0.9);
  }
  
  .info h3 {
      line-height: 35px !important;
      margin: 5px 30px;
  }
  
  #intro-tabs h2, #intro-tabs2 h2, #intro-rooms h2, #intro-offers h2, #intro-rest h2, #cafe h2, #rutas h2{
      color: #fff;
      font-family: "Playfair Display";
      font-size: 2.38em;
      font-weight: 700;
      text-transform: uppercase;
      display: inline-block;
  }
  
  #intro-spa h2, #intro-rest-2 h2, #buffet h2, #restaurant h2, #estate h2, #intro-foods h2, #intro-location h2, #pet-friendly h2 {
      color: #000;
      font-family: "Playfair Display";
      font-size: 2.38em;
      font-weight: 700;
      text-transform: uppercase;
      display: inline-block;
  }
  
  #restaurant a, #buffet a{
      color: #676767!important;
      font-weight: bold;
  }
  
  #intro-spa h4, #intro-foods h4 {
      color: #939598;
      font-family: "Playfair Display";
      font-size: 1em;
      line-height: 21px;
      font-weight: 400;
      margin-top: 20px;
  }
  
  #intro-spa h3 {
      color: black;
      font-family: "Playfair Display";
      font-size: 16px;
      font-weight: 400;a
  }
  
  #intro-tabs h3, #intro-tabs2 h3, #intro-rooms h3, #intro-offers h3, #intro-rest h3, #intro-rest-2 h3, #buffet h3, #restaurant h3, #cafe h3, #estate h3 {
      color: #adaaaa;
      font-family: "Playfair Display";
      font-size: 1em;
      font-weight: 400;
  }
  
  
  #intro-rest .xy, #intro-offers .xy {
      position: absolute;
      z-index: 7;
      left: 25%;
      bottom: 30%;
  }
  
  #intro-spa p, #intro-foods p, #pet-friendly p {
      color: #939598;
      font-family: "Open Sans";
      font-size: 0.95em;
      font-weight: 400;
      line-height: 26px;
      margin-top: 10px;
  }
  
  #intro-tabs p, #intro-tabs2 p, #intro-rooms p, #intro-offers p, #intro-rest p, #intro-rest-2 p, #buffet p, #restaurant p, #cafe p, #estate p, #rutas p {
      color: #adaaaa;
      font-family: "Open Sans";
      font-size: 0.95em;
      font-weight: 400;
      line-height: 25px;
      width: 80%;
      margin: 0 auto;
  }
  #intro-rest img {
      height: 700px;
      object-fit: cover;
  }
  
  .home .engine-wrapper h1:first-child:before {
      content: "";
      border-bottom: 1px solid #fff;
      width: 40%;
      margin: 0 auto 10px;
      display: block;
  }
  
  
  .home .engine-wrapper h1:after {
      content: "";
      border-bottom: 1px solid #fff;
      width: 40%;
      margin: 10px auto 0;
      display: block;
  }
  
  .page .engine-wrapper h1:first-child:before {
      content: "";
      border-bottom: 1px solid #fff;
      width: 40%;
      margin: 0 auto 10px;
      display: block;
  }
  
  .page .engine-wrapper h1:first-child:after {
      content: "";
      border-bottom: 1px solid #fff;
      width: 40%;
      margin: 10px auto 0;
      display: block;
  }
  
  .home .engine-wrapper h1:first-child:after {
      border-bottom: 0;
  }
  
  
  
  #intro-tabs h2:before, #intro-tabs2 h2:before, #intro-rooms h2:before, #intro-rest h2:before {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #fff;
      width: 80%;
      margin: 0 auto 10px;
  }
  
  #intro-spa h2:before, #pet-friendly h2:before{
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 80%;
      margin: 0 auto 10px;
  }
  
  #intro-foods h2:before {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 50%;
      margin: 0 auto 10px;
  }
  
  #intro-rest-2 h2:before, #buffet h2:before, #restaurant h2:before, #cafe h2:before, #estate h2:before, #rutas h2:before{
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 80%;
      margin: 0 auto 10px;
  }
  
  #intro-foods h2:after {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 50%;
      margin: 10px auto 0;
  }
  
  #intro-tabs h2:after, #intro-tabs2 h2:after, #intro-rooms h2:after, #intro-rest h2:after{
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #fff;
      width: 80%;
      margin: 10px auto 0;
  }
  
  #intro-spa h2:after, #pet-friendly h2:after{
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 80%;
      margin: 10px auto 0;
  }
  
  #intro-rest-2 h2:after, #buffet h2:after, #restaurant h2:after, #cafe h2:after, #estate h2:after, #rutas h2:after{
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 80%;
      margin: 10px auto 10px;
  }
  
  #intro-rooms .tabbable {
      bottom: 19%;
  }
  
  .cta-button {
      color: #f2d0a5 !important;
  }
  
  .spa h4:before {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      width: 80%;
      margin: 0px auto 10px;
  }
  
  .spa h2:before {
      display: none !important;
  }
  
  #intro-spa a {
      font-family: Raleway;
      font-size: 0.75em;
      font-weight: 700;
      text-transform: uppercase;
      display: block;
  }
  
  #intro-spa .cta-button {
      float: right;
  }
  
  #intro-spa .span6.no-float.pll {
      width: 42%;
  }
  
  #intro-spa a:hover {
      color: #000 !important;
  }
  
  #intro-rooms a {
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      color: #f2d0a5 !important;
      font-family: Raleway;
      font-size: 0.75em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 90px;
      text-decoration: initial;
  }
  
  #intro-rooms a:hover {
      color: #fff !important;
  }
  
  #intro-tabs ul li:before, #intro-foods ul li:before {
      content: "/";
      position: relative;
      display: inline;
      padding-right: 10px;
      top: 8px;
  }
  
  #intro-tabs ul li:first-child:before,  #intro-foods ul li:first-child:before{
      content: "";
  }
  
      /*Tabs*/
  
  #intro-tabs a:hover, #rutas .tab-content a:hover {
      text-decoration: initial;
      color: #f5d7af;
  }
  
  #intro-tabs p a {
      text-transform: uppercase;
  }
  
  .nav-tabs {
      border-bottom: 0;
      margin-top: 3em;
  }
  
  .nav-tabs > li, .nav-pills > li {
      display: -webkit-inline-box;
      float: none;
  }
  
  .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
      color: #939598 !important;
      background-color: transparent;
      border: none;
      border-top: 3px solid #939598;
      cursor: default;
      text-decoration: none !important;
      border-radius: 0;
  }
  
  .nav-tabs > li > a:hover {
      border-color: transparent;
  }
  .nav > li > a:hover {
      text-decoration: underline;
      background-color: transparent;
  }
  
  #intro-foods .nav-tabs > .active > a, #intro-foods .nav-tabs > .active > a:hover {
      font-family: "Open Sans";
      font-size: 0.80em;
      font-weight: 700 !important;
      line-height: 17px;
      color: #484848 !important;
  }
  
  #intro-foods a {
      color: #939598 !important;
      font-family: "Open Sans";
      font-size: 0.80em;
      font-weight: 700;
      line-height: 17px;
  }
  
  /* ROOMS */
  #main .rooms-detail-wrapper h2, .rooms-detail-wrapper .room-box-extras h4 {
      text-align: left;
  }
  
  .rooms-detail-wrapper .room-box-extras div ul li {
      border: 0;
      font-size: 0.8em;
      padding: 4px 0px;
  }
  
  .room-box .room-detail .price-box .min-price {
      background-color: #a6093d;
      display: inline-block;
  }
  
  /* RESTAURANTE */
  
  .video-link {
      display: inline-block;
      font-size: 25px;
      padding: 13px;
      background: #12110f94;
      transition: all 0.2s linear;
      margin-top: 20px;
  }
  
  .video-link i {
      display:  inline-block;
      padding-right:  10px;
  }
  
  .video-link:hover {
      text-decoration:  none;
      background: black;
  }
  
  /* Shadowbox video */
  
  #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;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-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;
    z-index: 1;
  }
  
  #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;}
  
  /* PHOTOS */
  
  /* OFFERS */
  
  .offer-link, .offers-detail-wrapper .offer-wrapper {
      background-color: #F1F1F1;
      margin-top: 10%;
  }
  
  .offers-mashup dl dt {
      margin: 20px;
      color: white;
      font-family: "Playfair Display";
      font-size: 2.75em;
      font-weight: 700;
      line-height: 46px;
      text-transform: uppercase;
      line-height: 60px;
  }
  
  .offers-listing-wrapper .rss-text a {
      text-decoration: inherit;
      color: #a6093d;
  }
  
  .offers-listing-wrapper .rss-text a:hover {
      color: #000;
      text-decoration: underline;
  }
  
  .offer-box:hover {
      color: #a6093d;
  }
  
  .offer-description:hover {
      color: #a6093d;
  }
  
  .offer-title:hover {
      color: #a6093d !important;
  }
  
  .item a.more-info-link.btn {
      display: block;
      width: 150px;
      margin: 20px auto 0;
  }

   a.menu.btn {
   background: none;
   color: #000 !important;
   border: 1px solid black;
   border-radius: 0;
   padding: 15px;
}
  
  
  .home #intro-offers p {
      display: none;
  }
  
  .no-offers {
      display: block !important;
      margin-top: 60px !important;
  }
  
  .home #intro-offers span {
      color: #f2d0a5;
      font-family: "Open Sans";
      font-size: 2.75em;
      font-weight: 300;
      line-height: 64px;
  }
  
  .home #intro-offers h2 {
      color: white;
      font-family: "Playfair Display";
      font-size: 1.3em;
      font-weight: 700;
      line-height: 30px;
  }
  
  .home #intro-offers h2:after {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #fff;
      width: 150%;
      margin-left: -20px;
      top: 10px;
  }
  
  /* LOCATION */
  
  #intro-location.pvsection {
      padding-top: 50px;
  }
  
  #calculate-route-button:disabled {
      background-color: #f5d7af !important;
      color: #231f20 !important;
  }
  
  #calculate-route-button:hover {
      background-color: #a6093d !important;
      color: #fff !important;
  }
  
  #calculate-route-button {
      background-color: #0c0c0c !important;
  }
  
  #modal-map-results #results-box {
      background: #fff;
  }
  
  /* COOKIES */
  
  /* LEGAL */
  
  /* REVIEWS */
  
  /* BLOG */
  .blog-wrapper > p {
      font-weight: 700;
      text-align: center;
      padding: 50px 0;
  }
  
  .post .meta, .post .entry .categorias, .blog-wrapper p.paginaAnterior a, .blog-wrapper p.paginaSiguiente a, .post #prev_post a, .post #next_post a,
  .commentmetadata, .mirai_widget_recent_entries ul a, .widget_postcategories ul a {
      font-size: 0.8em;
  }
  
  .blog-wrapper.span9 {
      padding-right: 60px;
  }
  
  .blog-wrapper p.paginaAnterior a, .blog-wrapper p.paginaSiguiente a, .post #prev_post a, .post #next_post a {
      border: 1px solid #DDD;
      display: inline-block;
      margin: 20px 0;
      padding: 10px;
  }
  
  .blog-wrapper p.paginaAnterior {
      float: left;
  }
  
  .blog-wrapper p.paginaSiguiente {
      float: right;
  }
  
  #main .post, .blog-sidebar, .blog-wrapper > form > fieldset {
      margin: 50px 0;
  }
  
  .post h2 a {
      color: inherit;
  }
  
  .post .entry img {
      margin: 20px 0;
      width: 100%;
  }
  
  .post .meta, .commentmetadata {
      border-bottom: 1px solid #CCC;
  }
  
  .post .entry .post-edit-link {
      display: block;
  }
  
  .post .entry .categorias {
      border-top: 1px solid #CCC;
      display: inline-block;
      margin-top: 20px;
  }
  
  .post #respond {
      background: #ededed;
      margin-top: 20px;
      padding: 20px;
  }
  
  .post #respond form .comment-form-comment textarea {
      width: 95%;
  }
  
  .comment {
      background: #F9F9F9;
      margin-bottom: 10px;
      padding: 20px;
  }
  
  .commentmetadata  {
      text-align: right;
      margin-top: -20px;
      margin-bottom: 10px;
  }
  
  .comment-form-author label, .comment-form-email label {
      display: inline-block
  }
  
  .comment-form-author input, .comment-form-email input {
      margin-bottom: 0;
      margin-left: 10px;
  }
  
  #cl_check_5c1 {
      margin-top: 0;
  }
  
  .comment .reply {
      text-align: right;
  }
  
  #descripcion_autor h2, .blog-wrapper #posts_con_categoria {
      /*text-align: center;*/
      padding: 40px 0 0;
  }
  
  .blog-wrapper #posts_con_categoria {
      font-size: 1em;
      margin: 10px 0 0;
      text-align: left;
      text-decoration: none;
      text-transform: none;
  }
  
  #results-title {
      margin-bottom: 50px;
  }
  
  #main .post .addthis_toolbox {
      margin-top: 40px;
  }
  
  .widget_search {
      margin: 20px 0;
  }
  
  .widget_search form label {
      font-weight: bold;
  }
  
  .widget_search form input[type=text] {
      border-radius: 0;
      box-shadow: none;
      height: 40px;
      margin-bottom: 0;
      padding: 1px;
      width: 160px;
  }
  
  .widget_search form input[type=submit] {
      font-size: 0.8em;
      float: right;
  }
  
  .mirai_widget_recent_entries ul, .widget_postcategories ul {
      background: #ededed;
      padding: 10px;
  }
  
  .blog-wrapper > form fieldset > label, .blog-wrapper > form fieldset > input {
      display: none;
  }
  
  .entry .leer_mas {
      display: block;
  }
  
  /*POST EMPLEO*/
  .post .entry .single_job_listing img {
      margin:0;
      width: auto;
  }
  .back_jobs {
      position: relative;
      top: 20px;
      left: 50px;
  }
  .job-manager-application-form > p {
      text-align:center;
  }
  
  
  /* MODAL WRAPPER */
  
  #modal-wrapper li {
      line-height: 36px;
      font-size: 1.2em;
      font-weight: bolder;
      color: #fff;
      position: relative;
      margin-left: 15px;
  }
  
  #modal-wrapper li:before {
      font-family: 'mirai-icofonts';
      content: "\e96b";
      position: absolute;
      top: 1px;
      left: -30px;
  }
  
  #modal-wrapper h3{
      font-size: 1.4em;
      font-weight: bolder;
      color:#fff;
      text-transform: uppercase;
  }
  
  #modal-wrapper p {
      color: #fff;
      margin-top: 5px;
      margin-left: 15px;
  }
  
  .modal {
      background: transparent;
      border: 0;
      box-shadow: none;
      outline: 0;
  }
  
  .close {
      color: #fff !important;
      text-shadow: none;
      opacity: 0.8;
      filter: alpha(opacity=80);
  }

/* MIRAI MODAL */
body.mirai-modal-active #main {
  position: static;
}

.mirai-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 599;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.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 {
  margin-top: 110px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 30px 0;
  z-index: 1;
}

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

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

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

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

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

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

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

/* Disable menu items when other modal is open */


body.mirai-modal-active:not(.engine-modal-active):not(.close-modalengine-active) .booking-modal-btn,
body.modal-menuweb-active .booking-modal-btn,

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

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

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

  /* MENU */
#menus {
	padding: 40px 0;
}
#main section#menus a {
	color:#676767!important;
}
  
  /* WIFI */
  
  
  .wrapper-wifi .header, .motor-wrapper-landing .header {
      background: #1f1e1e none repeat scroll 0 0;
      color: #fff;
      margin: 25px;
      padding: 20px 20px 12px;
  }
  
  .wrapper-wifi .body {
      padding: 10px 35px;
      height: 90px;
  }
  
  .wrapper-wifi .body .wpcf7-validates-as-email {
      border-radius: 0;
      padding: 11px;
  }
  
  .wrapper-wifi .body .wpcf7-acceptance {
      margin-right: 5px;
      vertical-align: -1px;
  }
  
  .wifi #menu_web, .wifi .content-header a, .wifi #footer  {
      display: none;
  }
  
  .wifi #header .affix-wrapper {
      height: auto;
  }
  
  .wifi .qts-lang-menu {
      margin-top: 35px;
  }
  
  .wifi #picture-box img {
      height: auto;
      object-fit: cover;
  }
  
  .bg-white {
      background: #fff none repeat scroll 0 0;
  }
  
  /*Banner Navidad*/
  
  #christmas {
      padding: 80px 0;
      position: relative;
  }
  .bg01 {
      background: #0c0c0c;
  }
  
  .text-over-center {
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(50%,-50%,-50%);
      width: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      width: 70%;
  }
  
  #christmas .center {
      text-align: center;
      padding-top: 15px;
  }
  
  .text-over-center>* {
      display: block;
      color: #000 !important;
  }
  
  .christmas-text {
      backface-visibility: hidden;
      box-sizing: border-box;
      height: 100%;
      padding: 35px;
      position: absolute;
      top: 0;
      width: 100%;
  }
  
  #christmas a:hover .christmas-text:after {
      opacity: 1;
      transform: scale(1);
  }
  
  #christmas a .christmas-text:after {
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      top: 20px;
      bottom: 20px;
      left: 30px;
      right: 30px;
      position: absolute;
      content: "";
      opacity: 0;
      -webkit-transform: scale(1,0);
      transform: scale(1,0);
      -webkit-transform-origin: right top;
      transform-origin: right top;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }
  
  #christmas a:hover .christmas-text:before {
      opacity: 1;
      transform: scale(1);
  }
  
  
  #christmas a .christmas-text:before {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      top: 30px;
      bottom: 30px;
      left: 20px;
      right: 20px;
      position: absolute;
      content: "";
      opacity: 0;
      -webkit-transform: scale(0,1);
      transform: scale(0,1);
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }
  
  #christmas a img {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
      transform: scale(1);
  }
  
  #christmas a:hover img {
      transform: scale(1.2);
  }
  
  #christmas a {
      overflow: hidden;
  }
  
  /**/
  
  .wifi .header-row-1 > :first-of-type {
      margin-left: 0;
      display: none;
  }
  
  .wifi #logo {
      margin-top: -68px;
  }
  
  .wifi #main a {.list-check
      color: #000;
      font-weight: bold;
  }
  
  .wifi #main a {
      font-weight: bold;
      color: #000;
  }
  
  .wifi #main a:hover {
      color: #f2d0a5;
      text-decoration: initial;
  }
  
  .wifi #main h2 {
      color: #fff;
  }
  
  .wifi .fixed-modal-link {
      display: none;
  }
  
  
  .list-check li:before {
      font-family: 'mirai-icofonts';
      content: "\210";
      position: relative;
      left: -7px;
  }
  
  .list-check h2:before {
      font-family: 'mirai-icofonts';
      content: "\104";
      position: relative;
      left: -5px;
      top: 0px;
      background-color: #000;
  }
  
  /* NOT FOUND */
  .not_found #main {
      background: url('../mirai/images/bg-404.png') no-repeat center center transparent;
      margin-bottom: 0;
      min-height: 570px;
      text-align: center;
  }
  
  .not_found #main h2 {
      padding-top: 100px;
  }
  
  
  /* BOOKINGSTEP */
  
  .bookingstep1 #header {
      position: relative;
  }
  
  .bookingstep1 #header .content {
      margin: 0 auto;
      width: 960px;
  }
  
  .bookingstep1 #header .content > *, .bookingstep1 #logo, .bookingstep1 ul#menu_web,                                        .bookingstep1 #footer {
      display: block !important;
  }
  
  .bookingstep1 .widget_qtranslate, .bookingstep1 #social-media, .bookingstep1 .booking_mobile, .bookingstep1 .sub-menu, .bookingstep1 #header #menu_phone {
      display: none !important;
  }
  
  .bookingstep1 #motor_reservas #mirai_bookentrance {
      padding: 10px 0;
  }
  
  .bookingstep1 #mirai_bookentrance{
      background-color: #1b1b16;
      width: 100%;
  }
  
  .engine_mashup > div form .control-group select.selector {}
  
  .engine_mashup > div form .chain-selector-control-group #chainSelector {
      padding-right: 25px;
      /* modificar este Width en función de la web a maquetar */
      width: 200px;
  }
  
  div#noDispo .nightSelect select {
      margin-bottom: 0 !important;
  }
  
  .rooms-detail-wrapper .room {
      margin: 90px 0;
      color: #1b1b16 !important;
  }
  
  .back {
      margin-top: 50px;
  }
  
  .rooms-detail-wrapper a {
      text-decoration: underline;
      color: #0c0c0c;
      font-weight: bolder;
  }
  
  /* MENU EN BOOKINGSTEP */
  
  .bookingstep1 ul#menu_web li a, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {
      text-decoration: none !important;
  }
  
  /* OCULTAR FONDO BLANCO EN LA CAJA DE SELECCIÓN DE HABITACIONES */
  
  .bookingstep1 div#mirai_roomSelectionContainer {
      background-color: transparent !important;
      border-radius: 0 !important ;
      border: 0;
      box-shadow: none !important;
      margin-top: 0;
  }
  
  /*---------------------------------------------------------------------------*/
  /*--------------------------------- WIDGETS ---------------------------------*/
  /*---------------------------------------------------------------------------*/
  
  /* QTRANSLATE */
  .widget_qtranslate {
      text-align: right;
  }
  
  .widget_qtranslate select {
      margin-bottom: 0!important;
      width: 100px;
      background-color: #1b1b16;
      color: #fff;
      border: 0;
      text-transform: uppercase;
      font-family: Raleway;
      font-size: 0.75em;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 5px 0px 0px 10px !important;
  }
  
  .widget_qtranslate select option {
      padding: 6px 10px !important;
  }
  
  .widget_qtranslate ul li {
      display: inline-block;
  }
  
  .widget_qtranslate ul li.active {
      display: none;
  }
  
  a.tracking-link {
      color: #f2d0a5;
      font-family: Raleway;
      font-size: 12px;
      font-weight: 700;
      line-height: 14px;
      text-transform: initial;
      border-right: 1px solid #fff;
      padding-right: 15px;
  }
  
  a.tracking-link:hover {
      color: #fff;
      text-decoration: inherit;
  }
  
  #engine-tracking-link-wrapper .icon-lock, #engine-tracking-link-wrapper .icon-phone {
      background-image: none;
      margin: 3px 5px 0 0;
  }
  
  #engine-tracking-link-wrapper .icon-lock:before {
      content: "\206";
      color: #f2d0a5;
      font-family: 'mirai-icofonts';
      font-style: normal;
  }
  
  /*Iconos de salones*/
  
  ul.table-salons>li .table-salas th:after {
      font-family: 'salon';
      display: block;
      font-size: 2.3em;
      text-decoration: none;
      font-style: normal;
      margin-top: 8px;
      width: 100%;
      text-align: center;
      color: #a6093d;
      margin-bottom: 8px;
      font-weight: normal;
  }
  
  
  ul.table-salons > li .table-salas th.coctel:after {content: '\101'}
  ul.table-salons > li .table-salas th.escuela:after {content: '\102'}
  ul.table-salons > li .table-salas th.teatro:after {content: '\103'}
  ul.table-salons > li .table-salas th.imperial:after {content: '\104'}
  ul.table-salons > li .table-salas th.en_u:after {content: '\105'}
  ul.table-salons > li .table-salas th.banquete:after {content: '\106'}
  ul.table-salons > li .table-salas th.cabaret:after {content: '\107'}
  ul.table-salons > li .table-salas th.metros:after {content: '\109'}
  ul.table-salons > li .table-salas th.alto:after {content: '\111'}
  ul.table-salons > li .table-salas th.ancho:after {content: '\112'}
  ul.table-salons > li .table-salas th.deskchair:after {content: '\110'}
  
  ul.table-salons > li .table-salas th.coctel:after,
  ul.table-salons > li .table-salas th.alto:after,
  ul.table-salons > li .table-salas th.ancho:after,
  ul.table-salons > li .table-salas th.deskchair:after {
      font-size: 1.5em
  }
  
  
  #salones h1 {
      font-family: "Playfair Display";
      font-size: 2.5em;
      font-weight: bolder;
      color: #525252;
  }
  
  #salones h1:before {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #dedede;
      width: 80%;
      margin: 0 auto 10px;
  }
  
  #salones h1:after {
      content: "";
      display: block;
      position: relative;
      border-bottom: 1px solid #dedede;
      width: 80%;
      margin: 10px auto 0;
  }
  
  /* MENU WEB */
  ul#menu_web {
      margin-top: 10px;
  }
  
  ul#menu_web > li {
      display: inline-block;
      margin-left: 15px;
      position: relative;
      border-left: 1px solid #cacaca;
      padding-left: 16px;
  }
  
  ul#menu_web > li:first-child {
      border-left: 0;
  }
  
  ul#menu_web > li a:hover, ul#menu_web > li.current-menu-item > a, ul#menu_web > li.current-menu-parent > a, ul#menu_web > li ul.sub-menu li.current-menu-item a {
      color: #f2d0a5;
  }
  
  .menu li {
      display: block;
  }
  
  .bloque {
      background: #f0f0f0;
      padding: 20px;
      margin-left: 10px;
  }
  
  #cookies-wrapper-content a {
      color: #1d1d1b;
  }
  
  div.job_listings {
      margin: 4em 0 !important;
  }
  
  /* CALL TO ACTION BUTTONS */
  /*primary*/
  .engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .btn-modal-engine, #modal-engine .button-group input[type="submit"], .offers-detail-wrapper a.booking.mobile, .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button, div#noDispo .selectRoom, div.mirai_button.selectRoom, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra {
      background: #f5d7af;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      color: #000 !important;
      text-shadow: none;
      text-transform: uppercase;
  }
  
  div.mirai_button.selectRoom {
      color: #fff !important;
  }
  
  .engine_mashup > div form .button-group input[type="submit"]:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover,
  .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .btn-modal-engine:hover, #modal-engine .button-group input[type="submit"]:hover,
  .offers-detail-wrapper a.booking.mobile:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover,
  div#noDispo .selectRoom:hover, div.mirai_button.selectRoom:hover, .bookingstep1 #mirai_roomSelectionContainer #mirai_roomSelection .selectExtra:hover,
  .secondary-btn:hover  {
      background: #a6093d;
      color: #fff !important;
  }
  
  /*secundary*/
  
  .offers-listing-wrapper .offer .offer-button, .rooms-detail-wrapper .offer .offer-button, .mapa .formRuta input.calculaRuta, #respond .form-submit #submit, .wpcf7 .wpcf7-form input.wpcf7-submit, .offers-mashup .more-info-link, .widget_search form input[type="submit"], #main .go-to-calendar, .comment .reply a, .wp_job_manager_send_application_button,
  .secondary-btn{
      background: #a6093d;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      color: #FFF;
      padding: 12px;
      text-shadow: none;
      text-transform: uppercase;
  }
  
  .offers-listing-wrapper .offer .offer-button:hover, .rooms-detail-wrapper .offer .offer-button:hover, .mapa .formRuta input.calculaRuta:hover, #respond .form-submit #submit:hover, .wpcf7 .wpcf7-form input.wpcf7-submit:hover, .offers-mashup .more-info-link:hover, .widget_search form input[type="submit"]:hover, #main .go-to-calendar:hover, .comment .reply a:hover, .wp_job_manager_send_application_button:hover {
      background: #1b1b16;
  }
  
  .engine_mashup.inline > div form {
      padding: 20px 0px 10px;
  }
  
  .engine_mashup.inline > div form .button-group {
      margin-right: 0px;
  }
  
  .engine_mashup.inline > div form .control-group {
      margin: 0px 0px 0px 0px;
      border: 2px solid;
  }
  
  .engine_mashup.inline > div form .control-group input[type=text].date {
      width: 10em !important;
      text-align: right;
      margin-right: 15px;
  }
  
  .engine_mashup, #mirai_bookentrance, #modal-engine fieldset, .affix-top {
      background-color: rgba(12, 12, 12, 0.8);
      width: 750px;
      margin: 0 auto;
  }
  
  .engine_mashup > div form .control-group label, #mirai_bookentrance #mirai_be0 span, #modal-engine .control-group label {
      line-height: normal;
      color: white;
      font-family: Raleway;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.46px;
      text-transform: uppercase;
      margin-top: 18px;
  }
  
  .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 {
      background: #231f20;
      border: 0px solid #e1e1e1;
      color: #fff;
      height: 2.6em;
      margin-bottom: 0;
      padding: 0 8px;
      box-shadow: none;
      font-family: inherit;
      font-size: 14px !important;
      height: 46px;
  }
  
  #mirai_bookentrance #mirai_be0 input[type="text"], .bookingstep1 #motor_reservas #mirai_be0 select{border: 2px solid #696969;}
  
  .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: 7.2em !important;
  }
  
  .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: 4em !important;
  }
  
  .engine_mashup > div form .control-group select, .bookingstep1 #mirai_be0 select, #modal-engine .control-group select {
      width: auto;
  }
  
  .engine_mashup > div form .control-group select, #modal-engine .control-group select {
      padding-right: 30px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
  }
  
  .engine_mashup > div form .button-group input[type="submit"], .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, #modal-engine .button-group input[type="submit"] {
      height: 50px;
      padding: 0px 75px;
      color: white;
      font-family: Raleway;
      font-size: 12px;
      font-weight: 700;
  }
  
  .engine_mashup > div form .control-group, #modal-engine .control-group {
      background: #231f20 none repeat scroll 0 0;
      position: relative;
      padding: 0 5px;
  }
  
  .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, #advantages .check:before {
      font-family: 'mirai-icofonts';
      position: absolute;
      pointer-events: none;
      color: orange;
  }
  
  .engine_mashup > div form .checkin-control-group:after, .engine_mashup > div form .checkout-control-group:after, #modal-engine .date-group:after {
      content: "\101";
      right: 6px;
      top: 10px;
      font-size: 18px;
      color: #fff;
  }
  
  .chain-selector-control-group:after, .nights-control-group:after, #modal-engine .control-group.chain-group:after, #modal-engine .control-group.nights-group:after {
      content: "\e965";
      right: 21px;
      top: 12px;
      color: #fff;
      font-size: 7px;
  }
  
  .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;
  }
  
  /* SNIPPET ML - END */
  
  
  /* MOTOR FRONT */
  /* only engine mashup button */
  .engine_mashup > div form .button-group input[type="submit"] {}
  
  .engine_mashup > div form .button-group input[type="submit"]:hover {}
  /* ----- */
  
  .engine_mashup > div form .button-group .icon-lock {
      /*background-image: url("/wp-content/themes/mirai/img/glyphicons-halflings-white.png");*/
      margin: 3px 2px 0 0;
  }
  
  .engine_mashup > div form .button-group .tracking-link {}
  
  /* square two-columns (column-width)*/
  .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"] {
      width: 56%;
  }
  
  .engine-wrapper {
      position: absolute;
      bottom: 25%;
      left: 0;
      width: 100%;
      z-index: 8;
  }
  
  /*--  motor calendar --*/
  #ui-datepicker-div, #noDispo .ui-widget-content {
      border: 0!important;
      border-radius: 0!important;
      box-shadow: 0 0 5px #666!important;
      font-size: 15px !important;
      padding: 10px!important;
  }
  
  .bookingstep1 div#noDispo #noDispoContents1 {
    padding: 60px 183px 60px 100px!important;
  }
  
  .bookingstep1 #noDispo .price1 .ui-state-default,
  .bookingstep1 #noDispo #legend .price1 {
    border: 0!important;
  }
  
  .ui-datepicker .ui-datepicker-header {
      border: 0;
      border-radius: 0;
      padding: 6px!important;
  }
  
  .ui-datepicker th {
    color: #999!important;
  }
  
  .ui-datepicker .ui-datepicker-title {
      font-size: 1em;
      font-weight: bold;
  }
  
  .ui-datepicker-group-middle {
      outline: 2px solid #FFF;
      position: relative;
      z-index: 20;
  }
  
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 0!important;
    top: 8px!important;
  }
  
  .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: #EF6772!important;
  }
  
  .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: #f2d0a5!important;
      color: #0c0c0c!important;
  }
  
  .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: #eecea1!important;
      padding: 6px;
  }
  
  .ui-datepicker th.ui-datepicker-week-end {
    color: #444!important;
  }
  
  .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: #eca94a!important;
  }
  
  .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, .ui-datepicker td:hover a {
      background: #90ec68!important;
      color: #FFF;
      font-weight: normal!important;
      text-decoration: none;
  }
  
  .bookingstep1 #noDispo .price1:hover .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1:hover .ui-state-default, .bookingstep1 #noDispo .price1 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price1 .ui-state-hover, .bookingstep1 #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;
  }
  
  .bookingstep1 #noDispo .price2 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price2 .ui-state-default, .bookingstep1 #noDispo .ui-widget-content .price2 .ui-state-hover, .bookingstep1 #noDispo #legend .price2 {
    background: #73B07B!important;
  }
  
  .bookingstep1 .ui-datepicker {
    width: 19em;
  }
  
  .bookingstep1 #noDispo .price0 .ui-state-defaul, body.bookingstep1 #noDispo .ui-widget-contentt {
    border: 0!important;
  }
  
  .bookingstep1 #noDispo .ui-datepicker-unselectable.ui-state-disabled.price0 {
    background: rgba(0, 0, 0, 0)!important;
  }
  
  .bookingstep1 .ui-state-default, .bookingstep1 .ui-widget-content .ui-state-default, .bookingstep1 .ui-widget-header .ui-state-default {
    padding: 6px;
  }
  
  .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline {
    padding: 10px
  }
  
  
  
  /* colores para fechas seleccionadas en el calendario del motor y en el de detalle de ofertas */
  .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, .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 {
          font-weight: normal;
  }
  
  /* SOCIAL MEDIA */
  
  .socialmedia ul li a:before {
      background-color: white;
      border-radius: 50%;
      color: #1d1d1b;
      font-size: 0.7em;
      margin-left: 5px;
  }
  
  .socialmedia ul li a:hover:before {
      opacity: 0.7;
  }
  
  .socialmedia ul li:first-child a:before {
      margin-left: 0;
  }
  
  #footer .socialmedia {
      margin-top: 20px;
      color: #f2d0a5;
      font-family: Raleway;
      font-size: 14px;
      font-weight: 700 !important;
      letter-spacing: 0.58px;
      line-height: 16px;
  }
  
  .social-media {
      margin-top: 20px;
  }
  
  #footer .socialmedia ul li a:before {
      font-size: 1.4em;
  }
  
  
  /* VCARD */
  #header .hotelschema .phone-label {
      margin-left: 30px;
  }
  
  #footer .hotelschema {
      margin-bottom: 20px;
      width: 70%;
  }
  
  
  /* NEWSLETTER */
  #newsletter div.wpcf7 {
      display: inline-block;
      position: relative;
      vertical-align: top;
  }
  
  #newsletter .wpcf7 .wpcf7-email, #newsletter .wpcf7 .wpcf7-submit {
      border: 0;
      border-radius: 0;
      box-shadow: none;
      height: 40px;
  }
  
  #newsletter .wpcf7 .wpcf7-email {
      padding: 0 8px;
      margin: 0 0 0 5px;
      width: 180px;
  }
  
  #newsletter .wpcf7 .wpcf7-submit {
      margin: 0 0 0 5px;
  }
  
  .wpcf7-submit, .acept-privacity, .privacy-policy-form {
      font-size: 0.8em;
      margin-top: 20px;
  }
  
  #newsletter .wpcf7 p {
      margin-bottom: 5px !important;
  }
  
  #newsletter .acept-privacity, .privacy-policy-form {
      margin-bottom: 0!important;
  }
  
  .wpcf7-acceptance {
      margin: 0 5px 0 0!important;
  }
  
  #newsletter div.wpcf7 img.ajax-loader {
      position: absolute;
      left: 0;
  }
  
  #newsletter span.wpcf7-not-valid-tip {
      display: none;
  }
  
  #newsletter .wpcf7-response-output {
      font-size: 0.8em;
      line-height: 1.2;
      margin: 0!important;
      padding: 2px;
      position: absolute;
      right: 0;
  }
  
  
  
  
  
  /* CONTACT FORM */
  #contact-form .wpcf7 label {
      text-align: left;
      margin-bottom: 0;
  }
  
  #contact-form .wpcf7 .row {
      margin-bottom: 20px;
  }
  
  #contact-form .wpcf7 .span4 input, #contact-form .wpcf7 .span4 select, #contact-form .wpcf7 textarea {
      box-shadow: none;
      padding: 8px 6px;
      margin-bottom: 2px;
      width: 80%;
  }
  
  #contact-form .wpcf7 textarea {
      width: 90%;
  }
  
  #contact-form .wpcf7 .captcha input {
      margin-right: 2%;
      width: 55%;
  }
  
  #contact-form .wpcf7 .captcha .wpcf7-not-valid-tip {
      position: absolute;
      width:100%;
  }
  
  #contact-form .acept-privacity {
      margin-top: 25px;
  }
  
  #contact-form .acept-privacity input {
      width: auto!important;
  }
  
  #contact-form .wpcf7-submit, #contact-form span.wpcf7-not-valid-tip,
  #contact-form div.wpcf7-response-output {
      font-size: 0.8em;
  }
  
  #contact-form .submit-wrapper {
      margin-top: 40px;
  }
  
  #contact-form .wpcf7-submit {
      width: 15%;
  }
  
  #contact-form div.wpcf7-response-output {
      text-align: center;
      margin: 20px auto 0;
      width: 80%;
  }
  
  span.wpcf7-not-valid-tip {
      line-height: 1;
  }
  
  
  
  /*---------------------------------------------------------------------------*/
  /*------------------------------ CONTENT ELEMENTS ---------------------------*/
  /*---------------------------------------------------------------------------*/
  
  /* GOOGLE MAPS */
  .mapa {
      margin: 10px 0;
  }
  
  .mapa .map_canvas {
      margin-bottom: 10px;
      height: 450px!important;
      width: 100% !important;
  }
  
  .mapa .formRuta {
      text-align: center
  }
  
  .mapa .formRuta input {
      margin-right: 10px;
  }
  
  .mapa .formRuta input.origen {
      border-radius: 0;
      box-shadow: none;
      padding: 11px 12px;
      text-shadow: none;
  }
  
  
  .address-coordinates {}
  
  .address-coordinates p, .latlon-wrapper * {
      display: inline-block;
      margin-bottom: 10px!important;
      margin-right: 5px;
  }
  
  .latlon-wrapper {
      font-size: 0.9em;
  }
  
  .address-coordinates p:before {
      content: "\214"; /* use other icon \213 - \215 - \216 */
      display: inline-block;
      font-family: 'mirai-icofonts';
      font-size: 1.5em;
      margin-right: 5px;
      vertical-align: middle;
  }
  
  .mapa .external-link {
      background: #3D3D3D;
      border-radius: 1px;
      box-shadow: 1px 1px 5px rgba(9, 9, 9, 0.34);
      color: #FFF!important;
      display: inline-block;
      font-size: 0.8em;
      text-transform: uppercase;
      text-decoration: none!important;
      padding: 8px;
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 1;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;
  }
  
  
  .mapa .alert, .adp-warnbox {
      color: #000;
      margin-top: 20px;
  }
  .mapa .ruta {
      width: 100% !important;
  }
  
  /* LIST */
  .three-columns li, #cookies-wrapper-content ul li {
      display: inline-block;
      margin-bottom: 14px;
      width: 33%;
  }
  
  .bullets li {
      list-style-position: inside;
      list-style-type: disc;
  }
  
  /*Advantages*/
  #advantages p {
      margin-bottom: 0!important;
  }
  
  #advantages .container {
      padding: 30px 0;
  }
  
  #advantages .check:before {
      content: "\208";
      top: 41px;
      margin-left: -27px;
  }
  
  #advantages h4 {
      font-size: 20px;
      margin-bottom: 10px;
  }
  
  /* mehora #30159 : formulario de empleo */
  
  #main #employ-form a {
    color: #08c;
  }
  #employ-form .wpcf7 {
    max-width: 600px;
    margin: 0 auto;
  }
  #employ-form .wpcf7 input[type=text],
  #employ-form .wpcf7 input[type=email],
  #employ-form .wpcf7 select {
   width: 100%;
   background: #f7f7f7;
      height: 30px;
  }
  #employ-form .wpcf7 input[type=submit]{
   width: 100%;
  }
  
  /* corregimos el botón modal de 'Ventajas' que está fijo */
  
  a.fixed-modal-link {
    right: 0!important;
    transform-origin: 100% 0;
    top: 55%;
    padding: 16px;
    line-height: 1.1;
  }
  a.fixed-modal-link br {
    display: none;
  }
  
  .fixed-modal-link h2 {
    line-height: 1em!important;
    padding-bottom: 8px;
  }
  .fixed-modal-link:hover h2 {
    color: #f2d0a5 !important;
  }
  #intro-rest .xy {
    /* bottom: 12%; */
  }
  .secundary-btn {
    margin-top: 10px;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    color: #f2d0a5!important;
    font-family: Raleway;
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 90px;
    text-decoration: initial;
  }
  
  /*Banner*/
  
  .banner {
      display: block;
      padding: 15px;
      background: #a6093d;
      font-weight: bold;
      text-transform: uppercase;
      position: absolute;
      z-index: 1;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      top: 20%;
  }
  
  .banner:hover {
      background: #f5d8af;
  }
  
  /**/
  .ngg-gallery-singlepic-image a:before {
      content: '';
      width: 50px;
      height: 50px;
      background: url(http://lagunanivaria2016.webs3.mirai.es/files/Magnifying_glass_icon.png);
      position: absolute;
      background-size: 100%;
      background-color: rgba(0, 0, 0, 0.5);
  }
  .logo-restaurant {
          width: 190px;
          height: auto !important;
  }
  
  /* MEJORA TIENDA BONO REGALO */
  
  .woocommerce-page #content-page, .woocommerce-page #main, .woocommerce-page #container #content,
  .woocommerce #main .content, .woocommerce-page #main .content {
    width: auto;
    margin: 0!important;
  }
   /*.woocommerce #main .container,
  .woocommerce-cart #main .container,
 .woocommerce-checkout #main .container {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .woocommerce-cart .pre-footer,
  .woocommerce-checkout .pre-footer {
    display: none;
  }*/
  
  .woocommerce .engine-wrapper h1:first-child:before,
  .woocommerce .engine-wrapper h1:first-child:after {
    content: "";
    border-bottom: 1px solid #fff;
    width: 40%;
    margin: 0 auto 10px;
    display: block;
  }
  .woocommerce .engine-wrapper h1:first-child:after {
    margin: 10px auto 0;
  }
  .woocommerce #main .page-title {
    font-size: 1.8em;
    margin: 40px 0;
  }
  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: #a6093d!important;
  }
  .woocommerce ul.products li a.woocommerce-read-more-link {
    background: #1d1d1b;
    font-weight: 700;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #f5d7af;
  }
  .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, .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: #f5d7af;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000!important;
    text-shadow: none;
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
  }
  .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, .woocommerce .summary .cart .single_add_to_cart_button:hover, .woocommerce-page .cart .checkout-button:hover, .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order:hover, .woocommerce-checkout #main .woocommerce .order-again a.button:hover {
    background: #a6093d;
    color: #fff!important;
  }
  .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: #a6093d;
  }
  .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
      background: #82052e;
  }
  
  video {
      max-width: 100%;
  }
  
  .fx-justify-center { justify-content: center; }
  .fx-wrap { flex-wrap: wrap; }
  
  .awards img {
      padding: 0 20px;
  }

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

body #buffet a.secundary-btn[data-open="brunch-modal"] {
    color: #f2d0a5!important;
    text-shadow: none;
    font-size: .9em;
}

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

#brunch-modal.mirai-modal .mi-modal-content .full-width {
	background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    gap: 1em;
    color: #000;
    padding: 2em;
    position: relative;
}

#brunch-modal.mirai-modal .mi-modal-content .full-width .mi-modal-close {
	position: absolute;
    top: 2dvh;
    right: 2dvw;
}

#brunch-modal iframe {
	aspect-ratio: 2 / 3;
}

@media (max-width: 767px) {
    #brunch-modal.mirai-modal .brunch-text {max-width: 100% !important;}
    
    #brunch-modal iframe {
		max-width: 300px;
    	max-height: max-content;
	}
}

#brunch-modal.mirai-modal .brunch-text {
    max-width: 50%;
}

#brunch-modal.mirai-modal .brunch-text h4 {
    line-height: 1.5;
    margin-bottom: 1.5em;
    border-block: 1px solid #e2e2e2;
    padding-block: .8em;
}

#brunch-modal.mirai-modal .brunch-text p {
    color: #adaaaa;
}

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

/* 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-safe-protocol.modal h2, #modal-safe-protocol.modal p {
    color: white;
}


/*******************CLUB**********************/
.discount-club {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 10px 0;
}
.discount-club i {
    font-size: 35px;
    padding-right: 15px;
    color: #f2d0a5;
}
.discount-club p {
    margin-bottom: 0;
    font-size: 18px;
}

.mi-club-login__access {
    color: #ffffff;
    margin: 6px 20px;
}

.mi-dropdown-layout {
    width: calc(20% - 20px);
}

.mi-club-login__popup::before {
    transform: translateX(-180px) translateY(-50%) rotate(45deg);
}


@media (max-device-width: 767px){
    .header-row-1 > :first-of-type {
        margin-left: 0;
        color: #ffffff;
        display: flex !Important;
        justify-content: end;
        position: relative;
        left: -38px;
        top: 5px;
    }

    .widget_qtranslate select {
        margin-top: -28px;
    }

    #engine-tracking-link-wrapper{
        display: none;
    }
    
    .mim-modal-open .affix-top,
    .mim-modal-open #logo {
    	display: none;
    }

}

#sellowebAixaCorpore img{
    width: 50%;
    height: auto;
}

  /*---------------------------------------------------------------------------*/
  /*-------------------------------- MEDIA QUERYS -----------------------------*/
  /*---------------------------------------------------------------------------*/
  
  @media (min-width: 1200px) {
    ul#menu_web>li a {
      font-size: 12px;
    }
  }

 @media (min-width: 1024px) and (max-height: 800px) {
 	.bookingstep1  a.fixed-modal-link {
          right: -5%;
          min-height: 30px;
          width: 16%;
          padding: 15px 5px;
     		top: 95%;
      }
  
     .bookingstep1  a.fixed-modal-link p {
          display: none;
      }
  
      .bookingstep1 a.fixed-modal-link h2 {
          margin-top: 30px;
          font-size: 1.9em !important;
      }
  
      .bookingstep1  a.fixed-modal-link{
          font-size: 0.6em;
      }
}

  /* small desktop */
  @media (min-width: 1024px) and (max-width: 1280px) {
  
  
      .widget_search form input[type=text] {
          width: 220px;
      }
      #main .carousel-inner h1 {
          bottom: 20%;
      }
  
      .fixed-modal-link {
          right: -6%;
      }
  
      .xy {
          bottom: 0%;
      }
  
      #intro-foods .no-float p {
          width: 95%;
      }
  
      #intro-foods .tabbable {
          margin-left: 4%;
      }
  
      .tabbable {
          bottom: 2%;
      }
  
      #intro-foods ul {
          width: 125%;
      }
  
      #intro-spa .cta-button {
          margin-top: -10px;
      }
  
      #intro-spa h4, #intro-foods h4 {
          margin-top: 5px;
      }
  
      #intro-spa p, #intro-foods p {
          margin-top: -4px;
      }
  
      .mvl {
          margin-top: 5px;
          margin-bottom: 5px;
      }
  
      .pll {
          padding-left: 0px;
      }
  
      #intro-tabs p, #intro-tabs2 p, #intro-rooms p, #intro-offers p, #intro-rest p, #intro-rest-2 p, #buffet p, #restaurant p, #cafe p, #estate p {
          font-size: 0.85em;
          line-height: 20px;
          width: 90%;
      }
  
      #intro-tabs .nav-tabs {
          width: 100%;
      }
  
      #intro-rest .xy, #intro-offers .xy {
          bottom: 15%;
      }
  
      .fixed-modal-link {
          right: -9.2%;
      }
  
      #main .engine-wrapper h1 {
          font-size: 2em;
      }
  
      #intro-tabs p, #intro-tabs2 p ,#intro-rooms p, #intro-offers p, #intro-rest p, #intro-rest-2 p, #buffet p, #restaurant p, #cafe p, #estate p, #intro-spa p, #intro-foods p {
          font-size: 0.75em;
          width: 90%;
          line-height: 17px;
      }
  
      .nav-tabs {
          margin-top: 0.5em;
      }
  
      .mvl {
          margin-top: 5px;
          margin-bottom: 5px;
      }
  
      .mbl {
          margin-bottom: 5px;
      }
  
      .mll {
          margin-left: 10px;
      }
  
      .pll {
          padding-left: 10px;
      }
  
      #intro-tabs h2, #intro-rooms h2, #intro-offers h2, #intro-rest h2, #cafe h2, #intro-spa h2, #intro-rest-2 h2, #buffet h2, #restaurant h2, #estate h2, #intro-foods h2, #intro-location h2, #rutas h2{
          font-size: 1.18em;
      }
  
       #intro-tabs2 h2{
          font-size: 1em;
       }
  
      #intro-rest h2:after, #intro-tabs h2:after, #intro-rooms h2:after, #intro-rest h2:after, #intro-foods h2:after, #intro-spa h2:after{
          margin: 0 auto 0px;
      }
  
      #intro-foods h2:before, #intro-spa h2:before, #intro-tabs h2:before, #intro-rooms h2:before{
          margin: 0 auto 0px;
      }
  
      #intro-tabs2 h2:before{
          margin: 0px auto -10px;
      }
  
      #intro-tabs2 h2:after{
          margin: -10px auto 0px
      }
  
      #intro-foods ul {
          margin-bottom: -1.5em;
          width: 140%;
      }
  
      .xy {
          bottom: 0%;
      }
  
      #cafe .xy {
          bottom: 15%;
      }
  
      #intro-rooms a {
          line-height: 65px;
      }
  
      .nav-tabs > li > a, .nav-pills > li > a {
          padding-right: 0px;
          padding-left: 0px;
          margin-right: 5px;
          font-size: 0.7em;
      }
  
      #intro-foods .no-float p {
          width: 90%;
      }
  
      .link{
          font-size: 0.8em !important;
      }
  
      #intro-foods .tabbable {
          margin-left: 2%;
      }
  
      .tabbable {
          bottom: 25%;
      }
  
      #intro-tabs .tabbable {
      bottom: 10%;
      }
  
      #intro-spa h4, #intro-foods h4 {
          font-size: 0.8em;
          line-height: 16px;
          margin-top: 10px;
      }
  
      #intro-spa p, #intro-foods p {
          font-size: 0.7em;
          line-height: 15px;
          margin-top: 0px;
      }
  
      .offers-mashup dl dt {
          font-size: 1.75em;
          line-height: 30px;
      }
  
      .home #intro-offers span {
          font-size: 1.75em;
          line-height: 5px;
      }
  
      #intro-rest .xy, #intro-offers .xy {
          left: 16%;
          bottom: 40%;
          width: 70%;
      }
  
      #salones tr th {
          font-size: 0.7em;
      }
  
      #intro-tabs2 p{
          font-size: 0.55em;
          width: 100%;
          line-height: 14px;
      }
  
      #intro-tabs2 h3 {
          font-size: 0.9em;
          line-height: 13px;
      }
  
      .fixed-modal-link {
          width: 23%;
          height: 58px;
      }
  
      .spa {
          top: -17%;
          left: 3%;
      }
  
      .bloque {
          display: none;
      }
  
      .engine_mashup, #mirai_bookentrance, #modal-engine fieldset, .affix-top {
          width: 750px;
      }
  
      #intro-rest-2 img {
          height: 480px;
          object-fit: cover;
      }
  
      ul#menu_web {
          margin-right: 24px;
      }
  
      #footer .hotelschema {
          margin-left: 20px;
      }
  
      #menu-legal li {
          margin-left: 20px;
      }
  
      #header .content {
          width: 100%;
      }
  
      .ipad {
          width: 65% !important;
          left: 17%;
      }
  
      .nav-tabs>.active>a, .nav-tabs>.active>a:hover{
          width: 100% !important;
      }
  
      #salones .pll {
          margin: 0 !important;
      }
  
      #intro-tabs2 ul {
          margin-bottom: -1em;
      }
  
      #restaurant img {
          height: 480px;
          object-fit: cover;
      }
  
      .row-fluid .span6 {
          width: 49%;
      }
  
  }
  
  /* ipad portrait - landscape */
  @media (min-device-width: 768px) and (max-device-width: 1024px){
  
      .socialmedia ul li a:before, .socialmedia-share ul li a:before {
          width: 25px;
          height: 25px;
          padding-top: 6px;
      }
  
          .control-group select.selector, .control-group.nights-control-group select, .widget_qtranslate select, #modal-engine .control-group select {
         border-radius: 0;
         line-height: 1;
  
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
         cursor: pointer;
         text-indent: 0.01px;
         text-overflow: "";
      }
  
      select[disabled] {
          cursor: not-allowed!important;
      }
  
      .control-group select.selector::-ms-expand, .control-group.nights-control-group select::-ms-expand, .widget_qtranslate select::-ms-expand, #modal-engine .control-group select::-ms-expand {
          display: none;
      }
  
  }
  
  /* customize ipad portrait */
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
      body, html body.bookingstep1 {
          font-size: 14px;
          line-height: 22px;
      }
  
      #logo {
          margin-top: -38px;
      }
  
      ul#menu_web > li a {
          font-size: 0.7em;
          margin-left: 5px;
      }
  
      ul#menu_web > li{
          padding-left: 5px;
      }
  
      .engine-wrapper {
          bottom: 10%;
      }
  
      #intro-tabs p, #intro-tabs2 p, #intro-rooms p, #intro-offers p, #intro-rest p, #intro-rest-2 p, #buffet p, #restaurant p, #cafe p, #estate p, #intro-spa p, #intro-foods p{
          line-height: 15px;
      }
  
      .mvl {
          margin-top: 0px;
          margin-bottom: 0px;
      }
  
      p {
          margin-bottom: 0px !important;
      }
  
      .offers-mashup dl dt {
          font-size: 1.5em;
          line-height: 15px;
      }
  
      #intro-offers .no-float {
          width: 560px;
      }
  
      #intro-rest .xy, #intro-offers .xy {
          left: 25%;
          bottom: 20%;
      }
  
  
      #intro-tabs h2, #intro-rooms h2, #intro-offers h2, #intro-rest h2, #cafe h2, #intro-spa h2, #intro-rest-2 h2, #buffet h2, #restaurant h2, #estate h2, #intro-foods h2, #intro-location h2, #rutas h2 {
      font-size: 1em;
      }
  
      .engine_mashup, #mirai_bookentrance, #modal-engine fieldset, .affix {
  
      }
  
      #intro-foods ul {
          margin-bottom: -3em;
          width: 157%;
          margin-left: 0px;
      }
  
      #intro-spa h4, #intro-foods h4 {
          line-height: normal;
          margin-top: 5px;
      }
  
      #intro-tabs h2:before, #intro-rooms h2:before, #intro-foods h2:before, #intro-spa h2:before {
          margin: 1px auto -8px;
      }
  
      #intro-tabs h2:after, #intro-rooms h2:after, #intro-rest h2:after, #intro-foods h2:after, #intro-spa h2:after, #intro-rest h2:after {
          margin: -10px auto 0px;
      }
      #intro-spa h3 {
          line-height: 24px;
      }
  
      #intro-spa .cta-button {
          margin-top: -17px;
      }
  
      .home .engine-wrapper h1:first-child:before {
          margin: 0px auto -5px !important;
      }
  
      .home .engine-wrapper h1:after {
          margin: 0px auto 0;
      }
  
      .page .engine-wrapper h1:first-child:after {
          margin: -13px auto 0;
      }
  
      .page .engine-wrapper h1:first-child:before{
          margin: 0px auto -20px;
      }
  
      .ipad-height {
          height: 465px;
          object-fit: cover;
      }
  
      .bookingstep1 #mirai_roomSelectionContainer {
          width: 98%;
      }
  
      .bookingstep1 #header .content {
          width: 100%;
      }
  
      .offers-detail-wrapper .section {
          padding: 0 !important;
      }
  
      #ui-datepicker-div  {
          left: 0!important;
          width: 96%!important;
      }
  
      .page .engine-wrapper h1 {
          font-size: 1.3em;
          margin-bottom: 0.2em;
      }
  
      .fixed-modal-link {
          right: -4%;
      }
  
      .header-row-1 {
          font-size: 0.9em;
      }
  
      .header-row-1 > * {
          margin-left: 15px;
      }
  
      .fixed-modal-link {
          top: 45%;
      }
  
      ul#menu_web > li {
          margin-left: 5px;
      }
  
      ul.nav-tabs {
          width: 120%;
          margin-left: -15%;
      }
  
  
      #intro-tabs h2:before, #intro-rooms h2:before, #intro-rest h2:before {
          margin: 0 auto -10px;
      }
  
      #intro-rest-2 h2:before, #buffet h2:before, #restaurant h2:before, #cafe h2:before, #estate h2:before, #rutas h2:before {
          margin: 0 auto -10px;
      }
  
      #intro-rest-2 h2:after, #buffet h2:after, #restaurant h2:after, #cafe h2:after, #estate h2:after, #rutas h2:after {
          margin: -10px auto 0;
      }
  
      .xy-2 {
          bottom: 0%;
      }
  
      .spa {
          top: -15%;
          left: 3%;
      }
  
      .info {
          float: left;
          left: 5%;
          top: -35%;
          padding-top: 2px;
          height: 140px;
      }
  
      #newsletter h3 {
          display: block;
          margin-top: -15px;
      }
  
      #contact-form .acept-privacity {
          text-align: center;
          width: 100%;
      }
  
      .mapa .map_canvas {
          height: 350px!important;
      }
  
  
      /* BLOG */
      .addthis_toolbox.addthis_32x32_style span, .addthis_32x32_style .at-icon {
          line-height: 22px!important;
          height: 22px!important;
          width: 22px!important;
      }
  
      #main .addthis_32x32_style .addthis_counter.addthis_bubble_style,
      #main .addthis_32x32_white_style .addthis_counter.addthis_bubble_style {
          background-position: 0 -80px!important;
          height: 20px;
          width: 35px!important;
          line-height: 1;
          margin-top: 1px;
          margin-left: 5px;
      }
  
      #main .addthis_32x32_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded,
      #main .addthis_32x32_white_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded {
          font-size: 14px;
          line-height: 20px;
          width: 46px!important;
      }
  
      .widget_search form input[type="submit"] {
          padding: 7px;
      }
  
      .widget_search form input[type=text] {
          width: 110px;
      }
  
      .fixed-modal-link{
          width: 17%;
      }
  
      .xy {
          bottom: 0%;
      }
  
      .nav-tabs {
          margin-top: 1em !important;
      }
  
      #intro-tabs p, #intro-tabs2 p, #intro-rooms p, #intro-offers p, #intro-rest p, #intro-rest-2 p, #buffet p, #restaurant p, #cafe p, #estate p {
          width: 100%;
      }
  
      .mbl {
          margin-bottom: 5px;
      }
  
      .mll {
          margin-left: 0px;
      }
  
      #intro-rooms a {
          line-height: 40px;
      }
  
      .xy.align-center.span6.ofsset3 {
          width: 60% !important;
      }
  
      #intro-offers .xy {
          bottom: 5%;
      }
  
      #intro-foods ul {
          margin-bottom: -3em;
          width: 180% !important;
          margin-left: -10px;
      }
  
      .link {
          font-size: 12px !important;
      }
  
      #intro-foods .tabbable {
          margin-left: 4%;
      }
  
      #intro-foods .no-float p {
          width: 100%;
      }
  
      #intro-foods h2{
          font-size: 0.95em;
      }
  
      #intro-spa p, #intro-foods p {
          margin-top: 0px;
      }
  
      #intro-spa .cta-button {
          margin-top: 3px;
      }
  
      #intro-tabs ul.nav-tabs {
          width: 132%;
          margin-left: -21%;
      }
  
      .xy.align-center.span6 {
          width: 65%;
          margin-left: -30px;
      }
  
      .tabbable.align-center.span6.offset3 {
          width: 51%;
          top: 24px;
      }
  
      ul.nav-tabs {
          width: 135%;
      }
  
      #intro-tabs2 img {
          height: 490px;
          object-fit: cover;
      }
  
      #intro-tabs h2, #intro-tabs2 h2, #intro-rooms h2, #intro-offers h2, #intro-rest h2, #cafe h2, #rutas h2 {
          font-size: 1.30em;
      }
  
      #main .engine-wrapper h1 {
          font-size: 2.5em;
      }
  
      .fixed-modal-link {
          right: -5%;
          min-height: 30px;
          width: 16%;
          padding: 15px 5px;
      }
  
      .fixed-modal-link p {
          display: none;
      }
  
      .fixed-modal-link h2 {
          margin-top: 30px;
          font-size: 1.9em !important;
      }
  
      a.fixed-modal-link{
          font-size: 0.6em;
      }
  
      ul.table-salons>li {
          padding: 35px 0% !important;
      }
  
      #salones .span3 {
          width: 20%;
      }
  
      .row-fluid .offset2 {
          margin-left: auto;
      }
  
      .row-fluid .span8 {
          width: 66.666667% !important;
      }
  
      .acept-privacity {
          padding-left: 40px;
      }
  
      .pll {
          padding-left: 0 !important;
          margin: auto !important;
      }
  
      .no-float {
          float: inherit!important;
      }
  
      .row-fluid .span6 {
          width: 49.7%;
      }
  
  }
  
  /* customize ipad landscape */
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
  
      .engine-wrapper {
          bottom: 8%;
      }
  
      .ipad-height {
          height: 450px;
          object-fit: cover;
      }
  
      .info {
          float: left;
          left: 5%;
          top: -34%;
      }
  
      .fixed-modal-link {
          right: -9%;
      }
  
  }

@media screen and (max-width: 768px){
  #sellowebAixaCorpore img {
    width: 70%;
	}
    #sellowebAixaCorpore{
    width: 30%;
    }
}



.engine-box{
    text-align: left !important;
}



 .well-btn{
      background: #a6093d;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      color: #FFF;
      padding: 12px;
      text-shadow: none;
      text-transform: uppercase;
  }
  
  /*------------------------------------------------------------------------------*/