#tpl_gMapInfo { display:none; }
/*GENERAL
--------------------------------------*/
:root {
    --c-blue: #001b41;
    --c-lightblue: #009BC4;
    --c-yellow: #ffb600;
    --c-grey1: #ebe9e5;
    --c-grey2: #4a4a4a;
    --c-grey3: #d3d3d3;
    --c-grey4: #868e96;
    --c-gold: #CBAD6F;
    --c-green: #2bc48a;
}

html {
    font-size: 15px;
}

body {
    font: normal normal 12px 'Poppins', sans-serif;
    color: var(--c-blue);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 600;
}

h3 a:hover{
    color:var(--c-lightblue);
}


body.fixed {
    overflow: hidden;
}

a,
input,
button {
    cursor: pointer;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: currentColor;
}

a {
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
}

p {
    margin: 0;
}

:focus {
    outline: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.text-gold{color: var(--c-gold);}
.text-lightblue{color: var(--c-lightblue);}
.text-blue{color: var(--c-blue);}
.bg-blue{background-color: var(--c-blue);}
.bg-lightblue{background-color: var(--c-lightblue);}

#main-overlay{position: absolute; background-color: #000; opacity: .5; display:none; z-index: 9999999999;}

#main-container {
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s;
}

.inner-wrapper {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 15px;
}

.inner-wrapper.col-wrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

.btn-primary{background-color:var(--c-lightblue);border-color:var(--c-lightblue);font-weight:600;font-size: 1rem;text-transform:uppercase;}
.btn-primary:hover{background-color:var(--c-blue);border-color:var(--c-blue);}

a.btn,
input.btn {
    height: 68px;
    padding: 0 40px;
    line-height: 68px;
    background: #1780eb;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    border-radius: 10px;
    margin: 0 auto 0 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

a.btn:hover,
input.btn:hover {
    background: #268ffb;
}

.placeholder{
    background-color:transparent;
    opacity:1;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: currentColor;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

:focus::-webkit-input-placeholder {
    opacity: .3
}

:focus::-moz-placeholder {
    opacity: .3
}

:focus:-ms-input-placeholder {
    opacity: .3
}

:focus:-moz-placeholder {
    opacity: .3
}

.title {
    position: relative;
    margin-bottom: 20px;
}

.title img {
    max-width: 100%;
}

.title span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.2rem;
    font-weight: 600;
}

#detail-lightbox {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    padding: 25px;
    z-index: 99998;
    transform: translateY(100%);
    transition: transform .3s;
    background: #fff;
}

#detail-lightbox.visible {
    transform: translateY(0);
}

#detail-lightbox-close {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
}

#detail-lightbox h3 {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

#detail-lightbox-open{
    cursor: pointer;
}

#detail-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 70px;
    padding: 10px 20px;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#detail-footer .left a img{
    width: 18px;
    margin-right: 5px;
}

#detail-footer.hidden{
    display: none;
}

#detail-footer.visible{
    display: flex;
}

#detail-footer #single-detail-price{
    cursor: pointer;
    margin-bottom: 5px;
}

#detail-footer .left a{
    color: var(--c-lightblue);
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    text-transform: uppercase;
}

#detail-footer .left a:hover {
    color: var(--c-lightblue);
}


/*JA ALERT
--------------------------------------*/
.ja_sm {
    width: 100%;
    max-width: 480px;
}

.jAalert{
border-radius: .3rem;
}

.ja_default{
    background-color:#fff;
}

.ja_title{
border-bottom: 1px solid #dee2e6;
}

.ja_title > div {
    color: var(--c-blue);
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 20px;
    font-family: 'Poppins', sans-serif;
    text-transform:uppercase;
}

.ja_body{
font-family: 'Poppins', sans-serif;
font-size:1rem;
}

.ja_default .ja_close_round, .ja_default .ja_close_round_white {
    color: #FFF;
    background: rgba(0,0,0,0.3) none repeat scroll 0 0;
}

/*COOKIE CONSENT
--------------------------------------*/
#cookie-consent{
    position: fixed;
    bottom: 0px;
    z-index: 9999999999999999999;
    width: 100%;
    padding: 15px;
    color: #fff;
    background-color: rgb(0 27 65 / 80%);
}

#cookie-consent p{
    font-size: 12px;
}

#cookie-consent button{
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    width: 100px;
    border-radius: 4px;
    background-color: var(--c-lightblue);
    display: block;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    padding: 5px 10px;
    transition: background .3s;
    margin-left: 10px;
}

#cookie-consent button:hover{
    background-color: var(--c-yellow);
    }

#cookie-consent span.cookie-text{
    font-size: 12px;
}

/*LAYOUT
--------------------------------------*/
#header {
    color: #fff;
    position: absolute;
    left: 0;
    top: 40;
    width: 100%;
    padding: 25px 0 25px;
    z-index: 2;
}

#header.static {
    position: relative;
    background: #fff;
    color: var(--c-lightblue)
}

#header.static #header-covid {
    margin-bottom: 25px;
}

#header-covid {
    font-size: 1rem;
    padding:10px 0;
    background-color: var(--c-blue);
    transition: background .3s;
    cursor: pointer;
    color: #fff;
}

#header-covid:hover {
    background-color: var(--c-lightblue);
}

#header-covid img {
    width:36px;
    margin-right: 5px;
}

#header-search {
    position: relative;
}

#header-search form {
    position: absolute;
    top: -20px;
    right: 0;
    padding: 10px;
    border-radius: 10px;
    background: transparent;
    box-shadow: unset;
    transition: background .3s, box-shadow .3s;
}

#header-search.active form {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: #fff;
    border: 1px solid var(--c-grey3);
}

#header-search path {
    transition: stroke .3s;
}

#header-search input[type="text"] {
    border-color: var(--c-grey3);
    border-style: solid;
    border-width: 0 0 1px;
    margin-right: 30px;
    background: unset;
    color: #fff;
    width: 0;
    opacity: 0;
    transition: opacity .3s, width .3s;
}

#header-search.active input[type="text"] {
    width: 300px;
    opacity: 1;
    color: var(--c-blue);
}

#header-search.active button path {
    stroke: var(--c-lightblue);
}

#header-search button {
    position: absolute;
    right: 0;
    top: 5px;
}

.is-sticky #header-search path {
    stroke: var(--c-lightblue);
}

#header-search .autocomplete-suggestions {
    color: var(--c-blue);
    position: absolute;
    max-height: 320px;
    z-index: 9999;
    width: 150px;
    z-index: 161;
    background: #fff;
    border: solid 1px var(--c-lightblue);
    border-radius: 5px;
    padding: 5px;
    font-size: 0.9rem;
    line-height: 28px;
    text-transform: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    overflow: hidden;
    cursor:pointer;
    right:0 !important;
}

.logo {
    width: 200px;
}

.logo img,
.logo svg {
    width: 100%;
}

#header:not(.static) .offcanvas:not(.show) .logo path, #header:not(.static) .logo.home path{
    transition: fill .3s;
    fill: #fff;
}

#header:not(.static) .offcanvas:not(.show) .logo:hover path.am0, #header:not(.static) .logo.home:hover path.am0{
    fill: #F7A800;
}

#header:not(.static) .offcanvas:not(.show) .logo:hover path.az1, #header:not(.static) .logo.home:hover path.az1 {
    fill: #0096C3;
}

.is-sticky .logo path {
    fill: var(--c-lightblue);
}

#nav li {
    display: inline-block;
}

#nav li:not(:last-child) {
    margin-right: 60px;
}

#header-menu a:hover {
    color: var(--c-yellow);
}

#nav li a .svg.menu-icon {
    display: none;
    width:24px;
    fill:var(--c-lightblue);
}

#nav li a .svg.menu-icon path{
    fill:var(--c-lightblue);
}

#header-search button {
    border: unset;
    background: unset;
}

#header.static #header-search path {
    stroke: var(--c-lightblue);
}

/* MENU 2023 */
.social-link a{
    width:30px;
    height:30px;
    background-color: var(--c-lightblue);
    border-radius:25px;
    padding:10px;
}

.social-link svg{
    width:18px;
}

.nav-item.dropdown{
    margin-right:60px;
}

.navbar-nav a.nav-link{
    font-size:1rem;
    text-transform:uppercase;
    color:var(--c-lightblue);
    font-weight:600;
}

.navbar-toggler{
    border:none;
}

#header.static .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 155, 195, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#header:not(.static) .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon{
    width:2em;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-header img, .dropdown-header svg{
    width:20px;
}

.dropdown-header img, .dropdown-header svg path{
    fill:var(--c-blue);
}


/* FOOTER  */
#footer {
    color: #fff;
    background-color: var(--c-blue);
}

#footer .modal h5{
    color:var(--c-blue);
    margin-bottom:0px;
}

#footer .modal{
    color:var(--c-grey4);
    font-size:1rem;
}

.footer-col {
    margin-bottom: 25px;
}

#footer a,
.footer-col span {
    font-size: 0.9rem;
}

#footer a:hover {
    color: var(--c-lightblue);
}

.footer-col span {
    margin-bottom: 20px;
    display: block;
}

.footer-col strong {
    font-size: 1rem;
    font-weight: 700;
}

#footer h5 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#footer #footer-phone {
    font-size: 1.5rem;
    font-weight: 500;
}

#footer-phone img {
    margin: -5px 5px 0 0;
}

#footer-phone i {
    font-size: 1rem;
    font-style: normal;
    display: block;
}

#footer-company li,
#footer-help li {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

#footer-company li svg,
#footer-help li svg{
    margin-right: 5px;
}

#footer-social {
    margin-bottom: 50px;
}

#footer-social a {
    width: 32px;
    height: 33px;
    line-height: 33px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
}

#footer-social a:hover {
    background: var(--c-lightblue);
}

#footer-social path {
    fill: var(--c-blue);
}

#footer-social svg {
    max-width: 22px;
}

#footer-lang select {
    font-size: 1rem;
    font-weight: 500;
    width: 100%;
    max-width: 170px;
    height: 51px;
    line-height: 51;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .13);
    border: unset;
    color: #fff;
    padding: 0 13px;
}

#footer-lang select option {
    color: #222;
}

#footer-lang .dd-select {
    border: unset;
}

#footer-lang .dd-selected {
    display: flex;
    align-items: center;
}

#footer-lang .dd-pointer {
    width: 18px;
    height: 11px;
    background: url(../img/ico-angle-down.svg) no-repeat center;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    transition: transform .3s;
}

#footer-lang .dd-pointer-up,
#footer-lang .dd-pointer-down {
    border: unset !important;

}

#footer-lang .dd-pointer-up {
    transform: rotate(180deg);
}

#footer-lang label {
    font-weight: normal;
    line-height: 32px !important;
}

#footer-lang .dd-option {
    display: flex;
    align-items: center;
}

#footer p.tyc {
    font-size: 0.875rem;
}

#footer small {
    font-size: 1rem;
    padding: 45px 0;
}

#footer small strong {
    font-weight: 600;
    margin-left: 10px;
}

#footer hr{
    border-top: 2px solid rgba(255, 255, 255, .1);
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    transition: all 0.2s;
}

.whatsapp svg{
    width:50%;
}

.whatsapp:hover {
transform:scale(1.1)
}

#search-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999999;
    overflow: hidden;
    padding: 25px 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

#search-lightbox.visible {
    opacity: 1;
    pointer-events: all;
}

#search-lightbox-close {
    position: absolute;
    left: 15px;
    top: 25px;
}

#search-lightbox h3 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

#search-lightbox-track {
    width: 200vw;
    display: flex;
    flex-wrap: nowrap;
    transition: transform .3s;
}

#search-lightbox-dates {
    padding: 25px;
}

#search-lightbox-dates i {
    font-style: normal;
}

#search-lightbox-dates span {
    margin-right: 25px;
    color: #707070;
    font-size: 1rem;
}

#search-lightbox-dates img {
    width: 15px;
    margin-right: 10px;
}

#search-lightbox .litepicker .container__months,
#search-lightbox .litepicker .container__months .month-item {
    width: 100vw;
    padding: 0;
}

#search-lightbox .litepicker .container__months .month-item-weekdays-row>div,
#search-lightbox .litepicker .container__days .day-item,
#search-lightbox .litepicker .container__days>div {
    width: calc(100vw / 7);
}

#search-lightbox .litepicker .container__months .month-item:first-child .button-previous-month,
#search-lightbox .litepicker .container__months .month-item:last-child .button-next-month {
    position: absolute;
    top: 20px;
}

#search-lightbox .litepicker .container__months .month-item:first-child .button-previous-month {
    left: 60px;
}

