/*
Theme Name: Solu Bistro 1.1 2025 Theme - by Ekosistem
Theme URI: http://www.solubistro.com
Description: A completely WordPress compatible theme.
Author: Copz
Version: 1.1
*/
@font-face {
    font-family: 'High Tower Text';
    src: url('./font/HighTowerText-Reg.eot');
    src: url('./font/HighTowerText-Reg.eot?#iefix') format('embedded-opentype'),
        url('./font/HighTowerText-Reg.woff2') format('woff2'),
        url('./font/HT.woff') format('woff'),
        url('./font/HT.ttf') format('truetype'),
        url('./font/HighTowerText-Reg.svg#HighTowerText-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Whitney-Medium';
    src: url('./font/Whitney-Medium.eot');
    src: url('./font/Whitney-Medium.eot?#iefix') format('embedded-opentype'),
        url('./font/Whitney-Medium.woff2') format('woff2'),
        url('./font/Whitney-Medium.woff') format('woff'),
        url('./font/Whitney-Medium.svg#Whitney-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whitney-Light';
    src: url('./font/Whitney-Light.eot');
    src: url('./font/Whitney-Light.eot?#iefix') format('embedded-opentype'),
        url('./font/Whitney-Light.woff2') format('woff2'),
        url('./font/Whitney-Light.woff') format('woff'),
        url('./font/Whitney-Light.svg#Whitney-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LyonText-Regular';
    src: url('./font/LyonText-Regular.eot');
    src: url('./font/LyonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/LyonText-Regular.woff2') format('woff2'),
        url('./font/LyonText-Regular.woff') format('woff'),
        url('./font/LyonText-Regular.svg#LyonText-Regular') format('svg');
    font-style: normal;
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
      font-family: 'solu-icon';
      src: url('./font/solu-icon.eot?5895439');
      src: url('./font/solu-icon.eot?5895439#iefix') format('embedded-opentype'),
           url('./font/solu-icon.woff?5895439') format('woff'),
           url('./font/solu-icon.ttf?5895439') format('truetype'),
           url('./font/solu-icon.svg?5895439#solu-icon') format('svg');
      font-weight: normal;
      font-style: normal;
    }
html,body
{
margin:0;
padding:0;
height:100%;
}
body
{
background:#f2f2f2!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 font-family: 'Whitney-Light'!important;
 color:#1A1E1C!important;
 font-weight:normal;
 font-size:0.9rem!important;
 -webkit-text-size-adjust: none;
}
hr {
    border: 0;
    border-top: 1px solid rgba(0,0,0,.3)!important;
    width: 15%!important;
}
hr.biasa
{
	margin: 0.1rem auto 0.2rem!important;
}
hr.gelap-pendek
{
    border: 0;
    border-top: 1px solid rgba(224,220,215,1)!important;
    margin: 0.1rem auto 0.2rem!important;
    width: 15% !important;
}
hr.gelap {
    border: 0;
    border-top: 1px solid rgba(224,220,215,1)!important;
    margin: 0.2rem auto 1.5rem!important;
    width: 80%!important;
}
hr.terang {
    border: 0;
    border-top: 1px solid rgba(224,220,215,1)!important;
    margin: 0.2rem auto 1.5rem!important;
    width: 80%!important;
box-shadow: 0px 3px 3px 0px rgba(0,0,0,1);
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,1);
}
h1, h3
{
font-family: 'Whitney-Medium';
font-weight:700!important;
color:#1A1E1C;
letter-spacing:1px;
margin-bottom:1.5rem!important;
}
h5
{
font-family: 'Whitney-Medium';
font-weight:700!important;
color:#1A1E1C;
letter-spacing:1px;
margin-bottom:0.2rem!important;
}
h2, h4, h6
{
font-family: 'LyonText-Regular';
font-weight:400!important;
color:#1A1E1C;
letter-spacing:1px;
}
.h1, h1, .h3, h3, .h5, h5{
    font-size: 1rem!important;
}
.h2, h2, .h4, h4 {
    font-size: 0.8rem!important;
}
.h2, h2, .h4, h4
{
	margin-bottom:1rem!important;
}
h3.short-bottom
{
	margin-bottom: .1rem!important;
}
h4.short-bottom
{
	margin-bottom: .1rem!important;
}
p
{
	line-height:1.3rem; 
	text-align: center;
}
#wrapper {
	min-height:100%;
	position:relative;
	overflow:hidden;
}
#header-home {
	margin-bottom:115px;
}
#header{
	margin-bottom:116px;
}
#content {
padding-bottom:0px;   /* Height of the footer element */
position: relative;
z-index: 1;
background: #f2f2f2;
}
#content-sub {
padding-bottom:0px;   /* Height of the footer element */
position: relative;
z-index: 1;
background: #e0dcd7;
	margin-top:70px;
}
.grecaptcha-badge {
    display: none;
}
#footer {
width: 100%;
height: 140px;
position: relative;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 1;
margin: 0px auto;
color: #f2f2f2;
background: #333333;
	border-top: 1px solid #404040;
}
.footer-text-align{
    font-size: 0.92rem;
    text-align: left;
}
.logo
{
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 20px 0px 0px 20px;
    margin: 0px auto;
    max-width: 140px;
    float: left;
	-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}
