/*
Theme Name: iSuite Bali 2025 Theme - by Ekosistem
Theme URI: http://www.ekosistemhotels.com
Description: A completely WordPress compatible theme.
Author: Copz
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
@font-face {
      font-family: 'ekosistem-icon';
      src: url('./ekosistem-icon/font/ekosistem-icon.eot');
      src: url('./ekosistem-icon/font/ekosistem-icon.eot#iefix') format('embedded-opentype'),
           url('./ekosistem-icon/font/ekosistem-icon.woff') format('woff'),
           url('./ekosistem-icon/font/ekosistem-icon.ttf') format('truetype'),
           url('./ekosistem-icon/font/ekosistem-icon.svg#ekosistem-icon') format('svg');
      font-weight: normal;
      font-style: normal;
    }
html,body
{
margin:0;
padding:0;
height:100%;
}
body
{
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 font-family: 'Raleway', sans-serif!important;
 color:#4e4e4e;
 font-weight:normal;
 font-size:16px!important;
 -webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6
{
font-family: 'Oswald', serif!important;
color:#4e4e4e!important;
font-weight: 400!important;
letter-spacing: 1px;
margin-top: 0!important;
margin-bottom: 0.5em!important;
}
.h1, h1, .h3, h3 {
    font-size: 1.4em!important;
}
.h2, h2 {
    font-size: 0.88em!important;
}
p
{
line-height:30px!important;
}
#wrapper {
	min-height:100%;
	position:relative;
	overflow:hidden;
}
#header-home {
	margin-bottom:0;
}
#header{
	margin-bottom:115px;
}
#content {
	padding-bottom:1px;   /* Height of the footer element */
    position: relative;
    z-index: 1;
    background: #ffffff;

}
.text-gold
{
	color:#cdbd8b!important;
}
.text-white
{
	color:#ffffff!important;
}
hr.dark-back
{
	border-top: 1px solid rgba(255,255,255,.3)!important;
}
.villa-title
{
	margin:25px auto;
}
.slider-container{
    position: relative;
    top: 0px;
    margin: 0px auto 0px;
}
.grecaptcha-badge {
    display: none;
}
.icon-upsize
{
	    font-size: 20px;
    position: relative;
}
.icon-upsize-big
{
	    font-size: 24px;
    position: relative;
}
.demo-icon
    {
      font-family: 'ekosistem-icon';
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      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); */
    height:20px;
	}
	.the-icons {
    font-size: 14px;
    line-height: 24px;
}
.icon-mark {
    float: left;
    text-align: center;
    font-size: 14px;
    margin: 0px 2px 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 38px;
    padding: 4px;
    height: 50px;
}
.icon-mark-big {
        float: left;
    text-align: center;
    font-size: 18px;
    margin: 0px 2px;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 48px;
    padding: 8px;
    height: 50px;
}
.small-text-icon
{
font-size:8px;
}
.big-text-icon
{
font-size:9px;
line-height:10px;
}
.villa-icon-list {
    width: 100%;
    max-width: 255px;
    margin: 0px auto 50px;
    height: auto;
}
.villa-icon-list-big
{
       width: 100%;
    max-width: 210px;
    margin: 0px auto 20px;
    height: 50px;
    overflow: hidden;
}
.linkvillas a:link, .linkvillas a:active, .linkvillas a:visited
{
	text-align: center;
    text-decoration: underline;
    margin: 25px auto;
    display: block;
    width: 130px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400!important;
    letter-spacing:1px;
    transition: 0.08s;
color:rgba(255,255,255,1)!important;
}
.linklocation a:link, .linklocation a:active, .linklocation a:visited
{
	text-align: center;
    text-decoration: underline;
    margin: 25px auto;
    display: block;
    width: 130px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400!important;
    letter-spacing:1px;
    transition: 0.08s;
color:rgba(33,37,41,1)!important;
}
.cookie-text a:link, .cookie-text a:active, .cookie-text a:visited {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}
#footer {
	width: 100%;
    height: 150px;
    position: relative;
    bottom: 0;
    left: 0;
    background: #3a3a3a;
