/*
Theme Name: Gara-hotel-2016
Theme URI: garahotel.com
Description: Gara Hotel
Template: mirai
Author: Mirai Espana
*/

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

/* 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: 'Lato', 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: 'Lato', sans-serif !important;
}

#main h1, #main h2, #main h3, #main h4 {
}

#main h2, .offers-mashup h3, .room-box-description h3, .offer .offer-title, .cat-legal h1, .cat-cookies-policy h1  {
    font-family: 'Just Another Hand';
    font-weight: 400;
    margin-bottom:12px;
    text-transform: uppercase;
    line-height: 48px;
}

#main h1, #main .rooms-detail-wrapper h2 {
    font-size: 3.5em;
    margin-bottom: 0.5em;
}

#main .engine-wrapper h1 {
    color: #FFF;
    font-family: 'Just Another Hand';
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 5em;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#main .engine-wrapper h1 span {
    display: block;
    font-size: 42px;
    margin-top: 18px;
}

#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 {
    font-size: 2.8em;
}

.room-box .room-detail h3  {
    font-size: 1.8em!important;
    margin-bottom: 10px!important;
}

.modal h2 {
    font-size: 1.8em!important;
    margin-bottom: 0!important;
    text-transform: uppercase;
}

#main h3 {
    font-size: 2.5em;
}

#footer h4 {
    margin-bottom: 12px;
    margin-top: 7%;
}

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


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: #c4d133;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background: url(/files/icon-sprite-2.png) no-repeat right -1180px;
    padding-right: 23px;
}

#main section a:hover, .rooms-detail-wrapper .go-to-offers-page a:hover, .room-box .room-detail .room-description .more-info:hover {
    color: #d8e63d;
}

a {
 color:  #a2ad2b;  
}

a:hover {color:#333;}

.back a:before {
    content: "‹";
    display: inline-block;    
    font-size: 2.4em;
    font-weight: 300;
    margin-right: 5px;
    vertical-align: -5px;
    text-decoration: none!important;
}

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: absolute;
    top: 0; left: 0;
    width: 100%;
    z-index: 10;
}

#header .content {}

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

#footer {}

#footer .content {}

#engine-tracking-link-wrapper {
    text-transform: uppercase;
}

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

.big {
    font-weight: bold;
    font-size: 18px;
}

/* 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: 30px;
    vertical-align: middle;
}

.header-row-1 > :first-of-type {
    margin-left: 25px;
}

.header-row-1 .hotelschema, .footer-row-2, .footer-row-1 {
    font-size: 0.9em;
}

.header-row-2 {
    padding: 20px 0;
}


.pre-footer {
    padding: 25px 0;
    margin-top: 7%;
}

.pre-footer .inline-block {
    margin-left: 10px;
}

.pre-footer .inline-block:first-child {
    margin-left: 0;
}

.footer-row-1 {
    background: #7d755c;
    color: #fff;
    padding: 50px 0 70px;
}

.footer-row-1 a {
    color: #fff!important;
}

.footer-row-2 {
    background: #FFF;
    padding: 10px 0;
}

.footer-row-2 #menu-legal a {
    color: #666;
    font-size: 12px;
}


.fixed-modal-link {
   background: #d8d8d8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;    top: 45%;
    padding: 20px;
    height: 80px;
    width: 50px;
    z-index: 10;
}

.header-row-1 a {
    background: #939c28;
    color: #fff;
    padding: 5px 10px;
}

.header-row-1 a:hover {
    background: #acb735;
    text-decoration: none !important;
}

.socialmedia a {
    background: none;
    padding: 0;
}

.socialmedia a:hover {
    background: none;
}

img {
    width: auto
}

img.full-size {
    width: 100%;
}

.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: 998 !important;
}

.affix .engine_mashup {
    background: none;
}

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

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

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

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

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

/* 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(74,75,75,0.6) 0%, rgba(186,186,186,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(74,75,75,0.6) 0%,rgba(186,186,186,0) 100%);
    background: linear-gradient(to bottom,  rgba(74,75,75,0.6) 0%,rgba(186,186,186,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#00bababa',GradientType=0 );
    position: absolute;
    left: 0;    top: 0;
    height: 200px;
    width: 100%;
    z-index: 5;
}


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

/* HOME */

.logo_text {
    padding-right: 40px;
}

.sun_logo {
    min-height:400px
}

#banner_cicar h2, #banner_cicar h3 {
    font-size: 32px !important;
    line-height: 32px;
    margin-bottom: 0;
}

