/* Developed entirely by staycreative.es */

/* Generals */
html, body{font-family: 'Lato', Helvetica, Arial, Sans-serif;color: #333;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'Lato', Helvetica, Arial, Sans-serif;color: #333;text-align: justify;}
h1,h2,h3,h4,h5,h6{font-family: 'brandon-grotesque', sans-serif;color: #063F66;font-weight: 400;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight: 400;font-size: 80%;}
:focus {outline: none;}
 
/* Buttons */
.uk-button{font-family: 'brandon-grotesque', sans-serif;font-weight: 700;padding: 1rem 2rem;border:0;line-height: 1.5;text-transform: uppercase;font-size: 1.2rem;}
.uk-button-default{background-color: white;border:1px solid #0c496a;color: #0c496a;}
.uk-button-default:hover{background-color: #0c496a;color: white;border:1px solid #0c496a;}
.uk-button-primary{background-color: #386da0;}
.uk-button-primary:hover{background-color: #0c496a;color: white;}
.uk-button-secondary{background-color: transparent;border:1px solid white;color: white;}
.uk-button-secondary:hover{background-color: white;color: #0c496a;}


/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(68,68,68,0.4);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay.light{background-color: rgba(56,109,160,0.6);}
.section{padding: 10vh;}
.no-padding{padding: 0 !important;}
.scrolloff{pointer-events: none;}
.mt-50{margin-top: 50px !important;}
.mt-0{margin-top: 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;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.grey-bg{background-color: #f4f4f4;}
.dark-bg{background-color: #0c496a;}
.dark-bg-2{background-color: #00609C;}
.dark-bg-3{background-color: #94bed3;}
.visible-flex{display: flex !important;}


/* Icons */
.icon{background-image: url('../img/hb_sprite.svg');display: inline-block;}
.icon.fb{background-position: 0 -205px;width: 28px;height: 28px;margin:-3px 5px 0 0; vertical-align: middle;}
.icon.ta{background-position: -28px -205px;width: 28px;height: 28px;margin:-3px 5px 0 0; vertical-align: middle;}

/* svg */
.svg-top, .svg-bottom{z-index: 1;}


/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(6,63,102,0.8);position: relative;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: #063F66;margin-top: 6px;cursor: pointer;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #063F66;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: 100vw;min-height: calc(70vh - 60px);margin-top: -90px;}
.header h1{position: relative;color: white;margin: 15vh auto 0;z-index: 2;font-family: 'brandon-grotesque';font-size: 3rem;width: 80%;text-align: center;text-transform: uppercase;}
.header h1 span{display: block;font-size: 40%;margin-top: 10px;text-transform: uppercase;}
.header-logo{position: absolute;z-index: 5;background-image: url('../img/logo-hb-white.svg');display: inline-block;background-repeat: no-repeat;background-size: contain;background-position: center;float: left;top: 15px;left: 15px;width: 150px;height: 80px;}

    /* buscador header */
    #buscador_reserva{width: 100%;background-color: rgba(255,255,255,1);position: relative;z-index: 4;margin-top: 0;}
    .b-book{position: relative;}
    .b-book span{font-family: 'brandon-grotesque';font-weight: 700;text-transform: uppercase;}
    .header-search{margin-left: 0 !important;}

        /* datepicker skin */
        .ui-widget {background: #386da0;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: #cdeffe;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #cdeffe;}
        .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: 'brandon-grotesque';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;border-top: 1px solid #0c496a;border-bottom: 1px solid #0c496a;}
    .b-datepicker{height: 60px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer;text-transform: uppercase;padding-left: 10px;font-family: 'brandon-grotesque';color: #0c496a;font-size: 1rem;line-height: 3.6;position: relative;z-index: 1;}
    .b-datepicker::-webkit-input-placeholder {color: #0c496a;}
    .b-datepicker:-moz-placeholder {color: #0c496a;}
    .b-datepicker::-moz-placeholder {color: #0c496a;}
    .b-datepicker:-ms-input-placeholder {  color: #0c496a;  }
    .day-ida{border:1px solid #0c496a;}
    .day-ida:after, .day-vuelta:after{display: block; content: "";width: 25px;height: 25px;position: absolute;bottom: 18px;background-image: url('../img/hb_sprite.svg');background-position: -70px -80px;right: 20px;    z-index: 0;}
    .date-ida .day-ida, .date-vuelta .day-vuelta{font-family: 'brandon-grotesque'; font-weight: 700;color: #0c496a;font-size: 2rem;text-align: center;}
    .date-ida .month-ida, .date-vuelta .month-vuelta{font-family: 'brandon-grotesque';font-size: 1.5rem;text-transform: capitalize;color: #0c496a;}
    .b-title{text-align: center;display: block;position: absolute;top: 10px;width: 100%;font-size: 0.8rem;font-family: 'brandon-grotesque';text-transform: uppercase;color: #386da0;}
    .uk-form-div .uk-inline{width: 100%;}
    .hab-value{font-family: 'brandon-grotesque'; font-weight: 400;color: #0c496a;width: calc(100% - 10px);cursor: pointer;height: 60px;border-left:1px solid #0c496a;border-right:1px solid #0c496a;line-height: 3.6;text-transform: uppercase;padding-left: 10px;}
    .hab-value:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 18px;background-image: url('../img/hb_sprite.svg');background-position: -95px -80px;right: 0;}
    .b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #0c496a;font-family: 'brandon-grotesque';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"%230c496a"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%230c496a"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
    .b-voucher-input{color: #0c496a;border:0;font-size: 1rem;width: calc(100% - 10px);cursor: pointer;background-color: transparent;font-family: 'brandon-grotesque';text-transform: uppercase;height: 60px;padding: 0 0 0 10px;}
    .b-voucher-input::-webkit-input-placeholder {color: #0c496a;}
    .b-voucher-input:-moz-placeholder {color: #0c496a;}
    .b-voucher-input::-moz-placeholder {color: #0c496a;}
    .b-voucher-input:-ms-input-placeholder {  color: #0c496a;  }
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{height: 60px;text-transform: none;height: 62px;background-color: #0c496a;text-transform: uppercase;-webkit-appearance: none;-webkit-border-radius: 0;}
    .b-send:hover{background-color: #083244;}
    .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;font-family: 'brandon-grotesque';}
    .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: #0c496a;font-family: 'brandon-grotesque';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"%230c496a"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%230c496a"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
    .b-book{width: 60px;flex: initial !important;display: inline-block;padding: 0;border:1px solid #0c496a;}
    .b-book span{cursor: pointer;color: #386da0;text-align: center;display: block;margin-top: 18px;}
    .b-book span i.icon.book{background-position: -120px -80px;width: 25px;height: 25px;}

.page-intro{position: relative;}
.page-intro h2{color: #0c496a;text-align: center;margin-bottom: 0;font-size: 3rem;}
.page-intro h4{color: #0c496a;text-align: center;margin-top: 0;}
.page-intro p{max-width: 680px;text-align: center;margin: 0 auto;}

    /* menu */
    .uk-navbar-container{height: 90px;position: relative;z-index: 5;padding-right: 20px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
    .uk-navbar-container.uk-active{background-color: white;}
    .uk-navbar-nav>li>a{height: 90px;color: white;font-family: 'brandon-grotesque';font-weight: 700;text-transform: uppercase;}
    .uk-navbar-nav>li>a:hover{color: #ccc;}
    .uk-active .uk-navbar-nav>li>a{color: #063F66;}
    .uk-active .uk-navbar-nav>li>a:hover{color: #00609c;}
    .uk-navbar-dropdown-nav>li>a{color: #063F66;font-family: 'brandon-grotesque';font-weight: 700;text-transform: lowercase;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #00609c;}
    .has-dropdown{position: relative;}
    .has-dropdown:after{content: "";display: inline-block;width: 6px;height: 4px;background-image: url('../img/hb_sprite.svg');background-position: -7px 0;position: absolute;top: 45px;right: 2px;}
    .uk-active .has-dropdown:after{background-position: 0 0;}


    .menu-logo{display: none;}
    .uk-active .menu-logo{display: block;}
    .menu-logo a{padding: 0 !important;font-size: 0 !important;}
    .menu-logo a:hover,.menu-logo a:focus, .menu-logo a:visited{font-size: 0;}
    .menu-logo span{width: 90px;height: 90px; background-color: #063F66;background-image: url('../img/preloader.svg');background-size: 50%;background-repeat: no-repeat;background-position: center;}



/* BANNER VINO */
.banner_vino {position: absolute;top: 15vh; width: 280px;right: 5vh; -webkit-box-shadow: 10px 9px 68px -19px rgba(0,0,0,0.67); -moz-box-shadow: 10px 9px 68px -19px rgba(0,0,0,0.67); box-shadow: 10px 9px 68px -19px rgba(0,0,0,0.67); z-index: 1;}
.banner_vino .text {background-color: transparent; padding: 3%; line-height: 1.4; position: absolute;bottom: 0;}
.banner_vino .text  { line-height: 1.2; margin-bottom: 0; color: white; text-align: center;}
.banner_vino .text h3 {color: white; margin-bottom: 0; font-weight: 700; font-size: 0.8rem; text-align: right;}
.banner_vino .text p {font-size: 0.8rem; color: white; text-align: right;margin-top: 0; margin-bottom: 5px;}
.banner_vino .text p small {color: white;}
.banner_vino.img {background-image: url(../img/banner_vino.jpg); min-height: 320px; background-size: cover; background-position: center;background-repeat: no-repeat;z-index: 4;}



/* index */
.home .header{background-image: url('../img/bg-home.jpg');text-align: center;min-height: calc(100vh - 60px);}
.home-welcome{display: block;color: white;font-family: 'brandon-grotesque';font-weight: 400;text-transform: uppercase;position: relative;z-index: 1;margin: 30vh auto 0;width: 100%;text-align: center;}
.home .header h1{margin-top: 10px;}
.home .header .uk-button{position: relative;z-index: 2;margin-top: 40px;}

.home-intro{position: relative;}
.home-intro .hi-child{position: relative;margin-bottom: 10vh;}
.home-intro h2{color: #0c496a;text-align: center;margin-bottom: 0;font-size: 3rem;}
.home-intro h4{color: #0c496a;text-align: center;margin-top: 0;}
.home-intro p{max-width: 650px;text-align: center;margin: 0 auto;}
.home-intro p.lead{font-weight: 700;margin-bottom: 10px;}

.home-apartamentos-intro h3{color: white;font-size: 2.5rem;}
.home-apartamentos-intro p{color: white;}
.home-apartamentos{border:3px solid white;margin-left: 0;}
.ha-ind{min-height: 50vh;border:3px solid white;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ha-ind-overlay{background-color: rgba(12,73,106,0.2);position: absolute;top: 0;left: 0;padding: 5vh;width: calc(100% - 10vh);height: calc(100% - 10vh);overflow: hidden;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.ha-ind-overlay h3{color: white;font-size: 2rem;position: absolute;bottom: 40px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;width: 80%;}
.ha-ind-overlay p{color: white;width: calc(100% - 10vh);position: absolute;bottom: -100px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.ha-ind-overlay .uk-button{position: absolute; bottom: -100px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.ha-ind-overlay:hover{background-color: rgba(12,73,106,0.8);}
.ha-ind-overlay:hover h3{bottom: 180px;}
.ha-ind-overlay:hover p{bottom: 120px;}
.ha-ind-overlay:hover .uk-button{bottom: 60px;}

.home-reserva{text-align: center;padding-bottom: 20vh;padding-top: 20vh;}
.home-reserva .uk-width-1-1{margin-bottom: 40px;}
.home-reserva h3{font-size: 3rem;margin-bottom: 0;}
.home-reserva h6{margin-top: 0;text-transform: uppercase;}
.home-reserva h5:before{content: "";display: block;width: 30px;height: 30px;background-image: url('../img/hb_sprite.svg');margin: 0 auto 30px;}
.home-reserva .hs-ind:nth-child(2) h5:before{background-position: 0 -240px;}
.home-reserva .hs-ind:nth-child(3) h5:before{background-position: -30px -240px;}
.home-reserva .hs-ind:nth-child(4) h5:before{background-position: -60px -240px;}
.home-reserva h5{text-transform: uppercase;margin-bottom: 0;}
.home-reserva p{text-align: center;margin-top: 10px;}

.home-transfers{position: relative;text-align: center;background-color: #efefef;padding-top:5vh;padding-bottom: 20vh;}
.home-transfers h3{font-size: 3rem;margin-bottom: 0;}
.home-transfers h6{margin-top: 0;text-transform: uppercase;}
.home-transfers p{text-align: center;margin-top: 10px;margin-bottom: 5vh;}

/* Apartamentos */
.apartamentos .header{background-image: url('../img/bg-apartamentos.jpg');}
.as-ind{position: relative;}
.as-ind .svg-bottom{padding-top: 10vh;}
.as-ind:nth-child(2) .svg-bottom{display: none;}
.as-ind-img{background-position: center;background-size: cover;}
.as-ind .uk-button{float: right;margin-top: 20px;margin-bottom: 50px;}
.apartamentos-info{background-image: url('../img/bg-apartamentos-2.jpg');background-size: cover;background-position: center 80%;min-height: 40vh;background-color: rgba(12,73,106,0.6);background-blend-mode: multiply;}
.apartamentos-info h3, .apartamentos-info p{position: relative;z-index: 2;color: white;max-width: 700px;}
.owl-prev{display: block;position: absolute;z-index: 1;width: 18px;height: 30px;left: 20px;bottom:calc(50% - 15px);background-image: url('../img/hb_sprite.svg');background-position: 0 -20px;font-size: 0;}
.owl-next{display: block;position: absolute;z-index: 1;width: 18px;height: 30px;right: 20px;bottom: calc(50% - 15px);background-image: url('../img/hb_sprite.svg');background-position: -21px -20px;font-size: 0;}

/* servicios */
.servicios .header{background-image: url('../img/bg-servicios.jpg');}
.servicios-1{position: relative;}
.servicios-1 h4{text-align: center;}
.servicios-1 h4:before{content: "";display: block;margin: 0 auto 30px; width: 75px;height: 75px;background-image: url('../img/hb_sprite.svg');}
.servicios-1 h4:nth-child(1):before{background-position: 0 -110px;}
.servicios-1 h4:nth-child(2):before{background-position: -75px -110px;}
.servicios-1 h4:nth-child(3):before{background-position: -150px -110px;}
.servicios-1 h4:nth-child(4):before{background-position: -225px -110px;}
.servicios-1 h4:nth-child(5):before{background-position: -300px -110px;}
.servicios-2 h3{color: white;text-align: center;font-size: 3rem;}
.servicios-2 p{color: white;text-align: center;max-width: 650px;margin: 0 auto;}
.s-2{position: relative;top: 0 !important;margin-top:-1px;}
.servicios-3{padding-top: 20vh;padding-bottom: 20vh;}
.servicios-3 h3{text-align: center;font-size: 2rem;}
.servicios-3 p{text-align: center;max-width: 650px;margin: 0 auto;}

/* entorno */
.entorno .header{background-image: url('../img/bg-entorno.jpg');}
.entorno .svg-top{position: relative;z-index: 1;top: 0 !important;}
.entorno .uk-position-center{position: relative !important;}
.entorno .page-intro{margin-left: 0 !important;}
.entorno-1 p{color: white;}
.entorno-1 .section{margin-left: 0;}
.e1-img{background-image: url('../img/bg-entorno-2.jpg');background-size: cover;height: 50vh;background-position: center;}
.entorno-2{position: relative;margin-left: 0 !important;}
.entorno-2 .section{position: relative;}
.entorno-2 h3{margin-top: 30px;}
.e2-img2{background-image: url('../img/bg-entorno-3.jpg');background-size: cover;background-position: center;}
.e2-img2 img{width: 100%;}
.e2-img3{background-image: url('../img/bg-entorno-4.jpg');background-size: cover;background-position: center right;}
.e2-img3 img{width: 100%;}
.entorno-3{margin-top: 30px;text-align: center;}
.entorno-3 h3{text-align: center;font-size: 3rem;padding-top: 10vh;}
.entorno-3 p{text-align: center;max-width: 650px;margin: 0 auto;}
.entorno-4 h5{text-transform: uppercase;text-align: center;}
.entorno-4 h5:before{content: "";display: block;margin: 0 auto 30px; width: 75px;height: 75px;background-image: url('../img/hb_sprite.svg');}
.entorno-4 h5:nth-child(1):before{background-position: -375px -110px;}
.entorno-4 h5:nth-child(2):before{background-position: -450px -110px;}
.entorno-4 h5:nth-child(3):before{background-position: -525px -110px;}
.entorno-4 h5:nth-child(4):before{background-position: -600px -110px;}
.entorno-4 h5:nth-child(5):before{background-position: -675px -110px;}
.entorno-5{margin-left: 0 !important;}
.entorno-5 p{text-align: center;max-width: 680px;margin: 0 auto 20vh !important;}
.entorno-5 .section{margin-left: 0;}
.e5-img{background-image: url('../img/bg-entorno-5.jpg');background-size: cover;height: 50vh;background-position: center bottom;}

/* galeria */
.galeria .header{background-image: url('../img/bg-galeria.jpg');}
.gallery{margin-bottom: 20vh !important;}
.gallery-item{border:5px solid white;}


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

    /* contacto */
    .contacto .header{background-image: url('../img/bg-contacto.jpg');}
    .contacto .footer-svg{bottom: -6px !important;}
    .contacto-list li{font-family: 'brandon-grotesque';color: #0c496a;}
    .contacto-list li a{color: #0c496a;}
    #form_contacta input[type=text],#form_contacta input[type=email],#form_contacta input[type=number],#form_contacta select,#form_contacta textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #386da0;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #386da0;font-family: 'brandon-grotesque';}
    #form_contacta select{padding-right: 30px;}
    #form_contacta textarea{margin-bottom: 20px;padding: 20px;}
    #form_contacta input::-webkit-input-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta input:-moz-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta input::-moz-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta input:-ms-input-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta textarea::-webkit-input-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta textarea:-moz-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta textarea::-moz-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta textarea:-ms-input-placeholder {color: rgba(56,109,160, 1);font-size: 0.8rem;}
    #form_contacta small{color: white;float: left;margin-bottom: 10px;}
    #form_contacta .g-recaptcha{float: left;}
    #form_contacta .button{border-radius: 0;margin: 10px;}


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

  /* footer */
  footer{background-color: #083244;padding-bottom: 2vh !important;width: calc(100% - 20vh);}
  footer h6{color: white;font-weight: 700;text-transform: uppercase;font-size: 1rem;margin-bottom: 5px;}
  .footer-svg{margin-bottom: -1px;bottom: 0 !important;position: relative;z-index: 1;}
  .footer-logo {display: block;}
  .footer-logo img{width: 80%;max-width: 180px;}
  .footer-social li{display: inline-block;}
  .footer-social li a:hover{opacity: 0.7;}
  .footer-menu li a{color: white;font-size: 1.1rem;padding: 0;font-family: 'brandon-grotesque';font-weight: 400;}
  .footer-menu 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;margin-top: 5px;}
  .autor{float: right;color: #777;font-size: 0.7rem;}
  .autor a{color: #777;font-weight: 700;}


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

}

@media only screen and (max-width: 1199px){ /* large */
  .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;}
  .home .header h1{font-size: 3rem; text-align: left; margin: 0; width: 50%;}
  .home-welcome {text-align: left;width: 50%; margin: 25vh 0 0;}
}


@media (max-width: 959px){ /* medium */
  .uk-navbar-container{height: auto;}
  .uk-navbar-left{width: 100%;display: block; height: auto;}
  .uk-navbar-nav#main-menu{display: none;width: 100%;float: left;}
  .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
  .uk-navbar-nav li{width: 100%;text-align: left;}
  .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;color: #0c496a;}
  .uk-navbar-toggle{width: 120px;float: right;color: white;}
  .uk-active .uk-navbar-toggle{color: #0c496a;}
  .uk-navbar-toggle-icon{margin-right: 10px;}
  .menu-logo span{display: block;height: 80px;width: 120px;}
  .header-search{margin-top: 0 !important;width: 100%;}
  .b-send{flex: initial !important;width: 100%;margin-top: 0 !important;}
  .uk-navbar-nav#main-menu{position: absolute;top: 80px;left: 0;width: 100%;background-color: white;padding: 20px;height: calc(100vh - 80px);overflow-y: auto;}

  .entorno .uk-position-center{position: relative !important;top: auto;left: auto;transform: none;-webkit-transform: none;}

  .home .header{min-height: calc(100vh - 110px);}
  .header-logo{width: 100px;}
  .hh-ind .uk-grid{margin-left: 0;}
  .hotel-zone h3{text-align: left;}
  #form_contacta .g-recaptcha {float: left;display: block;width: 100%;margin-bottom: 20px;}
  .home .header h1 {font-size: 2rem;}

}

@media only screen and (max-width: 639px){ /* small */
  .section{padding: 10%;}
  .br-small{display: none;}
  .footer-menu, .footer-submenu, .footer-social{float: left;}
  #buscador_reserva{margin-top: 0;z-index: 2;}
  .b-book{flex: initial !important;width: 100%;height: 60px;}
  .uk-form-div{flex: initial !important;width: 50%;max-width: none;height: 60px;}
  .uk-form-div:nth-child(3){border:0;}
  .uk-form-div:nth-child(4){border:0;}
  .hab-value{padding-left: 8px;}
  .b-book{border-right: 0;}
  .home .header{min-height: calc(100vh + 10px);}

  .ha-ind-overlay:hover h3{bottom: 200px;}
  .hb-text{margin-top: 0 !important;padding-bottom: 0;}
  .hb-text a{position: relative; width: calc(100% + 7vh) !important;margin: 0 0 0 -5vh !important; }
  .dark-bg.hb-text a{position: relative !important;width: calc(100% + 5vh) !important;margin: 0 0 0 -3vh !important;}

  .header h1{font-size: 1.5rem;}
  .home .header h1{font-size: 2rem; text-align: center; width: 100%;}
  .home-welcome {margin: 65vh 0 0; text-align: center; width: 100%;}

}


@media (max-width: 459px){ /* x-small */
  /* .banner_vino {min-height: 310px;left: -10px; right: 0;} */
  /* .banner_vino {width: 300px; height: 360px;} */
  .home-welcome {margin: 75vh 0 0;}



}