.logo-invert
{
	filter:invert(0.5);
}
.logo img
{
width:100%;
height:auto;
}
.logo-link
{
    width: 100%;
    overflow: hidden;
    height: auto;
	padding:0px 20px!important;
	margin:0px auto;
	display:flex;
}
.below-over
{
    position: relative;
    top: -80px;
}
.over-below
{
margin: 120px 0px 0px!important;
    padding-bottom: 793px;
}
.full-back
{
margin:0px auto 20px;
width:100%!important;
}
.header-center h3
{
	padding:20px 0 0;
}
.putihtext
{
color:#fcfaf7!important;
}
.gelaptext
{
color:#fcfaf7!important;
text-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.textgelap
{
color:#808080!important;
}
.top-grp-left{
    float: left;
    width: 100%;
    max-width: 250px;
    height: auto;
    overflow: hidden;
	margin:0px auto;
	transition:all 0.5s ease-in;
}
.top-grp-left.top-shrinked-in{
    max-width: 250px;
}
.top-grp-left.top-shrinked-out{
    max-width: 120px;
}
.top-grp-right{
    float: right;
    width: 100%;
    max-width: 145px;
    height: auto;
    overflow: hidden;
	margin:0px auto;
}
.atas
{
width:100%;
position:fixed;
z-index:111;
margin:0px auto;
/*background:#323b1e;*/
	background:none;
}
.bar-penuh
{
width:100%;
height:auto;
margin:0px auto;
}
.back-color1
{
	background:#f2f2f2;
}
.back-color2
{
	background:#e2d8d6;
	color:#1a1c1e;
}
.putih
{
color:#fcfaf7!important;
}
.no-pad
{
padding:0px!important;
}
.single-display
{
position:relative;
	top:84px;
	margin-bottom: 125px;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 155px;
  right: 10px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(183,169,166,0.8) url(./images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #b7a9a6;
  opacity: 1;
}
.pad-bottom
{
padding-bottom:15px;
}
.screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
#scroll-position
 {
    width: 100%;
    background: #000000;
    position: fixed;
    z-index: 1;
    top: 105%;
	visibility:visible;
	margin:0px auto;
}
#scroll-position a.scroll {
	padding-top: 70px;
	text-decoration:underline;
}
#scroll-position a.scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
.demo a {
	position: absolute;
	bottom: 20px;
	left: 52%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}
.demo a:hover {
	opacity: .5;
	text-decoration:none;
	color:#ffffff;
}
.scroll a:active, .scroll a:visited {
	text-decoration:none;
	color:#ffffff;
}
#content-start
{
    width: 100%;
    z-index: 0;
    position: relative;
    top: -146px;
	height:45px;
	margin: 0px auto -45px;
}
.fixed-text-hand
{
height:530px;
}

.morecontent span {
    display: none;
}
.morelink {
 display: block;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #4f5050;
    display: block;
    width: 100%;
   max-width: 105px;
    margin: 15px auto;
    height: 30px;
    padding: 5px 0px;
	text-align:center;
}
a:link.morelink, a:active.morelink, a:visited.morelink
{
font-size:14px;
text-decoration:none;
line-height:normal;
color:#4f5050;
}
a:hover.morelink
{
color:#4f5050;
}
.starting-from--ctas {
    display: none!important;
}
.starting-from {
    border: none!important;
    padding: 0px!important;
    font-family: 'High Tower Text'!important;
    font-weight: normal!important;
}
.mobile
{
display:none;
}
.normal
{
display:inherit;
line-height:30px;
}
div.best-rate-text {
    background: #6f707a;
    border: 1px solid white;
    color: #fff;
    display: inline-block;
    height: 21px;
    margin-left: -5px;
    vertical-align: top;
    font-size: 13px;
    padding: 0px;
}
.best-rate-icon {
    background: #fff;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    padding: 3px 2px 0 1px;
    width: 20px;
}
.btn-best-rate-holder {
    padding: 13px 15px;
    text-align: center;
    max-width: 212px;
    margin: 0px auto;
    float: left;
}
.best-rate-text span {
    font-family: 'High Tower Text';
    font-size: 10px;
    line-height: 21px;
    padding: 0 5px;
    text-transform: uppercase;
}
.best-rate-icon img
{
width:100%;
height:auto;
}
.mobile-book hr {
    width: 80%!important;
    border: 0;
    margin: 2px auto!important;
    border-top: 1px solid #fff!important;
}

.mobile-book a:link
{
	text-align: center;
    text-decoration: none;
    margin: 15px auto 0;
    display: block;
    border: 1px solid #253220;
    width:100%;
   padding: 10px 0px;
    background-color: #e0dcd7;
    transition: 0.08s;
	font-family: 'High Tower Text'!important;
}
.mobile-book a:link
{
       max-width: 398px;
    font-size: 0.8rem;
}
.fastbook-container {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #323b1e;
    color: #323b1e;
    z-index: 800;
    height: 70px;
    display: none;
    width: 100%;
}
.front-book-bottom-text
 {
    font-size: 12px;
}
/*
    Always show arrows (Flex Slider)
*/
.metaslider .flex-direction-nav .flex-prev {
    opacity: 1!important; 
    left: 5px;
	z-index:100!important;
	display:block!important;
}
.metaslider .flex-direction-nav .flex-next {
    opacity: 1!important; 
    right: 5px;
	z-index:100!important;
	display:block!important;
}
#wpgmza_map
{margin:0px auto 20px;}
.fbw-calendar--title
{
	display:none!important;
}
.bar-menu {
    width: 100%;
    height: auto;
    margin: 0px auto;
	background-color:#13a89e;
}
.foot-placing {
    padding: 15px 0px;
}
a.min:link, a.min:active, a.min:visited {
    color: #4c4c4c;
    text-decoration: underline;
	transition: all 0.5s ease-in;
}
a.min:hover{
    color: #4c4c4c;
    text-decoration: none;
}
.small-foot
{
    font-size: 0.8em;
}
.slider-container
{
	width:100%;
	position:relative;
	margin:0px auto;
	height:auto;
	/*top:116.48px;*/
	top:0;
	z-index:0;
}
.home-button-container
{
    width: 100%;
    max-width: 100px;
    margin: 0px auto 16px;
    height: auto;
    overflow: hidden;
    padding: 10px;
}
.home-featured-button
{
   padding: 10px;
    border: 2px solid #13a89e;
    border-radius: 8px;
    width: 100%;
    display: block;
    text-align: center;
}
a.home-featured-button
{
	color:#13a89e;
	text-decoration: none;
	transition: all 0.08s ease-in;
}
a:hover.home-featured-button
{
	color:#333333;
	text-decoration: none;
}
.fact-btn a:link
{
	text-align: center;
    text-decoration: none;
    margin: 24px 25px 20px 0px;
    display: block;
    border: 1px solid #ffffff;
    width: 100%;
    padding: 5px 5px 4px 5px;
    /* background-color: #e0dcd7; */
    background-color: none;
    transition: 0.08s;
    float: right;
	-webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s;
}
.fact-btn a:link
{
   max-width: 90px;
    font-size: 0.8rem;
}
.fact-btn a:link, .fact-btn a:active, .fact-btn a:visited, .mobile-book a:link, .mobile-book a:active, .mobile-book a:visited
{
	color:#ffffff;
}
.fact-btn a:hover, .mobile-book a:hover
{
    border: 1px solid #ffffff;
    background-color: none;
	color:#ffffff;
}
.fact-btn-other a:link
{
	text-align: center;
    text-decoration: none;
    margin: 24px 25px 20px 0px;
    display: block;
    border: 1px solid #a1a1a1;
    width: 100%;
    padding: 5px 5px 4px 5px;
    background-color: none;
    transition: 0.08s;
    float: right;
}
.fact-btn-other a:link
{
   max-width: 90px;
    font-size: 0.8rem;
}
.fact-btn-other a:link, .fact-btn-other a:active, .fact-btn-other a:visited
{
	color:#a1a1a1;
}
.fact-btn-other a:hover
{
    border: 1px solid #6e6e6e;
    background-color: none;
	color:#6e6e6e;
}
input, textarea
{
	width:100%!important;
}
.wpcf7-submit
{
    width: 100%;
    max-width: 100px !important;
}
.text-home
{
	padding:30px 0 5px;
	text-align: center;
	max-width:800px!important;
	margin:0px auto;
}
.text-offer
{
	padding:30px 0 0px;
	text-align: center;
	max-width:800px!important;
	margin:0px auto;
}
.jajar
{
	float:left;
}
.ext-lrpad
{
    padding: 0px 30px!important;
}
.tag-text {
    font-size: 13px;
}
.conimage
{
    width:100%;
    max-width:1000px;
    height:auto;
    margin:0px auto 25px!important;
}
.conimage img
{
    width:100%;
    height:auto;
    margin:0px auto;
}
.linkvillas a:link,.linkvillas2 a:link
{
	text-align: center;
    text-decoration: underline;
	text-underline-offset: 4px; 
	text-decoration-color: rgba(92,95,94,1);
    margin: 25px auto;
    display: block;
    width: 140px;
    font-family: 'Whitney-Light';
    font-weight: 400!important;
    letter-spacing:1px;
	float:left;
transition: all 0.5s ease-in-out 0.1s;
	font-size:.8rem;
}
.linklocation a:link, .linksustain a:link, .linkekosistem a:link, .linkoffers a:link, .linkspecial a:link
{
	text-align: center;
    text-decoration: underline;
	text-underline-offset: 4px; 
	text-decoration-color: rgba(92,95,94,1);
    margin: 25px auto;
    display: block;
    width: 140px;
    font-family: 'Whitney-Light';
    font-weight: 400!important;
    letter-spacing:1px;
    transition: 0.08s;
}
.linklocation a:link, .linklocation a:active, .linklocation a:visited, .linkekosistem a:link, .linkekosistem a:active, .linkekosistem a:visited, .linkvillas2 a:link, .linkvillas2 a:active, .linkvillas2 a:visited
{
	color:rgba(255,255,255,1)!important;
}
.linkoffers a:link, .linkoffers a:active, .linkoffers a:visited, .linksustain a:link, .linksustain a:active, .linksustain a:visited, .linkvillas a:link, .linkvillas a:active, .linkvillas a:visited
{
	color:rgba(26,30,28,1)!important;
}
.linklocation a:hover, .linkekosistem a:hover,.linkvillas2 a:hover
{
    color:rgba(255,255,255,0.5)!important;
}
.linksustain a:hover, .linkvillas a:hover
{
    color:rgba(26,30,28,0.5)!important;
	text-decoration-color: rgba(26,30,28,0.5);
	text-decoration: underline;
}
.linkoffers a:hover
{
    color:rgba(26,30,28,0.5)!important;
}
.mgl-square-container
{
    margin:0px auto 25px;
}
/* [2] Transition property for smooth transformation of images */
.mgl-img-container img {
  transition: transform .5s ease;
}
/* [3] Finally, transforming the image when container gets hovered */
.mgl-img-container:hover img {
  transform: scale(1.2);
}
.small-text-villas
{
    font-size:0.9em;
    font-style:italic;
}
.mobile-logo
{
    display:none;
}
.non-mobile-logo
{
    display:inherit;
}
.logo-no-float {
    float: none!important;
}
.tag-bottom-text
{
	font-size:16px;
}
.offers-opt-cont{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.offers-opt-content
{
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 1%;
    text-align: center;
}
.linkoffers-container, .link-container {
    width: 100%;
    margin: 0 auto;
    max-width: 280px;
}
.link-container-long {
    width: 100%;
    margin: 0 auto;
    max-width: 260px;
	padding:0px 0px 60px;
}
.offers-link {
    width: 100%;
    max-width: 125px;
    float: left;
    margin: 0 auto;
}
.special-offers-price .offers-item.offersthm1 .main-infos--starting-from {
   font-family: 'High Tower Text';
    font-weight: normal;
    color:#808080!important;
    text-align: center;
    margin: 10px auto;
    clear: both;
}
.offers-item.offersthm1 .item--main-infos
{
color:#808080!important;
}
.special-offers-price-dark .offers-item.offersthm1 .main-infos--starting-from
 {
   font-family: 'High Tower Text';
    font-weight: normal;
    text-align: center;
    color:#ffffff!important;
    margin: 10px auto;
    clear: both;
}
.special-offers-price-dark hr {
    border-top:none!important;
    border: 1px solid #ffffff;
    margin: 0px auto 5px!important;
}
.special-offers-price hr {
	border-top:none!important;
    border: 1px solid #808080;
    margin: 0px auto 5px!important;
}
.best-tagline {
    font-size: 11px;
}
.travel-small-content {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.visa-content {
    margin-bottom: -12px;
}
.cookie-text a:link, .cookie-text a:active, .cookie-text a:visited {
    text-decoration: none;
    color: #e0dcd7;
    font-weight: normal;
}
.cookie-text a:hover
{
    text-decoration: underline;
    color: #e0dcd7;
    font-weight: normal;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}
.cky-notice-des p
{
    text-align: justify;
}
.cky-title
{
	display:none;
}
.offers-item{
    position: relative;
    box-shadow: none!important;
    line-height: inherit!important;
    margin-bottom: 0px!important;
    width: 100%!important;
}
.main-infos--title, .item--buttons
{
	display:none!important;
}
.offers-item.offersthm1 .item--infos {
    background-color: transparent!important;
    height: auto!important;
    margin-top: auto!important;
    padding: 0px!important;
    width: 100%!important;
}
.offers-item.offersthm1{
    height: 30px!important;
}
.offers-item.descriptionthm1 .item--content{
    BACKGROUND-IMAGE: none!important;
}
.widgets--wrapper {
 font-family: 'High Tower Text';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
	font-weight: normal;
    text-align: center;
    margin: 0px auto;
    clear: both;
}
#more, #more2, #more3, #more4 {
    display: none;
}
.offers-text ul {
    list-style-type: disc;
    text-align: left!important;
    overflow: inherit!important;
    padding: 0 20px!important;
    max-width: 310px!important;
    width: 100%;
    margin: 0 auto!important;
}
.morelink, .morelink2
{
    display: block!important;
    border-radius: 10px 10px 10px 10px!important;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #212529;
    display: block!important;
    width: 100%;
    max-width: 105px;
    margin: 15px auto;
    height: 30px;
    padding: 0px 0px;
    text-align: center;
    background: none;
    font-size: 12px;
    color: #212529;
}
/*.morelink2 {
    display: block!important;
    border-radius: 10px 10px 10px 10px!important;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #ebeae8;
    display: block!important;
    width: 100%;
    max-width: 105px;
    margin: 15px auto;
    height: 30px;
    padding: 0px 0px;
    text-align: center;
    background: none;
    font-size: 12px;
    color: #ebeae8;
}*/
.linkspecial a:link, .linkspecial a:active, .linkspecial a:visited
{
	color:rgba(255,255,255,1)!important;
}
.ntb_table_wrapper {
    overflow: hidden!important;
}
.small-badge
{
    position: relative;
    float: left;
    width: 100%;
    max-width: 110px;
    margin: 0px 10px;
}
.badge-container
{
	width:100%;
	max-width:390px;
	margin:0 auto 25px;
	height:auto;
	overflow:hidden;
}
.pool-text
{
	font-size:0.8em!important;
}
.offers--items-list
{
	display:block!important;
	font-weight:normal!important;
}
.offers-text hr
{
	margin:5px auto!important;
	width:15%!important;
}
.offers-item {
    position: relative;
    box-shadow: none !important;
    line-height: normal;
    margin-bottom: 0px !important;
    width: 100%;
    margin: 0px auto !important;
    height: 25px !important;
}
.dropdown {
  position: relative;
  display: inline-block;
	float:right;
	width:100%;
	max-width:170px;
}
.dropdown-footer {
  position: relative;
  display: inline-block;
	float:right;
	width:100%;
	max-width:137px;
}

.dropdown-content,.dropdown-content-footer {
  display: none;
position: absolute;
background-color: #f1f1f1;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 100;
max-width: 110px;
right: 0;
top: 19px;
}

.dropdown-content a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
	font-size:0.8em;
	text-align:center;
}
.dropdown-content-footer a {
  color: black;
  padding: 4px 16px;
  text-decoration: none;
  display: block;
	font-size:0.8em;
	text-align:center;
}

.dropdown-content a:hover, 
.dropdown-content-footer a:hover {
    background-color: #ddd;
    text-decoration: none;
    color: #4a4a4a;
}
.dropdown:hover .dropdown-content, .dropdown-footer:hover .dropdown-content-footer {
	display: block;
}
.offers-pagination
{
	display:none!important;
}
.text-foot hr {
    margin: 0.2rem auto!important;
    width: 25%!important;
	border-top: 1px solid rgba(108,115,105,1)!important;
}
div.mobile-logo > #mega-menu-main
{
	padding-left:35px;
}

#mega-menu-wrap-main #mega-menu-main li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator 
{
	display:inline!important;
}

#mega-menu-wrap-second-main #mega-menu-second-main li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator 
{
	display:inline!important;
}
#ht-ctc-chat
{
	z-index:9!important;
}
.header-center
{
	margin:0px auto;
	text-align: center;
}
.small-tax-text
{
    margin: 25px auto 10px;
    font-size: 0.88rem;
}
/* POSITION DIV */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.isi
{
	position:relative!important;
	 text-align: center;
  color: white;
}
.isi img
{
	width:100%;
	height:auto;
	border-radius:4px;
}
.isiimg-webelieve
{
	margin-top:25px;
}
.isi-portrait img {
        width: 100%;
            height: 100vh;
            object-fit: cover;
}
.isi-portrait-landing img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 10% 50%;
}
.solu img
{
	width:100%;
	height:auto;
	border-radius:4px;
}
.villa-image img
{
	width:100%;
	height:auto;
	object-fit:cover;
}
/* END POSITION */
/* CUSTOM HEADER */

