/*
Theme Name: Villa Uma Girasole
Theme URI: http://www.baliwebcreator.com
Description: <p>Villa Uma Girasole Custom CMS wordpress template. It's a customize wordpress template which focus on creating good design and functionality with unique style and design just for use to Baliwebcreator's client, Villa Uma Girasole</p>
Version: 1.0
Updated Date:02/02/2017
Author: Bali Web Creator
Created Date:02/02/2017

Author URI: http://www.baliwebcreator.com/

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
@import url('https://fonts.googleapis.com/css?family=Dosis:300');

html {
    min-height: 100%;
    position: relative;
}
body {
    background:#f4f4f4;
    background-attachment: fixed;
    color: #636363;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight:300;
    overflow-x:hidden;
    padding:0;
}

/* -------------------------------------
   COMMON
----------------------------------------*/
h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5{
    color:#444;
    font-family:'Dosis', sans-serif;
    font-weight: 300;
    line-height:normal;
    margin:0 0 20px 0;
}
h1, .h1{font-size:50px;}
h2, .h2{font-size:40px;}
h3, .h3{font-size:30px;}
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: 20px;
    line-height:24px;
}
p{ line-height: 24px; margin-bottom:20px; }
.font-2x, .font-2x p{font-size:18px !important; font-weight:300;}
.font-3x, .font-3x p{font-size:24px !important; font-weight:300;}
.font-4x, .font-4x p{font-size:30px !important; font-weight:300;}
blockquote {
    border: none;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 30px;
    padding: 0px;
}
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: #999;
    text-decoration:none;
}
img{
    height: auto;
    max-width: 100%;
}
img.full{width:100%; height:auto;}
img.img-rounded{border-radius:50%;}
hr {border-color: rgba(0,0,0,.1);}
ul, ol {
    margin-top: 0;
    margin-bottom: 20px;
}
.bolder{font-weight:300;}
strong{font-weight:300;}
section {padding:90px 0;}
button{outline:none;}
.clearfix{clear:both;}

blockquote:before{
    content: url(images/blockquote.png);
}
.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%;}

/* -------------------------------------
   HEADER
----------------------------------------*/
header{
    background:transparent;
    position: relative;
    z-index: 999;
}
#home header{
    position: absolute;
    top:0;
}
#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; background:#fff;}
header .container, .no-slider .container{
    position:relative;
}