#search-lightbox .litepicker .container__months .month-item:last-child .button-next-month {
    right: 60px;
}

#search-lightbox .litepicker .container__months .month-item-header div {
    width: 100%;
    position: absolute;
}

#search-lightbox-cleardates {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    display:none;
}

#search-lightbox-track.end {
    transform: translateX(-100vw);
}

#search-lightbox-range,
#search-lightbox-guests {
    width: 100vw;
    overflow: hidden;
}

#search-lightbox-range .search-next,
#search-lightbox-guests .search-end {
    width: 302px;
    height: 54px;
    background-color: var(--c-yellow);
    margin: 50px auto;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 5px;
    line-height: 50px;
    border: unset;
}

#search-lightbox-guests #guests-selector {
    width: 290px;
    z-index: 5;
    background: #fff;
    padding: 15px;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 auto;
}

/* Chrome, Safari, Edge, Opera */
#guests-selector input::-webkit-outer-spin-button,
#guests-selector input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#guests-selector input[type=number] {
  -moz-appearance: textfield;
}

#search-lightbox-guests #guests-selector input {
    width: 50px;
    text-indent: 0;
    font-size: 18px;
    text-align: center;
}

#search-lightbox-guests #guests-selector .button {
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 50px;
    border: solid 1px var(--c-grey3);
}

#search-lightbox-guests #guests-selector label {
    width: 70%;
}

#guests-selector button.guests-selector-close{
    background-color: var(--c-lightblue);
    color: #fff;
    border: 0;
    padding: 3px 7px 4px;
    border-radius: 3px;
    margin-top:20px;
}

#main-search-container, #main-search-container-nosticky{
    width: 100% !important;
    transition: background .1s;
    z-index: 5;
}

#main-search-container-nosticky #main-search{
    border-radius: 0;
    max-width: 100%;
}

#main-search-container.is-sticky,
#main-search-container.top {
    left: 0 !important;
    z-index: 30;
    background: var(--c-lightblue);
    box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
}

#main-search {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    background-color: var(--c-lightblue);
    padding: 15px 20px;
    border-radius: 10px;
    text-align: left;
    transition: box-shadow .3s;
    z-index: 1;
    max-width: 1270px;
    margin: 0 auto;
}

#main-search-container.is-sticky #main-search,
#main-search-container.top #main-search {
    box-shadow: unset;
    transform: unset;
    position: static;
    margin: 0 auto;
    width: 100%;
}

#main-search-dates,
#main-search-guests {
    width: calc(100% - 30px);
    position: relative;
    margin-left: 10px;
}

#main-search-guests #guests-selector {
    position: absolute;
    top: 100%;
    left: 0;
    width: 290px;
    z-index: 5;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    font-size: 1rem;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

#main-search-guests #guests-selector.visible {
    opacity: 1;
    pointer-events: all;
    margin-top: 10px;
}

#main-search-guests #guests-selector input {
    width: 50px;
    text-indent: 0;
    font-size: 18px;
    text-align: center;
    border:none;
}

#main-search-guests #guests-selector .button {
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 50px;
    border: solid 1px var(--c-grey3);
}

#main-search-guests #guests-selector .button.disabled{
    opacity: .3;
    pointer-events: none;
}

#main-search-guests #guests-selector label {
    width: 70%;
}

#main-search legend {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 24px;
    width: auto;
    margin: 0 55px 0 0;
}

#main-search .placeholder {
    position: absolute;
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-color: inherit;
}

#main-search .placeholder img {
    padding: 4px 10px 0 0;
}

#main-search .placeholder span, #single-search .placeholder span {
    color: var(--c-blue);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

#main-search .placeholder i {
    font-style: normal;
}

#main-search .placeholder strong, #single-search .placeholder strong {
    color: var(--c-grey4);
    font-size: 0.9rem;
    font-weight: 500;
    display: block;
    line-height: 1;
}

#main-search input[type="text"] {
    width: 100%;
    height: 50px;
    border: unset;
    text-indent: -200vw;
    font-size: 0;
    line-height: 0;
    -ms-touch-action:manipulation !important;
    touch-action:manipulation !important;
}

#main-search input[type="submit"] {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    width: 164px;
    height: 50px;
    line-height: 45px;
    border-radius: 5px;
    background-color: var(--c-yellow);
    border: unset;
    margin-left: 30px;
    transition: background .3s;
    text-transform: uppercase;
}

#main-search-container-nosticky #main-search input[type="submit"]{
    transition: none;

}

#main-search input[type="submit"]:hover {
    background: var(--c-blue);
}

.litepicker {
    font-family: 'Poppins';
    font-size: 1rem;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.litepicker .container__months{
    background-color:transparent;
    box-shadow:none;
    border-radius:0;
}

.litepicker .container__footer{
    background-color:#fff;
    box-shadow:none;
}

.litepicker .container__footer .button-apply{
    background-color: var(--c-lightblue);
}

.litepicker .container__footer .button-cancel{
    display:none;
}

.litepicker .container__days .day-item:hover {
    color: var(--c-lightblue);
    -webkit-box-shadow: inset 0 0 0 1px var(--c-lightblue);
    box-shadow: inset 0 0 0 1px var(--c-lightblue);
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    background-color: var(--c-lightblue);
}

.litepicker .container__days .day-item.is-today {
    color: var(--c-lightblue);
}

.litepicker .container__days .day-item.is-in-range {
    background-color: #00a7d03d;
}

.litepicker .container__days .day-item.is-today.is-start-date,
.litepicker .container__days .day-item.is-start-date:hover,
.litepicker .container__days .day-item.is-end-date:hover {
    color: #fff;
}

.litepicker .container__days .day-item {
    cursor: pointer;
}

.litepicker .container__months .month-item-header div {
    color: var(--c-blue);
}

.litepicker .container__months.columns-2 {
    width: calc((var(--litepicker-month-width) * 2) + 60px);
    justify-content: space-between;
}

#main-banner {
    text-align: center;
    color: #fff;
    height: 1px;
    min-height: 500px;
    background: url(../img/home-formentera-banner.jpg) no-repeat center / cover;
}

#main-banner img,
#main-banner svg {
    margin-bottom: 50px;
    width: 305px;
}

#main-banner path {
    fill: #fff;
}

#main-banner h4 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 35px;
}

#main-banner a {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    background-color: var(--c-yellow);
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0px 10px;
}

#main-banner a:hover {
    background: var(--c-lightblue);
}

#main-newsletter .container-lg {
    max-width: 920px;
}

#main-newsletter {
    background-color: var(--c-blue);
}

#main-newsletter-content {
    transform: translateY(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 500px;
    background-color: var(--c-lightblue);
    padding: 25px 45px 25px;
}

#main-newsletter img {
    margin-right: 20px;
}

#main-newsletter h4 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0;
}

#main-newsletter form {
    min-width: 540px;
}

#main-newsletter input[type="email"] {
    color: var(--c-blue);
    font-size: 0.9rem;
    padding: 0 20px;
    width: 100%;
    max-width: 305px;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    background-color: #fff;
    border: unset;
    margin-left: 40px;
}

#main-newsletter input[type="submit"] {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: var(--c-yellow);
    border: unset;
    transition: background .3s;
}

#main-newsletter input[type="submit"]:hover {
    background: var(--c-blue)
}

/*HOME
--------------------------------------*/
#home-main {
    min-height: 640px;
    background: url(../img/cielo.png) no-repeat top / auto;
}


#home-main h1 {
    text-shadow: 1px 1px 1px rgba(0, 27, 65, 0.6);
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
}

#home-main h2 {
    text-shadow: 1px 1px 1px rgba(0, 27, 65, 0.6);
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 45px;
}

#home-main video {
    width: 1920px !important;
    height: 1080px !important;
    top: 690px !important;
}


#home-about {
    background: #f8f9fa;
}

/*
#home-about .container-lg {
    max-width: 1140px;
}
*/

#home-about-content {
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    border-radius: 75px;
    background-color: #fff;
    transform: translateY(-50%);
    padding: 10px;
}

#home-about .ico-container {
    min-width: 75px;
    width: 75px;
    height: 75px;
    background-color: var(--c-lightblue);
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
}

#home-about .ico-container svg {
    width:60%;
}

#home-about .ico-container svg path{
    fill:#fff;;
}

#home-about h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

#home-about p {
    color: var(--c-grey2);
    font-size: 0.9rem;
    line-height: 18px;
}

.home-slider .slide {
    padding: 0 15px;
}

.home-slider .slick-arrow {
    position: absolute;
    border: unset;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.home-slider .slick-prev {
    left: -40px;
}

.home-slider .slick-next {
    right: -40px;
    transform: scaleX(-1) translateY(-50%);
}

.home-slider .slick-next.slick-disabled, .home-slider .slick-prev.slick-disabled {
    opacity:.2;
}

.home-slider .slick-track {
    margin-left: 0;
}

#home-testimony {
    background: #f8f9fa;
    padding-bottom: 45px;
    padding-top: 25px;
    margin-top: -35px;
}

#home-testimony-slider {
    width: 85%;
    margin: 0 auto;
}

#home-testimony .home-slider .slick-prev {
    left: -100px;
}

#home-testimony .home-slider .slick-next {
    right: -100px;
}

#home-testimony .home-slider .slide{
    cursor:pointer;
}

#home-testimony .rank {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    width: 67px;
    height: 39px;
    border-radius: 20px;
    background-color: var(--c-yellow);
    display: block;
    margin: 0 10px 5px 0;
}

#home-testimony .rank img {
    margin-right: 3px;
    margin-top: -3px;
}

#home-testimony h4 {
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 0;
}

#home-testimony strong {
    font-size: 1rem;
    font-weight: 700;
}

#home-testimony p {
    font-size: 1rem;
    color: var(--c-grey2);
}

#home-categories .home-category-img{
    overflow:hidden;
    border-radius: 10px 10px 0 0;
}

#home-categories .home-category-img img{
   width:100%;
   height:auto;
   transition: transform .3s;
}

#home-categories .home-category-img a:hover img{
    transform: scale(1.1);
}

#home-categories .category-icon{
    padding:5px 10px;
    border-radius:30px;
    position:absolute;
    top:-15px;
    color:#fff;
}

#home-categories .category-icon svg{
    width:24px;
    height:24px;
}

#home-categories .category-icon svg path{
    fill:#fff;
}

#home-categories .home-category-body{
    padding:20px;
    position:relative;
}

#home-feat {
    padding: 20px 0;
}

#home-feat #filter {
    color: var(--c-blue);
    font-size: 0.8rem;
    font-weight: 500;
}

#home-feat #filter li {
    display:inline-block;
}

#home-feat #filter a {
    padding: 10px 15px;
    border: 1px solid #fff;;
    border-radius: 20px;
    margin-left: 5px;
    width:auto;
    display:flex;
    align-items:center;
    justify-content:start;
}

#home-feat #filter a span{
    white-space:nowrap;
}

#home-feat #filter a svg{
    width:24px;
    margin-right:5px;
}

#home-feat #filter a svg path{
    fill: currentColor;
}

#home-feat #filter a.active svg path, #home-feat #filter a:hover svg path {
    fill: var(--c-lightblue);
}

#home-feat #filter .active {
    color: var(--c-lightblue);
    font-size: 0.8rem;
    font-weight: 500;
    border-color: var(--c-lightblue);
}

#home-feat #filter a:hover {
    color: var(--c-lightblue);
    font-size: 0.8rem;
    font-weight: 500;
    background-color:#f8f9fa;
}

#home-feat-slider .slick-track {
    display: flex;
}

#home-feat-slider .slide {
    height: auto;
    padding: 15px;
}

.home-feat-item, .home-category {
    box-shadow: 0 0 15px rgba(6, 27, 62, 0.05);
    border-radius: 10px;
    height: 100%;
    background: url(../img/logo-bg.svg) no-repeat right -39px bottom -23px;
    position: relative;
}

.slide .img-container.ratio>*, #home-blog-slider .img-container.ratio>*, .zona-img.ratio, #single-gallery .ratio>*{
    height:auto;
    top:auto;
}

.home-feat-item.fluxe, .zona-item.fluxe {
    background: url(../img/logo-bg-fluxe-grey.svg) no-repeat right -39px bottom -23px;
}

.home-feat-item img.badge-fl {
    position: absolute;
    right: 20px;
    z-index: 9999999999;
}

.home-feat-item img {
    transition: transform .3s;
}