/* END CUSTOM HEADER */
.travel-small-content {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.stone-image
{
	width:100%;
	margin:0 auto 20px;
	height:auto;
	max-width:220px;
}
.static-slider
{
	overflow:hidden;
}
.btn-circle {
    display: inline-flex;
    background-color: #323b1e;
    color: #e0dcd7;
    width: 120px;
    height: 40px;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 139%;
	transition:all 0.15s ease-in-out
}
.btn-circle:hover {
    color: #e0dcd7;
    background-color: #253220;
    border-color: #253220;
	text-decoration:none;
}
.menucontainer
{
	padding: 20px 0px 0px;
}
.important-notes
{
    max-width: 284px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
/* BLUR HEADER */
.header-wrapper-home {
background: rgba(0,0,0,0);
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}
.transparent-home {
  background-color: rgba(252,250,247,1);
}
.header-wrapper {
background: rgba(0,0,0,0.2);
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
-webkit-backdrop-filter: blur(0px);
-o-backdrop-filter: blur(0px);
-moz-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
}
.transparent {
  background-color: rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/*BLUR HEADER */
.mgl-square .mgl-item .mgl-icon {
   border-radius:10px;
}
.mgl-masonry .mgl-item .mgl-icon {
   border-radius:10px;
}
/* ===== MENU WRAPPER ===== */
.wp-menu-section {
  max-width: 900px;
  margin: 60px auto;
  padding: 0 20px;
}

/* TOGGLE BUTTON */
.wp-menu-toggle {
  text-align: center;
  margin-bottom: 30px;
}

.wp-menu-toggle button {
  background: none;
  border: 0px solid #ccc;
  padding: 8px 18px;
  margin: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all .3s ease;
	text-decoration:underline;
	text-transform:uppercase;
	color:#3d3d3d;
}

.wp-menu-toggle button.active {
  background: #111;
  color: #fff;
  border-color: #111;
	text-decoration:none;
}

/* CATEGORY */
.wp-menu-category {
  display: none;
  margin-bottom: 40px;
}

.wp-menu-category.active {
  display: block;
}

/* IMAGE */
.wp-menu-image {
  width: 100%;
  height: 280px;
  object-fit: cover;
  margin-bottom: 25px;
}

@media (max-width: 600px) {
  .wp-menu-image {
    height: 200px;
  }
}

/* ITEM */
.wp-menu-category h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
}
.wp-menu-category h5 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  padding-bottom: 0px;
}
.wp-menu-item {
  margin-bottom: 20px;
}

.wp-menu-head {
  display: flex;
  align-items: baseline;
	height:auto;
}

.wp-menu-name {
  font-weight: 600;
  white-space: nowrap;
}
.wp-menu-name p {
  text-align:left;
}

.wp-menu-dots {
  flex: 1;
  border-bottom: 1px dotted #999;
  margin: 0 8px;
  transform: translateY(-3px);
}

.wp-menu-price {
  font-weight: 700;
}

.wp-menu-desc {
  margin-top: -10px;
  font-size: .95rem;
  color: #666;
  line-height: 1.4;
	text-align:left;
	width:85%;
}
.post-icons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.post-icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
}