/* -------------------------------------
   LOGO
----------------------------------------*/
#logo{
  	object-fit: contain;
    font-weight:600;
    display:none;
    line-height:0;
    position:absolute;
    text-align:left;
}
#main-logo{
    display:block;
    text-align:left;
    color:#fff;
    font-size:0;
    line-height:0;
    font-weight:600;
    position:absolute;
    overflow:hidden;
    margin: 0 30px 0 0;
}
#main-logo a{display:block}
#main-logo, #logo{margin-top:8px; line-height:57px;}
#main-logo img, #logo img{	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width:150px;}
.on #main-logo img, .no-slider #main-logo img{display:none;}
.on #logo, .no-slider #logo{display:block; }
.hotline{
    opacity: 1;
    visibility: visible;
}
.on .hotline{
    opacity: 0;
    visibility: hidden;
}
#logo img, .hotline{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.top-contact{font-family:'Dosis';width:100%; display:table; margin-top:10px;}
.top-contact > div{font-size:20px; color:#fff; font-weight:600; margin-left:15px; display:inline-block;}
.on .top-contact > div{color:#000}
.top-contact .social > li:first-child{border-left:1px solid #ccc;}

/* -------------------------------------
   MAIN NAV
----------------------------------------*/
nav{width:100%;}
#menu.navbar-default {padding: 0;}
#menu.navbar-default.on{background:#fff; box-shadow: 0 1px 7px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.1);}
#menu{transition:all 0.2s;}
#menu.navbar-default{
    border-color: rgba(0,0,0,.05);
    border-width: 0;
    border-radius:0;
    clear:both;
    margin-bottom:0;
    position:fixed;
    z-index:999;
}
.navbar-default{
    border-color: rgba(0,0,0,.05);
    border-width: 0;
    background: transparent;
    border-radius:0;
    margin-bottom:0;
    width:100%;
}
.navbar-collapse{max-height:inherit;}
.navbar-nav{
    margin-left:-15px;
    margin-right:-15px;
}
.navbar-nav > li > a {
    color:#7b7c7c;
    font-weight:500;
    font-size:16px;
    padding:9px 14px 18px 14px
}
.navbar-nav > li:last-child > a{padding-right:0;}
.navbar-toggle, #mobile-menu-trigger {
    border-radius: 0px;
    border-width:0 0 0 1px;
    float: right;
    margin:0 -15px 0 0;
    padding: 25px;
    position: relative;
}
.on .navbar-toggle, .on #mobile-menu-trigger {background: rgba(0,0,0,.06);}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
    border-radius: 1px;
    background-color: #000;
    display: block;
    height: 3px;
    margin-top: 4px;
    width: 22px;
}
#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{color:#333;}
.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:#e2be88;
}
.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, .navbar-default.on .navbar-nav > .open > a, .navbar-default.on .navbar-nav > .open > a:hover, .navbar-default.on .navbar-nav > .open > a:focus {
    background-color: transparent;
    color:#e2be88;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
    color:#e2be88;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color:#e2be88;
}
.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:#e2be88;
}
.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: #fff;
    background-clip: padding-box;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    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(0,0,0, .1);
    clear: both;
    color: #7b7c7c;
    display: block;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 10px;
    white-space: nowrap;
}
.sub-menu > li > a:hover{color:#e2be88;}
.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;
}


/* -------------------------------------
   SLIDER
----------------------------------------*/
.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: 100%;
    height: 100px;
    position: absolute;
    z-index: 9;
}
#home .slides{padding:0;height:80vh;}
#home .slider{padding:0;height:80vh;}
.slider{padding:0;height:65vh;}
.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:-5px;
    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:middle;
}
.carousel .tagline-content{vertical-align:middle}
/* .slides i{
	display:inline-block;
	height:124px;
	width:140px;
} */
.slides h1, .slides h2{
    color:#fff;
    font-size: 60px;
    margin-bottom: 30px;
}
.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{
    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.1;
    position:absolute;
    top: 0;
    width:100%;
    z-index: 5;
}

/* NO-SLIDER */
.no-slider{
    background:url(images/bg-no-slider.jpg) 50% 50% no-repeat;
    background-size:cover;
    height:200px;
    padding:0;
    position:relative;
}
.no-slider .tagline-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}
.no-slider .tagline-wrapper:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.no-slider .tagline-content {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    width: 98%;
}
#home .tagline-content.bottom, .tagline-content.bottom{
    vertical-align:bottom;
    margin-bottom:5vw;
}

#testimonial .avatar{float:left; margin-right:30px; max-width:135px; height:auto; border:3px solid #fff;}
#testimonial .item .item-content:before{content:""; background:url(images/quote-mark.png) 50% 50% no-repeat; width:42px; height:30px; margin:0 auto 10px auto; display:block; background-size:cover;}
#testimonial .item .item-content{overflow:hidden;}


/* -------------------------------------
   PROGRAM
----------------------------------------*/


