/* Developed entirely by staycreative.es */

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-link, a {color: #222F35 !important;} */

/* Generals */
html, body{font-family: futura-pt, sans-serif; font-weight: 400; color: #333;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: futura-pt, sans-serif;color: #4d4d4d; font-weight: 400;font-size: 1.1rem;}
h1,h2,h3,h4,h5,h6{font-family: benton-modern-display, serif;color: #222F35;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: futura-pt, sans-serif; font-weight: 400;font-style: normal;}
:focus {outline: none;}

/* fonts */
.fa-key{font-size: 80%;}

/* Buttons */
.uk-button{font-family: futura-pt, sans-serif; font-weight: 600;padding: 1rem 2rem;border:0;line-height: 1.5;text-transform: lowercase;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;}

.uk-button-default{background-color: transparent; color: white; padding: 1rem 1.5rem; border-bottom: 2px solid white; }
.uk-button-default:hover,.uk-button-default:active, .uk-button-default:focus {border-bottom: 2px solid transparent; color: white; background-color: transparent; }

.uk-button-primary{background-color: transparent; color: #222F35;  padding: 1rem 1.5rem; border-bottom: 2px solid #222F35;}
.uk-button-primary:hover,.uk-button-primary:active, .uk-button-primary:focus {text-decoration: none; color: #222F35; background-color: transparent; border-bottom: 2px solid transparent }


.uk-button-secondary, .uk-button-secondary:active, .uk-button-secondary:focus{background-color: #222F35;color: white;border:1px solid #222F35;}
.uk-button-secondary:hover{background-color: #0c1a26;color: white;border:1px solid #0c1a26;}
/* 
.gold.uk-button-primary{background-color: #9a8536;color: white;border:1px solid #9a8536;}
.gold.uk-button-primary:hover, .gold.uk-button-primary:active, .gold.uk-button-primary:focus {background-color: #6d5a1d;color: white;border:1px solid #6d5a1d;}
.blue.uk-button-primary{background-color: #25abc6;color: white;border:1px solid #25abc6;}
.blue.uk-button-primary:hover, .blue.uk-button-primary:active, .blue.uk-button-primary:focus{background-color: #114a73;color: white;border:1px solid #114a73;}
.pink.uk-button-primary{background-color: #9b51c0; color: white; border:1px solid #9b51c0;}
.pink.uk-button-primary:hover, .pink.uk-button-primary:active, .pink.uk-button-primary:focus{background-color: #7f36a2;color: white;border:1px solid #7f36a2;} */


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

/* 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 input[type=file]{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;}
.uk-form-custom input[type=file]{font-size: 18px !important;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 select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
.form textarea{margin-bottom: 20px;padding: 20px;}
.form input::-webkit-input-placeholder {color: #444;font-size: 0.8rem;}
.form input:-moz-placeholder {color: #444;font-size: 0.8rem;}
.form input::-moz-placeholder {color: #444;font-size: 0.8rem;}
.form input:-ms-input-placeholder {color: #444;font-size: 0.8rem;}
.form textarea::-webkit-input-placeholder {color: #444;font-size: 0.8rem;}
.form textarea:-moz-placeholder {color: #444;font-size: 0.8rem;}
.form textarea::-moz-placeholder {color: #444;font-size: 0.8rem;}
.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 .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
.form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #222F35;}
.form .g-recaptcha{float: left;}
.form .uk-button{border-radius: 0;margin: 10px;float: right;}

/* Datepicker */
.ui-widget {background: #929084;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: lowercase;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: #eee;font-size: 8px;font-weight: normal;text-transform: lowercase;border: none;border-top: 1px solid #eee;}
.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;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(34,47,53,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 1;}
.overlay-light{background-color: rgba(20, 42, 63,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-green{background-color: rgba(0,128,128,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding: 10vw;}
.section-small{padding: 5vw;}
.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;}
.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;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.grey-bg{background-color: #222F35;}
.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/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;}
.icon.fb{width: 30px;height: 30px;background-position: -80px 0; display: table;}
.icon.ig{width: 30px;height: 30px;background-position: -110px 0; display: table;}

.icon.news-send{width: 40px;height: 75px;background-position: -115px -35px;position: absolute;top: 0;right: 50px;cursor: pointer;}


/* Cookies */
#cookieMessageWrapper{width: 100%;background: #222;position: fixed;left: 10px;bottom: 10px;z-index: 997;max-width: 300px;padding: 20px;}
#cookieMessage{margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 0;color: #fff;}
#cookieMessage a{font-size: 12px;color: #fff;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #fff;margin-top: 6px;cursor: pointer;color: #222 !important;}


/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #222F35;top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 50px);left: calc(50vw - 50px);width: 100px;height: 100px;}


    /* menu */
    .uk-navbar-container.uk-navbar{height: 80px;z-index:4; background-color: white;}
    /* .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 0;} */
    .uk-navbar-nav{margin-right: 10px;}
    /* .uk-navbar-nav>li>a{} */
    .uk-navbar-nav>li a{height: 80px; font-family: futura-pt, sans-serif; text-transform: uppercase;color: #5b7f93 ;font-size: 1rem; font-weight: 500;}
    .uk-navbar-nav>li>a:hover{color: #222F35;}
    .uk-navbar-dropdown-nav>li>a{color: #5B7F93;font-family: futura-pt, sans-serif; font-weight: 500;text-transform: uppercase;height: auto;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #222F35;}
    .has-dropdown{position: relative;}
    .has-dropdown:after{content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -37px -2px; position: absolute; top: 38px; right: 2px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .has-dropdown:after{background-position: -37px -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: 280px; height: 80px; background-image: url(../img/logo-header.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; margin: -5px 20px 0;}

    #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: #5B7F93;font-size: 1rem; font-weight: 500;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #222F35;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #222F35;}
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}

    /* buscador header */
    #buscador_reserva{width: 100%;background-color: rgba(255,255,255,1);position: relative;z-index: 2;margin-top: 50px;}
    .b-book{position: relative;}
    .b-book span{font-family: futura-pt, sans-serif; font-weight: 500;text-transform: uppercase;}
    .header-search{margin-left: 0 !important;}

    .sticky-buscador{z-index: 3 !important;}
    .sticky-buscador.uk-active{margin-top: 50px !important;background-color: rgb(248, 248, 248);padding-bottom: 10px;}


        /* datepicker skin */
        .ui-widget {background: #fff;border: 1px solid #CBCBCB;border-radius: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-family: futura-pt, sans-serif; }
        .ui-datepicker {padding: 0;}
        .ui-datepicker-header {border: none;background: #CBCBCB;font-weight: normal;font-size: 11px;text-transform: uppercase;color: #333;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: #333;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: #333 !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: 2px solid #cbcbcb;display: block;color: white;font-family: futura-pt, sans-serif; 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: 2px solid #cbcbcb;border-bottom: 2px solid #cbcbcb;}
    .b-datepicker{height: 60px;border: 0;padding: 0;width: calc(100% - 10px);background-color: transparent; cursor: pointer;padding-left: 10px;font-family: futura-pt, sans-serif; color: #333;font-size: 0.8rem;line-height: 4.8;position: relative;z-index: 1;}
    .b-datepicker::-webkit-input-placeholder {color: #333;}
    .b-datepicker:-moz-placeholder {color: #333;}
    .b-datepicker::-moz-placeholder {color: #333;}
    .b-datepicker:-ms-input-placeholder {  color: #333;  }
    .day-ida{border:2px solid #cbcbcb;border-left: 0;}
    .day-ida:after, .day-vuelta:after{display: block; content: "";width: 25px;height: 25px;position: absolute;bottom: 18px;background-image: url('../img/assets-sprite.svg');background-position: -25px -75px;right: 20px; z-index: 0; background-size: 1000px 500px;}
    .date-ida .day-ida, .date-vuelta .day-vuelta{font-family: futura-pt, sans-serif;  font-weight: 700;color: #cbcbcb;font-size: 2rem;text-align: center;}
    .date-ida .month-ida, .date-vuelta .month-vuelta{font-family: futura-pt, sans-serif; font-size: 1.5rem;text-transform: capitalize;color: #cbcbcb;}
    .b-title{text-align: center;display: block;position: absolute;top: 10px;width: 100%;font-size: 0.8rem;font-family: futura-pt, sans-serif; text-transform: uppercase;color: #386da0;}
    .uk-form-div .uk-inline{width: 100%;}
    .hab-value{font-family: futura-pt, sans-serif;  font-weight: 400;color: #333;width: calc(100% - 14px);cursor: pointer;height: 60px;border-left:2px solid #cbcbcb;border-right:2px solid #cbcbcb;line-height: 4.8;padding-left: 10px;font-size: 0.8rem;}
    .hab-value:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 18px;background-image: url('../img/assets-sprite.svg');background-position: 0 -75px;right: 0; background-size: 1000px 500px;}
    .habitaciones .uk-button{margin-top: 10px;}
    .b-beds{min-width: 300px;}
    .b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #4d4d4d;font-family: futura-pt, sans-serif; font-weight: 400;padding-left: 10px !important;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;border: 1px solid #cbcbcb; 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"%23cbcbcb"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%23cbcbcb"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
    .b-voucher-input{color: #333;border:0;font-size: 0.8rem;width: calc(100% - 10px);cursor: pointer;background-color: transparent;font-family: futura-pt, sans-serif; height: 60px;padding: 0 0 0 10px;}
    .b-voucher-input::-webkit-input-placeholder {color: #333;}
    .b-voucher-input:-moz-placeholder {color: #333;}
    .b-voucher-input::-moz-placeholder {color: #333;}
    .b-voucher-input:-ms-input-placeholder {  color: #333;  }
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{text-transform: none;height: 64px;background-color: #222F35;text-transform: uppercase;border:2px solid #222F35;-webkit-appearance: none !important;}
    .b-send:hover{background-color: #0c1a26;border:2px solid #0c1a26;}
    .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: futura-pt, sans-serif; }
    .b-more-beds .uk-width-1-2, .b-more-beds .uk-width-expand{margin-top: 0;}
    .b-more-beds .uk-width-1-2 span, .b-more-beds .uk-width-expand span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 10px 0;}
    .b-more-beds select.uk-select{float: right;height: 35px !important;border: 0;background: transparent;width: 100%;text-align: right;color: #4b4b4b;font-family: futura-pt, sans-serif; font-weight: 700;padding-left: calc(100% - 35px) !important;font-size: 0.8rem;z-index: 1;position: relative; border: 1px solid #cbcbcb; 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:2px solid #cbcbcb;border-right: 0;background-color: #cbcbcb;}
    .b-book span{cursor: pointer;color: #386da0;text-align: center;display: block;margin-top: 18px;}
    .b-book span i.icon.book{background-position: -50px -75px;width: 25px;height: 25px;}

    /* .b-hotel{width: calc(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;background-size: 1000px 500px;}
    .b-hotel select.uk-select{font-family: futura-pt, sans-serif;  font-weight: 400;color: #333;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;}

    .bmb-kids-cont{margin-left: 0 !important;}
    .bmb-kids-cont .uk-width-expand{padding: 0;padding-right: 5px;}


/* hacks */
.section-text {padding: 5vh;}
.bg-light-blue {background-color: #96ACB2;}
ul li {list-style-type: none;}
.text-shadow { text-shadow: 0 0 15px #051d23;}
/* .box-shadow {-webkit-box-shadow: 0px 0px 20px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 0px 20px 0px rgba(153,153,153,1); box-shadow: 0px 0px 20px 0px rgba(153,153,153,1);} */
.box-shadow {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
.vertical-text {transform: rotate(-90deg); transform-origin: left top 0;}


/* img */
.img {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}

/* header */
.header {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 65vh;}
.header h1 {display: block; color: white; text-align: center; font-weight: 400; font-size: 3rem; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.header h1 span {display: block; color: white; font-size: 80%;text-shadow: 0 0 10px rgba(0,0,0,0.5);}

/* intro */
.intro .section {padding: 20vh 10vh 10vh !important;}
.intro .section p {text-align: center;}

/* home */
/* .home .header {background-image: url('../img/bg-home-01.jpg');} */
.home .header.left {border-right: 5px solid white;}
.home .header.right {border-left: 5px solid white;}
.home .header .overlay {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;background-color: rgba(34,47,53,0.1);}
.home .header.right:hover .overlay, .home .header.left:hover .overlay {background-color: rgba(34,47,53,0); } 
.home .header .text {z-index: 1;}
.home .header.left h2, .home .header.right h2 {color: white;}
.home .header.left h3, .home .header.right h3 {color: white; margin-top: 0;}
.home .header .logo-center {background-color: white; }
.home .header .logo-center img {background-position: center; }
.home .hotels-hab {position: relative;}
.home .hotels-hab .ind {margin-bottom: 20vh; position: relative;}
/* .home .hotels-hab .text-left {padding-right: 10vh;}
.home .hotels-hab .text-right {padding-left: 10vh;} */
.home .hotels-hab .logo-hot {margin-top: 5vh;;}
.home .hotels-hab h2 {margin-top: 0;}
.home .hotels-hab p {color: white;}
.home .hotels-hab h3 {margin-top: 0px;;}
.home .hotels-hab h3 span{font-size: 1.8rem; color: white;}
.home .hotels-hab .img-hotel {min-height: 70vh; position: relative; }
.home .hotels-hab .hh-img-left {min-height: 50vh; position: relative; background-image: url('../img/bg-hab-left.jpg');  margin-top: -10vh;z-index: 2;}
.home .hotels-hab .hh-img-right {min-height: 50vh; position: relative; background-image: url('../img/bg-hab-right.jpg'); margin-top: -10vh; }
.home .hotels-hab .ind .bg-light-blue {background-color: #B3C9CF;position: absolute; min-height: 100vh; width: 55%; top: -10vh; z-index: -1;}
.home .hotels-hab .ind .bg-light-blue.left {background-color: #B3C9CF;position: absolute; min-height: 100vh; margin-left: 45%; width: 55%; top: -10vh; z-index: -1;}
.home .hotels-hab .img-hotel.after {z-index: 2;}
.home .hotels-hab .img-hotel.after:after{content: ""; background-color: #222F35; position: absolute; width: 1px; height: 83%; top: -83%; left: 46px; display: block; z-index: 1;}
.home .servicios {position: relative; min-height: 60vh;margin-bottom: 20vh !important;}
.home .servicios h3 {color: #B3C9CF;}
.home .servicios h3.uk-heading-line {color: #B3C9CF; margin-left: 5vh;}
.home .servicios h3.uk-heading-line span { font-family: 'font-family: benton-modern-display, serif;';}
.home .servicios h3.uk-heading-line>::after {border-bottom: calc(.2px + .05em) solid #B3C9CF;}
.home .servicios .bg-dark-blue {background-color: #5B7F93;position: absolute; min-height: 85vh; width: 75%; top: -10vh; right: 0; z-index: -1;}
.home .servicios .img-left {background-image: url('../img/bg-home-02.jpg'); min-height: 35vh;}
.home .servicios .img-center {background-image: url('../img/bg-home-03.jpg'); min-height: 35vh; margin-top: 7vh;}
.home .servicios .img-right {background-image: url('../img/bg-home-04.jpg'); min-height: 35vh; margin-top: 14vh;}
.home .servicios .text {margin-top: -30px; margin-left: -15px; position: relative; z-index: 1;}
.home .servicios .text h3 {color: #94bed3; font-size: 3rem;}
.home .servicios .text h3.white {color: white !important;}

/* nosotros */
.nosotros .header {background-image: url('../img/bg-nosotros-01.jpg');}
.nosotros .hs-img-left {background-image: url('../img/bg-nosotros-02.jpg'); min-height: 60vh;}
.nosotros .hs-img-center {background-image: url('../img/bg-nosotros-03.jpg'); min-height: 30vh; margin-top: 30px;}
.nosotros .hs-img-right {background-image: url('../img/bg-nosotros-04.jpg'); min-height: 30vh; }
.nosotros .hotels {position:relative;}
.nosotros .hotels .bg-light-blue {position: absolute; min-height: 70vh; width: 100%; top:30vh; z-index: -1;}
.nosotros .hotel.left {width: 90%;}
.nosotros .hotel .overlay {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.nosotros .hotel:hover .overlay {background-color: rgba(34,47,53,0.8);}
.nosotros .hotel .text {max-width: 530px; width: 100%; z-index: 1;}
.nosotros .hotel.left, .nosotros .hotel.right {min-height: 60vh; position: relative; background-color: rgba(91,127,127, 0.4); background-blend-mode: multiply;}
.nosotros .hotel.left .text {position: absolute; bottom: 5vh; right: 5vh; text-align: right;}
.nosotros .hotel.right .text {position: absolute; bottom: 5vh; left: 5vh;}
.nosotros .hotel h2 {font-size: 3rem;}
.nosotros .hotel.left h2, .nosotros .hotel.left p {color: white; text-align: right;} 
.nosotros .hotel h2, .nosotros .hotel p {color: white; } 
.nosotros .hotel.right {width: 90%; margin-left: 10%;}


/* mice */
/* .mice .header {background-color: rgba(91,127,127, 0.5); background-blend-mode: multiply;} */
.mice .conf {background-color: #96ACB2;}
.mice .conf .uk-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; font-size: 1rem; font-weight: 700; color: white; text-transform: initial;}
.mice .conf .uk-table td {color: white;}
.mice .mice-img {background-image: url('../img/bg-mice-02.jpg'); min-height: 60vh;}

/* empleo */
.empleo .header {background-image: url('../img/bg-trabaja-01.jpg'); /* background-color: rgba(91,127,127, 0.5); background-blend-mode: multiply; */}

/* ciclismo */
.ciclismo .header { /* background-color: rgba(91,127,127, 0.5); background-blend-mode: multiply; */ background-position: top; }
.ciclismo .img-left {background-image: url('../img/bg-ciclismo-02.jpg'); min-height: 70vh;}
.ciclismo .img-right {background-image: url('../img/bg-ciclismo-03.jpg'); min-height: 40vh; margin-bottom: 15px; border-right: 60px solid white;}
.ciclismo .img-right-inf {background-image: url('../img/bg-ciclismo-04.jpg'); min-height: 40vh;}
.ciclismo .img-ruta-1 {background-image: url('../img/bg-ciclismo-05.jpg'); min-height: 30vh; position: relative;}
.ciclismo .img-ruta-2 {background-image: url('../img/bg-ciclismo-06.jpg'); min-height: 30vh; position: relative;}
.ciclismo .img-ruta-3 {background-image: url('../img/bg-ciclismo-07.jpg'); min-height: 30vh; position: relative;}
.ciclismo .text {padding: 20px; text-align: center;}
.ciclismo .text-hover {opacity: 0; position: absolute; top:0 left: 0; width: calc(100% - 40px); height:calc(100% - 40px); background-color: rgba(91,127,127, 0.8); background-blend-mode: multiply;-webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
.ciclismo .text-hover h3 span {color: white;}
.ciclismo .img:hover .text-hover {opacity: 1;}


            /* mapa */
    #map-container{width: 100%; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative; height: 400px ;display: block; margin-top: 5vh; padding-bottom: 0vh; z-index: -1; height: 400px; }
    #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}
    #map-container .mapboxgl-canvas {width: 100% !important;height: auto !important;} 
    #map-container .mapboxgl-marker {top: calc(50% - 20px); left: calc(50% - 26px); transform: none !important;}


/* covid */
.covid .header {background-position: center; }
.covid .icon-covid {max-height: 200px;}
.covid .border.left {border-left: 2px solid #5B7F93;}
.covid .border.right {border-right: 2px solid #5B7F93;}
.covid .bg-dark {width: 100%; height: 100%; background-color: #222F35;}
.covid .bg-light {width: 100%; height: 100%; background-color: #5b7f93;}
.covid .bg-light h3 {font-size: 2.2rem;}
.covid .bg-light h3, .covid .bg-light p, .covid .bg-light li {color: white;}
.covid .header h1 { text-shadow: 0 0 10px rgba(0,0,0,0.5);}

/* contacte */
.contacte .header{background-image: url('../img/bg-contacta-01.jpg');/* background-color: rgba(91,127,127, 0.5); background-blend-mode: multiply; */}
.contacte .formulario {background-color: #96ACB2;}
.contacte .formulario .text li b {color: white;}
.contacte .intro a {color: #222F35;}
.contacte .intro a:hover {color: #96ACB2;}
.contacte .formulario .text li a {color: #222F35;}
.contacte .formulario .text li a:hover {opacity: 0.7;}
.contacte-info{padding: 0;}
.contacte-info li{list-style: none;font-size: 0.8rem;margin-bottom: 5px;}
.contacte-info li:first-child{font-weight: 700;}
.contacte-info li a{color: #444;display: block;}
.contacte .form input[type=text], .contacte .form input[type=email], .contacte .form input[type=number], .contacte .form select, .contacte .form textarea { color: #222F35; border-bottom: 1px solid #222F35;}
.contacte .form input[type=text]::placeholder, .contacte .form input[type=email]::placeholder, .contacte .form input[type=number]::placeholder, .contacte .form select::placeholder, .contacte .form textarea::placeholder { color: #222F35;}

.uk-checkbox, .uk-radio {border: 1px solid #444;}

/* .form-contacte{border: 2px solid #D0D0D0;padding: 40px;} */

/* treballa-amb-nosaltres */
.treballa-amb-nosaltres .header{background-image: url('../img/bg-treballa-amb-nosaltres.jpg');background-position: center;}
.treballa-container a{color:#222F35;display: block;font-size: 0.8rem;}
#form-treballa .file-upload .uk-button{float: left;}
#form-treballa .file-upload small{color: #bbb;display: block;width: 100%;margin-left: 10px;font-style: italic;}

/* descarregues */
.descarregues .header{background-image: url('../img/bg-descarregues.jpg');background-position: bottom;}  
.des-img {background-position: center; background-size: cover; background-repeat: no-repeat;}

  /* cookies i aviso legal */
  .legal .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}

  /* newsletter */
  .newsletter{background-color: #222F35;padding: 5vh 10vh;background-image: url(../img/seth-texture-2.svg);background-size: cover;background-position: center;}
  .newsletter .ni-container{position: relative;}
  .newsletter h5{color: #fff;font-size: 1.4rem;}
  .newsletter p{color: #fff;}
  .newsletter-input, .newsletter-input:focus{background: none;border: 0;border-bottom: 2px solid #fff;height: 75px;color: #fff;width: calc(100% - 40px);padding-right: 60px;}
  .newsletter-input::-webkit-input-placeholder {color: #fff;}
  .newsletter-input:-moz-placeholder {color: #fff;}
  .newsletter-input::-moz-placeholder {color: #fff;}
  .newsletter-input:-ms-input-placeholder {color: #fff;}

  /* footer */
  footer{background-color: #222F35;padding-bottom: 2vh !important;width: calc(100% - 20vh);}
  footer .section-small { padding: 5vh 5vh 1vh;}
  footer h6{color: #222F35;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #0e1a26;}
  .footer-logo {display: inline-block;width: 240px; margin-right: 200px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}
  footer ul li a, footer ul li {color: white;}
  footer ul li a:hover {color: white; opacity: 0.7;}
  .footer-social{ width: 160px;padding-left: 0;}
  .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 li a, .footer-ul li{color: white !important;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;margin-top: 5px; opacity: 0.8;}
  .autor{float: right;color: white;font-size: 0.7rem; opacity: 0.8;}
  .autor a{color: white;font-weight: 700; opacity: 0.8;}




/* 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;}
  .destacada_prop {width: calc(100% - 60px);}
}

@media only screen and (max-width: 1599px){ /* x-large */

}

@media only screen and (max-width: 1199px){ /* large */
  .header h1{font-size: 2.2rem;padding: 15px;}
  .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);}
  .uk-navbar-nav {margin-right: 0;}

  /* ILLA BEACH */
  .uk-navbar-container{height: auto;}
  .uk-navbar-right{width: 100%;display: block; height: auto;}
  .uk-navbar-left{display: inline-block;}
  .uk-navbar-nav#main-menu{display: none;position: absolute;top: 0;left: 0;padding: 40px 40px 0 40px; width: calc(100% - 80px);background-color: #fff;z-index: 1; margin-top: 80px;}
  .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: 0; min-height: 60px;}
  .uk-navbar-toggle{width: 120px;height: 80px;float: right;z-index: 2;position: relative;color: #222F35;}
  .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #222F35;}
  .uk-navbar-toggle-icon{margin-right: 10px;}
  .header-search{margin-top: 0 !important;width: 100%;}
  .bm-waves span{display: block;}
  .header-logo {max-width: 130px;}
  .uk-navbar.uk-active .uk-navbar-toggle{color: #444;}
  .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #222F35;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #96ACB2 !important;}
  .uk-navbar-nav>li>a:hover {color: #96ACB2 !important;}



}

@media (max-width: 1024px){ /* ipad */
    .buscador-container{padding: 0;}
    #buscador_reserva{margin-top: 0;}

    /* ILLA BEACH */
   
}


@media (max-width: 959px){ /* medium */
    h1{font-size: 1.6rem;}
    h3, .sections h3{font-size: 1.3rem;}
    .section{padding: 5vw;}
    .section-small{padding: 2.5vw;}
    .search-engine{padding: 5vh;}


   /* ILLA BEACH */
   .home .header.left {border-right: 0px;}
   .home .header.right {border-left: 0px;}
   .home .hotels-hab .ind .bg-light-blue.left {width: 100%; margin-left: 0; top: 5vh;}
   .home .hotels-hab .ind {margin-bottom: 0;}
   .home .hotels-hab .hh-img-right {margin-top: 0;}
   .home .hotels-hab .img-hotel.after:after {display: none;}
   .home .servicios {margin-bottom: 0 !important;}
   .home .servicios .bg-dark-blue {display: none;}
   .home .servicios h3.uk-heading-line {margin-top: 10vh;}
   .home .servicios .img-center, .home .servicios .img-right {margin-top: 0;}
   .home .servicios .text h3.white {color: #94bed3 !important;}
   .home .hotels-hab h3 {display: none;}
   .home .sections.hotels-hab .bg-light-blue {width: 100%; top: 0;}

   /* .home .hotels-hab .ind .bg-light-blue {width: 100%;} */

}

@media (max-width: 767px){ /* medium-small */
    .home-slider .owl-nav{display: none;}

    /* ILLA BEACH */
    .intro .section {padding: 5vh !important;}
    .nosotros .hotel.left{width: 100%;}
    .nosotros .hotel.right {width: 100%; margin-left: 0;}

    .nosotros .hotel .uk-margin-medium-right {margin-right: 0 !important;}
    .nosotros .hotel .uk-margin-medium-left {margin-left: 0 !important;}

    .nosotros .hotel.left .text {position: relative; top: 5vh; right: 5vh; text-align: right; max-width: 400px; float: right;}
    .nosotros .hotel.right .text {position: relative; top: 5vh; left: 5vh; text-align: left; max-width: 400px; float: left;}
}

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

    .bm-waves span {width: 200px !important; margin-top: 0px;}
    .uk-navbar-right {padding-right: 0 !important;}


}

@media (max-width: 459px){ /* x-small */
    .establecimiento, .day-ida, .day-vuelta, .habitaciones, .b-send{width: 100%;}
    .day-ida, .hab-value{border-right: 2px solid #cbcbcb;}
    .codigo-promo{width: calc(100% - 60px);}
   
}
