/* Developed entirely by staycreative.es */

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #1e3f39;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}


/* Generals */
html, body {font-family: futura-pt, sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-family: futura-pt, sans-serif;color: #1e3f39;font-weight: 400; line-height: 1.5; font-size: 1.1rem;}
h1, h2, h3, h4, h5, h6 {font-family: futura-pt, sans-serif; color: #1e3f39;font-weight: 700; text-transform: uppercase; margin-bottom: 0; margin-top: 0px; line-height: 1.3;}

h6{font-family: futura-pt, sans-serif;font-weight: 400; text-transform: uppercase; margin-bottom: 0; margin-top: 0px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: normal;display: block;}
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #323031;} */
.post ul li {text-decoration: initial !important;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word;}
a span {display: inline-block;}
small {font-weight: 400 !important;}
ul li {list-style-type: none; color: #1e3f39; list-style: none; font-size: 1.1rem; line-height: 1.6;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{ font-family: futura-pt, sans-serif; font-weight: 600; border:0;line-height: 1.5;text-transform: initial;font-size: 1.1rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem;   text-align: left;}
   
    .uk-button-default{ background-color: transparent !important; color: #1e3f39 !important;border: 1px solid #1e3f39; font-size:1rem; font-weight: 400; padding: 1rem 2rem; line-height: 1; text-align: center; text-transform: uppercase;}
    .uk-button-default:hover{background-color: #1e3f39 !important; color: white !important;border: 1px solid #1e3f39; }
    .uk-button-default:after{content: ""; display: inline-block; width: 56px; height: 10px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -86px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 0px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-default:hover:after{right: -20px;background-position: -51px -86px;}
        

    .uk-button-default.exp{ background-color: transparent !important; color: #1e3f39 !important;border: 0; font-size:1rem; font-weight: 400; line-height: 1; text-align: center; text-transform: uppercase; padding: 30px 0; margin-top: 20px;}
    .uk-button-default.exp:hover{ color: #1e3f39 !important;border: 0; }
    .uk-button-default.exp:after{content: ""; display: inline-block; width: 56px; height: 10px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -86px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 0px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-default.exp:hover:after{right: -20px;}

    .uk-button-primary{ background-color: white !important; color: #1e3f39 !important;border: 1px solid white; font-size:1rem; font-weight: 400; padding: 1.5rem 3rem; line-height: 1; text-align: center; text-transform: uppercase;}
    .uk-button-primary:hover{background-color: #1e3f39 !important; color: white !important;border: 1px solid #1e3f39; }
    .uk-button-primary:after{content: ""; display: inline-block; width: 56px; height: 10px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -86px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 0px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-primary:hover:after{right: -20px;background-position: -51px -86px;}


    .uk-button-secondary{ background-color: white !important; color: #1e3f39 !important;border: 1px solid white; font-size:1rem; font-weight: 400; padding: 1.5rem 3rem; line-height: 1; text-align: center; text-transform: uppercase;}
    .uk-button-secondary:hover{background-color: transparent !important; color: white !important;border: 1px solid white; }
    .uk-button-secondary:after{content: ""; display: inline-block; width: 56px; height: 10px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -86px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 0px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-secondary:hover:after{right: -20px;background-position: -51px -86px;}


    .uk-button-arrow{font-family: futura-pt, sans-serif; text-transform: uppercase; background-color: transparent; color: #1e3f39 !important; border: 0px solid transparent; position: relative; font-weight: 400; padding: 0;line-height: 1; font-size: 1rem;}
    .uk-button-arrow:hover{color: #1e3f39; }
    .uk-button-arrow:after{content: ""; display: inline-block; width: 56px; height: 27px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -80px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 4px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-arrow:hover:after{right: -20px;}

    .uk-button-arrow.white{font-family: futura-pt, sans-serif; text-transform: uppercase; background-color: transparent; color: white !important; border: 0px solid transparent; position: relative; font-weight: 400; padding: 0;font-size: 1rem;}
    .uk-button-arrow.white:hover{color: white; }
    .uk-button-arrow.white:after{content: ""; display: inline-block; width: 56px; height: 27px; background-image: url(../../public/img/assets-sprite.svg); background-position: -80px -80px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 10px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-arrow.white:hover:after{right: -20px;}

    .uk-button-arrow.up{font-family: futura-pt, sans-serif; background-color: transparent; color: #1e3f39 !important; border: 0px solid transparent; position: relative; font-weight: 600; padding: 0;line-height: 1; font-size: 1.2rem; text-transform: uppercase;}
    .uk-button-arrow.up:hover{color: #040f0c !important; }
    .uk-button-arrow.up:after{content: ""; display: inline-block; width: 26px; height: 14px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -110px; position: relative; background-size: 1000px 500px; margin-left: 4px; top: 2px; right: -10px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out;}
    .uk-button-arrow.up:hover:after{transform: rotate(90deg); }


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

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

    /* form */
    .form {position: relative; z-index: 2;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{min-height: 40px; margin-top: 0px !important; padding: 10px; border: 0; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: white !important; font-size: 1rem; border-bottom: 1px solid white;}
    .form .uk-select:not([multiple]):not([size]){background-color: transparent; background-image: none; color: white !important;}
    .uk-select:not([multiple]):not([size]) option {background-color: white !important; /* color: white !important; */}
    .bg-select-white:focus {background-color: white !important; color: white !important;}
    .form p {color: white;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #171919 !important;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,/*.form select:focus,*/.form textarea:focus, .form select:focus{border-bottom: 1px solid #040f0c; background-color: transparent !important; color: white !important;}
    .form select{padding-right: 30px; font-size: 1rem; height: 50px !important; padding: 10px;  border: 0; border-bottom: 1px solid white;}
    .form textarea{margin-bottom: 10px;padding: 10px; color: white;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder 
    {color: #040f0c !important;font-size: 0.8rem;}
    .form small{color: white;}
    .form .uk-checkbox {border-color: white !important;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #040f0c !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #040f0c;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #d18a00;}
    .form .g-recaptcha{float: left;}
    .form input:-webkit-autofill,
    .form input:-webkit-autofill:hover, 
    .form input:-webkit-autofill:focus
    .form textarea:-webkit-autofill,
    .form textarea:-webkit-autofill:hover
    .form textarea:-webkit-autofill:focus,
    .form select:-webkit-autofill,
    .form select:-webkit-autofill:hover,
    .form select:-webkit-autofill:focus { border-bottom: 1.5px solid #171919; -webkit-text-fill-color: #171919; -webkit-box-shadow: 0 0 0px 1000px #040f0c inset; transition: background-color 5000s ease-in-out 0s;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: white !important; font-size: 1rem;}
    form, input:focus::placeholder { color: transparent;}


/* Icons */
.icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;}

.icon.facebook {width: 30px;height: 30px;background-position: -125px -0px;}
.icon.instagram {width: 30px;height: 30px;background-position: -155px -0px;}
.icon.facebook:hover {width: 30px;height: 30px;background-position: -125px -30px;}
.icon.instagram:hover {width: 30px;height: 30px;background-position: -155px -30px;}

.icon.arrow {width: 40px; height: 16px; background-position: -60px -112px; position: relative; top: 20px;} 
.icon.select {width: 15px; height: 9px; background-position: -134px -115px; position: relative; top: 0px;} 

.icon.pdf{background-position: -185px 0px;width: 30px;height: 30px;vertical-align: middle;}

.icon.audio{position: absolute;bottom: 180px;right: 30px;cursor: pointer;}
.icon.audio.audio-on{background-position: -215px -30px;width:30px;height: 30px;}
.icon.audio.audio-off{background-position: -215px 0px;width:30px;height: 30px;}

        /* menu */
        .uk-navbar-container {background-color: transparent !important; }
        .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent !important; height: 80px;float: left; width: 100%; }
        .uk-navbar-container.uk-navbar{height: 80px;z-index:5;background-color: transparent; padding-left: 20px; padding-right: 20px; width: calc(100vw - 40px);}
        .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
/*         ul .uk-navbar-nav {width: 200px;} */
        .uk-navbar-left {width: 220px; height: 90px; float: left; }
        .uk-navbar-right {background-color: transparent; float: right; height: 80px; padding-right: 10px;}

        .uk-navbar-nav .uk-active {color:#1e3f39;   }
        .uk-navbar-nav#main-menu {width: 100%;}
        .uk-navbar-nav>li>a{font-weight: 400;text-transform: initial; color:white; padding: 0px 15px 0px 15px; font-size: 1.1rem; font-family: futura-pt, sans-serif;}
        li.lang.has-dropdown a{padding-right: 0;font-family: futura-pt, sans-serif; padding-left: 10px;}
        li.lang.has-dropdown a:hover {columns: #999 !important;}
        .uk-navbar-nav>li.uk-active>a{color: #1e3f39 !important; }
        /* .uk-navbar-nav>li.uk-active>a>span {border-bottom: 3px solid #fff5db; width: 10px; padding-bottom: 25px; padding-right: 25px; margin-right: -25px; margin-left: -10px;} */
        /* .uk-navbar-nav>li>a.uk-active>a>span{border-bottom: 3px solid #fff5db; width: 10px; padding-bottom: 25px; padding-right: 25px; margin-right: -25px; margin-left: -10px;} */
        .uk-navbar-nav>li>a:hover{color: #1e3f39 !important;}
        .uk-navbar-dropdown-nav>li>a{ color: #1e3f39; height: auto;}
        .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #999;}
        .uk-navbar-dropdown{position: absolute; }
        .uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {z-index: 100000;left: 0px; top: -5px;}
        .uk-navbar-dropdown.uk-open{background-color: rgba(255, 255, 255, 1);}
        .uk-navbar-toggle {color: white !important; }
        .uk-navbar.uk-active .uk-navbar-toggle {color: #1e3f39 !important;z-index: 5; }
        .has-dropdown{position: relative; }
        .has-dropdown {padding-right: 0;}
        .uk-navbar-dropdown {width: 160px; } 
        .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;} 
        .uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;}
        .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 40px; right: -15px; background-size: 1000px 500px;}
        .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 40px; right: -15px; background-size: 1000px 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{display: block; z-index: 4;  position: relative; width: 100px; height: 100px;top: 20px;background-image: url(../../public/img/logo-header-w.svg); background-size: contain; background-repeat: no-repeat; position: relative;}
        /* #book-now-button{background-color: #999;color: white;display: none;}
        #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;} */
        .uk-navbar-container.uk-active{background-color: #1e3f39 !important;width: 100vw !important; height: 80px;  z-index: 5;padding: 0 30px;}
        .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 80px; /* margin-top: 5px; */ padding-left: 20px; box-shadow: none; }
        .uk-navbar-nav>li>a:active{color: #999; }
        .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #fff !important;font-weight: 700;}
        .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #fff;}
        .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #999 !important;} 
        .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {font-weight: 700;} 
        .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
        .uk-navbar-container.uk-active .bm-waves span{width: 200px; height: 70px; top: 3px; background-image: url('../../public/img/logo-header-cw.svg');}
        .uk-navbar-container.uk-active .uk-button-menu {color: #999 !important;}
        .uk-form-div{position: relative;padding: 0 !important;}
        .uk-notification-message{font-size: 1rem;}
        .uk-notification{width: 400px;}
        .uk-notification-top-center{margin-left: -200px;}    
        .uk-nav.uk-navbar-dropdown-nav {position: relative; z-index: 5;}
        .uk-button-menu svg:not(:root) {width: 50px; height: 50px;}
        .uk-button-menu svg:not(:root) rect {height: 1px !important;}
        .menu .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve),  #book .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {display: none;}
        .uk-offcanvas-close svg:not(:root) {content: ""; display: inline-block; width: 40px; height: 24px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -50px; position: relative; background-size: 1000px 500px;}
        .uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {width: 60%; background-color: white; padding: 60px;}
        .uk-offcanvas-bar .uk-close {color: #040f0c;}
        .uk-offcanvas-bar .uk-close:hover {opacity: 0.6; color: #040f0c; }
        .uk-offcanvas-bar .uk-nav-primary>li.uk-active>a {color: #040f0c;}
        .uk-offcanvas-bar .uk-nav-primary>li>a {color: #040f0c;font-family: futura-pt, sans-serif;font-size: 3.6rem;line-height: 1.3;}
        /* .uk-offcanvas-bar .uk-nav-primary>li>a:hover {} */
        .uk-offcanvas-bar .social.uk-nav-primary>li>a {color: #040f0c;font-family: futura-pt, sans-serif; font-size: 2.2rem;}
        .uk-offcanvas-bar hr {border-top-color: rgba(27,31,40,1);margin-bottom: 30px; margin-top: 30px;}
        .uk-offcanvas-bar a {color: #040f0c !important; font-size: 2.2rem;}
        .uk-navbar-dropdown.lang {background: transparent; box-shadow: none;}
        .uk-navbar-dropdown.lang:hover {display: inline !important;}
        .uk-navbar-dropdown.lang.has-dropdown a {display: contents;}
        .uk-navbar-dropdown.lang ul li {display: contents !important;}
        .has-dropdown.menu-large {position: relative; top: 0px; left: 0px; list-style: none;}
        .menu-large a {font-size: 0.9rem; text-transform: uppercase; color: #fff5db; font-family: futura-pt, sans-serif; letter-spacing: 2px;}
        .menu-large .uk-navbar-dropdown-nav>li>a {color: #fff5db;}
        .menu-large a:hover .uk-navbar-dropdown {display: contents !important;}
        li.menu-large:hover .uk-navbar-dropdown {display: contents !important;}
        .menu-large .uk-nav.uk-navbar-dropdown-nav {display: inline-flex; color: #fff5db;}
        .menu-large .uk-navbar-dropdown-nav>li>a:hover, .menu-large .uk-navbar-nav>li>a.uk-open {color: #040f0c !important;}
        .uk-navbar.uk-active .menu-large a {color: #040f0c;}
        .uk-navbar.uk-active .menu-large a:hover {color: #eceae7 !important;}
        .uk-navbar.uk-active .menu-large .uk-navbar-dropdown-nav>li>a {color: #040f0c;}
        a.lang-list:before {content: "|"; display: inline-block; color: #fff5db; padding: 0 4px 0 7px;}
        a.lang-list.first:before {display: none;}
        .uk-navbar.uk-active a.lang-list:before {color: #040f0c;}



/* BUSCADOR */
    /* 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: #071633;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

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

    /* overlay buscador */

    .be-overlay{position: fixed;width: 100%;height: 100%;z-index: 4;background-color: rgba(23, 25, 25,0.4);top: 0;left:0;opacity: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;display: none;}
   

    .sticky-buscador{z-index: 3 !important; /*margin-top: -75px;  border-top: 1px solid white */;}
    .sticky-buscador.uk-active{ margin-top: 80px !important;/*background-color: rgb(248, 248, 248);*/ background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); z-index: 4 !important;}
    .sticky-buscador.uk-active #buscador_reserva {border-top: 1px solid #1e3f39; border-bottom: 1px solid #1e3f39; background-color: white;}

        /* datepicker skin */
        .ui-widget.ui-widget-content {background: white; border: 0; border-radius: 0;box-shadow: 0 5px 12px rgba(0,0,0,.15);z-index: 10 !important;}
        .ui-datepicker {padding: 0; margin-top: -10px;}
        .ui-datepicker .ui-datepicker-header {border: none;background: transparent;font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;border-radius: 0;}
        .ui-datepicker .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; color:#1e3f39;}
        .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('../../public/img/ui-icons_ffffff_256x240.png');background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal; background-color: #1e3f39;}
        .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: #1e3f39;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: #1e3f39 !important;font-size: 12px;border:0 !important;text-align: center !important;}
        td .ui-state-active,td .ui-state-hover {background: #e2333f;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

        /* new datedropper */
        div.datedropper {--dd-color1: #1e3f39 !important;}
        div.datedropper .picker .pick-lg ul.pick-lg-h li{color: white;}


    .uk-form-div{position: relative;padding: 0 !important; height: 75px;}
    .b-datepicker{height: 75px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer; text-align: center;color: transparent !important;font-size: 1rem;position: relative;z-index: 1;top: -75px;}
    .b-datepicker::-webkit-input-placeholder, .b-datepicker:-moz-placeholder,.b-datepicker::-moz-placeholder,.b-datepicker:-ms-input-placeholder {  color: white !important;}
    
    /*.day-ida:after, .day-vuelta:after, .hab-value:after{display: block; content: "";width: 25px;height: 25px;background-image: url('../img/assets-sprite.svg');background-position: -2px -65px; z-index: 0; background-size: 1000px 500px; float: right; margin-top: 40px; margin-right: 10px;}
    .hab-value:after{display: block; content: "";width: 25px;height: 25px;background-image: url('../img/assets-sprite.svg');background-position: -2px -65px; z-index: 0; background-size: 1000px 500px; float: right; margin-top: 18px; margin-right: 10px;}*/
    .date-ida .day-ida { font-weight:900;color: white !important;font-size: 0.8rem;font-family: futura-pt, sans-serif;position: relative;  /* margin-right: 5px !important; */ top: 23px; }
    .date-vuelta .day-vuelta { font-weight:900;color: white !important;font-size: 0.8rem;font-family: futura-pt, sans-serif;position: relative;  /*margin-right: 5px !important;*/ top: 23px; }
    .b-title.text-vuelta { top: 23px;}
    .date-ida .month-ida, .date-vuelta .month-vuelta, .date-vuelta .slash-between{font-size: 0.8rem; color: white !important; font-family: futura-pt, sans-serif; position: relative; top: 23px; font-weight:700; text-transform: uppercase}
    .day-ida, .day-vuelta {color: white !important;text-align: center !important; margin: 0 auto !important; font-size: 0.8rem;top: 0px; height: 90px; width: 100%; padding-top: 25px !important;}
    .date-ida, .date-vuelta {text-align: center; border-right: 1px solid white; height: 75px; top: 0px; color: white; }
    .b-title{text-align: left; display: inline-block; color: white; font-family: futura-pt, sans-serif; top: 23px; position: relative; font-weight: 400;
        font-size: 0.8rem; text-transform: uppercase}
    .bmb-cont span.b-title-b{text-align: left; display: inline-block; color: #071633; font-family: futura-pt, sans-serif; top: 23px; position: relative; font-weight: 700; font-size: 1rem;}
    .b-title.hab-num {padding-left: 0; top: -50px; text-align: center; width: 100%;}
    .uk-form-div .uk-inline{width: 100%;}
    /* .hab-value{color: #071633;width: 100%; cursor: pointer; height: 75px;  line-height: 4.8rem; text-align: right; font-size: 1.2rem; font-family: futura-pt, sans-serif; font-weight: 900; padding-right: 30px; z-index: 1; position: relative;  top: 22px; right: 8px;} */
    .hab-value{color: #071633;width: 100%; cursor: pointer; height: 75px;  line-height: 4.8rem; text-align: right; font-size: 1.2rem; font-family: futura-pt, sans-serif; font-weight: 900;  z-index: 1; position: relative;  top: 0px; }
    /* .hab-value:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 68px;background-image: url('../../public/img/assets-sprite.svg');background-position: 0 -75px;right: 5px;z-index: 0; background-size: 1000px 500px;} */
    .b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #071633;font-weight: 700;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
    .b-voucher-input{color: #071633;border:0;font-size: 0.8rem;width: calc(100% - 10px);cursor: pointer;background-color: transparent; height: 90px;padding: 0 0 0 0px; text-align: center;}
    .b-voucher-input::-webkit-input-placeholder, .b-voucher-input:-moz-placeholder,.b-voucher-input::-moz-placeholder, .b-voucher-input:-ms-input-placeholder {  color: white;  }
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{text-transform: none;height: 75px;background-color: #d62d2d;text-transform: uppercase; -webkit-appearance: none !important;/*padding: 1rem 4rem; */font-weight: 700; float: right; width: 100%; border-bottom: 1px solid transparent; margin-right: 0px;}
    .b-send:hover{background-color: #071633 !important; border-bottom: 1px solid #071633; color: white;opacity: 1; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;}
    .b-more-beds {padding-top: 20px;}
    .b-more-beds .uk-grid{margin-top: 0;margin-bottom: 5px;}
    .b-more-beds span.bmb-title{margin: 10px 0; font-size: 0.8rem;}
    .b-more-beds .uk-width-1-2{margin-top: 0;}
    .b-more-beds .uk-width-1-2 span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 0px 0px;}
    .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;font-size: 0.8rem;z-index: 1;position: relative;}
    .b-book {cursor: pointer; height: 75px; font-weight: 400; text-transform: initial; color: white;  padding: 0 0 0 30px; font-size: 0.9rem; font-family: futura-pt, sans-serif; margin-top: 10px; top: 27px;}
    .uk-navbar-container.uk-active .uk-navbar-nav .b-book {color: #071633; height: 20px; margin-bottom: 40px; }
    .b-book:hover {color: #d62d2d;}
    /*.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: 100%; padding-top: 20px; position: relative;}
    .b-hotel:after{content: "";width: 25px;height: 25px;position: absolute;bottom: 25px;background-image: url('../../public/img/assets-sprite.svg');background-position: 0 -75px;right: 10px;z-index: 0; background-size: 1000px 500px;}
    .b-hotel select.uk-select{font-weight: 700;color: #071633;width:100%;cursor: pointer;height: 80px !important;border:0; border-right:1px solid #071633;line-height: 5.6;padding-left: 0px;font-size: 0.75rem;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;}
    .buscador .uk-dropdown {min-width: 320px !important; /* left: 0 !important; */ overflow: scroll;height: auto;}
    .buscador .b-more-beds .uk-grid>.uk-grid-margin {margin-top: 10px !important;}
    .b-send {background-color: transparent !important; border: 0; border-left: 1px solid white; color: white !important;}
    .b-send:hover {background-color: #1e3f39 !important; border: 0; border-left: 1px solid white; color: white !important;}
    
    .uk-sticky.uk-active .date-ida, .uk-sticky.uk-active  .date-vuelta {border-right: 1px solid #1e3f39;}
    .uk-sticky.uk-active .b-title {color: #1e3f39;}
    .uk-sticky.uk-active .date-ida .day-ida {color: #1e3f39 !important;}
    .uk-sticky.uk-active .date-ida .month-ida, .uk-sticky.uk-active .date-vuelta .month-vuelta {color: #1e3f39 !important;}
    .uk-sticky.uk-active .date-vuelta .day-vuelta {color: #1e3f39 !important;}
    .uk-sticky.uk-active .promo {border-left: 1px solid #1e3f39;}
    .uk-sticky.uk-active .promo h5 {color: #1e3f39 !important;}
    .uk-sticky.uk-active input::placeholder {color: #1e3f39 !important;}
    .uk-sticky.uk-active .b-send {background-color: #1e3f39 !important; border: 0; border-left: 1px solid white; color: white !important;}
    .uk-sticky.uk-active .b-send:hover {background-color: #999 !important; }

    /* ROIBACK */
    .b-title, .b-title.text-vuelta {position: relative;font-family:"futura-pt";  color: #fff; font-size:1rem; font-weight: 400;}
    .uk-select:not([multiple]):not([size]) {position: relative; top: 8px;}
    .hab-value {color: #071633; width: 100%; cursor: pointer; height: 53px; text-align: right; font-size: 1rem; font-family:"futura-pt";font-weight: 900; z-index: 1; position: relative; top: 0px; }
    .b-title.hab-num {/* top: -37px; text-align: left; */ width: 100%; padding: 0; float: left;}
    .promo {position: relative; top: 7px;}
    .b-more-beds {padding-top: 20px;}
    .b-more-beds .uk-grid{margin-top: 0;margin-bottom: 5px;}
    .b-more-beds span.bmb-title{margin: 10px 0; font-size: 0.8rem;}
    .b-more-beds .uk-width-1-2{margin-top: 0;}
    .b-more-beds .uk-width-1-2 span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 0px 0px;}
    .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;font-size: 0.8rem;z-index: 1;position: relative;}
    .b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #071633;font-weight: 700;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}


    .rooms {height: 60px; position: relative;}
    .rooms .con {height: 60px; position: relative; width: 100%; left: 0; top: 0; color: #1b1f28; /* background-color: white; */}
    .rooms .con .hab-value { position: relative;width: 100%;left: 0px;top: 20px;text-align: left;font-weight: 700;color: #1b1f28;z-index: 3;padding-left: 90px;box-sizing: border-box;opacity: 0;}
    .rooms .con .b-title.hab-num {position: absolute; width: 100%; left: 0; top: 25px;}
    .rooms .con .b-title.hab-num .ac-counter, .rooms .con .b-title.hab-num .kc-counter{font-weight: 700;}
    .rooms .con .b-beds {position: relative; width: 100%; left: 0; top: 20px; height: auto;overflow-y: auto;}
    .rooms .con .hv-title {font-weight: 700; color: #1b1f28; margin-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; text-align: center;}
    .rooms .con .b-more-beds span {color: #1b1f28; text-align: center; font-size: 0.7rem;text-transform: uppercase;font-weight: 700;margin-top: 5px;}
    .rooms .con .b-more-beds .bmb-kids-cont{margin-bottom: 5px;margin-left: 0;}
    .rooms .con .b-more-beds .bmb-kids-cont select{border-bottom: 1px solid #1b1f28;margin-bottom: 10px;color: #1b1f28;}

    
    /* counter */
    .counter-container{position: relative;width:80px; padding-bottom: 10px; margin: 0 auto;}
    .counter{position: relative;padding: 0 30px; display: inline-block;height:30px;width: 20px;text-align: center;line-height: 1.9; color:#1b1f28;}
    .b-more-beds span{display: block;}
    .b-more-beds .uk-width-expand{position: relative;padding: 0 5px;}
    .icon.less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../public/img/assets-sprite.svg'); background-position: -400px -0px; text-align: center; background-color:#1b1f28;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
    .icon.more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../public/img/assets-sprite.svg'); background-position: -430px -0px; text-align: center; background-color:#1b1f28;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
    .icon.kids_less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../public/img/assets-sprite.svg'); background-position: -400px -0px; text-align: center; background-color:#1b1f28;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
    .icon.kids_more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../public/img/assets-sprite.svg'); background-position: -430px -0px; text-align: center; background-color:#1b1f28;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
    .icon.more.disabled, .icon.less.disabled, .icon.kids_more.disabled, .icon.kids_less.disabled{background-color: #999;}
    .b-beds.uk-dropdown.uk-open.uk-dropdown-top-left {background-color: white;}  
    .uk-button.bb-close {background-color: #fff !important; padding: 1rem 2rem; border: 1px solid #1b1f28;margin: 0;text-align: center;}
    .uk-button.bb-close:after {display: none;}
    .uk-button.bb-close:hover {background-color: #1b1f1b !important; color: white; }



/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(30,63,57,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }

.section{padding: 10vh;}
.section-small{padding: 5vh;}
.section-border{padding: 4vh;}
.transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.bg-light {background-color: #fff5db;}
/* span.vertical h5 {font-weight: 700; text-transform: initial;} */
.bg-dark {background-color: #040f0c;}
.bg-light {background-color: #fff5db;}
.bg-green {background-color: #1e3f39;}
.bg-img {background-position: center; background-repeat: no-repeat; background-size: cover; }

.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

.b-bottom {border-bottom: 1px solid #040f0c;}
.b-top {border-top: 1px solid #040f0c;}
.sans {font-family: futura-pt, sans-serif; font-size: 1.1rem;}
.bold {font-family: futura-pt, sans-serif !important;}

.container-border{border-top: 1.5px solid #040f0c; border-bottom: 1.5px solid #040f0c;}
.container-text {max-width: 700px; margin: 0 auto;}
.container-feed {width: calc(100% - 10%); padding-left: 10%;}

.mt-25 {margin-top: 25px !important;}
.mt-35 {margin-top: 35px !important;}


/* h5 a {color: #040f0c !important; font-size: 1.8rem; letter-spacing: 2px; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
h5 a span {content: ""; display: inline-block; width: 56px; height: 27px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -80px; position: relative; margin-left: 10px; top: 4px; background-size: 1000px 500px;}
h5 a:hover span {color: #040f0c !important; margin-left: 20px;} */

/* PRELOADER */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: #1e3f39; top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 85px);left: calc(50vw - 50px);width: 100px;height: 170px;}




/* OFFCANVAS */
#book h3 {color: #040f0c;}


    .form-book input[type=text]::placeholder,.form-book input[type=email]::placeholder,.form-book input[type=number]::placeholder,.form-book select,.form-book textarea::placeholder{color: #040f0c !important; font-size: 1rem;}
    .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-input:focus {color: #040f0c;}



            /*DATERANGEPICKER*/
            /* #rangepicker {opacity: 0; cursor: pointer; width: 100%; height: 55px; position: absolute; top: -8px; padding-left: 40px; margin-left: -40px; z-index: 10;  border: 0; font-size: 1.4rem; text-align: center;font-family: futura-pt, sans-serif;}
            .daterangepicker {background-color: white !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);font-family: futura-pt, sans-serif; border: 1px solid #040f0c !important; z-index: 1000 !important;border-radius: 0 !important;}
            .daterangepicker .calendar-table th.month{color: #040f0c;}
            .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {color: #1f140f;}
            .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #1f140f !important;}
            .daterangepicker td.in-range {background-color: #eceae7 !important;color: #fff;}
            .daterangepicker td.start-date, .daterangepicker td.end-date {background-color: #040f0c !important;color: #fff;}

            .daterangepicker td.active, .daterangepicker td.active:hover {border-color: #040f0c;}
            .daterangepicker td.start-date {border-radius: 0 !important;}
            .daterangepicker td.active, .daterangepicker td.active:hover {border-color: #040f0c;}
            .daterangepicker .calendar-table td {border-color: #040f0c !important;}

            .daterangepicker td.off.available, .daterangepicker td.disabled, .daterangepicker option.disabled{opacity: 0.2; border-color: #eee;}
            .daterangepicker td.disabled, .daterangepicker option.disabled {border-color: #eee;}

            #day-ida-hidden {display: block;}
            .uk-select:not([multiple]):not([size]) {width: 100; color: #040f0c; height: 55px;} */


/* BUSCADOR */
.buscador {background-color: rgba(30,63,57,0.3);}
.buscador .bus-ind {height: 75px; border-left: 1px solid white; color: white;}
.buscador .bus-ind h6, .buscador .bus-ind h6 span {color: white;}
.buscador .bus-ind:first-child{border-left: 0;}

/* HEADER */
.header {background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -90px; min-height: 65vh;}
.home .header{min-height: auto;max-height: 100vh;width: 100%;/* overflow: hidden; */top: -90px;margin-top: 0;}
.home .header .overlay {background-image: url('../../public/img/bg-home-01_b.jpg');background-position: center; background-repeat: no-repeat; background-size: cover;}
.home .header video{position: relative;margin-top: -90px;width: 100%;object-fit: cover;}

.one {width: 100px;}
.vertical {writing-mode: vertical-lr; transform: rotate(180deg); text-orientation: sideways; text-align:right; text-orientation: sideways; cursor: vertical-text;}
.after-border {background-color: white; width:100px; height: 100px; }
.container-ab {position: absolute; left: 10px; bottom: 10px;} 

/* MODAL EXPERIENCIAS */
.uk-modal-dialog.offer {width: 767px;}
/*.experiencias .uk-modal-dialog .text {width: 100%; height: calc(100% - 500px) !important;}
.experiencias .uk-modal-dialog h2 {color: rgba(255, 255, 255, 0.8); font-size: 4rem; line-height: 1; padding: 30px;z-index: 2; position: relative;}
.experiencias .uk-modal-dialog h3 {font-size: 2rem; color: white; bottom: 40px; left: 40px; position: absolute;z-index: 2;}
.experiencias .uk-modal-dialog p.modal {font-size: 1rem;}
.experiencias .uk-modal-close-full {background-color: transparent;}
.experiencias .uk-button-primary:hover {background-color: #999 !important; border: 1px solid #999999;}
.experiencias .uk-modal-dialog svg:not(:root) {color: white;} */

/* MODAL GOLF*/
.uk-modal-dialog.exp h2 {color: white; font-size: 4rem; line-height: 1; padding: 30px;z-index: 2; position: relative;}
.uk-modal-dialog h2 {color: #1e3f39; font-size: 4rem; line-height: 1; padding: 30px;z-index: 2; position: relative;}
.uk-modal-dialog p {color: #1e3f39;}
/* .uk-modal-dialog {width: 767px; top: calc(50% - 250px);} */
.uk-modal-dialog .text {width: 100%;box-sizing: border-box;}
.uk-modal-dialog h3 {font-size: 2rem; color: #1e3f39; /* bottom: 40px; left: 40px; position: absolute;z-index: 2; */}
.uk-modal-dialog p.modal {font-size: 1rem;}
.bg-modal-img {min-height: 200px!important; width: 100%; height: 100%;}
.uk-modal-close-full {background-color: transparent;}
/* .uk-button-primary{} */
.uk-button-primary:hover {background-color: #fff  !important;color: #1e3f39 !important;}
.uk-modal-dialog svg:not(:root) {color: white;}

.half-top {min-height: calc(40vh) !important;position: relative;}
.half-bottom {min-height: calc(60vh) !important;overflow-y: auto;}
#cmodal-desc p{text-align: justify;}

/* FEED */
.home .feed.rooms {margin-top: 10vh;}
.feed.rooms {margin-top: 5vh; position: relative; }
.feed .bg-green {position: absolute; top: 0; left: 0; width: 80%; min-height: 35vh; z-index: -1;}
.feed .feed-text h3 {color: white; font-size: 2.4rem;}
.feed .feed-text p {color: white;}
.feed .feed-img {height: 100%;}
.feed.noti .feed-img { min-height: 30vh; height: auto;}
.feed .b-room {width: 270px;}
.feed.rooms {height: auto; position: relative;}
.feed.rooms h2, .feed.rooms p {color: white;}
.feed.rooms .big {margin-top: 15vh; left: 5vh;}
.feed.rooms .feed-img {margin-top: -20vh;}
.feed.rooms .feed-img img{ max-width: none; width: 100%;}
.feed.rooms .feed-img .uk-slideshow-items>* {position: relative !important;}
.feed.rooms svg:not(:root) {color: rgba(30,63,57,0.2); width: 75px; height: 120px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed.rooms a:hover svg:not(:root) {color: rgba(30,63,57,0.8);}
.rooms .uk-button-arrow.white:after{width: 27px;}
.feed.ofertas ul li a{color: #1e3f39;text-decoration: underline;}

.feed.relacionadas {margin-top: 5vh; margin-bottom: 5vh;}
.feed.relacionadas .feed-ind .feed-img { min-height: 35vh; height: 100%;}
.feed.relacionadas .feed-ind .overlay {background-color: rgba(30,63,57,0.2)}
.feed.relacionadas .feed-ind:hover .overlay {background-color: rgba(30,63,57,0.6)}
.feed.relacionadas .feed-ind .feed-text {z-index: 1; position: relative;} 
.feed.relacionadas .feed-ind .feed-text h3 {color: white; font-size: 1.4rem; font-weight: 400;}
.feed.relacionadas .feed-ind .feed-text p {color: white; margin-top: 0;}

.feed.noti .feed-ind .feed-text {z-index: 1; position: relative; padding: 30px;} 
.feed.noti .feed-ind .feed-text h3 {color: #1e3f39; font-size: 1.6rem;} 
.feed.noti .feed-ind .feed-text h4 {color: #1e3f39; font-weight: 400; position: initial;}  
.feed.noti .feed-ind .feed-text p {color: #1e3f39;}

/* slider */
.b-slider {width: calc(100% - 160px);}
.b-slider .slider-bullets {width: 160px; position: absolute; right: 0; bottom: 10%;}
.b-slider .slider-bullets .uk-dotnav>.uk-active>* {width: 20px; height: 20px; margin-top: -5px;background-color: rgb(30, 63, 57);}
.b-slider .slider-bullets .uk-dotnav>*>* {width: 12px; height: 12px; border: 1px solid rgba(30, 63, 57, 0.5) }
.b-slider h3 {font-weight: 400; color: white; font-size: 2.2rem; max-width: 560px;}
.b-slider span {text-transform: none;color: white;}
.b-slider .con-vertical {height: 100%; position: relative;}
.b-slider h5 {font-weight: 400; color: white; width: 20px; position: absolute; bottom: 40px;}
/* .b-slider h5 span {background-color: white; width: 1px; height: 580px; float: right; position: relative; left: 20px; top: 20px;} */
.b-slider .bg-bullets {width: 140px;}
.b-slider .button {right: 10px;}
/* .b-slider .uk-slideshow-items {height: 70vh; min-height: 70vh !important;}
.b-slider .uk-slideshow-items>* {height: 70vh;} 
.b-slider .gen-slider {min-height: 50vh; } */
.b-slider .uk-heading-line>::before {transform: rotate(180deg);writing-mode: vertical-lr; text-orientation: sideways; }

/* TEXT HEADER */
.home .text-header h1 {color: white; font-size: 2.4rem; font-weight: 700;text-transform: uppercase; margin-bottom: 0;}
.home .text-header h1 span {font-weight: 400; font-size: 60%;color: white; }

/* HOME */
.home-highlights{position: relative;}
.home-highlights .hh-title{color: white;padding: 10px 20px;line-height: 1;}
.home-highlights .hh-title span{color: white;font-weight: 700;display: block;font-size: 2rem;}
.home-highlights .hh-slider-item{text-align: center;color: white;/* font-weight: 700; */margin-bottom: 10px;font-size: 1rem;/* text-shadow: 0 0 3px rgb(0, 0, 0, 0.5); */}
.home-highlights i:before{display: block;width: 40px;height: 40px;margin: 0 auto;}
.home-highlights .hhi-1:before{content: url('../../public/img/hhi-1.svg');}
.home-highlights .hhi-2:before{content: url('../../public/img/hhi-2.svg');}
.home-highlights .hhi-3:before{content: url('../../public/img/hhi-3.svg');}
.home-highlights .hhi-4:before{content: url('../../public/img/hhi-4.svg');}
.home-highlights .hhi-5:before{content: url('../../public/img/hhi-5.svg');}
.home .intro .intro-text {padding-right: 10vh;}
.home .intro h4 {color: #1e3f39; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; margin-top: -15px;}
.home .intro h3 {color: #1e3f39; font-size: 3.2rem; margin-top: 10px;}
.home .intro .intro-img  {background-image: url('../../public/img/bg-home-02.jpg'); min-height: 50vh; width: calc(100% - 100px); margin-right: 100px; padding-bottom: 10vh;background-position: left bottom;}
.home .intro .b-top.one {width: 160px;}
.home .actividades {position: relative;}
.home .actividades .b-slider {width: calc(100% - 200px);}
.home .actividades .slider-bullets {width: 200px; position: absolute; right: 0; bottom: 10%;}
.home .actividades .slider-bullets .uk-dotnav>.uk-active>* {width: 20px; height: 20px; margin-top: -5px;background-color: rgb(30, 63, 57);}
.home .actividades .slider-bullets .uk-dotnav>*>* {width: 12px; height: 12px; border: 1px solid rgba(30, 63, 57, 0.5) }
.home .actividades .slider-bullets .uk-dotnav>* {padding-left: 7px;}
.home .actividades h3 {font-weight: 400; color: white; font-size: 2.2rem; max-width: 560px;}
.home .actividades .con-vertical {height: 100%; box-sizing: border-box; position: relative;}
.home .actividades h5 {font-weight: 400; color: white; width: 20px; position: absolute; bottom: 50px; height: calc(100% - 50px) !important; text-align:left; left: 40px;}
.home .actividades span {background-color: white; width: 1px; height: calc(100% - 160px);  display: inline-block; position: relative; left: 48px; top: 0px;}
.home .actividades .bg-bullets {width: 140px;}
.home .actividades .button {right: 0;}
.home .actividades .uk-slideshow-items {height: 50vh; min-height: 50vh !important;}
.home .actividades .uk-slideshow-items>* {height: 50vh;}
.home .actividades .boda-slider {height: 50vh; background-image: url('../../public/img/bg-home-04.jpg'); } 
.home .actividades .uk-heading-line>::before {transform: rotate(180deg);writing-mode: vertical-lr; text-orientation: sideways; }
.home .ofertas .exp-ind {position: relative;}
.home .ofertas .exp-ind .exp-img {min-height: 50vh; height: 100%;}
.home .ofertas .exp-ind .overlay {background-color: rgba(30,63,57,0.2)}
.home .ofertas .exp-ind:hover .overlay {background-color: rgba(30,63,57,0.6)}
.home .ofertas .exp-ind .exp-text {z-index: 1;}
.home .ofertas .exp-ind .exp-text h5 {color: white;font-weight: 400; font-size: 1.4rem;}
.home .ofertas .exp-ind .exp-text h6 {color: white;}
.home .ofertas .exp-ind .exp-text-hover {opacity: 0; z-index: 1;}
.home .ofertas .exp-ind .exp-text-hover p {color: white;}
.home .ofertas .exp-ind:hover .exp-text-hover {opacity: 1;}
.home .entorno {margin-top: 20vh;}
.home .entorno .ent-img {background-image: url('../../public/img/bg-home-08.jpg'); min-height: 50vh; height: 100%;}
.home .entorno h3 {font-size: 2.2rem;}
.home .entorno .con-entorno {position: absolute; top: -140px; right: 100px;}
.home .entorno .con-entorno h5 span {background-color: #1e3f39; width: 1px; height: 50px; float: left; position: relative; left: 20px; bottom: 15px; z-index: -1;}
.home .ofertas-golf {margin-top: 10vh; margin-bottom: 5vh;}
.home .ofertas-golf .ofe-text {width: 70%;}
.home .ofertas-golf .ofe-text h3.ofe-slider {font-weight: 400 !important; font-size: 2.4rem !important;}
.home .ofertas-golf .ofe-text p {color: white !important;}
.home .ofertas-golf .ofe-slider {min-height: 60vh;}


/* HOTEL */
.hotel .header {background-image: url('../../public/img/bg-hotel-01.jpg');}
.hotel h1 {color: rgba(30, 63, 57, 0.15); font-size: 6rem; line-height: 1;}
/* .hotel h4 .uk-heading-line>::after, .uk-heading-line>::before {border-bottom: calc(.2px + .05em) solid #1e3f39;} */
.hotel h4 {position: relative; top: 10vh;}
.hotel h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.hotel .images .img-1 {background-image: url('../../public/img/bg-hotel-02.jpg'); min-height: 50vh; padding-top: 5vh; margin-top: -5vh;}
.hotel .images .img-2 {background-image: url('../../public/img/bg-hotel-03.jpg'); min-height: 50vh;}
.hotel .images .img-3 {background-image: url('../../public/img/bg-hotel-04.jpg'); min-height: 50vh;}
.hotel .images .img-4 {background-image: url('../../public/img/bg-hotel-05.jpg'); min-height: 50vh;}
.hotel .feed.rooms h5 {position: relative; top: 180px; right: -90px; color: #1e3f39;}
.hotel .feed.rooms h5 span {background-color: #1e3f39; width: 1px; height: 161px; float: left; position: relative; left: 20px; bottom: 15px; z-index: -1;}


/* HABITACION-IND */
/* .habitacion-ind .header {background-image: url('../../public/img/bg-hotel-01.jpg');} */
.habitacion-ind h1 {color: rgba(30, 63, 57, 0.15); font-size: 6rem; line-height: 1;}
.habitacion-ind h4 {position: relative; top: 10vh;}
.habitacion-ind h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.habitacion-ind .info {padding-bottom: 10vh;}
.habitacion-ind .info #book-now-button{float: right;margin-top: -30px;position: relative;margin-right: 30px;}
.habitacion-ind .info-slider {/* background-image: url('../../public/img/bg-home-09.jpg');min-height: 70vh;  */}
.habitacion-ind .bg-green {position: absolute; bottom: 0; left: 0; width: 80%; min-height: 55vh; z-index: -1; padding-bottom: 10vh; margin-bottom: 0vh;}
.habitacion-ind .text-slider {bottom: 5vh;}
.habitacion-ind .text-slider p {color: white;}
.habitacion-ind .button {right: -40px;}
.habitacion-ind .uk-light .uk-slidenav {border: 1px solid #1e3f39; border-radius: 25px;}
.habitacion-ind .uk-light .uk-slidenav:hover {background-color: #1e3f39;}
.habitacion-ind .uk-light .uk-slidenav:hover {background-color: #1e3f39;}
.habitacion-ind .uk-light .uk-slidenav:hover  svg:not(:root) {color: white;}
.habitacion-ind .uk-light .uk-slidenav svg:not(:root) {color: #1e3f39; margin: 5px;}
.habitacion-ind .uk-light .uk-slidenav.next {margin-left: 70px;}
.habitacion-ind .extras {position: relative; top: 5vh; width: 80%;}
.habitacion-ind li.ext-ind {border-right: 1px solid white; height: 100px;}
.habitacion-ind li.ext-ind:last-child {border: 0;}
.habitacion-ind .ext-ind .ext-icon {min-height: 60px; width: 60px; background-size: contain; background-position: center; background-repeat: no-repeat;margin: 0 auto;}
.habitacion-ind .ext-ind h6{color: white;font-weight: 400;margin-top: 10px;}


/* EXPERIENCIAS */
.experiencias h1 {color: rgba(30, 63, 57, 0.15); font-size: 6rem; line-height: 1;}
.experiencias h4 {position: relative; top: 10vh;}
.experiencias h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.experiencias .header {background-image: url('../../public/img/bg-experiencias-01.jpg');}
/* .experiencias {margin-top: 5vh; margin-bottom: 5vh;} */
.experiencias .feed-ind .feed-img {background-image: url('../../public/img/bg-home-03.jpg'); min-height: 35vh; }
.experiencias .feed-ind .feed-text {z-index: 1; position: relative; padding: 20px 20px;} 
.experiencias .feed-ind .feed-text h3 {color: #1e3f39; font-size: 1.4rem; font-weight: 600;}
.experiencias .feed-ind .feed-text-p{margin-bottom:30px;}
.experiencias .feed-ind .feed-text p {color: #1e3f39; margin-bottom: 0; margin-top: 5px;}
.experiencias .feed-ind .feed-text a{text-decoration: underline;margin-top: 0;padding:10px 0;}

/* GOLF */
.golf .header {background-image: url('../../public/img/bg-golf-01.jpg');}
.golf h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.golf h4 {position: relative; top: 10vh;}
.golf h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.golf .logo.servera {background-image: url('../../public/img/logos/golf-sonservera.jpg'); width: 300px; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.golf .logo.pula {background-image: url('../../public/img/logos/golf-pula.jpg'); width: 300px; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.golf .logo.canyamel {background-image: url('../../public/img/logos/golf-canyamel.jpg'); width: 300px; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.golf .logo.capdepera {background-image: url('../../public/img/logos/golf-capdepera.jpg'); width: 300px; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.golf .logo.alcanada {background-image: url('../../public/img/logos/golf-alcanada.jpg'); width: 300px; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.golf h2 {color: rgba(30, 63, 57, 0.15); font-size: 3rem; line-height: 1;}

/* CICLISMO */
.ciclismo .header {background-image: url('../../public/img/bg-ciclismo-01.jpg');}
.ciclismo h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.ciclismo h4 {position: relative; top: 10vh;}
.ciclismo h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.ciclismo .images .img-1 {background-image: url('../../public/img/bg-ciclismo-02.jpg'); min-height: 50vh; padding-top: 5vh; margin-top: -5vh;}
.ciclismo .images .img-2 {background-image: url('../../public/img/bg-ciclismo-03.jpg'); min-height: 50vh;}
.ciclismo .images .img-3 {background-image: url('../../public/img/bg-ciclismo-04.jpg'); min-height: 50vh;}
.ciclismo .images .img-4 {background-image: url('../../public/img/bg-ciclismo-05.jpg'); min-height: 50vh;}
.ciclismo .feed-ind .feed-img {min-height: 35vh; }
.ciclismo .feed-ind .feed-img.img-1 {background-image: url('../../public/img/bg-ciclismo-08.jpg'); min-height: 30vh;}
.ciclismo .feed-ind .feed-img.img-2 {background-image: url('../../public/img/bg-ciclismo-09.jpg'); min-height: 30vh;}
.ciclismo .feed-ind .feed-img.img-3 {background-image: url('../../public/img/bg-ciclismo-10.jpg'); min-height: 30vh;}
.ciclismo .feed-ind .feed-img.img-4 {background-image: url('../../public/img/bg-ciclismo-11.jpg'); min-height: 30vh;}
.ciclismo .feed-ind .feed-text {z-index: 1; position: relative; padding: 20px 20px;} 
.ciclismo .feed-ind .feed-text h3 {color: #1e3f39; font-size: 1.4rem; font-weight: 600;}
.ciclismo .feed-ind .feed-text p {color: #1e3f39; margin-bottom: 0; margin-top: 5px;}
.ciclismo .feed-ind a {font-weight: 600;}
.ciclismo .bc-img {min-height: 60vh; width: 100%;}
.ciclismo .bc-img .overlay {background-color: rgba(30,63,57,0.4)}
.ciclismo .bc-text {position: relative; z-index: 1;}
.ciclismo .bc-text h3 {font-size: 3rem;}
.ciclismo .bc-text h3, .ciclismo .bc-text p {color: white;}

/* ENTORNO */
.entorno .header {background-image: url('../../public/img/bg-entorno-01.jpg');}
.entorno h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.entorno h4 {position: relative; top: 10vh;}
.entorno h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.entorno .images {margin-top: 10vh;;}
.entorno .images .img-left {background-image: url('../../public/img/bg-entorno-03.jpg'); min-height: 50vh; border-left: 60px solid transparent;background-position: center left;}
.entorno .images .img-right {background-image: url('../../public/img/bg-entorno-02.jpg'); min-height: 50vh; padding-bottom: 10vh;background-position: center;}
.entorno .images .bg-green {position: absolute; bottom: 15vh; left: 0; width: 80%; min-height:40vh; z-index: -1;}
.entorno .bc-img {min-height: 60vh; width: 100%;}
.entorno .bc-img .overlay {background-color: rgba(30,63,57,0.4)}
.entorno .bc-text {position: relative; z-index: 1;}
.entorno .bc-text h3 {font-size: 3rem;}
.entorno .bc-text h3, .entorno .bc-text p {color: white;}
.entorno .dis-img {background-image: url('../../public/img/bg-entorno-05.jpg'); min-height: 60vh; width: 100%;}
.entorno #map {height: 0;}
.entorno #map iframe {width: 100%; height: 100%;}

/* OFERTAS */
.ofertas .header {background-image: url('../../public/img/bg-ofertas-01.jpg');}
.ofertas .intro h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.ofertas .intro h4 {position: relative; top: 10vh;}
.ofertas .intro h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.ofertas .ofe-img {background-image: url('../../public/img/bg-entorno-05.jpg'); min-height: 40vh;}
.ofertas .ofe-ind h3 {color: #1e3f39;}
.ofertas .uk-slidenav {background-color: white; border: 1px solid white; border-radius: 25px;}
.ofertas .uk-slidenav:hover {background-color: transparent;}
.ofertas .uk-slidenav svg:not(:root) {color: #1e3f39; margin: 5px;}
.ofertas .uk-slidenav:hover svg:not(:root) {color: white;}
.ofertas .feed.ofertas h6{color: #1e3f39;}

/* GALERIA */
.galeria .header {background-image: url('../../public/img/bg-galeria-01.jpg');}
.galeria .gal-ind {min-height: 25vh;}
.galeria .gal-ind:hover {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

/* CONTACT */
.contact .header {background-image: url('../../public/img/bg-contact-01.jpg');}
.contact h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.contact h4 {position: relative; top: 10vh;}
.contact h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.contact .container-form {margin-top: -25vh;}

.contact-list {line-height: 2;}
.contact-list li {font-family: futura-pt, sans-serif;letter-spacing: 0; font-size: 1.6rem; padding: 0;}

/* EMPLEO */
.empleo .header {background-image: url('../../public/img/bg-empleo-01.jpg');}
.empleo h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.empleo h4 {position: relative; top: 10vh;}
.empleo h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}
.empleo .container-form {margin-top: -15vh;}
.empleo .uk-select, .empleo .uk-input {margin-top: 20px !important;}
.empleo .bg-green {margin-bottom: 10vh; position: relative;}
.empleo #send-empleo {margin-bottom: -300px;}
.empleo #send-empleo:hover {background-color: #999 !important; border: 1px solid #999999;}

/* NOTICIAS */
.noticias .header {background-image: url('../../public/img/bg-noticias-01.jpg');}
.noticias h1 {color: rgba(30, 63, 57, 0.15); font-size: 5rem; line-height: 1;}
.noticias h4 {position: relative; top: 10vh;}
.noticias h4 span {background-color: #1e3f39; width: 160px; height: 1px; float: right; left: 0px; bottom: -12px; z-index: -1; position: relative; margin-left: 10px;}

/* NOTICIAS */
.noticia-ind h1 {position: absolute; left: 10vh; bottom: 20vh; color: white; z-index: 2;}

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

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

        /* SINGLE-MAPS */
        .gm-style .gm-style-iw-c {padding: 0 !important;}
        .gm-style .gm-style-iw-d {overflow: hidden !important;}
        .single-map {height: 100% !important; width: 280px;}
        .single-map .shadow-goo {-webkit-box-shadow: 0px 0px 10px #555; -moz-box-shadow: 0px 0px 10px #555; box-shadow: 0px 0px 10px #555;}
        .single-map .img-goo {background-size: cover; background-position: center; background-repeat: no-repeat; height: 130px;}
        .single-map .text-goo {padding: 20px;}
        .single-map #content{max-width: 250px; height: auto; border-radius: 10px;}
        .single-map h3 {margin-top: 0; margin-bottom: 0; font-size: 2rem;}
        .single-map p {margin: 0 !important; font-size: 1.1rem;}
        .single-map p.sans {font-size: 0.9rem !important;}
        .single-map a{font-size: 0.9rem;padding: 10px;}
        .single-map a:after{width: 27px;height: 20px;background-position: -25px -80px;}
       
        


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

/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6); box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 400px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #040f0c !important;}
#cookieMessage .uk-link{margin-top: 20px;color: #1e3f39;display: inline-block;padding: 20px;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: #040f0c;}
#cookieNone{margin-top: 20px;}

#modal-cookies .uk-link{color: #040f0c;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #1e3f39 !important;}
#modal-cookies .uk-checkbox:checked{background-color: #1e3f39;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #1B1F28;border-color: #1B1F28 !important;}
#modal-cookies .uk-modal-dialog {background-color: white;}
#modal-cookies .uk-modal-dialog h2 {color: #040f0c; font-size: 1.6rem;}
#modal-cookies .uk-modal-dialog small a {color: #040f0c;}

.uk-button-cookies{ background-color: #040f0c !important; color: white !important; border: 1px solid #040f0c; }
.uk-button-cookies:hover{background-color: #1e3f39 !important; color: white !important; border: 1px solid #1e3f39;}
.uk-button-cookies-accept{ background-color: #1e3f39 !important; color: white !important; border: 1px solid #1e3f39; }
.uk-button-cookies-accept:hover{background-color: #040f0c !important; color: white !important; border: 1px solid #040f0c;}
#modal-cookies .uk-button-main {background-color: #040f0c; color: white !important;}
#modal-cookies .uk-button-main:hover {background-color: #1e3f39; color: white !important;}



  /* cookies i aviso legal */
  .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; }
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .cookies .uk-link, a {color: #1e3f39;}
  .cookies .uk-link, a:hover {color: #999;}

  

  /* footer */
  footer {background-color: #040f0c; padding: 5vh 10vh!important;}
  footer h3 {font-size: 2.2rem; line-height: 2;}
  footer h5 {color: #ffffff !important; text-align: left !important; text-transform: initial;font-family: futura-pt, sans-serif;}
  footer h6{color: #ffffff; text-transform: Initial; }
  footer h6 a:hover{text-decoration: none;opacity: 0.8;}
  footer li a,   footer li {color: #ffffff; list-style: none !important; font-size: 1rem;}
  footer li a:hover {opacity: 0.8;}
  footer small {font-size: 0.7rem;}

  .footer-logo {display: inline-block;width: 180px;}
  .footer-logo.for {display: inline-block;width: 180px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}
  .social {position:relative; }
  .social li {list-style: none !important;}
  .contacta .social {margin-top: 30px; }
  /* .footer-social {position: absolute; bottom: 0;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;font-size: 0;} */
  /* .footer-social li a:hover{opacity: 0.7;} */
  .footer-menu{float: right;}
  .footer-ul {right: 0;  margin-top: 20px; }
  .footer-ul li a, .footer-ul li{text-align: left !important;text-decoration: none; color: #ffffff;font-size: 1.1rem;padding: 0;line-height: 1.5;list-style-type: none; }
  .footer-ul li a:hover{color: #ffffff;}
  .footer-submenu{float: right; margin-top: 30px;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: #ffffff;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: #ffffff;font-size: 0.9rem;padding: 0;font-weight: 400;}
  .footer-submenu li a:hover{color:#ffffff;}
  .copyright{font-size: 0.9rem; color: #ffffff;padding-top: 30px;}
  .autor{float: right; text-align: right;margin-top: 10px !important; font-size: 0.8rem; color: #ffffff;}
  .autor p{float: right; text-align: right; color: #ffffff !important;font-size: 0.7rem; margin-top: 10px !important; ;} 
  .autor a{color: white;font-weight: 400;margin-top: 10px !important; ;}
  .autor b {font-weight: 700;}


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

}

@media only screen and (min-width: 1200px){
    .home .header{overflow: hidden;}
}

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

}

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

   
    

}



@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}

        /* MENU */
        .menu-header .menu a{font-size: 0.9rem;}
        .is-stuck .header-logo{width: 230px;}
        .uk-navbar-nav>li>a{padding: 0 15px;}
        .uk-navbar-container{height: auto;}
        .uk-navbar-right{width: 100%;display: block; height: auto; margin-top: 0; padding-right: 0; }
        .uk-navbar-left{display: inline-block;}
        .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 20px 0vw 0 0vw; width: calc(100% - 10px); background-color: #1e3f39; z-index: 3;padding-left: 10px; padding-top: 100px;}
        .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
        .uk-navbar-nav li{width: calc(100% - 15px);text-align: left; display: inline-block; height: 45px;}
        .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;}
        .uk-navbar-toggle{height: 80px;float: right;z-index: 4;position: relative;color: white !important;}
        .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
        .uk-navbar-toggle-icon{margin-right: 10px;}
        .header-search{margin-top: 0 !important;width: 100%;}
        .bm-waves span{display: block; z-index: 4;  position: relative; width: 180px; height: 70px; top: 20px; background-image: url(../../public/img/logo-header-cw.svg);}
        .uk-navbar-container.uk-active .bm-waves span {top: 10px;} 
        .uk-navbar.uk-active .uk-navbar-toggle{color: #fff   !important;}
        .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #fff !important; text-transform: uppercase;font-size: 1rem; min-height: 40px;}
        .uk-navbar-nav>li.uk-active>a, .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a{color: #fff !important;font-weight: 700;}
        .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%23fff%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%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%23fff%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");}
        .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #999 !important;}
        .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -36px -5px; position: absolute; top: 18px; left: 100px; background-size: 1000px 500px;}
        .uk-navbar-dropdown-nav {margin-left: 20px !important;}
        .uk-navbar-container.uk-navbar {background-color: transparent; height: 80px;padding-left: 20px; padding-right: 20px; width: calc(100vw - 40px);}
        .uk-navbar-container.uk-active .uk-navbar-right {margin-top: 0; background-color: transparent; padding-right: 0vh;}
        .uk-navbar-nav>li.uk-active>a>span  {padding-bottom: 5px; margin-left: 0;} 
        .uk-navbar-right {box-shadow: none;}


        
        /* SON CORB */

        .home .intro .intro-img {height: auto;}
        .home .intro .b-top.one {width: 50px;}
        .home .intro h3 {font-size: 1.8rem;}
        .home .intro .intro-img {width: 100%; margin-right: 0px; padding-bottom: 0;}
        
        .feed .bg-green {height: 100%;width: 100%;}
        
        .feed.rooms {margin-top: 5vh;padding-bottom: 10vh;}
        .feed.rooms .feed-img {margin-top:0;}
        .feed.rooms .uk-slideshow-items>* {position: relative !important;}
        .feed.rooms svg:not(:root) {width: 50px; height: 80px;}
        .feed.rooms .big {left: 0;}
        .home .ofertas .exp-ind .exp-img {min-height: 40vh;}

        .habitacion-ind h1, .hotel h1, .experiencias h1, .golf h1, .ciclismo h1, .entorno h1, .ofertas h1, .contact h1 {font-size: 4rem;}
        .habitacion-ind .extras {width: 100%; bottom: 40px;}
        .habitacion-ind .bg-green {padding-bottom:0;}
        .habitacion-ind .bg-green {width: 100%; position: absolute;  bottom: 0; left: 0; width: 100%; z-index: -1;}
}

@media (max-width: 1024px){ /* ipad */
    .section {padding:5vh;}
    .section-intro {padding: 5vh;}

    .experiencias .intro h4, .entorno .intro h4, .ciclismo .intro h4, .golf .intro h4, .experiencias .intro h4, .hotel .intro h4, .ofertas .intro h4 .contact .intro h4 {display: none !important;}

}


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

      

    .vertical {writing-mode: horizontal-tb;transform: rotate(0deg);}


   /* SON CORB */
    .header {min-height: 60vh;margin-bottom: 162px;}
    .bc-header{bottom: -162px;height: 162px;}
   footer {padding: 3vh 5vh !important;}
   footer .social {margin-top: 20px; text-align: left !important;}
   .order-1 {-webkit-order: -1; order: -1;}
   .text-header {padding: 20px;}
   .home .text-header {top: calc(100% - 60px);}
   .home .text-header h1 {font-size: 1.8rem;}
   .home .text-header h1 span{font-size: 80%;}
   #buscador_reserva {background-color: rgba(30,63,57,1);}

            /* SON CORB */
            .intro .uk-margin-xlarge-top {margin-top: 0px !important;}
            .home .intro .intro-text {padding-right: 0; margin: 30px;}
            .home .ofertas .exp-ind .exp-img {min-height: 40vh;}
            .home .entorno {margin-top: 0;}
            .home .entorno .con-entorno {display: none;}
            .home .actividades .boda-slider .uk-position-top-right{width: 100%;position: relative !important;box-sizing: border-box;}
            .golf .logo-ind {position: relative !important; margin-bottom: 20px;}
            .b-slider .uk-slideshow-items {min-height: 50vh !important; height: 50vh;}
            .b-slider {width: 100%;}
            .b-slider .slider-bullets {width: 100%; position: relative; right: 0; bottom: -30px;}
            .habitacion-ind h1, .hotel h1, .experiencias h1, .golf h1, .ciclismo h1, .entorno h1, .ofertas h1, .contact h1 {text-align: left}
            .habitacion-ind h4 {display: none;}
            .habitacion-ind .extras {position: relative;}
            .habitacion-ind li.ext-ind:nth-child(even){border-right: 0;}
            .habitacion-ind .button {right: 0;position: relative !important;}
            .habitacion-ind .info-slider {min-height: 50vh;}
            .habitacion-ind .bg-green {width: 100%; position: absolute; top: 40vh; left: 0; width: 100%; min-height: 45vh; z-index: -1;}
            .habitacion-ind .text-slider p {color: #1e3f39; /* margin-top: -50px; */}
            .habitacion-ind .text-slider {bottom: 0vh; position: relative !important; padding-left: 20px; padding-top: 0;}

            .contact .container-form {margin-top: 0;}
            .contact h4 {display: none;}

            /* BUSCADOR */
            .header-search{height: auto;}
            #buscador_reserva{margin-top: 0; height: 225px;}
            .b-title {width: auto;top: 26px !important;}
            .b-book{ flex: initial !important; width: 100%; height: 75px; border-right: 0; margin-top: -10px; margin-left: -20px;font-size: 0.8rem;}
            .uk-form-div{flex: initial !important;/* width: 50%; */max-width: none; height: 75px;margin-top: 0px !important;}
            /*.uk-form-div:nth-child(3){border-right: 1px solid white;}*/
            .uk-form-div:nth-child(4){border:0;}
            .hab-value{height: 75px;}
            .b-voucher-input{border-left: 0; width: calc(100% - 1px); border-radius: 0; padding-bottom: 48px !important; border: 0px;}
            /*.date-vuelta { text-align: center; padding: 20px 0; border-bottom: 1px solid white;}*/
            .date-ida  {height: 75px; padding: 0px 0; border-bottom: 1px solid white;color: #071633;}
            .b-title.hab-num { width: 100%; left: 0; padding-left: 30px; height: 0px; padding-top: 0px;}
            span.b-title.hab-num { padding-top: 0px;}
            /*.uk-form-div .uk-inline { width: calc(100% - 15px);}*/
            .b-datepicker {height: 75px;top: -75px;}
            .mis-reservas {height: 75px; width: 100%;}
            .promo .b-voucher-input {padding-top: 20px;}
            /* .b-voucher-input {font-size: 1.2rem;} */
            ul .uk-nav.uk-navbar-dropdown-nav li a{padding-left: 30px;}
            .b-hotel select.uk-select {border-bottom: 1px solid white; border-right:0; }
            .b-hotel:after {top: 40px; margin-right: 20px;}
            .b-hotel { padding-top: 10px; margin-left: -15px; width: calc(100% + 15px);}
            .hab-value:after {bottom: 38px; right: -10px;}
            .uk-select:not([multiple]):not([size]) {padding-left: 30px !important;}

            div.datedropper .picker ul.pick .pick-arw{opacity: 1;}
    
    
            .reservas {border-bottom:1px solid white; border-right: 0;height: 90px;}
            .mis-reservas {height: 90px;width: 100%;margin-top: 0;padding-top: 30px;border-right: 1px solid white;}
            .promo {width: 100% !important;border-left:1px solid white !important; margin-left: -1px; margin-bottom: -10px; border-left:0;border-top: 1px solid white; margin-top: 0;}
            .promo .b-voucher-input {height: 20px; padding-bottom: 0px !important;}
            .b-send {width: 100%; height: 75px; border-top: 1px solid white; border-left: 0;margin-top: 0 !important;}
            .b-send:hover {background-color: #1e3f39 !important; border-top: 1px solid #1e3f39; border-left: 0; color: white !important;}
            .date-ida, .date-vuelta { height: 75px; margin-top: 0;}
            .date-ida .day-ida {text-align:left;top: 26px;}
            .date-ida .month-ida, .date-vuelta .month-vuelta {text-align:left;top: 26px;}
            .day-ida {top: 5px;}
            .day-ida, .day-vuelta {padding-top: 30px !important;top: 26px !important;}
            .date-vuelta {border-right: 0; top:26px; padding: 0;border-right: 0 !important;}
            .b-title.hab-num {top: -50px !important; padding-left: 0;}
  
            .uk-sticky.uk-active .b-send {border-left: 0;}
            .uk-sticky.uk-active .hab-value {border-top: 1px solid #1e3f39; border-right: 1px solid #1e3f39;width: calc(100% - 1px);}
            .uk-sticky.uk-active .promo {border-top: 1px solid #1e3f39;}

            .habitacion-ind h4, .ofertas .intro h4, .empleo h4, .noticias h4 {top: 30px;}
            .noticias .intro{padding-top: 50px;}
            .map-img{overflow: hidden;}
            .map-img img{min-width: 650px;float: right;}

            .banner-ciclismo{margin-bottom: 0 !important;}

            .empleo .container-form{margin-top: 0;}
            .se-button-container{position: relative !important;}
            .se-button-container #send-empleo{margin-bottom: 0;}
            .empleo .bg-green{margin-bottom: 0;}
        
        .date-ida, .date-vuelta{height: 50px;}
        .day-ida, .day-vuelta{height: 50px;padding-top: 10px !important;}
        .day-ida, .day-vuelta, .b-title, .date-ida .month-ida, .date-vuelta .month-vuelta{top: 12px !important;}
        .date-ida .b-title{display: none;}
        .date-vuelta .slash-between{top: 11px;}
        .b-datepicker{height: 50px;top:-50px;}
        .uk-form-div{height: 50px;}
        .hab-value{height: 50px;}
        .promo{height: 50px;}
        .b-title.hab-num{top: -32px !important;}
        .promo .b-voucher-input {padding-top: 10px;}
        .promo h5{padding-top: 0;}
        .b-send{height: 50px;padding: 0.7rem 3rem;}
        #buscador_reserva {height: 100px;}
        .home-highlights {background-color: #1e3f39;}
        .home-highlights .hh-title{display: none;}
        .home-highlights .hh-title span{font-size: 1rem;text-align: center;display: inline-block;margin-right: 5px;}
        .home-highlights .uk-slider-container{margin-top: 0;padding: 10px;}
        .home-highlights .hh-slider-item span{width: calc(100% - 80px);padding: 7px 0 0 80px;display: block;text-align: left;}
        .home-highlights .hh-slider-item i{width: 40px;float: left;padding-left: 30px;}

        .home .header video{height: calc(100vh - 62px);object-fit: cover;}
        .icon.audio {bottom: 80px;}


        .uk-modal-dialog h3 {font-size: 1.4rem;}
        .uk-modal .uk-height-medium {height: 150px !important;}
        .uk-modal-dialog p {font-size: 0.9rem;}
        
            
}
@media (max-width: 767px){ /* medium-small */


}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-text{padding: 10%;}

    .uk-navbar-container.uk-active {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}

    /* SON CORB */    
    .home .text-header {top: calc(100% - 40px);}
    .home .text-header h1 {font-size: 1.1rem;}
    /* .habitacion-ind li.ext-ind {border-right:0;} */
    .habitacion-ind h1, .hotel h1, .experiencias h1, .golf h1, .ciclismo h1, .entorno h1, .ofertas h1, .contact h1 {font-size: 3rem;}
    .habitacion-ind .info-slider {min-height: 40vh;}
    .home .actividades .slider-bullets {position: relative;}
    .home .actividades .b-slider {width: 100%;}
    .home .actividades .button {right: auto;transform: none;top: auto;bottom: 20px;}
    .home .actividades .con-vertical {display: none;}
    .feed.rooms svg:not(:root) {width: 25px; height: 40px;}

    /* modal */
    .uk-modal-dialog h2, .uk-modal-dialog.exp h2 {padding: 30px !important; font-size: 2rem !important;}
    .uk-modal-dialog h2 {font-size: 3rem !important; padding: 0 !important;}
    .uk-modal-dialog .uk-text-right {text-align: left !important;}
    .golf h2 {font-size: 2rem;}

    .ciclismo .bc-text h3, .entorno .bc-text h3 {font-size: 2rem;}

    footer li a, footer li {text-align: left !important;}

    .entorno .images .img-left{min-height: 40vh;border: 0;}
    .entorno .images .img-right{padding-bottom: 0;}
}
@media (max-width: 459px){ /* x-small */

    /* generics */
    .section{padding: 10%;}
    .section-text{padding: 5%;}
    footer {padding: 10% !important;}

    .rutas.section {padding: 0 !important;}



       
        

      
}