.home-feat-item a {
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.home-feat-item>a:first-of-type img {
    width: 100%;
}

.home-feat-item .info {
    padding: 0px 20px 20px 20px;
    margin-top: -10px;
}

.home-feat-item img {
    transition: transform .3s;
}

.home-feat-item a:hover {
    color: var(--c-lightblue);
}

.home-feat-item a:hover img {
    transform: scale(1.1);
}

#home-feat .rank {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    width: 60px;
    height: 34px;
    border-radius: 16px;
    background-color: var(--c-yellow);
    display: block;
    margin: 0 10px 5px 0;
    transform: translateY(-50%);
    margin-left: 20px;
}

#home-feat .rank img {
    margin-right: 3px;
}

#home-feat .address {
    color: var(--c-grey2);
}

#home-feat .price {
    color: var(--c-lightblue);
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    display: block;
    line-height: 1;
}

#home-feat .price i {
    color: var(--c-grey2);
    font-size: 12px;
    font-style: normal;
    display: block;
    line-height: 1;
    margin-bottom: 3px;
}

/* MAPA ZONAS */

#home-zones {
    padding: 0;
}

#home-zones-map #regions-container {
    position: relative;
}

#home-zones-map #regions-container .map-zone {
    position: absolute;
}

#home-zones-map #regions-container .map-zone:hover {
    z-index: 20;

}

#home-zones-map #regions-container .map-zone.active {
    z-index: 21;
}

#home-zones-map #regions-container span {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.95);
    display: block;
    width: 190px;
    color: #fff;
    font-size: 17px;
    height: 47px;
    line-height: 47px;
    font-weight: 500;
    position: absolute;
    transition: all .3s;
    text-align: center;
    z-index: 20;
}

#home-zones-map #regions-container .map-zone:not(.active):hover span {
    color: var(--c-blue);
    text-shadow: unset;
}

#home-zones-map #regions-container span:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 7px);
    top: 100%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--c-blue);
    opacity: 0;
    transition: opacity .3s;
}

#home-zones-map #regions-container .map-zone.active span:before {
    opacity: 1;
}

#home-zones-map #regions-container .map-zone.active span:before {
    z-index: 51;
}

#home-zones-map #regions-container svg:not(#home-map-base) path {
    fill: var(--c-lightblue);
    transition: fill .3s;
}

#home-zones-map #regions-container a {
    display: block;
    width: 100%;
    height: 100%;
}

#home-zones-map #regions-container .map-zone:hover svg:not(#home-map-base) path,
#home-zones-map #regions-container .map-zone.active svg:not(#home-map-base) path {
    fill: var(--c-yellow);
}

#home-zones-map #regions-container .map-zone.active span {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #001b41;
    border-radius: 500px;
    text-align: center;
    transform: translate(-10px, -10px);
}

#home-map-pujols {
    top: 165px;
    left: 222px;
}

#home-map-pujols span {
    top: 65px;
    left: 0;
}

#home-map-arenals {
    top: 481px;
    left: 478px;
}

#home-map-arenals span {
    top: 35px;
    left: -60px;
}

#home-map-barbaria {
    top: 412px;
    left: 9px;
}

#home-map-barbaria span {
    top: 70px;
    left: 0;
}

#home-map-calo {
    top: 398px;
    left: 417px;
}

#home-map-calo span {
    top: 20px;
    left: 10px;
}

#home-map-ferran {
    top: 272px;
    left: 229px;
}

#home-map-ferran span {
    top: 55px;
    left: 0;
}

#home-map-francesc {
    top: 279px;
    left: 93px;
}

#home-map-francesc span {
    top: 65px;
    left: -10px;
}

#home-map-migjorn {
    top: 391px;
    left: 159px;
}

#home-map-migjorn span {
    top: 20px;
    left: 120px;
}

#home-map-mola {
    top: 396px;
    left: 560px;
}

#home-map-mola span {
    top: 95px;
    left: 28px;
}

#home-map-saona {
    top: 330px;
    left: 2px;
}

#home-map-saona span {
    top: 30px;
    left: -50px;
}

#home-map-savina {
    top: 168px;
    left: 0px;
}

#home-map-savina span {
    top: 78px;
    left: 40px;
}

#home-map-ibiza {
    top: 100px;
    left: 450px;
    background-color:#fff;
    border-radius:50%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    width:280px;
    height:280px;
}

#home-map-ibiza svg{
    width: 220px;
}

#home-zones-map #regions-container #home-map-ibiza span.badge {
    height: 30px;
    top: 95px;
    font-size: 0.9rem;
    background-color: var(--c-blue) !important;
}

#home-zones-map #regions-container #home-map-ibiza a:hover span.badge{
    color: #fff;
}

#home-zones-map #regions-container .map-zone.active span.badge{
    opacity:0;
}

#home-zones-content {
    background: url(../img/home-formentera-zones.jpg) no-repeat center / 100%;
    margin-top: -60px;

}

#home-zones #popup-container {
    width: 100%;
    max-width: 416px;
    position: relative;
}

#home-zones .popup {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: #fff;
    opacity: 0;
    z-index: 0;
    transition: opacity .3s;
}

#home-zones .popup.active {
    opacity: 1;
    z-index: 1;
    pointer-events: all;
}

#home-zones .popup img {
    width: 100%;
    display: block;
}

#home-zones .popup .img-container {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

#home-zones .info {
    padding: 25px;
}

#home-zones .info span {
    color: #49a5cc;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 4px;
}

#home-zones .info h4 {
    color: var(--c-blue);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 7px;
}

#home-zones .info li {
    color: #0babd2;
    font-size: 0.7rem;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid currentColor;
    margin: 0 5px 5px 0;
    display: inline-block;
    transition: background .3s, color .3s;
}

#home-zones .info p{
    color: var(--c-grey2);
    font-size: 1rem;
    padding: 10px 0 25px;
}

 .zone-info p{
    font-size: 13px;
    color: var(--c-grey2);
    padding-bottom: 0;
    padding-top: 0;
    line-height: 20px;
}

#home-zones .info a:not(.zone-title) {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: var(--c-lightblue);
    display: block;
    text-align: center;
    text-transform: uppercase;
}

#home-zones .info a:not(.zone-title):hover {
    background: var(--c-yellow);
}

#home-zones .info small {
    color: #5c5c5c;
    font-size: 11px;
    font-stretch: normal;
    display: none;
}

#home-blog {
    padding: 15px 0 70px 0;
}

#home-blog .img-container {
    overflow: hidden;
    display: block;
    border-radius: 10px 10px 0 0;
}

#home-blog .img-container img {
    transition: transform .3s;
    max-width: 100%;
}

#home-blog .img-container:hover img {
    transform: scale(1.1) rotate(1deg);
}

#home-blog a:hover {
    color: var(--c-lightblue)
}

#home-blog .cat {
    color: #fff;
    font-size: 12px;
    border-radius: 16px;
    background-color: var(--c-lightblue);
    padding: 6px 12px;
    transform: translateY(-50%);
    margin: 0 0 0 15px;
    display: inline-block;
    transition: background .3s;
}

#home-blog .cat:hover {
    background: var(--c-blue);
}

#home-blog .cat a:hover {
    color: unset;
}

#home-blog h4 {
    color: var(--c-blue);
    font-size: 1.3rem;
    font-weight: 600;
}


/*SINGLE
--------------------------------------*/

#mapaP {
    display: block;
    width: 100%;
    height: 380px;
}

/* Mapa de google ficha */

#single-bar {
    background: var(--c-lightblue);
    text-align: center;
    padding: 10px 10px;
}

#single-bar.is-sticky {
    z-index: 50;
}

#single-bar a {
    color: #fff;
    font-size: 1rem;
    text-decoration: underline;
}

#single-gallery {
    margin-bottom: 25px;
}

#single-gallery .gallery-item {
    margin: 0 0 0 1px;
}

#single-gallery .slick-list,
#single-gallery .slick-track {
    height: 100%;
    overflow: hidden;
}

#single-gallery .slick-arrow {
    position: absolute;
    border: unset;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

#single-gallery .slick-next {
    left: 30px;
}

#single-gallery .slick-prev {
    right: 30px;
    transform: scaleX(-1);
}

#single-gallery .slick-track {
    margin-left: 0;
}

.mfp-bottom-bar {
    display: none;
}

#single-main h1 {
    font-size: 1.8rem;
    font-weight: 600;
}

#single-main h1 img {
    width: 30px;
}

#single-main #single-rank {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    border-radius: 20px;
    background-color: #ffb600;
    padding:5px 10px;
}

#single-main #single-rank img {
    width: 20px;
    margin-right:5px;
}

#single-main .single-info {
    font-size: 1rem;
    color: var(--c-grey2);
}

#single-comments-quant {
    color: var(--c-grey2);
    font-size: 0.9rem;
}

#single-tabs {
    padding-top: 30px;
}

#single-tabs.is-sticky {
    background: #fff;
    padding-top: 60px;
    left: 0 !important;
    width: 100% !important;
    z-index: 5;
}

#single-tabs.is-sticky ul {
    max-width: 1270px;
    padding: 20px 25px 0;
    margin: 0 auto;
}

#single-tabs li {
    display: inline-block;
    margin-right: 25px;
    border-bottom: 4px solid #fff;
    transition: border .3s;
    padding-bottom: 10px;
}

#single-tabs li:hover {
    border-bottom-color: var(--c-blue);
}

#single-tabs a {
    font-size: 1rem;
    font-weight: 600;
}

#single .single-share {cursor: pointer;}

.single-share a.ico {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: var(--c-blue);
    text-align: center;
    border-radius: 5px;
    line-height: 32px;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: translateY(10px);
}

.single-share a.ico:nth-child(5) {
    transition-delay: .1s
}

.single-share a.ico:nth-child(4) {
    transition-delay: .2s
}

.single-share a.ico:nth-child(3) {
    transition-delay: .3s
}

.single-share a.ico:nth-child(2) {
    transition-delay: .4s
}

.single-share a.ico:nth-child(1) {
    transition-delay: .5s
}

.single-share:hover a.ico {
    opacity: 1;
    transform: translateY(0);
}

#single-full {
    background: #f8f9fa;
    padding: 40px 0;
}

#Caracteristicas, #Descripcion, #Mapa, #Comentarios, #Condiciones{
    position:absolute;
    top:-100px;
}

.single-module {
    border-radius: 10px;
    background-color: #fff;
    padding: 25px 30px;
    margin-bottom: 1rem;
    position:relative;
}

.single-module h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.single-module h2 img{
        margin-right:5px;
    }

.single-module h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.single-module .more {
    font-size: 1rem;
    font-weight: 600;
}

.single-module .more:hover {
    color: var(--c-lightblue);
}

#single-type {
    border: 1px solid var(--c-lightblue);
    padding-bottom:5px;
}

#single-type .text-danger{
    font-size: 1rem;
}

#single-type li {
    margin-bottom: 10px;
    border-radius: 12px;
    background-color: #f8f9fa;
    padding: 10px;
    opacity: 1;
    transition: opacity 900ms;
}

#single-type li.novis {display: none; opacity:0;}

#single-type li select{
    width: 100%;
    border: 1px solid #f1f4f4;
    padding: 5px;
    font-size: 0.9rem;
    background-color: #ffffff;
}

#single-type li.selected {
    background-color: #00a7d03d;
}

#single-type strong {
    font-size: 1rem;
    font-weight: 600;
    display:block;
    margin-bottom:5px;
}

#single-type i {
    color: var(--c-grey2);
    font-size: 0.9rem;
    display: inline;
    font-style: normal;
    margin-right:5px;
}

#single-type i img{
    width:14px;
}


#single-type span {
    font-size: 1.2rem;
    font-weight: 600;
    line-height:1.2rem;
}

#single-type a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--c-lightblue);
    display: block;
    border-radius: 8px;
    text-transform:uppercase;
}

#single-type a:hover {
    background-color: var(--c-blue);
}
#single-type a.selsp.bg-blue{
    background-color: var(--c-blue);
}


#single-type .btn.btn-outline-primary{
    color:var(--c-lightblue);
    border-color:var(--c-lightblue);
    --bs-btn-padding-y:0.1rem;
}

#single-type .btn.btn-outline-primary:hover{
    color:#fff;
    background-color:var(--c-lightblue);
}

#single-type button svg{
    width:14px;
}

#single-type button svg path{
    stroke:var(--c-lightblue);
}

#single-type button:hover svg path{
    stroke:#fff;
}


.single-features li {
    color: var(--c-grey2);
    font-size: 1rem;
    margin-bottom: 20px;
}

.single-features li img{
    margin-right: 5px;
}

.single-description p,
#ModalDescripcion .modal-content p {
    color: var(--c-grey2) !important;
    font-size: 1rem;
}

#ModalDescripcion, #ModalComentarios{
    padding-bottom: 70px;
}

