@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display");
html {
position: relative;
min-height: 100%;
}
body {
background:#fff;
background-attachment: fixed;
font-family: 'Quattrocento Sans';
font-size: 16px;
line-height: 1.2em;
font-weight: 400;
font-style: normal;
letter-spacing: 0.2px;
color: #858689;
padding:0;
overflow-x:hidden;
} h1,h2,h3,h4, .h1, .h2, .h3, .h4{
color:#08579b;
font-family: 'Playfair Display', sans-serif;
margin:0 0 20px 0;
}
h2, .h2{font-size:2.7em;color:#0b263e;}
h3, .h3{font-size: 2em;letter-spacing: 1px;}
h4, .h4{
font-size: 1.2em;
letter-spacing: 2px;  
}
p{ line-height: 1.4; margin-bottom:20px; }
.font-2x, .font-2x p{font-size:16px !important; line-height:27px; font-weight:300;}
.font-3x, .font-3x p{font-size:18px !important; line-height:30px; font-weight:300;}
.font-4x, .font-4x p{font-size:20px !important; line-height: 33px; font-weight:300;}
blockquote {
border: none;
color: #333333;
font-size: 18px;
font-weight: 500;
font-style: italic;
line-height: 32px;
margin-bottom: 20px;
padding: 0px; 
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #fff;
border-radius: 4px;
}
a, a i{
color: #000;
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(255, 255, 255, 0.2);}
ul, ol {
margin-top: 0;
margin-bottom: 20px;
}
strong{font-weight:600;}
section {padding:90px 0; overflow:hidden;}
button{outline:none;}
textarea {resize: vertical;}
.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;}
#canvas{
margin:20px;
background: #fff;
}
.wrapper{padding:2%;} #logo{
position: absolute;
display: block;
top: 0;
z-index: 999;
width: 220px;
margin: 0 20px 0 0;
text-align: center;
background: #fff;
padding: 15px 20px;
}
.on #logo{padding: 10px 0; width: 134px;} header{
background: #fff;
font-size:13px;
position:relative;
transition: all 0.3s ease;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease; 
}
header.fixed{
box-shadow:0px 1px 3px rgba(0,0,0,.05);
position:fixed !important;
z-index:99999;
}
header .container{
width: calc(100% - 40px) !important;
padding: 0;
} nav{width:100%;}
#nav-menu.navbar-default.on {background-color:#fff !important; padding: 0; top:0; left:0; right:0; box-shadow:0 1px 4px rgba(0,0,0,.05)}
#nav-menu{transition:all 0.2s;}
#nav-menu.navbar-default{
top:20px;
left:20px;
right:20px;
clear:both;
margin-bottom:0;
border-color: rgba(0,0,0,.05);
border-width: 0;
background:transparent;
border-radius:0;
position:fixed;
z-index:99;
}
.navbar-default{
border-color: transparent;
border-width: 0;
border-radius:0;
clear:both;
margin-bottom:0;
padding:0;
}
#primary-menu{
border:none !important;
box-shadow:none !important;
margin-left:0;
margin-right:0; 
}
#leftmenu, #rightmenu{
margin-top:0;
margin-bottom:0;
}
#leftmenu{
float:left;
text-align:left;
}
#rightmenu{
float:right;
text-align:right;
}
#leftmenu > li, #rightmenu > li{
float:none;
display:inline-block;
}
#leftmenu > li:first-child > a, #rightmenu > li:first-child > a{
padding-left:0;
}
#leftmenu > li:last-child > a, #rightmenu > li:last-child > a{
padding-right:0;
}
.navbar-collapse{max-height:inherit;}
.navbar-nav{
margin-left:-15px;
margin-right:-15px;
}
.navbar-nav > li > a {
color: #003456;
font-size: 16px;
padding: 30px 23px;
text-transform: uppercase;
letter-spacing: 1px;
} .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;
position: relative;
}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
border-radius: 1px;
background-color: #fff;
display: block;
height: 1px;
margin-top: 5px;
width: 25px;  
}
.on #mobile-menu-trigger .icon-bar {background-color: #000;}
#mobile-menu-trigger .icon-bar:first-child{margin-top:0;}
.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 {padding: 25px; color:#08579b}
.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:#000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background-color: transparent;
color:#000;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background-color: transparent;
color:#efa157;
}
.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.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:#efa157;
}
.dropdown-menu {
background:rgba(255,255,255,.95);
border-radius: inherit; 
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.dropdown-menu > li > a{padding: 10px 20px;}
.caret{margin-left:5px;}
.sub-menu{
background-color: rgba(0,0,0,.5);
background-clip: padding-box;
box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
font-size: 14px;
text-transform: uppercase;
display: none;
float: left;
list-style: none;
left: 0;
min-width: 200px;
margin: 0;
position: absolute;
padding: 5px 10px;
top: 100%;
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: #fff;
display: block;
font-weight: normal;
line-height: 1.42857143;
padding: 10px;
white-space: nowrap;	
}
.sub-menu > li > a:hover{background:rgba(255,255,255,0.1);}
.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;
width: 0;
vertical-align: middle; 
}
.sub-menu .expand-trigger:after{
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid;
top: 21px;
}
#canvas{
background: #fff;
} .slider:before{
content:'';
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
width: calc(100% - 40px);
height: 100px;
position: absolute;
z-index: 9;
}
#home .slides{padding:0;height:calc(100vh - 40px);}
#home .slider{padding:0;height:calc(100vh - 40px);}
.slider{padding:0;height:75vh;}
.slides .container{width:99.9%;}
.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;
width:calc(100% - 40px);
vertical-align:middle;
}
.slides .tagline-content, .carousel .tagline-content {
color: #fff;
display: inline-block;
margin:auto;
width:calc(100% - 40px);
}
.carousel .tagline-content{vertical-align:middle}
.slides i{
display:inline-block;
height:124px;
width:140px;
}
#home .slides h2{font-size:5vw;}
.slides h1, .slides h2{
color:#fff;
font-size: 4vw;
text-transform:uppercase;
letter-spacing: 5px;
}
.slides h3{
color:#cba55c;
font-family: 'Great Vibes', cursive;
font-size:3vw;
line-height:30px;
margin-bottom:30px;
}
.slides p{
color:#cba55c; 
font-size:2vw; 
font-family: 'Great Vibes', cursive; 
font-weight:400;
}
.slider span {
display: inline-block;
font-size:20px;
font-weight:500;
position: relative;
font-family: 'Saira Extra Condensed', sans-serif;
text-transform:uppercase;
}
.slider span:before,
.slider span:after {
border-top: 1px solid #efa157;
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 #efa157;
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; width:auto; opacity:.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; 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:#000 !important;
content:'';
height: 100%;
left: 0;
opacity: 0.2;
position:absolute;
top: 0;
width:100%;
z-index: 5;
}
.flex-control-nav li:first-child{margin:0 10px;}
.flex-control-nav li{margin:0 10px;}
.flex-control-nav li a {
width: 10px;
height: 10px;
display: block;
cursor: pointer;
text-indent: -999em;
background: none repeat scroll 0 0 transparent;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
opacity: 0.5;
filter: alpha(opacity=50);
}
.flex-control-nav li a.flex-active {
background: #fff;
border: 2px solid #fff;
cursor: default;
opacity: 1;
filter: alpha(opacity=100);
}
.flex-control-nav li a:hover { 
background: transparent; 
border: 2px solid #fff; 
opacity:1; 
filter:alpha(opacity=100); 
} .about-item h3{
font-family: "Great Vibes";
font-style: normal;
font-weight: 400;
font-size: 38px;
line-height: 48px;
letter-spacing: 0px;
color: rgb(202, 128, 57);
}
#about h4{text-transform:uppercase; text-align:right;}
#about h4:before{
border-top: 2px solid #ded5d5;
content: "";
height: 10px;
position: absolute;
top: 30%;
width: 90%;
}
#about h4:before {
right: 15%;
margin-right: 0;
} .featured-item{
background:#f2f5f7;
text-align:center;
padding:5vw;
} #testimonial.owl-carousel .owl-item img {
display: block;
width: auto;
margin:0 auto;
-webkit-transform-style: preserve-3d;
}
#testimonial span{
font-family: 'Great Vibes', cursive;
color: #003456;
font-size: 30px;
line-height: 30px;
}
#testimonial.owl-theme .owl-nav [class*='owl-']{display:none;} #price h3{
display: inline-block;
font-size:20px;
font-weight:500;
position: relative;
font-family: 'Saira Extra Condensed', sans-serif;
text-transform:uppercase;
color:#efa157;
margin-bottom: 30px;
}
#price h3:before,
#price h3:after {
border-top: 1px solid #efa157;
content: "";
height: 5px;
position: absolute;
top: 15px;
width: 70px;
}
#price h3:before {
right: 100%;
margin-right: 15px;
}
#price h3:after {
left: 100%;
margin-left: 15px;
}
.price-caption{
position: relative;
bottom: 0;
right: 0;
width: 33.33333333%;
}
.price-desc{    
background-color:rgba(14,17,26,.80);
padding: 3vw;
text-align:center;
}
#price span{color:#fff;} .shop-caption{padding:1vw 0; text-align:center;}
.shop-caption h3{
font-family: 'Quattrocento Sans';
font-size: 21px !important;
font-weight: bold;
color: #003456 !important;
letter-spacing: 0px;
margin-bottom:10px;
}
.shop-caption p{
color: #efa157;
font-family: 'Quattrocento Sans';
font-size: 21px !important;
font-weight: 400;
}
.tab-content{padding-top:1vw;}
.tab-content h2{
font-family: 'Great Vibes';
font-size: 38px !important;
font-weight: 400;
letter-spacing: 0px;
color: #efa157 !important;
text-transform:capitalize;
}
.panel-default {border-color: transparent;}
.form-review{background-color: #f2f5f7; padding:2vw;}
.related-product h2{
font-family: 'Great Vibes';
font-size: 38px !important;
line-height: 48px;
font-weight: 400;
letter-spacing: 0px;
color: #efa157 !important;
text-transform:capitalize;
} .location-caption{
position: relative;
bottom: 0;
right: 0;
width: 50%;
background-color:rgba(14,17,26,.80);
}
.location-caption h4{color:#fff;}
.location-desc{    
padding: 2vw;
text-align:left;
font-size:16px;
}
.location-border{border:1px solid rgba(255,255,255,.30); padding: 2vw;} .contact h4{text-transform:uppercase; text-align:right;}
.contact h4:before{
border-top: 2px solid #ded5d5;
content: "";
height: 10px;
position: absolute;
top: 15%;
width: 90%;
}
.contact h4:before {
right: 15%;
margin-right: 0;
}
.form-control {
display: block;
width: 100%;
height: 45px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #e8e8e8;
border-radius: 0px;
-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;
} footer{
color:rgba(255,255,255,.65);
padding:60px 0 40px 0;
background:#08579b;
}
.footer-list ul{margin:0; padding:0;}
.footer-list li{list-style:none; display:block; padding:5px 0;}
.footer-list li a{
color:#fcff55;
} .social-media ul{
margin:0; 
padding:0;
}
.social-media li{
display:inline-block;
list-style:none;
}
.social-media li a{
background:rgba(255,255,255,1);
width:40px;
height:40px;
font-size:17px;
color:#08579b !important;
display:block;
border-radius: 50%;
}
.social-media li a i{
color:#08579b;
font-size: 16px;
height: 40px;
text-align: center;
transition: all 0.3s ease;
line-height: 40px;
width: 40px; 
}
.social-media li a i:hover{
color:#cb9734;
} .text-brown{color:#3e2516 !important;}
.text-brown-light{color:#3facc0 !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 h1, .text-white .h1, .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, .text-white i{color:#fff !important}
.text-green{color:#6dd4e6 !important;}
.text-gold, .text-gold h1, .text-gold .h1, .text-gold h2, .text-gold .h2, .text-gold h3, .text-gold .h3, .text-gold h4, .text-gold .h4, .text-gold ul li, .text-gold ol li, .text-gold a, .text-gold label, .text-gold i{color:#efa157 !important;}
.text-blue, .text-blue h1, .text-blue .h1, .text-blue h2, .text-blue .h2, .text-blue h3, .text-blue .h3, .text-blue h4, .text-blue .h4, .text-blue ul li, .text-blue ol li, .text-blue a, .text-blue label, .text-blue i{color:#039be5 !important}
.text-yellow, .text-yellow h1, .text-yellow .h1, .text-yellow h2, .text-yellow .h2, .text-yellow h3, .text-yellow .h3, .text-yellow h4, .text-yellow .h4, .text-yellow ul li, .text-yellow ol li, .text-yellow a, .text-yellow label, .text-yellow i{color:#fcff55 !important} .text-uppercase{text-transform:uppercase;}
.sub-title{font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:5px;}
.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}
} .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%;}
.equal-wrapper{display: flex;}
.equalHW {flex: 1;} .quantity{display:inline-block; padding-right:1vw;}
.quantity input {
display: inline-block;
width: 70px;
height: 51px;
padding 0;
margin: 0;
text-align:center;
background: #fff;
border: 1px solid #ccc;
border-right: none;
}
.quantity input:last-child {
border-right: 1px solid #ccc;
} .check-list ul{margin:0 0 30px 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;
}
} .btn{
background: transparent;
border-radius: 0px;
color: #efa157;
font-size: 14px;
font-weight: 600;
padding: 13px 35px;
text-transform: uppercase;
text-decoration: none;
transition: all .4s ease-in-out;
-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:#efa157;
color:#fff;
}
.btn.btn-gold:hover{
background:#003456 !important;
color:#fff;
}
.btn.btn-blue{
background:#003456;
color:#fff;
}
.btn:hover, .btn.border:hover{
background:#efa157 !important; 
border-color:transparent !important; 
color:#fff;
}
.btn-booking{position:fixed; z-index:99; right:30px; bottom:30px; font-size:18px; background:#fff259 !important; color: #000; letter-spacing:-1px;}
.bg-black{background-color:#000 !important}
.bg-black-transparent{background-color:rgba(0,0,0,.5) !important}
.bg-white{background-color:#fff !important}
.bg-white-transparent{background-color:rgba(255,255,255,.9) !important}
.bg-none{background-color:transparent !important}
.bg-light-grey{background:#f2f5f7 !important;}
.bg-dark-blue{background:#0b263e !important;}
.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-gold{border:2px solid #efa157;}
.border-blue{border:2px solid #0b263e; color:#0b263e}
.border-white{border:2px solid #fff;} .line{
display: block;
width: 230px;
height: 3px;
background:#dadfe5;
padding: 0 15px;
margin-bottom: 20px;
margin-top: 20px;
}
.lines{
display: block;
width: 60px;
height: 3px;
background:#efa157;
padding: 0 15px;
margin-bottom: 20px;
margin-top: 20px;
} .overlay{position:relative;}
.overlay:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(14,17,26,.40)}
.overlay.transparent:before{display:none}
.overlay.turquoise:before{background:rgba(46,179,194,.8)}
.overlay.darker:before{background: rgba(14,17,26,.70)} .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{font-size:14px; 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%);
}
.overlay-caption.gradient:after{
content:'';
position: absolute;
width: 100%;
left: 0;
right:auto;
bottom: 0;
top:auto;
height: 50%;
opacity:1;
z-index: 3;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,-0.65) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
.arrow-up:after{
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid #fff;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 10px;
height:10px;
margin: auto;
z-index: 9999;
}
.arrow-down:after{
content: "";
border-top: 15px solid #fff;
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 10px;
height:10px;
margin: auto;
z-index: 9999;
}
.arrow-left:after{
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid #fff;
position: absolute;
top:0;
bottom: 0;
right: 0;
width: 10px;
height:10px;
margin: auto;
z-index: 9999;
}
.arrow-right:after{
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #fff;
border-right: 15px solid transparent;
position: absolute;
top:0;
bottom: 0;
left: 0;
width: 10px;
height:10px;
margin: auto;
z-index: 9999;
} 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 img{width:100%; height:auto; display:block;}
figure.overlay{position:relative; z-index:1;}
figure.overlay:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.5)} .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.villalaluvier.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: #002455 none repeat scroll 0 0;
border: 1px solid #002455;
color: #fff;
}
.booking-form input.button {
background: #08579b !important;
border: 1px solid #08579b;
color: #fff !important;
padding: 8px 15px;
width: 100%;
height:50px;
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.villalaluvier.com/wp-content/themes/wp_villas/images/prev.png) !important;
}
.mfp-arrow-right{
background-image:url(//www.villalaluvier.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-32{height:32vw}
.h-xs-33{height:33vw}
.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-32{height:32vw}
.h-sm-33{height:33vw}
.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-32{height:32vw}
.h-md-33{height:33vw}
.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 #08579b !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: #2d9eff !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:#0b344a !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.villalaluvier.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;}