.logo_text img {
    position: relative;
    top: -32px;
    padding-right: 20px;
}
#banner_cicar .row {
    position: relative;
    top: 180px;
}

#banner_cicar .col-md-6.align-left h3 {
    width: 95%;
}

#banner_rentalcar div.absolute {
    z-index:-1;
}
#rc-connect-container {
    margin:20px 80px;
}

.bg_beige {
    background: #FDF4E5;
    display: flex;
    align-items: center;
}

.logos_white {
    /*background: #fff;*/
    /*padding: 20px;*/
    /*width: 320px;*/
    /*margin: auto;*/
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#logo_recomendation {
    padding-top: 40px;
    padding-bottom: 40px;
}

.logos_white img {
    padding: 1.5px;
}

.banner {
    background: rgba(80, 60, 34, 0.52);
    color: white;
    padding: 25px;
    width: 350px;
    margin: 0 auto;
    position: relative;
    bottom: 100px;
}
.affix .banner {
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
}

/* LOCATION */

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

/* SERVICES */

/* PHOTOS */

/* OFFERS */
.offer-link, .offers-detail-wrapper .offer-wrapper {
    background-color: #f5e7d0;
}

/* COOKIES */

/* LEGAL */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

.not_found #main h2 {
    padding-top: 100px;
}








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

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

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

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

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

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

/* MENU WEB */
ul#menu_web {
    margin-top: 10px;
}

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

ul#menu_web > li a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

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

.menu li {
    display: inline-block;
}

#menu-legal li {
    padding-right: 20px;
}


/* 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: #c4d133;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    text-transform: uppercase;
}

.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 {
    background: #acb735;
}

/*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 {
    background: #fcf4e7;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #ff5a5f;
    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 {
    background: #fdfbf7;
}




.engine_mashup, #mirai_bookentrance, #modal-engine fieldset, .affix {
    background-color: rgba(0,0,0, 0.6);
    padding: 15px 0px;
}

.engine_mashup > div form .control-group label, #mirai_bookentrance #mirai_be0 span, #modal-engine .control-group label {
    line-height: 47px;
    color: #333;
    font-size: 14px !important;
    font-family: inherit;
} 

.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: rgba(0, 0, 0, 0);
    border: 0;
    color: #777;
    height: 2.6em;
    margin-bottom: 0;
    padding: 0 8px;
    box-shadow: none;
    font-family: inherit;
    font-size: 14px !important;
    height: 45px;
}

.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: 47px;
    padding: 0 30px;
}

.engine_mashup > div form .control-group, #modal-engine .control-group {
    background: #fff none repeat scroll 0 0;
    position: relative;
    padding: 0 12px;
    border-radius:2px;
    margin: 0px 0px 0px 0px !important;
}

.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: #666;
}

.engine_mashup > div form .checkin-control-group:after, .engine_mashup > div form .checkout-control-group:after, #modal-engine .date-group:after {
    content: "\101";
    right: 11px;
    top: 12px;
    font-size: 18px;
}

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

.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(/files/icon-sprite-2.png) no-repeat 0 0;*/
    margin: 3px 2px 0 0;
}

.icon-lock {
    background-image:url(/files/icon-sprite-2.png);
    background-position: -68px -1757px;
}

.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: 40px;
    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: #c4d133!important;
  cursor: pointer;
}
  
.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: #c4d133!important;
    color: #fff!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: #fff!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: #DDD!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: #868686!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: #fff;
    border-radius: 50%;
    color: #7d755c;
    font-size: 0.7em;
    margin-left: 5px;
}

.socialmedia ul li:first-child a:before {
    margin-left: 0;
}

#footer .socialmedia {
    margin-top: 50px;
}

#footer .socialmedia ul li a:before {
    font-size: 1.4em;
}


/* VCARD */
#header .hotelschema .phone-label {
    margin-left: 30px;
}

#footer .hotelschema {
    margin-bottom: 20px;
}







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

#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;
    text-transform:uppercase;
}

#advantages .container {
    padding: 10px 0 30px 0;
}

/*#advantages .check:before {
    content: "\208";
    top: 41px;
    margin-left: -27px;
}*/

#advantages h4 {
    font-size: 20px;
    margin-bottom: 26px;
    display: inline-block;
    padding-right: 40px;
    height: 30px;
    background: url(/files/icon-sprite-2.png) no-repeat right -1097px;
    padding-top: 12px;
}

/*Header*/