#ModalDescripcion .modal-content p {
    margin-bottom: 15px !important;
}

.single-description p {
    margin-bottom: 25px;
}

.single-description b,
.single-description strong,
#ModalDescripcion .modal-content b,
#ModalDescripcion .modal-content strong {
    font-weight: 600;
}

.single-description>img {
    margin-bottom: 25px;
    max-width: 100%;
}

#ModalDescripcion .modal-content h4 {
    font-weight: 600;
    font-size: 1.2rem;
    background-color: #F8F9FA;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.comment .comment-info {
    margin-bottom: 15px;
}

.comment h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.comment img {
    margin-right: 10px;
}

.comment span {
    color: var(--c-grey2);
    font-size: 0.8rem;
    margin-bottom: 0;
    display: block;
}

.comment .valoracion p {
    color: var(--c-lightblue) !important;
    font-size: 1rem;
    margin-bottom: 0;
}



.comment h4 {
    color: var(--c-grey2);
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 0;
}

.comment p {
    color: var(--c-grey2);
    font-size: 1rem;
    margin-bottom: 25px;
}

.comment .valoracion {
    display: flex;
    margin-bottom: 10px;
    margin-top: 5px;
}

.comment .valoracion ul.valoraul {
    margin-left: 25px;
    display: flex;
    align-items: center !important;
}

.comment .valoracion ul li {
    list-style: none;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #f8f9fa;
    margin-left: 5px;
}

.comment .valoracion ul li.uno {
    margin-left: -14px;
}

.comment .valoracion ul li.active {
    background-color: var(--c-lightblue);
}

#Condiciones.single-module li {
    color: var(--c-grey2);
    font-size: 1rem;
    margin-bottom: 10px;
}

#Condiciones.single-module a:hover {
    color: var(--c-lightblue);
}

#Condiciones.single-module strong {
    font-weight: 600;
    color: var(--c-blue);
}

#single-terms li {
    color: var(--c-grey2);
    font-size: 15px;
    margin-bottom: 10px;
}

#single-terms a:hover {
    color: var(--c-lightblue);
}

#single-terms strong {
    font-weight: 600;
    color:var(--c-blue);
}

#single-sidebar.is-sticky {
    z-index: 30;
}

#single-sidebar .single-module {
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    margin-bottom: 15px;
    padding: 25px;
    position: relative;
}

#single-sidebar #single-detail-porque.single-module {
    padding: 15px;
    position: relative;
    text-align:center;
    color:#fff;
    font-size:1rem;
    font-weight:600;
    background-color:var(--c-lightblue);
}

#single-detail-price {
    color: #fff;
    background: var(--c-lightblue) url(../img/logo-bg.svg) no-repeat right -39px bottom -23px;
    width: calc(100% + 50px);
    padding: 15px 25px 15px;
    transform: translate(-25px, -25px);
    border-radius: 10px 10px 0 0;
    margin-bottom:-10px;
}


#single-sidebar.fluxe #single-detail-price {
    background: var(--c-blue) url(../img/logo-bg-fluxe.svg) no-repeat right -39px bottom -23px;
}

#single-detail-price h3 {
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 0;
}

#single-detail-price p {
    font-size: 1rem;
    font-weight: 500;
}

#single-detail-price p span.quedan2 {
    color: #b10000;
    font-weight:600;
}

#single-detail-price img {
    width: 16px;
}

#single-detail-selection h3 {
    font-size: 24px;
    font-weight: 700;
}

#single-search {
    margin-bottom: 0;
}

#single-search-dates,
#single-search-guests {
    width: 100%;
    max-width: 410px;
    position: relative;
}

#single-search .placeholder {
    position: absolute;
    top: 10px;
    left: 16px;
    pointer-events: none;
}

#single-search .placeholder img {
    padding: 4px 10px 0 0;
}


#single-search input[type="text"] {
    width: 100%;
    height: 50px;
    border: unset;
    text-indent: -200vw;
    font-size: 0;
    line-height: 0;
    border-radius: 4px;
    border: 1px solid var(--c-grey3);
    background-color: #fff;
}

#single-search input[type="submit"]:hover {
    background: var(--c-blue);
}

#single-detail-availability h3 {
    font-size: 24px;
    font-weight: 700;
}

.single-detail-calendar {
    margin-bottom: 15px;
}

.single-detail-calendar-header .arrow-next {
    transform: scaleX(-1);
}

.single-detail-calendar-header h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.single-detail-calendar-days-names span,
.single-detail-calendar-days span {
    height: 36px;
    line-height: 36px;
}

.single-detail-calendar-days-names span,
.single-detail-calendar-days span {
    font-size: 14px;
    color: var(--c-grey3);
    width: calc(100% / 7);
    position: relative;
}

.single-detail-calendar-days span {
    color: #000;
    font-size: 14px;
}

.single-detail-calendar-days span.month-before,
.single-detail-calendar-days span.month-after {
    color: #aaa;
}

.single-detail-calendar-days span.disabled {
    background: #d1d1d1;
}

.single-detail-calendar-days span.disabled.start {
    background: linear-gradient(to right bottom, #fff 50%, #d1d1d1 50%);
}

.single-detail-calendar-days span.disabled.end {
    background: linear-gradient(to right bottom, #d1d1d1 50%, #fff 50%);
}

.single-detail-calendar-days span.selection {
    background-color: var(--c-lightblue);
}

.single-detail-calendar-days span.selection.limit {
    background-color: var(--c-blue);
    color: #fff;
}

.single-detail-calendar .calendar-tooltip {
    position: absolute;
    padding: 5px;
    border-radius: 500px;
    background: red;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    top: -15px;
    left: calc(50% - 65px);
    width: 130px;
}

.single-detail-calendar .calendar-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
    position: absolute;
    top: 100%;
    left: calc(50% - 2px)
}

#single-detail-availability small {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

#single-detail-availability #single-book {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 9px;
    background-color: var(--c-yellow);
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    border:none;
    transition: background .3s;
}

#single-detail-availability #single-book.btnConsultar {
    background-color: var(--bs-orange);
}

#single-detail-availability #single-book:hover {
    background-color: var(--c-blue);
}

#single-detail-quant {
    text-align: center;
}

#single-detail-quant p {
    color: #f00;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

#single-detail-selection #single-search #main-search-guests {
    width: 100%;
    margin: 0;
}

.modal-body .container-fluid{
    padding-right: 10px;
    padding-left: 10px;
}

.btn-close{
    opacity:1;
    background: transparent url('../img/ico-close.svg') center/1.5em auto no-repeat;
}

#ModalCondiciones.modal{
    z-index: 99999;
}
.modal-body p {
    font-size: 1rem;
    color: var(--c-grey2) !important;
    margin-bottom:1rem;
}

.modal-body p a {
    text-decoration: underline;
    color: var(--c-lightblue);
}

.modal-body img{
    margin-top: -2px;
}

.single-module.single-video{
    background-color:var(--c-lightblue);
    color:#fff;
    cursor:pointer;
}

.single-module.single-video span, .single-module.single-freecancel span, .single-module.single-fluxe span{
    font-weight:600;
}

.single-module.single-freecancel{
    color:#2bc48a;
    font-size:1rem;
    padding: 19px 30px;
}

.single-module.single-promo{
    background-color:#beead4;
    font-size:1rem;
    padding:1.1rem;
}

.single-module.single-promo svg{
   width:24px;
}

.single-module.single-promo svg path{
    fill:var(--c-blue);
}

.single-module.single-fluxe{
    color:#fff;
    font-size:1rem;
    padding: 19px 30px;
    background-color: var(--c-blue);
}

.single-module.single-freecancel img, .single-module.single-fluxe img, .single-module.single-video img{
    width:36px;
    margin-right:10px;
}

/*CALENDARIO FICHA
--------------------------------------*/

#single-detail-availability .contenedor {
    border-radius: 8px;
    background-color: #EEE;
    padding: 10px 17px 20px 5px;
    border: 1px solid #b3b3b3
}

#single-detail-availability .ml {
    margin-left: 0px;
    padding-left: 6px;
}

#single-detail-availability .mc {
    padding-left: 17px;
    padding-right: 0;
}

#single-detail-availability .mr {
    padding-left: 23px;
    padding-right: 0;
}

#single-detail-availability .fl {
    padding-left: 5px;
    padding-right: 0;
    margin: 15px 0;
}

#single-detail-availability .fr {
    padding-left: 10px;
    padding-right: 0;
    margin: 15px 0;
}

#single-detail-availability .acordeon {
    display: block;
}

#single-detail-availability .titulo-calendario {
    display: block;
    height: 44px;
    background-color: #0aa0df;
    border-radius: 8px;
    margin: 0 6px 10px;
}

#single-detail-availability .titulo-calendario>p {
    padding-top: 8px;
    padding-left: 10px
}

#single-detail-availability .titulo-calendario>p i {
    top: 2px;
}

#single-detail-availability .sp.btn,
#single-detail-availability .sp {
    width: 63px;
}

#single-detail-availability .btn.dropdown-toggle.btn-default {
    background-color: #fff;
    background-image: none;
    color: #555;
    margin: 0 auto;
    padding-left: 6px;
}

#single-detail-availability .btn span.bs-caret span {
    color: #ACACAC;
}

#single-detail-availability .datepicker_desde_a,
#single-detail-availability .datepicker_hasta_a {
    height: 34px;
    padding-right: 0;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ACACAC;
    border-right: 0;
    padding-left: 4px;
    width: 77px;
}

#single-detail-availability .input-group-addon {
    background-color: #FFF;
    border: 1px solid #ACACAC;
    border-left: 0;
}

#single-detail-availability .input-group-addon i {
    color: #ACACAC;
}

#single-detail-availability .boton {
    padding-left: 5px;
    padding-right: 0;
    width: 100%;
    margin-bottom: 15px;
}

#single-detail-availability .boton button {
    padding: 0;
    margin-left: 1px;
    margin-right: 0;
    margin-bottom: -13px;
}

#single-detail-availability {
    width: 100%;
    margin-top: 15px;
}

#single-detail-availability table.calendar {
    border-collapse: collapse;
    color: var(--c-blue);
    background-color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

#single-detail-availability table th {
    color: var(--c-grey4);
    width: 40px;
    font-size: 1rem;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
}

#single-detail-availability table.calendar td {
    height: 35px;
    vertical-align: middle;
    font-size: 1rem;
    cursor: pointer;
}

#single-detail-availability table.calendar td.ND {
    color: #ff00001f;
}

#single-detail-availability table.calendar td.selected {
    background: var(--c-lightblue) !important;
}

#single-detail-availability table.calendar td.otherMonth,
#single-detail-availability table.dispo td.ND {
    color: #AAAAAA;
}

#single-detail-availability table.calendar td.green {
    background-color: #00d02330;
}

#single-detail-availability table.calendar td.red {
    background-color: #ff00001f;
}

#single-detail-availability table.calendar td.red-red {
    background-color: #ff00001f;
}

#single-detail-availability table.calendar td.yellow {
    background-color: #00a7d03d;
}

#single-detail-availability table.calendar td.green-red {
    background: linear-gradient(to right bottom, #00d02330 50%, #ff00001f 50%);
}

#single-detail-availability table.calendar td.red-green {
    background: linear-gradient(to right bottom, #ff00001f 50%, #00d02330 50%);
}

#single-detail-availability table.calendar td.green-yellow {
    background: linear-gradient(to right bottom, #00d02330 50%, #00a7d0 50%);
}

#single-detail-availability table.calendar td.yellow-green {
    background: linear-gradient(to right bottom, #00a7d0 50%, #00d02330 50%);
}

#single-detail-availability table.calendar td.red-yellow {
    background: linear-gradient(to right bottom, #ff00001f 50%, #00a7d0 50%);
}

#single-detail-availability table.calendar td.yellow-red {
    background: linear-gradient(to right bottom, #00a7d0 50%, #ff00001f 50%);
}

#single-detail-availability table.calendar td.cyan-yellow {
    background: linear-gradient(to right bottom, #97d6ff 50%, #00a7d0 50%);
}

#single-detail-availability table.calendar td.yellow-cyan {
    background: linear-gradient(to right bottom, #00a7d0 50%, #97d6ff 50%);
}

#single-detail-availability .legend {
    width: 155px;
    margin-left: -8px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    display: block;
    background-color: #fff;
}

#single-detail-availability .legend.direct {
    color: #39C15C;
}

#single-detail-availability .legend.onRequest {
    color: #f68620;
}

#single-detail-availability .control {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #f8f9fa;
    border-radius: 4px;
}

#single-detail-availability .control>a {
    position: absolute;
    top: 10px;
}