overflow:hidden;
z-index:1;
margin:0px auto;
}
.logo
{
max-width:48px;
height:auto;
width:100%;
overflow:hidden;
padding:10px 5px;
margin:0px auto;
float:left;
}
.logo img
{
width:100%;
height:auto;
}
.logo-link
{
    width: 100%;
    overflow: hidden;
    height: auto;
	padding:0px 10px;
	margin:0px auto;
}
.villa-type-text
{
color:#fff;
height: auto;
text-align:left;
}
.bottom-type-text {
    height: 190px;
    text-align: left;
}
.below-over
{
    position: relative;
    top: -80px;
}
.over-below
{
margin: 120px 0px 0px!important;
    padding-bottom: 793px;
}
.full-back
{
margin:0px auto;
width:100%!important;
}
.biru
{
background:#00a2ff;
}
.hitam3a
{
background: #3a3a3a;
}
.top-grp-left{
    float: left;
    width: 100%;
    max-width: 251px;
    height: auto;
    overflow: hidden;
	margin:0px auto;
}
.top-grp-right{
    float: right;
    width: 100%;
    max-width: 145px;
    height: auto;
    overflow: hidden;
	margin:0px auto;
}
.book-btn, .book-btn-invert {
    width: 100%;
    max-width: 145px;
    height: auto;
    padding: 15px 13px;
    overflow: hidden;
    margin: 0px 0px;
	float:right;
	font-size:1.4rem;
}
.book-btn a:link, .book-btn a:active, .book-btn a:visited {
    text-decoration: none;
    display: block;
    background: #3a3a3a;
    color: #cdbd8b;
    text-align: center;
    padding: 3px 10px;
	border: 1px solid #3a3a3a;
	font-weight:bold;
}
.book-btn hr
{
    border: 0;
    border-top: 1px solid #cdbd8b!important;
    margin: 3px auto!important;
	width:80%!important;
    
}
.book-btn a:hover
{
background: #ffffff;
color:#000000;
border: 1px solid #cdbd8b;
}
.book-btn-invert a:link, .book-btn-invert a:active, .book-btn-invert a:visited {
    text-decoration: none;
    display: block;
    background: #b41a3e;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #b41a3e;
}
.book-btn-invert a:hover
{
background: #ffffff;
color:#b41a3e;
border: 1px solid #b41a3e;
}
#button-container-single {
    margin: 0px auto 30px;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 126px;
}
#button-container-single-villa {
    margin: 0px auto 30px;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 130px;
}
#button-container-short
{
    margin: 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 230px;
}
.book-btn-short, .book-btn-invert-short, .book-btn-invert-short2 {
    width: 100%;
    max-width:105px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px 5px;
	float:left;
	font-size:14px;
}
.book-btn-offers {
    width: 100%;
    max-width: 115px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px 5px;
    float: left;
    font-size: 14px;
	font-family:'Lora',serif;
}
.book-btn-short a:link, .book-btn-short a:active, .book-btn-short a:visited {
   text-decoration: none;
    display: block;
    background: #A5CE30;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #A5CE30;
}
.book-btn-short a:hover
{
background: #ffffff;
color:#b41a3e;
border: 1px solid #A5CE30;
}
.book-btn-invert-short a:link, .book-btn-invert-short a:active, .book-btn-invert-short a:visited {
     text-decoration: none;
    display: block;
    text-align: center;
    padding: 5px;
color:#CDBD8D;
border: 1px solid #CDBD8D;
}
.book-btn-invert-short a:hover
{
color:#CDBD8D;
border: 1px solid #CDBD8D;
}
.book-btn-invert-short2 a:link, .book-btn-invert-short2 a:active, .book-btn-invert-short2 a:visited {
     text-decoration: none;
    display: block;
    text-align: center;
    padding: 5px;
    background: #cdbd8b;
    color: #3a3a3a;
    border: 1px solid #cdbd8b;
}
.book-btn-invert-short2 a:hover
{
background: #cdbd8b;
    color: #3a3a3a;
	border: 1px solid #cdbd8b;
}
.book-btn-offers a:link, .book-btn-offers a:active, .book-btn-offers a:visited {
     text-decoration: none;
    display: block;
    text-align: center;
    padding: 5px;
	background: #9bd1ec;
    color: #ffffff;
	border: 1px solid #9bd1ec;
}
.book-btn-offers a:hover
{
background: #9bd1ec;
    color: #ffffff;
	border: 1px solid #9bd1ec;
}
.book-btn-2, .book-btn-invert-2 {
    width: 100%;
    max-width:150px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px auto;
	float:left;
	font-size:14px;
}
.book-btn-2 a:link, .book-btn-2 a:active, .book-btn-2 a:visited {
   text-decoration: none;
    display: block;
    background: #A5CE30;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #A5CE30;
}
.book-btn-2 a:hover
{
background: #ffffff;
color:#b41a3e;
border: 1px solid #A5CE30;
}
.book-btn-invert-2 a:link, .book-btn-invert-2 a:active, .book-btn-invert-2 a:visited {
     text-decoration: none;
    display: block;
    background: #b41a3e;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #b41a3e;
}
.book-btn-invert-2 a:hover
{
background: #ffffff;
color:#b41a3e;
border: 1px solid #b41a3e;
}
#button-container-bottom {
    margin: 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 246px;
}
.book-btn-invert-3{
       width: 100%;
    max-width: 113px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px 0px;
    float: left;
    font-size: 14px;
}
.book-btn-invert-3 a:link, .book-btn-invert-3 a:active, .book-btn-invert-3 a:visited {
    text-decoration: none;
    display: block;
    background: #b41a3e;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #b41a3e;
	font-size:13px;
}
.book-btn-invert-3 a:hover
{
background: #ffffff;
color:#b41a3e;
border: 1px solid #b41a3e;
}
.book-btn-invert-3-small{
       width: 100%;
    max-width: 20px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px 0px;
    float: left;
    font-size: 13px;
}
.book-btn-invert-3-small a:link, .book-btn-invert-3-small a:active, .book-btn-invert-3-small a:visited {
    text-decoration: none;
    display: block;
    background: #b41a3e;
    color: #ffffff;
    text-align: center;
    padding: 5px;
	border: 1px solid #b41a3e;
}
.book-btn-invert-3-small a:hover
{
 background: #b41a3e;
    color: #ffffff;
}
.no-pad2
{
	padding: 0px!important;
}
.atas
{
width:100%;
position:fixed;
z-index:4;
margin:0px auto;
}
.bar-penuh
{
width:100%;
height:auto;
margin:0px auto;
}
#slider_container_4, #slider_container_1, #jssor_wp_1 {
    margin: 0px auto 115px!important;
    position: relative!important;
    top: 92px!important;
}
.back-putih
{
	background:#ffffff;
	border-bottom:1px solid none;
}
.putih
{
color:#ffffff!important;
}
.middle-text
{
height:auto;
padding:10px 15px;
text-align:justify;
line-height:30px;
}
.back-hijau
{
background:#A5CE30;
padding:0px!important;
margin:0px 15px 0px 7.5px;
}
.back-merah
{
background:#b41a3e;
color:#ffffff;
padding:0px!important;
margin:0px 15px;

}
.back-middle-putih
{
background:#ffffff;
color:#4e4e4e;
padding:0px!important;
margin:0px auto;

}
#button-container
{
    margin: 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 150px;
}
#slider_container_3 span.jssora09l, #slider_container_3 span.jssora09r, #slider_container_3 span.jssora09ldn, #slider_container_3 span.jssora09rdn {
    position:absolute; 
cursor:pointer; 
display:block;
background:url(./images/a092.png ) no-repeat!important;
overflow:hidden; 
opacity:.8!important;
filter:alpha(opacity=80)!important;
}
#slider_container_3 span.jssora09l
{ 
background-position:-8px -35px!important;
}  
#slider_container_3 span.jssora09r
{ 
background-position:-64px -35px!important;
 } 