#qtranslateslug-2-chooser {
    border: 0;
    background-color: rgba(255,255,255,0.3);
    color: #fff;
}

.header-row-1 .hotelschema {
    color: #fff;
    font-size: 13px;
}

/*Centrar*/

.bottom {
    bottom:0;
}
 
.left {
    left:0;
}
 
.right {
    right:0;
}
 
.top {
    top:0;
}
 
.center {
    position: absolute;
    top: 50%;
    left: 14%;
    -webkit-transform: translate(-8%, -50%);
    -moz-transform: translate(-8%, -50%);
    -ms-transform: translate(-8%, -50%);
    transform: translate(50%,-8%, -8%);
    padding: 55px 35px;
} 

.center > * {
    display:block;
}

.small{
    font-size: 2em;
}

.bg-kaki {
    background-color: #736c55;
    opacity: 0.95;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#736c55', endColorstr='#736c55',GradientType=0 ); /* IE6-9 */
}

.bg-cream {background-color: #fcf4e7;}
.bg-dark-cream {background-color:#f5e7d0;}

/*Colors*/

.yellow, #cookies-wrapper-content h1 {color: #ffda80;}
.pink, .offers-listing-wrapper h2 {color: #e12784;}
.turquoise, .rooms-listing-wrapper h2 {color: #50e3c2;}
.orange, #hssurveys_full h2, .cat-legal h1 {color: #ff5a5f;}
.white {color: white;}
h2.white { text-shadow: 0 2px 4px black;}


p.white {
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 0.2px;
}

/*Paddings y margins*/

.pvl {padding-top: 40px;padding-bottom: 40px;}
.pvm {padding-top: 40px;padding-bottom: 20px;}
.phl  {padding-right: 10%;padding-left: 10%;}

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

.ptm {padding-top:10px;}
.pbm {padding-bottom:10px;}
.plm {padding-left:10px;}
.prm {padding-right:10px;}

.pal {padding: 100px;}

.pbm {padding-bottom: 40px;}

/**/
#developed-wrapper a {
    color: red!important;
}

#advantages .direct, #advantages .secure, #advantages .cancelation {
    padding-left: 70px;
    background: url("/files/icon-sprite-2.png") no-repeat 0 0;
    height: 53px;
}

#advantages .cancelation {background-position: -16px -1012px;}
#advantages .secure {background-position: -16px -924px;}
#advantages .direct {background-position: -16px -842px;}

#facilities li {
    display: inline-block;
    color: #fff;
    padding: 0 14px;
}

#facilities li i {
    background: url("/files/icon-sprite-2.png") no-repeat 0 0;
    margin:auto;
    height: 70px;
    width: 70px;
    display: block;
}

#facilities li i.wifi {background-position: -7px -655px;}
#facilities li i.spa {background-position: -7px -742px;}
#facilities li i.solar {background-position: -7px -572px;}
#facilities li i.coffe {background-position: -3px -484px;}

.offers-mashup-inner h3, .offers-mashup-slide {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    padding: 0 0 0 50px;
}

.offers-mashup h3 {
    color: #ff5a5f;
    padding: 0 50px 0 0;
}

a.more-info-link.btn {
    padding-top: 0;
    display: inline-block;
    margin-top: 20px;
    text-align: left;
    text-transform: initial;
    padding-left: 0;
}

.offers-mashup dl dt {
    font-size: 24px;
    line-height: 29px;
}

.offers-mashup dd span {
    font-size: 20px;
    line-height: 24px;
    display:block;
}

.square {padding-top: 32%;}
.bg-cream .square {padding-top: 25%;}
.bg-dark-cream .square {padding-top: 17%;}

#content-header img {
    width: 100%;
}

/*Iconos transporte*/

ul.iconlist li, #main-services li {
    display: inline-block;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    width: 16%;
}

.iconlist-plane i, .iconlist-train i, .iconlist-parking i, .iconlist-transfer i , .iconlist-car i, .iconlist-wifi i, .iconlist-handicap i, .iconlist-park i, .iconlist-free-parking i , .iconlist-bikes i   {
    height: 85px;
    background: url("/files/icon-sprite-2.png") no-repeat scroll 0 0;
    display: inline-block;
    width: 94px;
}

 .iconlist-wifi i {background-position: 3px -1608px;} 
.iconlist-handicap i {background-position: 6px -1430px;} 
.iconlist-park i {background-position: 14px -1519px;} 
.iconlist-free-parking i {background-position:6px -1329px;} 
.iconlist-bikes i  {background-position: 6px -1228px;} 