#single-detail-availability .control>a.prev {
    left: 10px;
}

#single-detail-availability .control>a.next {
    right: 10px;
}

#single-detail-availability .control>.nmes {
    display: block;
    width: 145px;
    margin: 0 auto;
}

#single-detail-availability .control>.nmes>p {
    font-size: 1.1rem;
    line-height: 40px;
}

#single-detail-availability>.tipo {
    width: 200px;
    height: 76px;
    margin: 18px auto 15px;
    border-radius: 8px;
    background-color: #F4F4F4;
    padding-top: 5px;
    padding-bottom: 2px;
}

#single-detail-availability>.tipo>p {
    font-size: 21px;
    font-weight: bold;
}

#single-detail-availability>.tipo>p.directa {
    color: #138e48;
}

#single-detail-availability>.tipo>p.peticion {
    color: #f68620;
}

#single-detail-availability>.tipo>.esmin>p {
    font-weight: bold;
    font-size: 16px;
    color: #06417E;
    margin-bottom: 20px;
}

#single-detail-availability p.m-days{
    text-align:center;
    margin-bottom:5px;
    font-size:11px;
}

#single-type ul.caracteristicasp li{
    margin-right:5px;
    margin-bottom:5px;
    padding:5px 10px;
}

#single-type ul.caracteristicasp li img{
    margin-right:5px;
    width:21px;
}

#single-type .modal-header h5.modal-title{
    font-size:1.1rem;
}


/*RESULT
--------------------------------------*/

.modal input[type="range"] {
    width: 100%;
}

#result h1 {
    color: var(--c-blue);
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

#result h1 span {
    color: var(--c-lightblue);
}

#result-options , #result-sort{
    font-size: 0.9rem;
    font-weight: 600;
}

#result-options #result-filters,
#result-options #result-switch {
    padding-right: 15px;
    margin-right: 10px;
    border-right: 1px solid #e1e1e1;
}

#result-options span img, #result-sort img{
    width: 16px;
}

#result-options select , #result-sort select{
    width: 140px;
    padding: 5px 9px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #e1f5f8;
    background-color: #e1f5f8;
    margin-left: 10px;
}

#result-list {
    padding: 25px 0px;
    background-color: #f8f9fa;
}

#banner-video{
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    border-radius: 10px;
    background-color:#fff;
    background-image: url('../img/banner-video-left.png'), url('../img/banner-video-right.png');
    background-position:left center, right center;
    background-repeat:no-repeat;
}

.result-item {
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 1.2rem;
}

.result-item .badge.reformado{
    font-size:.8rem;
    background-color:#E1F6FE;
    padding:5px 10px;
    color:var(--c-blue);
    font-weight:500;
}

.result-item-slider {
    width: 100%;
    height: 100%;
}

.result-item-slider .slick-list,
.result-item-slider .slick-track {
    width: 100%;
    height: 100%;
}

.result-item-slider .slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.result-item-slider .slide img {
    min-width: 100%;
    height: 100%;
    position: absolute;
}

.result-item-slider .slick-arrow, .item-slider .slick-arrow {
    position: absolute;
    border: unset;
    top: 50%;
    margin-top: -20px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.result-item-slider .slick-prev, .item-slider .slick-prev {
    left: 10px;
}

.result-item-slider .slick-next, .item-slider .slick-next {
    right: 10px;
    transform: scaleX(-1);
}

.result-item-info {
    padding: 1.5rem 1rem;
}

.result-item-info .comentarios{
    cursor: pointer;
}

.result-item h2, #home-feat h3, .zona-item h3{
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.result-item h2 img {
    width: 25px;
}

.result-item h2 a:hover {
    color: var(--c-lightblue)
}

.result-breakfast {
    font-size: 0.8rem;
    border-radius: 13px;
    padding: 3px 10px;
    margin-right: 5px;
    display: inline-block;
    color: #fff;
    background-color:var(--c-green);
    border: 1px solid var(--c-green);
}

.result-breakfast img{
    width:16px;
    margin-right:3px;
}

.category {
    color: var(--c-grey4);
    border: 1px solid var(--c-grey4);
    font-size: 0.8rem;
    border-radius: 13px;
    padding: 3px 10px;
    margin-right: 5px;
    display: inline-block;
}

.result-item .result-meta {
    color: var(--c-grey2);
    font-size: 0.9rem;
}

a.zonei, span.zonei{
    color: #fff;
    background-color: var(--c-blue);
    border-radius: 13px;
    padding: 3px 10px;
    display: inline-block;
}

span.zonef{
    background-color: #e1f5f8;
    border-radius: 13px;
    padding: 3px 10px;
    color: var(--c-grey2);
}

a.zonei svg, span.zonei svg, span.zonef img{
    width: 18px;
}

a.zonei svg path, span.zonei svg path{
    fill: #fff;
}


.result-item .result-rank {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    background-color: var(--c-yellow);
    margin-bottom: 5px;
    display: block;
}

.result-item .result-comments-quant {
    color: var(--c-grey4);
    font-size: 0.8rem;
}

.result-item .result-icons {
    display: block;
}

.result-item .result-icons img {
    margin-right: 5px;
    cursor: pointer;
    width:20px;
}

.result-item .free-cancel{
    display:flex;
    align-items:center;
    font-size:0.8rem;
}

.result-item .free-cancel img{
    margin-right:3px;
    margin-top:-1px;
}

.result-item .free-cancel span{
    color:#fff;
    display:inline;
    padding:5px 10px;
    border-radius:5px;
}

.result-item .free-cancel span.cancelacion-gratuita{
    background-color:var(--c-blue);
}

.result-item .free-cancel span.precio-minimo{
    background-color:var(--c-blue);
}

.alert-promo{
    background-color:#beead4;
    border-radius:5px;
}

.result-item p {
    color: var(--c-grey2);
    font-size: 0.9rem;
}

.result-item p strong {
    font-weight: 600;
}

.result-item .result-price-container {
    background-color: #fbfbfb;
}

.result-item .result-price {
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.result-item.row.parcialmente .result-price,
.result-item.row.nd .result-price {
    font-size: 1rem;
    cursor: pointer;
}

.result-item.row.parcialmente .result-price img,
.result-item.row.nd .result-price img {
    margin-top: -2px;
}

.result-item.row.parcialmente .result-more, .result-item.row.nd .result-more{
    background-color: var(--bs-orange);
}

.result-item small {
    color: var(--c-grey2);
    font-size: 0.9rem;
    display: block;
    margin-bottom: 15px;
    font-weight:400;
}

.result-item .result-quant {
    color: #d00000;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.result-item .result-msg {
    color: var(--c-lightblue);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    cursor: pointer;
}

.result-item .result-more, a.read-more {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: var(--c-lightblue);
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
}

.result-item .result-more:hover, a.read-more:hover {
    background: var(--c-blue);
    color:#fff !important;
}

.result-item.fluxe h2 img{
    margin-top: -30px;
    width: 36px;
}

.result-item.fluxe .result-msg{
    color: var(--c-gold);
}

#result-map {
    position: relative;
}

#result-map #map {
    width: 100%;
    min-height: 40vw;
/*    background: url(../img/map.jpg) no-repeat center / cover;*/
}

#result-map .result-item {
    max-width: 325px;
    margin-left: 15px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}

#result-map .result-item .resultmap-item-img{
    height: 160px;
    overflow: hidden;
}

#result-map .result-rank{
    height: 35px;
    line-height: 35px;
}

#result-map .result-rank img{
    margin-top: -3px;
}

#result-map .result-icons img{
    width: 20px;
}

#result-map .result-item-info {
    padding: 10px 20px 0;
}

#result-map .result-item-info h2{
    margin-bottom: 0px;
}

#result-map .result-price-container{
    padding: 0 15px 10px;
    background-color: #fff;
}

#result-map .result-price-container .result-price{
    margin-bottom: 0;
}

#result-map .result-item .item-info, #result-map .result-item .item-rank{
    padding: 0;
}

#result-map .result-item .item-info .name{
    font-size: 1rem;
}

#result-filters-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background: #fff;
    top: 0;
    left: 0;
    padding: 35px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

#result-filters-popup.visible {
    opacity: 1;
    pointer-events: all;
}

#result-filters-close {
    position: absolute;
    left: 35px;
    top: 35px;
}

#result-filters-popup h4 {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

#result-filters-popup .filter-module {
    margin-bottom: 20px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--c-grey3);
}

#result-filters-popup h5 {
    font-size: 16px;
    font-weight: 600;
}

#result-filters-popup .filter-sort span {
    color: #5c5c5c;
    font-size: 11px;
    border-radius: 10px;
    background-color: #f9f7f3;
    padding: 2px 5px;
    margin: 0 20px 20px 0;
    text-align: center;
    display: inline-block;
}

#result-filters-popup .filter-sort span.selected {
    color: #fff;
    background: var(--c-blue);
}

#result-filters-popup .filter-minmax .filter-slidebar {
    display: block;
    width: 100%;
    height: 14px;
    border-radius: 100px;
    background-color: #f9f7f3;
    position: relative;
}

#result-filters-popup .filter-minmax .filter-slidebar a {
    width: 24px;
    height: 24px;
    background-color: var(--c-blue);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

#result-filters-popup .filter-minmax .filter-slidebar a:first-of-type {
    left: 0;
}

#result-filters-popup .filter-minmax .filter-slidebar a:last-of-type {
    right: 0;
}

#result-filters-popup .filter-minmax .filter-slidebar span {
    color: #5c5c5c;
    font-size: 11px;
    position: absolute;
    top: 30px;
}

#result-filters-popup .filter-minmax .filter-slidebar span:first-of-type {
    left: 0;
}

#result-filters-popup .filter-minmax .filter-slidebar span:last-of-type {
    right: 0;
}

#result-filters-popup .filter-check label {
    color: #5c5c5c;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

#result-filters-popup button {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    height: 54px;
    line-height: 50px;
    border-radius: 9px;
    background-color: var(--c-lightblue);
    text-align: center;
    border: unset;
}

/*BOOK
--------------------------------------*/
#book-title {
    background: var(--c-lightblue);
    padding: 25px 0;
}

#book h1 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}

#book h1 strong {
    font-weight: 500;
    color: var(--c-blue);
}

#book-title .back {
    display: block;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

#book-title .back path {
    fill: #fff;
}

#book-steps {
    padding: 50px 0;
}

.book-steps-step {
    color: var(--c-grey3);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.book-steps-step:not(:last-child) {
    margin-right: 30px;
    flex-grow: 2;
}

.book-steps-step.current {
    color: var(--c-blue);
    font-weight: 700;
}

.book-steps-step span {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--c-grey3);
    border-radius: 50%;
    margin-right: 15px;
    text-align: center;
}

.book-steps-step.current span {
    background-color: #061b3e;
}

.book-steps-step:not(:last-child):after {
    display: block;
    content: '';
    width: auto;
    height: 3px;
    background: var(--c-grey3);
    flex-grow: 1;
    margin-left: 10px;
}

#book-main {
    background: #f8f9fa;
    padding: 40px 0 40px;
}

#book-main.book-confirmation{
    padding: 40px 0 120px;
}

.book-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.book-intro {
    font-size: 1.1rem;
    margin-bottom: 35px;
}

#book-main .alert.alert-success{
    font-size:1rem;
    color:#fff;
    background-color:var(--c-green);
    border-color:var(--c-green);
} 

#book-main .alert.alert-success img{
    width:20px;
}

.book-extra-item {
    box-shadow: 0 0 25px rgba(0, 27, 65, 0.05);
    border-radius: 10px;
    background-color: #fff;
    margin: 0 0 20px;
    overflow: hidden;
}

.book-extra-item img {
    width: 100%;
    height: auto;
}

#discount-cupon.book-extra-item .svg{
    width:32px;
}

.book-extra-item img.tickets-icon {
    width: 16px;
    height: auto;
    margin-top:-2px;
}

.book-extra-item h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.book-extra-item h4 {
    font-size: 1.1rem;
    font-weight: 600;
}

.book-extra-item h3 img {
    height: 18px;
}

.book-extra-item p {
    color: var(--c-grey2);
    font-size: 0.9rem;
}

.book-extra-item span {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom:5px;
    line-height: 1.2rem;
}

.book-extra-item span small{
    font-size: 11px;
    color: var(--c-grey2);
}

.book-extra-item select {
    border: 1px solid #f1f4f4;
    padding: 8px;
    font-size: 1rem;
    margin-right: 20px;
}

.book-extra-item select#tipomotos{
    width: 80%;
}

.extra-subitem hr{
    background-color: var(--c-grey3);
}