/* MOBILE */
@media (max-width: 480px) {
  .wp-menu-name {
    white-space: normal;
  }
}
.content-icon {
      font-family: "solu-icon";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
/*MENU WRAPPER ENDS */
.menu-title
{
    font-size: 1.3rem;
    font-weight: 700;
	font-family: 'Whitney-Medium';
}
.menu-title span
{
	font-size: 0.8rem;
    font-weight: 400;
    line-height: 15px;
}
/* mobile breakpoints */

@media screen and (max-width:1024px)
{
.fact-btn a:link {
    max-width: 90px;
    font-size: 0.7rem;
	margin: 20px 0px;
}
	.fact-btn-other a:link {
    max-width: 90px;
    font-size: 0.7rem;
	margin: 20px 0px;
}
	.logo {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 20px 0px 0px 0px;
    margin: 0px auto;
    max-width: 110px;
    float: left;
}
	.villa-image img
{
	height:100%;
	object-position:10% 50%;
}
}
@media screen and (max-width:820px)
{
   #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link 
	{
		font-size:0.5rem!important;
	}
	  #mega-menu-wrap-second-main #mega-menu-second-main > li.mega-menu-item > a.mega-menu-link 
	{
		font-size:0.5rem!important;
	}
}
@media screen and (max-width:768px)
{
	.mobile-logo
	{
	    display:flex;
	}
	.non-mobile-logo
	{
	    display:none;
	}
	#mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
#mega-menu-wrap-main .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
    position:absolute;
    top:-43px;
    left:15px;
    display:block;
}
#mega-menu-wrap-main .mega-menu-toggle {
    height: 0px!important;
}
	#mega-menu-wrap-second-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-second-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-second-main .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