#slider_container_3 span.jssora09l:hover
 { 
background-position:-8px -35px!important;
opacity:.4!important;
filter:alpha(opacity=40)!important;
}
#slider_container_3 span.jssora09r:hover
{
background-position:-64px -35px!important;
opacity:.4!important;
filter:alpha(opacity=40)!important;
}
#slider_container_3 span.jssora09ldn
{
background-position:-8px -35px!important;
opacity:.3;
filter:alpha(opacity=30);
}
#slider_container_3 span.jssora09rdn
{
background-position:-64px -35px!important;
opacity:.3;
filter:alpha(opacity=30);
}	
.jssora09l,.jssora09r,.jssora09ldn,.jssora09rdn 
{
position:absolute; 
cursor:pointer; 
display:block;
background:url(./images/a09.png ) no-repeat!important;
overflow:hidden; 
opacity:.8!important;
filter:alpha(opacity=80)!important;
} 
.jssora09l
{ 
background-position:-8px -35px!important;
}  
.jssora09r
{ 
background-position:-64px -35px!important;
 } 
.jssora09l:hover
 { 
background-position:-8px -35px!important;
opacity:.4!important;
filter:alpha(opacity=40)!important;
}
.jssora09r:hover
{
background-position:-64px -35px!important;
opacity:.4!important;
filter:alpha(opacity=40)!important;
}
.jssora09ldn
{
background-position:-8px -35px!important;
opacity:.3;
filter:alpha(opacity=30);
}
.jssora09rdn
{
background-position:-64px -35px!important;
opacity:.3;
filter:alpha(opacity=30);
}	
span.jssora09l
{
left:0px!important;
}
span.jssora09r
{
right:-1px!important;
}
.tilt-title
{
position: relative;
    top: 20px;
    z-index: 2;
    margin: 0px auto -59px;
	text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.5);
}
.middle-section
{
    width: 100%;
    max-width: 768px;
    height: auto;
    overflow: hidden;
	margin:0px;
}
.no-pad
{
padding:0px 70px!important;
margin-bottom:25px;
}
.no-pad p
{
padding:0px;
}
.ipad-padding
{
	padding:0px;
}
.bottom-image
{
width:100%;
max-width:380px;
height:auto;
overflow:hidden;
margin:0px auto 15px;
}
.bottom-image img
{
width:100%;
height:auto;
}
.fixed-text {
    height: 125px;
}
.fixed-text-spa {
    height: 75px;
}
.fixed-text-spapackages {
    height: 395px;
}
.fixed-text-massage {
    height:450px;
}
.fixed-text-body {
    height:660px;
}
.fixed-text-hair {
    height:775px;
}
.foot-placing
{
padding:15px 0px;
}
.foot-placing2
{
padding:0px 0px 15px;
}
.footer-text-align
{
text-align:left;
}
.small-foot
{
font-size:11px;
}
.text-center ul
{
     list-style-type: none;
    padding: 0px;
    margin: 0px;
    
}
.single-display
{
width:100%;
max-width:768px;
text-align:justify;
margin:0 auto 15px;
overflow:hidden;
}
.single-display img
{
width:100%;
height:auto;
}
.spa-display
{
width:100%;
max-width:768px;
text-align:justify;
margin:0px auto 15px;
height:auto;
overflow:hidden;
}
.spa-display img
{
width:100%;
height:auto;
}
.border-title
{
margin:10px auto!important;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px 0px;
max-width:315px;
}
.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(205,189,141, 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: #00a2ff;
  opacity: 1;
}
.pad-bottom
{
padding-bottom:15px;
}
.small-align
{
width: 100%;
    max-width: 385px;
    margin: 0px auto;
}
.small-notice
{
font-size:11px;
font-weight:bold;
width: 100%;
    max-width: 480px;
    margin: 10px auto;
}
.contact-list {
    width: 100%;
    max-width: 175px;
    margin: 0px auto;
    float: left;
    overflow: hidden;
    font-size: 14px;
}
label {
    display: block!important;
    margin: 0px 0px 5px;
}
.screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.post_type {
    width: 100%;
    max-width: 200px;
    clear: both;
    float: left;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
	text-align:left;
}
.pad-mobile
{
padding:inherit;
}
#scroll-position
 {
    width: 90%;
    background: #000000;
    position: fixed;
    z-index: 0;
    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: -115px;
	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 #a28b45;
    display: block;
    width: 100%;
   max-width: 105px;
    margin: 15px auto;
    height: 30px;
    padding: 0;
	text-align:center;
	font-size:12px;
	background: none;
    color: #a28b45;
}
a:link.morelink, a:active.morelink, a:visited.morelink
{
font-size:14px;
text-decoration:none;
line-height:normal;
color:#a28b45;
}
a:hover.morelink
{
color:#7b6629;
}
.mobile
{
display:none;
}
.normal
{
display:inherit;
line-height:30px;
}
.margin-top-removal
{
margin-top:0px;
margin-bottom:15px;
}
.headline-modif
{
    margin: 0px;
}
.headline-modif2
{
    margin: 0px 0px 25px;
}
.grad
{ 
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 180, from(#000), to(#fff));
	    margin: 35px auto 15px;
}
.grad2
{ 
    display:block;
    border:none;
    color:white;
    height:1px;
	width:100%;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 180, from(#000), to(#fff));
	    margin:3px auto;
}
.block-title
{
    display: block;
    background: #ffffff;
    width: 100%;
    max-width: 330px;
    margin: 15px auto 15px;
    position: relative;
    font-size: 30px!important;
}
.block-title2
{
    display: block;
    background: #ffffff;
    width: 100%;
    max-width: 290px;
    margin: 0px auto;
    position: relative;
    top: -15px;
    font-size: 30px!important;
}
.hijau
{
background:#A5CE30;
}
.post-display, .tips-display
{
        width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 15px;
}
.post-display img, .tips-display img
{
width:100%;
height:auto;
}
.offers-display
{
        width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto 15px;
	max-width: 800px;
}
.offers-display img
{
width:100%;
height:auto;
}
.location-display
{
        width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px auto 15px;
	max-width:950px;
}
.location-display img
{
width:100%;
height:auto;
}
.offers-text-wrapper
{
    padding: 45px;
    border: solid 2px #fff;
    width: 90%;
    margin: 0px auto;
    height: 315px;
    position: relative;
    z-index: 2;
    top: -345px;
    background: rgba(0,0,0,0.5);
}
.villa-offers-text, .villa-offers-text h2
{
color:#ffffff!important;
}
.villa-offers-text h2
{
margin:0px auto 10px;
}
.villa-offers-text-italic
{
    font-size: 14px;
    font-style: italic;
}
.offers-bott
{
margin:0px auto -285px;
}
.headline-modif2 {
    margin:0px 0px 15px;
}
div.text-center ul
{
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}
div.villa-features ul {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    max-width: 545px;
    text-align: left;
    list-style-type: disc;
    padding: 20px;
}
ul.dashed {
  list-style-type: none!important;
    margin: 0px!important;
    padding: 0px 20px 5px!important;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
  margin:0px 5px;
}
.connect-image
{
    width: 100%;
    max-width: 40px;
    overflow: hidden;
    margin: 0px auto;
}
.connect-image img
{
width:100%;
height:auto;
}
.footer-karaniya
{
    width: 100%;
    max-width: 235px;
    height: auto;
    float: right;
    padding: 15px 0px;
	margin:0px auto;
}
.footer-karaniya img
{
width:100%;
height:auto;
}
.footer-add
{
width:100%;
max-width:300px;
float:left;
height:auto;
overflow:hidden;
color:#ffffff;
margin:0px auto;
}
.thismonth-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.treatment-pic
{
width:100%;
height:auto;
overflow:hidden;
margin:0px auto;
}
.treatment-pic img
{
width:100%;
height:auto;
}
.no-slide {
    overflow: visible;
    margin-bottom: 95px;
}
.no-slide2 {
    overflow: visible;
    margin-bottom: 115px;
}
.modified-head
{
       font-size: 17px!important;
    width:100%;
	max-width:400px;
    margin: 0px auto 10px!important;
	line-height:25px;
}
.modified-head2
{
       font-size: 20px!important;
    width:100%;
	max-width:400px;
    margin: 0px auto 10px!important;
	line-height:25px;
}
hr {
    border: 0;
    border-top: 1px solid rgba(0,0,0,.3)!important;
    margin: 0.2rem auto 1.5rem!important;
    width: 15%!important;
}
.special-offer-price hr {
    margin: 0.2rem auto 0.5rem!important;
    width: 15%!important;
}
.offers-link-container {
    width: 100%;
    margin: 0 auto;
    max-width: 250px;
}
.offers-link {
    width: 100%;
    max-width: 125px;
    float: left;
    margin: 0 auto;
}
blockquote {
        margin: 0px auto!important;
    position: relative;
    font-family: 'Lora', serif!important;
    border: none!important;
    color: #4e4e4e;
    font-size: 15px!important;
    width: 100%;
    max-width: 288px;
	padding:0px !important;
	
}
.major-offers-container
{
    margin: 0px auto 30px;
}
.quote-text
{
height:95px;
}
.single-display-quote
{
	width:59%!important;
}
.more-display-quote
{
	width:60%!important;
}
.space-bottom
{
margin-bottom:50px;
}
.foot-style
{
    width: 100%;
    max-width: 395px;
    margin: 25px auto 0px;
	font-family: 'Lora', serif;
	font-size:17px;
}
.foot-style span
{
font-size:14px;
}
.offers-cut-container
{
        width: 100%;
    max-width: 230px;
    margin: 0px auto 10px;
    font-family: 'Lora', serif;
    font-weight: bold;
    overflow: hidden;
    border-top: 1px solid #b41a3e;
    border-bottom: 1px solid #b41a3e;
    padding: 5px;
    color: #b41a3e;
}
.offers-cut
{
    float: left;
    width: 100%;
    max-width: 95px;
    font-size: 20px;
    margin: 5px 0px;
}
.offers-cut-text
 {
    float: left;
    width: 100%;
    max-width: 113px;
    font-size: 10px;
    letter-spacing: 1.6px;
    margin-left: 5px;
}
.offers-cut-text hr
{
margin:5px 0px!important;
}
.offers-cut-text p
{
display:none;
}
.feature-text
{
font-family: 'Lora', serif!important;
text-decoration:underline;
font-size:20px;
}
.fixed-text-spavilla
{
height:100%;
text-align:center;
}
.fixed-text-spavilla p
{
margin-bottom:25px;
}
.fixed-text-spavilla ul
 {
    padding: 0;
    margin: 0px auto 25px;
    width: 70%;
    text-align: left;
}
.feature-small-text
{
font-size:15px;
}
.feature-main-title
{
height:50px;
}
.logo-body {
    width: 100%;
    max-width: 146px;
    margin: 15px auto 15px;
}
.logo-body img
{
	width:100%;
	height:auto;
}
.small-head
{
	font-size:18px;
}
.central p
{
text-align:center!important;
}
.container-badge {
    width: 100%;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
	max-width:466px;
}
.badge-home {
    width: 100%;
    max-width: 153px;
    float: left;
    text-align: center;
    height: 125px;
	margin:0px 5px;
}
#CDSWIDCOE.widCOE.widCOE2017 .widCOEImg {
 
    width: 114px!important;
}
#CDSWIDEXC {
    margin: 0px!important;
  
}
.middle-section h1 {
    font-size: 19px;
    color: #fff!important;
    text-align: center;
	margin: 10px auto!important;
	text-transform: uppercase;
}
.middle-section hr
{
    width: 70%;
}
.villa-type-image
{
    width: 100%;
    overflow: hidden;
    height: auto;
	margin:25px auto;
}
.villa-type-image img
{
width:100%;
height:auto;
}
.title-location {
    margin: 20px auto 10px!important;
}
.title-best-price {
    margin: 0px auto 10px;
    text-align: center;
}
.offers-pricing
{
    text-align: center;
    font-family: 'Lora',serif;
}
.offers-pricing p, .offers-pricing hr
{
margin:0px auto;
}
.offers-pricing hr
{
    max-width: 270px;
    border-top:1px #333 solid!important;
	}