a.book-extra-add {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 9px;
    background-color: var(--c-lightblue);
    display: block;
    text-align: center;
    padding:0 20px;
    text-transform:uppercase;
    transition: background .3s;
}

a.book-extra-add:hover{
    background-color: var(--c-blue);
}

a.book-extra-add.del {
    background-color: var(--c-blue);
}

a.book-extra-terms {
    color: var(--c-lightblue);
    font-size: 0.8rem;
    text-decoration: underline;
}

#book #sidebar {
    border-radius: 10px;
    background-color: #fff;
}

#book-main-img {
    display: block;
    margin-bottom: 0;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

#sidebar-info {
    padding: 25px;
}

#sidebar-info h2 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
}

#sidebar-info h2 img {
    width: 20px;
    margin-right: 5px;
}

#sidebar-info p {
    color: var(--c-grey2);
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.book-info-module {
    color: var(--c-grey2);
    font-size: 0.9rem;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--c-grey3);
    line-height:1.7rem;
}

.book-info-module strong {
    color: var(--c-blue);
    font-weight: 700;
}

#book-total {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--c-grey3);
}

#book-total span {
    color: var(--c-blue);
    font-size: 1.5rem;
    font-weight: 700;
}

.book-info-module.price {
    border-radius: 8px;
    background-color: #f9f7f3;
    padding: 25px;
    border-bottom: unset;
}

#book-msg {
    color: var(--c-lightblue);
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
    text-align: center;
}

#book-msg.fluxe {
    color: var(--c-gold);
}

#book-msg-cancelacion {
    color: #2bc48a;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
    text-align: center;
}

#book-msg img, #book-msg-cancelacion img{
    margin-top: -2px;
}

#book-msg path {
    fill: var(--c-yellow)
}

#sidebar-info small {
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: underline;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

#book #book-confirm {
    width: 100%;
    height: 65px;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--c-yellow);
    text-align: center;
    line-height: 65px;
    display: block;
    transition:  background .3s;

}

#book #book-confirm:hover{
    background-color: var(--c-blue);
}

#book-forms form {
    padding: 20px;
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 30px;
}

#book-forms legend {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 25px;
}

#book-forms .contact-field {
    margin-bottom: 25px;
    position: relative;
}

#book-forms label {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 9px;
}

#book-forms input[type="text"],
#book-forms input[type="email"],
#book-forms select,
#book-forms textarea {
    border-radius: 5px;
    border: 1px solid var(--c-grey3);
    background-color: #fff;
    color: var(--c-grey2);
    font-size: 0.9rem;
    width: 100%;
}

#book-forms .error-field, #contactoB .error-field {
    border-color: #f00 !important;
}

#book-forms .error, #contactoB .error{
    display: none;
    padding: 1px 3px;
    background: #fee;
    border: 1px solid #f00;
    color: #f00;
    font-size: 10px;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 20px;
}

#book-forms .errorv{
    display: block;
}

#book-forms input[type="text"],
#book-forms input[type="email"],
#book-forms select {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
}

#book-forms textarea {
    padding: 12px;
    height: 251px;
}

#book-forms form#ferrys .row{
    border-bottom:solid 1px var(--c-grey3);
    margin-bottom:15px;
}

#book-forms form#ferrys .row .row{
    border-bottom:none;
}

#book-forms form#ferrys .row:last-child {
    border-bottom:none;
    margin-bottom:0;
}

#book-payment-table {
    font-size: 1.1rem;
    border-radius: 10px;
    color: var(--c-grey2);
    padding: 30px;
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    background-color: #fff;
    margin-bottom: 35px;

}

#book-payment-table strong {
    color: var(--c-blue);
}

#book-payment-table .total {
    font-size: 1.8rem;
    font-weight: 700;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid var(--c-grey3);
}

#book-payment small{
    color: var(--c-grey2);
    font-size: 1rem;
    margin-bottom: 25px;
    display: block;
    text-align: center;
}

#book-payment small a{
    text-decoration:underline;
}

#book-payment small a:hover{
    color:var(--c-lightblue);
    }

#book-payment button.paymentbutton {
    width: 363px;
    height: 65px;
    background-color: var(--c-yellow);
    display: block;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 65px;
    margin: 0 auto 45px;
    border-radius: 10px;
    text-transform: uppercase;
    border: none;
}

#book-payment button.paymentbutton:hover {
    background-color: var(--c-blue);
}

#book-payment-options {
    box-shadow: 0 0 30px rgba(6, 27, 62, 0.05);
    background-color: #fff;
    padding: 15px 35px;
    border-radius: 10px;
}

#book-payment-options img {
    margin: 0;
}

#book-done {
    text-align: center;
}

#book-number {
    color: #49a5cc;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
}

#book-done h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 40px;
}

#book-done p {
    color: var(--c-grey2);
    font-size: 1rem;
    margin-bottom: 50px;
}

#book-done a {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 900;
    background-color: var(--c-yellow);
    width: 354px;
    height: 63px;
    line-height: 63px;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

#book-done a img{
    margin-right:10px;
}

#book-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

#book-popup-content {
    max-width: 496px;
    padding: 35px;
    box-shadow: 0 0 25px rgba(0, 27, 65, 0.05);
    background-color: #fff;
    position: relative;
}

#book-popup:before {
    content: '';
    display: block;
    background-color: #000;
    opacity: 0.39;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#book-popup-close {
    position: absolute;
    left: 25px;
    top: 25px;
}

#book-popup h3 {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.book-popup-module {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--c-grey3);
}

#book-popup-meta span {
    color: var(--c-grey4);
    font-size: 12px;
}

#book-popup-guests {
    color: var(--c-grey2);
    font-size: 12px;
}

#book-popup-guests strong {
    color: var(--c-blue);
    font-size: 16px;
    display: block;
}

#book-popup h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
}

#book-popup-data legend {
    font-size: 14px;
    margin-bottom: 12px;
}

#book-popup-data input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin-bottom: 15px;
    color: var(--c-grey2);
    font-size: 12px;
    padding: 0 15px;
}

#book-popup-total {
    font-size: 16px;
    font-weight: 600;
}

#book-popup-total strong {
    display: block;
    font-size: 21px;
    font-weight: 700;
}

#book-popup-add {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    width: 141px;
    height: 48px;
    line-height: 48px;
    border-radius: 9px;
    background-color: var(--c-lightblue);
    text-align: center;
    display: block;
}


/*CONTACTO
--------------------------------------*/

#book-forms p{
    font-size:1rem;
    color:var(--c-grey2);
    margin-bottom:1.5rem;
}

#contact-sidebar{
    font-size:1rem;
    color:var(--c-blue);
}

.contact-info{
    font-size: 1.8rem;
    font-weight: 500;
}

.contact-info i {
    font-size: 1rem;
    font-style: normal;
    display: block;
    margin-bottom:1.5rem;
}

.contact-info img {
    margin: -5px 5px 0 0;
    }

.office, .office .office-info{
    margin-top:1.5rem;
}

.office h3{
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:1rem;
}

.office p{
    color:var(--c-grey2);
}

.office .office-info-ico{
    margin-right:0.8rem;
}


.office-map{
    width:100%;
    height:200px;
}


#contactoB #book-title{
    padding: 15px 0;
}

#contactoB #book-main{
    padding-bottom:40px;
}

#contactoB #book-title h1 {
    color: #fff;
    font-size: 1.7rem;
    margin-bottom:0;
}

.contact-text h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.contact-text p {
    font-size: 1rem;
    margin-bottom: 2rem;
    color: var(--c-grey4);
}

#book-forms button {
    color: #fff;
    font-size: 20px;
    width: 100%;
    font-weight: 900;
    background-color: var(--c-yellow);
    line-height: 75px;
    border-radius: 5px;
    text-align: center;
    display: block;
    border: 0px;
    text-transform: uppercase;
}

#book-forms #recaptcha {
    margin: 0 auto;
    width: 300px;
    height: 75px;
    background-color: var(--c-grey4);
    display: block;
}

#book-forms label.form-check-label {
    font-size: 1rem;
    color: var(--c-grey4);
    font-weight:400;
}

#book-forms label.form-check-label a {
    color: var(--c-lightblue);
}


/*POR QUE FBREAK y EQUIPO
--------------------------------------*/

#about-main {
    background-image: url('../img/about-main-bkg.jpg');
    background-position: right center;
    background-size: cover;
    width: 100%;
    color: #fff;
    padding: 70px 25px 100px;
}

#about-main .breadcrumbs {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

#about-main p {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

#about-main p strong {
    font-weight: 700;
}

#about-info {
    padding: 50px 25px;
    background-color: #fff;
}

#about-info h2 {
    font-weight: 600;
    margin-bottom: 1.5rem;
}

#about-info p {
    font-size: 1rem;
    margin-bottom: 1rem;
}

#about-video.container-lg {
    max-width: 920px;
}

#about-video {
    margin-top: -50px;
    margin-bottom: 25px;
}

#about-video .ratio{
    border: 10px #fff solid;
    box-shadow: 0 0 30px rgb(6 27 62 / 5%);
    border-radius: 10px;
}

#about-features {
    margin-bottom: 25px;
    padding: 25px;
}

#about-features .feature-card .ico-container {
    min-width: 90px;
    width: 90px;
    height: 90px;
    background-color: var(--c-lightblue);
    border-radius: 50%;
    margin-right: 16px;
    text-align: center;
}

#about-features .feature-card {
    box-shadow: 0 0 30px rgb(6 27 62 / 5%);
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;
}

#about-features .feature-card img {
    display: block;
    margin: 0 auto;
    width:65px;
}

#about-features .feature-card h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}

#about-features .feature-card p {
    color: var(--c-grey2);
    font-size: 0.9rem;
    line-height: 20px;
}

#about-features .feature-card p strong{
    font-weight: 600;
}

#about-info a {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    background-color: var(--c-lightblue);
    border-radius: 5px;
    text-transform: uppercase;
    padding: 10px 15px;
}

#equipo {
    background-color: #F8F9FA;
    padding: 50px 25px;
}

#equipo h2 {
    font-weight: 700;
}

#equipo h4 {
    font-weight: 400;
    color: var(--c-grey4);
    font-size: 1.2rem;
}

.avatar {
    border-radius: 100px;
    overflow: hidden;
    width: 180px;
    height: 180px;
    margin: 15px auto;
}

.avatar img {
    transition: transform .2s;
    /* Animation */
    width: 180px;
    height: 180px;

}

.avatar img:hover {
    transform: scale(1.2);
}

.person{
    width:300px;
}

.person h5 {
    font-size: 1.2rem;
    color: var(--c-lightblue);
    font-weight: 700;
}

.person p {
    font-size: 0.9rem;
    color: var(--c-blue);
    font-weight: 600;
}

/*ZONA
--------------------------------------*/

#zona-main{
    background-position:center;
    padding-top:5rem;
    padding-bottom:5rem;
    background-size: cover;
    background-repeat: no-repeat;
}

#zona-main h2{
    font-size: 1.5rem;
}

#zona-main .col-md-6.text-light{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.gradient-overlay-half-dark-v3::before {
    background-image: linear-gradient(-90deg, rgba(0, 27, 65, 0.6) 0%, rgba(0, 27, 65, 0.6) 100%);
    background-repeat: repeat-x;
}

[class*="gradient-overlay"], [class*="gradient-overlay-half"], [class*="gradient-overlay-quarter"] {
    position: relative;
    z-index: 1;
}

[class*="gradient-overlay"]::before, [class*="gradient-overlay"]::after, [class*="gradient-overlay-half"]::before, [class*="gradient-overlay-half"]::after, [class*="gradient-overlay-quarter"]::before, [class*="gradient-overlay-quarter"]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
}

#zona-main h1 {
    font-weight: 700;
    }

#zona-main p {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    }

.breadcrumbs{
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

#zona-content{
    padding-top:40px;
    padding-bottom:40px;
}

.zona-item {
    box-shadow: 0 0 15px rgb(6 27 62 / 5%);
    border-radius: 10px;
    background: url(../img/logo-bg.svg) no-repeat right -39px bottom -23px;
    margin-bottom:25px;
    position:relative;
}

.zona-item img.badge-fl{
    position:absolute;
    right:1.5rem;
    top:0;
    z-index:3;
}

.zona-item>a:first-of-type img {
    width: 100%;
}

.zona-item a.nored.zona-img{
    display: block;
    overflow: hidden;
    border-radius:10px 10px 0 0;
}

.zona-item .info {
    padding: 0px 20px 20px 20px;
}

.zona-item .img-container, .home-feat-item .img-container{
    transition: transform .3s;
    max-width: 100%;
    border-radius:10px 10px 0 0;
}