/* -------------------------------------
   TRAINING
----------------------------------------*/
.featured-training h2 {
    color: #fff;
    font-weight: 700;
    font-size: 5vw;
}
.featured-training h3{ color:#fff;}
.featured-training p{color:#fff;}
.training-container{width:50%;}
.training-content{padding: 2vw;}
.content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15vw 10vw 0;
    z-index: 5;
}
/* -------------------------------------
   INTRO
----------------------------------------*/
.featured-intro {
    padding: 10vw 0;
}
.featured-intro h2{color:#fff;}


/* -------------------------------------
   CONTACT
----------------------------------------*/

.phone{
    color: #F57716;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
}
.phone a{color:#fff !important}
.on .phone a{color:#000 !important}

/* -------------------------------------
   EVENT
----------------------------------------*/
.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:#ccc;
    font-weight:400;
}
.post-meta li a:hover{
    color:#888;
}
.post-meta i.fa{color:#ccc; padding-right: 5px;}
.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:#ee3737; font-weight:500;}
.read-more a:hover{color:#888;}
.read-more i.fa{padding-right:5px; color:#ccc;}


/* -------------------------------------
   CONTACT
----------------------------------------*/
.contact-bottom{
    bottom: -17vw;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    z-index: 99;
}

#sct-widget{
    position:fixed;
    top: 115px;
    right:0;
    z-index:999;
}
#sct-widget ul, #sct-widget ul li{list-style:none; margin:0; padding:0;}
#sct-widget ul li{margin-bottom:1px;}
#sct-widget ul li a{display:block; width:50px; height:50px; background:#989898; color:#fff; text-align:center; line-height:50px; position:relative;}
#sct-widget ul li a:hover{
    background:#777;
}
#sct-widget li a i{color:#fff; font-size:20px;}
#sct-widget li a > span{
    margin-top: -16px;
    padding: 4px 8px;
    min-width: 80px;
    width: auto;
    line-height: 24px;
    font-size: 14px;
    border-radius: 1px;
    top: 50%;
    background:#989898;
    color:#fff;
    right:0;
}
#sct-widget li a > span{
    width:auto;
    -webkit-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
    -moz-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
    -ms-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
    -o-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
    transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s, width .4s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    white-space: nowrap;
    opacity: 0;
    position: absolute;
    z-index: -1;
}
#sct-widget li a > span:before{
    margin-top: -4px;
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right:-4px;
    z-index: -2;
    top: 50%;
    background:#989898;
}
#sct-widget li a:hover > span{opacity:1; right:125%;}

/* -------------------------------------
   FOOTER
----------------------------------------*/
footer{
    color:rgba(255,255,255,.8);
    background:#333333;
    padding: 5vw 0 0 0;
}
footer h4{
    color:#d4b27f;
    font-weight: 400;
}
.footer-nav ul{
    margin:0;
    padding:0;
}
.footer-nav li{
    list-style:none;
    padding: 5px 0;
}
footer a, .footer-nav li a{color:#fff;}
footer a:hover{color:#928171 !important}
.footer-nav li a:hover{color:#F57716;}

.social{margin-left:10px;}
.social ul{
    margin:0;
    padding:0;
}
.social li{
    display:inline-block;
    list-style:none;
    margin:0 2px;
}
.social li:first-child{
    margin-left:0;
}
.social li:last-child{
    margin-right:0;
}
.social li a{
    width:32px;
    height:22px;
    font-size:18px;
    color:#fff;
    display:block;
}
.social li a i{
    border-radius: 50%;
    height:22px;
    text-align:center;
    line-height:22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color:#fff;
}
.on .social li a, .on .social li a i{color:#000}
.social li a:hover i.fa-facebook{
    color:#3b5998;
}
.social li a:hover i.fa-twitter{
    color:#00aced;
}
.social li a:hover i.fa-instagram{
    color:#517fa4;
}
.social li a:hover i.fa-tripadvisor{
    color:#589442;
}

/* COPYRIGHT */
.copyright{
    border-top:1px solid #ddd;
    color:#7b7c7c;
    padding: 35px 0 15px 0;
}




.portrait {
    position: absolute;
}

.gal-item{margin-bottom:10px;}
.photo-gallery figure i{
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    z-index: 99;
    margin-top: -15px;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    opacity:0;
}
.photo-gallery figure:hover i{
    opacity:1;
}


/* LIKE */
.heart{
    color:#ccc;
    cursor:pointer;
}
.heart-active{color:#eb3f3f; }

/* LINE */
.line{
    display: inline-block;
    width: 90px;
    height: 2px;
    background: #ffffff;
    padding: 0 15px;
    margin-bottom: 20px;
}
.line.full-width, .btn.full-width{width:100%;}
.line.thin{height:1px;}
.line.short{width: 60px;}
.box-shadow{box-shadow: 0 12px 34px 0 rgba(0,0,0, 0.11);}

/* FORM CONTROL */
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    margin-bottom:10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 1px;
    -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;
}

/* BACKGROUND */
.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-dark-grey{background-color:rgba(0,0,0,.065)!important; }
.bg-grey{background-color:rgba(0,0,0,.025)!important; }
.bg-green{background-color:#928171 !important;}
.bg-light-green{background-color:#fff !important; }
.bg-light-grey{background-color:rgba(0,0,0,.01)!important; }
.bg-fixed{background-attachment:fixed !important}
.bg-cover{background-size:cover !important; background-position:50% 50% !important;}

.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;}
@media only screen and (max-width: 767px){
    .bg-right, .bg-left {
        position: relative !important;
        width: 100%;
        min-height: 500px;
        margin-bottom:40px;
    }
}
@media only screen and (max-width: 640px){
    .bg-right, .bg-left {
        position: relative !important;
        width: 100%;
        min-height: 350px;
        margin-bottom:30px;
    }
}


/* COLUMN */
.col-two{
    -moz-column-count: 2;
    -webkit-column-count:2;
}
.col-three{
    -moz-column-count: 3;
    -webkit-column-count:3;
}
.col-two, .col-three{
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
@media only screen and (max-width: 1024px){
    .col-three{
        -moz-column-count: 2;
        -webkit-column-count:2;
    }
}
@media only screen and (max-width: 767px){
    .col-two, .col-three{
        -moz-column-count: 1;
        -webkit-column-count:1;
    }
}

.aligncenter, .alignnone {
    display: block;
    margin-left:-4vw;
    margin-right:-4vw;
    margin-bottom: 3.125rem;
    margin-top: 3.125rem;
    width: auto !important;
}
.aligncenter img, .alignnone img {
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
}


/* BUTTON */
.btn {
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    transition: all .4s ease-in-out;
    padding: 13px 25px;
    -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-red{
    background:#928171;
    color:#fff;
}
.btn.btn-dark{
    background:#181818;
    color:#fff;
}
.btn-green{background:#989898;color:#fff;}
.border-white{border:1px solid #fff;}
.border-black{border:1px solid #000;}
.border-orange{border:1px solid #F57716; color:#000;}
.btn-lg{padding: 15px 40px; font-size:18px;}
.btn-sm{padding: 5px 20px; font-size:13px;}
.btn:hover, .btn.border:hover{color:#fff; background:#000; border-color:#000;}
.btn.border-white:hover{border:1px solid #fff; background:#fff; color:#000 !important;}
.btn-arrow-thin{}
.btn-arrow-thin:after{
    content: "\f178";
    color: #0ab3ea;
    font-family: FontAwesome;
    margin-left:10px;
}
.btn.btn-bottom{
    position:relative;
    margin-bottom:-140px;
}

.btn-booking{position:fixed; z-index:99; right:30px; bottom:30px; font-size:18px; background:#bd5314 !important; color: #fff; letter-spacing:-1px;}

.text-large{
    color: #f57716;
    display: inline-block;
    font-size: 5vw;
    font-weight:400;
    float: left;
    height: 90px;
    line-height: 90px;
    width: 90px;
}

/* OVERLAY */
.overlay{position:relative;}
.overlay:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.35)}
.overlay.transparent:before{display:none}
.overlay.turquoise:before{background:rgba(46,179,194,.8)}
.overlay.darker:before{background: rgba(31,17,17,.65)}
/* .overlay a{width:100%; height:100%; display:table;position:relative;}
.overlay h2, .overlay h3, .overlay h4{line-height:normal; margin-bottom:3px;}
.overlay p{line-height:normal; margin-bottom:5px;}
.overlay .big-num-back{position:absolute; font-size:26em; font-weight:700; line-height:0.7em; color:#fff; right:30px; bottom:0;} */
.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-caption.transparent:after{background:transparent;}
.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%);
}
.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 );
}


/* TEXT*/
.text-grey{color:#636363 !important}
.text-red{color:#ee3737 !important}
.text-green{color:#74c63e !important}
.text-blue{color:#0ab3ea !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-bold{font-weight:bold;}
.text-uppercase{text-transform:uppercase;}
.sub-title{font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px;}

.text-justify{text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.text-justify.center{text-align-last:center}
.text-center{text-align:center}

.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}
}

/* LIST */
.check-list ul{margin:0; padding:0;}
.check-list li{list-style:none; display:block; padding-left:0; margin-bottom: 10px; margin-left: 20px;}
.check-list li:before{
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 0;
    display: inline-block;
    margin-left: -20px;
    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;}



.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}





/* MARGIN */
.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;}


/*padding*/
.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}
}


/* IMAGE HOVER */
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);
    /* Webkit: Scale up image to 1.2x original size; */
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
figure a{display:block;-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.02, 1.02);}
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, figure a > 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)}
figure .video {
    content: url(images/play-button.png) !important;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 51px;
    height: 51px;
    margin: -21px 0 0 -21px;
    border-radius: 50%;
    text-indent: -23em;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    font-style:normal;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
figure:hover .video {
    visibility: visible;
    opacity: 1;
}
figure .video:before {
    display: block;
    width: 66px;
    height: 66px;
    text-align: center;
    font-family: fontAwesome;
    font-size: 22px;
    font-weight: normal;
    font-variant: normal;
    text-indent: 0px !important;
    text-decoration: inherit;
    line-height: 60px;
    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;
    border:none;
    top:0;
    left:0;
}
figure.overlay {
    position: relative;
    z-index: 2;
}




.p-relative{position:relative;}
.d-flex{display:flex;}
.d-table{display:table}
.d-table-cell{display:table-cell; vertical-align:middle}
.d-inline-block{display:inline-block; float:none; margin:0 -2px; vertical-align:top;}

/*Booking Form*/
.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("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: #928171 !important;
    border: 1px solid #928171;
    color: #fff !important;
    padding: 8px 15px;
    width: 100%;
    height:50px;
    border-radius: 3px;
    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;}
}

/* -------------------------------------
  Magnific Popup
----------------------------------------*/
.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(images/prev.png) !important;
}
.mfp-arrow-right{
    background-image:url(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;}

/* SHARE THIS */
.share-this label{float:left; line-height:44px; display:inline-block; padding: 0 20px; background: none; color:#000; font-weight:normal;}
.st_facebook_custom, .st_twitter_custom, .st_googleplus_custom, .st_pinterest_custom, .st_email_custom{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    cursor:pointer;
    color:#333;
    margin-left:-1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float:left;
    font-size:18px;
}
.st_facebook_custom:hover, .st_twitter_custom:hover, .st_googleplus_custom:hover, .st_pinterest_custom:hover, .st_email_custom:hover{
    background:#eee;
    color:#000;
}


/* COLUMN */
.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;
    }
}

/************BOOKING BUTTON FONT OPEN SANS************/
.rate .roomTypesGadget .searchTools {text-transform: uppercase; font-family: "Open Sans"; background: none repeat-x scroll left top #928171 !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: #8cad5f !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}
/************VOUCHER UNLOCK************/
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;}

/************VOUCHER UNLOCK POP-UP************/
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:#928171 !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(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;}