.white-text hr
{
    max-width: 270px;
    border-top:1px #fff solid!important;
	}
a.min:link, a.min:active, a.min:visited
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 10px;
}
a.min:hover
{
    color: #9fd1ea;
   
}
.offers-title
{
   margin: 0px auto;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    max-width: 500px;
    color: #fff!important;
}
.offers-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
    height: auto;
	max-width:800px;
	text-align: justify;
}
.bottom-type-image
{
    width: 100%;
    height: auto;
    max-width: 600px;
    margin: 20px auto;
}
.bottom-type-image img
{
width:100%;
height:auto;
}
.bottom-section {
    width: 100%;
    max-width: 768px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}
.bottom-section h2 {
    font-size: 27px!important;
    text-align: center;
	margin:20px auto 5px!important;
}
.bottom-section hr
{
    margin: 0px auto 5px!important;
    width:35%;
}
.stay-title
{
text-align:left;
}
.stay-title h1 {
    font-size: 34px!important;
	text-align:center;
}
.white-text
{
color:#ffffff!important;
}
.flex-direction-nav a {
    background: url(images/bg_direction_nav-custom.png) no-repeat 0 0!important;
}
.flex-direction-nav .flex-next {
    background-position: 100% 100%!important;
}
.meta-container
{
    width: 100%;
    max-width: 970px;
    margin: 20px auto;
    overflow: hidden;
}
.zero-pad
{
padding:0px!important;
}
.villa-anc:before {
    content: "";
    display: block;
    height: 30px;
    margin: -30px 0 0;
}
.villa-front-price {
    font-family: 'lora',serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    margin: 10px auto;
    clear: both;
}
.villa-front-price-home {
    font-family: 'lora',serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    margin: 10px auto;
    clear: both;
}
.villa-front-price-black {
    font-family: 'lora',serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: rgba(0,0,0.5);
    margin: 10px auto;
    clear: both;
}
.offers-pricing 
{
	color:#000000;
}
.villa-front-price-home hr
{
    width: 40%;
    border-bottom: 1px solid #ffffff;
    border: 0;
}
.villa-front-price hr
{
    width: 22%;
    border-top: 1px solid #ffffff!important;
    border: 0;
}
.villa-front-price-black hr
{
    width: 20%;
    border-top: 1px solid rgba(0,0,0,0.5)!important;
    border: 0;
	margin: 0.2rem auto 0.8rem!important;
}
.best-tagline
{
    font-size: 1.1rem;
}
.item--content
{
	background:none!important;
}
.item--buttons, .main-infos--title
{
	display:none!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;
}
.offers-item.offersthm2,.item--infos{
    background: none!important;
}
div.villa-front-price div.item--main-infos, div.special-offer-price div.item--main-infos
{
	color:#fff!important;
}
div.special-offer-price span.best-tagline
{
	font-family:'Lora', serif!important;
}
hr.tagline
{
    margin: 0px auto 15px!important;
    width: 18%!important;
    border-top: 1px solid #000000!important;
    border: 0;
}
div.best-rate-text {
    background: #000000;
    border: 1px solid white;
    color: #fff;
    display: inline-block;
    height: 20px;
    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: 18px 15px;
    text-align: center;
    max-width: 212px;
    margin: 0px auto;
    float: left;
}
.best-rate-text span {
    font-family: 'HelveticaNeue-Light','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 10px;
    line-height: 21px;
    padding: 0 5px;
    text-transform: uppercase;
}
.best-rate-icon img
{
width:100%;
height:auto;
}
.offers-title-even{
    margin-top: 25px!important;
}
.mobile-book hr {
    width: 80%!important;
    border: 0;
    margin: 2px auto!important;
    border-top: 1px solid #3a3a3a!important;
}
.mobile-book {
    overflow: hidden;
    width: 100%;
    margin: 5px 5px 5px 0px;
    background: #cdbd8b;
    text-align: center;
    padding: 6px 0px;
    float: right;
    max-width: 135px;
    font-size: 11px;
    font-weight:bold;
}
.fastbook-container {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #000000;
    color: #3a3a3a;
    z-index: 800;
    height: 64px;
    display: none;
    width: 100%;
}
.front-book-bottom-text
 {
    font-size: 12px;
}
.badge-home p
{
padding:0px;
}
.keterangan-b{
    margin: 0px auto!important;
    text-align: center;
    font-weight: bold;
    font-size: 16px!important;
}
.starting-from
{
    border:none!important;
    padding:0px!important;
    font-family: 'lora',serif!important;
}
.starting-from--txt, .starting-from--price
{
    margin:0px 2px!important;
    font-size:14px!important;
    font-weight:normal!important;
}
.starting-from--ctas
{
    display:none!important;
}
.villa-pad {
    padding: 0px 70px!important;
    margin-bottom: 25px;
}
/*
    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;
}
.title-villas {margin-top:0px!important;text-transform: uppercase;}
#wpgmza_map
{margin:0px auto 20px;}
.location-tagline, .bottom-tagline {
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 15px;
}
div.middle-text-villas ul
{
list-style-type: disc;
    text-align: left!important;
    overflow: inherit!important;
    padding: 0 20px!important;
    max-width: 543px!important;
    width: 100%;
}
.fbw-calendar--title
{
	display:none!important;
}
.homebadges-container
{
    clear:both;
    position:relative;
    width: 100%;
    max-width: 610px;
    overflow: hidden;
    margin: 0px auto 25px!important;
    height: auto;
    float:none;
}
.homebadges
{
    position:relative;
    width: 100%;
    max-width: 148px;
    overflow: hidden;
    margin: 25px!important;
    height: auto;
    float:left;
}
.homebadges img
{
width:100%; 
height:auto;
}
input
{
    font-size:0.9em!important;
}
.nopad-home
{
padding:0px!important;
margin-bottom: 25px;
}
.special-offer-price
{
	text-align:center;
}
.mobile-logo
{
    display:none;
}
.non-mobile-logo
{
    display:flex;
}
.logo-no-float {
    float: none!important;
}
.blank-spot{
    width: 395px;
}
.small-tag-believe
	{
    font-size: 1.4rem;
}
.travel-small-content {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
#more, #more2, #more3, #more4, #more5, #more6 {
    display: none;
}
/* mobile breakpoints */