.iconlist-plane i {background-position: 8px 9px;} 
.iconlist-train i {
    background-position: 15px -144px;
    background-size: 77px;
}
.iconlist-parking i {background-position: 14px -73px;}
.iconlist-car i {
    background-position: 20px -287px;
    background-size: 69px;
}
.iconlist-transfer i {
    background-position: 10px -242px;
    background-size: 80px;
}
/**/

#interest-points li, #second-services li {
    line-height: 40px;
    list-style: initial;
    list-style-type: square;
    padding-right: 50px;
}

#enjoy h2 {margin-top: 30px;}

#qtranslateslug-2-chooser option {
    color:#000;
}

.bookingstep1 .row-fluid .offset3 {
    margin-left: 24.999999999999996%;
}

.bookingstep1 ul#menu_web > li a {
    color: #333;
}

.offers-mashup a {
    color:#a2ad2b!important;
}

.mapa .formRuta input.calculaRuta.btn.disabled {
    color: #fff;
}
.mapa .formRuta input.calculaRuta {
       color: #333;
}
#main .mapa .external-link {
   background: #f1f1f1;
   color: #333 !important;
   font-size:14px;
  padding-right: 8px;
}

/*Shadowbox*/

#back-top {
    z-index: 998;
}

#sb-body, #sb-loading {
    background-color: #fff;
    padding: 35px;
}

#sb-wrapper-inner {
        height: 605px!important;
}


/**/

#main section a.no-background{background: none !important;}

.vertical-align > * {vertical-align: middle}
.no-float {display: inline-block !important;float: none !important}
.vertical-align .no-float:first-child {
    margin-right: -5px;
}

.vertical-align .no-float .ipad-height {    
    min-height: 450px;
    object-fit: cover;
}

#conditions ul li:nth-child(1), #conditions ul li:nth-child(2) {
    font-weight: bold;
}

#transport ul.iconlist {
    margin: 0 10%;
    width: 80%;
}

.engine-wrapper.affix {
    background: rgba(0,0,0,0.7);
    padding: 0 10px;
}

a.tel:hover {
    color: white;
}

.scroll-arrow a {
    background: rgba(0,0,0,0) url(/wp-content/themes/mirai/images/xarrows.png.pagespeed.ic.6OZihizsQc.webp) no-repeat scroll -61px 7px!important;
    display: inline-block;
    height: 20px;
    padding: 5px;
    transition: all 2s ease 0s;
    width: 9px;
    z-index: 5;
    margin-top: 38px;
}

.affix .go-to-anchor {display:none; }

#main section a.carousel-control {
    font-size: 100px;
}


ul.interest-links li {
    text-transform: uppercase;
}

ul.interest-links li a {
    color: #c4d133!important;
}

span.span-0 {
    display: none!important;
}

#banner_ibexrentacar iframe {
    width: 100% !important;
}
#banner_ibexrentacar h2 img {
    width: 170px;
    margin-top: -10px;
    margin-left: 10px;
}


/* Webcam */
#live-cam-modal {
    border-radius: 0;
    top: 0!important;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 12px;
    background: transparent;
    width: auto;
    overflow: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
}

#live-cam-modal .modal-dialog {
    position: relative;
    top: 12%;
    max-width: 890px;
    margin: 0 auto 80px;
    box-sizing: border-box;
    overscroll-behavior: contain;
    pointer-events: auto;
}

#live-cam-modal .modal-header {
    padding: 9px 15px;
    border-bottom: 0;
}

#live-cam-modal .close {
    color: #fff;
    font-size: 27px;
    opacity: .7;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: -25px;
    -webkit-transition: .3s all;
            transition: .3s all;
}
#live-cam-modal .close:hover {
    color: #fff;
    opacity: .9;
}

#live-cam-modal .modal-body {
    max-height: none;
    overflow-y: inherit;
}

.iframe-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.iframe-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#banner-cicar iframe {
    height: 400px;
    width: 100%;
}

/* BOOTSTRAP MODAL */

.modal:focus {outline: none;}
.modal {border: none;}
body.modal-open {overflow: hidden; -ms-touch-action: none; touch-action: none;}

.modal-header .close {
    float: none;
    position: absolute;
    right: 13px;
    top: 50%;
    font-size: 20px;
    width: 20px; /* firefox fixing - mismo que font-size */;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: -20px;
    padding: 10px;
    color: inherit;
    opacity: .75;
    text-shadow: none;
}

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

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

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


