/* Developed entirely by staycreative.es */

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}

/* Generals */
html, body{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #333;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased; }
p{font-family: 'Source Sans Pro', sans-serif;color: #4d4d4d;text-align: left; font-weight: 400;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif;color: #4d4d4d;font-weight: 700; line-height: 1;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family:'Source Sans Pro', sans-serif; font-weight: 400; font-size: 80%; line-height: 1;}
h3 {font-size: 2.2rem;}
li  {list-style-type: none !important;}
.uk-link:hover, a:hover {color: white !important;}
.uk-link:hover {color: white !important;}
.uk-link, a {color: white !important;}
ol, ul {padding-left: 0 !important;}



:focus {outline: none;}
/* Buttons */
.uk-button{border-radius: 0 !important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; padding: 1rem 2rem; border:0;line-height: 1.5; text-transform: lowercase;font-size: 1.5rem;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 !important;}
.uk-button-default{background-color: transparent; color: white; border:0; font-size: 1.2rem;  padding: 0 5px 10px; border-bottom:1px solid transparent;font-weight: 700;}
.uk-button-default:focus, .uk-button-default:hover {color: white; border-bottom: 1px solid white; -webkit-transition: ease-in-out, all .35s ease-in-out; transition: ease-in-out, all .35s ease-in-out;}
.uk-button-primary{background-color: transparent; color: #4d4d4d !important; border:0; font-size: 1.2rem;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; padding: 0 5px 10px; border-bottom: 1px solid transparent;}
.uk-button-primary:focus, .uk-button-primary:hover {background-color: transparent; color: #4d4d4d !important; border-bottom: 1px solid #4d4d4d !important;}
.uk-button-secondary{background-color: transparent;color: white;border:1px solid white;}
.uk-button-secondary:hover{background-color: white;color: #513d35;border:1px solid white;}

/* 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 input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #eee;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #444;}
.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 #4d4d4d;}
.form select{padding-right: 30px;font-size: 0.8rem;}
.form textarea{margin-bottom: 20px;padding: 20px;}
.form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder , .form input:-ms-input-placeholder {color: white;font-size: 0.8rem;}
.form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder , .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder {color: white;font-size: 0.8rem;}
.form small{color: white;float: left;margin-bottom: 10px;}
.form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
.form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
.form .g-recaptcha{float: left;}
.form .uk-button{border-radius: 0;margin: 10px;float: right;}

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

    /* danger */
    .uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
    .uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
    .uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
    .uk-notification-message.uk-notification-message-primary .uk-close{color: white;}


/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(57,72,53,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-light{background-color: rgba(57,72,53,0.3);position: absolute;top: 0;left:0;width: 100%;height: 75vh;z-index: 1;}
.overlay-dark{background-color: rgba(105,107,70,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding: 10vh;}
.section-reserva{padding: 5vh;}
.no-padding{padding: 0 !important;}
.p-0{padding: 0 !important;}
.pl-0 {padding-left: 0 !important}
.mt-50{margin-top: 50px !important;}
.mt-0{margin-top: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mb-20{margin-bottom:  20px !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;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.grey-bg{background-color: #f8f8f8;}
.dark-bg{background-color: #513d35;}
.light-bg{background-color: #4d4d4d;}
.dark-bg-2{background-color: #00609C;}
.dark-bg-3{background-color: #94bed3;}
.visible-flex{display: flex !important;}

/* Icons */
.icon{background-image: url('../img/sonpol-sprite.svg');display: inline-block; background-size: 300px;}
.icon.fl{width: 30px;height: 31px;background-position: -190px 13px; margin-left: 10px;}
.icon.fn{width: 30px;height: 31px;background-position: -210px 13px; margin-left: 10px;}
.icon.fd{width: 30px;height: 31px;background-position: -164px 13px; margin-left: 10px;}
.icon.fb{width: 20px;height: 20px;background-position: -110px 0px;}
.icon.ta{width: 20px;height: 20px;background-position: -90px 0px;}
.icon.fb-c{width: 30px;height: 30px;background-position: -228px 0px;}
.icon.ta-c{width: 30px;height: 30px;background-position: -258px 0px;}
.icon.ig{width: 30px;height: 30px;background-position: -31px -130px;}

/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 560px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #294951;display: inline-block;padding: 10px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}
#cookieMessage h3 {font-size: 1.6rem;}
#modal-cookies h4.uk-modal-title{font-size: 1rem;}
#modal-cookies .uk-link{color: #294951;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #294951 !important;}
#modal-cookies .uk-checkbox:checked{background-color: #294951;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}

#cookieMessage p a {color: #294951 !important; font-weight: 700;}
.uk-button-accept{font-size: 1rem; margin: 3px; background-color: #B99555; color: white !important; border: 1px solid #B99555; padding: 10px 20px !important;}
.uk-button-accept:hover{background-color: white; color: #B99555 !important; }
.uk-button-decline{font-size: 1rem; margin: 3px; background-color: #B99555; color: white !important; border: 1px solid #B99555; padding: 10px 20px !important;}
.uk-button-decline:hover{ background-color: white; color: #B99555 !important; border: 1px solid #B99555; }
.uk-button-decline-all{ font-size: 1rem; margin: 3px; background-color: #B99555; color: white !important; border: 1px solid #B99555; padding: 10px 20px !important;}
.uk-button-decline-all:hover{background-color: white; color: #B99555 !important; }

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #B99555;top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 50px);left: calc(50vw - 50px);width: 100px;height: 100px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
    @-webkit-keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
    @keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }


    .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 60vh;  margin-top: -96px; z-index: 1;}
    .page .header{height: 100vh;}
    .header h1 {position: absolute; color: white; margin: 25vh auto 40px !important; text-align: center; z-index: 2; font-family: 'Source Sans Pro'; font-size: 2.5rem; width: calc(100% - 20%) !important; padding: 0 10%; top: 0; text-transform: lowercase;}
    .header h1 span{display: block; font-size: 60%; margin-top: 20px; font-style: normal; margin: 0 auto;}
    .header-logo{position: absolute;z-index: 6;background-image: url(../img/logo-header.svg);display: inline-block;background-repeat: no-repeat;background-size: contain;width:100px ;max-width: 300px;height: 50px;background-position: left; margin: 10px auto 20px 20px;}
    .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-header.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}
    .menu-bg{height: 90px;background-color: #929084;margin-top: -90px;}
    .page-intro h1{text-align: left;color: black;font-weight: 700;margin-bottom: 0;}
    .page-intro h1:after{display: none;}
    .page-intro p{text-align: left;margin: 20px 0;}
    .home-intro{position: relative;text-align: center;}
    .home-intro h1{display: block;color: #4d4d4d;font-weight: 300;text-align: center;}
    .home-intro h1 b{font-weight: 700;font-size: 120%;}
    .home-intro h1 span{display: block;font-family: 'Source Sans Pro';font-weight: 300;font-style: normal;font-size: 80%;}
    .home-intro h1:after{content: "";width: 90px;height: 5px;background-color: #4d4d4d;display: block;margin: 20px auto;}
    .home-intro p{max-width: 680px;margin: 20px auto;text-align: center;}

    /* menu */
    .uk-navbar-container.uk-navbar{height: 70px;z-index:3;background-color: transparent;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 0;}
    .uk-navbar-container.uk-navbar.uk-active .header-logo{display: none;}
    .uk-navbar-nav{margin-right: 10px;}
    .uk-navbar-nav>li>a{color: white; font-size: 1rem;}
    .uk-navbar-nav>li>a{height: 90px;font-family: 'Source Sans Pro';font-weight: 400;text-transform: lowercase;}
    .uk-navbar-nav>li>a:hover{color: #B99555 !important;}
    .uk-navbar-nav>li.uk-active>a {color: #B99555; font-weight: 700;}
    .uk-navbar-nav>li.uk-active>a{}
    .uk-navbar-dropdown-nav>li>a{color: #513d35 !important;font-family: 'Source Sans Pro';text-transform: lowercase;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #BF9958 !important;}
    .has-dropdown{position: relative;}
    .has-dropdown:after{content: "";display: inline-block;width: 6px;height: 4px;background-image: url('../img/sonpol-sprite.svg');background-position: -38px 0px;position: absolute;top: 45px;right: 2px;background-size: 300px 500px;}
    .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-color: #B99555;background-image: url('../img/logo-header.svg');background-size: 60%;background-repeat: no-repeat;background-position: center;}
    #book-now-button{background-color: #513d35;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;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #B99555 !important;}
    .uk-navbar-nav>li.uk-active>a:active{color: #333;}
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}

    /* Carousel */
    .owl-carousel .owl-stage-outer {height: 60vh; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}

    /* Buscador */
    .buscador-container {height: 70px; background-color: white; opacity: 0.9; width: 100vw; position: absolute; bottom: 0px;z-index: 1;}
    .buscador-container.uk-active{background-color: white;}
    .buscador {max-width: 750px; text-align: center; margin: 0 auto;background-color: white;  }
    #buscador_reserva {height: 70px; }
    #habitaciones .selected {font-size: 3rem !important;}

    /* form */
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #eee;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #444;}
    .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 #4d4d4d;}
    .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .form textarea{margin-bottom: 20px;padding: 20px;}
    .form input::-webkit-input-placeholder , .form input:-moz-placeholder , .form input::-moz-placeholder, .form input:-ms-input-placeholder {color: #444;font-size: 0.8rem;}
    .form textarea::-webkit-input-placeholder , .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder {color: #444;font-size: 0.8rem;}
    .form small{color: #444;float: left;margin-bottom: 10px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
    .form .g-recaptcha{float: left;}
    .form .uk-button{border-radius: 0;margin: 10px;float: right;}

        /* datepicker skin */
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight: 700 !important; color: #b99555 !important;}
        .ui-widget {background: #394835;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
        .ui-datepicker {padding: 0;}
        .ui-datepicker-header {border: none;background: transparent;font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;}
        .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: #b99555;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #b99555;}
        .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: #efefef !important;font-size: 12px;border:0 !important;text-align: center !important;}
        td .ui-state-active,td .ui-state-hover {background: #1b7fb0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

    .hs-container{position: relative;height: calc(100% - 140px);overflow-y: auto;padding: 40px;}
    .hs-container h4{color: white;}
    .hs-container span{padding: 20px; border-top: 1px solid #cdeffe;display: block;color: white;font-family: 'roboto';font-weight: 700;text-transform: uppercase;font-size: 0.9rem;}
    .hs-container span a{color:white;text-decoration: none;}
    .hs-container span a:hover{text-decoration: underline;}
    .uk-form-div{position: relative;padding: 0 !important;height: 70px;}
    .uk-form-div:child {border-right: 1px solid #B99555;}
    .b-datepicker{height: 80px; border: 0; padding: 0; width: 100%; text-align: center; position: absolute; top: 0; left: 0; background-color: transparent; color: transparent; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
    .day-ida-container input, .day-vuelta-container input{margin: 0px;width: 100%; border-right: 1px solid #B99555; height: 60px; margin-top: 5px; cursor: pointer; border-radius: 0 !important;}
    .date-ida, .date-vuelta{text-align: center;padding: 0; height: 70px;}
    .date-ida .day-ida, .date-vuelta .day-vuelta{font-weight: 400;color: #444;font-size: 2rem;text-align: center; display: block;    height: 40px;    margin-top: -5px;}
    .date-ida .month-ida, .date-vuelta .month-vuelta{font-size: 0.8rem; text-transform: lowercase; color: #444; position: absolute; top: -6px;}
    .month-ida, .month-vuelta {position: relative !important; top: -6px !important;}
    #buscador_reserva h4 {color: #b99555; margin-bottom: 0; font-size: 0.8rem;margin-top: 4px;}
    .b-title{text-align: center; display: block; position: absolute; bottom: 40px; width: 100%; font-size: 0.8rem; color: white; margin-left: 20px;}
    .uk-form-div .uk-inline{width: 100%;}
    .select-habs{padding-top: 14px !important; z-index: 3; padding: 0 20px !important;position: relative; cursor: pointer;}
    .select-habs-span{text-align: center;padding: 0; margin-top: 7px;}
    .select-habs-span-num{font-weight: 400;color: #444;font-size: 2rem;text-align: center; display: block;height: 40px;
    margin-top: -5px;}
    #habitaciones{height: 80px;width: 100%;position: absolute;left: 0;margin-top: 0;top: 0;opacity: 0; cursor: pointer;}
    .hab-value{ font-weight: 400;color: #444; text-align: center; width: 100%;cursor: pointer; margin: 10px;height: 40px;padding: 9px 10px 11px;font-size: 2rem; margin-top: -10px;}
    .hab-value:before {}
    .b-beds select.uk-select{border: 0;background: transparent; width: 100%; text-align: center; color: #444; font-weight: 700; padding-left: calc(100% - 120px) !important;font-size: 1rem; z-index: 1; position: relative; margin-right: 20px!important; margin-top: 15px!important;}
    .b-voucher-input{color: #fff;text-align: left;border:0;font-size: 1rem;width: 100%;cursor: pointer; background-color: transparent;margin-left: 10px;height: 35px;}
    .b-title.cod-promo {bottom: 40px !important; text-align: center; margin: 0 auto; color: #294951; background-size: 1000px;}
    .b-title.cod-promo:before {content: ""; width: 15px; height: 15px; background-image: url("../img/sonpol-sprite.svg"); background-position: -170px -45px; display: block; text-align: center; margin: 0 auto; background-size: 1000px;}
    .b-title.hab-num {bottom: 40px !important; text-align: center; margin: 0 auto;}
    .b-voucher-input::-webkit-input-placeholder, .b-voucher-input:-moz-placeholder,.b-voucher-input::-moz-placeholder .b-voucher-input:-ms-input-placeholder {color: #fff;}
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{height: 70px; text-align: center; float: right !important; position: relative; background-color: #b99555; color: white !important; opacity: 1 !important; padding: 5px;}
    .b-send:hover {background-color: #2C352A; -webkit-transition: ease-in-out, all .35s ease-in-out; transition: ease-in-out, all .35s ease-in-out; color: #D1A13B !important; border:0;}
    .b-more-beds {padding-top: 40px;}
    .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: 10px 20px;}
    .b-more-beds select.uk-select{float: right;height: 35px !important;border: 0;background: transparent;width: 100%;text-align: right;color: #444;font-weight: 700;padding-left: calc(100% - 35px) !important;font-size: 0.8rem;z-index: 1;position: relative;}
    .b-book span{cursor: pointer;display: inline-block;float: right;border: 1px solid white;margin-right: 10px;padding: 5px 10px;color: white;}
    .b-book span:hover{text-decoration: underline;}
    .b-title.text-vuelta { bottom: 40px; text-align: center;}

    /* index */
    .home .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 60vh; height: auto;}
    .hs-slide {min-height: 60vh;background-size: cover;background-position: center;}
    .h1-home {position: relative; z-index: 2; max-width: 950px; margin: 0 auto; text-align: center; top: 24vh;}
    .h1-page h1 {color:white;}
    .home-slider{margin-top: -96px;}
    .h-vistas:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -0px -90px; background-size: 300px;}
    .h-servicios:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -90px -90px; background-size: 300px;}
    .h-ubicacion:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -180px -90px; background-size: 300px;}
    .h-y { background-color: #B99555; width: 100vw; padding-top: 5vh; height: auto;}
    .h-y-b {background-color: transparent; border: 20px solid white; min-height: 50vh;  max-width: 1000px; width: auto;  background-image: url(../img/bg-home-5.png); background-position: center; margin: 0 auto 5vh auto; height: auto; background-size: cover;}
    .h-y-l {font-size: 12rem; color: white; opacity: 0.6; position: relative; z-index: 0; font-weight: 900;}
    .h-y-r{position: relative;z-index: 1;}
    .h-y-l p, .h-y-l h3, .h-y-r h3, .h-y-r p {color: white;}
    .h-y-r-b {height: 5vh; border-left: 20px solid white; position: relative;margin-left: 65vw;margin-top: -5vh;}
    .h-h {min-height: 60vh; margin-top: 2vh;}
    .h-h h3, .h-h h3 span {color: #B99555;}
    .h-h-r {background-image: url(../img/bg-home-2.jpg); background-size: cover; background-position: center; min-height: 60vh; }
    .h-m-l {background-image: url(../img/bg-home-3.jpg); background-size: cover; background-position: center; min-height: 60vh; }
    .h-a {background-image: url(../img/bg-home-4.jpg); background-size: cover; background-position: center; min-height: 60vh; margin-top: 2vh; position: relative; }
    .h-a-c {position: relative; z-index: 2; width: 90%;}
    .h-a p, .h-a h3 {color: white; text-align: center; }

    /* casa */
    .casa .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 60vh;   z-index: 1; background-image: url(../img/bg-casa-1.jpg);}
    .h1-casa h1 {color:white; text-align: center; padding-top: 25vh;}
    .casa-intro {min-height: 50vh; background-color: #B99555; width: 100vw; height: auto; background-image: url(../img/textura-sprite.jpg); background-position: center;}
    .casa-intro h3 {color: white; text-align: center; margin: 0 auto;}
    .casa-intro p {color: white; text-align: center; margin-top: 30px!important;}
    .casa-img {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh;     margin-top: -96px; background-image: url(../img/bg-casa-2.jpg);}
    .c-d {min-height: 60vh; margin-top: 2vh;}
    .c-d h3, .h-h h3 span {color: #B99555;}
    .c-d-r {background-image: url(../img/bg-casa-3.jpg); background-size: cover; background-position: center; min-height: 60vh; }
    .c-j-l {background-image: url(../img/bg-casa-4.jpg); background-size: cover; background-position: center; min-height: 60vh; margin-bottom: 2vh !important;}
    .c-a {background-image: url(../img/bg-home-4.jpg); background-size: cover; background-position: center; min-height: 60vh; margin-top: 2vh; position: relative; }
    .rango-preus {border-bottom: 1px solid #B99555; padding-top: 20px; }
    .rango-preus:first-child {padding-top: 0px; }
    .precios h3 {color: #B99555; border-bottom: 3px solid #B99555; padding-bottom: 20px; margin-bottom: 0px;}
    .precios h3 span {color: #B99555; font-weight: 400 !important;}
    .precios p {color: #4d4d4d; margin-bottom: -10px;}
    .precios h5 {color: #4d4d4d; margin-top: 10px;}


        .cal_mesos{display: inline-block;margin: 10px;}
        .cal_mesos.ocultar, .cal_mesos.ocultar_todo { display: none; }
        #calendar{margin-bottom: 40px;}
        #calendar .busy-date{position: relative;display: block;text-align: right;margin-right: 10px;font-size: 0.8rem;}
        #calendar .busy-date:before{display: inline-block;content: ""; width: 10px;height: 10px;background-color: #B99555;}
        #calendar .uk-button{margin-right: 10px;}

        .calendari table{border:0;width:100%;margin-left: auto; margin-right: auto; margin-bottom: 0;}
        .calendari table tbody{border: 0;}
        .calendari table tbody tr:nth-child(even){background-color: transparent;}
        .cal_mesos{width: calc(25% - 20px);margin:10px;float:left;font-size:12px;font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;min-height: 305px;}
        .cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff;font-weight: 700;text-transform: uppercase;background-color: #B99555;}
        .cal_dies{border-spacing: 0;}
        .cal_setmana{background-color: #e6e6e6;margin-bottom: 1px;}
        .cal_td{height:auto;width:14.2857%;text-align:center;font-family:"Source Sans Pro"; font-weight: 700;padding: 8px 0;border-bottom: 1px solid white;}
        .cal_td_num{width:14.2857%;height:18px;text-align:center;padding:8px 0;position: relative;border: 1px solid white;border-left: 0;border-right: 0;z-index: 1;}
        .cal_td_num.busy{color: #4d4d4d; font-weight: 700;}
        .cal_td_num.busy.incoming{color: #4d4d4d; font-weight: 700;}
        .cal_td_num.outcoming{color: #4d4d4d; font-weight: 700;}
        .cal_td_num.outcoming.incoming{color: #4d4d4d; font-weight: 700;}

        .cal_td_num.busy:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%; background-image: url('../img/calendar-icon-1.png');background-size: 100%; z-index: -1;}
        .cal_td_num.busy.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-2.png');background-size: 100% 100%; z-index: -1;}
        .cal_td_num.outcoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-3.png');background-size: 100% 100%; z-index: -1;}
        .cal_td_num.outcoming.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-4.png');background-size: 100% 100%; z-index: -1;}

        
    /* habitacion */
    .habitacion {position: relative;}
    .habitacion .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-habitaciones-1.jpg);}
    .h1-hab h1 {color:white; text-align: center; padding-top: 25vh;}
    .hab-intro {min-height: 50vh; width: 100vw; height: auto;}
    .hab-intro h3 {color: #B99555; text-align: center; margin: 0 auto;}
    .hab-intro p {text-align: center; margin: 0 auto; margin-top: 30px!important;}
    .hab-ser {width: 100vw; height: auto; background-color: #696B46; color: white;}
    .hab-ser h4, .hab-ser p {color: white; text-align: center;}
    .hab-s-p:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -0px -180px; background-size: 300px;}
    .hab-s-b:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -90px -180px; background-size: 300px;}
    .hab-s-h:before{content:""; display: block; position: relative;width: 90px;height: 90px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -180px -180px; background-size: 300px;}
    .hab-img {margin-top: 2vh; }
    .hab-img-1 {background-image: url(../img/bg-habitaciones-2.jpg); background-size: cover; background-position: center; min-height: 40vh; position: relative; border-right: 2vh solid white;}
    .hab-img-2 {background-image: url(../img/bg-habitaciones-3.jpg); background-size: cover; background-position: center; min-height: 40vh; position: relative; margin-bottom: 2vh;}
    .hab-img-3 {background-image: url(../img/bg-habitaciones-4.jpg); background-size: cover; background-position: center; min-height: 40vh; position: relative; margin-top: 2vh;}
    .hab-img-4 {background-image: url(../img/bg-habitaciones-5.jpg); background-size: cover; background-position: center; min-height: 60vh; position: relative; margin-top: 2vh !important; margin-bottom: 2vh;}

    /* holly pocket */
    #slider{position: relative;}
    #hab-gallery a{display: none;}
    #hab-gallery a:first-child{display: block;position: absolute;width: 100%;height: 100%;z-index: 1;}

    

    /* entorno */
    .entorno .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-entorno-1.jpg);}
    .h1-ent h1 {color:white; text-align: center; padding-top: 25vh;}
    .ent-intro {min-height: 50vh; width: 100vw; height: auto;}
    .ent-intro h3 {color: #B99555; text-align: center; margin: 0 auto;}
    .ent-intro p {text-align: center; margin: 0 auto;margin-top: 30px!important;}
    .ent-img {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh;     margin-top: -96px; background-image: url(../img/bg-entorno-2.jpg);}
    .ent-rut {min-height: 60vh; margin-top: 2vh;}
    .ent-rut h3, .ent-rut h3 span {color: #B99555;}
    .ent-rut-r {background-image: url(../img/bg-entorno-3.jpg); background-size: cover; background-position: center; min-height: 60vh; margin-top: 2vh !important; margin-bottom: 2vh !important; }

    /* actividades */
    .actividades .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-actividades-1.jpg);}
    .h1-act h1 {color:white; text-align: center; padding-top: 25vh;}
    .act-intro {min-height: 50vh; width: 100vw; height: auto;}
    .act-intro h3 {color: #B99555; text-align: center; margin: 0 auto;}
    .act-intro p {text-align: center; margin: 0 auto;margin-top: 30px!important;}
    .act-img {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh;     margin-top: -96px; background-image: url(../img/bg-actividades-2.jpg);}
    .act-wild {min-height: 45vh; }
    .act-wild-con {margin: 0 auto !important;}
    .act-wild h3, .act-wild h3 span {color: #B99555;}
    .act-wild-l {background-image: url(../img/wild-logo.jpg); background-position: center; background-repeat: no-repeat; height: 100px;}
    .act-var {position: relative;}
    .act-var h3 {text-align: center; color: white; z-index: 3; position: relative; margin-top: 28vh; font-size: 3rem;}
    .act-var-l {min-height: 40vh; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;  height: 60vh; z-index: 0; background-image: url(../img/bg-actividades-3.jpg);}
    .act-var-c {min-height: 40vh; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; height: 60vh; z-index: 0; background-image: url(../img/bg-actividades-4.jpg);}
    .act-var-r {min-height: 40vh; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; height: 60vh; z-index: 0; background-image: url(../img/bg-actividades-5.jpg);}

    /* galeria */
    .galeria .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-galeria-1.jpg);}
    .h1-gal h1 {color:white; text-align: center; padding-top: 25vh;}
    .gallery-item{border:5px solid white;}
    .gallery-thumb-img {background-image: url(../img/bg-gallery-1.jpg); height: 30vh; margin: 20px;}

    .gallery-item{border:5px solid white; background-size: cover;background-position: center;}
    .gallery .header {background-image: url('../img/bg-gallery-1.jpg');min-height: calc(80vh - 90px); margin-left:-30px;  background-repeat: no-repeat; background-size: cover;}
    .gallery-thumb-img {background-image: url(../img/bg-gallery-1.jpg); height: 30vh; margin: 20px;}


    /* contacta */
    .contacta .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-contacto-1.jpg);}
    .h1-con h1 {color:white; text-align: center; padding-top: 25vh;}
    .con-lef {min-height: 50vh; background-color: #B99555; height: auto; background-image: url(../img/textura-sprite.jpg); background-position: center; background-size: cover;}
    .contacta-tel h4, .contacta-mail h4, .contacta-dir h4, .contacta-social h4 {color: #B99555; margin-top: 20px;}
    .contacta-tel, .contacta-mail , .contacta-dir  {width: 100%;}
    .contacta-tel a {color: #333 !important; display: block; margin-top: -10px;  margin-left: 0px;}
    .contacta-mail a {color: #333 !important; display: block; margin-top: -20px;}
    .contacta-dir p {color: #333 !important; display: block; margin-top: -20px;}
    .contacta-mail a {color: #333 !important; display: block;}
    .contacta-dir {color: #333 !important; display: block;}
    .contacta .icon .fb {color: #333;}
    .contacta .icon .ta {color: #333;}
    .uk-input, .uk-textarea {background-color: transparent !important; color: #444 !important; border:0; border-bottom: 1px solid #eee; margin-top: 40px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
    .uk-select {background-color: transparent !important; color: #444 !important; border:0;  margin-top: 40px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
    .uk-input:active, .uk-select:active, .uk-textarea:active, .uk-input:focus, .uk-textarea:focus {border-bottom: 1px solid #444 !important;}
    .uk-select:focus {border: 0!important;}
    .uk-input::-webkit-input-placeholder, .uk-select::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder {color: #444!important;}
    #reservar-step{display: inline-block;cursor: pointer;    padding: 0 5px 10px;}
    .pi-child{text-transform: uppercase;margin-bottom: 10px;}
    .contacto-intro ul.uk-list{margin-top: 0;}
    .contacto-intro ul.uk-list a{color: #333;}
    .contacto-intro ul.uk-list a:hover{text-decoration: underline;}
    .contacta .uk-input .con-form::-webkit-input-placeholder {color: #eee !important;}
    .contacta .uk-textarea .con-form::-webkit-input-placeholder {color: #eee !important;}
    .contacta .uk-input:active, .contacta .uk-select:active, .contacta .uk-textarea:active, .contacta .uk-input:focus, .contacta .uk-textarea:focus {border-bottom: 1px solid #2C352B !important;}
    .contacta .uk-input::-webkit-input-placeholder, .contacta .uk-select::-webkit-input-placeholder, .contacta .uk-textarea::-webkit-input-placeholder{color: #eee !important;}
    .con-dir {padding: 10vh 5vh !important;}
    .g-recaptcha{display: block;float: left;}
    .contacta small {color: white;}
    

    /* reserva */
    .reserva .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-reserva-1.jpg);}
    .intro-reserva {margin: 0px; padding:0;}
    .reserva h3 {margin-top: 50px;}
    .buscador-reserva {margin: 0 auto !important;}
    .buscador-reserva h3 {color: white;}
    .buscador-reserva p {color: white;}
    .reserva-left {min-height: 50vh; background-color: #B99555; height: auto; background-image: url(../img/textura-sprite.jpg); background-position: center;  background-size: cover; }
    .reserva #buscador_reserva h4 {color: #30373F; text-align: center;}
    .reserva .day-vuelta-container, .reserva .day-ida-container { border: 3px solid white; margin-right: 5px !important;height: 110px;}
    .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container { width: 30%;}
    .reserva .select-habs {top:0;}
    .reserva .select-habs h4 {margin-top: 14px;}

    .form-reserva {color: #30373F !important; border-bottom: 1px solid #30373F !important;}
    .form-reserva:active {border-bottom: 3px solid #30373F !important;}
    .form-reserva::-webkit-input-placeholder {color: #30373F !important;}
    #formContacto desde la web de Andreu Moragues_reserva .uk-width-1-2\@m {float: left; padding: 10px;}
    #form_reserva textarea {padding: 20px;}
    .reserva .uk-button-primary {margin-top: 60px !important; margin-bottom: 100px !important;font-weight: 700;}
    .buscador-casilla {border: 3px solid white; padding: 20px !important; text-align: center;margin-right: 10px!important; margin-top: 10px !important;}
    .buscador-casilla h3 {color: #30373F; text-align: center; margin: 10px 0 0 0 !important; padding: 0px !important; }
    .buscador-casilla p {color: #30373F; text-align: center; padding: 0px; margin: 0px !important;}
    .reserva footer{margin-top: 0 !important;}
    #form_reserva .uk-width-1-2\@m { width: calc(50% - 20px); float: left; margin: 0 10px;}
    .reserva .form a {color: #30373F !important;}

    /* mapa */
    #map-container{width: 100%;}
    #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}

    /* contacte */
    


    /* cookies i aviso legal */
    .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}
    .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center 20%;}
    span.link, span.link {color: #4d4d4d !important; font-weight: 600;}
    span.link:hover, span.link:hover{color: #4d4d4d !important; opacity: 0.7;}
    .legal .section.uk-container.uk-container-medium ul li a {color: #071209 !important;}
    .cookies .section.uk-container.uk-container-medium ul li a {color: #071209 !important;}
    .legal .section.uk-container.uk-container-medium h3 {font-size: 1.6rem;}

    /* footer */
    footer{background-color: #2C352A;padding-bottom: 2vh !important;width: calc(100% - 20vh);}
    footer h6 a{text-transform: uppercase;color: #4d4d4d;font-weight: 300;margin-bottom: 10px;display: block;}
    footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
    .section-footer{padding: 7vh 10vh 2vh !important}
    .footer-logo {display: inline-block;}
    .footer-logo img{width: 100%;}
    .footer-social{width: 100px;float: left;}
    .footer-social li{display: inline-block;}
    .footer-social li a:hover{opacity: 0.7;}
    footer h6{color: white;font-size: 0.9rem;padding: 0;font-family: 'Source Sans Pro';font-weight: 700;text-transform: uppercase;margin-bottom: 0;text-align: right;}
    .footer-menu{float: left; margin-top: 3px;}
    .footer-ul li a, .footer-ul li{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: white;display: inline-block;margin: 0 5px 0 10px;}
    .footer-submenu li:last-child:after{display: none;}
    .footer-submenu li a{color: white;font-size: 0.8rem;padding: 0;}
    .copyright{float: left;font-size: 0.8rem;color: white;}
    .autor{float: right;color: #071209;font-size: 0.7rem; }
    .autor a{color: #071209 !important; font-weight: 700;}
    .social {margin-top: 40px;}
    .email {display: inline-block; color: white; float: left;}
    .email a {display: inline-block; color: white; margin-left: 10px; top: -10px !important; position: relative;}
    .email li:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -1px -66px; background-size: 300px; margin-left: -7px;} 
    .tel {display: inline-block; color: white; float: left; margin-top: -30px;}
    .tel a {display: inline-block; color: white; margin-left: 10px; top: -10px !important; position: relative;}
    .tel li:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -19px -66px; background-size: 300px; margin-left: -7px; top: 0px;} 
    .dir {display: inline-block; color: white; float: left;}
    .dir ul li {list-style: none; text-decoration: none;}
    .dir ul li a {list-style: none; text-decoration: none;}
    .dir li:first-child:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/sonpol-sprite.svg'); background-position: -39px -66px; background-size: 300px; margin-left: -19px; top: 10px; margin-top: -10px; margin-right: 5px; margin-left: -25px;} 

    /* Media queries */
    @media only screen and (min-width: 1600px){
      .home-highlights{padding-top: 20vh;}
  }

  @media only screen and (min-width: 1200px){
      .home-highlights{padding-top: 15vh;}
  }

  @media only screen and (max-width: 1599px){ /* x-large */
    .buscador-casilla { width:100%; margin-top: 10px !important;}
}

@media only screen and (max-width: 1199px){ /* large */
    .h-y {padding: 5vh 5vh 0;width: calc(100vw - 10%);}
    .hab-img-1 {border-bottom: 2vh solid white; border-right: 0px; }
    .ht-info {padding-left: 3vh;padding-right: 3vh;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .header-title-bar.is-stuck .menu-container{width: calc(100% - 250px);}
    #book-now-button a {color: white;font-size: 0.9rem;padding: 1rem 2rem;}
    .uk-navbar-nav>li>a{padding: 0 12px;}

    .hs-ind h4{margin-top: calc(20vh - 111px);}
    .hs-ind-large h4{margin-top: calc(40vh - 76px);}

    .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container {width: 100% !important; display: block; margin-top: 10px !important;}
    .c-j-l {-webkit-order: 1;}
    .h-h-r {-webkit-order: -1; }

}


@media (max-width: 959px){ /* medium */
  .section {padding: 5vh;}  
  .section-footer{padding: 10% !important;}
  .header h1{font-size: 2.5rem;}
  .uk-navbar-toggle{width: 120px;height: 70px; float: right; color:#B99555 !important;}
  .uk-navbar-toggle:hover {color:#B99555 !important; }
  .uk-navbar-toggle-icon{margin-right: 10px;}
  .header-logo {display: none;}
  .bm-waves span{display: block;}
  .uk-navbar-container{height: auto;background-color: white !important;}
  .uk-navbar-right{width: 100%;display: block; height: auto;}
  .uk-navbar-left{display: inline-block; opacity: 1 !important;}
  .uk-navbar-nav#main-menu{display: none;width: 20%;float: right; background-color: #2C352A;; height: calc(100vh - 70px);width: 100%;position: absolute;top: 70px;left: 0px;margin-left: 0; color: white; text-align: right;}
  .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;}
  .uk-navbar-nav li{width: 100%;text-align: left;font-size: 1rem;}
  .uk-navbar-nav li a{display: block; height: auto;padding: 20px 12px; color: #B99555 !important;}
  .uk-navbar-nav li a:active{color: #444;}
  .uk-navbar-nav li a:hover{color: #444;}
  .header-search{margin-top: 150 !important;width: 100%; position: relative; z-index: 4;}
  .uk-navbar-container.uk-active{background-color: #f8f8f8;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #B99555;}
  .uk-navbar-nav>li.uk-active>a:active{color: #333;}
  .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}
  .uk-nav-parent-icon>.uk-parent>a::after{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23B99555%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}
  .uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23B99555%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}


  /* son pol */
  .email {margin-left: 0px !important; padding-left: 0px !important; margin-top: 10px;}
  .footer-menu {margin-top: 40px;}
  .tel { padding:0px;} 
  .dir { margin-top: -20px; margin-left: 20px;}
  .con-dir {-webkit-order: -1 !important;padding: 10vh !important;}
  .footer-info {margin-left: -20px;}
  .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container {width: 31% !important; }
  .buscador-casilla {border: 3px solid white; padding: 20px !important; text-align: center;margin-right: 10px!important; }
  .casa-intro h3, .hab-intro h3, .ent-intro h3 {margin-top: 50px !important; margin-bottom: 10px !important;}
  /*#form_reserva .uk-width-1-2\@m {width: calc(100% - 20px) !important;}*/
    .order-1 {-webkit-order: -1 !important;}

}

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

    .cal_mesos{width: calc(50% - 20px);}
}

@media only screen and (max-width: 639px){ /* small */
    
  .section-footer{padding: 10% !important;}
  .section-reserva {padding: 10% !important;}
  h3 {font-size: 1.8rem;}
  .header h1{font-size: 1.7rem; margin-top: 30vh !important;}
  .footer-menu, .footer-submenu, .footer-social{float: left;}
  footer h6{text-align: left;}
  .footer-logo img {width: 100% !important;}
  .footer-menu li a, .footer-menu li{text-align: left;}
  .autor  {float: left;}
  .autor a {float: right;}
  .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container {width: 100% !important; }
  /*.home .header, .casa .header {height: 70vh;}*/
  .h-y-l {font-size: 6rem;}
  .h-y-b{margin: 0 auto;}
  .h-y {padding: 5%;width: calc(100vw - 10%);}
  .b-send {width: 100%; }
  .header-search{margin: 0;}
  .buscador-container {height: 0px !important;}
  .day-ida-container, .day-vuelta-container {width: 33% !important; }
  .select-habs {width: 33% !important;padding: 0px !important; }
  .buscador-casilla {border: 3px solid white; padding: 20px !important; text-align: center;margin-right: 10px!important; width: 100%;}
  .reserva-left {min-height: 70vh;}
  .h-y-r-b {display: none;}
  .home-intro, .hab-intro, .ent-intro, .act-intro, .con-intro { margin-top: 160px !important;}
  .gal-intro {margin-top: 160px !important;}
  .casa-intro {padding-top: 150px;} 
  .owl-carousel .owl-item .active {height: 100vh;}
  .casa-intro h3, .hab-intro h3, .ent-intro h3 {margin-top: 20px !important; margin-bottom: 0px !important;}
  #form_reserva .uk-width-1-2\@m {width: calc(100% - 20px) !important;}
  .con-dir {padding: 5vh !important;}

}

@media (max-width: 459px){ /* x-small */
    .section {padding: 10% !important;}
    .con-dir {padding: 10% !important;}
    .cal_mesos{width: calc(100% - 20px);}
    .act-var h3 { font-size: 2.2rem;}
    .h-y-l {font-size: 4rem;}
    .h-a {min-height: 70vh;}

}