@media (max-width:1024px)
{
	.mobile-logo
{
    display:flex;
}
.non-mobile-logo
{
    display:none;
}
.fixed-text-spavilla
{
height:100%;
}
.ipad-padding
{
	padding:0px 60px!important;
}
.no-pad
{
padding:0px!important;
}
.container-badge {
    max-width: 335px;
}
.mobile
{
display:inherit;
}
.normal
{
display:none;
}
.contact-list {
    max-width: 141px;
    font-size: 13px;
}
#content-start {
  margin: 0px auto 5px;
}
.slider-container {
    top: 148px;
}
.fixed-text-spa {
    height: 95px;
}
div.container h3 {
    font-size: 21px;
}
.fixed-text-body {
    height: 615px;
}
.fixed-text-massage {
    height: 465px;
}
.fixed-text-hair {
    height: 815px;
}
.fixed-text-hand {
    height: 565px;
}
.offers-text-wrapper {
    padding: 13px;
    height: 255px;
    top: -280px;
}
.offers-bott {
    margin: 0px auto -225px;
}
button, input, select, textarea {
    border: 1px solid #cccccc;
}
.fixed-text-spapackages {
    height: 415px;
}
#mega-menu-wrap-spa #mega-menu-spa > li.mega-menu-item > a.mega-menu-link {
font-size:12px!important;
}
.more-display-quote
{
	width:68%!important;
}
.middle-section h1 {
    font-size: 16px;
}
.villa-type-text {
   font-size:12px;
}
.icon-mark {
    float: left;
    text-align: center;
    font-size: 14px;
    margin: 0px 2px 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 30px;
    padding: 4px;
    height: 50px;
}
.small-text-icon {
    font-size: 7px;
}
.villa-front-price-home {
    font-size: 13px;
	}