/* MIRAI MODAL */

body.mirai-modal-active #main {
    position: static;
}

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

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

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

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

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

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

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

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

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

.mi-modal-header {
    text-align: center;
    position: absolute;
    padding: 30px 0;
    width:  100%;
    left:  0;
    top: 0;
    z-index: 1;
}

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

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

/* left */

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

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

/* right */

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

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

/* fade */

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

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

/* SHADOWBOX */

#sb-container {z-index: 1100;}

/* SIDE MODAL BUTTON */

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

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

.mirai-modal .mi-modal-content > div{
	background: white;
}

.facebook-wrapper {
    margin: 20px auto;
    width: 340px;
}



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

/* Extra Large desktop */
@media (min-width: 1600px) {
    #main h2, .offers-mashup h3, .room-box-description h3, .offer .offer-title, .cat-legal h1, .cat-cookies-policy h1 {
        font-size: 50px;
    }
}

/* Large desktop */
@media (min-width: 1200px) {
    .fixed-modal-link {
        top: 55%;
    }
    .widget_search form input[type=text] {
        width: 220px;
    }
    #main .carousel-inner h1 {
        bottom: 20%;
    }
    .center {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(50%,-50%, -50%);
    }
    
        #main .engine-wrapper h1 {
        font-size: 6em;
    }
    
    #main .engine-wrapper h1 span {
        font-size: 51px;
        margin-top: 30px;
    }
    
    .offers-mashup {
        width: 725px;
    }
    
    .engine_mashup, #mirai_bookentrance, #modal-engine fieldset, .affix {
        width: 74%;
        margin: 0 auto;
    }
    .engine-wrapper.affix {
        width: 100%;
    }
    #sb-wrapper-inner {
    height: 970px!important;
    background: #fff;
}
    #sb-body {
        height: 66%;
        width: 50%;
        left: 24%;
    }
}

/* ipad portrait - landscape */
@media (min-device-width: 768px) and (max-device-width: 979px){}

/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {
    body, html body.bookingstep1 {
        font-size: 14px;
        line-height: 22px;
    }
    
    .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;
    }
    
    .engine-wrapper {
        bottom: 0;
    }   

     #main .engine-wrapper h1 {
        font-size: 3em;
        margin-bottom: 0.2em;
    }
    
    .header-row-1 {
        font-size: 0.9em;
    }
    
    .header-row-1 > * {
        margin-left: 15px;
    }
    
    .fixed-modal-link {
        top: 45%;
    }
    
    ul#menu_web > li {
        margin-left: 8px;
    }
    
    #newsletter h3 {
        display: block;
        margin-top: -15px;
    }
    
    #contact-form .acept-privacity {
        text-align: center;
        width: 100%;        
    }
    
    .mapa .map_canvas {
        height: 350px!important;
    }
    
    #banner_cicar h2, #banner_cicar h3 {
    font-size: 23px!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;
    }
    
    .center {
        padding: 20px 35px;
    }
    #offers .center {
        padding: 0;
    }
    p.white {
        line-height: 24px;
        font-size: 15px;
    }
    #details .bg-cream .square {
        padding-top: 32%;
    }
   #enviroment .bg-cream .square {
        padding-top: 26%;
    }
    #facilities li {
        padding: 0 2px;
    }
    .offers-mashup-inner h3, .offers-mashup-slide {
        padding: 0 0 0 20px;
    }
    .offers-mashup {
        width: 625px;
    }
    #enjoy h2 {
        margin-top: 24px;
        font-size: 2em;
        line-height: 26px;
        padding: 0 25px;
    }
    .pre-footer img {
        width: auto;
        height: 75px;
    }
    html[lang|="de"] #facilities h2 {
        font-size: 2.3em;
        line-height: 36px;
    }  
    html[lang|="de"]  #discover .center {
        padding: 14px 35px;
    }
    #main .engine-wrapper h1 span {
        display: block;
        font-size: 22px;
        margin-top: -7px;
    }
    ul.iconlist li, #main-services li {
        padding: 0 9px;
        width: 16%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 23%;
    }
    
    .home #main .engine-wrapper h1 {
        font-size: 5em;
        margin-bottom: 5.2em;
    }
    .home #main .engine-wrapper h1 span {
        font-size: 35px;
        margin-top: 16px;
    } 
    #logo img {
        width: 167px;
    }
    .pre-footer .inline-block {
        margin-left: 5px;
    }
    
}

/* customize ipad landscape */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : landscape) {}

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