/* Developed entirely by staycreative.es */

@font-face { font-family: 'bank_gothicregular'; src: url('../../public/fonts/bank_gothic_medium-webfont.woff2') format('woff2'), url('../../public/fonts/bank_gothic_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
.uk-card-default {background-color: transparent !important; box-shadow: none; }
::selection {background-color: #010b33;}

/* Generals */
html, body{font-family: 'Lato', sans-serif; font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-family: 'Lato', sans-serif; color: #1d1d1b;font-weight: 400; line-height: 1.4; font-size: 1rem;}
h1, h2, h3 {font-family: 'bank_gothicregular',  Arial, sans-serif; color: #010b33; margin-top: 10px; margin-bottom: 10px;}
h3 {font-size: 2.5rem; line-height: 1.1;}
h4, h5 {font-family: 'bank_gothicregular',  Arial, sans-serif; margin-top: 0px; margin-bottom: 0px;}
h6{font-family: 'Lato', sans-serif; text-transform: inherit; color: #010b33; font-size: 1.4rem; margin-top: 0px; margin-bottom: 0px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'bank_gothicregular',  Arial, sans-serif; font-weight: 400;font-style: normal; color: #1d1d1b; display: block;}
ul {padding-left: 0px;}
li {text-decoration:none; list-style-type: none; color: #1d1d1b;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out;}
small {font-weight: 400 !important;}
.other h3 {font-size: 1.6rem;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{font-family: 'bank_gothicregular',  Arial, sans-serif;font-weight: 700; border:0;line-height: 1.5;text-transform: capitalize;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;  text-transform: uppercase; padding: 1rem 3rem; }

.uk-button-default{ background-color: transparent !important; color: white!important; border-bottom: 1px solid white;}
.uk-button-default:hover{background-color: white !important; color: #010b33 !important;  }

.uk-button-primary{ background-color: transparent !important; color: #010b33!important; border-bottom: 1px solid #010b33; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.uk-button-primary:hover{background-color: #010b33 !important; color: white !important; border: 1px solid #010b33; }

.menu .uk-button-primary{ background-color: transparent !important; color: #010b33!important; border-bottom: 1px solid #010b33; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 1rem 0; }
.menu .uk-button-primary:hover{ border-bottom: 1px solid #010b33; padding: 1rem 2rem 1rem 0rem;}
.menu .uk-button-primary.l:hover{ border-bottom: 1px solid #010b33; padding: 1rem 0rem 1rem 2rem;}

.uk-button-cookies{background-color: #010b33 !important; color: white !important; border: 1px solid #010b33; padding: 10px;}
.uk-button-cookies:hover{background-color: transparent !important; color: #010b33 !important; border: 1px solid #010b33;}

.uk-button-save{background-color: transparent !important; color: #010b33 !important; border: 1px solid #010b33;padding: 10px;}
.uk-button-save:hover{background-color: #010b33 !important; color: white !important; border: 1px solid #010b33; }

.uk-button-send{background-color: #010b33 !important; color: white !important; border: 1px solid white !important; position: relative !important; }
.uk-button-send:hover{background-color: white !important; color: #010b33 !important; border: 1px solid white;}



/* .uk-button-primary:hover:after { } */

.uk-button-secondary{ background-color: black !important; color: white!important; -webkit-box-shadow: 0px 0px 10px #aaa; -moz-box-shadow: 0px 0px 10px #aaa; box-shadow: 0px 0px 10px #aaa !important; display: -webkit-inline-box; text-transform: capitalize;}
.uk-button-secondary:hover{background-color: #010b33 !important; color: white !important;}





.uk-button-modal{background-color: transparent; padding: 0; color: white; margin-top: 20px; text-transform: uppercase;}
.uk-button-modal:hover{background-color: transparent; padding: 0; color: #010b33;}


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

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

    /* form */
    /* .form {margin-bottom: 10vh;} */
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{min-height: 90px; margin-top: 0px !important; padding: 20px 20px 10px 50px;border:0;background-color: white; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0; color: #010b33 ; font-size: 0.8rem; border-bottom: 1px solid #010b33; }

    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #010b33 !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 #010b33;}
    .form select{padding-right: 30px; font-size: 0.8rem; height: 80px !important; padding: 40px 20px 10px 50px; width: calc(100% - 60px); margin-left: 50px; border: 0;}
    .form textarea{margin-bottom: 10px;padding: 40px 20px 10px 50px;}
    .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: #214c83 !important;font-size: 0.8rem;}
    .form small{color: #999;float: left;margin-bottom: 10px; margin-top: 20px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #010b33;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #010b33}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #010b33}
    .form .g-recaptcha{float: left;}
    /* .form .uk-button{margin: 40px 10px 10px 10px; float: right !important;  z-index: 1; position: relative; }
    .form .uk-button:hover {background-color: white !important;  color: #9c121c;}
    .form .uk-button-primary:focus, .uk-button-primary:hover {background-color: transparent; color: #9c121c;} */
    .uk-input:focus, /*.uk-select:focus,*/ .uk-textarea:focus {background-color: rgba(255, 255, 255, 0);}
    .uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}


      /* timepicker */
  .ui-timepicker-wrapper {width: 160px;}
  .ui-timepicker-list li {text-align: center;}
  li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {background-color: #967007;}


/* Hacks */
.clear{clear: both; }
.overlay{background-color: rgba(55,55,55,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-deg {background: rgba(79,56,37,0);
    background: -moz-linear-gradient(top, rgba(79,56,37,0) 0%, rgba(241,111,92,0) 20%, rgba(239,110,91,0) 21%, rgba(79,56,37,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79,56,37,0)), color-stop(20%, rgba(241,111,92,0)), color-stop(21%, rgba(239,110,91,0)), color-stop(100%, rgba(79,56,37,1)));
    background: -webkit-linear-gradient(top, rgba(79,56,37,0) 0%, rgba(241,111,92,0) 20%, rgba(239,110,91,0) 21%, rgba(79,56,37,1) 100%);
    background: -o-linear-gradient(top, rgba(79,56,37,0) 0%, rgba(241,111,92,0) 20%, rgba(239,110,91,0) 21%, rgba(79,56,37,1) 100%);
    background: -ms-linear-gradient(top, rgba(79,56,37,0) 0%, rgba(241,111,92,0) 20%, rgba(239,110,91,0) 21%, rgba(79,56,37,1) 100%);
    background: linear-gradient(to bottom, rgba(79,56,37,0) 0%, rgba(241,111,92,0) 20%, rgba(239,110,91,0) 21%, rgba(79,56,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010b33', endColorstr='#010b33', GradientType=0 );
    position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;
    -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;
    }
.overlay-blue{background-color: rgba(1,11,51,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}



.section{padding: 10vh;}
.section-VER{padding: 10vh 0;}
.section-intro{padding: 15vh 10vh;}
.section-max{padding: 20vh 10vh;}
.section-text{padding: 5vh;}
.section-left{padding: 10vh 10vh 10vh 0vh;}
.section-img{padding: 0vh 10vh;}

.corporativo {color: #010b33 !important;}
.bg-corporativo {background-color: #010b33 !important;}
.bold {font-weight: 700 !important;}
.min {text-transform: capitalize !important; }
.f-right {float: right !important;}
.mt-0 {margin-top: 0 !important;}
.mt-50 {margin-top: 50px !important;}
.mt-80 {margin-top: 74px !important;}
.mr-70 {margin-right: 70px !important;}
.h-90 {height: 90px !important;}

/* Icons */
.icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}

.icon.reservas{width: 45px;height: 45px;background-position: -0px -100px; margin-top: 15px; margin-left: 15px;}
.icon.fb{width: 30px;height: 30px;background-position: -215px -0px; }
.icon.fb:hover {opacity: 0.7; border-radius: 5px; }



.scroll{display: none;}
.home .scroll{display: block;}

/* 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: white; margin-top: 6px;cursor: pointer;color: #010b33 !important;} */


/* table */
.uk-table td {border: 1px solid #a5a5a5;}

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

#modal-cookies.uk-modal.uk-open {background-color: white; width: 500px; margin: 0 auto;}
#modal-cookies .uk-modal-dialog {background-color: white;}

/* Politica Cookies */
.page-intro {word-wrap: break-word;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: rgba(1,11,51,1); top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 100px);left: calc(50vw - 150px); width: auto; height: 200px; width: 300px}





    /* menu */
    .uk-navbar-container.uk-navbar{height: 80px; z-index: 5; background-color: transparent; width: 100%; margin: 0 auto;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
    ul .uk-navbar-nav {width: 200px;}
    .uk-navbar-left {width: 280px; padding-left: 25px;}
    .uk-navbar-right {background-color: transparent; height: 90px; padding-right: 25px;}
    .uk-navbar-nav .uk-active {color:rgb(1, 11, 51);}
    .uk-navbar-nav>li>a{height: 75px;font-weight: 400;text-transform: initial;color:white; padding: 0px 15px 0px 15px; font-size: 1rem;font-family: 'bank_gothicregular';}
    li.lang.has-dropdown a{padding-right: 0;}
    .uk-navbar-nav>li.uk-active>a{opacity: 0.7 !important; color: white; }
    /* .uk-navbar-nav>li.uk-active>a>span {border-bottom: 3px solid #010b33; 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 #010b33; width: 10px; padding-bottom: 25px; padding-right: 25px; margin-right: -25px; margin-left: -10px;}
    /* .uk-navbar-nav>li>a:hover{opacity: 0.8;} */
    .uk-navbar-dropdown-nav>li>a{ color: #1d1d1b;text-transform: uppercase;height: auto;font-family: 'bank_gothicregular',  Arial, sans-serif; font-size:1rem;}
    /* .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{} */
    .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(245, 245, 245, 1);}
    .uk-navbar-toggle {color: white !important; }
    .uk-navbar.uk-active .uk-navbar-toggle {color: #1d1d1b !important;z-index: 5; }
    .has-dropdown{position: relative; }
    .lang.has-dropdown {padding-right: 0;}
    .lang.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: 38px; right: -15px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px 2px;  position: absolute; top: 37px; right: -15px; background-size: 1000px 500px;}
    /* .bm-waves { background-image: url('../public/img/logo-header.svg'); height: 100px; width: 300px;} */
    .uk-navbar.uk-active .uk-navbar-nav#main-menu { padding-right: 30px; }
    .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: 190px; height: 16px; background-image: url(../../public/img/logo-header.svg); background-size: contain;background-repeat: no-repeat; z-index: 10;}

    .uk-navbar.uk-active .bm-waves span{ background-image: url(../../public/img/logo-header-c.svg);}

    #book-now-button{background-color: #214c83;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: white !important; height: 80px; z-index: 5; width: 100% !important; margin: 0 auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
    .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 80px; padding-left: 20px; box-shadow: none; }
    .uk-navbar-nav>li>a:active{color: #214c83; }
    .top.uk-active {display: none;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #010b33 ; }
    /* .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{opacity: 0.7;}  */
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {color: #010b33 !important;} 
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5; padding-left: 30px;}

    .uk-navbar-container.uk-active .bm-waves-top span{width: 190px; height: 56px; background-image: url(../../public/img/logo-header-c.svg); margin-left: 20px; left: 0; margin-top: 8px; background-size: contain;}
    .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-nav.uk-navbar-dropdown-nav li:hover  {background-color: #010b33; }
    .uk-nav.uk-navbar-dropdown-nav li:hover a {color: white;} */
    .uk-navbar-dropdown {padding: 0;}
    .uk-navbar-dropdown ul {padding: 20px;}
    .uk-navbar-dropdown ul li {padding: 0 10px;}
/*
--------------------------
BUSCADOR
--------------------------
*/
.sticky-buscador.uk-active {top:100px !important;}
.header-search {background-color: #010b33;}
.buscador-container {margin-top: -112px; position: relative;}
.uk-form-div{position: relative;padding: 0 !important; height: 80px; border-right: 1px solid white;}
#buscador { position: relative;width: calc(100% - 346px); margin:0;}
#buscador li {background-color: rgb(0, 0, 0, 0.6); padding:0;}
#buscador li.uk-active {background-color: rgb(0, 0, 0, 0.8);}
#buscador li a, #buscador li a:hover {background-color: transparent; color: white; text-transform: unset;}
#buscador-container {position: relative; top: -20px;}
#ida-vuelta, #solo-ida {height: 80px;}
.buscador-container .uk-switcher {background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }
.b-title {display: block; text-align: center; font-size: 0.8rem; margin-top: 10px; color: #000000;}
#iv-place {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0;}
.select-guests {opacity: 0;}
.title-place {text-align: center; padding: 0 10px; text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden; margin-top: 5px; color: #000000;}
.title-date{text-align: center; padding: 0 10px; text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden; margin-top: 5px; color: #000000; font-size: 1.5rem;}
.title-guests {text-align: center; padding: 0 10px; text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden; margin-top: 5px; color: #000000;}
#iv-guests {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0;}
#i-place {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0;}
/* #date{position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0;background-color: transparent;text-align: center;cursor: pointer;font-size: 0.8rem;font-family: 'lato';text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden;border: 0; top: 5px;} */
#guests {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0;}

#quantity {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0; cursor: pointer;}
#size {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1;opacity: 0; cursor: pointer;}

#date{position: absolute; left: calc(50% - 300px) !important; top: 247px !important; width: 300px; height: 100px; z-index: 1; opacity: 0; background-color: transparent; text-align: center; cursor: pointer; font-size: 0.8rem; font-family: 'lato'; text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden; border: 0; /* top: 5px !important; */ padding: 0; margin-top: 10px !important;}
.select-guests {opacity: 0;}
.select-hora:after {content: ""; width: 10px; height: 5px; position: absolute; bottom: 0px; background-image: url(../../public/img/assets-sprite.svg); background-position: -35px -0px; z-index: 0; display:none;}
.select-adults, .select-kids  {background-color: transparent; border: 0; text-align: center; margin-left: calc(50% - 19px); margin-top: 15px; font-size: 1rem; font-weight: 700;}
.date-ida .day-ida {font-weight: 700; color: #000000 !important; font-size: 1.2rem; font-family: "Lato",sans-serif; position: relative; top: -37px; }
.date-ida .day-ida:before {content: "";  width: 12px; height: 7px; margin-top: 2px; background-image: url(../../public/img/assets-sprite.svg); background-position: -65px 0px;  background-size: 1000px 500px; float: right; padding-right: 10px;}
/* .date-vuelta .day-vuelta {font-weight: 700; color: #000000 !important; font-size: 1.2rem; font-family: "Lato",sans-serif; position: relative; top: 10px;} */
.date-vuelta .day-vuelta:before {content: ""; width: 12px; height: 7px; margin-top: 2px; background-image: url(../../public/img/assets-sprite.svg); background-position: -65px 0px;  background-size: 1000px 500px; float: right; padding-right: 10px;}
.date-ida .month-ida, .date-vuelta .month-vuelta{font-size: 0.9rem; color: #000000 !important; font-family: "Lato",sans-serif; position: relative; top: 10px; font-weight: 600; text-transform: capitalize; }
.date-ida, .date-vuelta, .hora-vuelta {text-align: center; height: 80px; top: 60px; color: #000000; cursor:pointer;}
.date-ida, .date-vuelta {text-align: center; height: 80px; top: 60px; color: #000000;}
.hora-ida .select-ida, .hora-vuelta .select-vuelta{font-size: 0.9rem; color: #000000 !important; font-family: "Lato",sans-serif; position: relative; top: 10px; font-weight: 600; text-transform: capitalize; }
.selected {background-color: rgba(0, 0, 0, 1);}
.select-hora .uk-select {cursor: pointer; opacity: 0; height: 80px !important; margin-top: -160px; position:relative;}
.uk-sticky #ida-vuelta, .uk-sticky #solo-ida {background-color: rgba(255, 255, 255, 1);}

.timepicker {background-color: transparent !important; color: white !important; font-size: 1.5rem !important;  text-align: center; padding: 0 !important; border-bottom: 0 !important; width: 300px;padding-top: 0px !important; cursor: pointer;}
.ui-timepicker {position: absolute; z-index: 10000;}
.ui-menu .ui-menu-item {background-color: transparent;}
.ui-timepicker-no-scrollbar .ui-timepicker {background-color: white;}
.ui-timepicker-standard a {color: #010b33 !important; }
.ui-timepicker-container{z-index:99999 !important;}

/*   ——————— RM ————————— */
    /* TIMEPICKER */
    /* .ui-widget-content {border: 1px solid #010b33 !important;}
    .ui-timepicker-standard {background-color: #010b33 !important;}
    .ui-timepicker-standard .ui-state-hover {background-color: rgba(175, 203, 6, 0.6) !important; border: 0;}
    .ui-timepicker-standard a:hover {border: 1px solid transparent !important; }
    .ui-widget {background-color: #010b33;} */

/* datepicker skin */
.ui-widget {background: #000000;border: 1px solid #000000;}
.ui-datepicker {padding: 0; margin-top: 25px;}
.ui-datepicker-header {border: none;background: #000000; font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;border-radius: 0;}
/* .ui-widget-content {} */
.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(../../public/img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal; background-color: #010b33;}
.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: #012428;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #CBCBCB;}
.ui-datepicker td {border: none;padding: 0;}
td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: white !important;font-size: 12px;border:0 !important;text-align: center !important;}
td .ui-state-active,td .ui-state-hover {background: #010b33 !important;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.uk-navbar-container.uk-navbar.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below .ui-datepicker {margin-top: 30px !important;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {margin-top: 25px; }
.sticky-buscador.uk-sticky.uk-active.uk-sticky-below.uk-sticky-fixed .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {margin-top: 30px; }
.tallas.uk-dropdown.uk-open.uk-dropdown-bottom-left {margin-top: 25px !important;}

    .uk-form-div{position: relative;padding: 0 !important;}
    .b-datepicker{height: 80px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer; text-align: center;color: transparent !important;font-size: 0.8rem;line-height: 4.8;position: relative;z-index: 1;top: -80px; border-right: 5px solid #000;}
    .b-datepicker::-webkit-input-placeholder, .b-datepicker:-moz-placeholder,.b-datepicker::-moz-placeholder,.b-datepicker:-ms-input-placeholder {  color: white !important;}
    #buscador_reserva {height: 80px;}
    #buscador_reserva_moto .b-datepicker.right {border-right: 1px solid white;}
    #buscador_reserva_moto .quantity-container {border-left: 0;}
    /*.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: 400; color:#000000 !important; font-size: 2rem; font-family: "proxima-nova",sans-serif; line-height: 2.5;}
    .date-vuelta .day-vuelta {font-weight: 400; color: 000000 !important; font-size: 2rem; font-family: "proxima-nova",sans-serif; position: relative;line-height: 2.5; top: -37px;} 

    .date-ida .month-ida{font-size: 0.9rem; color: #000000 !important; font-family: "proxima-nova",sans-serif; position: relative;  font-weight: 600; text-transform: capitalize; padding-left: 0px; top: -37px;}
    .date-vuelta .month-vuelta {font-size: 0.9rem; color: #000000 !important; font-family: "proxima-nova",sans-serif; position: relative;  font-weight: 600; text-transform: capitalize; padding-left: 0px; top: -37px;}
    /* .date-ida .month-ida:after, .date-vuelta .month-vuelta:after{content: "";width: 10px; height: 5px; position: absolute; bottom: 4px; background-image: url(../img/assets-sprite.svg); background-position: -15px 0px; right: -15px; z-index: 0;} */
    /* .day-ida, .day-vuelta {color: white !important;text-align: center !important; margin: 0 auto !important; font-size: 0.9rem;top: 0px; height: 90px; width: 100%; padding-top: 25px !important;} */
    .date-ida, .date-vuelta {text-align: center;top: 60px; background-color: #010b33;}
    .tallas {text-align: center;  top: 60px; color: white; background-color: #010b33;}
    .b-title{text-align: center; display: inline-block; color: #000000; font-family: "proxima-nova",sans-serif; top: 17px; position: relative; font-weight: 900; font-size: 1.2rem; width: 100%;}
    .b-title.talla{text-align: center; display: inline-block; color: white; font-family: "proxima-nova",sans-serif; top: 17px; position: relative; font-weight: 700; font-size: 1.2rem; width: calc(100% - 80px); padding-left: 40px; padding-right: 40px;}
    .bmb-cont span.b-title-b{text-align: left; display: inline-block; color: white; font-family: "proxima-nova",sans-serif; top: 40px; position: relative; font-weight: 700; font-size: 1rem;}
    .uk-form-div .uk-inline{width: 100%;}
    .hab-value{color: white; background-color: #1d1d1b; cursor: pointer; height: 120px; line-height: 4.8rem; text-align: center; font-size: 1.2rem; font-family: "proxima-nova",sans-serif; font-weight: 700; z-index: 1; position: relative;border-top: 1px solid white;}
    .hab-value:after{content: ""; width:7px; height: 4px; position: absolute; bottom: 48px; background-image: url(../../public/img/assets-sprite.svg); background-position: -36px -9px;right: 40px; z-index: 0; background-size: 1000px 500px;}
    .tallas select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #012428;font-weight: 400;font-size: 1rem;z-index: 1; position: relative;}
    .b-voucher-input{color: #012428;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; -webkit-appearance: none !important; font-weight: 700; float: right; width: 100%; z-index: 1; color: white !important; font-size: 1.4rem;   box-shadow: none !important; margin-right: 0; background-color: #000000 !important; border-radius: 0 !important; height: auto;
        padding: 2.6vh;}
    .b-send:hover{background-color: white !important;color: #010b33 !important; opacity: 1; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,.35s ease-in-out;}
    .b-send:active, .b-send:focus {background-color: #000000 !important; color: white;opacity: 1; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; border: 1px solid #000000;}
    .b-more-beds {padding-top: 40px;}
    .b-more-beds .uk-grid{margin: 0 0 5px 0 !important;}
    .b-more-beds .uk-grid>*{padding-left: 0 !important;}
    .b-more-beds span.bmb-title{margin: 10px 0; font-size: 0.8rem;}
    .b-more-beds .uk-width-expand{margin-top: 0; padding: 0 5px;}
    .b-more-beds .uk-width-expand 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: 400;font-size: 0.8rem;z-index: 1;position: relative;}
    .b-book {cursor: pointer; font-weight: 400; text-transform: initial; color: white; padding: 0 0 0 30px; font-size: 0.8rem; font-family: "proxima-nova",sans-serif; margin-top: 5px; padding-bottom: 6px;}
    .uk-navbar-container.uk-active .uk-navbar-nav .b-book {color: #012428; height: 20px; margin-bottom: 40px; }
    .b-book:hover {color: white;}
    .con-book {background-color: #1bc3ea; height: 25px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;}
    .con-book:hover{background-color: #012428; color: white;}
    .size-container { background-color: #1d1d1d;}
    .size-select{position: relative; text-align: center; background-color: #010b33;height:80px; border-right: 5px solid #000000;}
    .size-select:after{content: ""; width: 10px; height: 5px; position: absolute; bottom: 55px; background-image: url(../../public/img/assets-sprite.svg); background-position: -15px -0px;  z-index: 0; margin: 0 auto 0 55px;}
    .size-select select.uk-select{color: #000; cursor: pointer;height: 80px !important;border:0;background: none !important;z-index: 1;position: relative; font-weight: 400; color: #000 !important; font-size: 2rem; font-family: "proxima-nova",sans-serif; line-height: 2.5; padding-left: 50%; width:50%;opacity: 0;}
    .size-select .uk-select:not([multiple]):not([size]) {width: 100%; margin-top: -46px;}
    .size-span {text-align: center; display: inline; color: #000000; font-family: "proxima-nova",sans-serif; top: 26px; position: relative; font-weight: 900; font-size: 1.2rem;}
    .size-span:after{content: ""; width: 12px; height: 7px; margin-top: 39px; background-image: url(../../public/img/assets-sprite.svg); background-position: -65px 0px;  background-size: 1000px 500px; float: right; padding-right: 10px;}
    .quantity-container { background-color: #010b33;  height: 80px;}
    .quantity-select{position: relative; text-align: center;}
    .quantity-select:after{content: ""; width: 10px; height: 5px; position: absolute; bottom: 70px; background-image: url(../../public/img/assets-sprite.svg); background-position: -15px -0px; z-index: 0; margin: 0 auto 0 50px;}
    .quantity-select select.uk-select{color: #000; cursor: pointer;height: 80px !important;border:0;background: none !important;z-index: 1;position: relative; font-weight: 400; color: #000 !important; font-size: 2rem; font-family: "proxima-nova",sans-serif; line-height: 2.5; padding-left: 50%; width:50%; opacity:0;}
    .quantity-select .uk-select:not([multiple]):not([size]) {width: 100%; top: -45px; }
    .quantity-span {text-align: center; display: inline; color: #000000; font-family: "proxima-nova",sans-serif; top: 26px; position: relative; font-weight: 900; font-size: 1.2rem;}

    .quantity-span:after{content: "";  width: 12px; height: 7px; margin-top: 39px; background-image: url(../../public/img/assets-sprite.svg); background-position: -65px 0px;  background-size: 1000px 500px; float: right; margin-right: 10px;}

    .transfer input.timepicker {height: 62px !important;}


/*
--------------------------
FIN BUSCADOR
--------------------------
*/
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.rounded {border-radius: 25px !important;}

/*MENU TOP*/
.top {height: 50px; position: relative; z-index: 10; top: 50px; right: 0; width: calc(100% - 50px);}
.bg-reservas {background-color: #010b33; width: 76px; height: 76px; margin-top: -25px; margin-left: 25px;}

/* HEADER */
.header {background-position: center; position: relative;background-size: cover; background-repeat: no-repeat; height: 80vh !important;background-color: rgba(1,1,51,0.2); background-blend-mode: multiply;margin-top: -80px; }
.header .header-text {position: absolute; left: 50px; bottom: calc(50% - 100px); max-width: 700px;z-index: 2;}
.header .header-text h1 {color: white;}
.header .overlay-deg {opacity: 0.5; z-index: 0;}

/* INTRO */
.home .intro .bg-white {background-color: white; padding-top: 20vh; margin-top: -20vh; z-index: 3;}
.home .intro .bg-white h3 {margin-top: -5vh; font-size: 2rem;}
.home .intro .bg-white .bg-blue {background-color: #010b33; width: 160px; height: 30px; margin-top: 40px;}

.home .horario {background-color: #010b33; margin-bottom: 10vh;}
.home .horario h3 {color: white;}
.home .horario p {color: white;}

/* HOME */
.home .header { background-image: url('../../public/img/bg-home-01.jpg'); }
.home .video {position: relative; margin-bottom: 15vh;}
.home .video .video-stroke {position: absolute; z-index: -1; bottom: -120px; right: 0;}
.home .video .video-play {background-image: url('../../public/img/bg-legal.jpg');  background-size: cover; background-position: center;min-height: 50vh;position: relative;}
.home .menu .menu-ind {position: relative;}
.home .menu .menu-ind .text {opacity: 1;}
.home .menu .menu-ind:hover .text {opacity: 0;}
.home .menu .menu-ind:hover .overlay-deg {background-color: rgba(208,168,103,0.7);} 
.home .menu .menu-ind h4 {color: white; padding: 20px; z-index: 1; position: relative;}
.home .menu .menu-ind .carta {background-size: cover; background-position: center; min-height: 35vh;position: relative;}
.home .menu .menu-ind .carta .overlay-blue {background-color: rgba(1,11,51,0.3);}
.home .menu .menu-ind .carta:hover .overlay-blue  {background-color: rgba(1,11,51,0);}
.home .menu .menu-ind .menu { background-size: cover; background-position: center;min-height: 50vh;position: relative;}
.home .menu .menu-ind .plato { background-size: cover; background-position: center; min-height: 50vh;position: relative;}
.home .menu .menu-ind .text-hover {opacity: 1; padding: 20px; text-align: center; z-index: 1;}
.home .menu .menu-ind:hover .text-hover {opacity: 1; z-index: 2;}
.home .menu .menu-ind .text-hover h4 {writing-mode: vertical-lr;}
/* .home .menu .menu-ind .text-hover h4:after {content: ""; display: inline-block; width: 31px; height: 31px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -145px; position: absolute;  background-size: 1000px 500px;  margin-left: 5px; } */
.home .menu .menu-ind .overlay-deg.rounded {padding-top: 1px;}
.home .reserva {background-image: url('../../public/img/bg-home-06.jpg'); background-size: cover; background-position: center; position: relative; margin-top: 10vh;background-color: rgba(0,22,137,0.9); background-blend-mode: multiply; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out; }
.home .reserva:hover {background-color: rgba(0,22,137,0.5);}
.home .reserva .menu-ind .overlay {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;}
.home .reserva .menu-ind:hover .overlay {background-color: rgba(79,56,37,0.8);}
.home .reserva .con {position: relative; height: 100%;max-width: 500px; float: right;}
.home .reserva .text {text-align: center; position: relative; z-index: 2; height: 100%;}
.home .reserva .text h3 {color: white; margin-bottom: 60px;}
.home .reserva .text h5 {color: white; margin-bottom: 10px; margin-top: 10px;}
.home .reserva .text p {color: white; margin-top: 10px; margin-bottom: 30px; text-align: center;}
.home .entorno {margin-top: 10vh; min-height: 40vh; }
.home .entorno .ent-img {background-image: url('../../public/img/bg-home-07.jpg'); background-size: cover; background-position: center right; min-height: 50vh; position: relative; width: calc(100% - 100px); margin-left: 50px; margin-bottom: 50px; z-index: -1;}
.home .portocolom {background-image: url('../../public/img/bg-home-08.jpg'); background-size: cover; background-position: center right; min-height: 50vh;position: relative;  -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;}
.home .portocolom:hover .overlay-blue  {background-color: rgba(1,11,51,0.8);}
.home .portocolom .text {position: relative; z-index: 2; max-width: 900px;}
.home .portocolom .text h3, .home .portocolom .text p {color: white;margin-bottom: 40px;}
.home .portocolom .text h3 span {color: white; margin-bottom: 0px; font-size: 70%;}

/* MENU */
.menu .header { background-image: url('../../public/img/bg-carta-01.jpg'); height: 60vh !important; }
.menu .tipos {margin-bottom: 5vh; margin-top: 5vh; position: relative;}
.menu .tipos .select-menu {position: relative; z-index: 1;}
.menu .tipos .select-menu a li {color: #010b33; margin-bottom: 20px; font-weight: 600; font-family: 'Lato', sans-serif;}
.menu .tipos .select-menu a li:hover {color: #010b33;}
.menu .tipos .uk-tab::before {display: none;}
.menu .tipos .text {background-color: #010b33; height: 100vh; overflow-y: auto; }
.menu .tipos .text p {margin-bottom: 0; margin-top: 0; color: white;}
.menu .tipos .text h5 {margin-top: 30px; color: #010b33; font-weight: 600;}
.menu .tipos .text h3 {margin-top: 40px;}
.menu .tipos .text h3:first-child {margin-top: 0px;}
.menu .tipos .uk-tab-left::before {display: none;}
.menu .tipos .uk-tab-left>*>a {color: #010b33; font-weight: 600; border: 0; font-size: 1.2rem;}
.menu .tipos .uk-tab-left>*>a:hover {color: #010b33;}
.menu .tipos .uk-tab>.uk-active>a {color: #010b33; font-weight: 600; font-size: 1.2rem;border: 0;}
.menu .tipos .uk-tab>.uk-active>a:hover{color: #010b33;  font-size: 1.2rem;}
.menu .tipos .uk-tab>*>a {color: #010b33; font-weight: 600; border: 0; font-size: 1.2rem;}
.text-menu {color: red;}
.menu .item-menu, li.desc2 {padding: 0 10px;}

.home .menus {margin-bottom: 10vh;}
.home .menu-ind {position: relative;}
.home .menu-ind-img {background-position: center; background-size: cover; }
.home .menu-ind-text { position: relative;}
.home .menu-ind-text h3 {color: #010b33; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out; border-bottom: 1px solid transparent;}
.home .menu-ind-text h3:hover {border-bottom: 1px solid #010b33;}
.home .menu-ind-text.right p{text-align: right !important;display: -webkit-inline-box;}

.menu .feed-menus {position: relative;}

/* .menu .feed-menus .menu-ind {position: relative;}
.menu .feed-menus .menu-ind .text {opacity: 1;}
.menu .feed-menus .menu-ind:hover .text {opacity: 0;}
.menu .feed-menus .menu-ind:hover .overlay-deg {background-color: rgba(208,168,103,0.7);} 
.menu .feed-menus .menu-ind h4 {color: white; padding: 20px; z-index: 1; position: relative;}
.menu .feed-menus .menu-ind .carta {background-size: cover; background-position: center; min-height: 35vh;position: relative;}
.menu .feed-menus .menu-ind .menu { background-size: cover; background-position: center;min-height: 50vh;position: relative;}
.menu .feed-menus .menu-ind .plato { background-size: cover; background-position: center; min-height: 50vh;position: relative;}
.menu .feed-menus .menu-ind .text-hover {opacity: 1; width: 100%; padding: 20px; text-align: center; z-index: 100;}
.menu .feed-menus .menu-ind:hover .text-hover {opacity: 1; z-index: 2;}
.menu .feed-menus .menu-ind .text-hover h4 {margin-left: -15px;}
.menu .feed-menus .menu-ind .text-hover h4:after {content: ""; display: inline-block; width: 31px; height: 31px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -145px; position: absolute;  background-size: 1000px 500px;  margin-left: 5px; }
.menu .feed-menus .menu-ind .overlay-deg.rounded {padding-top: 1px;}  */




/* GALERIA */
.galeria .header { background-image: url('../../public/img/bg-galeria-01.jpg');height: 60vh !important; }
.galeria .gallery{padding-bottom: 10vh;}
.galeria .gal-ind {min-height: 30vh;  background-size: cover; background-position: center;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.galeria .gal-ind:hover {box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; -moz-box-shadow: 0 0 10px #aaa; opacity: 0.9;}



/* CONTACTA */
.contact .header {background-position: center; position: relative; background-image: url('../../public/img/bg-contact-01.jpg');height: 60vh !important;}
.contact .header h3 {color: white; margin-bottom: 0; font-size: 3rem; line-height: 1.1;}
.contact .header h4 {color: white; margin-bottom: 0; margin-top: 0; font-weight: 400; font-size: 2rem;}
.contact .intro {max-width: 100%;}
.contact  ul li, .contact  ul li a {text-align: left; }
.contact ul li a:hover {color: #010b33;}
.contact .form-contact {background-color: white; z-index: 1; position: relative;  }
.form-contact .form input[type=text], .form-contact .form input[type=email], .form-contact .form input[type=number], .form-contact .form select, .form-contact .form textarea {background-color: transparent; color: #010b33;  padding: 0px 20px;}
.form-contact  input[type=text], .form-contact  input[type=email], .form-contact  input[type=number], .form-contact  select, .form-contact  textarea {color: #010b33; border-bottom: 1px solid #010b33;}
.form-contact #send-form {position: relative !important; float: right; box-shadow: none !important;}
.contact .con-map {z-index: 0; position: relative; margin-bottom: 10vh;min-height: 40vh;}
.contact .con-map ul {padding-top: 10vh;}

/* RESERVAS */
.reservas-page {background-color: #010b33; width: 100vw; height: 100vh;;}
.reservas-page .uk-text-center {color: white;}
.reservas-page .bt-close {color: white; font-size: 3rem; margin-top: 50px; margin-right: 50px;}
.reservas-page .bt-close:hover {opacity: 0.6;}
.reservas-page h3, .reservas-page p {color: white;}
.reservas-page a {color: white;}
.reservas-page a:hover {opacity: 0.8; color: white;}


/* MDOAL */
.container-modal {max-width: 600px; width:100%; padding-top: 120px;}
.uk-close {color: white;}
.uk-modal.uk-open {background-color: #010b33; width: 100vw; height: 100vh; padding-left: 0; padding-top: 0;} 
.uk-modal-header  {background-color: #010b33;}
.uk-modal-footer  {background-color: #010b33;}
.uk-modal-dialog {background-color: #010b33; height: 100%; width: 100%;}
.uk-modal-dialog input {background-color: transparent; border: 0; height: 70px; position: absolute; }
#modal-group-3 {padding-bottom: 5vh;}
#modal-group-3 .uk-modal-dialog input.required {position: relative !important; left: 0; top: 0; width: 100%; border-bottom: 1px solid white !important;background-color: transparent;}

.form-contact input[type=email], .form-contact input[type=number] {padding: 20px 20px 10px 20px;}

#date-hidden {background-color: transparent; z-index: -1; border: 0; height: 80px; position: absolute;  color: white; font-size: 1.5rem; text-align: center; width:300px;}
.uk-modal-dialog textarea {border-bottom: 1px solid white !important;}
.uk-modal-dialog textarea::placeholder{color: white !important;}
.uk-modal-dialog input[type=text]::placeholder {color: white !important;}
.uk-modal-dialog input[type=email]::placeholder {color: white !important;}
.uk-modal-dialog input[type=number]::placeholder {color: white !important;}

.uk-select.horas {background-color: transparent; border: 0; color: white !important;font-size: 1.5rem; padding: 0px; margin-top: 1px !important;}

#modal-group-2 .uk-modal-body {padding: 0 !important;}
.title-date {margin-top: 23px;}

#modal-group-3 .form-contact {background-color: transparent; width: 100%; z-index: 1; position: relative; box-shadow: none;}
#modal-group-3 .form input[type=text], .form-contact .form input[type=email], .form-contact .form input[type=number], .form-contact .form select, .form-contact .form textarea {background-color: transparent; color: #010b33;  padding: 0px 20px;}
#modal-group-3  .form-contact  input[type=text], #modal-group-3  .form-contact  input[type=email], #modal-group-3  .form-contact  input[type=number], #modal-group-3  .form-contact  select, #modal-group-3  .form-contact  textarea {color: white; border-bottom: 1px solid #010b33;}
.form-contact  textarea{background: none;border: 0;border-bottom: 1px solid #010b33;}
#modal-group-3  .form-contact #send-form {position: relative !important; float: right; box-shadow: none !important;}
#modal-group-3 .uk-modal-footer.bt-0 {border-top: 0px !important;}

#modal-group-3 .uk-modal-dialog label.accept-checkbox {color: white;}
#modal-group-3 .uk-modal-dialog label.accept-checkbox a {font-weight: 700;}
#modal-group-3 .uk-modal-dialog input.uk-checkbox.required {width: 15px; border: 1px solid white; height: 15px; margin-right: 5px; margin-top: 15px; margin-bottom: 15px;}

.uk-modal {background-color: #010b33; width: 100%; height: 100%;}
.uk-modal-dialog h3 {color: white;}
.uk-modal-dialog p {color: white;}
.uk-modal-body h5 {color: white; text-align: center; font-size: 2rem;}
.uk-modal-body .num-ind {height: 80px; position: relative; padding: 3px; border: 1px solid white; font-size: 2rem; text-align: center; padding-top: 15px;} 
.title-date {color: white;}
.drp-selected {color: white !important;}
.uk-modal-body {min-height: 80px;}


/* modal-full-book */
#modal-full-book .uk-modal-dialog input {position: relative; height: 40px; border-bottom: 1px solid white !important; color:white !important;}
#modal-full-book .timepicker {text-align: left; font-size: 1rem !important;}
#modal-full-book .uk-modal-dialog textarea {background-color: transparent; border: 0; border: 0; border-bottom: 1px solid white; color: white;}
#modal-full-book .uk-modal-dialog .uk-checkbox {border: 1px solid white !important; height: 15px; margin-right: 5px;}
#modal-full-book .uk-modal-footer {border-top: 0;}
#modal-full-book #reservar-book {height: auto; background-color: transparent; border: 1px solid white; color: white; margin-left: 0 !important;}
#modal-full-book #reservar-book:hover {height: auto; background-color:white; border: 1px solid white; color: #010b33 !important;}
#modal-full-book .accept-checkbox {margin-top: 20px;}
#modal-full-book a {color: white; font-weight: 700;}
#modal-full-book .uk-checkbox:checked, #modal-full-book .uk-checkbox:indeterminate, #modal-full-book .uk-radio:checked {    background-color: #26272E;}
#modal-full-book .uk-select {background-color: transparent; border: 0; border-bottom: 1px solid white; color: white;}
#modal-full-book .uk-modal-footer {padding: 0; margin-top: 15px;    }



  /* Color inicial placeholder */
  #modal-full-book .text-placeholder {color: white;}
  
  /* Color cuando el usuario selecciona una opción */
  #modal-full-book .text-black {color: white;}

#modal-full-book .uk-modal-close-full {background: transparent;}
#modal-full-book .uk-modal-dialog {height: auto;}


  #modal-full-book  input:-webkit-autofill {
    background-color: #010b33 !important;     /* Fondo personalizado */
    color: #000 !important;                /* Color de texto */
    transition: background-color 5000s ease-in-out 0s; /* Truco para evitar el fondo amarillo */
    box-shadow: 0 0 0px 1000px #fff inset; /* Otra forma de forzar el fondo */
  }

  #modal-full-book input:-moz-autofill {
    background-color: #fff !important;
    color: #000 !important;
  }


#modal-full-book label {color: white;}
/* #modal-full-book .uk-modal-close-full svg:not(:root) {color: #010b33;} */

  

/* datedropper */
/* div.datedropper.llonja-theme {--dd-color1: #010b33 !important;--dd-color2: #FFF !important;--dd-color3: #26272E !important;--dd-color4: #FFF !important;--dd-radius: 16px !important;--dd-width: 160px !important;--dd-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3) !important;} */

/* datedropper new */
/* .llonja-theme { --dd-overlay:rgba(0, 0, 0, .75); --dd-background:#FFFFFF;--dd-text1:#26272E;--dd-text2:#FFFFFF;--dd-primary:#010b33;--dd-gradient:linear-gradient(45deg, #010b33 0%, #010b33 100%);--dd-radius:16px;--dd-shadow:0 0 2.5em rgba(0, 0, 0, 0.1);--dd-range:rgba(0, 0, 0, 0.05);--dd-monthBackground:var(--dd-gradient);--dd-monthText:var(--dd-text2);--dd-monthBorder:transparent;--dd-confirmButtonBackground:var(--dd-gradient);--dd-confirmButtonText:var(--dd-text2);--dd-selectedBackground:var(--dd-gradient);--dd-selectedText:var(--dd-text2);} */

.llonja-theme {
    /* General layout */
    --dd-overlay: rgba(0, 0, 0, 0.75);
    --dd-background: #ffffff;
    --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
    --dd-radius: 16px;
  
    /* Text colors */
    --dd-text1: #5a5d85; /* Marrón oscuro para texto general */
    --dd-text2: #ffffff; /* Blanco para texto sobre fondos oscuros */
  
    /* Colores corporativos */
    --dd-primary: #010b33; /* Dorado */
    --dd-gradient: linear-gradient(45deg, #010b33 0%, #010b33 100%);
  
    /* Cabecera (mes y año) */
    --dd-headerBackground: #5a5d85;        /* Fondo marrón oscuro */
    --dd-headerText: #ffffff;              /* Texto blanco */
    --dd-headerBorder: transparent;
  
    /* Selección de mes (dropdowns) */
    --dd-monthBackground: #5a5d85;         /* Fondo para selector de mes */
    --dd-monthText: #ffffff;               /* Texto en selector de mes */
    --dd-monthBorder: transparent;
  
    /* Día seleccionado */
    --dd-selectedBackground: #010b33;
    --dd-selectedText: #ffffff;
  
    /* Hover en día */
    --dd-hoverBackground: #f0e0cb;
    --dd-hoverText: #5a5d85;
  
    /* Confirm/OK button */
    --dd-confirmButtonBackground: #010b33;
    --dd-confirmButtonText: #ffffff;
  
    /* Rango (si se usa como date range picker) */
    --dd-range: rgba(0, 0, 0, 0.05);
  
    /* Día inactivo / deshabilitado */
    --dd-disabledBackground: #f9f9f9;
    --dd-disabledText: #ccc;
  }


        /* 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;}
        #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: -6px;}


  /* 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; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .cookies .uk-link, a {color: #010b33;}
  .cookies .uk-link, a:hover {color: #010b33;}

  /* RANGEPICKER */
  .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #010b33; }
  .daterangepicker {border: 1px solid #010b33; top: calc(50% - 130px) !important;left: calc(50% - 280px) !important;}
  .daterangepicker span.drp-selected {color: white !important;}
  
    /*DATERANGEPICKER*/
    /* .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:  'Montserrat', sans-serif !important; border: 1px solid #010b33 !important; z-index: 3 !important;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {color: #000000;}
    .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #010b33 !important; color: white;}
    .daterangepicker td.in-range {background-color: #bdbdbd !important;}
    .daterangepicker td.start-date, .daterangepicker td.end-date {background-color: #010b33 !important; color: white;}
    .daterangepicker td.off.available, .daterangepicker td.disabled, .daterangepicker option.disabled{opacity: 0.2;}
    .icons-bottom{display: none;} */

  /* footer */
  footer {background-color: #010b33;padding-bottom: 2vh !important;}
  footer h5 {color: white !important; margin-bottom: 10px; text-align: left !important; text-transform: uppercase;font-family: 'Lato', sans-serif; }
  footer h6{color: #fff;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
  footer li a,   footer li {color: white !important;}
  footer li a:hover {opacity: 0.7;}
  .modal-button {width: 108px; height: 76px; background-color: transparent !important; color: white; cursor: pointer;}
  .footer-logo {display: inline-block;width: 210px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}
  .social {margin-top: 10px; }
  .contacta .social {margin-top: 30px; }
  .footer-social {position: relative; margin-top: 20px;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;}
  /* .footer-social li a:hover{opacity: 0.7;} */
  .footer-menu{float: right;}
  .footer-ul {right: 0;  margin-top: 0; min-width: 200px;}
  .footer-ul li a, .footer-ul li{text-align: left !important; float: left; text-decoration: none; color: white;font-size: 0.8rem;padding: 0;line-height: 1.8;list-style-type: none; width: 100%;}
  .footer-ul li a:hover{color: #010b33;}
  .footer-submenu{float: right; margin-top: 30px;}
  .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;}
  .footer-submenu li a:hover{color:#010b33;}
  .copyright{float: left;font-size: 0.8rem;color: white;margin-top: 5px;}
  .autor{float: right; text-align: right;margin-top: 10px !important; font-size: 0.8rem; color: white;}
  .autor p{float: right; text-align: right; color: white !important;font-size: 0.7rem; margin-top: 10px !important; ;} 
  .autor a{color: white;font-weight: 700;margin-top: 10px !important; ;}

        /* footer RESERVAS */
        .reservas-page footer.none {display: none;}



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

}

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

}

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


}

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

       

        /* home */
        .home .h-wheel .text h3 {font-size: 2rem;}
        .home .h-wheel .text h4 {font-size: 1.6rem;}

        /* products */
        .product .product-feed .feed-ind:nth-child(3n+3) {border-right: 0;}
        .product .product-feed .feed-ind:nth-child(4n+4) {border-right: 2px solid #010b33;}

        /*tours*/
        .tour-ind .tour-text h3 span {float: initial; text-align: left;margin-top: 10px;}


}

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

}


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


   /* sa llotja*/
   .text.section-text {padding: 5vh !important;}
   .section-max {padding: 5vh;}
   .order-1 {-webkit-order: -1; order: -1;}
   footer .uk-align-right {float: left !important; margin-left: 0; }
   .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: auto;}

    /* MENU */
    .top {height: 0;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .uk-navbar-nav>li>a{padding: 0 15px; min-height: auto;}
    .uk-navbar-container{height: auto;}
    .uk-navbar-right{width: 100%;display: block; height: auto; margin-top: 0; /*background-color: rgba(245, 245, 245, 1);*/ }
    .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: #f8f8f8; z-index: 3;padding-left: 10px; margin-top: 80px;} 

    .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; }
    .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: #010b33 !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; margin-top: 35px;    background-image: url(../../public/img/logo-header-c.svg);}
    .uk-navbar-container.uk-active .bm-waves-top span{display: block; z-index: 4; top: 45px; background-image: url(../../public/img/logo-header.svg);}
    /* .uk-navbar-container.uk-active .bm-waves span {margin-top: 0px; width: 270px; height: 90px; margin-left: 0;} */
    .uk-navbar-container.uk-active .bm-waves span{  background-image: url(../../public/img/logo-header-c.svg); margin-top: 35px;}
    .uk-navbar.uk-active .uk-navbar-toggle{color: #010b33 !important;}
    .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #1d1d1b !important  ; text-transform: uppercase;font-size: 1rem; font-weight: 400;font-family: 'bank_gothicregular',  Arial, sans-serif;}
    .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #010b33 !important;}
    .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/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: #010b33 !important; height: 90px; width: 100%;} */
    .uk-navbar-container.uk-active .uk-navbar-right {margin-top: 0; padding-right: 2vh;}
    .uk-navbar-nav>li.uk-active>a>span  {padding-bottom: 5px; margin-left: 0;} 
    .uk-navbar-right {box-shadow: none;}
    .uk-navbar-container.uk-navbar {background-color: white;}

        /* header */
        /* .header .header-text {left: 5vh; bottom: 5vh;} */
        .header {width: 100%; margin-left: 0; }
        .header .header-text {width:80%;}
        .header h1 {font-size: 2rem;}
        .contact-header {display: none;}
        .home .portocolom .text {width: auto;}

        /* buscador */
        #buscador_reserva {height: 240px;}
        .b-datepicker, .size-select {border: 0;}
        .busc-ind {height: 81px; width: 50%; border-bottom: 1px solid #000000;}
        .busc-ind:nth-child(1), .busc-ind:nth-child(3) {border-right: 1px solid #000000; }
        .b-send {width: 100% !important;}
   
        /* home */
        .home .equipo {margin-top: 0;}

        /* .menu #m-16 {order: 1; -webkit-order: 1} */
        #mi-15 {-webkit-order: 1; order: 1;}
        #m-15 {-webkit-order: 2; order: 2;}
        #m-16 {-webkit-order: 4; order: 4;}
        #mi-16 {-webkit-order: 3; order: 3;}
        #mi-17 {-webkit-order: 5; order: 5;}
        #m-17 {-webkit-order: 6; order: 6;}
        #m-14 {-webkit-order: 8; order: 8;}
        #mi-14 {-webkit-order: 7; order: 7;}
        .uk-align-right {float: left; margin-left: 0; text-align: left !important;}
        h3.uk-align-right {display: block; width: 100%;}
       .uk-button-primary.l:hover {padding: 1rem 2rem 1rem 0rem;}
  
        /* contacta */
        .contact .intro ul li {text-align: left;}

       /* footer */
       .footer-ul, .right {float: left !important;}
       .footer-submenu {float: left;}
       .footer-logo {padding-top: 0;}
       .footer-social {padding-top: 10px;}

       #buscador {width: 100%;}
   


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

    /* sallotja */
    .section-intro {padding: 5vh;}
    .mt-80 {margin-top: 30px !important;}

}

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

    
      /* sa llotja Portocolom */
      .home .entorno h3 {font-size: 1.8rem;}
      .autor {float: left; text-align: left;}
      .menu .tipos .text h3 {font-size: 2rem;}
      
      .container-modal {max-width: auto; width: auto;}
      #date {margin-top: 10px !important; left: 0 !important; margin-left: 30px; height: 80px;}
      .daterangepicker {top: 50% !important; left: 10% !important;}
      .uk-select.horas {width: 120px; margin-left: calc(50% - 60px);}
      .h-90 {height: 90px;}
      .title-date {padding-bottom: 30px;}
      .uk-modal-dialog input {position: relative;}
      .home .menu .menu-ind .text-hover {opacity: 1;    z-index: 1;}
      .home .reserva .menu-ind .overlay {background-color: rgba(79,56,37,0.8);}
      .home .menu .menu-ind .text {opacity: 1;}
      .home .menu .menu-ind .overlay-deg {background-color: rgba(208,168,103,0.7);} 

      .home .intro .bg-white { background-color: white;  z-index: 3; padding-top: 0vh; margin-top: 0vh;}
      .home .intro .bg-white h3 {margin-top: 0;}
      .home .entorno .ent-img {width: calc(100% - 40px);  margin-left: 20px;}
      .home .portocolom {min-height: 80vh;}
      .home .portocolom .text {width: 100%;}

      .menu .intro h3 {font-size: 1.8rem;}
      

    /* contact */
    .form-contact input[type=text], .form-contact input[type=email], .form-contact input[type=number], .form-contact select, .form-contact textarea {padding: 20px 20px 10px 20px;}
    .contact .form-contact {width: 100%;}
    .uk-notification-top-center{margin-left: 0px;}    
        
    #modal-full-book .uk-modal-dialog input {height: 25px;}
    #modal-full-book #reservar-book {padding: 10px;}
}
@media (max-width: 459px){ /* x-small */

    /* comerciants */
    .section{padding: 10%;}
    .section-text{padding: 5%;}
    .section-intro {padding: 5%;}
    .mt-50 {margin-top: 10px !important;}
    .autor {margin-top: 0;}
    .uk-modal-body .num-ind {width: 134px;}

        /* sa llotja */
        .header h1 {font-size: 2rem;}
        .header h4,  .product .header h4 {font-size: 1.2rem;}
        .bm-waves span {width: 150px; margin-top: 35px;}
        .uk-navbar-container.uk-active .bm-waves span {width: 150px; margin-top: 35px;}
        #buscador_reserva {height: 400px;}
        .busc-ind {width: 100% !important;}
        .busc-ind:nth-child(1), .busc-ind:nth-child(3) {border-right: 0;}
        .feed-ind .ind-text {margin: 15;}
        .uk-subnav {margin-left: 0;}
        .header .header-text {right:2vh;}
        /* .home .reserva {min-height: 90vh;} */
        .home .espacio {width: calc(100% - 50px); margin-left: 25px;}
        .home .portocolom .text h3 {font-size: 2rem;}
        .uk-navbar-container.uk-active .bm-waves-top span { margin-left: 5px;}
        .header .header-text { position: absolute; left: 10%; bottom: calc(50% - 100px);}
        .reservas-page .container-modal {max-width: 330px; padding-top: 50px; padding-bottom: 50px;}
        .home .menu-ind-text h3 {font-size: 2rem;}

}