#mega-menu-wrap-second-main .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
    position:absolute;
    top:-43px;
    left:15px;
    display:block;
}
#mega-menu-wrap-second-main .mega-menu-toggle {
    height: 0px!important;
}
#header-home {
    margin-bottom: 60px;
}
.slider-container {
    top: 70px;
}
.fastbook-container {
    display: none;

}
.offers-opt-content {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 auto 50px;
    text-align: center;
}
	.cookie-text {
    text-align: center;
}
	.logo
	{
		margin: 0px auto;
        padding: 15px 0px 0px;
		max-width:120px;
	}
	.fact-btn a:link
	{
		margin:20px 0px ;
	}
		.fact-btn-other a:link
	{
		margin:27px 0px 20px 0px;
	}
	#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link {
        font-size: 12px !important;
		margin: 0px 20px!important;
    }
	#mega-menu-wrap-second-main #mega-menu-second-main > li.mega-menu-item > a.mega-menu-link {
        font-size: 12px !important;
		margin: 0px 20px!important;
    }
	.villa-image img
{
	height:100%;
	object-position:10% 50%;
}
#mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-1, #mega-menu-wrap-second-main .mega-menu-toggle .mega-toggle-block-1
	{
		-webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s;
	}
}
@media screen and (max-width:736px)
{
	.ext-lrpad {
    padding: 0px 15px!important;
}
.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
	.footer-text-align{
    text-align: center;
}
}
@media screen and (max-width:640px)
{
	.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
}
@media screen and (max-width:568px)
{
	.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
.tag-bottom-text {
    font-size: 15px;
}
}
@media screen and (max-width:430px)
{
	#header-home {
    margin-bottom: 70px;
}
.slider-container {
    top: 70px;
}
	.fastbook-container {
        display: inherit;
    }
