@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Arima+Madurai|Muli:300,400,600,900");
html {
position: relative;
min-height: 100%;
}
body {
background:#f0f0f0;
background-attachment: fixed;
color: #555;
font-family: 'Muli', sans-serif;
font-size: 15px;
font-weight:400;
overflow-x:hidden;
padding:0;	
} h1,h2,h3,h4, .h1, .h2, .h3, .h4{
color:#101d2b;
margin:0 0 20px 0;
line-height: 1.2;
font-family: 'Arima Madurai', serif;
font-weight:300;
}
h1, .h1{font-size:2.7em; color:#458290}
h2, .h2{font-size:2.2em;}
h3, .h3{font-size:1.6em;}
h2.underline, h3.underline, .h2.underline, .h3.underline{display:inline-block; line-height:normal;}
h2.underline.light, h3.underline.light, .h2.underline.light, .h3.underline.light{color:#fff;}
h2.underline:after, h3.underline:after, .h2.underline:after, .h3.underline:after{
border-bottom:2px solid #cba55c;
content:" "; 
display:table; 
margin:20px auto 10px auto; 
width:54px; 	
}
h2.underline.light:after, h3.underline.light:after, .h2.underline.light:after, .h3.underline.light:after{border-bottom:2px solid #cba55c;}
h2.underline.left:after, h3.underline.left:after, .h2.underline.left:after, .h3.underline.left:after{margin:20px auto 10px 0;}
h2.underline.right:after, h3.underline.right:after, .h2.underline.right:after, .h3.underline.right:after{margin:20px 0 10px auto;}
h4, .h4{
font-size: 1.2em;
font-weight:500;
letter-spacing:2px;
}
p{ line-height: 24px; margin-bottom:20px; }
.font-2x, .font-2x p{font-size:16px !important; line-height:27px; font-weight:400;}
.font-3x, .font-3x p{font-size:18px !important; line-height:30px; font-weight:400;}
.font-4x, .font-4x p{font-size:20px !important; line-height: 33px; font-weight:400;}
blockquote {
border: none;
color: #333333;
font-size: 18px;
font-weight: 500;
font-style: italic;
line-height: 32px;
margin-bottom: 20px;
padding: 0px; 
}
a, a i{
color: #fff;
outline:none !important;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
a:hover, a:focus{
color: #54B6B8;
text-decoration:none;
}
img{
height: auto;
max-width: 100%;
}
hr {border-color: rgba(0,0,0,.1);}
ul, ol {
margin-top: 0;
margin-bottom: 20px;
}
strong{font-weight:600;}
section {padding:90px 0;}
button{outline:none;}
.clearfix{clear:both;}
.smaller-gap .container{padding-left:5px; padding-right:5px;}
.container-fluid.small{padding-left:5vw; padding-right:5vw; font-size:initial}
.container-fluid.smaller{padding-left:10vw; padding-right:10vw;}
.small-gap .row{margin-left:-10px; margin-right:-10px;}
.small-gap [class*="col-"]{padding-left: 10px; padding-right: 10px;}
.smaller-gap .row{margin-left:-5px; margin-right:-5px;}
.smaller-gap [class*="col-"]{padding-left: 5px; padding-right: 5px;}
.no-gap .row{margin-left:0px; margin-right:0px;}
.no-gap [class*="col-"]{padding-left: 0px; padding-right: 0px;}
.wrapper{padding:2%;} #logo{
color:#fff;
font-weight:600;
display:none;
line-height:45px;
position:absolute;
margin:4px 0;
text-align:left;
width:90px;
}
#main-logo{text-align:center;}
.on #main-logo{text-align:center; margin:0;}
.on #main-logo img{display:none;}
.on #logo{display:block; }
#mobile-menu-trigger #main-logo {
text-align: left;
} header{
background: #000;
font-size:13px;
transition: all 0.4s ease;
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
}
#home header.clone{
background: rgba(0,0,0,.5);
}
header.clone {
background: rgba(0,0,0,.8);
display:none;
min-height:60px;
position:fixed;
top:-200px;
width:100%;
z-index:999;	
}
header.active{
top:0;
}
header .container, .no-slider .container{
position:relative;
width:90%;
} #nav-menu.navbar-default.on {background-color:rgba(69,130,144,.85) !important; padding:2px 0;}
.on #logo img{
width:80%;
}
#nav-menu{transition:all 0.2s;}
#nav-menu.navbar-default{
clear:both;
margin-bottom:0;
border-color: rgba(0,0,0,.05);
border-width: 0;
background: transparent;
border-radius:0;
width:100%;
position:fixed;
z-index:99;
}
nav{width:100%;}
.on .navbar-collapse {
max-height: inherit;
}
nav .top{font-size:14px;}
.navbar-default{
border-color: transparent;
border-width: 0;
border-radius:0;
clear:both;
margin-bottom:0;
padding:20px 0;
width:100%;
}
.navbar-collapse{
max-height:inherit;
text-align:center;
}
.navbar-nav{
display:inline-block;
float:none;
margin-left:-15px;
margin-right:-15px;
}
.navbar-nav > li{float:none; display:inline-block;}
.navbar-nav > li > a {
font-size:16px;
font-weight:600;
padding:20px 15px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background: transparent;
border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a{color:#fff;}
.navbar-default.on .navbar-nav > li > a{color:#fff;}
.navbar-toggle .icon-bar{height:3px;}
.navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color:#666;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background-color: transparent;
color:#666;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background-color: transparent;
color:#fff259;
}
.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus{
background-color: transparent; 
color:#fff259;
}
.navbar-default.on .navbar-nav > .active > a, .navbar-default.on .navbar-nav > .active > a:hover, .navbar-default.on .navbar-nav > .active > a:focus{
background-color: transparent;
color:#666;
}
.navbar-default.on .navbar-nav>li>a:hover, .navbar-default.on .navbar-nav>li>a:focus {
background-color: transparent;
color:#fff259;
}
.navbar-default.on .navbar-nav > .current-menu-item > a, .navbar-default.on .navbar-nav > .current-menu-item > a:hover, .navbar-default.on .navbar-nav > .current-menu-item > a:focus{
background-color: transparent; 
color:#fff259;
}
.menu-item-has-children > a{padding-right:20px !important;}
.navbar-toggle, #mobile-menu-trigger {
border-radius: 0px;
background: transparent;
border-width:0 0 0 1px;
float: right;
margin-left:20px;
margin-bottom: 22px;
padding: 10px 20px 10px 20px;
position: relative;
}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
border-radius: 1px;
background-color: #fff;
display: block;
height: 2px;
margin-top: 4px;
width: 22px;  
}
#mobile-menu-trigger .icon-bar:first-child{margin-top:0;}
.on .menu-item-has-children > a:before{color:#fff;}
.dropdown-menu {background:rgba(255,255,255,.95); border-radius: inherit;}
.dropdown-menu > li > a{padding: 10px 20px;}
.caret{margin-left:5px;}
.sub-menu{
box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
background-color: #fff;
background-clip: padding-box;
display: none;
float: left;
left: 0;
list-style: none;
min-width: 200px;
margin: 0;
top: 100%;
text-align:left;
position: absolute;
padding: 10px;
z-index: 1000;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}
.sub-menu > li > a {
border-bottom:1px solid rgba(255,255,255, .1);
clear: both;
color: #000;
display: block;
font-weight: normal;
padding: 10px;
line-height: 1.42857143;
white-space: nowrap;
}
.sub-menu > li > a:hover{
color:#888;
background:rgba(131, 131, 131, 0.2);
}
.sub-menu > li:last-child > a{
border-bottom:none;
}
.sub-menu .sub-menu{
left: 100%;
top:0;
}
.expand-trigger:after{
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content:"";
display: inline-block;
height: 0;
margin-right: 10px;
margin-left: 2px;
position: absolute;
right: 0;
top: 23px;
vertical-align: middle;
width: 0;
}
.sub-menu .expand-trigger:after{
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid;
top: 21px;
} .slider:before{
content:'';
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
width: 100%;
height: 250px;
position: absolute;
z-index: 9;
}
#home .slides{padding:0;height:100vh;}
#home .slider{padding:0;height:100vh;}
.slider{padding:0;height:75vh;}
.slides .container{width:80%;}
.slides .tagline-wrapper, .carousel .tagline-wrapper {
background:none;
bottom: 0;
height: 100%;
margin: auto;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.slides .tagline-wrapper:before , .carousel .tagline-wrapper:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
#home .slides .tagline-content, .carousel .tagline-content {
color: #fff;
display: inline-block;
margin:auto;
margin-left:-10px;
width:100%;
vertical-align:middle;
}
.slides .tagline-content, .carousel .tagline-content {
color: #fff;
display: inline-block;
margin:auto;
margin-left:-5px;
width:100%;
vertical-align:text-top;
}
.carousel .tagline-content{vertical-align:middle}
.slides i{
display:inline-block;
}
.slides h1, .slides h2{
color:#fff;
font-size: 5vw;
line-height: 90px;
margin-bottom: 20px;
text-transform:capitalize;
}
.slides h3{
color:#fff;
font-size:3vw;
}
.slides p{color:#fff; font-size:3vw; font-weight:400;}
.slider span {
display: inline-block;
font-size:18px;
font-weight:500;
position: relative;
}
.slider span:before,
.slider span:after {
border-top: 1px solid white;
content: "";
height: 5px;
position: absolute;
top: 15px;
width: 70px;
}
.slider span:before {
right: 100%;
margin-right: 15px;
}
.slider span:after {
left: 100%;
margin-left: 15px;
}
.slides .btn{
border: solid 1px #fff;
background: transparent;
color: #fff;
}
.flexslider .slides > li {
background:#000;
background-size: cover; 
background-position: 50% 50%;
display: none;
height:100%;
width:100%;
-webkit-backface-visibility: hidden;
}
.flexslider .slides .logos img{
max-height:100px; 
transition: all 0.3s ease; 
width:auto; opacity:.5;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
}
.flexslider .slides .logos img:hover{opacity:1;}
.flexslider-container, .flexslider .slides, .flex-viewport {height: 100%;}
.flexslider {
border: 0px solid;
height: 100%;
margin: 0; 
overflow: hidden;
padding: 0; 
width: 100%;	
}
.flexslider .slides > li > img {display: block; height: 100%; width: auto;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider-overlay{position:relative;}
.flexslider-overlay > ul > li:before{
background-color: rgba(0,0,0,.50);
content:'';
height: 100%;
left: 0;
opacity: 0.5;
position:absolute;
top: 0;
width:100%;
z-index: 5;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
z-index: 5;
} .scroll-down {
opacity: 1;
transition: all .5s ease-in 3s;
-webkit-transition: all .5s ease-in 3s;
}
.scroll-down {
animation: bounce 2s infinite 2s;
bottom: 30px;
background-size: 14px auto;
display: block;
height: 32px;
left: 50%;
margin-left: -16px;
position: absolute;
width: 32px;
transition: all .2s ease-in;
z-index: 2;
-webkit-animation: bounce 2s infinite 2s;
-webkit-transition: all .2s ease-in;
}
.scroll-down:before {
border: 2px solid white;
border-width: 0px 0 2px 2px;
content: "";
display: block;
height: 12px;
left: calc(50% - 6px);
position: absolute;
top: calc(50% - 8px);
transform: rotate(-45deg);
width: 12px;
} .food-info{
border:2px dashed #c8d1da;
padding:30px;
} .box-about{
box-shadow: 1px 2px 35px rgba(0,0,0,.15);
padding:2vw;
}
.about-bg-wrapper{position:relative;}
.about-bg{position:absolute; width:200%; height:100%; min-height:350px; background:red}
.about-bg.left{right:3vw;}
.about-bg.right{left:3vw;} .diet-box {
background: #fff;
box-shadow: 1px 2px 35px rgba(0,0,0,.15);
margin: -50px 20px 0 20px;
position: relative;
padding: 5vw;
text-align:center;
}
.diet-menu .price {
color: #101d2b;
font-size: 3vw;
font-weight: 600;
} .post a{color:#101d2b;}
.post a:hover{color:#324b65;}
.post-meta{padding-bottom: 15px;}
.post-meta ul{
margin:0;
padding:0
}
.post-meta li{
display:inline-block;
list-style:none;
padding:15px 15px 0 0;
}
.post-meta li a{
color:#B0A689;
font-weight:400;
}
.post-meta li a:hover{
color:#888;
}
.post-meta i.fa{color:#ccc; padding-right: 5px;}
.post-footer{padding-bottom:30px;}
.post-footer .button-like{float:left;}
.post-footer .read-more{
float:right;
border-left: 1px solid #ddd;
margin: 0 10px;
padding: 0 10px;
}
.read-more a{color:#cba55c; font-weight:500;}
.read-more a:hover{color:#888;}
.read-more i.fa{padding-right:5px; color:#ccc;}
.recent-title p{border-bottom:1px solid #ccc;}
.recent-post-item{
margin-bottom:40px;
overflow:hidden;
}
.recent-post-item span.date{
font-size:12px;
display:inline-block;
clear:both;
}
.recent-post-item > a > img{
float:left;
margin-right:15px;
margin-bottom:20px;
max-width:125px;
height:auto;
}
.recent-post-item p{
line-height:normal;
}
.recent-post-item a{
color:#000;
}
.recent-post-item p:last-child{
margin-bottom:0;
}
.recent-post-meta ul{
margin:0;
padding:0
}
.recent-post-meta li{
display:inline-block;
list-style:none;
padding:0px 15px 0 0;
}
.recent-post-meta li a{
color:#B0A689;
font-weight:400;
}
.recent-post-meta li a:hover{
color:#888;
}
.recent-post-meta i.fa{color:#ccc; padding-right: 5px;} .contact-form .time{
color:#031432;
}
.contact-form .day{
display:inline-block;
width:70px;
} footer{
background:#6195a1;
background-repeat:repeat;
padding:60px 0 10px 0;
font-size:14px;
}
.footer-logo{padding:0 0 2vw 0;}
footer p{color:#fff;}
.footer-nav ul{
margin:0;
padding:0;
}
.footer-nav li{
list-style:none;
padding:5px 0;
}
.footer-nav li a{color:#bf8f45;}
.footer-nav li a:hover{color:#888;} .social-media ul{
margin:0; 
padding:0;
}
.social-media li{
display:inline-block;
list-style:none;
}
.social-media li a{
border-radius: 50%;
background: #c6d1e4;
color: #fff !important;
display: block;
font-size: 17px;
height: 30px;
margin: 10px 10px 15px 0;
width: 30px;
}
.social-media li a i{
color:#152331;
font-size: 14px;
height: 30px;
text-align: center;
transition: all 0.3s ease;
line-height: 30px;
width: 30px; 
}
.social-media li a i:hover{color:#cb9734;} .copyright{
border-top:1px solid rgba(255,255,255,.50);
padding:30px 0;
}
.copyright p{margin-bottom:0;} .form-control {
display: block;
width: 100%;
height: 50px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color:#fff;
background-image: none;
border: 1px solid #e4e4e4;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group{margin-bottom:20px;} .half-sq-equal-wrapper{display: -webkit-flex; display: flex; clear:both; flex-flow: row wrap; justify-content: space-around;}
.half-sq-equal{width:50%;position:relative;}
.half-sq-equal.content{padding:8vw 8vw}
.half-sq-equal > div {background-size: cover !important; height: 100%;}
.half-sq-equal .carousel{position:absolute; width:100%; height:100%; top:0; left:0;}
.half-sq-equal .carousel-inner, .half-sq-equal .carousel .item{width:100%; height:100%;}
.half-sq-equal .carousel .item > div{background-size:cover !important; height:100%;} .overlay{position:relative;}
.overlay:before{position:aboslute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.35)} .loading .overlay-caption{opacity:0;}
.overlay-caption{ position:absolute;width:100%; height:100%; top:0;left:0; display:table-cell; vertical-align:middle; }
.overlay-caption:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.overlay-caption:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.25); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.overlay-caption.to-light:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.35)}
.overlay:hover .overlay-caption.to-light:after{background:rgba(0,0,0,0)}
.overlay-caption.to-dark:after{content: ''; position:absolute;width:100%; height:100%; top:0; left:0; z-index:9; background:rgba(0,0,0,.15)}
.overlay:hover .overlay-caption.to-dark:after{background:rgba(0,0,0,.45)}
.overlay:hover a img{
opacity: .5;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.overlay-caption.darker:after{background:rgba(0,0,0,.75)}
.overlay figure a img{opacity:1 !important;}
.caption-content{width:99.99%; display:inline-block; vertical-align:middle; position:absolute; z-index:95; padding:25px 30px;}
.caption-content.box-dashed{position:relative; width:auto;}
.caption-content h3{text-transform:uppercase;}
.caption-content h4{text-transform:uppercase;}
.caption-content.bottom-left, .caption-content.top-left{position:absolute; text-align:left;}
.caption-content.bottom-right, .caption-content.top-right{position:absolute; text-align:right;}
.caption-content.top-center, .caption-content.bottom-center, .caption-content.middle-center{position:absolute; text-align:center;}
.caption-content.bottom-center{left:0; right:0; bottom:0; text-align:center;}
.caption-content.bottom-left{left:0; bottom:0; width:99%; z-index:98;}
.caption-content.bottom-right{right:0; bottom:0; width:99%; z-index:98;}
.caption-content.middle-center{top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.caption-content.top-left{left:0; top:0; width:99%; z-index:98;}
.caption-content.top-center{left:0; right:0; top:0; width:99%; z-index:98;}
.caption-content.top-right{right:0; top:0; width:99%; z-index:98;}
.caption-content.from-invisible, .caption-content.from-visible{opacity:0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease;}
.caption-content.from-visible{opacity:1;}
.overlay-caption:hover .caption-content.from-invisible{opacity:1;}
.overlay-caption:hover .caption-content.from-visible{opacity:0;}
.caption-content.gradient{
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,-0.5) 0%,rgba(0,0,0,0.5) 100%);
} .parallax {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
}	
.parallax-content{
color: #fff;
padding:5vw 0;
text-align: center; 
}
.parallax-content h3{color:#fff;} .half-sq-equal-wrapper{display: -webkit-flex; display: flex; clear:both; flex-flow: row wrap; justify-content: space-around;}
.half-sq-equal{width:50%;position:relative;}
.half-sq-equal.content{padding:8vw 8vw;}
.half-sq-equal.content h3{color:#fff;}
.half-sq-equal > div {background-size: cover !important; height: 100%;}
.half-sq-equal .carousel{position:absolute; width:100%; height:100%; top:0; left:0;}
.half-sq-equal .carousel-inner, .half-sq-equal .carousel .item{width:100%; height:100%;}
.half-sq-equal .carousel .item > div{background-size:cover !important; height:100%;} .caption-left {
position: absolute;
z-index: 9;
bottom: 0;
right: 0;
left: 5vw;
top: 4vw;
font-weight: 400;
line-height: 30px;
color: #fff;
display: table;
}
.caption-right{
position: absolute;
z-index: 9;
bottom: 0;
right: 50px;
top: 50px;
font-weight: 400;
line-height: 30px;
color: #fff;
display: table;
text-align:center;
margin:3vw 4vw 0 40%;
} .box-dashed{
border:2px dashed #c8d1da;
padding:2vw;
} .img{margin:15px 0;}
.image-contact {
text-align: center;
margin-bottom: -80px;
position: relative;
z-index: 5;
} .list-icon{
font-size: 32px;
margin-top: -20px;
display: block;
float: left;
margin-right: 20px;
color: #272727;
} .subtitle{
color:#bf8f45;
font-size:25px;
font-family: 'Dancing Script', cursive;
} .text-gold{color:#bf8f45 !important;}
.text-black, .text-black h2, .text-black .h2, .text-black h3, .text-black .h3, .text-black h4, .text-black .h4, .text-black ul li, .text-black ol li, .text-black a{color:#000 !important}
.text-white, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white ul li, .text-white ol li, .text-white a, .text-white label{color:#fff !important}
.text-light-grey, .text-light-grey h2, .text-light-grey .h2, .text-light-grey h3, .text-light-grey .h3, .text-light-grey h4, .text-light-grey .h4, .text-light-grey ul li, .text-light-grey ol li, .text-light-grey a{color:rgba(0,0,0,.3) !important}
.text-uppercase{text-transform:uppercase;}
.text-underline{text-decoration:underline;}
.text-center, .text-center input{text-align:center !important}
.text-left, .text-left input{text-align:left !important}
.text-right, .text-right input{text-align:right !important}
@media only screen and (min-width: 768px){
.text-sm-center{text-align:center !important}
.text-sm-left{text-align:left !important}
.text-sm-right{text-align:right !important}
}
@media only screen and (min-width: 992px){
.text-md-center{text-align:center !important}
.text-md-left{text-align:left !important}
.text-md-right{text-align:right !important}
} .bg-gold{background-color:#bf8f45 !important;}
.bg-white{background-color:#fff !important;}
.bg-green{background-color:#6195a1 !important;}
.bg-gradient{ background: rgb(97,166,181); background: -moz-linear-gradient(left, rgba(97,166,181,1) 1%, rgba(156,203,213,1) 100%); background: -webkit-linear-gradient(left, rgba(97,166,181,1) 1%,rgba(156,203,213,1) 100%); background: linear-gradient(to right, rgba(97,166,181,1) 1%,rgba(156,203,213,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61a6b5', endColorstr='#9ccbd5',GradientType=1 ); }
.bg-overlay:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.35)}
.bg-overlay.darker:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5)}
.bg-overlay.overlay-red:before{background:rgba(208, 23, 29,.35)}
.bg-fixed{background-attachment:fixed !important}
.bg-cover{background-size:cover !important; background-position:50% 50%;}
.bg-right{  
background-size: cover !important;
min-height: 400px;
height:100%;
position: absolute;
right: 0;
top: 0;
}
.bg-left{
background-size: cover !important;
min-height: 400px;
height:100%;
position: absolute;
left: 0;
top: 0;
}
.bg-half{width: 50%;}
.bg-three-quarter{width: 60%;}
.bg-right.fixed, .bg-left.fixed{position:fixed; z-index:-1;} .border-grey{border:2px solid #ddd;}
.border-gold{border:2px solid #bf8f45;}
.border-white{border:2px solid #fff;}
.p-relative{position:relative; z-index:9;}
.d-table-cell{display:table-cell; vertical-align:middle}
.d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;}
.overflow-hidden{overflow: hidden} .btn{
background:transparent;
border-radius: 2px;
color:#000;
font-size: 14px;
line-height: 19px;
padding: 10px 30px;
text-decoration: none;
transition: all .4s ease-in-out;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;	
}
.btn.btn-gold{
background:#a3845b;
color:#fff;
}
.btn:hover, .btn.border:hover{background:#cba55c !important; border-color:#cba55c; color:#fff;}
.btn-booking{position:fixed; z-index:99; right:30px; bottom:30px; font-family:'Abril Fatface', sans-serif; font-size:22px; background:#fff259 !important; color: #000; letter-spacing:-1px;}
.btn-booking:before{
content: '';
left: -8px;
top: -8px;
position: absolute;
right: -8px;
bottom: -8px;
box-shadow: 0px 0px 15px rgba(0,0,0,.15);
} .check-list ul{margin:0; padding:0;}
.check-list li{list-style:none; display:block; padding-left:0; margin-bottom: 10px; margin-left: 30px;}
.check-list li:before{
content: "\f00c ";
font-family: FontAwesome;
padding-right: 0;
display: inline-block;
margin-left: -30px;
position:absolute
}
.list-inline{margin-left:0}
.list-inline ul, .list-inline ul li{list-style:none; margin:0; padding:0;}
.list-inline ul{margin-bottom:10px;}
.list-inline ul li:before{content:', ';}
.list-inline ul li:first-child:before{display:none;}
.list-inline ul li{display:inline;}
.gal-item{margin-top:5px; margin-bottom:5px;} .check-list.two-col ul, .col-count-two{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.check-list.three-col ul, .col-count-three{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.check-list.four-col ul, .col-count-four{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
@media only screen and (max-width: 1024px){
.col-count-three, .col-count-four, .check-list.three-col ul,  .check-list.four-col ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 768px){
.col-count-two, .col-count-three, .col-count-four, .check-list.two-col ul, .check-list.three-col ul, .check-list.four-col ul{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
} figure{
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
position:relative;
overflow: hidden;
}
figure a:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 5;
background: rgba(0,0,0,.4);
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
figure a img{
transition: all .35s ease;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-o-transition: all .35s ease;
-ms-transition: all .35s ease;
}
figure:hover{background:rgba(0,0,0,1);) }
figure a:hover img{
opacity:.5;
-webkit-transform: scale(1.1); -moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
figure a{display:block;-webkit-backface-visibility: hidden; }
figure .url {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 51px;
height: 51px;
margin: -21px 0 0 -21px;
border: 2px solid rgba(255,255,255,0.45);
border-radius: 50%;
text-indent: -23em;
overflow: hidden;
visibility: hidden;
opacity: 0;
font-style:normal;
-ms-transform:scale(3,3);
-webkit-transform:scale(3,3);
transform:scale(3,3);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
figure:hover .url {
visibility: visible;
opacity: 1;
-ms-transform:scale(1,1);
-webkit-transform:scale(1,1);
transform:scale(1,1);
}
figure .url:before {
content: "+" !important;
display: block;
width: 50px;
height: 50px;
text-align: center;
font-family: fontAwesome;
font-size: 22px;
font-weight: normal;
font-variant: normal;
text-indent: -3px !important;
text-decoration: inherit;
line-height: 48px;
color: rgba(255,255,255,1);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
transition: all .25s ease-out;
}
figure img{width:100%; height:auto; display:block;}
figure.overlay{position:relative; z-index:2;}
figure.overlay:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.5)}
figcaption{padding:15px 0;} .booking-form {
font-size: 14px;
font-weight: 300;
}
.booking-form .row {
margin-left: -5px;
margin-right: -5px;
}
.booking-form .row > div {
padding-left: 5px;
padding-right: 5px;
}
.booking-form .datepicker {
background: #fff url(//www.villasepuluh.com/wp-content/themes/wp_villas/images/icon-date.png) no-repeat scroll right 50%;
}
.booking-form input {
border-color: transparent;
color: #000000!important;
}
.booking-form input {
border: 1px solid #ddd;
float: left;
margin: 0 5px 10px 0;
padding: 5px 10px;
width: 100%;
height: 43px;
line-height: 43px;
}
.booking-form label {
display: block;
font-weight: 400;
margin: 0 0 3px;
}
.booking-form select {
border: 1px solid #ddd;
box-shadow: none;
height: 43px;
line-height: 43px;
padding: 3px 4px;
margin: 0 5px 10px 0;
width: 100%;
color: #000000 !important;
}
.booking-form  input.button {
background: #71bee9 none repeat scroll 0 0;
border: 2x solid #71bee9;
color: #fff;
height:47px;
}
.booking-form input.button {
background: #9bcbd5 !important;
border: 1px solid #9bcbd5;
color: #fff !important;
padding: 10px 15px;
width: 100%;
line-height:normal;
}
.booking-form textarea {
border: 1px solid #ddd;
border-radius: 3px;
float: left;
margin: 0 5px 5px 0;
padding: 5px 10px;
width: 100%;
min-height:100px;
}
@media only screen and (max-width: 767px){
#table-booking{max-width:400px;}
.bg-booking{display:none;}
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.35s ease-out; 
-moz-transition: all 0.35s ease-out; 
transition: all 0.35s ease-out;
background:#000;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .9;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content, .mfp-fade.mfp-wrap .mfp-content iframe {
opacity: 0;
-webkit-transition: all 0.35s ease-out; 
-moz-transition: all 0.35s ease-out; 
transition: all 0.35s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content, .mfp-fade.mfp-wrap.mfp-ready .mfp-content iframe {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content, .mfp-fade.mfp-wrap.mfp-removing .mfp-content iframe {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content figcaption{position:initial; left:initial; padding:initial}
.mfp-wrap {
z-index:1045;
}
.mfp-img{
transform: translate3d(0,0,0);
opacity:1 !important;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
max-width:100%;
}
.mfp-inline-holder .mfp-close{
color: #FFF;
right: -6px;
top:-44px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.white-popup-block, .light-grey-popup-block {
text-align: left;
max-width: 810px;
margin: 40px auto;
position: relative;
}
.white-sm-popup-block, .light-sm-grey-popup-block{
text-align: left;
max-width: 640px;
margin: 40px auto;
position: relative;
}
.white-popup-block , .white-sm-popup-block{
background: #FFF;
}
.light-grey-popup-block, .light-sm-grey-popup-block{
background: #f0f0f0;
}
.mfp-arrow{
background-color: rgba(0,0,0,.9) !important;
width: 60px !important;
height: 60px !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: 20px !important;
margin-top: -30px !important;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.mfp-arrow-left{
background-image:url(//www.villasepuluh.com/wp-content/themes/wp_villas/images/prev.png) !important;
}
.mfp-arrow-right{
background-image:url(//www.villasepuluh.com/wp-content/themes/wp_villas/images/next.png) !important;
}
.mfp-arrow:before, .mfp-arrow:after{display:none;}
img.mfp-img{
width: auto !important;
max-width: 100% !important;
height: auto !important;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mfp-content figure, .mfp-content figure:hover{overflow:initial !important;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-bottom-bar{margin-top:10px;}
.p-absolute{position:absolute; z-index:3;}
.p-relative{position:relative; z-index:3;}
.d-table-cell{display:table-cell; vertical-align:middle}
.d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;} 
.overflow-hidden{overflow: hidden} .no-margin{margin:0 !important;}
.no-margin-top{  margin-top:0 !important;}
.margin-top-5{  margin-top:5px !important;}
.margin-top-10{  margin-top:10px !important;}
.margin-top-20{  margin-top:20px !important;}
.margin-top-30{  margin-top:30px !important;}
.margin-top-40{  margin-top:40px !important;}
.margin-top-50{  margin-top:50px !important;}
.margin-top-60{  margin-top:60px !important;}
.margin-top-reverse-5{  margin-top:-5px !important;}
.margin-top-reverse-10{  margin-top:-10px !important;}
.margin-top-reverse-20{  margin-top:-20px !important;}
.margin-top-reverse-30{  margin-top:-30px !important;}
.margin-top-reverse-40{  margin-top:-40px !important;}
.margin-top-reverse-50{  margin-top:-50px !important;}
.margin-top-reverse-60{  margin-top:-60px !important;}
.no-margin-right{  margin-right:0 !important;}
.margin-right-5{  margin-right:5px !important;}
.margin-right-10{  margin-right:10px !important;}
.margin-right-20{  margin-right:20px !important;}
.margin-right-30{  margin-right:30px !important;}
.margin-right-40{  margin-right:40px !important;}
.margin-right-50{  margin-right:50px !important;}
.margin-right-60{  margin-right:60px !important;}
.margin-right-reverse-5{  margin-right:-5px !important;}
.margin-right-reverse-10{  margin-right:-10px !important;}
.margin-right-reverse-20{  margin-right:-20px !important;}
.margin-right-reverse-30{  margin-right:-30px !important;}
.margin-right-reverse-40{  margin-right:-40px !important;}
.margin-right-reverse-50{  margin-right:-50px !important;}
.margin-right-reverse-60{  margin-right:-60px !important;}
.no-margin-bottom{  margin-bottom:0 !important;}
.margin-bottom-5{  margin-bottom:5px !important;}
.margin-bottom-10{  margin-bottom:10px !important;}
.margin-bottom-20{  margin-bottom:20px !important;}
.margin-bottom-30{  margin-bottom:30px !important;}
.margin-bottom-40{  margin-bottom:40px !important;}
.margin-bottom-50{  margin-bottom:50px !important;}
.margin-bottom-60{  margin-bottom:60px !important;}
.margin-bottom-reverse-5{  margin-bottom:-5px !important;}
.margin-bottom-reverse-10{  margin-bottom:-10px !important;}
.margin-bottom-reverse-20{  margin-bottom:-20px !important;}
.margin-bottom-reverse-30{  margin-bottom:-30px !important;}
.margin-bottom-reverse-40{  margin-bottom:-40px !important;}
.margin-bottom-reverse-50{  margin-bottom:-50px !important;}
.margin-bottom-reverse-60{  margin-bottom:-60px !important;}
.no-margin-left{  margin-left:0 !important;}
.margin-left-5{  margin-left:5px !important;}
.margin-left-10{  margin-left:10px !important;}
.margin-left-20{  margin-left:20px !important;}
.margin-left-30{  margin-left:30px !important;}
.margin-left-40{  margin-left:40px !important;}
.margin-left-50{  margin-left:50px !important;}
.margin-left-60{  margin-left:60px !important;}
.margin-left-reverse-5{  margin-left:-5px !important;}
.margin-left-reverse-10{  margin-left:-10px !important;}
.margin-left-reverse-20{  margin-left:-20px !important;}
.margin-left-reverse-30{  margin-left:-30px !important;}
.margin-left-reverse-40{  margin-left:-40px !important;}
.margin-left-reverse-50{  margin-left:-50px !important;}
.margin-left-reverse-60{  margin-left:-60px !important;}
.margin-5{ margin:5px !important;}
.margin-8{ margin:8px !important;}
.margin-10{  margin:10px !important;}
.margin-15{  margin:15px !important;}
.margin-20{  margin:20px !important;}
.margin-30{  margin:30px !important;}
.margin-40{  margin:40px !important;}
.margin-50{  margin:50px !important;}
.margin-60{  margin:60px !important;}
.margin-fluid-1{margin:1vw;}
.margin-fluid-2{margin:2vw;}
.margin-fluid-3{margin:3vw;}
.margin-fluid-4{margin:4vw;}
.margin-fluid-5{margin:5vw;}
.margin-fluid-6{margin:6vw;}
.margin-fluid-7{margin:7vw;}
.margin-fluid-8{margin:8vw;}
.margin-fluid-top-1{margin-top:1vw;}
.margin-fluid-top-2{margin-top:2vw;}
.margin-fluid-top-3{margin-top:3vw;}
.margin-fluid-top-4{margin-top:4vw;}
.margin-fluid-top-5{margin-top:5vw;}
.margin-fluid-top-6{margin-top:6vw;}
.margin-fluid-top-7{margin-top:7vw;}
.margin-fluid-top-8{margin-top:8vw;}
.margin-fluid-top-reverse-1{margin-top:-1vw;}
.margin-fluid-top-reverse-2{margin-top:-2vw;}
.margin-fluid-top-reverse-3{margin-top:-3vw;}
.margin-fluid-top-reverse-4{margin-top:-4vw;}
.margin-fluid-top-reverse-5{margin-top:-5vw;}
.margin-fluid-top-reverse-6{margin-top:-6vw;}
.margin-fluid-top-reverse-7{margin-top:-7vw;}
.margin-fluid-top-reverse-8{margin-top:-8vw;}
.margin-fluid-right-1{margin-right:1vw;}
.margin-fluid-right-2{margin-right:2vw;}
.margin-fluid-right-3{margin-right:3vw;}
.margin-fluid-right-4{margin-right:4vw;}
.margin-fluid-right-5{margin-right:5vw;}
.margin-fluid-right-6{margin-right:6vw;}
.margin-fluid-right-7{margin-right:7vw;}
.margin-fluid-right-8{margin-right:8vw;}
.margin-fluid-right-reverse-1{margin-right:-1vw;}
.margin-fluid-right-reverse-2{margin-right:-2vw;}
.margin-fluid-right-reverse-3{margin-right:-3vw;}
.margin-fluid-right-reverse-4{margin-right:-4vw;}
.margin-fluid-right-reverse-5{margin-right:-5vw;}
.margin-fluid-right-reverse-6{margin-right:-6vw;}
.margin-fluid-right-reverse-7{margin-right:-7vw;}
.margin-fluid-right-reverse-8{margin-right:-8vw;}
.margin-fluid-bottom-1{margin-bottom:1vw;}
.margin-fluid-bottom-2{margin-bottom:2vw;}
.margin-fluid-bottom-3{margin-bottom:3vw;}
.margin-fluid-bottom-4{margin-bottom:4vw;}
.margin-fluid-bottom-5{margin-bottom:5vw;}
.margin-fluid-bottom-6{margin-bottom:6vw;}
.margin-fluid-bottom-7{margin-bottom:7vw;}
.margin-fluid-bottom-8{margin-bottom:8vw;}
.margin-fluid-bottom-reverse-1{margin-bottom:-1vw;}
.margin-fluid-bottom-reverse-2{margin-bottom:-2vw;}
.margin-fluid-bottom-reverse-3{margin-bottom:-3vw;}
.margin-fluid-bottom-reverse-4{margin-bottom:-4vw;}
.margin-fluid-bottom-reverse-5{margin-bottom:-5vw;}
.margin-fluid-bottom-reverse-6{margin-bottom:-6vw;}
.margin-fluid-bottom-reverse-7{margin-bottom:-7vw;}
.margin-fluid-bottom-reverse-8{margin-bottom:-8vw;}
.margin-fluid-left-1{margin-left:1vw;}
.margin-fluid-left-2{margin-left:2vw;}
.margin-fluid-left-3{margin-left:3vw;}
.margin-fluid-left-4{margin-left:4vw;}
.margin-fluid-left-5{margin-left:5vw;}
.margin-fluid-left-6{margin-left:6vw;}
.margin-fluid-left-7{margin-left:7vw;}
.margin-fluid-left-8{margin-left:8vw;}
.margin-fluid-left-reverse-1{margin-left:-1vw;}
.margin-fluid-left-reverse-2{margin-left:-2vw;}
.margin-fluid-left-reverse-3{margin-left:-3vw;}
.margin-fluid-left-reverse-4{margin-left:-4vw;}
.margin-fluid-left-reverse-5{margin-left:-5vw;}
.margin-fluid-left-reverse-6{margin-left:-6vw;}
.margin-fluid-left-reverse-7{margin-left:-7vw;}
.margin-fluid-left-reverse-8{margin-left:-8vw;} .no-padding{padding:0 !important;}
.no-padding-top{  padding-top:0 !important;}
.padding-top-5{  padding-top:5px !important;}
.padding-top-10{  padding-top:10px !important;}
.padding-top-20{  padding-top:20px !important;}
.padding-top-30{  padding-top:30px !important;}
.padding-top-40{  padding-top:40px !important;}
.padding-top-50{  padding-top:50px !important;}
.padding-top-60{  padding-top:60px !important;}
.padding-top-70{  padding-top:70px !important;}
.padding-top-80{  padding-top:80px !important;}
.padding-top-90{  padding-top:90px !important;}
.padding-top-100{ padding-top:100px !important;}
.padding-top-110{ padding-top:110px !important;}
.padding-top-120{ padding-top:120px !important;}
.no-padding-right{  padding-right:0 !important;}
.padding-right-10{  padding-right:10px !important;}
.padding-right-15{  padding-right:15px !important;}
.padding-right-20{  padding-right:20px !important;}
.padding-right-30{  padding-right:30px !important;}
.padding-right-40{  padding-right:40px !important;}
.padding-right-50{  padding-right:50px !important;}
.padding-right-60{  padding-right:60px !important;}
.no-padding-bottom{  padding-bottom:0 !important;}
.padding-bottom-5{  padding-bottom:5px !important;}
.padding-bottom-10{  padding-bottom:10px !important;}
.padding-bottom-20{  padding-bottom:20px !important;}
.padding-bottom-30{  padding-bottom:30px !important;}
.padding-bottom-40{  padding-bottom:40px !important;}
.padding-bottom-50{  padding-bottom:50px !important;}
.padding-bottom-60{  padding-bottom:60px !important;}
.padding-bottom-70{  padding-bottom:70px !important;}
.padding-bottom-80{  padding-bottom:80px !important;}
.padding-bottom-90{  padding-bottom:90px !important;}
.padding-bottom-100{  padding-bottom:100px !important;}
.padding-bottom-110{  padding-bottom:110px !important;}
.padding-bottom-120{  padding-bottom:120px !important;}
.padding-bottom-130{  padding-bottom:130px !important;}
.padding-bottom-140{  padding-bottom:140px !important;}
.padding-bottom-150{  padding-bottom:150px !important;}
.no-padding-left{  padding-left:0 !important;}
.padding-left-10{  padding-left:10px !important;}
.padding-left-15{  padding-left:15px !important;}
.padding-left-20{  padding-left:20px !important;}
.padding-left-30{  padding-left:30px !important;}
.padding-left-40{  padding-left:40px !important;}
.padding-left-50{  padding-left:50px !important;}
.padding-left-60{  padding-left:60px !important;}
.padding-5{ padding:5px !important;}
.padding-8{ padding:8px !important;}
.padding-10{  padding:10px !important;}
.padding-15{  padding:15px !important;}
.padding-20{  padding:20px !important;}
.padding-30{  padding:30px !important;}
.padding-40{  padding:40px !important;}
.padding-50{  padding:50px !important;}
.padding-60{  padding:60px !important;}
.padding-fluid-1{padding:1vw;}
.padding-fluid-2{padding:2vw;}
.padding-fluid-3{padding:3vw;}
.padding-fluid-4{padding:4vw;}
.padding-fluid-5{padding:5vw;}
.padding-fluid-6{padding:6vw;}
.padding-fluid-7{padding:7vw;}
.padding-fluid-8{padding:8vw;}
.padding-fluid-top-1{padding-top:1vw;}
.padding-fluid-top-2{padding-top:2vw;}
.padding-fluid-top-3{padding-top:3vw;}
.padding-fluid-top-4{padding-top:4vw;}
.padding-fluid-top-5{padding-top:5vw;}
.padding-fluid-top-6{padding-top:6vw;}
.padding-fluid-top-7{padding-top:7vw;}
.padding-fluid-top-8{padding-top:8vw;}
.padding-fluid-right-1{padding-right:1vw;}
.padding-fluid-right-2{padding-right:2vw;}
.padding-fluid-right-3{padding-right:3vw;}
.padding-fluid-right-4{padding-right:4vw;}
.padding-fluid-right-5{padding-right:5vw;}
.padding-fluid-right-6{padding-right:6vw;}
.padding-fluid-right-7{padding-right:7vw;}
.padding-fluid-right-8{padding-right:8vw;}
.padding-fluid-bottom-1{padding-bottom:1vw;}
.padding-fluid-bottom-2{padding-bottom:2vw;}
.padding-fluid-bottom-3{padding-bottom:3vw;}
.padding-fluid-bottom-4{padding-bottom:4vw;}
.padding-fluid-bottom-5{padding-bottom:5vw;}
.padding-fluid-bottom-6{padding-bottom:6vw;}
.padding-fluid-bottom-7{padding-bottom:7vw;}
.padding-fluid-bottom-8{padding-bottom:8vw;}
.padding-fluid-left-1{padding-left:1vw;}
.padding-fluid-left-2{padding-left:2vw;}
.padding-fluid-left-3{padding-left:3vw;}
.padding-fluid-left-4{padding-left:4vw;}
.padding-fluid-left-5{padding-left:5vw;}
.padding-fluid-left-6{padding-left:6vw;}
.padding-fluid-left-7{padding-left:7vw;}
.padding-fluid-left-8{padding-left:8vw;}
.margin-center{float:inherit; margin:0 auto}
.h-xs-10{height:10vw}
.h-xs-15{height:15vw}
.h-xs-20{height:20vw}
.h-xs-25{height:25vw}
.h-xs-30{height:30vw}
.h-xs-35{height:35vw}
.h-xs-40{height:40vw}
.h-xs-45{height:45vw}
.h-xs-50{height:50vw}
@media only screen and (min-width: 768px){
.h-sm-10{height:10vw}
.h-sm-15{height:15vw}
.h-sm-20{height:20vw}
.h-sm-25{height:25vw}
.h-sm-30{height:30vw}
.h-sm-35{height:35vw}
.h-sm-40{height:40vw}
.h-sm-45{height:45vw}
.h-sm-50{height:50vw}
}
@media only screen and (min-width: 992px){
.h-md-10{height:10vw}
.h-md-15{height:15vw}
.h-md-20{height:20vw}
.h-md-25{height:25vw}
.h-md-30{height:30vw}
.h-md-35{height:35vw}
.h-md-40{height:40vw}
.h-md-45{height:45vw}
.h-md-50{height:50vw}
} .rate .roomTypesGadget .searchTools {text-transform: uppercase; font-family: "Open Sans"; background: none repeat-x scroll left top #6195a1 !important; color: #ffffff; border-radius:0; padding: 10px 20px !important;}
.rate .roomTypesGadget .searchTools input, .rate .roomTypesGadget .searchTools select{color:#000 !important}
.roomTypesGadget a,  .roomTypesGadget p,  .roomTypesGadget b,  .roomTypesGadget i,  .roomTypesGadget table,  .roomTypesGadget th,  .roomTypesGadget td {font-family:"Open Sans" !important;}
.roomTypesGadget .displayGrid table th { background-color: #222 !important; font-family:"Open Sans" !important;}
.roomTypesGadget .displayGrid table thead {font-family:"Open Sans" !important;}
.roomTypesGadget .displayGrid table thead th.lhs {padding-top: 15px;  text-transform: none !important;}
.roomTypesGadget .displayGrid table thead th.lhs {padding-top: 15px;  text-transform: none !important;}
.roomTypesGadget .displayGrid table thead th b.day {padding-top: 5px;}
.roomTypesGadget .displayGrid table th.weekend { background-color:#4D5254 !important;}
.roomTypesGadget .displayGrid table tbody td.button {background: transparent !important;}
.roomTypesGadget .displayGrid table td.button a.noBook {background: #e3e3e3 !important; color:#999 !important; text-transform: none !important; border-radius:0 !important;}
.roomTypesGadget .displayGrid table td.button a.nonConsec {background: #777 !important; font-size: 11px !important; text-transform: none !important;}
.roomTypesGadget .displayGrid table td.button a.bookable {background: #84cdde !important;}
.roomTypesGadget .displayGrid table tbody td.button a.bookable b {font-weight: normal !important;}
.roomTypesGadget .displayGrid table tbody td.button a b.price {font-weight: normal !important;}
.roomTypesGadget .displayGrid table td.button a.minNights {text-transform: none !important;background:  #454545!important; }
.rate .roomTypesGadget button { padding: 10px!important; text-transform: none !important; background-color: #4D5254 !important;}
.roomTypesGadget .searchTools .voucherCode input {padding: 1px 15px 1px 5px !important} body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.bookable b,body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.nonConsec b{display:block;text-align:center;padding-left:15px !important; padding-top:2px !important; background-size:35% !important; background-position-x:-2px !important; font-size: 80% !important; height:32px;overflow:hidden;}body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.bookable b b,body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.nonConsec b b{padding-left:3px !important; font-size:110% !important; background:none;}
body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.bookable b b.text,body div.roomTypesGadget div.displayGrid table tbody tr.voucher-unlocked td.button a.nonConsec b b.text{height:1.2em;overflow:hidden; margin-top:-2px !important; padding-top:0 !important;}body div.roomTypesGadget div.displayGrid table tbody td.propertyName{border-right:none;border-left:none;font-weight:bold;cursor:default;}body div.roomTypesGadget div.displayGrid table tbody td.excessGuests{background-color:#fdd;}
div.roomTypesGadget, div.roomTypesGadget div.searchTools{border-radius:0 !important;}
.rate div.roomTypesGadget div.searchTools div.checkIn a{border:none !important;} div#wdOverlayContent.overlayMode.voucher-unlocked div.voucher-unlocked h3,div#wdOverlayContent.overlayMode.voucher-unlocked div.voucher-unlocked p{margin:0;}div#wdOverlayContent.overlayMode.voucher-unlocked div.voucher-unlocked h3{margin:-7px 0 !important;font-size:inherit;}div#wdOverlayContent.overlayMode.extended-description-more{padding:10px;font-size:11pt;}div#wdOverlayContent.overlayMode.extended-description-more h3{margin:0;}
.rate #bookGrid{font-size:14px;}
.rate #bookGrid input[type="text"], .rate #bookGrid select, .rate  div.roomTypesGadget div.searchTools div.checkIn a span.text{height:30px; line-height:30px; border:none; border-radius:2px;}
.rate div.roomTypesGadget div.displayGrid table tbody td.button a{width:100px !important; height:40px !important;}
.rate div.roomTypesGadget div.displayGrid table thead th.rhs button{border:none !important}
.rate div.roomTypesGadget div.searchTools div.checkIn a span.text{width:100% !important;}
.booking-form input, .booking-form select, .booking-form div.searchTools div.checkIn a, .booking-form label, .booking-form button{font-family: 'Open Sans', sans-serif !important; font-size:14px !important;}
.booking-form div.searchTools div.checkIn a{margin-bottom:10px;}
.booking-form div.roomTypesGadget div.searchTools, .booking-form div.roomTypesGadget, .booking-form .roomTypesGadget .searchTools{padding:0; background:transparent !important; width:100%; border:none !important;}
.booking-form div.roomTypesGadget div.toolsLayout_vert div{float:left}
.booking-form div.roomTypesGadget div.searchTools div.checkIn a, .booking-form select{padding:5px 10px; border:1px solid #e0e0e0; width:100% !important; border-radius:0; height:43px; line-height:33px;}
.booking-form div.checkIn, .booking-form div.nightStay{width:100%;}
.booking-form div.adults, .booking-form div.children{width:calc(49% - 5px);}
.booking-form div.children{margin-right:0 !important;}
.booking-form button{padding:10px 25px; color:#fff !important; background:#3f707b !important; height:initial !important; border:none !important; text-transform:uppercase; line-height:normal !important;}
.booking-form div.roomTypesGadget div.searchTools div.checkIn a span.text{width:100%;}
div.wpia-calendar{display: inline-block; vertical-align: top;float: none;}
body div.roomTypesGadget div.searchTools div.checkIn a span.icon{background:url(//www.villasepuluh.com/wp-content/themes/wp_villas/images/calendar.jpg) 50% 50% !important}
.wpia-legend{display:inline-flex; clear:both; float:none; margin-top:10px;}
.wpia-legend .wpia-legend-item{margin:0 5px;}