.zona-item img, .home-feat-item .img-container img{
    transition: transform .3s;
    max-width: 100%;
}

.zona-item a:hover {
    color: var(--c-lightblue);
}

.zona-item a:hover img {
    transform: scale(1.1);
}

.zona-item .rank {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 60px;
    height: 34px;
    border-radius: 16px;
    background-color: var(--c-yellow);
    display: block;
    margin: 0 10px 5px 0;
    transform: translateY(-50%);
    margin-left: 20px;
    margin-bottom:-10px;
}

.zona-item .rank img {
    margin-right: 3px;
    margin-top:-3px;
}

.zona-item .address {
    color: var(--c-grey2);
}

.zona-item .price {
    color: var(--c-lightblue);
    font-size: 2rem;
    font-weight: 500;
    font-style: normal;
    display: block;
    line-height: 1;
}

.zona-item .price i {
    color: var(--c-grey2);
    font-size: 12px;
    font-style: normal;
    display: block;
    line-height: 1;
    margin-bottom: 3px;
}

.zona-item .item-slider.slick-slider .slick-list{
    border-radius:10px 10px 0 0;
}

#more-zonas{
    padding:60px 0;
    background-color:#f8f9fa;
}

.zone{
    box-shadow: 0 0 15px rgba(6, 27, 62, 0.05);
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow:hidden;
    background-color:#fff;
    flex-direction: column;
}

.zone-img{
    width: 100%;
    overflow: hidden;
}

.zone-img img{
    width:100%;
}

.zone-info{
    padding:15px;
    width: 100%;
    height: 120px;
}

.zone-info h3{
    margin-bottom:5px;
    font-size:1.2rem;
    font-weight:600;
}

.zone-info span{
    font-size:0.8rem;
}

/*FAQS
--------------------------------------*/
#faqs-main{
    background:url('../img/faqs-bkg-02.jpg');
    padding-top:10rem;
    padding-bottom:10rem;
    background-size: cover;
    background-position: left top;
}

#faqs-main input{
    font-size:1rem;
    color:var(--c-grey4);
    width:100%;
    height:50px;
    line-height:50px;
    padding:10px;
    border-radius:10px 0 0 10px;
    border:none;
}

p.faq-error{
    font-size: 1.5rem;
}

#form-faqs-container{
    margin-top:1.5rem;
    padding-left:25px;
    padding-right:25px;
}

#form-faqs-container form{
    display:flex;
    width:100%;
}

#form-faqs-container button{
    background-color:var(--c-yellow);
    width:50px;
    height:50px;
    line-height:50px;
    padding:10px;
    border-radius:0 10px 10px 0;
    border:none;
}

#faqs-content{
    padding-bottom:5rem;
}

#faqs-content h2.faq-section-title{
    font-size:1.8rem;
    margin-bottom:1.5rem;
    font-weight:700;
    background-color:#f8f9fa;
    padding:10px 15px;
    border-radius:10px;
    margin-top:3rem;
}

#faqs-content h3.faq-section-subtitle{
    margin-bottom:1.5rem;
    font-weight:700;
    color:var(--c-lightblue);
    font-size:1.5rem;
}

.accordion{
    margin-bottom:2.5rem;
}

.accordion .accordion-item:nth-child(2n+1) .accordion-button{
    background-color:#f8f9fa;
}

.accordion-body{
    font-size:1rem;
}

.accordion-body p{
    margin-bottom:1rem;
}

.accordion-button:not(.collapsed){
    color:var(--c-lightblue);
    background-color:#fff;
}

.accordion .js_util span{
    color:var(--c-lightblue);
    font-style:italic;
    margin-right:10px;
    font-weight:600;
}

.accordion .js_util a{
    color:var(--c-lightblue);
    text-align:center;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:5px;
    border:solid 1px var(--c-lightblue);
    margin-right:10px;
}

.accordion .js_util a:hover{
    color:#fff;
    background-color:var(--c-lightblue);
}

/*404
--------------------------------------*/

#error404{
    padding-top:100px;
    padding-bottom:100px;
}

#error404 img{
    max-width:500px;
}

#error404 h2{
    font-size:1.7rem;
    font-weight:700;
}

#error404 p{
    font-size:1rem;
}

#error404 a{
    color: #fff;
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    background-color: var(--c-yellow);
    border: unset;
    transition: background .3s;
    text-transform: uppercase;
    text-align:center;
    margin-top:25px;
    font-weight:700;
}

#error404 a:hover{
    background-color: var(--c-blue);
}

/*CAMBIOS 2022
--------------------------------------*/

#book-forms #main-search {
    box-shadow: none;
    background-color: transparent;
    padding-left: 10px;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    border-radius: 0;
    text-align: left;
    transition: box-shadow .3s;
    z-index: 1;
    max-width: 1270px;
    margin: 0 auto;
}

#book-forms #main-search .placeholder {
    position: absolute;
    top: 37px;
    left: 8px;
    pointer-events: none;
}

#book-forms #main-search-dates{
    margin-left:0;
}

/*CAMBIOS 2024
--------------------------------------*/
#ibiza-banner{
    background-image:url('../img/banner-ibiza-bkg.webp');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

img#pimec{
    width:100px;
}


/*CAMBIOS 2025
--------------------------------------*/

#modalSorteo .modal-content{
    border:4px solid var(--c-yellow);
}


#modalTickets .modal-content{
    border:4px solid var(--c-lightblue);
}


#modalSorteo .modal-footer, #modalSorteo .modal-header, #modalTickets .modal-footer, #modalTickets .modal-header{
    border:none;
}

.countdown-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.countdown-item {
    text-align: center;
    font-weight: bold;
    background-color:#ffffff34;
    padding:10px;
    border-radius:8px;
    color: var(--c-blue);
}

#modalSorteo .countdown-item {
    background-color: #009ac425;
}

.countdown-number {
    font-size: 28px; /* Tamaño grande para los números */
    line-height: 1;
}
.countdown-label {
    font-size: 10px;
    text-transform: uppercase;
}

#modalSorteo a.button, #modalTickets a.button{
    background-color:var(--c-lightblue);
    color:#fff;
    width:100%;
    height:40px;
    font-size:1rem;
}

#modalSorteo a.button:hover, #modalTickets a.button:hover{
    background-color: var(--c-blue);
    color:#fff;
}

#modalSorteo .modal-dialog, #modalTickets .modal-dialog{
    max-width: 80%;
    margin-left:auto;
    margin-right:auto;
}

#modalSorteo .modal-content, #modalTickets .modal-content{
    margin-bottom:0;
}


/*MQ
--------------------------------------*/

@media screen and (max-width: 1399px) {
    html {
        font-size: 14px;
    }

    #home-zones-content {
        margin-top: -110px;
    }

    #home-zones-map {
        transform: scale(.80);
        transform-origin: left center;
        margin-right: -20%;
    }

    #home-blog {
        margin-top: -40px;
    }

    #home-feat .address, .zona-item .address {
        display: block;
        margin-top: 10px;
    }

    .person{
    width:260px;
    }
}


@media screen and (max-width: 1199px) {
    html {
        font-size: 13px;
    }

    #home-zones-content {
        margin-top: -140px;
    }

    #home-zones-map {
        transform: scale(.75);
        transform-origin: left center;
        margin-right: -20%;
    }
}

@media screen and (min-width: 992px) {
    #detail-footer, #detail-lightbox{
        display: none;
    }

    .litepicker .container__months .month-item {
        padding: 10px;
    }

    #header:not(.static) li.nav-item a.nav-link{
        color:#fff;
    }
    
    #modalSorteo .modal-dialog, #modalTickets .modal-dialog{
        max-width: 400px;
    }

}

