/* Developed entirely by staycreative.es 2023 */

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

/* Generals */
html, body {font-family: "Poppins", sans-serif;font-weight: 300;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #000000;font-size: 1.1rem;}
p{font-family: "Poppins", sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.7;}
b, strong{font-weight: 700;}
h1, h2, h3{  font-family: "Prata", serif !important;  font-style: normal; margin-bottom: 0; margin-top: 0px; color: #000000;}
h4, h5, h6 {font-family: "Poppins", sans-serif; color: #000000;}
h1 {font-size: 3rem;}
h2 {font-size: 2.6rem;}
h3 {font-size: 2.2rem; line-height: 1.2;}
h4 {font-size: 1.8rem;}
/* h5 {font-size: 3rem;} */
/* h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: italic;display: block;font-size: 40%;font-weight: 300;font-family: 'Golos Text';} */
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{ font-family: "Poppins", sans-serif; border:0;line-height: 1.5; font-size: 0.9rem; -webkit-appearance: none !important;border-radius: 0; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0.7rem 2rem; text-align: left; position: relative; font-weight: 400; border-radius: 100px ;}
   
    /*.uk-button-default{background-color: transparent; color: #bd9d73; border: 2px solid #bd9d73; -webkit-transition: ease-in-out, .6s ease-in-out;transition: ease-in-out, .6s ease-in-out; /* box-shadow: inset 0 0 0 0 #D80286;  -webkit-transition: ease-out 0.6s; -moz-transition: ease-out 0.6s; transition: ease-out 0.6s;}
    .uk-button-default:hover{color: #1c5e57 !important;  box-shadow: inset 400px 0 0 0 #bd9d73;  border: 2px solid #bd9d73;} */

    .uk-button-default{background-color: #1c5e57; color: white; border: 1px solid #1c5e57;}
    .uk-button-default:hover{background-color: #bd9d73; color: white !important; border: 1px solid #bd9d73;}

    .uk-button-primary{background-color: #bd9d73; color: white; border: 1px solid #bd9d73;}
    .uk-button-primary:hover{background-color: #1c5e57; color: white !important; border: 1px solid #1c5e57;}

    .uk-button-secondary{background-color: white; color: #1c5e57; border: 1px solid white;}
    .uk-button-secondary:hover{background-color: transparent; color: white !important; border: 1px solid white;}
   
  



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

/* modal */
#modal-container h5 {font-size: 1.2rem;}

    /* form */
    .form {position: relative; z-index: 2;}
    .form .uk-form-label{font-weight: 400; color: white;}
    .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 white; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: #1c1c1c !important; font-size: 1rem;height: auto;font-family: "Poppins", sans-serif;}
    .form .uk-select:not([multiple]):not([size]){background-image: none; color: white !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;}
    .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: white; font-size: 0.7rem;}
    .form .uk-checkbox {border-color: white !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 #bd9d73 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; position: relative; top: 5px;}
.icon.instagram {width: 35px; height: 35px; background-position: -310px 0px; position: relative; top: 5px;}
.icon.facebook-c {width: 35px; height: 35px; background-position: -240px -35px; position: relative; top: 5px;}
.icon.instagram-c {width: 35px; height: 35px; background-position: -310px -35px; position: relative; top: 5px;}

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

.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: 100px;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: 100px;right: 30px;cursor: pointer;opacity: 0.5;}
.icon.audio:hover, .icon.full-video:hover{opacity: 1;}

  /* menu */
  .uk-navbar-container:not(.uk-navbar-transparent){height: 100px;z-index:5;background-color: transparent;box-sizing: border-box;}
  .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;gap: 10px; margin-left: 30px;}
  .uk-navbar-container .uk-navbar-center img {width: 200px !important; margin-top: 20px !important;}
  .uk-navbar-container.uk-active .uk-navbar-center img {width: 150px !important; margin-top: 0 !important;}
  .uk-navbar-left {float: left; }
  .uk-navbar-right {background-color: transparent;}
  .uk-navbar-nav>li>a, .uk-navbar-nav>li ul.uk-nav-sub li a{font-weight: 300; color:white; padding: 0px 10px; font-size: 1rem; font-family: "Poppins", sans-serif;text-transform: none;}
  .uk-navbar-nav>li ul li a, .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover{font-weight: 300;font-size: 1rem; font-family: "Poppins", sans-serif;text-transform: none;}
  .uk-navbar-nav .uk-active {color:#1c1c1c;   }
  .uk-navbar-nav#main-menu {gap: 15px;}
  .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: #1c1c1c;}
  .uk-navbar-nav#main-menu .lang .languages-menu li a:hover{color: #1c1c1c;}
  .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a{color: #F3EDE5 !important;}
  .uk-navbar-dropdown-nav>li>a{ color: #1c1c1c; height: auto;}
  .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #1c1c1c;}
  .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, 0.8);}
  .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: #1c1c1c !important;z-index: 5; } */
  .has-dropdown{position: relative; }
  .has-dropdown {padding-right: 0;}
  .uk-navbar-dropdown {width: 300px; } 
  .has-dropdown:after{content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 39px; right: -2px; 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: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 40px; right: -5px; background-size: 1000px 500px;}
  .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 40px; right: -15px; background-size: 1000px 500px;}
  .bm-waves a{padding: 0 !important;font-size: 0 !important;display: block;}
  .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
  .bm-waves span{display: block; z-index: 1;  position: relative; width: 180px; height: 100px;background-image: url('../../public/img/logo-header.svg'); background-size: contain; background-repeat: no-repeat; position: relative;background-position: center;margin: 0 20px;}
  .uk-navbar-container.uk-active{background-color: #1c5e57 !important;width: 100vw !important; height: 100px;  z-index: 5;    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);}
  .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: #fff !important;font-weight: 600;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #fff;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #D3CBC3 !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;}
  /* .uk-navbar-container.uk-active .bm-waves span{margin-top: 0;width: calc(100vw - 150px);} */
  .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;}

      #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 .line1{width: 80%;}
      .menu-opener .line2{width: 60%;}
      .menu-opener .line3{width: 80%;}
      .menu-opener:hover .hamburger-lines .line{width: 100%;}


/* MENU ICON */

#menu-icon { width: 60px; height: 30px; position: relative; margin: 26px 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-lang li:first-child a {font-weight: 700;}


#offcanvas-nav-primary {background: rgb(98, 173, 224 / 60%) !important;}
#offcanvas-nav-primary .uk-nav-primary {width: auto; margin: auto;}
#offcanvas-nav-primary .uk-offcanvas-overlay::before {background: rgba(98, 173, 224,1);}
#offcanvas-nav-primary .uk-offcanvas-bar {width: 35vw; background: #1c5e57 !important; padding: 0 10vh;}
#offcanvas-nav-primary .uk-nav-primary>li>a {font-family: "Poppins", sans-serif;font-weight: 500; font-style: normal; font-size: 1.8rem; color: white;}
#offcanvas-nav-primary .uk-nav-primary>li.lang>a {font-family: "Poppins", sans-serif;font-weight: 400; font-style: normal; font-size: 1.5rem; color: white;}
#offcanvas-nav-primary .uk-nav-primary .uk-nav-sub span {font-family: "Poppins", sans-serif;font-weight: 500; font-style: italic; font-size: 1.4rem;}
#offcanvas-nav-primary .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {font-family: "Poppins", sans-serif;font-weight: 400;  font-size: 1.2rem; color: white; text-transform: inherit; border: 0; display: block;}
#offcanvas-nav-primary .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, #offcanvas-nav-primary .uk-nav-primary>li>a:hover {color: #bd9d73;}
.uk-offcanvas-overlay.uk-open::before {display: none;}
.uk-offcanvas-bar {color: white;}
#offcanvas-nav-primary .uk-nav-primary>li>a  {-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;}
#offcanvas-nav-primary .uk-nav-primary>li>a .uk-icon-image {opacity: 0 !important;}
#offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important;}

#container-images {height: 100vh; width: calc(100vw - 500px); top: 0; left: 500px; position: absolute; background-color: #1c5e57;}
#container-images .con-img-ind {width: 50vw;}
#offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 0 !important;}
#offcanvas-nav-primary .uk-nav-primary>li.uk-active>a {color: white; line-height: 1.1;}
#offcanvas-nav-primary .uk-nav-primary>li.uk-active>a:hover {color: #bd9d73;}
#offcanvas-nav-primary .uk-nav-primary>li.uk-active>a .uk-icon-image {opacity: 1 !important; }
#offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important; }

.switcher-img {width: 50vh; /*opacity: 0;*/}
.switcher-img-room {width: 50vh; /*opacity: 0;*/}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(98, 173, 224,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-dark{background-color: rgba(0, 0, 0,0.5);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.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 75%, #1c5e57 100%);
  background: -moz-linear-gradient(to top, transparent 75%, #1c5e57 100%);
  background: linear-gradient(to top, transparent 75%, #1c5e57 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;}
.white {color: #fff !important;}
.bg-light {background-color: #fffaf3 !important;}
.light {color: #f6f6f6 !important;}
.bg-dark {background-color: #000000 !important;}
.dark {color: #000000 !important;}
.bg-primary{background-color: #1c5e57 !important;}
.primary{color: #1c5e57 !important;}
.bg-secondary{background-color: #bd9d73 !important;}
.secondary{color: #bd9d73 !important;}
.bg-img {background-position: center; background-repeat: no-repeat; background-size: cover; }
.bg-img img{width: 100%;}
.text-white{color: #fff;}
.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.text-shadow {text-shadow: 1px 1px 8px #232323;}
.b-bottom {border-bottom: 1px solid #eee;}
.b-top {border-top: 1px solid #040f0c;}
.sans {font-family: "Poppins", sans-serif;}
/* .bold {font-family: 'Golos Text', sans-serif !important;} */
.serif {font-family: "Poppins", sans-serif;}
p.lead{font-size: 120%;}
.border-radius-large {border-radius: 200px;}
.border-radius {border-radius: 80px;}
.uk-heading-small {font-size: 2.6rem !important;}

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


/* PRELOADER */
.preloader{position: fixed;z-index: 9999;width: 100vw;height:100vh; opacity: 1; background: #1c5e57; top: 0;left: 0;}
.preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 120px;height: 120px;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;}
  90%{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 */
/* .uk-dotnav>* {margin-left: 5px; border: 1px solid #1c5e57;} */
.uk-dotnav>* {padding-left: 6px;}
.uk-dotnav>*>* {width: 20px; height: 8px; border-radius: 0;}

.uk-lead{font-size: 120%;}
.header{height: 60vh; margin-top: -100px;}
.header .header-text {padding: 10vh;}
.header .header-text h1 {font-size: 3rem;}
.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;}
.cursor-pointer {cursor: pointer;}
.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 .header{height: calc(70vh + 15px);}
/* .page .uk-navbar-right {height: calc(70vh + 15px);} */

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

    /* MENU */
    .icon-header-logo{width: 50px;}
    .menu-lang{line-height: 1.2;gap: 10px;}
    .menu-lang li{display: inline-block;}
    .menu-lang li a{color: #eae5e1;font-size: 1rem;padding: 0;text-transform: uppercase;}
    .menu-lang li a:hover{color: #fff !important;}
    .menu-lang li.uk-active a{font-weight: 700;}

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

    /* booking engine */
    .booking-engine-container { /* margin-top: -100px; */ height: calc(100% - 100px);}
    .booking-engine{box-sizing: border-box;}
    .booking-engine h3{font-size: 1.8rem;}
    .booking-engine .uk-input{width: 100%;border: 0;border-bottom: 1px solid #eee;color: #fff;background-color: transparent;}
    .booking-engine .be-item{position: relative;margin: 15px 0;}
    .booking-engine .be-item i{position: absolute;top: 10px;}
    .booking-engine .be-item .uk-input{padding-left: 45px !important;}
    .booking-engine .be-item .uk-input::placeholder{color: #FFF !important;}
    .booking-engine .be-item .promocode{border: 0;padding-left:10px !important;background-color: rgba(255,255,255, 0.1); padding-top: 5px !important; padding-bottom: 5px !important;}
    .booking-engine .be-send{margin-top: 20px;}
    /* datedropper new */
    div.datedropper.jorda-theme {--dd-color1: #554640 !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;}

    

/* modal-full */
#modal-full h5 {font-size: 1.4rem;}
#modal-full .border-primary {border-bottom: 25px solid #1c5e57;}
#modal-full .border-grid {border-bottom: 1px solid #1c5e57; border-top: 1px solid #1c5e57;}

/* INTRO */
.intro h1 {font-size: 3rem !important;}
.intro h2  {font-size: 3rem !important;}

.home .intro h2 {position: relative;  z-index: 11;}
.page .intro h1 {position: relative;  z-index: 1; }
.intro h3 {font-size: 1.4rem; }
.slider {position: relative; z-index: 1;}

/* REVIEWS */
.reviews .block::before {content: ""; display: inline-block; background-image: url(../../public/img/icon-blockquote.svg); width: 90px; height: 79px; position: absolute; top: -20px; left: -40px; z-index: -1;}
.reviews .block::after {content: ""; display: inline-block; background-image: url(../../public/img/icon-blockquote.svg); width: 90px; height: 79px; position: absolute; bottom: -20px; right: -40px; z-index: -1; transform: rotate(180deg);}
.reviews .block .uk-dotnav>.uk-active>* { background-color: rgba(189, 157, 115, 0.6);}
.reviews .block .uk-text-italic { font-size: 0.9rem;}

/* HOME */
.home h1 {  text-shadow: 2px 2px 8px #000000;}
.home .header {height: 100vh; min-height: 100vh;}
/* .home .intro {padding-bottom: 20vh;} */
.home .toni h3 {font-size: 3.2rem;}
/* .home .toni .uk-background-cover {margin-top: -15vh;} */
.home .images .img-1 {margin-bottom: -15vh;}
.home .images .img-3 {margin-bottom: -8vh;}

/* ABOUT */
.about .uk-accordion-title h3 {font-size: 1.2rem; line-height: 1.6;}
.about .uk-accordion-title {padding: 25px 0 20px; border-top: 1px solid #bd9d73;}
.about .uk-accordion-content {/*padding-left: 20px; margin-bottom: 20px; margin-top: 20px;*/ margin-bottom: 40px; margin-top: 0;}
.about .uk-accordion-content {font-size: 0.8rem;}
.about .uk-accordion-content h4 {font-size: 1.2rem; font-weight: 600;}
.about .uk-accordion-content ul {padding-left: 30px;}
.about .uk-accordion-content ul li {font-size: 0.9rem; font-weight: 400; line-height: 2;}

/* SERVICE */
.service .intro h2 {font-size: 2rem !important; color: #bd9d73; margin-top: 15px; }
.services h3 {font-size: 1.6rem; line-height: normal;}
.services .bg-primary {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.services .bg-primary:hover {background-color: #bd9d73 !important;}

/* 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: 550px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #1A1A1A;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: #1A1A1A;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #1A1A1A !important;}
#modal-cookies .uk-checkbox:checked{background-color: #1A1A1A;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}
.uk-button-accept{ background-color: #1c5e57; color: white !important; border: 1px solid #1c5e57; padding: 10px 20px !important;}
.uk-button-accept:hover{background-color: white; color: #1A1A1A !important; }
.uk-button-decline{ background-color: white; color: #1c5e57 !important; border: 1px solid #1c5e57; padding: 10px 20px !important;}
.uk-button-decline:hover{ background-color: #1A1A1A; color: white !important; border: 1px solid #1A1A1A; }
.uk-button-decline-all{ background-color: #1A1A1A; color: white !important; border: 1px solid #1A1A1A; padding: 10px 20px !important;}
.uk-button-decline-all:hover{background-color: white; color: #1c5e57 !important; }


  /* cookies i aviso legal */
  .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; }
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }

  /* 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 */
  #whatsapp-icon{position: absolute;top: -20px; right: 3vh; width: 70px; height: 70px; background-image: url('../../public/img/whatsapp.svg'); background-position: center;background-size: contain;z-index:1;}
  #whatsapp-icon:hover {filter: drop-shadow(0 14px 25px rgba(0,0,0,.16));}


  footer {background-color: #bd9d73; color: white; margin-top: -5px;}
  footer li a, footer li {color: white; list-style: none !important; font-size: 0.9rem;text-transform: none; font-weight: 400;}
  footer li.uk-lead{font-weight: 600;font-size: 1.4rem;}
  footer li a:hover {opacity: 0.8;color: white;}
  footer small {font-size: 0.7rem;}
  footer hr{margin: 20px 0;}

  footer .icon.newsletter{vertical-align: middle;margin-left: 10px;}

  .footer-logo {display: inline-block;}
  .footer-logo img{width: 100%;max-width: 300px;}
  .footer-logo p{text-transform: uppercase;color: #fff;}
  .footer-logo p a{font-weight: 600;color: white;}
  .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;text-decoration: underline;}
  footer .lead-menu{/* font-family: 'LeGrandLigatures', serif;color: #5E564D !important; */font-weight: 700;/* font-size: 1.5rem; */}

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

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

  .menu-social {margin-top: 30px;margin-left: 25%;}
  .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: #080706;font-weight: 300;}
  .menu-social li a:hover{color: #080706;text-decoration: underline;}

  .social-footer span{margin-top: 2px;display: block;margin-right: 10px;font-family: 'LeGrandLigatures', 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: white;}
  .autor{margin-top: 20px !important; font-size: 0.8rem; color: white; margin-bottom: 0;opacity: 0.6;}
  .autor a{color: white; font-weight: 300;margin-top: 10px !important; }
  .autor b {font-weight: 600;}



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


  .header .header-text {padding: 5vh !important;}

  #offcanvas-nav-primary .uk-offcanvas-bar {width: 60vw;}
  #offcanvas-nav-primary .uk-nav-primary {width: 100%;}

}

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

}


@media (max-width: 959px){ /* medium */
  
  .order-1 {order: -1; -webkit-order:-1;}
  .section, .section-large {padding: 10% !important;}
  .featured .uk-text-large {font-size: 1.2rem; line-height: 2;}

  .uk-navbar-nav#main-menu {display: none;position: absolute;top: 0;left: 0;padding: 20px 0vw 0 0vw;width: calc(100% - 20px);background-color: #000000;z-index: 3;padding-left: 20px;padding-top: 100px;}
  .uk-navbar-nav.visible-flex {display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
  .uk-navbar-toggle {height: 80px;float: right;z-index: 4;position: relative;color: white !important;}
  .uk-navbar-toggle-icon {margin-right: 10px;}
  .uk-navbar-nav>li, .uk-navbar-nav>li ul li, .uk-navbar-nav>li ul.uk-nav-sub li{min-height: 40px;justify-content: left;}
  .uk-navbar-nav>li>a, .uk-navbar-nav>li ul li a, .uk-navbar-nav>li ul.uk-nav-sub li a{min-height: auto;justify-content: left;padding: 8px 10px;}


  .uk-navbar-container:not(.uk-navbar-transparent) {background-color: #1c5e57; height: 80px;}
  .bm-waves span {width: 129px; margin: 0; height: 80px;}
  .uk-navbar-container.uk-active .uk-navbar-right {height: 80px;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a  {-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a .uk-icon-image {opacity: 0 !important;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 0 !important;}
  #offcanvas-nav-primary-res .uk-nav-primary>li.uk-active>a {color: #bd9d73;}
  #offcanvas-nav-primary-res .uk-nav-primary>li.uk-active>a .uk-icon-image {opacity: 1 !important; }
  #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important; }
  .uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {width: 100vw !important;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a {font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; color: white;}
  #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover {color: #bd9d73;}
  .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {color: white !important;}
  .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover {color: #bd9d73;}
  .uk-offcanvas-bar {background: #1c5e57;}
  #menu-icon {width: 60px; height: 60px; margin: 25px 20px 0 10px;}
  .menu-lang li a {font-size: 1.2rem; }
  .menu-lang li a:hover {color: #000 !important;}
  
  /* CHEF JORDÀ */
  .header {margin-top: -80px;}
  .intro h2, .intro h1 {font-size: 2rem !important; margin-bottom: 20px;}
  .border-radius-large {border-radius: 100px;}
  .uk-heading-small {font-size: 1.8rem !important;}
  h1 {font-size: 2.2rem;}
  
  
  /* HOME */
  .home .intro {padding-bottom: 0;}
  .home .toni h3 {font-size: 2rem;}
  .home .toni .uk-background-cover {margin-top: 0;}
  .reviews .block::after {display: none;}

  .home .images .img-1 {margin-top: 0 !important; margin-bottom: 0;}
  .home .images .img-2 {margin-top: 0;}
  .home .images .img-3 {margin-top: 0;}

  /* PAGE */
  .page .intro h1 {top: 0; margin-bottom: 20px;}
  .about .uk-accordion-title h3 {font-size: 1.4rem;}

  footer img {width: 200px;}
  h3 {font-size: 1.8rem;}
  .uk-heading-medium {font-size: 2.2rem;}
  .kit small {font-size: 0.7rem !important;line-height: 1;}

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

  .intro h1 {font-size: 2.6rem !important;}
  .intro h2 {font-size: 2.6rem !important;}

  .uk-heading-small {font-size: 1.6rem !important;}
  

}

@media only screen and (max-width: 639px){ /* small */

  .uk-navbar-container.uk-navbar .uk-navbar-left {margin-left: 20px;}
  .uk-slider-container-offset {padding: 0; margin: 0;}

  .about .uk-accordion-title h3 {font-size: 1.2rem;}
  .about .uk-accordion-title {padding: 25px 0 12px;}

  .intro h1 {font-size: 1.8rem !important;} 
  .service .intro h2, .intro h2 {font-size: 1.6rem !important;} 

  /* CHEF JORDÀ */
  footer.uk-padding {padding: 10px !important;}
  .uk-heading-small {font-size: 1.4rem;} 

  h1 {font-size: 2rem;}
  h2 {font-size: 1.6rem;}
  h3 {font-size: 1.5rem;}
  

  /* HOTEL */
  .featured .uk-text-large {font-size: 1rem; line-height: 2;}

  /* ROOM */
  /* .room .gallery .container-arrows {width: 60%;} */
  .villas .feed h3 {font-size: 1.7rem;}
  
}
@media (max-width: 459px){ /* x-small */

    

      
}