/* 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: #232323;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}



/* Generals */
html, body {   font-family: "Outfit", serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #232323;font-size: 1rem;}
p{   font-family: "Outfit", serif; color: #4d4d4d;font-weight: 400; font-size: 1.1rem;}
b, strong{font-weight: 700;}
h1, h2, h3 {  font-family: "DM Serif Display", serif; font-optical-sizing: auto; font-style: normal;}
h4, h5, h6 { font-family: "Outfit", serif;margin-bottom: 0; margin-top: 0px;}
h1 {font-size: 2.4rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.6rem;}
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;color: #1c1c1c;}
a:hover{color: #1c1c1c;}
a span {display: inline-block;}
small {font-weight: 300 !important;}
ul li {list-style-type: none; list-style: none; }
/*p b {font-size: 1rem; font-weight: 600;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{border:0;line-height: 1.6; font-size: 1.3rem; font-weight: 500; font-family: "Outfit", serif;border-radius: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0rem; text-align: left; position: relative; text-transform: none;}
   
    .uk-button-default { position: relative; overflow: hidden; display: inline-block; text-decoration: none;  background-color: transparent !important; color:#084e5d  !important; padding-bottom: 6px; padding-top: 15px; padding-left: 15px; padding-right: 24px;}
    .uk-button-default:after {content: ""; position: absolute; bottom: 0; left: 0%; width: 45px; height: 45px; background: white; transition: left .8s; border-radius: 25px; z-index: -1; -webkit-transition: ease-in-out, .20s ease-in-out; transition: ease-in-out, .20s ease-in-out;}
    .uk-button-default:hover:after {width: calc(100% - 10px);}
    
    .uk-button-primary { position: relative; overflow: hidden; display: inline-block; text-decoration: none;  background-color: transparent !important; color:#084e5d  !important; padding-bottom: 6px; padding-top: 15px; padding-left: 15px; padding-right: 24px;}
    .uk-button-primary:after {content: ""; position: absolute; bottom: 0; left: 0%; width: 45px; height: 45px; background: #b0ced5; transition: left .8s; border-radius: 25px; z-index: -1; -webkit-transition: ease-in-out, .20s ease-in-out; transition: ease-in-out, .20s ease-in-out;}
    .uk-button-primary:hover:after {width: calc(100% - 10px);}


    .uk-button-secondary { position: relative; overflow: hidden; display: inline-block; text-decoration: none; color: white !important; background-color: transparent !important; padding-bottom: 6px; padding-top: 15px; padding-left: 15px; padding-right: 24px;}
    .uk-button-secondary:after {content: ""; position: absolute; bottom: 0; left: 0%; width: 45px; height: 45px; color: white; background: #b0ced5; transition: left .8s; border-radius: 25px; z-index: -1; -webkit-transition: ease-in-out, .20s ease-in-out; transition: ease-in-out, .20s ease-in-out;}
    .uk-button-secondary:hover:after {width: calc(100% - 10px);}


/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}
.uk-notification-message{font-size: 1rem;}
.uk-notification{width: 400px;}
.uk-notification-top-center{transform: translateX(-50%) !important;margin-left: 0;}

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

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

    /* form */
    .form {position: relative; z-index: 2;}
    .form .uk-form-label{font-weight: 600;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea, .form input[type=search]{min-height: 40px; margin-top: 0px !important; padding: 5px 10px; border:0; border-bottom: 1px solid #828A9D; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: #1c1c1c !important; font-size: 1rem;height: auto;font-family: 'Jost', sans-serif;}
    .form .uk-select:not([multiple]):not([size]){background-image: none; color: #1c1c1c !important;}
    .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: #1b1f28 !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, .form input[type=search]::placeholder{color: #1c1c1c !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{ background-color: transparent !important; color: #1c1c1c !important;    border-bottom: 1px solid #084e5d;}
    .form select{padding-right: 30px;}
    .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: #1c1c1c !important;font-size: 0.8rem;}
    .form small{color: #1c1c1c;}
    .form .uk-checkbox {border-color: #1c1c1c !important;}
    /* .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #fff !important;} */
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #1c1c1c;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #1c1c1c;}    
    .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 transparent 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: #1c1c1c !important; font-size: 1rem;}
    form, input:focus::placeholder { color: #1c1c1c;}

    .form .uk-form-danger, .form .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}

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

.icon.facebook {width: 35px;height: 35px;background-position: -240px 0px;}
.icon.instagram {width: 35px;height: 35px;background-position: -310px 0px;}


.icon.twitter {width: 30px;height: 30px;background-position: -155px 0px;}
.icon.linkedin {width: 30px;height: 30px;background-position: -215px 0px;}
.icon.arrow-right {width: 30px;height: 30px;background-position: -125px -30px;vertical-align: middle;margin-top: -2px;float: right;}
.icon.arrow-right-alt {width: 30px;height: 30px;background-position: -155px -30px;vertical-align: middle;margin-top: -3px;float: right;}
.icon.book-table {width: 30px;height: 30px;background-position: -185px -30px;vertical-align: middle;margin-top: -3px;float: right;}
.icon.contact {width: 30px;height: 30px;background-position: -185px -60px;vertical-align: middle;margin-top: -3px;float: right;}
.icon.price {width: 25px;height: 25px;background-position: -0px -150px;}
.icon.pool {width: 25px;height: 25px;background-position: -25px -150px;}
.icon.welcome {width: 25px;height: 25px;background-position: -51px -150px;}


.icon.menu-opener{width: 40px;height: 40px;background-position: -185px 0;cursor: pointer;}
.icon.menu-opener-alt{width: 40px;height: 40px;background-position: -225px 0;padding: 0; position: relative;top: auto;right: auto;z-index: 1;cursor: pointer;}

.icon.audio{position: absolute;bottom: 20px;right: 70px;cursor: pointer;opacity: 0.5;}
.icon.audio.audio-on{background-position: -245px -30px;width:30px;height: 30px;}
.icon.audio.audio-off{background-position: -245px 0px;width:30px;height: 30px;}
.icon.full-video{background-position: -245px -60px;width:30px;height: 30px;position: absolute;bottom: 20px;right: 30px;cursor: pointer;opacity: 0.5;z-index: 3;}
.icon.audio:hover, .icon.full-video:hover{opacity: 1;}


/* MENU ICON */

#menu-icon {width: 60px; height: 45px; position: relative; margin: 30px 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 1111;}
#menu-icon span {display: block; position: absolute; height: 3px; width: 100%; background: white; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#menu-icon span:nth-child(1) {top: 0px;}
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) {top: 15px;}
#menu-icon span:nth-child(4) { top: 30px;}
#menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;}
#menu-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
#menu-icon.open .text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;}

.text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: 2px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;}
#menu-icon.open .text-menu-close {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline; display: inline-block;}

/* #menu-icon .text-menu-open {display: inline-block;} */
#menu-icon .text-menu-close {display: none;}
#menu-icon.open .text-menu-open {display: none;}


#menu-icon:hover span {background: #232323 !important;}
#menu-icon:hover p {color: #232323 !important;}

  /* menu */
  .novomar-loyalty {margin-top: 6px;}
  .uk-navbar-container:not(.uk-navbar-transparent){height: 100px; width: calc(100% - 60px); z-index: 5; background-color: transparent; box-sizing: border-box; margin-left: 30px; }
  .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1; height: 100px;}
  .uk-navbar-container.uk-navbar .uk-navbar-right {margin-right: 20px;}
  .uk-navbar-left {float: left; }
  .uk-navbar-right {background-color: transparent; float: right; height: 100px;border-left: 1px solid #fff;}
  .uk-navbar-nav>li>a, .uk-navbar-nav>li ul.uk-nav-sub li a{font-weight: 600; color: #084e5d; padding: 10px 10px; font-size: 1rem; text-transform: none; min-height: 50px;}
  .uk-navbar-nav>li ul li a {font-weight: 500;font-size: 1rem; text-transform: none;  }
  .uk-navbar-nav>li ul li a:hover {color: #b0ced5 !important;}
  .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover{color: #b0ced5 !important;}

  /* .home .uk-navbar-nav>li>a, .home .uk-navbar-nav>li ul.uk-nav-sub li a{ font-weight: 700;color:#fff; padding: 0px 10px; font-size: 1.1rem; text-transform: none; text-transform: uppercase; font-family: 'Jost', sans-serif;}
  .home .uk-navbar-nav>li ul li a, .home .uk-nav-default>li>a:focus, .home .uk-nav-default>li>a:hover{font-size: 1.1rem; color:#084e5d; font-weight: 400; text-transform: none; text-transform: uppercase; font-family: 'Jost', sans-serif;}
  .home .uk-navbar-nav>li>a:hover, .home .uk-navbar-nav>li.uk-active>a{color: #fff !important;} */
  .uk-navbar-right .uk-navbar-nav>li>a {border-bottom: 3px solid transparent;}
  .uk-navbar-right .uk-navbar-nav>li:hover>a, .uk-navbar-right .uk-navbar-nav>li>a[aria-expanded=true] { color: #b0ced5; border-bottom: 3px solid #b0ced5;}
  .uk-navbar-nav {gap: 15px;}
  .uk-navbar-container.uk-active.uk-sticky-fixed {margin: 0 !important; padding: 0 30px;}
  .uk-navbar-nav .uk-active {color:#084e5d;   }
  .uk-navbar-nav#main-menu {width: 100%;}
  .uk-navbar-nav#main-menu .lang{margin-left: 10px;}
  .uk-navbar-nav#main-menu .lang .languages-menu{padding: 5px;float: left;width: 100%;box-sizing: border-box;}
  .uk-navbar-nav#main-menu .lang .languages-menu li{width: 50%;display: inline-block;text-align: center;float: left;font-size: 0.9rem;padding: 7px 0px;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a{padding: 0;color: #084e5d;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a:hover{color: #084e5d;}
  .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a{color: #b0ced5 !important; border-bottom: 3px solid #b0ced5;}
  .uk-navbar-dropdown-nav>li>a{ color: #084e5d; height: auto;}
  .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #084e5d;}
  .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-dropdown.uk-open:before{content: "";width: 0;height: 10px;display: block;position: absolute;top: -20px;left: 30px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(255, 255, 255, 0.8);}
  .uk-navbar-dropdown.uk-open.uk-navbar-dropdown-bottom-right:before{left:auto;right: 30px;}
  .uk-navbar-toggle {color: white !important; }
  .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.uk-active .uk-navbar-toggle {color: #084e5d !important;z-index: 5; } */
  .has-dropdown{position: relative; }
  .has-dropdown {padding-right: 0;}
  .uk-navbar-dropdown {width: max-content; } 
  .uk-navbar .fidelity {margin-bottom: 15px;}
  .has-dropdown:after{ content: ""; display: inline-block; width: 11px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -66px -8px; position: absolute; top: 24px; right: -5px; background-size: 1000px 500px;} 
/*   .has-dropdown:hover:after, .uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -4px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;} */
  .lang.has-dropdown:after{content: ""; display: inline-block; width: 11px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -66px -8px; position: absolute; top: 23px; right: -5px; background-size: 1000px 500px;}
  .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 8px; height: 4px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -4px; position: absolute; top: 24px; right: -2px; background-size: 1000px 500px;}
  .uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 11px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -66px -8px; position: absolute; top: 24px; right: -5px; background-size: 1000px 500px;}
  .bm-waves a{padding: 0 !important;font-size: 0 !important;display: block;}
  .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0; border-bottom: 0 !important;}
  .bm-waves span{display: block; z-index: 4;  position: relative; width: 250px; height: 100px; background-image: url('../../public/img/logo-header.svg'); background-size: contain; background-repeat: no-repeat; position: relative;background-position: center;}
  .uk-navbar-container.uk-active{background-color: white !important;width: 100vw !important; height: 90px;  z-index: 5; box-shadow: 0 2px 8px rgb(0 0 0 / 8%);   /*border-bottom: 1px solid #084e5d;*/}
  .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 100px; box-shadow: none;}
  .uk-navbar-nav>li>a:active{color: #999; }
  .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #232323 !important;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #084e5d; text-shadow: none;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #b0ced5 !important;} 
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {font-weight: 600;} 
  .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5; height: 90px;}
  .uk-navbar-container.uk-navbar.uk-active .uk-navbar-right{opacity: 1;z-index: 5; height: 90px;}
  /* .uk-navbar-container.uk-active .bm-waves span{margin-top: 0; background-image: url('../../public/img/logo-header-alt.svg'); width: 280px; height: 75px; margin-bottom: 5px;}  */
  .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;}
  .sales-dropdown{position: relative;}
  .sales-dropdown .sd-container{margin-top: 0;padding: 30px 20px 20px;}
  .sales-dropdown .sd-container li .sd-menu-item{opacity: 0.6;}
  .sales-dropdown .sd-container li:hover .sd-menu-item{opacity: 1;}
  .sales-dropdown .sd-container a{text-align: center;font-weight: 600;}
  .sd-menu-item{background-position: center;background-size: cover;background-repeat: no-repeat;margin-bottom: 10px;}
  
  .uk-offcanvas-bar .uk-nav-primary>li>a {color: rgba(255,255,255,1); font-family: "Outfit", serif; text-transform: inherit;}
  .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { font-family: "Outfit", serif; text-transform: inherit;}
  .uk-offcanvas-bar {width: 550px;padding: 50px;}
  .uk-nav-parent-icon {margin-left: 0;}

  .logo-header {width: auto; margin-top: 10px;}
  .uk-navbar-container.uk-active .logo-header {width: 110px; margin-top: 5px;}

      #main-menu li.lang-item:first-child{margin-left: 20px;}
      #main-menu .lang-item:last-child{margin-right: 20px;}
      #main-menu .lang-item a{text-transform: uppercase !important;padding-right: 0;} 

      .menu-opener{width: 100px;height: 100px;background-color: transparent;cursor: pointer;z-index: 1;position: relative;}
      .menu-opener .hamburger-lines {display: block;height: 30px;width: 50px;position: absolute;top: 32px;left: 25px;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap-reverse;}
      .menu-opener .hamburger-lines .line {display: block;height: 3px;border-radius: 0;background: #fff;}
      .menu-opener .hamburger-lines .line{width: 100%;}
      .menu-opener:hover .line1{width: 80%;}
      .menu-opener:hover .line2{width: 60%;}
      .menu-opener:hover .line3{width: 80%;}
      .menu-langs li a {font-size: 1.2rem;}
      .menu-langs li a:hover {color: rgba(255,255,255,0.7) !important;}

      /* BOOKING ENGINE */
      .b-title, .b-title.text-vuelta {position: relative; 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:"Soleil";font-weight: 900; z-index: 1; position: relative; top: 0px; }
      .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;}
      .container-buscador .rooms {height: 60px; position: relative;}
      .container-buscador .rooms .con {height: 60px; position: relative; width: 100%; left: 0; top: 0; color: #1b1f28; /* background-color: white; */}
      .container-buscador .rooms .con .b-title.hab-num .ac-counter, .rooms .con .b-title.hab-num .kc-counter{font-weight: 700;}
      .container-buscador .rooms .con .b-beds {position: relative; width: 100%; left: 0; top: 20px; height: auto;overflow-y: auto;}
      .container-buscador .rooms .con .hv-title {font-weight: 700; color: #1b1f28; margin-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; text-align: center;}
      .container-buscador .rooms .con .b-more-beds span {color: #1b1f28; text-align: center; font-size: 0.7rem;text-transform: uppercase;font-weight: 700;margin-top: 5px;}
      .container-buscador .rooms .con .b-more-beds .bmb-kids-cont{margin-bottom: 5px;margin-left: 0;}
      .container-buscador .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 !important; } 

      /* date range picker */ 
      /* .drp-selected{display: none !important;}
      .daterangepicker td.in-range{background-color: #D3CBC3;}
      .daterangepicker td.active, .daterangepicker td.active:hover{background-color: #084e5d;} */
      





/* HACKS */
.clear{clear: both;}
/* .overlay{background-color: rgba(146,144,132,0.6);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{background-color: rgba(5, 46, 53,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; }

.overlay-primary{background-color: rgba(46, 184, 231,0.9);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-header {
  position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
  background: transparent;
  background: -webkit-linear-gradient(to top, transparent 75%, #023144 100%);
  background: -moz-linear-gradient(to top, transparent 75%, #023144 100%);
  background: linear-gradient(to top, transparent 75%, #023144 100%);
  -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}

.overlay-top {
  position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
  background: transparent;
  background: -webkit-linear-gradient(to top, transparent 40%, #023144 100%);
  background: -moz-linear-gradient(to top, transparent 40%, #023144 100%);
  background: linear-gradient(to top, transparent 40%, #023144 100%);
  -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}

.overlay-bottom {
  position: absolute;bottom: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
  background: transparent;
  background: -webkit-linear-gradient(to bottom, transparent 40%, #023144 100%);
  background: -moz-linear-gradient(to bottom, transparent 40%, #023144 100%);
  background: linear-gradient(to bottom, transparent 40%, #023144 100%);
  -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;
}


/* .overlay-header {
  position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
  background: transparent;
  background: -webkit-linear-gradient(to top, transparent 75%, #084e5d 100%);
  background: -moz-linear-gradient(to top, transparent 75%, #084e5d 100%);
  background: linear-gradient(to top, transparent 75%, #084e5d 100%);} */


.d-block{display: block;}

.section{padding: 5vh;}
.section-large{padding: 10vh;}
.section-small{padding: 3vw;}
 
.transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.bg-white {background-color: #fff !important;}
.bg-light {background-color: #eeeeee !important;}
.bg-dark {background-color: #232323 !important;}
.bg-primary{background-color: #084e5d !important;}
.bg-secondary{background-color: #b0ced5 !important;}
.bg-tertiary{background-color: #eaf3f4 !important;}

.white {color: #fff !important;}
.light {color: #eeeeee !important;}
.dark {color: #232323 !important;}
.primary{color: #084e5d !important;}
.secondary{color: #b0ced5 !important;}
.tertiary{color: #eaf3f4 !important;}

.rounded {border-radius: 25px;}
.rounded-left {border-radius: 0px 25px 25px 0px;}
.rounded-right {border-radius:  25px 0px 0px 25px;}

.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%;}

.uk-heading-xsmall { font-family: "DM Serif Display", serif; font-style: italic;  font-size: 1.4rem; margin:  0px;}
.uk-heading-small { font-family: "DM Serif Display", serif; font-style: italic;  font-size: 2rem; margin:  0px;}
.uk-heading-medium { font-family: "DM Serif Display", serif; font-style: italic; font-size: 2.6rem; margin: 0px; }
.uk-heading-large { font-family: "DM Serif Display", serif; font-style: italic; font-size: 3.4rem; margin: 0px; }
.uk-heading-xlarge { font-family: "DM Serif Display", serif; font-style: italic; font-size: 5rem; margin: 0px; }

.vertical-text {writing-mode: vertical-rl; text-orientation: mixed;}

/* PRELOADER */
.preloader{position: fixed;z-index: 1111;width: 100vw;height:100vh; opacity: 1; background: #084e5d; top: 0;left: 0;}
.preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 100px;height: auto;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

@keyframes heartbeat{
  0%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  15%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  30%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  45%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  80%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  100%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
}

/* GENERALS */
/* h1{font-size: 3.3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 2.5rem;}
h4{font-size: 1.8rem;} */
.uk-lead{font-size: 120%;}
.bg-menu{height: 100px;margin-top: -100px;background-color: #D3CBC3;width: 100%;}
.g-overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 10vh; background-image: linear-gradient(to bottom, rgba(43,46,54,0), rgba(43,46,54,0.5));z-index: 1;}
.g-overlay-top{position: absolute;top: 0;left: 0;width: 100%;height: 10vh; background-image: linear-gradient(to top, rgba(43,46,54,0), rgba(43,46,54,0.5));z-index: 1;}
.d-none{display: none;}

.greyscale {filter: grayscale(100%);}

.uk-link{color: #524842;}
.uk-link:after{content:"";display:inline-block; background-image: url('../../public/img/assets-sprite.svg');background-size: 1000px 500px; width: 12px;height: 12px;background-position: -113px -0px;margin-left: 5px;vertical-align: middle;margin-top: -1px;}
.uk-link:hover{color: #524842;text-decoration: underline;}

.uk-link-alt{color: #fff;}
.uk-link-alt:after{content:"";display:inline-block; background-image: url('../../public/img/assets-sprite.svg'); background-size: 1000px 500px; width: 12px;height: 12px;background-position: -113px -12px;margin-left: 5px;vertical-align: middle;margin-top: -1px;}
.uk-link-alt:hover{color: #fff;text-decoration: underline;}

.page-video .header{overflow: hidden;min-width: 100%;min-height: 100%;}
.page-video .header video{object-fit: cover;min-width: 100%;min-height: 100%;}


.container-buscador.uk-sticky-fixed {top: 90px !important;}
.container-buscador.uk-sticky-fixed .buscador .border-white {border-left: 1px solid #084e5d; border-right: 1px solid #084e5d; border-bottom: 1px solid #084e5d;}


    /* MENU */

    .icon-header-logo{width: 50px;}
    .main-menu-container{height: calc(100vh - 200px);margin-top: 100px;overflow-y: auto;}
    #booking-offcanvas-overlay-right .main-menu-container>div{width: 80%;max-width: 360px;}
    /* #form-book .be-item{width: 100%;} */

    .menu-lang{margin: 0 30px 0 0;line-height: 1.2;float: right;gap: 10px;}
    .menu-lang li{display: inline-block;}
    .menu-lang li a {color: #eae5e1;font-size: 1rem;}
    .menu-lang li a:hover, .menu-lang li.uk-active a{color: #fff !important;}

    .menu-close{color: #eae5e1;cursor: pointer; font-style: normal;top: 30px;display: block;font-size: 1.2rem;right: 30px;}
    .menu-close:hover{color: #1c1c1c;}
    .menu-close:after{content: "";width: 100%;height: 2px;background-color: #eae5e1;display: block;top: 22px;position: absolute;left: -1px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
    .menu-close:hover:after{background-color: #1c1c1c;left: 100px;}

    /* .menu-booking{position: fixed;right: 0;top: 40vh;transform: translateY(-50%);z-index: 4; background-color: white; width: 110px; } */
    .menu-booking ul{margin: 0;}
    .menu-booking li{background-color: #eae5e1;padding: 5px;margin: 1px 0 0 0;width: 70px;height: 50px;box-sizing: content-box;}
    .menu-booking li:hover{background-color: #023144;padding-right: 19px;margin-left: -14px;}
    .menu-booking .mb-book-now {/*transform: rotate(270deg);width: 150px;text-align: center;position: absolute; top: -137px;left: -17px;padding: 25px 5px 6px; */cursor: pointer;background-color: #084e5d;padding: 15px 30px; text-transform: uppercase; font-weight: 700; height: auto; position: relative;border-radius: 30px;}
    .menu-booking .mb-book-now:hover {background-color: #023144;}
    .menu-booking .mb-book-now a{ color: white !important;}
    .menu-booking .mb-book-now:hover a {color: white !important; }
    /* .menu-booking .mb-book-now:hover {padding-bottom: 20px; top: -137px; margin-left: 0;} */
    #book-now{z-index: 1;background-color: white;padding: 20px 20px 40px;box-shadow: 0 0 10px rgba(0,0,0,.4);}
    #book-now-restaurante{border: 1px solid #524842;padding: 16px;width: 26px;height: 26px;display: block;cursor: pointer;background-color: #524842;z-index: 2;position: relative;}
    #book-now-restaurante:hover{border-color: #FBF6F4;background-color: #FBF6F4;}
    #book-now-restaurante:hover i.book-table{background-position: -215px -30px;}
    #book-now-contact{border: 1px solid #524842;padding: 16px;width: 26px;height: 26px;display: block;cursor: pointer;background-color: #524842;z-index: 2;position: relative;}
    #book-now-contact:hover{border-color: #FBF6F4;background-color: #FBF6F4;}
    #book-now-contact:hover i.contact{background-position: -215px -60px;}
    #contact-offcanvas-overlay-right.offcanvas-overlay-right .uk-offcanvas-bar{background-color: #FBF6F4;}
    #contact-offcanvas-overlay-right.offcanvas-overlay-right .uk-offcanvas-bar h3, #contact-offcanvas-overlay-right.offcanvas-overlay-right .uk-offcanvas-bar h6{color: #232323;}
    .menu-booking li a{color: white; font-size: 1.2rem;line-height: 1;padding: 14px 26px;}
    .menu-booking li.menu-booking-offers{background-color: #1c1c1c;right: -100px;}
    .menu-booking li.menu-booking-offers:hover{background-color: #1c1c1c;}
    .menu-booking li.menu-booking-offers.active{background-color: #1c1c1c;right: 0;}
    .offcanvas-overlay-right .uk-offcanvas-close{top: 10px;right: 10px;}
    .offcanvas-overlay-right .uk-offcanvas-close svg{width: 30px;}
    .hab-value{background-color: rgba(255,255,255,0);color: rgba(255,255,255,1);background-clip: padding-box;border-color: rgba(255,255,255,1);border-right: 1px solid rgb(255 255 255 / 100%);margin: 0;height: 70px;}
    .hab-num{top: 23px; position: absolute; left: 75px; font-size: 1.25rem; color: rgba(255,255,255)}



    /* booking engine */
    /* .booking-engine #form-book .be-item {width: -webkit-fill-available;} */
    .container-border {border: 1px solid white; border-radius: 20px;}
    .booking-engine-container {/* margin-top: -100px; */height: 100%;}
    .booking-engine{box-sizing: border-box; padding: 0 5vh;}
    .booking-engine .rooms {width: 100%;}
    .booking-engine h3{font-size: 2rem; margin-bottom: 30px;}
    .booking-engine h6{font-size: 1rem;}
    .booking-engine .uk-input{width: 100%;border: 0; height: 70px !important; border-bottom: 1px solid white;  color: #fff;background-color: transparent;}
    .booking-engine .be-item{position: relative; ;}
    .booking-engine .be-item i{position: absolute;top: 10px;}
    .booking-engine .be-item .uk-input{ text-align: center; font-size: 1.2rem;
      font-weight: 500;}
    .booking-engine .be-item .uk-input::placeholder{color: #FFF !important;}
    .booking-engine .be-item .promocode{border: 0;padding-left: 8px !important;}
    .booking-engine .be-send{width: 100%; padding-bottom: 20px; padding-top: 20px; border-radius: 0px 0px 20px 20px; color: #084e5d;}
    .booking-engine .be-send:hover {background-color: #000 !important; color: white !important;}
    .uk-offcanvas-bar .uk-input:focus {background-color: transparent;}
    /* datedropper new */
    div.datedropper.pinosplaya-theme {--dd-color1: #084e5d !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;}


    #booking-offcanvas-overlay-right .uk-offcanvas-bar {width: 50vw;}
    #booking-offcanvas-overlay-right .uk-dropdown.uk-open {width: 300px;}
    #booking-offcanvas-overlay-right .b-more-beds span {text-align: center;}
    #booking-offcanvas-overlay-right .uk-button.bb-close {background-color: #084e5d !important; color: white !important; border: #084e5d !important;}
    #booking-offcanvas-overlay-right .uk-button.bb-close:hover {background-color: #023144 !important; color: white !important; border: #023144 !important;}
    #booking-offcanvas-overlay-right .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {text-align: center;}

    nav .uk-logo img {height: 150px;}

    @keyframes scroll-to {
      0% { transform: translatex(-50%) translateY(0); }
      50% { transform: translatex(-50%) translateY(10px); }
      100% { transform: translatex(-50%) translateY(0); }
    }

    .uk-navbar-container.uk-active #menu-icon span {background: #084e5d;}

/* .uk-offcanvas-bar */
.uk-offcanvas-bar {background: #084e5d;}

.padding-left {padding-left: 40px;}


/* VIDEO */
.my-video-dimensions {width: 100vw !important; /*height: 100% !important;*/}

/* DOTNAV */
.uk-dotnav>*>* {border-radius: 0; width: 20px; height: 5px;    border: 1px solid rgba(5, 46, 53, .4);}
.uk-dotnav>*>:hover {background-color: rgba(5, 46, 53, .6);}
.uk-dotnav>.uk-active>* {background-color: rgba(5, 46, 53, .9);}


 .price .bg-white {border-radius: 50px;}
 .price h4 {line-height: 1.25;}
 .price h4 span {font-size: 0.8rem;}

/* HEADER */
.page .header { height: 70vh; margin-top: 0px;}
.header { height: 70vh; margin-top: 0px; width: calc(100% - 60px); margin-left: 30px;}

/* HOME */
.home h1 {animation: fadeOut 1s ease-out 5s forwards;}
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}
.home .header .plyr .plyr__controls {display: none;}
.home .header {height: 80vh;}
.home .intro .bg-primary {padding-top: 10vh; margin-top: -10vh; position: relative; z-index: 1; border-radius: 100px 100px 0 0;}
.home .intro .description h3 {margin: 0; color: white;}
.home .intro .description div {color: white; margin-top: 10px;}
.home .header .plyr{ height: calc(90vh - 70px); top: -80px;}
.home .header video{min-width: 100%;min-height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.home .apartments {position: relative; z-index: 1;}
.home .apartments .bg-secondary {width: calc(100% - 40px); height: 100%; position: absolute;z-index: -1;}
.home .apartments .slider-rooms {width: 80%; margin-left: 20%; padding-top: 15vh; margin-bottom: 0vh;}
.home .apartments .slider-rooms h4, .page .apartments .slider-rooms h4 {width: calc(100% - 250px);}
.home .apartments .uk-heading-xlarge {font-size: 7rem; margin-top: -70px;}
.home .apartments .container-arrows {position: absolute; top: 150px; background: transparent; width: 110px; height: 50px; right: 80px;}
.home .apartments .container-arrows .uk-slidenav {border: 1px solid white; padding: 6px; border-radius: 30px; margin: 0 -10px; padding: 9px 17px; border-radius: 30px;}
.home .apartments .uk-slider-items.uk-grid {z-index: 1 !important;}
.home .gastronomy .bg-tertiary {margin-top: -20vh; padding-top: 30vh; z-index: 0; position: relative; padding-bottom: 20vh; border-radius: 0px 0px 100px 100px;}
.home .gastronomy .gastro-image-left {margin-top: -5vh;}
.home .gastronomy .gastro-image-right {margin-top: 25vh;}
.home .offers .bg-tertiary {margin-top: -10vh; border-radius:100px 100px 0px 0px;}
.home .offers .container-arrows {position: absolute; bottom: 70px; background: transparent; width: 110px; height: 50px; left: 55%;}
.home .offers .container-arrows .uk-slidenav {border: 1px solid #084e5d; padding: 6px; border-radius: 30px; margin: 0 -10px; padding: 9px 17px; border-radius: 30px;
  color: rgba(8, 78, 93, .5);}
.home .offers .uk-background-cover {position: relative;z-index: 1;}

/* ROOM */
.room .intro ul li span {border-bottom: 1px solid #084e5d; width: 100%; display: block; margin-bottom: 10px; padding-bottom: 3px;}
.room .uk-slideshow {height: 60vh; min-height: 60vh !important;}
.room .uk-slideshow .uk-slideshow-items {height: 60vh; min-height: 60vh !important;}
.room .uk-dotnav {display: block;}
.room .uk-dotnav>*>* {border-radius: 10px; width: 15px; height: 15px; border: 1px solid rgba(176, 206, 213, .4); margin-bottom: 5px;}
.room .uk-dotnav>.uk-active>* {background-color: rgba(176, 206, 213, .9);}
.room .apartments {position: relative; z-index: 1; margin-top: 20vh; margin-bottom: 5vh;}
.room .apartments .bg-secondary {width: calc(100% - 40px); height: 100%; position: absolute;z-index: -1;}
.room .apartments .slider-rooms {width: 80%; margin-left: 20%; padding-top: 15vh; margin-bottom: 0vh;}
.room .apartments .uk-heading-xlarge {font-size: 7rem; margin-top: -70px;}
.room .apartments .container-arrows {position: absolute; top: 150px; background: transparent; width: 110px; height: 50px; right: 80px;}
.room .apartments .container-arrows .uk-slidenav {border: 1px solid white; padding: 6px; border-radius: 30px; margin: 0 -10px; padding: 9px 17px; border-radius: 30px;}
.room .apartments .uk-slider-items.uk-grid {z-index: 1 !important;}


/* PAGE */
.page .services .pool .bg-tertiary {padding-top: 10vh; border-radius: 100px 100px 0px 0px; padding-bottom: 30vh;}
.page .services .pool h3 {font-size: 3rem; font-style: italic;}
.page .services .pool ul {padding-left: 15px;}
.page .services .pool ul li {list-style: disc; list-style-type: disc; font-style: italic;}
.page .services .apartments {position: relative; z-index: 1; margin-top: -20vh;}
.page .services .apartments .bg-secondary {width: calc(100% - 40px); height: 100%; position: absolute;z-index: -1;}
.page .services .apartments .slider-rooms {width: 80%; margin-left: 20%; padding-top: 15vh; margin-bottom: 0vh;}
.page .services .apartments .uk-heading-xlarge {font-size: 7rem; margin-top: -70px;}
.page .services .apartments .container-arrows {position: absolute; top: 150px; background: transparent; width: 110px; height: 50px; right: 80px;}
.page .services .apartments .container-arrows .uk-slidenav {border: 1px solid white; padding: 6px; border-radius: 30px; margin: 0 -10px; padding: 9px 17px; border-radius: 30px;}
.page .services .apartments .uk-slider-items.uk-grid {z-index: 1 !important;}
.page .services .gastronomy {margin-bottom: 10vh;}
.page .services .gastronomy .bg-tertiary {margin-top: -20vh; padding-top: 30vh; z-index: 0; position: relative; padding-bottom: 0vh; border-radius: 0px 0px 100px 100px;}
.page .services .gastronomy .gastro-image-left {margin-top: -5vh;}
.page .services .gastronomy .gastro-image-right {margin-top: 25vh; margin-bottom: -50px;}
.page .sports .cyclism  h2 {font-size: 3rem; font-style: italic; color: #084e5d;}
.page .sports .hiking {border-radius: 100px 100px 0px 0px;}
.page .sports .routes {margin-top: 20vh; }
.page .sports .routes .bg-primary {padding-bottom: 20vh; border-radius: 100px 100px 0px 0px;}
.page .sports .routes .text-routes {padding-top: 10vh;}
.page .sports .routes .container-slider {margin-top: -10vh;}
.page .sports .routes .container-arrows {position: absolute; bottom: 0px; background: transparent; width: 110px; height: 50px; right: 20px;}
.page .sports .routes .container-arrows .uk-slidenav {border: 1px solid white !important; border-radius: 30px !important; margin: 0 -20px !important; padding: 11px 19px !important; border-radius: 70px !important;}
.page .sports .routes .text ul {padding: 0;}
.page .sports .routes .text ul li {border-top: 1px solid white; padding: 3px 0;}
.page .sports .panels .bg-tertiary {padding-bottom: 10vh;border-radius: 100px 100px 0px 0px; padding-top: 10vh; margin-top: -10vh;} 

.page .sports .hiking .text-hiking {padding-top: 12vh;}
.page .sports .hiking .container-slider {margin-top: 10vh;}
.page .sports .hiking .container-arrows {position: absolute; bottom: 0px; background: transparent; width: 110px; height: 50px; right: 20px;}
.page .sports .hiking .container-arrows .uk-slidenav {border: 1px solid #084e5d !important; border-radius: 30px !important; margin: 0 -20px !important; padding: 11px 19px !important; border-radius: 70px !important;}
/* .page .sports .hiking .container-arrows .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {stroke: rgba(8, 78, 93, .4);}   */
.page .sports .hiking .container-arrows .uk-slidenav:hover {color: rgba(8, 78, 93, .9);}
.page .sports .hiking .text ul {padding: 0;}
.page .sports .hiking .text ul li {border-top: 1px solid #084e5d; padding: 3px 0; color: #084e5d;}
.page .location .bg-tertiary {padding-top: 30vh; margin-top: -25vh; border-radius: 100px 100px 0px 0px;}
.page .gastronomy .bg-tertiary {padding-top: 40vh; margin-top: -35vh; border-radius: 100px 100px 0px 0px;padding-bottom: 10vh;}
.page .gastronomy .panels {padding-top: 10vh; }
/* .page .uk-height-auto.gallery-ind {max-height: 400px;} */

.container-contact {padding: 10vh; top: 100px !important;}
.container-contact a:hover {opacity: 0.6;}
.container-contact .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {stroke: white;}
.container-contact .uk-icon>* {width: 30px;}


/* CONTACTO */
.contact .intro h2 {font-size: 1.4rem; font-weight: 400;}


  .uk-navbar-right{border: 0;margin-right: 20px;}
  .prov-lang{border: 0;}
  .prov-lang li{display: inline-block; text-transform: uppercase;padding: 38px 8px;}
  .prov-lang li a{color: #FBF6F4;}  
  .prov-lang li.uk-active a{font-weight: 700;}


/* MALLORCA */
.gallery .gallery-item .overlay {opacity: 0;}
.gallery .gallery-item:hover .overlay {opacity: 1;}

/* BUSCADOR */
/* .icon.dates {width: 15px;height: 15px;background-position: -1px -180px; top: 4px; position: relative;}
.icon.rooms {width: 17px;height: 15px;background-position: -16px -180px; top: 3px; position: relative;}
.icon.pax {width: 15px;height: 15px;background-position: -33px -180px; top: 3px; position: relative;}
.container-buscador {position: relative;  margin: -230px auto 5vh; z-index: 1;}
.buscador-radius {border-radius: 50px; }
.b-right {border-right: 1px solid #084e5d;}
.buscador .uk-input, .buscador .uk-select, .buscador .uk-textarea {border: 0; padding: 0;}
#reservar {height: 85px; padding-top: 30px;}
.border-white { background-color: white; }
.uk-navbar-container.uk-active .border-white {border-left: 1px solid #084e5d; height: 89px;}
.uk-navbar-container.uk-active .con-dates {height: 90px;}
.uk-navbar-container.uk-active #reservar {height: 90px;} */

/* .container-buscador .uk-form-label {color: #084e5d; font-size: 1rem; font-weight: 500;}
.container-buscador .uk-input {background-color: transparent !important; color: #084e5d;}
.container-buscador .uk-select {background-color: transparent !important; color: #084e5d;}
.container-buscador .grid-padding {padding: 10px 5px; width: calc(100% - 15px);}
.container-buscador .uk-input::placeholder{color: rgba(2, 121, 181, 1) !important;} */


/* 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;}
    #form-book{width: 800px; background-color: white; position: relative;z-index: 2;  height:75px; margin: 0 auto; border-radius: 40px;}
    .buscador {background-color: transparent; margin-top: -10vh; }
    .page .buscador {background-color: transparent; margin-top: -10vh;  margin-bottom: 36px;}
   
    .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: 100px !important; 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; width: 800px !important; margin-left: calc(50% - 400px) !important; border-radius: 40px;}
    .sticky-buscador.uk-active #form-book {border-top: 1px solid #b0ced5; border-bottom: 1px solid #b0ced5; 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:#b0ced5;}
        .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: #b0ced5;}
        .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: #b0ced5;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: #b0ced5 !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: #b0ced5 !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: #b0ced5 !important;font-size: 1rem; position: relative;  /* margin-right: 5px !important; */ top: 15px; }
    .date-vuelta .day-vuelta { font-weight:900;color: #b0ced5 !important;font-size: 1rem; position: relative;  /*margin-right: 5px !important;*/ top: 15px; }
    .b-title.text-vuelta { top: 15px;}
    .date-ida .month-ida, .date-vuelta .month-vuelta, .date-vuelta .slash-between{font-size: 1rem; color: #b0ced5 !important;   position: relative; top: 15px; font-weight:700; text-transform: uppercase}
    .day-ida, .day-vuelta {color: #b0ced5 !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 #b0ced5; height: 75px; top: 0px; color: #b0ced5; }
    .b-title{text-align: left; display: inline-block; color: #b0ced5;   top: 15px; position: relative; font-weight: 400;
        font-size: 1rem; text-transform: uppercase}
    .bmb-cont span.b-title-b{text-align: left; display: inline-block; color: #071633;   top: 15px; 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-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-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: #b0ced5;  }
    .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%;; margin-right: 0px;}
    .b-send:hover{background-color: #071633 !important;  color: #b0ced5 ;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; 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; color: white !important;}
    .b-send:hover {background-color: #b0ced5 !important; border: 0; color: white !important;}
    
    #reservar{width: 100%; text-align: center; border-radius: 0 40px 40px 0px; height: 75px; padding: 20px 0px; background-color: #b0ced5 !important;}
    #reservar:hover {background-color: #052e35 !important; color: white !important;}

    .uk-sticky.uk-active .date-ida, .uk-sticky.uk-active  .date-vuelta {border-right: 1px solid #b0ced5;}
    .uk-sticky.uk-active .b-title {color: #084e5d;}
    .uk-sticky.uk-active .date-ida .day-ida {color: #b0ced5 !important;}
    .uk-sticky.uk-active .date-ida .month-ida, .uk-sticky.uk-active .date-vuelta .month-vuelta {color: #b0ced5 !important;}
    .uk-sticky.uk-active .date-vuelta .day-vuelta {color: #b0ced5 !important;}
    .uk-sticky.uk-active .promo {border-left: 1px solid #b0ced5;}
    .uk-sticky.uk-active .promo h5 {color: #b0ced5 !important;}
    .uk-sticky.uk-active input::placeholder {color: #b0ced5 !important;}
    .uk-sticky.uk-active .b-send {background-color: #b0ced5 !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;  color: #084e5d; font-size:1rem; font-weight: 400; display: block; text-align: center;}
    .uk-select:not([multiple]):not([size]) {position: relative; top: 8px;}
    .hab-value {color: #084e5d; width: 100%; cursor: pointer; height: 53px; text-align: right; font-size: 1rem; 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: #084e5d; /* background-color: white; */}
    .rooms .con .hab-value { position: relative;width: 100%;left: 0px;top: 20px;text-align: left;font-weight: 700;color: #084e5d;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: #084e5d; margin-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; text-align: center;}
    .rooms .con .b-more-beds span {color: #084e5d; 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 #084e5d;margin-bottom: 10px;color: #084e5d;}

    
    /* 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:#084e5d;}
    .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:#084e5d;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:#084e5d;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:#084e5d;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:#084e5d;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 #084e5d;margin: 0;text-align: center;}
    .uk-button.bb-close:after {display: none;}
    .uk-button.bb-close:hover {background-color: #1b1f1b !important; color: white; }



  
  /* datedropper new */
  div.datedropper.segles-theme {--dd-color1: #084e5d !important;--dd-color2: #FFF !important;--dd-color3: #232323 !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;}

/* Cookies */
#cookieMessageWrapper{margin: 0 auto;
  position: absolute;
  
  width: 100%;
  left: 50%;
  top: 50%;
  max-width: -webkit-fill-available;
  transform: translateX(-50%) translateY(-50%);
  background-color: white;z-index: 111;}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 100%;left: 50%;top: 50%;max-width: 520px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #b0ced5;display: inline-block;padding: 10px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}
#modal-cookies h4.uk-modal-title{font-size: 1rem;}
#modal-cookies .uk-link{color: #b0ced5;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #b0ced5 !important;}
#modal-cookies .uk-checkbox:checked{background-color: #b0ced5;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #084e5d;border-color: #084e5d !important;}
.uk-button-accept{ background-color: white; color: #084e5d !important; font-size: 1rem; border: 1px solid #084e5d; padding: 10px 20px !important; margin: 3px;}
.uk-button-accept:hover{background-color: #b0ced5; color: #084e5d !important; border: 1px solid #b0ced5;}
.uk-button-decline{ background-color: white; color: #084e5d !important; font-size: 1rem;  border: 1px solid #084e5d; padding: 10px 20px !important;margin: 3px;}
.uk-button-decline:hover{ background-color: #b0ced5; color: #084e5d !important; border: 1px solid #b0ced5; }
.uk-button-decline-all{ background-color: white; color: #084e5d !important; font-size: 1rem;  border: 1px solid #084e5d; padding: 10px 20px !important;margin: 3px;}
.uk-button-decline-all:hover{background-color: #b0ced5; color: #084e5d !important; border: 1px solid #b0ced5;}


  /* newsletter */
  #form-newsletter input[type=text]{background-color:transparent;border: 1px solid white;color: white;height: 55px;}
  #form-newsletter input[type=text]::placeholder{color: rgba(255, 255, 255, 0.8) !important;}
  #form-newsletter small{color: #fff;}
  #form-newsletter .g-recaptcha{margin: 10px 0;}
  #modal-news .uk-modal-dialog {height: 100%;}

  /* footer */
  footer {background-color: #052e35; color: #fff; }
  footer li a {color: #fff; list-style: none !important; font-size: 1rem;text-transform: none;}
  footer li.uk-lead{font-weight: 600;font-size: 1.4rem; text-transform: uppercase;}
  footer li a:hover {opacity: 0.8;color: #D3CBC3;}
  footer small {font-size: 0.7rem;}
  footer hr{margin: 20px 0;}

  footer .link-to-news{margin-top: 20px;display: inline-block;border-bottom: 1px solid #e5e5e5;padding-bottom: 5px;}
  footer .icon.newsletter{vertical-align: middle;margin-left: 10px;}

  .footer-logo {display: inline-block;}

  .footer-logo p{text-transform: uppercase;color: #fff;}
  .footer-logo p a{font-weight: 600;color: #fff;}
  .footer-logo p a:hover{text-decoration: underline;}

  .menu-footer{margin-top: 30px;}
  .menu-footer li a{color: #fff;}
  .menu-footer li a:hover{color: #D3CBC3;}
  footer .lead-menu{/* font-family: 'Jost', sans-serif;color: #5E564D !important; */font-weight: 700;/* font-size: 1.5rem; */}

  /* .menu-footer-contact{text-align: right;} */
  .menu-footer-contact li{color: #084e5d;}
  .menu-footer-contact li a{color: #084e5d;}
  .menu-footer-contact li a:hover{color: #084e5d;text-decoration: underline;}

  .menu-address{margin-top: 30px;text-align: right;}

  .menu-social {margin-top: 30px;}
  .menu-social .icon{vertical-align: middle;}
  .menu-social span{display: inline-block;margin-top: 10px;}
  .menu-social ul{margin-top: 0;}
  .menu-social li{display: inline-block;/* font-size: 1.2rem; */line-height: 1.5;}
  .menu-social li i{vertical-align: middle;}
  .menu-social li a{padding: 0;color: #084e5d;font-weight: 400;}
  .menu-social li a:hover{color: #084e5d;text-decoration: underline;}

  .social-footer span{margin-top: 2px;display: block;margin-right: 10px;font-family: 'Jost', sans-serif;}


  .menu-legal li{display: inline-block;margin-left: 10px;font-size: 0.9rem;}
  
  .sub-footer img{max-height: 60px;width: 100%;}
  .copyright{font-size: 0.9rem; color: #fff;}
  .autor{margin-top: 20px !important; font-size: 0.8rem; color: #fff;margin-bottom: 0;opacity: 0.6;}
  .autor a{color: #fff;font-weight: 400;margin-top: 10px !important; }
  .autor b {font-weight: 600;}



@media (max-width: 1599px){ /* xlarge */
  
  /* .container-buscador {margin: 28vh 0;} */

  


}

@media (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}
  .uk-navbar-nav {gap: 10px;}
   
    /* NOVOMAR */ 
    .home .header h1 {font-size: 2.8rem;}


    .header {width: 100%; margin-left: 0;}
    .home .apartments .uk-heading-xlarge { font-size: 5rem; margin-top: -50px;}
    .home .apartments .slider-rooms {width: 95%; margin-left: 5%;}

    .page .apartments .uk-heading-xlarge { font-size: 5rem; margin-top: -50px;}
    .page .apartments .slider-rooms {width: 95%; margin-left: 5%;}


    .page .services .apartments .slider-rooms {width: 95%; margin-left: 5%;}


         /* MENU */
         .uk-navbar-nav li.novomar-loyalty {width: auto;}
         .bm-waves span {width: 220px; height: 80px;}       
         .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: -30px; padding: 40px 0px 0 20px; width: calc(100vw - 20px); background-color: #b0ced5; z-index: 3; 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; display: inline-block; height: 45px;}
         .uk-sub-nav li {height: 35px;}
         .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{fill: #084e5d;}
         .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-navbar .uk-navbar-right {margin-right: 0;}
         .uk-navbar.uk-active .uk-navbar-toggle{color: #084e5d !important;}
         .uk-navbar-toggle .uk-icon>* {width: 35px;}
         .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 !important; text-transform: uppercase;}
         ul.uk-nav-sub li a  {height: 35px !important;}
         .uk-navbar-nav .uk-nav-sub li {height: 35px !important}

         .uk-navbar-container.uk-active .uk-navbar-nav#main-menu {left: 0;}

         ul.uk-nav-sub {padding-top: 0 !important; padding-left: 20px;}
         .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: #084e5d !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-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;}
 
}

@media (max-width: 1024px){ /* ipad */

}


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

  .order-1{order: -1;}

  .vertical {writing-mode: horizontal-tb;transform: rotate(0deg);}
  .section-large{padding: 5%;}
  footer{padding: 5% !important;}

  /* stay creative */
  .buscador {margin-top: -75px;}
  #form-book {height: 150px; width: calc(100% - 20px);}
  #reservar {border-radius: 0 0px 40px 40px;}

  .home .apartments .bg-secondary {width: calc(100% - 60px); position: relative; padding: 30px;}
  .home .gastronomy .gastro-image-right {margin-top: 20px;}
  .home .gastronomy .bg-tertiary {padding-bottom: 10vh;}
  .home .intro .bg-primary {padding-top: 0; margin-top: 5vh;}
  .home .apartments .uk-heading-xlarge {font-size: 3.2rem; margin-top: 30px; margin-bottom: 20px;}
  .home .apartments .slider-rooms {padding-top: 0; width: 100%; margin-left: 0;}
  .home .apartments .uk-slideshow-items {height: 80vh;}

  .page .apartments .bg-secondary {width: calc(100% - 60px); position: relative; padding: 30px;}
  .page .gastronomy .gastro-image-right {margin-top: 20px;}
  .page .gastronomy .bg-tertiary {padding-bottom: 10vh;}
  .page .intro .bg-primary {padding-top: 0; margin-top: 5vh;}
  .page .apartments .uk-heading-xlarge {font-size: 3.2rem; margin-top: 30px; margin-bottom: 20px;}
  .page .apartments .slider-rooms {padding-top: 0; width: 100%; margin-left: 0;}
  .page .apartments .uk-slideshow-items {height: 70vh;}

  .page .services .apartments .bg-secondary {width: auto; height: auto;position: relative;}
  .page .gastronomy .bg-tertiary .text {padding: 30px;}
  .page .services .apartments .slider-rooms {width: 100%; margin-left: 0%; padding-top: 5vh;}
  .home .offers .uk-slideshow-items {height: 70vh; margin-top: 40px;}
  .page .services .apartments .uk-heading-xlarge {font-size: 5rem;}
  .page .services .gastronomy .gastro-image-right {margin-top: 30px; margin-bottom: 30px;}
  .page .sports .routes {margin-top: 0;}
  .page .sports .routes .container-slider {margin-top: 5vh;}
  .room .apartments {margin-top: 5vh;}
  .room .apartments .bg-secondary {position: relative;}
  .room .apartments .slider-rooms {margin-top: 10vh;}
  .room .apartments .container-arrows {position: absolute; top: auto; bottom: 40px; background: transparent; width: 110px; height: 50px; right: 50px;z-index: 1;}
  .uk-heading-large {font-size: 2.8rem;}
  .page .sports .hiking .text-hiking {padding-top: 5vh;}
  .page .sports .hiking .container-slider {margin-top: 5vh;}

}
@media (max-width: 767px){ /* medium-small */
  .br-small{display: none;}
  .autor{text-align: left !important;}
  .section {padding: 10%;}


  /* NOVOMAR */
  
  .page .services .apartments .uk-heading-xlarge {font-size: 3rem; margin-top: -60px;}


  .page .apartments .uk-slideshow-items {height: 80vh;}
}

@media only screen and (max-width: 639px){ /* small */
  .uk-notification{left: 50%;}

  .section {padding: 5%;}
  .uk-heading-large {font-size: 2.4rem;}
  .room .uk-dotnav {display: flex;}

  #cookieMessage {width: 280px; border: 2px solid #023144;}

}
@media (max-width: 459px){ /* x-small */

  .uk-heading-large, h1 {font-size: 2.2rem;}
  .uk-heading-medium, h2{font-size: 2rem;}
  .uk-heading-small, h3 {font-size: 1.6rem;}


      
}