/* Developed entirely by staycreative.es */
 
 /* Carousel */
 .home .owl-item  {text-align: center; } 
 .home .ho-ind {margin: 0 auto;}



/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
.uk-navbar-container:not(.uk-navbar-transparent) {background-color: white !important; height: 90px;}

/* Generals */
html, body{font-family: "Lato",sans-serif; font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'Lato', sans-serif;;color: #000000;text-align: left;font-weight: 400; line-height: 1.8; font-size: 0.9rem; margin-top: 5px;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight: 700;font-style: normal; color: #4c3a33; text-transform: uppercase; margin-top: 0;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'Montserrat', sans-serif; font-weight: 400;font-style: normal; color: #4c3a33; font-size: 90%; display: block;}
ul {padding-left: 0px;}
li {text-decoration:none; list-style-type: none;}

:focus {outline: none;}

/* Buttons */
.uk-button{border-radius: 0 !important;font-family: 'Montserrat', sans-serif;font-weight: 400; border:0;line-height: 1.5;text-transform: uppercase !important;font-size: 1rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0; text-transform: lowercase; padding: 1rem 2rem; }
.uk-button-default{ background-color: #4c3a33;color: white; border: 1px solid transparent; }
.uk-button-default:hover{color: #4c3a33; border: 1px solid #4c3a33; }
.uk-button-primary{color: #728245; background-color: white; border: 1px solid white;}
.uk-button-primary:hover{color: white;  background-color: transparent; border: 1px solid white;}
.uk-button-secondary{color: white; background-color: #4c3a33 !important; border: 1px solid #4c3a33;}
.uk-button-secondary:hover{color: #4c3a33;  background-color: transparent !important; border: 1px solid #4c3a33;}
.uk-button-tertiary{background-color: white !important; border: 1px solid white; color: #4c3a33;}
.uk-button-tertiary:hover{color: white;  background-color: transparent !important; border: 1px solid white;}

.uk-button-menu{color: #728245; background-color: white; border: 1px solid white; margin-left: calc(50% - 5rem);}
.uk-button-menu:hover{color: white;  background-color: transparent; border: 1px solid white;}

.buscador .uk-button-default:hover {border: 1px solid #728245;}

/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}

/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

    /* form */
    .form {margin-bottom: 10vh;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{margin-top: 5px; padding: 10px 10px;border:0;border-bottom: 1px solid #4c3a33;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #4c3a33;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 1px solid #4c3a33;}
    .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .form textarea{margin-bottom: 10px;padding: 10px;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder {color: #4c3a33 !important;font-size: 0.8rem !important;}
    .form small{color: #2c2a29;float: left;margin-bottom: 10px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #4c3a33;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #4c3a33;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #580158;}
    .form .g-recaptcha{float: left;}
    .form .uk-button{border-radius: 0;}
    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {background-color: transparent;}

        /* NOTIFICACIONES */
        .uk-notification-message{font-size: 1rem;}
        .uk-notification{width: 400px;}
        .uk-notification-top-center{margin-left: -200px;}

/* datepicker  */
.ui-widget {background: #4c3a33;border: 1px solid #4c3a33;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker {padding: 0; margin-top: 0px; }
.ui-datepicker-header {border: none;background: #4c3a33;font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;border-radius: 0;}
.ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker .ui-datepicker-title {margin-top: 1.5em;margin-bottom: 1em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {top: 1.7em;border:none;}
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url(../img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal;}
.ui-datepicker .ui-datepicker-prev span {background-position: -96px -32px;}
.ui-datepicker .ui-datepicker-prev-hover span {background-position: -96px -48px;}
.ui-datepicker .ui-datepicker-next-hover span {background-position: -32px -48px;}
.ui-datepicker table {margin: 0;}
.ui-datepicker th {padding: 1em 0;color: #4c3a33;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #CBCBCB;}
.ui-datepicker td {border: none;padding: 0;}
td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: white !important;font-size: 12px;border:0 !important;text-align: center !important;}
td .ui-state-active,td .ui-state-hover {background: #4c3a33;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(63,50,49,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;
  z-index: 1;}
.overlay-light{background-color: rgba(177,137,121,0.4);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-dark{background-color: rgba(63,50,49,0.8);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 2;}
.section{padding: 10vh;}
.section-text{padding: 5vh;}
.no-padding{padding: 0 !important;}
.scrolloff{pointer-events: none;}
.p-0{padding: 0 !important;}
.mt-50{margin-top: 50px !important;}
.mt-0{margin-top: 0 !important;}
.mt-15 {margin-top: -15px !important;}
.ml-0{margin-left: 0 !important;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.dark-bg-2{background-color: #00609C;}
.dark-bg-3{background-color: #94bed3;}
.visible-flex{display: flex !important;}
.left {float: left !important;}
.right {float: right !important;}
.center {text-align: center; margin: 0 auto;}
.mb-5 {margin-bottom: 5vh;}
.m-left:after {left:65px !important;}
.turquesa {color: #42D1B7 !important; }
.bg-white {background-color: white;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.white-100 {height: 10vh; width: 100%; color: white; position: relative; z-index: 3;}
.wk-1 {-webkit-order: -1; order: -1;}
.wk1 {-webkit-order: 1; order: 1;}


/* Icons */
.icon{background-image: url('../img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.icon.scroll{width: 31px; height: 29px; background-position: 0px 0px; position: absolute; bottom: 50px; left: calc(50% - 16px);}
.icon.scroll h5{display: block; text-align: center; color: white; margin: 35px auto; margin-left: -10px; font-weight: 700;}

.icon.facebook{width: 45px;height: 45px;background-position: -160px -37px; }
.icon.instagram{width: 45px;height: 45px;background-position: -210px -37px;}
.icon.twitter{width: 45px;height: 45px;background-position: -260px -37px;}
.icon.facebook:hover, .icon.instagram:hover, .icon.twitter:hover {background-color: #728245; }

.icon.facebook-c{width: 45px;height: 45px;background-position: -310px -37px; }
.icon.instagram-c{width: 45px;height: 45px;background-position: -360px -37px;}
.icon.twitter-c{width: 45px;height: 45px;background-position: -410px -37px;}
.icon.facebook-c:hover, .icon.instagram-c:hover, .icon.twitter-c:hover {background-color: #728245; }

.icon.yt{width: 25px;height: 25px;background-position: -150px 0;}
.icon.news-send{width: 40px;height: 75px;background-position: -115px -35px;position: absolute;top: 0;right: 50px;cursor: pointer;}
.icon.fg{content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../img/assets-sprite.svg); background-position: -170px 0px; margin-left: 10px; top: 0; left: 0; background-size: 1000px 500px;}
.icon.fw{content: ""; display: inline-block; width: 10px; height: 10px; background-image: url(../img/assets-sprite.svg); background-position: -180px 0px; margin-left: 10px; top: 0; left: 0; background-size: 1000px 500px;}
.icon.tw{content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/assets-sprite.svg); background-position: -120px 0px; margin-right: 5px; top: 0; left: 0; background-size: 1000px 500px;}
.icon.ta{content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/assets-sprite.svg); background-position: -140px 0px; margin-right: 5px; top: 0; left: 0; background-size: 1000px 500px;}


.left .icon.verde {
    background-color: #728245;
    z-index: 2;
    width: 30px;
    height: 60px;
    float: right;
    margin-top: 5vh;
    background-image: none;
    clip-path: polygon(0% 50%, 100% 100%, 100% 100%, 100% 0%, 100% 0%);
    -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%, 100% 0%, 100% 0%);
    -moz-clip-path: polygon(0% 50%, 100% 100%, 100% 100%, 100% 0%, 100% 0%);
    margin-right: -1px;
}

.pileta .icon.white{background-position: -180px -380px; z-index: 2; width: 30px; height: 60px; float: right; margin-top: 5vh;}
.pesca .icon.yellow{background-position: -60px -380px; z-index: 2; width: 30px; height: 60px; float: left; transform: rotate(90deg); margin-left: 5vh;position: absolute; bottom:-15px;}
.caballos .icon.yellow{background-position: -60px -380px; z-index: 2; width: 30px; height: 60px; float: right; margin-top: 5vh;}
.quincho .icon.yellow{background-position: 0px -380px; z-index: 2; width: 30px; height: 60px; float: left; margin-top: 5vh;transform: rotate(180deg);}
.infantil .icon.brown{background-position: -120px -380px; z-index: 2; width: 30px; height: 60px; float: right; margin-top: 5vh;}

.minigolf .icon.yellow{background-position: -60px -380px; z-index: 2; width: 30px; height: 60px; float: left; margin-top: -44px;transform: rotate(90deg); margin-left: 5vh;}
.caminatas .icon.white{background-position: -240px -380px; z-index: 2; width: 30px; height: 60px; float: left; margin-top: 5vh;transform: rotate(180deg);}
.aves .icon.white{background-position: 0px -380px; z-index: 2; width: 30px; height: 60px; float: left; transform: rotate(90deg);margin-left: 5vh;margin-top: -44px;}
.safari .icon.white{background-position: 0px -380px; z-index: 2; width: 30px; height: 60px; float: right; margin-top: 5vh;}
.salon .icon.yellow{content: "";  width: 60px; height: 60px; background-image: url(../img/assets-sprite.svg); background-position: -60px -380px; top: 0; left: 0; position: relative; margin-top: 70px; z-index: 2; float: right; margin-right: -8vh;}

/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(76,58,51,0.9);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: white;text-align: center;}
#cookieMessage a{font-size: 12px;color: white;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #2c2a29;margin-top: 6px;cursor: pointer;color: white !important;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #fff;top: 0;left: 0; background-color: #728245;}
.preloader img{position: absolute;top: calc(50vh - 100px);left: calc(50vw - 100px);width: 200px;height: auto;}
.header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover; width: calc(100% - 5vh);min-height: 60vh;left: 5vh;}

.header h1 {color: white; z-index: 3; position: relative; text-align: center; margin: 0vh auto; padding-top: 20vh;font-weight: 700;}
.header h1 span {color: white; font-weight: 300; font-size: 70%; display: block;}
.page .header{min-height:50vh;}
.header h2{color: white; text-align: right; padding-bottom: 20vh; padding-right: 20vh; z-index: 1;}
.header h2 span{font-size: 60%;font-weight: 400;display: block;}
.is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}
.page .header h1{margin: 10vh 5vh;}
.page .header .header-logo{background-image: url('../img/logo-white.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}

.menu-bg{height: 90px;background-color: #4c3a33;margin-top: -90px;}
.page-intro h1{text-align: left;color: #4c3a33;font-weight: 700;margin-bottom: 0;}
.page-intro h1:after{display: none;}
.page-intro h1 span{display: block;font-size: 60%;}
.page-intro p{text-align: left;margin: 20px 0;}

.owl-carousel .owl-dots.disabled {display: list-item !important; }

.form input[type=text]::placeholder, .form input[type=email]::placeholder, .form input[type=number]::placeholder, .form select::placeholder, .form textarea::placeholder {color: #4c3a33!important; font-size: 0.8rem;}

    /* menu 
    .uk-navbar-container.uk-navbar{height: 90px;z-index:4;background-color: transparent; width: 96vw; margin: 0 auto;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 0;}
    ul .uk-navbar-nav {width: 200px;}
    .uk-navbar-left {width: 160px;}
    .uk-navbar-nav .uk-active {}*/
    .uk-navbar-nav#main-menu {margin-right: 3vh;}
    .uk-navbar-nav>li>a{font-family: 'Montserrat', sans-serif;height: 90px;font-weight: 600;text-transform: uppercase;color: #4c3a33; padding: 0 6px 0 6px; font-size: 0.8rem; margin-top: 15px;}
    .uk-navbar-nav>li.uk-active>a{color: #728245 !important;}
    .uk-navbar-nav>li>a:active{color: #728245 !important; font-weight: 700;}
    .uk-navbar-nav>li>a:hover{color: #728245;}
    .uk-navbar-dropdown-nav>li>a{ color: #4c3a33;text-transform: initial;height: auto;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #728245;}
    .uk-navbar-toggle {color: white !important; }
    .uk-navbar.uk-active .uk-navbar-toggle {color: #4c3a33 !important; }
    .has-dropdown{position: relative;  }
    .has-dropdown:after{content: ""; display: inline-block; width: 9px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -35px -2px; position: absolute; top: 45px; right: -12px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .has-dropdown:after{background-position: -35px -2px;}
    .bm-waves a{padding: 0 !important;font-size: 0 !important;}
    .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
    .bm-waves span{width: 160px;height: 70px;background-image: url('../img/logo-header.png');background-size: contain;background-repeat: no-repeat;background-position: left center; margin-bottom: 10px;}
    #book-now-button{background-color: #4c3a33;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: #f8f8f8 !important; width: 100vw !important; height: 90px; }
    /*.uk-navbar-container.uk-active .uk-navbar-right {margin-right: 2vw;}*/
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #4c3a33; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #728245; }
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}
    .uk-navbar-left {margin-left: 5vh !important;}


    /* buscador header */
    #buscador_reserva{width: calc(100% - 5vh);background-color: #f0f0db;position: relative;z-index: 2; height: 90px;  left:5vh; }
    /*.buscador {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}*/
    .b-book{position: relative;}
    .b-book span{text-transform: uppercase;}
    .header-search{margin-left: 0 !important; height: 90px;}
    .reservas {border-right: 1px solid white; height:90px; }
    .mis-reservas {text-align: center; color: #4c3a33; margin-top: 35px;}
    .mis-reservas:before {content: "";display: inline-block;width: 10px;height: 10px;background-image: url('../img/assets-sprite.svg');background-position: -160px 0;position: absolute; background-size: 1000px 500px; margin-left: -15px; margin-top: 5px;}
    .promo {width: 100%;height: 90px; text-align: center; border-left: 1px solid #4c3a33;}
    .promo h5 {color: #2a2c37;text-align: center;font-weight: 400; padding-top: 10px; margin-bottom: -14px;}
    .promo .b-voucher-input {height: 20px; width: 100%; padding-top: 30px;}
    .promo .b-voucher-input::placeholder {color:  #4c3a33;; opacity: 0.8; }
    .form input::-webkit-input-placeholder , .form input:-moz-placeholder , .form input::-moz-placeholder, .form input:-ms-input-placeholder {height: 30px; width: 100%;}
    /*#reservar {}*/

    .sticky-buscador{z-index: 3 !important;}
    .sticky-buscador.uk-active{ margin-top: 90px !important; }
    /*.sticky-buscador.uk-active #buscador_reserva {}*/
    .sticky-buscador.uk-active .b-datepicker {height: 90px !important; z-index: 5 !important;}
    /*.sticky-buscador.uk-active .date-ida, .date-vuelta {}*/

        

    .uk-form-div{position: relative;padding: 0 !important;}
    .b-datepicker{height: 90px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer; text-align: center;color: transparent !important;font-size: 0.8rem;line-height: 4.8;position: relative;z-index: 1;top: -90px;}
    .b-datepicker::-webkit-input-placeholder, .b-datepicker:-moz-placeholder,.b-datepicker::-moz-placeholder,.b-datepicker:-ms-input-placeholder {  color: white !important;}
    .month-ida:after, .month-vuelta:after, .hab-value:after{display: block; content: "";width: 25px;height: 25px;background-image: url('../img/assets-sprite.svg');background-position: -2px -65px; z-index: 0; background-size: 1000px 500px; bottom: 20px; position: relative; margin-left: 13px;}
    .hab-value:after{display: block; content: "";width: 25px;height: 25px;background-image: url('../img/assets-sprite.svg');background-position: -2px -65px; z-index: 0; background-size: 1000px 500px; bottom: 52px;margin: 0 auto; left: 20px;}
    .date-ida .day-ida, .date-vuelta .day-vuelta{ font-weight: 400;color: #4c3a33 !important;font-size: 2.2rem;font-family: 'Montserrat', sans-serif;position: relative; top: 30px; margin-left: -50px !important; }
    .date-ida .month-ida, .date-vuelta .month-vuelta{font-size: 1rem;text-transform: uppercase;color: #4c3a33 !important; font-family: 'Montserrat', sans-serif;position: absolute; top: 40px; margin-left: 5px;}
    .day-ida, .day-vuelta {color: #4c3a33 !important;text-align: center !important; margin: 0 auto !important; font-size: 1.5rem;top: 0px; height: 90px; width: 100%; padding-top: 20px !important;}
    .date-ida, .date-vuelta {text-align: center; border-right: 1px solid #4c3a33; height: 90px;}
    .b-title{text-align: center;display: block;position: absolute;top: 10px;width: 100%;font-size: 0.8rem;color: #4c3a33;font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
    .uk-form-div .uk-inline{width: 100%;}
    .hab-value{color: #4c3a33; width:100%; cursor: pointer; height: 60px; line-height: 3.8rem; text-align: center; font-size: 2.2rem; font-family: 'Montserrat', sans-serif; font-weight: 400; padding-top: 27px;}
    .b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #4c3a33;font-weight: 400;padding-left: calc(100% - 140px) !important;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
    .b-voucher-input{color: #4c3a33;border:0;font-size: 1rem;width: calc(100% - 10px);cursor: pointer;background-color: transparent; height: 90px;padding: 0 0 0 0px; text-align: center;}
    .b-voucher-input::-webkit-input-placeholder, .b-voucher-input:-moz-placeholder,.b-voucher-input::-moz-placeholder, .b-voucher-input:-ms-input-placeholder {  color: white;  }
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{text-transform: none;height: 90px;background-color: #4c3a33;text-transform: uppercase; -webkit-appearance: none !important;/*padding: 1rem 4rem; */font-weight: 700; float: right; width: 100%;}
    .b-send:hover{background-color: #728245;color: white;opacity: 1; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;}
    .b-more-beds {padding-top: 40px; width: 240px;}
    .b-more-beds .uk-grid{margin-top: 0;margin-bottom: 5px;}
    .b-more-beds span.bmb-title{margin: 10px 0;}
    .b-more-beds .uk-width-1-2{margin-top: 0;}
    .b-more-beds .uk-width-1-2 span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 0px;}
    .b-more-beds select.uk-select{float: right;height: 35px !important;border: 0;background: transparent;width: 100%;text-align: right;color: #2c2a29;font-weight: 700;padding-left: calc(100% - 35px) !important;font-size: 0.8rem;z-index: 1;position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important; margin-top: -30px; margin-bottom: 20px;}
    .b-book{font-family: 'Montserrat', sans-serif;height: 90px;font-weight: 600;text-transform: uppercase;color: #4c3a33; padding: 0 0 0 12px; font-size: 0.8rem; top: 31px; margin-top: 20px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,.35s ease-in-out;}
    .b-book:hover{color: #728245;} 
    .b-book span{cursor: pointer;text-align: center; margin-top: 18px;}
    .b-book span i.icon.book{background-position: -50px -75px;width: 25px;height: 25px;}
    
    .day-vuelta
    .b-hotel{width: 100%;}
    .b-hotel:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 18px;background-image: url('../img/assets-sprite.svg');background-position: 0 -75px;right: 0;z-index: 0;}
    .b-hotel select.uk-select{font-weight: 400;color: white;width:100%;cursor: pointer;height: 60px !important;border:0;border-left:2px solid #cbcbcb;border-right:2px solid #cbcbcb;line-height: 4.8;padding-left: 10px;font-size: 0.8rem;background: none !important;z-index: 1;position: relative;}

    .uk-notification-message{font-size: 1rem;}
    .uk-notification{width: 400px;}
    .uk-notification-top-center{margin-left: -200px;}


    .flex-column {
        display: flex;
        flex-direction: column;
    }
    
    .flex-column > .flex-grow {
        flex-grow: 1;
    }

/* INDEX */
/*.home .header {position: relative;overflow: hidden;}*/


.home .header {
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: initial;
    width: 90vw;
    height: 100%;
}
.home .header.video-play {
    width: 100%;
}
.animate.load.header::before
{
    content: "";
    display: flex;
    min-height: calc((95 / 192) * 95vw);
    width: 100%;
    background-image: url(../img/portada_video.jpg);
    background-size: cover;
}
.animate.load.header.started::before{ display: none;}
.video-cabecera {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-cabecera > #video-home {
    width: 100%;
    position: relative;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.header {background-image: url('../img/portada_video.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.home .header video{position: absolute;z-index: 0;min-width: 100%;min-height: 100%;top: 0px;left: 0;bottom: 0;max-width: none;}
.home .intro {padding-top: 5vh;padding-bottom: 5vh; } 
.home .intro p, .home .intro h1 {text-align: center;}
.home .arbol {background-image: url('../img/bg-home-02.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh;    margin-top: -10vh; margin-bottom: 15vh;}
.home .cabanas .left {background-color: #728245; margin-left: 5vh; width: calc(50% - 5vh);}
.home .cabanas .left h3, .home .cabanas .left p {color: white;}
.home .cabanas .right .img {background-image: url('../img/bg-home-03.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; margin-top: -5vh; height: 100%; padding-bottom: 5vh; right: 0;}
.home .actividades {min-height: 50vh;position: relative; z-index: 1;}
.home .actividades .can {background-image: url('../img/bg-home-04.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.home .actividades .fut {background-image: url('../img/bg-home-05.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 64vh;}
.home .actividades .cab {background-image: url('../img/bg-home-06.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.home .actividades .pes {background-image: url('../img/bg-home-07.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.home .actividades .text {color: #4c3a33; margin-top: -34vh; }
.home .actividades .height-0 {height: 0px !important;}
.home .espacio {position: relative;}
.home .espacio .left {background-color: #f0f0db; margin-left: 5vh; margin-top: -20vh; padding-top: 20vh; z-index: -1; width: calc(50% - 5vh);}
.home .espacio .left .text {margin-right: 5vh;}
.home .espacio .left h1, .home .espacio .left p {color: #4c3a33;}
.home .espacio .right .img {background-image: url('../img/bg-home-08.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; height: 100%;}
.home .llegar { -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,.35s ease-in-out;}
.home .llegar .left {min-height: 60vh; height: 100%;}
.home .llegar .left .img {background-image: url('../img/bg-home-08.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; height: 100%;}
.home .llegar .right {background-color: #728245; width: calc(50% - 5vh); margin-right: 5vh;height: 100%;min-height: 60vh;}
.home .llegar .right .text h3, .home .llegar .right .text p {color: white;}
.home .clientes {position: relative; min-height: 60vh;}
.home .clientes .img{ background-image: url('../img/bg-home-08.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 55vh; height: 100%;}
.home .clientes .text {background-color: #728245; text-align: center; position: relative; z-index: 2;padding-top: 5vh; min-height: 45vh;}
.home .clientes .text p, .home .clientes .text span {text-align: center; color: white;  margin-top: 0;}
.home .clientes .text h3 {margin-top: 10vh; color: white; text-transform: initial;}
.home .clientes .text h4 {margin-top: 0;color: white;}
.home .menu {position: relative; background-image: url('../img/bg-home-10.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; border-top: 20px solid #728245; border-bottom: 20px solid #728245;  }
.home .menu .text {color: white;position: relative;z-index: 2;}
.home .menu .text h3, .home .menu .text h6, .home .menu .text p {color: white; text-align: center;}
.home .clientes .text h4 p {color: white; text-transform: initial; font-weight: 700; font-size: 1.2rem;}
.social-fa { padding-top: 5vh; padding-bottom: 5vh;background-color: white;margin: 0 auto; text-align: center;}
    .home .hab-container .bg-hab-ind .hab-slider {min-height: 40vh;background-position: center; background-size: cover; background-repeat: no-repeat; }
    .home .home-slider .owl-carousel .owl-loaded .owl-drag{min-height: 40vh;}
    .home .hab-ind .hab-container .bg-hab-ind .home-slider .owl-stage-outer .owl-stage .owl-item .img {min-height: 50vh; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
    .home .owl-prev {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -0px -30px; position: absolute; bottom: 50px; left: 50px; background-size: 1000px 500px; color: transparent;}
    .home .owl-next {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -22px -30px; position: absolute; bottom: 50px; left: 90px; background-size: 1000px 500px; color: transparent;}
    
    /* SLIDER OFERTAS */
    p.home-oferta-name {text-align: center; color: #71c1c9; font-weight: 700;}
    .home-oferta {background-repeat: no-repeat;margin: 0 auto;background-size: cover; min-height: 50vh;}
    .home-oferta h3 {font-size: 4rem; color: white; text-align: center; font-weight: 700; margin-bottom: -50px; margin-top: 50px; z-index: 1; position: relative;}
    .home-oferta h4 {font-size: 2rem; color: white; text-align: center; z-index: 1; position: relative;}
    .home-oferta p {color: white; text-align: center; z-index: 4; position: relative;     color: white; font-size: 3rem; font-family: georgia; margin-top: 40px;
    }
    .home-oferta .owl-dots{width: 100%;margin: 0 auto;text-align: center;height: 14px;position: relative;z-index: 10; padding-bottom: 30px;    margin-top: 100px;}
    .home-oferta .owl-dot{width: 10px;height: 10px;border:2px solid white; border-radius: 10px;display: inline-block;margin-right: 5px;}
    .home-oferta .owl-dot.active{background-color: white;}
    .home-oferta .owl-stage-outer {margin: 0px auto; padding-top:50px;}

   


/* CABAÑAS */
.cabanas .header {background-image: url('../img/bg-cabanas-01.jpg'); background-position: center bottom; min-height: 60vh;}
.cabanas .intro {padding-top: 5vh;padding-bottom: 5vh; }
.cabanas .intro p, .cabanas .intro h1    {text-align: center;}
.cabanas .left-con {background-color: #f0f0db; margin-left: 5vh; margin-right: -5vh; margin-top: 5vh;  margin-bottom: 5vh; position: relative;}
.cabanas .left-text {width: calc(100% - 110px); height: auto;}
.cabanas .especificaciones {position: absolute; right:0; top: 0; background-color: #4c3a33; width: 150px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index: 2; padding: 20px 0 40px;}
.cabanas .especificaciones .coc, .cabanas .especificaciones .air, .cabanas .especificaciones .sat, .cabanas .especificaciones .hel, .cabanas .especificaciones .mic, .cabanas .especificaciones .par, .cabanas .especificaciones .wif {color: white; text-align: center;}
.cabanas .especificaciones .coc:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -0px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .air:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -30px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .hel:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -60px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .mic:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -90px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .sat:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -120px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .par:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -150px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .especificaciones .wif:before {content: "";width: 30px;height: 30px;background-image: url('../img/assets-sprite.svg');background-position: -180px -350px; background-size: 1000px 500px; margin: 20px auto 5px; display: block;}
.cabanas .slider .owl-prev {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -0px -30px; position: absolute; bottom: 50px; right: 90px; background-size: 1000px 500px; color: transparent;}
.cabanas .slider .owl-next {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -22px -30px; position: absolute; bottom: 50px; right: 50px; background-size: 1000px 500px; color: transparent;}
.cabanas .hab-ind  {margin-bottom: 10vh;}
.cabanas .hab-container {margin-top: 5vh; margin-bottom: 15vh;}
.cabanas .right .hab-container .bg-hab-ind .habitacio-slider .owl-stage-outer .owl-stage .owl-item .as-ind-img {width: calc(100% - 2vh);}
.hab-container .bg-hab-ind .habitacio-slider .owl-stage-outer .owl-stage .owl-item .as-ind-img {min-height: 60vh; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover;}
.cabanas .owl-prev {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -0px -30px; position: absolute; bottom: 50px; right: 90px; background-size: 1000px 500px; color: transparent;}
.cabanas .owl-next {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -22px -30px; position: absolute; bottom: 50px; right: 50px; background-size: 1000px 500px; color: transparent;}
.cabanas .salon {position: relative; min-height: 40vh;margin-top: 5vh;}
.cabanas .salon .img{background-image: url('../img/bg-cabanas-03.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 40vh; height: 100%;}
.cabanas .salon .text {color: white; text-align: center; position: relative; z-index: 2; margin-top: 10vh;}
.cabanas .salon .text p, .cabanas .salon .text h3 {text-align: center; color: white; margin-top: 5vh;}
.cabana .plano-cabana {margin-bottom: 40px;}
p.plano-cabana {color: #4c3a33 !important; font-weight: 700;margin-bottom: 30px;}
p.plano-cabana:hover {color: #728245 !important;}


/* ACTIVIDADES */
.actividades .section {padding: 5vh !important;}
.actividades h3 {margin-top: 0;}
.actividades .header {background-image: url('../img/bg-actividades-01.jpg'); background-position: center; min-height: 60vh;}
.actividades .intro {padding-top: 5vh;padding-bottom: 5vh; }
.actividades .intro p, .actividades .intro h1 {text-align: center;}
.actividades .aves {min-height: 60vh;position: relative; z-index: 1;}
.actividades .aves .left {min-width: 60vh; height: 100%;}
.actividades .aves .right {min-width: 60vh; height: 100%;}
.actividades .aves .azu {background-image: url('../img/bg-actividades-02.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .aves .roj {background-image: url('../img/bg-actividades-03.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;     min-height: 70vh;height: 100%;;}
.actividades .aves .buh {background-image: url('../img/bg-actividades-04.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; height: 50%;}
.actividades .aves .var {background-image: url('../img/bg-actividades-05.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;height: 50%;}
.actividades .aves .text {color: #4c3a33; }
.actividades .caballos .text {color: #4c3a33;background-color: #f0f0db;}
.actividades .caballos .img {background-image: url('../img/bg-actividades-06.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;height: 100%;}
.actividades .caminatas .text {color: #4c3a33; padding: 5%;}
.actividades .caminatas .img {background-image: url('../img/bg-actividades-06.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .caminatas .img.left {background-image: url('../img/bg-actividades-07.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .caminatas .right .img {background-image: url('../img/bg-actividades-08.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; min-height: 30vh;}
.actividades .pesca {min-height:60vh; height: 100%;}
.actividades .pesca .left {min-height: 60vh; height: 100%;}
.actividades .pesca .text {color: #4c3a33;background-color: #f0f0db;}
.actividades .pesca .left .img {background-image: url('../img/bg-actividades-09.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; position: relative;}
.actividades .pesca .right.img {background-image: url('../img/bg-actividades-10.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 60vh;}
.actividades .safari {height: 62vh; overflow: hidden;}
.actividades .safari .text {color: #4c3a33;min-height: 22vh;}
.actividades .safari .left {height: 100%;}
.actividades .safari .left .img {background-image: url('../img/bg-actividades-11.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 32vh;}
.actividades .safari .left .img-2 {background-image: url('../img/bg-actividades-12.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 33vh; height: 100%;}
.actividades .safari .left-r .img {background-image: url('../img/bg-actividades-13.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 70vh; height: 100%;}
.actividades .safari .img-3 {background-image: url('../img/bg-actividades-14.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 32vh; padding-bottom: 0px;}
.actividades .pileta .right {background-color:#728245;}
.actividades .pileta .right .text p, .actividades .pileta .right .text h3 {color: white; }
.actividades .pileta .left .img {background-image: url('../img/bg-actividades-15.jpg'); background-position: center bottom; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .pileta .left .img-w {background-image: url('../img/bg-actividades-25.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .infantil .text {background-color: #4c3a33;}
.actividades .infantil .text p, .actividades .infantil .text h3 {color: white;}
.actividades .infantil .img {background-image: url('../img/bg-actividades-22.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;height: 50%;}
.actividades .infantil .img-2 {background-image: url('../img/bg-actividades-23.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;height: 50%;}
.actividades .quincho {min-height: 54 vh; height: 100%;}
.actividades .quincho .left.img {background-image: url('../img/bg-actividades-16.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 54vh;}
.actividades .quincho .right {background-color: white; min-height: 30vh; height: 100%;}
.actividades .quincho .img-right {background-image: url('../img/bg-actividades-17.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; min-height: 30vh; height:100%; }
.actividades .quincho .img-left {background-image: url('../img/bg-actividades-18.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; height: 100%;}
.actividades .quincho .right .text {color: #4c3a33;  }
.actividades .minigolf .text {color: #4c3a33;background-color: #f0f0db; min-height: 30vh;}
.actividades .minigolf .left {min-height: 60vh; height: 100%;}
.actividades .minigolf .left .img {background-image: url('../img/bg-actividades-20.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh;}
.actividades .minigolf .right .img {background-image: url('../img/bg-actividades-21.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 70vh;height: 100%;position: relative;}
.actividades .act-slider {height: 50vh; margin-bottom: 5vh; margin-top: 5vh;}
.actividades .owl-carousel .owl-stage-outer {height: 50vh !important;}

.actividades .mapa  {margin-top: 0;} 
.actividades .mapa .left .img {background-image: url('../img/actividades/bg_actividades_mapa_2.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 60vh;height: 100%;}
.actividades .mapa .right  {background-color: white;}
.actividades .mapa .right .text {color: #4c3a33; }

.actividades .mapa_previo  {margin-top: 0;} 
.mapa_previo .img {
    background-image: url(../img/actividades/bg_actividades_mapa_4.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: calc(1200px * (444 / 1280) );
}
    
.actividades .bg_actividades_chicas { 
    background-image: url(../img/actividades/bg_actividades_chicas_x2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 30vh;
    padding-bottom: 0px;
}
.actividades .bg_actividades_piscina { 
    background-image: url(../img/actividades/bg_actividades_piscina.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 30vh;
    padding-bottom: 0px;
}
.actividades .bg_actividades_petanca { 
    background-image: url(../img/actividades/bg_actividades_petanca.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 30vh;
    padding-bottom: 0px;
}
.actividades .pistatenis .img {
    background-image: url(../img/actividades/bg_actividades_tenis.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 30vh;
    height: 100%;
}
.pistatenis .text{
    background-color: #4c3a33;
}
.pistatenis .icon.brown {
    background-position: -120px -380px;
    z-index: 2;
    width: 30px;
    height: 60px;
    float: left;
    margin-top: 5vh;
}
.actividades .pistatenis .text p, 
.actividades .pistatenis .text h3 {
    color: white;
}
.pistatenis .icon {
    background-position: 0px -380px;
    z-index: 2;
    width: 30px;
    height: 60px;
    float: left;
    margin-top: 5vh;
    transform: rotate(180deg);
}
.actividades .caballos .bg_actividades_gym {
    background-image: url(../img/actividades/bg_actividades_gym.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 30vh;
    height: 100%;
}
    
/* ESPACIOS */
.espacios .header {background-image: url('../img/bg-espacio-01.jpg'); background-position: center; min-height: 60vh;}
.espacios .intro {padding-top: 5vh;padding-bottom: 5vh; }
.espacios .intro p, .espacios .intro h1 {text-align: center;}
.espacios .salon {margin-top: 10vh;}
.espacios .parrilla .right {background-color: #f0f0db; margin-right: 5vh; margin-left: 0vh; width: calc(50% - 5vh); }
.espacios .parrilla .right h3, .espacios .salon .right p {color: #4c3a33;}
.espacios .parrilla .left .img {background-image: url('../img/bg-espacio-03.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; margin-top: -5vh; height: 100%; padding-bottom: 5vh;}
.espacios .salon .left {background-color: #f0f0db; margin-left: 5vh; margin-right: 0vh; width: calc(50% - 5vh); }
.espacios .salon .left h3, .espacios .salon .left p {color: #4c3a33;}
.espacios .salon .right .img {background-image: url('../img/bg-espacio-02.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; margin-top: -5vh; height: 100%; padding-bottom: 5vh;}
.espacios .servicios {margin-bottom: 0;}
.espacios .servicios .aire {background-color: white; min-height: 20vh;}
.espacios .servicios .aire p {margin-bottom:0; padding-top: 40px; display: block; color: #4c3a33; text-align: center;    margin-top: 0; }
.espacios .servicios .aire p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: 0px -125px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .servicios .tv {background-color: #728245;min-height: 20vh; }
.espacios .servicios .tv p {margin-bottom:0;  padding-top: 40px;  display: block;color: white;  text-align: center; margin: 0 auto;}
.espacios .servicios .tv p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: -55px -125px;background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .servicios .digital {background-color: #4c3a33;min-height: 20vh; }
.espacios .servicios .digital p {margin-bottom:0; padding-top: 40px;color: white;  text-align: center; margin-top: 0px;  }
.espacios .servicios .digital p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: -110px -125px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .servicios .proyector {background-color: white;min-height: 20vh; color: #4c3a33; text-align: center;}
.espacios .servicios .proyector p {margin-bottom:0; padding-top: 40px; color: #4c3a33; text-align: center;margin-top: 0px;}
.espacios .servicios .proyector p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: -165px -125px;background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .servicios .impresora {background-color: #728245;min-height: 20vh; color: white; text-align: center;}
.espacios .servicios .impresora p {margin-bottom:0;  padding-top: 40px; color: white; text-align: center;margin-top: 0px;}
.espacios .servicios .impresora p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: -220px -125px;background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .servicios .wifi {background-color: #4c3a33;min-height: 20vh; color: white; text-align: center;}
.espacios .servicios .wifi p {margin-bottom:0;  padding-top: 40px; color: white; text-align: center;margin-top: 0px;}
.espacios .servicios .wifi p:before {content: "";width: 55px;height: 55px;background-image: url('../img/assets-sprite.svg');background-position: -275px -125px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .armados .left {background-color: #f0f0db; margin-left: 5vh; margin-right: -5vh; }
.espacios .armados .left h3, .espacios .salon .left p {color: #4c3a33;}
.espacios .armados .right {background-color: white;}
.espacios .armados .right .tea p {color: #493d36; text-align: center;margin-top: 0px;}
.espacios .armados .right .tea p:after {content: "";width: 80px;height: 170px;background-image: url('../img/assets-sprite.svg');background-position: 0px -180px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .armados .right .esc p {color: #493d36; text-align: center;margin-top: 0px;}
.espacios .armados .right .esc p:after {content: "";width: 80px;height: 170px;background-image: url('../img/assets-sprite.svg');background-position: -80px -180px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .armados .right .imp p {color: #493d36; text-align: center; margin-top: 0px;}
.espacios .armados .right .imp p:after {content: "";width: 80px;height: 170px;background-image: url('../img/assets-sprite.svg');background-position: -160px -180px; background-size: 1000px 500px; margin: 10px auto; display: block;}
.espacios .armados .right .enu p {color: #493d36; text-align: center;margin-top: 0px;}
.espacios .armados .right .enu p:after {content: "";width: 80px;height: 170px;background-image: url('../img/assets-sprite.svg');background-position: -240px -180px; background-size: 1000px 500px; margin: 10px auto; display: block;}

.espacios .comedor .left {
    background-color: #f0f0db;
    margin-left: 5vh;
    width: calc(50% - 5vh);
}

.espacios .comedor .left h3,
.espacios .comedor .left p {
    color: #4c3a33;
}

.espacios .comedor .right .img {
    background-image: url('../img/espacios/bg_espacios_comedor.jpg ');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50vh;
    margin-top: -5vh;
    height: 100%;
    padding-bottom: 5vh;
}


/* -- GALERIA --  */
.galeria .header {background-image: url('../img/bg-galeria-01.jpg'); background-position: center;}
.section-galeria {padding: -5vh 10vh 10vh 10vh !important; margin-bottom: 10vh;}
.gallery-item{border:5px solid white;background-size: cover;background-position: center;}

/* --- COMO LLEGAR */
.llegar .header {background-image: url('../img/bg-llegar-01.jpg'); background-position: center; min-height: 60vh;}
.llegar .bg_llegar {
    background-image: url(../img/llegar/bg_llegar.jpg);
    min-height: 620px;
    background-position: center;
    background-size: cover;
    max-width: 1280px;
    margin: 0 auto;
}
.llegar .foto-texto {
    display: flex;
    gap: 30px;
}
/*.gm-style-pbc*/
.gm-style-pbt {/*left: calc(25% - 10px);*/ margin-left: auto; margin-right: auto; width: 80%; text-align: center;}

    /* CERCADOR MAPA */

    #map {
        min-height: 60vh;
        height: 100%;
        margin-bottom: -6px;
      }
      /* Optional: Makes the sample page fill the window. 
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }*/
      .controls { margin-top: 10px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box;-moz-box-sizing: border-box; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
      #origin-input, #destination-input { background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; margin-left: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis;  width: 200px; }
      #origin-input:focus, #destination-input:focus { border-color: #4d90fe;}
      #mode-selector { color: #fff; background-color: #4d90fe; margin-left: 12px; padding: 5px 11px 0px 11px;}
      #mode-selector label {font-family: Roboto; font-size: 13px;font-weight: 300; }
      #mode-selector {display: none !important;}


/* -- CONTACTA --  */
.contacta .header {background-image: url('../img/bg-contacta-01.jpg'); background-position: center;}
.contacta .formulario {background-color: white;}
.contacta .formulario .right .text {background-color: #2c2a29; position: relative; right: 3vh; top: -2vh; margin-bottom: -5vh;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding: 5vh;}
.contacta .formulario .left .text {margin-top: 40px;}
.contacta .formulario .right {background-color: #4c3a33; }
.contacta .formulario .right .text p {color: white;}
.contacta .formulario .right .text a {color: white;}
.contacta .formulario .right .text a:hover {opacity: 0.8; cursor: pointer;}
.contacta .formulario .right .text .social li {display: inline;}
.contacta .formulario .right .text .social li:hover {opacity: 0.8;}
.contacta .distancia {margin-top: 6px;}
.contacta .dis-ind.llegar .left h3 {text-align: right;}
.contacta .dis-ind.aire { margin-bottom: 0; background-color: white; min-height: 20vh;}
.contacta .dis-ind.aire h3 {padding-top: 70px; margin: 0px auto 0; display: block; color: #4c3a33; text-align: center; }
.contacta .dis-ind.aire p {margin: 0px auto; display: block; color: #4c3a33; text-align: center; text-transform: uppercase; }
.contacta .dis-ind.tv {margin-bottom: 0; background-color: #728245;min-height: 20vh; }
.contacta .dis-ind.tv h3 {padding-top: 70px; margin: 0px auto 0; display: block; color: white; text-align: center; }
.contacta .dis-ind.tv p { margin: 40px auto; display: block;color: white;  text-align: center; margin: 0 auto;text-transform: uppercase;}
.contacta .dis-ind.digital {margin-bottom: 0; height: 100%; background-color: #4c3a33;min-height: 20vh; }
.contacta .dis-ind.digital h3 { padding-top: 70px;margin: 0px auto 0; display: block; color: white; text-align: center; }
.contacta .dis-ind.digital p {color: white;  text-align: center; margin-top: 0px; text-transform: uppercase; }
.contacta .dis-ind.proyector {margin-bottom: 0; height: 100%; background-color: white;min-height: 20vh; color: #4c3a33; text-align: center;}
.contacta .dis-ind.proyector h3 {padding-top: 70px; margin: 0px auto 0; display: block; color: #4c3a33; text-align: center; }
.contacta .dis-ind.proyector p { color: #4c3a33; text-align: center;margin-top: 0px;text-transform: uppercase;}
.contacta .dis-ind.impresora {margin-bottom: 0; height: 100%; background-color: #728245;min-height: 20vh; color: white; text-align: center;}
.contacta .dis-ind.impresora h3 {padding-top: 70px; margin:0px auto 0; display: block; color: white; text-align: center; }
.contacta .dis-ind.impresora p {  color: white; text-align: center;margin-top: 0px;text-transform: uppercase;}
.contacta .dis-ind.wifi {margin-bottom: 0; height: 100%; background-color: #4c3a33;min-height: 20vh; }
.contacta .dis-ind.wifi h3 {padding-top: 70px; margin: 0px auto 0; display: block; color: white; text-align: center; }
.contacta .dis-ind.wifi p {color: white;  text-align: center; margin-top: 0px; text-transform: uppercase; }
.contacta .dis-ind.distancia {margin-bottom: 5vh; margin-top: 6px;}
.contacta .dis-ind h3 {padding-top: 70px; margin: 0px auto 0; display: block; color: #4c3a33; text-align: center; }

    /* form */
    .contacta .form {margin-bottom: 10vh;}
    .contacta .form input[type=text], .contacta .form input[type=email],.contacta .form input[type=number],.contacta .form select,.contacta .form textarea{margin-top: 5px; padding: 10px 10px;border:0;border-bottom: 1px solid white;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: white;}
    .contacta .form input[type=text]::placeholder, .contacta .form input[type=email]::placeholder, .contacta .form input[type=number]::placeholder, .contacta .form select::placeholder, .contacta .form textarea::placeholder {color: white !important;}
    .contacta .form input[type=text]:focus,.contacta .form input[type=email]:focus,.contacta .form input[type=number]:focus,.contacta .form select:focus,.contacta .form textarea:focus{border-bottom: 1px solid white;}
    .contacta .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .contacta .form textarea{margin-bottom: 10px;padding: 10px;}
    .contacta .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .contacta .form input:-ms-input-placeholder, .contacta .form textarea::-webkit-input-placeholder, .contacta .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .contacta .form textarea:-ms-input-placeholder {color: white !important;font-size: 0.8rem;}
    .contacta .form::placeholder{color: white;font-size: 0.8rem;}
    .contacta .form small{color: #2c2a29;float: left;margin-bottom: 10px;}
    .contacta .form .uk-checkbox:focus, .contacta .form .uk-radio:focus {border-color: #4c3a33;}
    .contacta .form .uk-checkbox:checked, .contacta .form .uk-checkbox:checked:focus {background-color: #4c3a33;}
    .contacta .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .contacta .form .uk-radio:checked, .contacta .form .uk-radio:checked:focus {background-color: #580158;}
    .contacta .form .g-recaptcha{float: left;}
    .contacta .form .uk-button{border-radius: 0; float: right;}
    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {background-color: transparent;}
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important;background-image: none; color: rgb(0, 0, 0);}

        /* FORM TOTES LES PAGINES */
        .contacta-bottom {min-height: 50vh;background-color: #4c3a33;  z-index: -1;}
        .llegar .contacta-bottom {min-height: 50vh;background-color: #4c3a33;  z-index: -1; margin-top: 6px;}
        .contacta-bottom .left {background-color: #f0f0db; margin-left: 5vh; z-index: -1; width: calc(50% - 5vh);margin-bottom: -10vh;}
        .contacta-bottom .left:before {content: "";width: 5vh; float: left; background-color: #4c3a33; position: absolute; left: 0; }
        .contacta-bottom .right h3,  .contacta-bottom .right p {text-align: center; color: white;}
        .contacta-bottom .right p a {color: white;}
        .contacta-bottom .right p a:hover {color: #728245;}
        .contacta-bottom .right .left {background-color: #4c3a33; height: 100%; width: 50%; margin-left: 0vh; padding-top: 15vh;}
        .contacta-bottom .right .right {background-color:white;text-align: right; padding-top: 0vh;}
        .contacta-bottom .right .right p, .contacta-bottom .right .right h3 {color: #4c3a33; text-align: center; }
        .contacta-bottom .uk-button .uk-button-secondary {margin-left: 0 !important;}
        .contacta-bottom .social {margin: 0 auto; text-align: center;}
        .contacta-bottom .fb-page {max-width: 300px;}




        /* mapa 
        #map {width: 100% !important;}
        #map-container{ -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,.35s ease-in-out;position: relative;width: 100%;height: 100%;display: block;}
        #map-container.obert{max-height: 2000px;margin-top: 100px;}
        #map-container iframe{width: 100%;border:0;margin-bottom: -6px;    height: 100%;
            min-height: 500px;}*/

       
  /* cookies i aviso legal */
  .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center; }
  .cookies .uk-link, a {color: #4c3a33;}
  .cookies .uk-link, a:hover {color: #728245;}
  .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center;}

  /* footer */
  footer{background-color: #4c3a33;padding-bottom: 2vh !important;}
  footer h6{color: #fff;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
  .footer-logo {display: inline-block;width: 180px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}

  .footer-social{text-align: center;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;}
  .footer-social li a:hover{opacity: 0.7;}
  .footer-menu{float: right;}
  .footer-ul {right: 0; float: right; margin-left: 50px; margin-top: 0;}
  .footer-ul li a, .footer-ul li{text-align: left !important; float: left; text-decoration: none; color: white;font-size: 0.8rem;padding: 0;line-height: 1.8;list-style-type: none;}
  .footer-ul li a:hover{opacity: 0.7;}
  .footer-submenu{float: right;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: #190401;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: #190401;font-size: 0.8rem;padding: 0;}
  .copyright{float: left;font-size: 0.8rem;color: #190401;margin-top: 5px;}
  .autor{float: right; text-align: right;margin-top: 10px !important;}
  .autor p{float: right; text-align: right; color: #190401 !important;font-size: 0.7rem; margin-top: 10px !important;} 
  .autor a{color: #190401;font-weight: 700;margin-top: 10px !important;}

.reservar .header {background-image: url('../img/bg-home-02.jpg'); background-position: center; min-height: 50vh;}

/* Media queries */
@media only screen and (min-width: 1600px){

}

@media only screen and (min-width: 1200px){

}

@media only screen and (max-width: 1599px){ /* x-large */
    #map, .home .llegar .right {min-height: 70vh;}
}

@media only screen and (max-width: 1199px){ /* large */
    .section-text {padding: 10vh;}
    .header h1{font-size: 2.2rem;}
    .contacta-bottom .right .left {width: 100%; padding-top: 5vh; padding-bottom: 5vh; height: 480px;}
    .contacta-bottom .right .right {width: 100%;} 
    .actividades .aves .roj{min-height: 80vh;}
    #map {min-height: 60vh; height: 100%;}
    .home .llegar .right {min-height: 30vh; height: 100%; width: 100%; margin-right: 0;}
    .home .clientes .text {min-height: 60vh;}
    .home .clientes .img {min-height: 75vh;}
    .espacios .salon .right .img {min-height: 70vh;}
    .actividades .mapa_previo > div {
        display: flex;
        height: calc((100vw - 60px) * (444 / 1280));
    }
    .actividades .mapa_previo .img {
        height: 100%;
        display: block;
        width: 100%;
        min-height: 100%;
    }

}

@media (max-width: 1024px){ /* ipad */
    .actividades .caminatas .right .img {min-height: 60vh;}
    .home .cabanas .right .img {min-height: 75vh;}

}


@media (max-width: 959px){ /* medium */
    .section {padding:10vh;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .uk-navbar-nav>li>a{padding: 0 15px;}
    .uk-navbar-container{height: auto;background-color: white;}
    .uk-navbar-right{width: 100%;display: block; height: auto; margin-right: 2vh;}
    .uk-navbar-left{display: inline-block;}
    .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 30px 0vw 0 0vw; width: 100%; background-color: #4c3a33; z-index: 3;padding-left: 20px; margin-top: 90px;}
    .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
    .uk-navbar-nav li{width: calc(100% - 30px);text-align: left;}
    .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;}
    .uk-navbar-toggle{width: 80px;height: 90px;float: right;z-index: 4;position: relative;color: #4c3a33 !important;}
    .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
    .uk-navbar-toggle-icon{margin-right: 10px;}
    .header-search{margin-top: 0 !important;width: 100%;}
    .bm-waves span{display: block; z-index: 4;position: relative; width: 160px; margin-top: -5px;}
    .uk-navbar.uk-active .uk-navbar-toggle{color: #4c3a33   !important;}
    .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: white   ; text-transform: uppercase;font-size: 0.8rem; }
    .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #728245;}
    .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -36px -5px; position: absolute; top: 18px; left: 100px; background-size: 1000px 500px;}
    .cabanas .hab-container {margin-bottom: 0;}

 

         /* BUSCADOR */

        #buscador_reserva{margin-top: 0; height: 270px;}
        .b-book{flex: initial !important;width: 100%;height: 60px;border-right: 0;}
        .uk-form-div{flex: initial !important;width: 50%;max-width: none; height: 90px;margin-top: 0px !important;}
        .uk-form-div:nth-child(4){border:0;}
        .hab-value{border-left:0 !important; padding-top: 30px; }
        .b-voucher-input{border-left: 0; width: calc(100% - 1px); border-radius: 0; padding-bottom: 48px !important; border: 0px;}
        .date-ida  {height:90px; padding: 0px 0; border-bottom: 1px solid #2a2c37; height: 90px;}
        .b-title.hab-num { width: 100%; left: 0; height: 0px; padding-top: 0px;}
        span.b-title.hab-num { padding-top: 0px;}
        .b-datepicker {height: 90px;top: -90px;}
        .mis-reservas {height: 90px; width: 100%;}
        .hab-value {height:60px;    border-right: 1px solid #4c3a33;width: calc(100% - 1px);}
        .reservas {border-bottom:1px solid white; border-right: 0;height: 90px;}
        .mis-reservas {height: 90px;width: 100%;margin-top: 0;padding-top: 30px;border-right: 1px solid white;}
        .promo {width: 100% !important;border-top:1px solid white; margin-bottom: -10px; margin-left: 0px; border-left:0;border-top: 1px solid #2a2c37}
        .promo .b-voucher-input {height: 20px; padding-bottom: 0px !important;}
        .b-send {width: 100%; margin-top: 0px !important;}
        .date-vuelta { height: 90px;}
        .date-ida .day-ida {text-align:left;}
        .date-vuelta {border-right: 0;}
        .bm-waves span {margin: 0px;}


        /* MOMBIRI */
        .icon.white, .icon.green, .icon.yellow, .icon.brown, .icon.verde {display: none;}

        .header {width: 100%; left: 0;}
        .uk-navbar-left {margin-left: 25px !important;}
        #buscador_reserva {width: 100%; left: 0;}
        .home .arbol {margin-bottom: 0;}
        .home .cabanas .left {margin-left: 0; margin-right: 0; width: 100%;}
        .home .cabanas .right .img {margin-top: 0; padding-bottom: 0;}
        .home .actividades .fut {min-height: 30vh;}
        .home .actividades .text {margin-top: 0px;}
        .home .espacio .left  {-webkit-order:1; order:1; margin-right: 0;padding-top: 0; margin-top: 0; width: auto; margin-left: 0;}
        .actividades .section {padding: 10vh !important;}
        .home .llegar .right {width: auto; margin-right: 0;}
        .cabanas .left-con {margin-left: 0;}
        .cabanas .bg-hab-ind .right {width: 100%; margin-top: -5vh;}
        .cabanas .especificaciones {margin-left: -100px;}
        .cabanas .hab-ind {margin-bottom: 0;}
        .actividades .aves .text {margin-top: 0;}
        .actividades .aves .roj {min-height: 60vh;}
        .actividades .safari .img-3 {width: 100%; height: auto;}
        .actividades .caminatas .img.left, .actividades .caminatas .right .img {-webkit-order:-2; order:-2;}
        .actividades .caminatas .text { min-height: 30vh;-webkit-order:1; order:1; padding:10%;}
        .actividades .quincho .right {height: auto; -webkit-order: 1; order: 1;}
        .actividades .safari .left {order:1; -webkit-order:-1;}
        .espacios .parrilla .right {width: auto; margin-right: 0;}
        .espacios .comedor > div {flex-direction: column-reverse;}
        .espacios .comedor .right .img {margin-top: 0;}
        .espacios .comedor .left {width: auto; margin-left: 0;}
        .espacios .salon .left {width: auto; margin-left: 0;}
        .espacios .salon .right {-webkit-order:-1; order:-1;}
        .espacios .salon .right .img {margin-top: 0; height: auto; min-height: 30vh;padding-bottom: 0;-webkit-order:-2; order:-2;}
        .espacios .armados .left {margin-right: 0; margin-left: 0;}
        .actividades .safari {min-height: 62vh;height: 100%;}
        .actividades .safari .left-r .img {min-height: 30vh;}
        .actividades .quincho .left .img {min-height: 30vh;}
        .actividades .mapa .right {-webkit-order:-2; order:-2;}
        .home .llegar .right {min-height: auto;}
        .contacta-bottom {background-color: white;}
        .contacta-bottom .left {width: 100%; margin-left: 0; margin-bottom: 0vh;}
        .contacta-bottom .right {float: none;}
        .contacta-bottom .right .left {height: auto;padding-top: 9vh; padding-bottom: 9vh; width: 100%; }
        .contacta-bottom .right .right {height: auto; padding-top: 10vh;}
        .actividades .safari .text {-webkit-order: -1; order:-1;}
        .actividades .minigolf .text {min-height: auto;}
        .espacios .salon {margin-top: 0;}
        
        
        

        

 
}
@media (max-width: 767px){ /* medium-small */

    /* mombiri */
    .section {padding: 5vh !important;}
    .actividades .section {padding: 5vh !important;}
    footer .right {float: left !important;}
    .resort .intro {padding: 0;}

    .footer-ul { margin-left: 0px; display: block !important; width: 100%;}
    .cabanas .especificaciones {position: relative; margin-left: 0; width: 100%; min-height: 20vh;}
    .cabanas .especificaciones .coc, .cabanas .especificaciones .air, .cabanas .especificaciones .sat, .cabanas .especificaciones .hel, .cabanas .especificaciones .mic, .cabanas .especificaciones .par, .cabanas .especificaciones .wif {width: 25%; float: left; display: inline;}
    .cabanas .left-text {width: 100%;}
    .actividades .mapa .right {margin-top: 0;}
    
    .llegar .foto-texto {flex-direction: column;
    }
}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10% !important;}
    .section-text{padding: 10% !important;}
    .search-engine{padding: 10% !important;}
    .footer-menu, .footer-submenu{float: left;}
    footer h6{text-align: left;}
    .footer-menu li a, .footer-menu li{text-align: left;}

        /* mombiri */
        h1 {font-size: 1.6rem !important; text-align: center !important;}
        h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {text-align: center !important;}
        .villas .right-text, .villas .left-text {padding: 5vh;}
        .intro .left, .home .intro .left p {text-align: left !important;}
        .resort .intro .right p {margin-left: 0px;}
        .armas .intro {padding: 0;}
        .armas .esculturas .text {margin-top: 0px;}
        .home .armas .text {margin-top: 0px;}
        #buscador_reserva {width: 100%;}
        .resort .jardin .right-text h3 {padding:0px;}
        .resort .calidad .img {min-height: 100vh; height: 100%;}
        .resort .calidad .trans {top: 0;}
        .actividades .aves .roj {min-height: 50vh; background-position: center top;}
        .cabanas .especificaciones {min-height: 320px;}
        .cabanas .especificaciones .coc, .cabanas .especificaciones .air, .cabanas .especificaciones .sat, .cabanas .especificaciones .hel, .cabanas .especificaciones .mic, .cabanas .especificaciones .par, .cabanas .especificaciones .wif {width: 50%;}
        .home .owl-prev {bottom:20px; right:50px}
        .home .owl-next {bottom:20px; right:20px}
        .espacios .servicios .aire p, .espacios .servicios .tv p, .espacios .servicios .digital p, .espacios .servicios .proyector p , .espacios .servicios .impresora p,  .espacios .servicios .wifi p {padding: 20px 0;}
        
    
}
@media (max-width: 459px){ /* x-small */
    h1, h2, h3, h4, h5, h6 {letter-spacing: 0px !important;}
    h2 {font-size: 1.6rem;}
    
    /* mombiri */
    #facebook {max-width: 200px !important;}
    .uk-form-div {width: 100%;}

        /* buscador */
        .uk-form-div {width: 50%;}
        /*.b-send {width: 100%;}*/

}