.book-btn-short, .book-btn-invert-short, .book-btn-invert-short2 {
    width: 100%;
    max-width: 92px;
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    margin: 0px 5px;
    float: left;
    font-size: 12px;
}
.fixed-text {
    height: 85px;
}
}
@media (max-width:768px)
{
#mega-menu-wrap-main .mega-menu-toggle {
    height: 0px!important;
}
	#mega-menu-wrap-main .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
    position: absolute;
    top: -50px;
    display: block;
}
.fixed-text-spavilla
{
height:100%;
}
#scroll-position {
    visibility:hidden;
}
.fixed-text-spa {
    height: 210px;
}
div.treatment-duration ul {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}
.fixed-text-spapackages, .fixed-text-body, .fixed-text-massage, .fixed-text-hair, .fixed-text-hand {
    height: auto;
}
button, input, select, textarea {
    border: 1px solid #cccccc;
}
input, select, textarea
{
width:96%;
}
input[type="radio"], input[type="checkbox"]
{
width:10%;
}
.offers-bott {
    margin: 0px auto -160px;
}
.offers-text-wrapper {
    padding: 5px;
    height: 192px;
    top: -210px;
}
div.villa-offers-text p {
    line-height: 21px!important;
    font-size: 14px;
	margin:0px;
}
.villa-offers-text-italic {
    font-size: 12px;
    font-style: italic;
}
#mega-menu-wrap-villa #mega-menu-villa > li.mega-menu-item > a.mega-menu-link {
text-align:left!important;
}
#mega-menu-wrap-spa #mega-menu-spa > li.mega-menu-item > a.mega-menu-link {
text-align:left!important;
}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link {
text-align:left!important;
}
.below-over {
    position: relative;
    top: 45px;
}
.container-badge {
    max-width: 326px;
}
.middle-section {
    /* width: 100%; */
    max-width: 560px;
    /* height: auto; */
    /* overflow: hidden; */
    margin: 0px auto 50px;
}
.villa-type-image, .bottom-type-image {
    /* width: 100%; */
    max-width: 560px;
    /* overflow: hidden; */
    /* height: auto; */
}
.villa-type-text, .bottom-type-text {
    height: auto;
    text-align: center;
	font-size:16px;
}
.middle-section h1, .bottom-section h1 {
    font-size: 30px;
}
.bottom-section {
    margin: 0px auto 50px;
}
.small-text-icon {
    font-size: 9px;
}
.icon-mark {
    float: left;
    text-align: center;
    font-size: 18px;
    margin: 0px 2px 15px;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 38px;
    padding: 4px;
    height: 50px;
}
.villa-front-price-home hr {
    width: 60%;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border: 0;
}
.villa-front-price-home {
    font-size: 18px;
}
.best-tagline {
    font-size: 13px;
}
#button-container-short {
    margin: 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 205px;
}
.villa-front-price, .villa-front-price-black {
    font-size: 18px;
}