#scroll-position {

    top: 98%;
   
}
}
@media screen and (max-width:414px)
{
	.ext-lrpad {
    padding: 0px 25px!important;
}
.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
 #header-home {
    margin-bottom: 74px;
}
.slider-container {
    top: 74px;
}
.tag-bottom-text {
    font-size: 13px;
}
.small-badge {
    max-width: 26%;
}
	.mobile-book {
    max-width: 340px;
}
    }
@media screen and (max-width: 393px)
{
.slider-container {
    top: 72px;
}
#header-home {
    margin-bottom: 73px;
}
}
@media screen and (max-width:375px)
{
    .ext-lrpad {
    padding: 0px 27px!important;
}
.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
 #header-home {
    margin-bottom:68px;
}
.slider-container {
    top: 68px;
}
.tag-bottom-text
{
	font-size:12px;
}
}
@media screen and (max-width:360px)
{
    #header-home {
    margin-bottom: 91px;
}
.slider-container {
    top: 69px;
}
.ext-lrpad {
    padding: 0px 23px!important;
}
.logo
{
    padding: 20px 5px;
}
}
@media screen and (max-width:320px)
{
    #header-home {
    margin-bottom: 66px;
}
.slider-container {
    top: 66px;
}
.ext-lrpad {
    padding: 0px 20px!important;
}
.mobile
{
    display:inherit;
}
.normal
{
    display:none;
}
.logo
{
    padding: 12px 10px;
}
.tag-bottom-text {
    font-size: 10px;
}
	.dropdown-content a {
	font-size:0.55em;
}
}