@media screen and (max-width: 991px) {
    html {
        font-size: 14px;
    }

    body {
    -ms-touch-action:manipulation !important;
    touch-action:manipulation !important; 
    }

    #CookiebotWidget{
        display: none !important;
    }

    .title {
        margin-bottom: 15px;
    }

    .title span {
        font-size: 21px;
    }

    #header,
    #header.static {
        padding: 25px 0;
    }

    #header-covid {
        display: none;
    }

    #header-menu {
        padding: 0 35px;
    }

    #header-formentera a{
        display:block;
    }

    #header-formentera a.menu-inicio{
        margin-bottom:15px;
    }

    #header-formentera .svg.menu-icon,
    #nav li a .svg.menu-icon {
        display: inline-block;
    }

    #header.static #header-social path {
    fill: #fff;
    }

    #header-search {
        margin-bottom: 25px;
    }

    #header-search input[type="text"] {
        color: var(--c-lightblue);
    }

    #header-search form {
        transform: unset;
        background: unset;
        box-shadow: unset;
        width: 100%;
        border-radius: 2px;
        background-color: #f4f7f7;
        position: relative;
        top: 0;
    }
    
    #header-search path {
        stroke: var(--c-lightblue);
    }

    #header-search input[type="text"] {
        width: 100%;
    }

    #header-search button {
        right: 5px;
    }

    .logo {
        width: 155px;
        z-index: 999999;
    }

    #footer {
        padding: 60px 30px;
    }

    #footer strong {
        display: inline-block;
    }

    #main-search-container, #main-search-container-nosticky{
        background: #f8f9fa;
    }

    #main-search {
        width: calc(100% - 70px);
        margin: 0 auto;
        padding: 20px;
        transform: translateY(-50%);
        margin-bottom: -15vw;
        position: relative;
    }

    #main-search-container-nosticky #main-search{
        width: 100%;
        margin-bottom: 0;
        transform: none;
    }

    #main-search:not(.home-search),
    .is-sticky #main-search {
        padding: 15px;
    }

    .is-sticky #main-search form {
        flex-direction: row !important;
    }

    .is-sticky #main-search form>div {
        width: 100%;
        flex-direction: row !important;
    }

    #main-search legend {
        display: none;
    }

    .home-search #main-search-dates,
    .home-search #main-search-guests {
        margin-left: 0;
    }

    .home-search #main-search-dates,
    .home-search #main-search-guests {
        width: 100%;
        max-width: unset;
        margin-bottom: 15px;
    }

    #main-search-guests #guests-selector {
        left: unset;
        right: 0;
    }

    #main-search:not(.home-search) #main-search-dates,
    #main-search:not(.home-search) #main-search-guests,
    .is-sticky #main-search-dates,
    .is-sticky #main-search-guests {
        width: calc(50% - 7.5px);
        margin-bottom: 0;
    }

    #main-search .placeholder img {
        padding: 0;
        max-width: 22px;
        margin: 0 5px 0 0;
    }

    #main-search .placeholder {
        left: 8px;
        height: 100%;
        top: 0;
    }

    #main-search .placeholder strong {
        font-size: 13px;
        line-height: 1;
    }

    #main-search .placeholder span {
        display: none;
    }

    #main-search.home-search input[type="submit"] {
        width: 100%;
        margin: 0 auto;
    }

    #main-search:not(.home-search) input[type="submit"],
    .is-sticky #main-search input[type="submit"] {
        width: 50px;
        margin: 0 auto;
        font-size: 0;
        line-height: 0;
        text-indent: -200vw;
        border-radius:0;
        background: var(--c-yellow) url(../img/ico-search.svg) no-repeat center;
    }

    #main-banner {
        min-height: 100vw;
        background-position: 0 bottom;
        background-image: url(../img/home-formentera-banner-m.jpg);
    }

    #main-banner svg {
        width: 195px;
    }

    #main-banner h4 {
        font-size: 21px;
        font-weight: 500;
    }

    #main-newsletter {
        background-color: var(--c-lightblue);
    }

    #main-newsletter img {
        width: 45px;
        margin-bottom: 15px;
    }

    #main-newsletter-content {
        transform: unset;
        box-shadow: unset;
        border-radius: unset;
        background-color: var(--c-lightblue);
        padding: 35px;
        text-align: center;
    }

    #main-newsletter h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #main-newsletter strong {
        font-size: 21px;
        font-weight: 700;
    }

    #main-newsletter form {
        min-width: unset;
    }

    #main-newsletter input[type="email"] {
        margin-left: 0px;
        max-width: 100%;
    }

    #main-newsletter input[type="submit"] {
        width: 100%;
    }

    #home-testimony {
        margin-top: 0;
        padding-top: 75px;
    }

    #home-testimony .home-slider .slick-prev {
        left: -40px;
    }

    #home-testimony .home-slider .slick-next {
        right: -40px;
    }

    #ModalComentarios.modal .modal-content .modal-body{
        font-size:1rem;
    }

    .modal-content{
    margin-bottom: 80px;
    }

    #ModalMapa .modal-content{
    margin-bottom: 0;
    }

    .modal-fullscreen-sm-down .modal-content{
    margin-bottom: 0;
    }

    #ModalComentarios.modal .modal-content .modal-body p strong a{
        color:var(--c-lightblue);
    }

    #filters-container{
        overflow-x:scroll;
    }

    .home-slider .slick-prev {
        left: -40px;
    }

    .home-slider .slick-next {
        right: -40px;
    }

    #home-main-content,
    #home-search-container {
        margin-top: -50px;
    }

    #home-main h1 {
        font-size: 34px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    #home-main h2 {
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.48);
        font-size: 1.2rem;
        max-width: 260px;
    }

    #home-main video {
        top: 610px !important;
    }

    #home-about {
        padding-bottom: 35px;
    }

    #home-about-content {
        box-shadow: unset;
        border-radius: 0;
        transform: unset;
        padding: 24px;
        background: unset;
    }

    #home-feat #filter {
        margin-bottom: 15px;
    }

    .home-feat-item>a:first-of-type img, .zona-item>a:first-of-type img {
    width: 100%;
    height:auto;
    }

    #home-feat-slider {
        margin-left: -50px;
    }

    #home-feat-slider .slide{
        padding:0;
        margin-right:15px;
    }

    #home-zones-map {
        display: none;
    }

    #home-zones-content {
        background: unset;
        margin-top: 25px;
    }

    #home-zones #popup-container {
        max-width: unset;
        margin-left: -50px;
        flex-grow: 1;
    }

    #home-zones #popup-container .slick-track {
        padding: 5px 0;
    }

    #home-zones .popup {
        display: flex;
        flex-direction: column;
        opacity: 1;
        position: static;
        transform: unset;
        border-radius: 10px;
        overflow: hidden;
        margin-right: 15px;
        box-shadow: 0 0 5px rgb(0 0 0 / 16%);
    }

    #home-zones #zonaf{
        display: none;
    } 

    #home-zones .info {
    padding: 15px;
    height: 120px;
    }

    #home-zones .info h4 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    #home-zones .info small {
        display: block;
    }

    #home-zones .info .cats,
    #home-zones .info span,
    #home-zones .info a:not(.zone-title){
        display: none;
    }

    #home-zones .info p{
        font-size: 12px;
        padding-bottom: 0;
    }

     .zone-info p{
    font-size: 12px;
    line-height: 18px;
    }

    #home-zones .img-container {
        width: 100%;
    }

    #home-zones .img-container img {
        width: 100%;
        height: auto;
    }

    #home-blog {
        margin-top: 20px;
    }

    #home-blog-slider {
        margin-left: -50px;
    }

    #single-gallery .gallery-item {
        width: 100%;
        margin:0;
    }
    
    #single-gallery,
    #single-gallery img,
    #single-gallery .slick-list,
    #single-gallery .slick-track {
        height: auto;
    }

    #single-main {
        padding: 0 5px;
    }

    #single-main h1 {
        font-size: 21px;
    }

    #single-sidebar,
    #single-share,
    #single-detail-price p {
        display: none;
    }

    #single-detail-price {
        color: var(--c-blue);
        font-weight: 500;
        background: unset;
        padding: 0;
        transform: unset;
    }

    #single-detail-price h3 {
        font-size: 21px;
        margin-bottom: 0;
    }

    #single-book {
        width: 140px;
        height: 45px;
        text-align: center;
        display: block;
        border-radius: 4px;
        background-color: var(--c-yellow);
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        font-style: normal;
        text-transform:uppercase;
        border:none;
        transition: background .3s;
    }

    #single-book:hover{
        background-color: var(--c-blue);
    }

    #single-book.btnConsultar {
        background-color: var(--bs-orange);
    }

    #single-main #single-rank {
        border-radius: 20px;
        font-size: 16px;
    }

    #single-main #single-rank img {
        width: 14px;
    }

    #single-comments-quant {
        font-size: 11px;
        margin-left: 5px;
    }

    #single-meta {
        margin-bottom: 10px;
    }

    #single-tabs {
        overflow: scroll;
    }

    #single-tabs ul,
    #single-tabs li a {
        display: flex;
    }

    #single-tabs li a img {
        margin-right: 5px;
    }

    #single-full {
        padding-top: 15px;
    }

    .single-module,
    #single-sidebar .single-module {
        padding: 15px;
        box-shadow: unset;
    }

    .single-module h2,
    #single-sidebar .single-module h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }


    .single-features li {
        margin-bottom: 15px;
        font-size: 11px;
    }

    #result h1 {
        font-size: 21px;
    }

    #result-options #result-switch {
        padding: 0;
        margin: 0;
        border: unset;
    }

    #result-options span img {
        width: 15px;
    }


    .result-item-slider {
        height: 235px;
    }

    .result-item-slider .slide img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .result-item h2 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    .result-item h2 img {
        width: 25px;
    }

    .result-item-info {
        padding: 20px 10px 0px;
        position:relative;
    }

    .result-item-info .col-3,
    .result-item-info .col-9 {
        width: auto;
    }

    .result-item-info .comentarios, .result-item-info .comentariosnd{
        position:absolute;
        right:20px;
        top:-15px;
        padding:0;
    }

    .result-item .result-comments-quant,
    .result-item p.item-description,
    .result-item .result-quant,
    .result-item .result-msg {
        display: none;
    }

    .result-item .result-meta {
        display: inline-block;
        margin-bottom: 10px;
    }

    .result-item .result-rank img {
        width: 14px;

    }

    .result-item .result-icons {
        padding: 10px 0 0;
    }

    .result-item .result-price-container {
        background: #fff;
        padding: 10px 20px 20px 20px;
    }

    .result-item .result-price {
        font-size: 21px;
        text-align: left;
        margin-bottom: 0;
    }

    .result-item .result-price small {
        font-size: 14px;
        margin-bottom: 0;
    }

    #result-options {
        position: fixed;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 30px;
        width: 190px;
        height: 33px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        border-radius: 16px;
        z-index: 30;
        background-color: #fff;
        font-size: 13px;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ModalFiltrador.modal h6,
    #ModalFiltrador.modal h5 {
        font-weight: 600;
    }

    #ModalFiltrador.modal h6 {
        margin-bottom: 15px;
    }

    #ModalFiltrador.modal label {
        margin-bottom: 5px;
        font-size: 1rem;
    }

    #result-map .result-item {
        display: none;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #result-map .result-item .resultmap-item-info .result-meta{
        display: none;
    }

    #result-map .result-item .resultmap-item-img{
        height: 100px;
    }

    #result-map .result-item .resultmap-item-img img{
        transform: translateY(-35%);
    }

    #result-map #map {
        min-height: 90vh;
    }

    #book-title {
        font-size:1rem;
        padding:15px 0;
    }

    #book-title .container-lg{
        display:flex;
        align-items:center;
    }

    #book-title .back{
        position:relative;
        margin-right:2rem;
        top:auto;
        right:auto;
        transform:none;
    }

    #contactoB #book-title {
        display: block;
    }

    #book-main {
    padding-bottom: 80px;
    }

    #book-steps {
        padding: 25px 0;
        text-align: center;
    }

    .book-steps-step {
        font-size: 11px;
    }

    .book-steps-step div {
        text-align: center;
    }

    .book-steps-step span {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        display: block;
        text-align: center;
        margin: 0 auto 5px;
    }

    .book-steps-step {
        align-items: start;
    }

    .book-steps-step:not(:last-child) {
        margin-right: 5px;
    }

    .book-steps-step:not(:last-child):after {
        margin: 15px 0 0 5px;
    }

    .book-extra-item-img-container {
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        max-height:150px;
    }

    .book-extra-item-img-container img {
        height: auto;
        width: 100%;
    }

    .book-extra-item.row .col-12:last-child{
        padding-top:1rem;
        padding-bottom:1rem;
    }

    .book-extra-item h3 {
        font-size: 1.2rem;
        margin-top:1rem;
    }

    .book-extra-item p {
        font-size: 0.9rem;
    }

    .book-extra-item span {
        font-size: 21px;
    }

    .book-extra-item a {
        font-size: 12px;
        font-weight: 900;
        height: 38px;
        line-height: 38px;
    }

    a.book-extra-terms{
        line-height:1rem;
        font-size:0.9rem;
    }

    #sidebar-info{
        margin-bottom:70px;
        padding:25px 0;
    }


   #book-total span:first-child {
        display: none;
    }


    #book-total {
        padding-top: 0;
        margin-top: 0;
        border:none;
    }

    #book-total span {
        color: var(--c-blue);
        font-weight: 500;
        background: unset;
        padding: 0;
        transform: unset;
    }

    #book-confirm {
        width: 140px;
        height: 46px;
        text-align: center;
        display: block;
        line-height: 45px;
        border-radius: 4px;
        background-color: var(--c-yellow);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        font-style: normal;
        transition: background .3s;
    }
    #book-confirm:hover{
        background-color: var(--c-blue);
    }


    #book-forms #recaptcha {
        margin-bottom: 2rem;
    }

    #book-payment-options img {
    height:50px;
    }


    #about-main{
        padding-left:15px;
        padding-right:15px;
    }

    #about-main h1{
        font-size:1.8rem;
    }

    #about-main p{
        font-size:1rem;
    }

    .avatar {
        width: 120px;
        height: 120px;
        margin: 15px auto;
    }

    .avatar img {
        transition: transform .2s;
        /* Animation */
        width: 120px;
        height: 120px;

    }

    #ContactoB #book-title {
    padding: 15px 0;
    }

    #contactoB #book-title h1{
        font-size:1.5rem;
        margin-bottom:0;
    }

    #sidebar{display:none;}

    /*CAMBIOS 2022
    --------------------------------------*/
    #book-forms #main-search {
        width: 100%;
        margin: 0;
        padding: 10px;
        transform: none;
        margin-bottom: 0;
        position: relative;
    }

    #book-forms #main-search:not(.home-search) #main-search-dates, #book-forms #main-search:not(.home-search) #main-search-guests {
        width: 100%;
        margin-bottom: 20px;
    }

    #book-forms #main-search-dates,#book-forms #main-search-guests{
        margin-left: 0;
    }

    #book-forms #main-search .placeholder {
        left: 8px;
        height: auto;
        top: 39px;
    }

}

@media screen and (max-width: 767px) {
    
    #home-main {
        padding: 35px;
        min-height: 70vh;
        background-image: url('../img/bg-home-m-final.jpg');
        background-position: bottom center;
        background-size: auto 100%;
    }

    #home-testimony {
        padding-top: 0px;
    }

    #about-features .feature-card .ico-container {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #about-features .feature-card {
        text-align: center;
    }

    #home-video p.fs-5{
        font-size:1.1rem !important;
    }

    #banner-video{
        background-image: url('../img/banner-video-md.png');
        background-position:center center;
        background-size:cover;
    }

}

@media screen and (max-width: 540px) {
    .person {
        width:50%;
    }
    #banner-video{
        background-image: url('../img/banner-video-sm-left.png'), url('../img/banner-video-sm-right.png');
        background-position:left center, right center;
        background-repeat:no-repeat;
        background-size:auto;
    }
}


@media screen and (max-width: 330px) {
        #home-main {
        padding: 35px 15px;
    }
    #home-main h1 {
        font-size: 1.7rem;
        margin-bottom: 15px;
    }

    #main-search-guests #guests-selector{
        width: 260px;
    }

    #main-search-guests #guests-selector .button {
        padding: 10px 15px;
    }

    .result-item-slider {
        height: 190px;
    }

    .result-item .result-icons img {
        width: 18px;
    }

    #single-main h1 {
        font-size: 1.3rem;
    }

    .single-module h2, #single-sidebar .single-module h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .single-module.single-freecancel {
        padding: 10px 10px;
    }

    #responsive-menu{
        font-size: 14px;
    }

    #responsive-menu #header-search {
        margin-bottom: 15px;
    }

    #header-formentera a.menu-inicio {
        margin-bottom: 10px;
    }

    #book-forms form{
        padding: 15px;
    }

    #book-payment button.paymentbutton{
        width: 250px;
    }

    #book-payment-options img {
        height: 36px;
    }

    #book-payment-table{
        padding: 15px;
    }

    #main-search:not(.home-search), .is-sticky #main-search {
        padding: 10px;
    }

    #main-search-dates, #main-search-guests{
        margin-left: 0;
    }

    #more-zonas{
        padding: 30px 0;
    }

    #home-main h2{
        font-size: 1rem;
        max-width: 220px;
    }

    #home-main h2 img{
    width: 16px;
    }

    .litepicker{
        margin-left: -15px;
    }

    #main-search-guests #guests-selector.visible{
        margin-right: -20px;
    }
}