.villa-front-price hr,.villa-front-price-black hr  {
    width: 42%;
}
}
@media screen and (max-width:736px)
{
.fixed-text-spavilla
{
height:auto;
}
#scroll-position {
    visibility: visible;
	top: 112%;
}
.fixed-text-spa {
    height: auto;
}
.offers-text-wrapper {
    padding: 120px;
    height: 420px;
    top: -455px;
}
.offers-bott {
    margin: 0px auto -405px;
}
div.treatment-duration ul {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}
#booking
{
    width: 100%;
    max-width: 665px;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}
}
@media screen and (max-width:640px)
{
.offers-bott {
    margin: 0px auto -345px;
}
.offers-text-wrapper {
    padding: 92px;
    height: 360px;
    top: -390px;
}
}
@media screen and (max-width:600px)
{
	.back-putih
{
	background:#ffffff;
	border-bottom:1px solid #eeeeee;
}
}
@media screen and (max-width:568px)
{
.offers-bott {
    margin: 0px auto -305px;
}
.offers-text-wrapper {
    padding: 65px;
    height: 317px;
    top: -345px;
}
.over-below {
    margin: 0px 0px 0px!important;
    padding-bottom: 0px;
}
#button-container-short {
    /* margin: 0px auto; */
    /* width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
    max-width: 230px;
}
}
@media screen and (max-width:430px)
{
.slider-container {
position: relative;
top: 59px;
margin: 0px auto 10px;
}
#header
{
margin-bottom:85px;
}
#content-start 
{
margin: 0px auto -50px;
}
.book-btn, .book-btn-invert {
	font-size:1.4rem;
}
	.mobile
{
display:inherit;
}
.normal
{
display:none;
}
	.fastbook-container
{
display:inherit;
}
	.footer-text-align {
    text-align: center;
}
	#footer {
    margin: 0px auto 55px;
		height:210px;
}
	.footer-add {
    float: none;
  
}
	.mobile-book {
    max-width: 220px;

}
	.ipad-padding {
    padding: 0px !important;
}
	.homebadges {
    max-width: 112px;
    margin: 10px !important;
}
	.blank-spot {
    width: 225px;
}
}
@media screen and (max-width:414px)
{
.top-grp-left {
 max-width: 230px;
 }
.no-pad p
{
padding:0px;
}
.ipad-padding {
    padding: 0px 10px!important;
}
.back-merah, .back-hijau
{
float:none;
margin:0px auto;
}
.middle-text
{
height:auto;
text-align:center;
line-height:30px;
}
.middle-section {
    width: 100%;
    max-width: 385px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px 25px;
}
.middle-section h1
{
font-size:16px;
}
.fixed-text, .fixed-text-spa {
    height: auto;
}
.fixed-text, .fixed-text-spa, .fixed-text-massage, .fixed-text-hair, .fixed-text-body, .fixed-text-hand
{
height:auto;
}
.mobile
{
display:inherit;
}
.normal
{
display:none;
}
.headline-modif {
    margin: 0px 0px 0px;
}
.contact-list {
    max-width: 177px;
    font-size: 16px;
}
#content-start {
    margin: 0px auto -65px;
}
ul.topnav2, ul.topnav3 {
    max-width: 375px;
}
.offers-bott {
    margin: 0px auto -210px;
}
.offers-text-wrapper {
    padding: 20px;
    height: 225px;
    top: -245px;
}
#booking {
    width: 100%;
    max-width: 365px;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}
.post_type {
    float: none;
    margin: 0px auto;
    text-align: center;
}
.post-duration {
    float: none;
    margin: 0px auto;
}
.post_person {
    float: none;
    margin: 0px auto;
}
div.text-center ul {
    width: 100%;
}
.footer-text-align {
    text-align: center;
}
#footer
{
margin:0px auto 25px;
}
.foot-style span {
    font-size: 13px;
}
.footer-add {
    margin: 0px auto 40px;
}
.footer-karaniya {
    width: 100%;
    max-width: 235px;
    height: auto;
    float: none;
    padding: 15px 0px;
    margin: 0px auto;
}
.single-display-quote {
    width: 80%!important;
}
.more-display-quote {
    width: 90%!important;
}
.villa-type-text {
    height:auto;
	text-align:center;
	font-size:14px;
}
.villa-type-image, .bottom-type-image {
    /* width: 100%; */
    max-width: 324px;
    /* overflow: hidden; */
    /* height: auto; */
}
.bottom-section h1 {
    font-size: 26px;
}
.title-villas, .title-offers {
    font-size: 20px!important;
}
hr.tagline {
    width: 50%!important;
}
.villa-front-price-home hr {
    width: 70%;
}
.bottom-section hr {
    width: 50%;
}
.villa-front-price-black hr, .villa-front-price hr {
    width: 60%;
}
.mobile-book {
    overflow: hidden;
    width: 100%;
    margin: 5px 5px 5px 0px;
    background: #cdbd8b;
    text-align: center;
    padding: 6px 0px;
    float: right;
    max-width: 205px;
    font-size: 11px;
}
.fastbook-container
{
display:inherit;
}
.offers-pricing {
    text-align: center;
    font-family: 'Lora',serif;
    font-size: 13px!important;
}
.offers-pricing hr {
    max-width: 230px;
    margin: 5px auto!important;
}
.offers-content blockquote>p {
    line-height: 20px!important;
	margin:0px!important;
}
.slider-container {
    top: 57px;
    margin: 0px auto 60px;
}
.over-below {
    padding-bottom: 53px;
    margin: 0px 0px 0px!important;
}
#button-container-single-villa {
    max-width: 102px;
}
#content-home {
/* padding-bottom: 1px; */
/* position: relative; */
/* z-index: 1; */
/* background: #ffffff; */
top: 0px;
}
.offers-display {
    /* width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
    margin: 14px auto 15px;
	}
.homebadges {
    position: relative;
    width: 100%;
    max-width: 140px;
    overflow: hidden;
    margin: 25px!important;
    height: auto;
    float: left;
}
.register-title h1 
{
    font-size: 32px!important;
    margin: 10px 0 25px!important;
}
#button-container-short {
    max-width: 230px;
}
.homebadges-container {
    /* clear: both; */
    /* position: relative; */
    /* width: 100%; */
    max-width: 190px;
    /* overflow: hidden; */
    /* margin: 0px auto 25px!important; */
    /* height: auto; */
    /* float: none; */
}
	.blank-spot {
    width: 233px;
}
	.book-btn, .book-btn-invert {
    width: 100%;
    max-width: 145px;
    height: auto;
    padding: 15px 0px 15px 13px;
    overflow: hidden;
    margin: 0px 0px;
    float: right;
    font-size: 1.2rem;
}
	#header {
    margin-bottom: 75px;
}
}
@media screen and (max-width:412px)
{
	    .blank-spot {
        width: 231px;
    }
}
@media screen and (max-width:390px)
{
	.blank-spot {
        width: 209px;
    }
    .small-tag-believe {
    font-size: 1.2rem;
}
}
@media screen and (max-width:375px)
{
.top-grp-left {
    max-width: 200px;
}
.contact-list {
    max-width: 157px;
    font-size: 14px;
}
#booking {
    width: 100%;
    max-width: 330px;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}
.offers-text-wrapper {
    padding: 10px;
    height: 205px;
    top: -222px;
}
.offers-bott {
    margin: 0px auto -190px;
}
.mobile-book {
    overflow: hidden;
    width: 100%;
    margin: 5px 5px 5px 0px;
    background: #cdbd8b;
    text-align: center;
    padding: 6px 0px;
    float: right;
    max-width: 182px;
    font-size: 11px;
}
.offers-content blockquote, .offers-pricing
{
	font-size:11px!important;
}
.offers-pricing hr {
    max-width: 195px;
    margin: 0px auto!important;
}
.offers-content blockquote>p {
    line-height: 13px!important;
    margin: 0px!important;
}
.central hr {
    width: 80%;
    border-top: 1px solid #000000!important;
    border: 0;
    margin: 0px auto 10px!important;
}
.single-display {
    margin: 10px auto;
}
.slider-container {
    top: 57px;
    margin: 0px auto 30px;
}
.homebadges-container {
    max-width: 190px;
}
	.mgl-item {
    width: 50%!important;
    padding-bottom: 50%!important;
}
	.blank-spot {
    width: 192px;
}
	.logo {
    max-width: 48px;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 10px 5px;
    margin: 0px auto;
}
	.book-btn, .book-btn-invert {
    width: 100%;
    max-width: 145px;
    height: auto;
    padding: 15px 0px 15px 15px;
    overflow: hidden;
    margin: 0px 0px;
    float: right;
    font-size: 1.2rem;
}
	#header {
    margin-bottom: 80px;
}
}
@media screen and (max-width:360px)
{
.top-grp-left {
    max-width: 185px;
}
.contact-list {
    max-width: 150px;
    font-size: 14px;
}
.mobile-book {
    overflow: hidden;
    width: 100%;
    margin: 5px 5px 5px 0px;
    background: #cdbd8b;
    text-align: center;
    padding: 6px 0px;
    float: right;
    max-width: 170px;
    font-size: 11px;
}
.central hr {
    width: 80%;
    border-top: 1px solid #000000!important;
    border: 0;
    margin: 0px auto 10px!important;
}
.slider-container {
    top: 56px;
    margin: 0px auto 35px;
}
	.best-tagline {
    font-size: 11px;
}
.homebadges-container {
    max-width: 190px;
}
	.blank-spot {
    width: 179px;
}
	.book-btn, .book-btn-invert {
    width: 100%;
    max-width: 145px;
    height: auto;
    padding: 15px 0px 15px 13px;
    overflow: hidden;
    margin: 0px 0px;
    float: none;
    font-size: 1.2rem;
}
	#header {
    margin-bottom: 70px;
}
	.small-tag-believe {
		font-size: 1.15rem;
	}
	.h1, h1, .h3, h3 {
    font-size: 1.33em !important;
}
	.h2, h2 {
    font-size: 0.82em !important;
}
	#footer {
    height: auto;
    margin: 0px auto 25px;
}
	.homebadges {
    max-width: 112px;
    margin: 10px !important;
}
}
@media screen and (max-width:320px)
{
#slider_container_4, #slider_container_1, #jssor_wp_1 {
    margin: 0px auto 105px!important;
    position: relative!important;
    top: 105px!important;
}
.top-grp-left {
    max-width: 135px;
}
.fixed-text-massage p {
    padding: 0px;
}
.contact-list {
    max-width: 130px;
    font-size: 12px;
}
.pad-mobile
{
    padding: 10px 30px!important;
}
button, input, select, textarea {
    border: 1px solid #cccccc;
}
input, select, textarea
{
width:96%;
}
input[type="radio"]
{
width:10%;
}
.post_type {
    float: none;
    margin: 0px auto;
    text-align: center;
}
.post-duration {
    float: none;
    margin: 0px auto;
}
.post_person {
    float: none;
    margin: 0px auto;
}
.offers-bott {
    margin: 0px auto -154px;
}
.offers-text-wrapper {
    padding: 4px;
    height: 170px;
    top: -185px;
}
div.villa-offers-text p {
    line-height: 17px!important;
    font-size: 12px;
    margin: 0px;
}
.villa-offers-text-italic {
    font-size: 11px;
    font-style: italic;
}
.mobile-book {
    overflow: hidden;
    width: 100%;
    margin: 5px 5px 5px 0px;
    background: #cdbd8b;
    text-align: center;
    padding: 6px 0px;
    float: right;
    max-width: 132px;
    font-size: 11px;
}
.offers-pricing {
    text-align: center;
    font-weight: bold;
    font-family: 'Lora',serif;
    font-size: 10px!important;
}
.best-tagline {
    font-size: 11px;
}
.offers-pricing p, .offers-pricing hr {
    margin: 0px auto;
    line-height: 13px!important;
}
.offers-pricing hr {
    max-width: 180px;
    margin: 5px auto!important;
}
.container-badge {
    max-width: 162px;
}
.central hr {
    width: 80%;
    border-top: 1px solid #000000!important;
    border: 0;
    margin: 0px auto 8px!important;
}
.middle-section h1 {
    font-size: 12px;
}
.slider-container {
    top: 45px;
    margin: 0px auto 25px;
}
.over-below {
    padding-bottom: 53px;
}
.register-title h1 
{
    font-size: 24px!important;
    margin: 10px 0 25px!important;
}
input {
    font-size: 0.75em!important;
    width: 100%!important;
}
.homebadges-container {
    max-width: 190px;
}
#header {
    margin-bottom: 60px;
}
.icon-mark {
    /* float: left; */
    /* text-align: center; */
    /* font-size: 18px; */
    /* margin: 0px 2px 15px; */
    /* position: relative; */
    /* display: inline-block; */
    /* width: 100%; */
    max-width: 34px;
    /* padding: 4px; */
    /* height: 50px; */
}
.book-btn, .book-btn-invert {
    width: 100%;
    max-width: 138px;
    height: auto;
    padding: 10px 11px;
    overflow: hidden;
    margin: 0px 0px;
    float: right;
    font-size: 1rem;
}
	#mega-menu-wrap-main .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
    position: absolute;
    top: -42px;
    left: 15px;
    display: block;
}
	.blank-spot {
    width: 85px;
}
	.logo {
    max-width: 104px;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 10px 5px;
    margin: 0px auto;
    float: left;
}
	.small-tag-believe {
    font-size: 0.99916rem;
}
}