/*
Theme Name: Alaya Group v.2
Theme URI: http://www.baliwebcreator.com
Description: <p>Alaya Hotel 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, Alaya Hotel</p>
Version: 1.0
Updated Date:02/02/2017
Author: Bali Web Creator
Created Date:02/02/2017

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

*/

/*@font-face {
    font-family: 'pinyon_scriptregular';
    src: url('fonts/pinyonscript-regular-webfont.eot');
    src: url('fonts/pinyonscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/pinyonscript-regular-webfont.woff2') format('woff2'),
    url('fonts/pinyonscript-regular-webfont.woff') format('woff'),
    url('fonts/pinyonscript-regular-webfont.ttf') format('truetype'),
    url('fonts/pinyonscript-regular-webfont.svg#pinyon_scriptregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'rotis';
    src: url('fonts/rotis-semi-serif-55-1361510436-webfont.eot');
    src: url('fonts/rotis-semi-serif-55-1361510436-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/rotis-semi-serif-55-1361510436-webfont.woff2') format('woff2'),
    url('fonts/rotis-semi-serif-55-1361510436-webfont.woff') format('woff'),
    url('fonts/rotis-semi-serif-55-1361510436-webfont.ttf') format('truetype'),
    url('fonts/rotis-semi-serif-55-1361510436-webfont.svg#rotissemiserifregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Nunito|Nunito+Sans|Nixie+One|Prata|Poiret+One|Abril+Fatface|Lora|Playfair+Display|Work+Sans:300,400');*/

@font-face {
	font-family: 'Heading';
	src: url('fonts/heading-font.eot');
	src: local('☺'), url('fonts/heading-font.woff') format('woff'), url('fonts/heading-font.ttf') format('truetype'), url('fonts/heading-font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'verdana';
	src: url('fonts/body-font.eot');
	src: local('☺'), url('fonts/body-font.woff') format('woff'), url('fonts/body-font.ttf') format('truetype'), url('fonts/body-font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}   

html {
    min-height: 100%;
    position: relative;
}
body {
    background:#fff;
    background-attachment: fixed;
    color: rgb(5, 2, 2);
    font-family: 'Body', sans-serif;
    font-size: calc(15px + (45 - 45) * ((100vw - 480px) / (1600 - 480)));
    font-weight:300;
    line-height: 1.8em;
    overflow-x:hidden;
    padding:0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing:1.4px;
    /* display:none; */

}
body.no-scroll{overflow:hidden;}

#wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

#scroller{
    position: relative;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1) !important;
    transition: transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1) !important;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


@media screen and (min-width: 1025px){
    .smooth {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: auto;
        will-change: transform;
    }
}
.scroll-container{
    position: fixed;
    top: 0;
    right: 0;
}
/* -------------------------------------
   COMMON
----------------------------------------*/
h1,h2,h3,h4,h5, .h1,.h2,.h3,.h4,.h5{
    color:#000;
    font-family: 'Heading', serif;
    letter-spacing:0;
    margin:0 0 20px 0;
    letter-spacing:.05em;
}
h1, .h1{font-size:calc(36px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));}
h2, .h2{font-size: calc(28px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));}
h3, .h3{font-size: calc(22px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));}
h4, .h4{
    font-size: calc(17px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing:1px;
    margin-bottom:10px;
    line-height: 1.4em;
    text-transform:initial;
}
.text-center h1:after, .text-center h2:after, .text-center h3:after, .text-center .h1:after, .text-center .h2:after, .text-center .h3:after, h1.text-center:after,h2.text-center:after,h3.text-center:after, .h1.text-center:after,.h2.text-center:after,.h3.text-center:after{margin:20px auto 0 auto;}
.text-right h1:after, .text-right h2:after, .text-right h3:after, .text-right .h1:after, .text-right .h2:after, .text-right .h3:after, h1.text-right:after,h2.text-right:after,h3.text-right:after, .h1.text-right:after,.h2.text-right:after,.h3.text-right:after{margin:20px 0 0 auto;}
h1:after,h2:after,h3:after, .h1:after,.h2:after,.h3:after{content:''; height:2px; background: #d1cbb9; width:45px; display:block; margin-top:20px; }
.text-white h1:after, .text-white h2:after, .text-white h3:after, .text-white .h1:after, .text-white .h2:after, .text-white .h3:after, h1.text-white:after,h2.text-white:after,h3.text-white:after, .h1.text-white:after,.h2.text-white:after,.h3.text-white:after{background:#fff;}
@media only screen and (min-width: 768px){
    .text-sm-center h1:after, .text-sm-center h2:after, .text-sm-center h3:after, .text-sm-center .h1:after, .text-sm-center .h2:after, .text-sm-center .h3:after, h1.text-sm-center:after,h2.text-sm-center:after,h3.text-sm-center:after, .h1.text-sm-center:after,.h2.text-sm-center:after,.h3.text-sm-center:after{margin:20px auto 0 auto;}
    .text-sm-right h1:after, .text-sm-right h2:after, .text-sm-right h3:after, .text-sm-right .h1:after, .text-sm-right .h2:after, .text-sm-right .h3:after, h1.text-sm-right:after,h2.text-sm-right:after,h3.text-sm-right:after, .h1.text-sm-right:after,.h2.text-sm-right:after,.h3.text-sm-right:after{margin:20px 0 0 auto;}
    .text-sm-left h1:after, .text-sm-left h2:after, .text-sm-left h3:after, .text-sm-left .h1:after, .text-sm-left .h2:after, .text-sm-left .h3:after, h1.text-sm-left:after,h2.text-sm-left:after,h3.text-sm-left:after, .h1.text-sm-left:after,.h2.text-sm-left:after,.h3.text-sm-left:after{margin:20px auto 0 0;}
}
@media only screen and (min-width: 992px){
    .text-md-center h1:after, .text-md-center h2:after, .text-md-center h3:after, .text-md-center .h1:after, .text-md-center .h2:after, .text-md-center .h3:after, h1.text-md-center:after,h2.text-md-center:after,h3.text-md-center:after, .h1.text-md-center:after,.h2.text-md-center:after,.h3.text-md-center:after{margin:20px auto 0 auto;}
    .text-md-right h1:after, .text-md-right h2:after, .text-md-right h3:after, .text-md-right .h1:after, .text-md-right .h2:after, .text-md-right .h3:after, h1.text-md-right:after,h2.text-md-right:after,h3.text-md-right:after, .h1.text-md-right:after,.h2.text-md-right:after,.h3.text-md-right:after{margin:20px 0 0 auto;}
    .text-md-left h1:after, .text-md-left h2:after, .text-md-left h3:after, .text-md-left .h1:after, .text-md-left .h2:after, .text-md-left .h3:after, h1.text-md-left:after,h2.text-md-left:after,h3.text-md-left:after, .h1.text-md-left:after,.h2.text-md-left:after,.h3.text-md-left:after{margin:20px auto 0 0;}
}
.heading-inline{    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

p{ margin-bottom:20px; }
.font-2x, .font-2x p{font-size:calc(16px + (48 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.35; font-weight:300;}
.font-3x, .font-3x p{font-size:calc(18px + (48 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.35; font-weight:300;}
.font-4x, .font-4x p{font-size:calc(22px + (48 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.35; 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;
}
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: #000;
    text-decoration:none;
}
img{
    height: auto;
    max-width: 100%;
}
hr {border-color: rgba(0,0,0,.1);}
ul, ol {
    margin-top: 0;
    margin-bottom: 20px;
}
strong{font-weight:600;}
section {padding-top: 6vw; padding-bottom: 6vw}
button{outline:none;}
.clearfix{clear:both;}
.container-fluid{padding: 0px 6vw;}

/* -------------------------------------
   HEADER
----------------------------------------*/
header{
    background: transparent;
    position:fixed; top:0; left:0; right:0;
    transition: all 0.4s ease;
    width: 100vw;
    z-index:99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
header .container{
    text-align:center;
    position:relative;
    width:95%;
}
header.on, .no-slider header{ background:#fff;border-bottom: 1px solid rgba(0,0,0,.075);}

/* -------------------------------------
   LOGO
----------------------------------------*/
#logo{
    top:36px;
    left:0;
    right:0;
    margin: auto;
    text-align: center;
    position:absolute;
    width: 220px;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#logo img{width:100%;}
#home #logo img, .logo-invert{
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.on #logo, .no-slider #logo{top:10px;}
.on #logo img, .no-slider #logo img{-webkit-filter: none !important; -moz-filter: none !important; filter: none !important;}


/* -------------------------------------
   MAIN NAV
----------------------------------------*/
.top-bar{background:#333;}
.top-bar .parent-menu ul, .top-bar .parent-menu li{list-style:none; margin:0; padding:0;}
.top-bar .parent-menu li{display:inline-block}
.parent-menu li a{
    font-size: 11px;
    color: rgba(255,255,255,.75);
    padding: 6px 10px;
    text-transform: uppercase;
    display: inline-block;
}
.parent-menu li:first-child a{padding-left:0}
.parent-menu li:last-child a{padding-right:0}
.on #nav-menu.navbar-default, .no-slider #nav-menu.navbar-default {
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    background-color:#fff !important;
}
.on .navbar-collapse, .no-slider .navbar-collapse {
    max-height: inherit;
}
.on .navbar-nav > li > a, .no-slider .navbar-nav > li > a{
    color:#000;
}
.on .navbar-nav > li > a:hover, .no-slider .navbar-nav > li > a:hover{
    color:#cba55c;
}
#nav-menu{transition:all 0.2s;}
#nav-menu.navbar-default{
    clear:both;
    margin-bottom:0;
    border-color: rgba(0,0,0,.065);
    border-width: 0;
    background:#fff;
    border-radius:0;
    width:100%;
    z-index:100;
}

nav{width:100%;}
nav .top{font-size:14px;}
.navbar-default{
    border-color: transparent;
    border-width: 0;
    border-radius:0;
    clear:both;
    margin-bottom:0;
    padding:0;
    width:100vw;
}
.navbar{min-height:30px;}
.navbar-collapse{
    max-height:inherit;
    text-align:center;
}
/*.navbar-nav{
    margin-right:-15px;
}*/
.navbar-nav {
    display: inline-block;
    float: left;
}
.navbar-nav > li{float:none; display:inline-block;}
.navbar-nav > li > a {
    font-size:17px;
    color:#000;
    font-weight:400;
    padding:25px 12px;
}
.on .navbar-nav > li > a, .no-slider .navbar-nav > li > a {color:#333;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: transparent;
    border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a{color:#403e33;}
.on .navbar-default .navbar-nav > li > a, .no-slider .navbar-default .navbar-nav > li > a, .nav-active .on .navbar-default .navbar-nav > li > a, .nav-active.no-slider .navbar-default .navbar-nav > li > a, .nav-inactive .on .navbar-default .navbar-nav > li > a, .nav-inactive.no-slider .navbar-default .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:#cba55c;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
    color:#cba55c;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color:#cba55c;
}
.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:#a2a466;
}

.on .navbar-default .navbar-nav > .active > a, .no-slider .navbar-default .navbar-nav > .active > a, .on .navbar-default .navbar-nav > .active > a:hover, .no-slider .navbar-default .navbar-nav > .active > a:hover, .on .navbar-default .navbar-nav > .active > a:focus, .no-slider .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
    color:#a2a466;
}
.on .navbar-default .navbar-nav>li>a:hover, .on .navbar-default .navbar-nav>li>a:focus, .no-slider .navbar-default .navbar-nav>li>a:hover, .no-slider .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color:#a2a466;
}
.on .navbar-default .navbar-nav > .current-menu-item > a, .on .navbar-default .navbar-nav > .current-menu-item > a:hover, .on .navbar-default .navbar-nav > .current-menu-item > a:focus, .no-slider .navbar-default .navbar-nav > .current-menu-item > a, .no-slider .navbar-default .navbar-nav > .current-menu-item > a:hover, .no-slider .navbar-default .navbar-nav > .current-menu-item > a:focus{
    background-color: transparent;
    color:#a2a466;
}
/* .menu-item-has-children > a{padding-right:20px !important;} */
.menu-item-has-children > a:before{
    content: "";
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    height: 10px;
    position: absolute;
    right: 5px;
    width: 10px;
}
.navbar-toggle, #mobile-menu-trigger {
    border-radius: 0px;
    background: transparent;
    border-width:0 0 0 1px;
    float: right;
    margin: 15px 0;
    padding: 10px 20px 10px 20px;
    position: relative;
}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
    border-radius: 1px;
    background-color: #000;
    display: block;
    height: 2px;
    margin-top: 4px;
    width: 22px;
}
#mobile-menu-trigger .icon-bar:first-child{margin-top:0;}
.on .menu-item-has-children > a:before, .no-slider .menu-item-has-children > a:before{color:#000;}
.dropdown-menu {background:rgba(255,255,255,.95); border-radius: inherit;}
.dropdown-menu > li > a{padding: 10px 20px;}
.caret{margin-left:5px;}
.sub-menu{
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    background-color: #fff;
    background-clip: padding-box;
    display: none;
    float: left;
    left: 0;
    font-size:15px;
    list-style: none;
    min-width: 200px;
    margin: 0;
    top: 100%;
    text-align:left;
    position: absolute;
    padding: 10px;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}
.sub-menu > li > a {
    border-bottom:1px solid rgba(255,255,255, .1);
    clear: both;
    color: #000;
    display: block;
    font-weight: normal;
    padding: 8px 10px;
    line-height: 1.42857143;
    white-space: nowrap;
}
.sub-menu > li > a:hover{
    color:#888;
    background:rgba(131, 131, 131, 0.2);
}
.sub-menu > li:last-child > a{
    border-bottom:none;
}
.sub-menu .sub-menu{
    left: 100%;
    top:0;
}
.expand-trigger:after{
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content:"";
    display: inline-block;
    height: 0;
    margin-right: 10px;
    margin-left: 2px;
    position: absolute;
    right: 0;
    top: 23px;
    vertical-align: middle;
    width: 0;
}
.sub-menu .expand-trigger:after{
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    top: 21px;
}

.navbar-nav > li > a.btn{padding: 20px 30px !important; margin-right:-15px; border-radius:0;}
.btn.btn-yellow {
    background: #ffe000;
    border: 2px solid #ffe000;
    color: #3a3a4e;
}

.menu-toggle {
    width: 110px;
    height: 61px;
    position: relative;
    cursor: pointer;
    z-index:102;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menu-toggle *{
    transition: .2s ease-in-out;
    box-sizing: border-box;
}
#close{position:fixed;width:1px;}
header .menu-toggle {margin:30px 0 0 0;}
header.on .menu-toggle, .no-slider  header .menu-toggle{margin:0;}
.menu-toggle span{
    display: block;
    background: #fff;
    border-radius: 2px;
}
.menu-toggle #hamburger div, .menu-toggle #cross div{float:left}
.menu-toggle.open #cross span{
    background: #333;
}
.menu-toggle #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}
.menu-toggle #hamburger span {
    width: 30px;
    height: 1px;
    position: relative;
    top: 12px;
    left: 0;
    margin: 8px 0;
}
.menu-toggle #hamburger label, .menu-toggle #cross label{float:right; line-height:58px; color:#fff; font-size: calc(24px + (45 - 45) * ((100vw - 480px) / (1600 - 480))); font-weight:300;cursor: pointer; transition: .15s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.menu-toggle #hamburger label, .menu-toggle.open #cross label{display:block}
.menu-toggle.open #hamburger label, .menu-toggle #cross label{display:none}
.on .menu-toggle span, .no-slider .menu-toggle span{background:#333 !important;}
.on .menu-toggle label, .no-slider .menu-toggle label{color:#333 !important}
.menu-toggle #hamburger span:nth-child(1) {
    transition-delay: .3s;
}
.menu-toggle #hamburger span:nth-child(2) {
    transition-delay: .4s;
}
.menu-toggle #hamburger span:nth-child(3) {
    transition-delay: .5s;
}
.menu-toggle #cross > div{
    position: absolute;
    height: 50px;
    width: 50px;
    transform: rotate(45deg);
    margin: 4px 0 0 5px;
}
.menu-toggle #cross span:nth-child(1) {
    height: 0%;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-delay: 0s;
    margin-top: -13px;
}
.menu-toggle #cross span:nth-child(2) {
    width: 0%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-delay: .1s;
    margin-left: -13px;
}

.menu-toggle.open #hamburger span {
    width: 0%;
}
.menu-toggle.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}
.menu-toggle.open #hamburger span:nth-child(2) {
    transition-delay: .125s;
}
.menu-toggle.open #hamburger span:nth-child(3) {
    transition-delay: .25s;
}
.menu-toggle.open #cross{display:block}
.menu-toggle.open #cross *{color:#333;}
.menu-toggle.open #cross span:nth-child(1) {
    height: 52%;
    transition-delay: .35s;
}
.menu-toggle.open #cross span:nth-child(2) {
    width: 52%;
    transition-delay: .2s;
}
.nav-main{
    height: 100%;
    display:inline-block;
    float:left;
}
.nav-container{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index:100;
}
.nav-container .background{
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 0;
    background: rgba(0,0,0,.75);
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition-duration: 450ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 1;
}
.nav-main h4{font-size: calc(23px + (45 - 45) * ((100vw - 480px) / (1600 - 480)));}
.nav-main p{font-size:18px;}
#sidebar-wrapper {
    position: fixed;
    width: 40rem;
    padding:5vw 2vw 2vw 2vw;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 98;
    -webkit-transform: translate3d(-40rem,0,0);
    -moz-transform: translate3d(-40rem,0,0);
    -ms-transform: translate3d(-40rem,0,0);
    -o-transform: translate3d(-40rem,0,0);
    transform: translate3d(-100rem,0,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#sidebar-wrapper.active {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow-x: hidden;
    overflow-y:auto;
}
#sidebar-wrapper > div{
    min-width:270px; 
    max-width:900px;
    margin:0 auto;
}
@media only screen and (max-width:480px){
    #sidebar-wrapper {
      width:100rem;
      padding:90px 25px 40px 25px;
      width: 100vw;
      -webkit-transform: translate3d(-100rem,0,0);
      -moz-transform: translate3d(-100rem,0,0);
      -ms-transform: translate3d(-100rem,0,0);
      -o-transform: translate3d(-100rem,0,0);
      transform: translate3d(-100rem,0,0);
    }
}

#sidebar-wrapper .logo{
    width: 100px;
    display: block;
    padding:30px 0;
    margin: 0 0 30px 0;

}
#sidebar-wrapper .logo:after{content:''; width:60px; height:2px; background:#ccc; display:block; margin-top:35px;}
#sidebar-wrapper .logo img {
    margin-right: 20px;
}
#sidebar-wrapper hr{background:rgba(255,255,255,.1);}
#sidebar-wrapper .navbar-nav{
    display: block;
}
.sidebar-nav li a:hover{background:transparent;}
.shotel .menu-toggle {display:block}
.nav-main.active .menu-toggle {background:transparent;}
.burger-menu.navbar-nav{margin:0; float:none !important;}
.burger-menu.navbar-nav > li{
    display:block;
    float:left;
    text-align:left;
    width: 100%;
}
.burger-menu.navbar-nav > li > a:before{content:''; width:0; height:2px; display:block; position:absolute; top:calc(12px + (48 - 45) * ((100vw - 480px) / (1600 - 480))); left:-25px  ; background:#ccc; z-index:9;    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transition-duration: 450ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.burger-menu.navbar-nav > li > a:hover:before, .burger-menu.navbar-nav > li.current-menu-item > a:before{width:90px;left:-105px;}
.burger-menu.navbar-nav > li > a, .burger-menu.navbar-nav > li > a.btn{
    border:none !important;
    border-radius:0;
    color:#333;
    line-height:1.2;
    text-align:left;
    padding: 5px 0 !important;
    background:transparent !important;
    display: block;
    font-size: calc(17px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
    font-weight:400;
    vertical-align:top;
    z-index:9
}
.burger-menu.navbar-nav > li:last-child > a {margin-right: 0px;}
.burger-menu.navbar-nav > li > a > i{
    background-size:20px;
    display: inline-block;
    float:left;
    height:20px;
    margin-right:15px;
    width:10px;
}
.burger-menu.navbar-nav > li > a:hover,
.burger-menu.navbar-nav > li.current-menu-item > a:hover,
.burger-menu.navbar-nav > li.current-menu-item > a,
.burger-menu.navbar-nav > li > a:focus,
.burger-menu.navbar-nav > li > a.btn:hover{color: #523b02 !important; border-radius:0; padding-left:10px !important;}

.burger-menu.navbar-nav > li.current-menu-item > a{padding-left:0;}

.btn-header > li > ul > li > a:hover,
.btn-header > li > ul > li > a:focus{background: rgba(214, 147, 3, 0.685); color:#fff;}

.btn-header li a{color:#fff;}
li.btn-header li.btn{
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}
li.btn-header li.btn:hover{
    background: rgba(84, 84, 84, 0.3) !important;
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}

.navbar-default .burger-menu.navbar-nav > .active > a,
.navbar-default .burger-menu.navbar-nav > .active > a:hover,
.navbar-default .burger-menu.navbar-nav > .active > a:focus{background: rgba(0,0,0,0.3); color:#ccc;}

.burger-menu.navbar-nav > li > a:after,
.burger-menu.navbar-nav > li > a:hover:after,
.burger-menu.navbar-nav > .current-menu-item > a:after,
.burger-menu.navbar-nav > .active > a:after,
.burger-menu.navbar-nav > .active > a:hover:after,
.burger-menu.navbar-nav > .active > a:focus:after{display:none;}

.burger-menu .navbar-collapse{
    padding:0;
    clear:both;
    position:relative;
    z-index:9999;
}
.navbar-default .burger-menu.navbar-nav > li > a:after{display:none;}

.navbar-default .burger-menu.navbar-nav>.current-menu-item>a,
.navbar-default .burger-menu.navbar-nav>.current-menu-item>a:hover,
.navbar-default .burger-menu.navbar-nav>.current-menu-item>a:focus,
.navbar-default .burger-menu.navbar-nav > .open > a,
.navbar-default .burger-menu.navbar-nav > .open > a:hover,
.navbar-default .burger-menu.navbar-nav > 	.open > a:focus{color: #3a3a4e !important;}
.burger-menu .sub-menu{
    background: transparent;
    box-shadow: none;
    position: relative;
    padding: 0;
    top: 0;
    width: 100%;
    -webkit-box-shadow: none;
    margin-bottom:20px;
}
.burger-menu .sub-menu > li > a{font-size: calc(14px + (48 - 45) * ((100vw - 480px) / (1600 - 480))); font-weight:300; padding:2px 15px; text-indent:5px; display:inline-block; color:#333; border:none;}
.burger-menu .sub-menu a:hover{color:#936e20; background:transparent}
.burger-menu .sub-menu .sub-menu {
    border-top:none;
    border-bottom:1px solid rgba(0,0,0,.07);
    left: 0;
    top: 0;
}
.burger-menu .sub-menu li li a{padding-left:20px;}
.burger-menu li .sf-sub-indicator {
    cursor:pointer;
    text-align: right;
    display:inline-block;
    cursor: pointer;
    left: auto!important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    text-align: right;
    width: 50%;
    font-size: calc(18px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
    padding: 2px 0 !important;
    z-index: 999;
}
.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after,
.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    color:#333;
    line-height: 27px;
    width:20px;
    margin: 0;
    display: inline-block;
    text-align: center;
}
.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after {
    content: "+";
    font-size: 20px;
}
.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    content: "-";
    font-size: 25px;
}
.burger-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    height: 0px;
    overflow: hidden;
    position: absolute;
    visibility: hidden!important;
}
.burger-menu .sf-menu li ul.mobile-open {
    display: block!important;
    height: auto!important;
    position: relative;
    visibility: visible!important;
}
.burger-menu.navbar-nav .btn, .nav-btn .btn {
    border-radius: 20px;
    padding: 10px 0px;
    margin: 0;
    text-align: left;
}
#hotel-menu{display:none; padding-bottom: 30px; margin-bottom: 40px;}
/* #group-menu, #hotel-menu{max-width:600px; width:100%; margin:0 auto;} */
.collection-item{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.1) }



/* -------------------------------------
   SLIDER
----------------------------------------*/
#home .slides{padding:0;height:100vh;}
#home .slider{padding:0;height:100vh;}
.slider{padding:0;height:100vh; background:#333; position:relative;}
.slides:before{
    content: '';
    background: linear-gradient(180deg,rgba(0,0,0,.4),transparent);
    height: 20%;
    position: absolute;
    z-index: 9;
    display: block;
    left: 0;
    top: 0;
    width: 100vw;
}
#home .slides li:after{
    content: '';
    left:0;
    bottom:0;
    opacity: .35;
    background-image: linear-gradient(to top, #000000, rgba(0,0,0, 0) 56%);
    height:100%;
    width:100%;
    position: absolute;
    z-index:4;
}
.slides .container{width:90%;}
.slides .tagline-wrapper, .carousel .tagline-wrapper {
    background:none;
    bottom: 0;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100vw;
    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:98%;
    vertical-align: bottom;
    margin-bottom: 9vw;
}
.slides .tagline-content, .carousel .tagline-content {
    color: #fff;
    display: inline-block;
    margin:auto;
    margin-left:-5px;
    width:100%;
    vertical-align: bottom;
    margin-bottom: 30px;
}
.carousel .tagline-content{vertical-align:middle}
.slides i{
    display:inline-block;
    height:124px;
    width:140px;
}
.slides h1, .slides h2{
    font-size:calc(35px + (60 - 45) * ((100vw - 480px) / (1600 - 480)));
    color:#fff;
    margin-bottom: 20px;
    text-transform:capitalize;
}
@media only screen and (max-width: 767px){
  .slides h1, .slides h2, .slides p{text-align:center;}
  .slides h1:after, .slides h2:after{margin:20px auto;}
  .slides p br{display:none;}
}
.slides p{color:#fff; font-size:calc(14px + (50 - 45) * ((100vw - 480px) / (1600 - 480))); line-height:1.4;}
/* .slider span {
	display: inline-block;
	font-size:18px;
	font-weight:500;
	position: relative;
}
.slider span:before,
.slider span:after {
	border-top: 1px solid white;
	content: "";
	height: 5px;
	position: absolute;
	top: 15px;
	width: 70px;
}
.slider span:before {
	right: 100%;
	margin-right: 15px;
}
.slider span:after {
	left: 100%;
	margin-left: 15px;
} */
.slides .btn{
    border: solid 1px #fff;
    background: transparent;
    color: #fff;
}
.flexslider .slides > li {
    background:transparent;
    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: auto; width: 100%;}
.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.15;
    position:absolute;
    top: 0;
    width:100%;
    z-index: 5;
}
.flexslider .slides > li .portrait{
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
	.flexslider .slides > li .slide-image{display:none !important;}
}
@media screen and (min-width: 769px) {
  .flexslider .slides > li .portrait{
      display: none;
  }
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    z-index: 11;
}
.flex-control-nav li a{width:25px; height:4px; border-radius:0;}
.flex-control-nav li a{border:none; background:rgba(255,255,255,.5)}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover{border:none; background:#fff;}

.flexslider .slides > li{display:block !important; }
.slide-image {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
    -webkit-transition: -webkit-transform 8000ms linear; -moz-transition: -moz-transform 8000ms linear; -o-transition: -o-transform 8000ms linear; transition: transform 8000ms linear;
}
.slide-image img{height:100% !important; width:auto !important; max-width:initial !important;}

.visible .slide-image{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.flexslider .slides > li{
    opacity:0;
    display:block !important;
    will-change: opacity;
    visibility: hidden;
    -webkit-transition: opacity 600ms cubic-bezier(.55,.085,.68,.53);
    -moz-transition: opacity 600ms cubic-bezier(.55,.085,.68,.53);
    -o-transition: opacity 600ms cubic-bezier(.55,.085,.68,.53);
    transition: opacity 600ms cubic-bezier(.55,.085,.68,.53);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.flexslider .slides > li.flex-active-slide{
    opacity: 1;
    z-index: 1;
}
.flex-active-slide.visible .slide-image{visibility: visible;}
.flexslider .slides .visible{visibility: visible; opacity: 1;-webkit-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
    -moz-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
    -o-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
    transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);}

.flexslider .tagline-content .char-reveal {
    opacity: 0;
}
.char-reveal-visible{
    -webkit-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    -moz-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    transition: all 500ms cubic-bezier(.445,.05,.55,.95);
}
.flexslider .tagline-content .char-reveal-visible{
    opacity:1;
}

.scrollto{position:absolute; left:0; right:0; bottom:0; width:90px; margin:auto; font-size:12px; color:#fff; text-align:center; z-index:9; }
.scrollto a span{display:block; clear:both;}
.scrollto a:after{content:''; display:block; width:3px; height:20px; background:#fff; margin: 0 auto; bottom:0;}


.slides li:before{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:35%;
}
.slides li:before{
    top:0;
    background: linear-gradient(180deg,rgba(0,0,0,.4),transparent);
    z-index:3;
}





/* -------------------------------------
   HOMEPAGE
----------------------------------------*/
.form-book{
    position: relative;
    margin-top: -121px;
    z-index: 99;
    padding: 30px 0;
}
.form-bg{
    background: rgba(30,32,30,.9);
    padding: 20px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 3px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: 1px solid #555;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.form-control:focus {
    box-shadow: none;
    border-color: #555; 
}
select.form-control{background:url(images/select-arrow-down.png) 100% 50% no-repeat}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    border-bottom:1px solid #555;
}
.input-group{width:100%; padding: 4px;}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #555;
}
.form-book ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.form-book ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.form-book :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.form-book :-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.form-book select{
    background: transparent;
    border: none;
}

/* OFFERS */
.offer-content{padding:30px 3vw 10px 3vw; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
#offers .owl-item{opacity:.5;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position:relative;}
#offers .owl-item.active.center{opacity:1;}
#offers .owl-item.active.center .offer-content{opacity:1;}
#offers.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px 5px;
    background: #ccc;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
#offers.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #555;
}
#offers .image {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);
}






/* #offers .owl-item.in.active {
  z-index: 2 !important;
  opacity: 1;
}

#offers .item {
  width: 800px;
  height: 500px;
  overflow: hidden;
}

#offers .bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
}



#offers .animated {
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#offers .in .bg-image {
  -webkit-animation-name: slideIn;
          animation-name: slideIn;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes slideInReverse {
  from {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slideInReverse {
  from {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
#offers .out .bg-image {
  -webkit-animation-name: slideOut;
          animation-name: slideOut;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes slideOut {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@keyframes slideOut {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@-webkit-keyframes slideOutReverse {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes slideOutReverse {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#offers .reverse .in .bg-image {
  -webkit-animation-name: slideInReverse;
          animation-name: slideInReverse;
}
#offers .reverse .out .bg-image {
  -webkit-animation-name: slideOutReverse;
          animation-name: slideOutReverse;
} */





/* EXPERIENCE */
.experience-content{
    position: relative;
    margin-top: -90px;
    width: 85%;
    float: right;
}
.experience-content-2{
    position: relative;
    margin-bottom: -50px;
    width: 85%;
    float: left;
    z-index: 99;
}
.experience-title{background:#fff;padding: 30px; text-align:justify;}


/* DIREFFENCE */
#difference .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 4%;
    right: 0;
    margin-top: 0px;
    color: #b3a06d;
}
#difference .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}
#difference .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    /* Increment counter */
    margin-right: 7px;
}
#difference .owl-dot span {display: none;}
#difference .owl-dot.active:before {
    content: counter(slides-num) " / ";
    /* Use the same counter to get current item. */
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}
#difference.owl-theme .owl-nav .owl-prev{
    border-radius: 0px;
    background: url(images/prev.png) 50% 50% no-repeat;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 20%;
    text-align: center;
    height: calc(2vw);
    position: absolute;
    right: 4%;
    vertical-align: middle;
    width: calc(2vw);
}
#difference.owl-theme .owl-nav .owl-next{
    border-radius: 0px;
    background: url(images/next.png) 50% 50% no-repeat;
    display: table-cell;
    height: calc(2vw);
    margin: 0px;
    left: 97%;
    top: 20%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(2vw);
    margin-right: 50%;
}

/* NEWS */
.news-content{padding:20px 15px;}

/* -------------------------------------
   HOTEL
----------------------------------------*/
.qoute p{font-size: 35px; line-height: 40px; font-weight: 400;}

.hotel-desc{
    width: 80%;
    background: #fff;
    position: relative;
    margin-top: -120px;
    padding: 40px 90px;
}

#hotel-1 .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 79%;
    right: 23vw;
    margin-top: 0px;
    color: #b3a06d;
}
#hotel-1 .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}
#hotel-1 .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    /* Increment counter */
    margin-right: 10px;
}
#hotel-1 .owl-dot span {display: none;}
#hotel-1 .owl-dot.active:before {
    content: counter(slides-num) " / ";
    /* Use the same counter to get current item. */
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}

.hotel-4{padding:0;height:50vh;}
.hotel-wrapper{
    background:none;
    bottom: 0;
    height: 100%;
    margin: auto;
    top: 0;
    width: 100%;
}
.hotel-wrapper:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.hotel-content{
    color: #fff;
    display: inline-block;
    margin:auto;
    margin-left:-10px;
    width:100%;
    vertical-align:middle;
    position: relative;
    z-index: 99;
}

#hotel-1.owl-theme .owl-nav .owl-prev{
    border-radius: 0px;
    background: url(images/prev.png) 50% 50% no-repeat;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 79%;
    text-align: center;
    height: calc(5vw);
    position: absolute;
    right: 25%;
    vertical-align: middle;
    width: calc(5vw);
}
#hotel-1.owl-theme .owl-nav .owl-next{
    border-radius: 0px;
    background: url(images/next.png) 50% 50% no-repeat;
    display: table-cell;
    height: calc(5vw);
    margin: 0px;
    left: 73%;
    top: 79%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(5vw);
    margin-right: 50%;
}

.hotel-services-item{padding-left: 5vw;}


/* AWARD */
.award-list ul{margin:0; padding:0;}
.award-list li{
    list-style:none;
    display:block;
}
.award-list li:before{
    content:'-';
    margin-right: 10px;
}

/* -------------------------------------
   GALLERY
----------------------------------------*/
.grid-item{padding:1vw;}
.gallery-title {
    height: 170px;
    padding: 37px 15px;
}
#gallery-filter.gallery-menu a{padding:3px 10px; margin-left:15px; color:#888;}
#gallery-filter.gallery-menu a:after{content:''; border-right:1px solid #fff; margin-left:20px; position:absolute; height:100%;}
#gallery-filter.gallery-menu a:hover, #gallery-filter a.selected{color:#000;}
#gallery-filter.gallery-menu a:last-child:after{display:none;}


/* -------------------------------------
   ROOM
----------------------------------------*/
.room-content{
    position: relative;
    margin-top: -90px;
    width: 80%;
    float: right;
}
.room-title{
    background:#fff;
    padding: 3vw;
}
.room-facility-item{padding-left:3vw;}
.room-title-2{
    background: #fff;
    padding: 2vw;
}
.facility-list ul{margin:0; padding:0;}
.facility-list li{
    list-style:none;
    display:block;
}
.facility-list li:before{
    content:'-';
    margin-right: 10px;
}

/* -------------------------------------
   DINING
----------------------------------------*/
.dining-detail img{width:10%;}

.spa-content{padding:30px 0;}

/* -------------------------------------
   OFFER
----------------------------------------*/
.offer-list ul{margin:0; padding:0;}
.offer-list li{
    list-style:none;
    display:block;
}
.offer-list li:before{
    content:'-';
    margin-right: 10px;
}
.offer-item{padding-left:3vw;}

.panel-default {
    /* border-top:1px solid #ddd; */
    /* border-bottom:1px solid #ddd; */
    border-left:none;
    border-right:none;
    border: none;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    border-top: 1px solid #ddd;
}
.panel-heading {
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading:last-child{border-bottom: 1px solid #ddd;}


/* -------------------------------------
   CONTACT 1
----------------------------------------*/
#contact-1 label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
}
.contact-item{padding-left:3vw;}

#contact-1 .contact-form label{
    margin-bottom: 0;
    text-transform:uppercase;
}
#contact-1 .contact-form small{
    font-size:10px;
}
#contact-1 .contact-form:before, #contact-1.contact-form:after {
    content: " ";
    display: table;
}
#contact-1 .contact-form:after {
    clear: both;
}
#contact-1 .contact-form .form-group {
    position: relative;
    margin-bottom:25px;
}
#contact-1.contact-form input[type="text"], #contact-1.contact-form input[type="email"], #contact-1.contact-form textarea, #contact-1.contact-form select {
    border-radius: 0;
    outline: none;
    padding: 1vw 0;
    width: 100%;
    height:auto;
    -webkit-transition: 0.2s border;
    transition: 0.2s border;
}
#contact-1 .contact-form textarea {
    min-height: 172px;
}
#contact-1 .contact-buttons {
    margin-top: 20px;
    text-align: right;
}
#contact-1 .contact-buttons.text-left {
    text-align: left;
}
#contact-1 .form-label {
    font-size: 12px;
    color: #5e9bfc;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: .333s ease top, .333s ease opacity;
    transition: .333s ease top, .333s ease opacity;
}
#contact-1 .form-control {
    height: 45px;
    border-radius: 0;
    border-color: #000;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    box-shadow: none;
}
#contact-1 .form-control:focus {
    box-shadow: none;
    border-color: #b3a06d;
}

/* -------------------------------------
   FOOTER
----------------------------------------*/
footer{background: linear-gradient(135deg, #6b6b6a , #13a5a5); border-top: 7px solid #86ff35;/* background:#000; */ padding:2.5vw 0; font-size: calc(15px + (45 - 45) * ((100vw - 480px) / (1600 - 480))); color:#fff; !important}
footer h4{color:#fffffe}
footer a, footer a i{color:rgb(247, 245, 245);}
footer hr{border-color:#86ff35}
.footer-logo img{
    margin-right: 20px;
}
.footer-list ul{margin:0; padding:0;}
.footer-list li{
    list-style:none;
    display:block;
    padding:5px 0;
}
.footer-list a{color:#fff;}
.footer-list li a:hover{text-decoration:underline;}

.c-group{border-top:1px solid rgba(0,0,0,.1); position:relative; overflow:initial;}
.c-group .heading{display:inline-block; background:#fff; position:absolute; left:50%; top:0; width:inherit; transform: translate(-50%,-51%); padding:5px 15px; font-weight:400; font-size:12px; letter-spacing:2px; z-index:99; min-width:185px;}

.c-group .brand{display:inline-block; width: 16.667%; text-align:center; margin:0 -3px;}
.c-group .brand img{width:100%; height:100%; max-width:200px;}
.logo-group { max-height: 100px; width: 100px; }

.c-group .logo{display:inline-block; width: 16.667%; text-align:center; margin:0 -3px;}
.c-group .logo img{width:100%; height:100%; max-width:200px;}




.newsletter{border:1px solid rgba(255,255,255,.5); white-space:nowrap; max-width:360px; min-height:50px; margin:0 auto; position:relative}
.newsletter input[type="text"], .newsletter input[type="email"]{background:transparent; border:none; width:75%; text-align:left !important; float:left;}
.newsletter input[type="submit"], .newsletter .submit-btn{background:transparent; border:none; width:25%; background:transparent; border:none; font-size:12px; letter-spacing:1px; text-transform:uppercase;padding: 10px 20px; right: 10px; position: absolute;}
.newsletter input{padding: 10px 20px;}

.newsletter ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.newsletter ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

/* COPYRIGHT */
.copyright{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1)}
.copyright-list ul{margin:0; padding:0;}
.copyright-list li{
    list-style:none;
    display:inline-block;
    padding:15px;
}
.copyright-list li:first-child{padding-left:0;}
.copyright-list li a{color:#fff;}
.copyright-list li a:hover{color:#000;}
.copyright-item{padding:15px 0;}

/* MEDIA SOCIAL */
.media-social ul{margin:10px 0; padding:0;}
.media-social li{
    list-style:none;
    display:inline-block;
    padding:15px;
}
.media-social li a i{color:#fff;font-size: 20px;}
.media-social li a i:hover{color:#666261;}

#sidebar-wrapper .media-social ul{margin:0 -15px;}
#sidebar-wrapper .media-social li{padding:0 15px}
#sidebar-wrapper .media-social li a i{color:#000; font-size:16px;}
#sidebar-wrapper .media-social li a i:hover{color:#936e20;}


/* INSTAGRAM */
.instagram{font-size:0; letter-spacing:0; margin-bottom:-1px;}
.instagram-item{
    width:16.6667%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#sbi_load{display:none;}


/* TEXT */
.subtitle{text-transform:uppercase;letter-spacing: 4px;font-size: 10px; color: #999; margin-bottom:5px;}




/* IMG OVERLAY */
.img-overlay{position:relative;}
.img-overlay:before{
    background-color:#000 !important;
    content:'';
    height: 100%;
    left: 0;
    opacity: 0.5;
    position:absolute;
    top: 0;
    width:100%;
    z-index: 5;
}
.img-overlay-border:after{content:''; opacity:0; position:absolute; border:1px solid #b3a06d; width:100%; height:100%; z-index:-1; transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);}
.img-overlay-border.right:after{right:-35px;}
.img-overlay-border.left:after{left:-35px;}
.img-overlay-border.top:after{top:-35px;}
.img-overlay-border.bottom:after{bottom:-35px;}
.img-overlay-border.inside:after{top:35px; bottom:35px; left:35px; right:35px;}
.img-overlay-border{position:relative;z-index:1}
.revealedBox-in .img-overlay-border:after, .img-overlay-border.visible:after{opacity:1}

/* COL */
.col-img-1{
    float: left;
    display: block;
    margin-right: 50px;
    width: 56%;
}
.col-img-2{
    float: left;
    display: block;
    margin-right: 30px;
    width: 30%;
}
.col-img-3{
    float: right;
    display: block;
    width: 92%;
}
.col-img-4{
    float: left;
    display: block;
    margin-right: 27px;
    width: 44%;
}
.col-img-5{
    float: left;
    display: block;
    margin-right: 27px;
    width: 44%;
}
.col-img-6{
    float: left;
    display: block;
    margin-right: 50px;
    width: 56%;
}
.col-img-7{
    float: left;
    display: block;
    margin-right: 30px;
    width: 30%;
}


/* HOTEL LIST */
.hotel-list ul{margin:0; padding:0;}
.hotel-list li{
    list-style:none;
    display:inline-block;
    padding: 0 15px;
}
.hotel-list li a{font-size:18px;}
.hotel-list li a.selected{color:#000;font-weight: 400;}

/* TEXT COLOR */
.text-black, .text-black p, .text-black h2, .text-black .h2, .text-black h3, .text-black .h3, .text-black h4, .text-black .h4, .text-black i, .text-black ul li, .text-black ol li, .text-black a, .text-black label, .text-black .sub-title{color:#333 !important}
.text-white, .text-white p, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white i, .text-white ul li, .text-white ol li, .text-white a, .text-white label, .text-white .sub-title{color:#fff !important}
.text-gold, .text-gold p, .text-gold h2, .text-gold .h2, .text-gold h3, .text-gold .h3, .text-gold h4, .text-gold .h4, .text-gold i, .text-gold ul li, .text-gold ol li, .text-gold a, .text-gold label, .text-gold .sub-title{color:#b3a06d !important;}

.text-justify, .text-justify p{text-align:justify;}
.text-justify.center, .text-justify.center p{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}
}

/* BUTTON */
.btn{
    background: transparent;
    border-radius: 0px;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 2.5px;
    padding: 15px 25px;
    text-decoration: none;
    text-transform: uppercase;
    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-sm{padding: 10px 25px;}
.btn-xs{padding: 7px 18px;}
.btn.btn-brown{
    background: #936e20;
    color: #fff;
}
.btn.btn-white{
    background:#fff;
    color:#936e20;
}
.btn.btn-border{
    color:#936e20;
    padding: 10px 0;
}
.btn-outline{border:2px solid #333;} 
.btn.btn-border:after{content:''; height:1px; width:100%; background: #936e20; display:block; margin-top:10px;
    -webkit-transition: all .75s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all .75s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: all .75s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all .75s cubic-bezier(0.86, 0, 0.07, 1);}
.btn.btn-border:hover:after{
    width:30%;
}

.text-center .btn.btn-border:after{margin:10px auto 0 auto}
.text-left .btn.btn-border:after{margin:10px auto 0 0 }
.text-right .btn.btn-border:after{margin:10px 0 0 auto}
@media only screen and (min-width: 768px){
    .text-sm-center .btn.btn-border:after{margin:10px auto 0 auto}
    .text-sm-left .btn.btn-border:after{margin:10px auto 0 0 }
    .text-sm-right .btn.btn-border:after{margin:10px 0 0 auto}
}
@media only screen and (min-width: 992px){
    .text-md-center .btn.btn-border:after{margin:10px auto 0 auto}
    .text-md-left .btn.btn-border:after{margin:10px auto 0 0 }
    .text-md-right .btn.btn-border:after{margin:10px 0 0 auto}
}

.btn.btn-border:hover{background:transparent; color:#000 !important;}
.btn.border-white{
    border-bottom:1px solid #fff;
    color:#fff;
    padding: 10px 0;
}
.btn.border-white:hover{
    background:transparent;
    color:#ccc;
    border-bottom:1px solid #ccc;
}
.btn:hover, .btn.border:hover{
    background:#936e20;
    border-color:transparent;
    color:#fff;
}
.btn-booking{
    position: absolute;
    z-index: 999;
    float: right;
    right: 15px;
    top: 30px;
    background:#18eb34;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.on .btn-booking, .no-slider .btn-booking{top:5px}
.btn.btn-gold{
    background:#18eb34;
    color:rgb(8, 0, 0);
}
.btn.btn-grey{
    background:#333;
    color:#fff;
}
.btn:hover, .btn.border:hover{
    background:rgb(247, 241, 241);
    border-color:transparent;
    color:rgb(3, 0, 0) !important;
}

.social-share{width:51px; display: inline-block; text-align:center}
.social-share .btn{display:inline-block; height:auto; height: 51px; width: 51px; padding:0; line-height:51px;}
.social-share.btn-lg{height: 51px; width: 51px; line-height:51px;}
.social-share .social-share-buttons{position:absolute; height:0; width: 51px; bottom: 51px; overflow: hidden;}
.social-share.btn-lg .social-share-buttons{bottom: 51px; width: 51px;}
.social-share:hover .social-share-buttons{height:auto;}
.social-share i{pointer-events: none;}
.fab {
    height: 51px;
    width: 51px;
    line-height:51px;
    cursor: pointer;
    background:rgba(255,255,255,.75);
    display:block;
}
.fab {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
    will-change: animation;
    margin-bottom:5px;
    color:#000 !important;
}
.social-share:hover i{color:#000 !important;}
.social-share:hover .fab:nth-child(4){
    transition-delay: .0s;
    opacity:1;
}
.social-share:hover .fab:nth-child(3){
    transition-delay: .15s;
    opacity:1;
}
.social-share:hover .fab:nth-child(2){
    transition-delay: .3s;
    opacity:1;
}
.social-share:hover .fab:nth-child(1){
    transition-delay: .45s;
    opacity:1;
}


/* -------------------------------------
   IMAGE HOVER
----------------------------------------*/
.image-hover {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
.image-hover figure {
    position: relative;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
.image-hover figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
.image-hover figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.image-hover figure figcaption::before,
.image-hover figure figcaption::after {
    pointer-events: none;
}
.image-hover figure figcaption,
.image-hover figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.image-hover figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.image-hover figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.image-hover figure h2 span {font-weight: 800;}
.image-hover figure h2,
.image-hover figure p {
    margin: 0;
}
.image-hover figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/* -------------------------------------
   EFFECT 14
----------------------------------------*/
.effect-14 {
    opacity: 0;
    transition: all .5s;
}
.effect-14 h2, .effect-14 i {
    opacity: 0;
    transition: all .5s;
    display: block;
    padding-top: 20px;
}
.effect-14 i {transform: translateY(10px);}
.effect-item-3:hover .effect-14 {opacity: 1;}
.effect-item-3:hover h2, .effect-item-3:hover i {opacity: 1;}
.effect-item-3:hover h2 {
    transform: translateY(5px);
    transition-delay: .3s;
}
.effect-item-3:hover i {
    transform: translateY(0);
    transition-delay: .6s;
}

/* OVERLAY */
.w-overlay{position:relative;}
.w-overlay:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: #000; opacity: .15; z-index:0}
.w-overlay.green:before{background:#a2a466}
.w-overlay.darker:before{opacity: .45;}
.w-overlay.darkest:before{opacity: .75;}
.overlay h2, .overlay h3, .overlay h4{line-height:normal; margin-bottom:3px;}
/* .overlay p{line-height:normal;} */
.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:2; background:rgba(0,0,0,.15); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.revealedBox .overlay-caption:after{opacity:0;}
.revealedBox.revealedBox-in .overlay-caption:after{opacity:1;}
.overlay-caption.transparent:after{background:none !important}
.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,.35)}
.overlay-caption.darkest:after{background:rgba(0,0,0,.65)}
.overlay-caption.gradient:after{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.overlay figure a img{opacity:1 !important;}
.caption-content{width:100%; display:inline-block; vertical-align:middle; position:absolute; z-index:90; padding:25px 30px;}
.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:100%; z-index:98;}
.caption-content.bottom-right{right:0; bottom:0; width:100%; 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; font-size: 1.05em;}
.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%);
}
.overlaybg{position:relative; z-index:0;}
.overlaybg:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.4);z-index:-1;}
.overlaybg.dark:after{background:rgba(0,0,0,.75)}
.overlaybg.darker:after{background:rgba(0,0,0,.85)}

/* 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%;
    left:0;
    top:0;
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.25);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
figure a img{
    -webkit-transition: -webkit-transform 3000ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: -moz-transform 3000ms cubic-bezier(.165,.84,.44,1);
    -o-transition: -o-transform 3000ms cubic-bezier(.165,.84,.44,1);
    transition: transform 3000ms cubic-bezier(.165,.84,.44,1);
    transform: scale(1.015);
}

figure:hover{background:rgba(0,0,0,1);)}
figure a:hover:before {opacity:1}
figure a:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
}
figure a{-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.02, 1.02);}
figure > img{width:100%; height:auto; display:block;}
figure.overlay{position:relative; z-index:2;}
figure.overlay:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.5)}


.p-relative{position:relative; z-index:3;}
.p-absolute{position:absolute; z-index:3;}
.d-table-cell{display:table-cell; vertical-align:middle}
.d-inline-block{display:inline-block; float:none; margin:0 -2px 0 -2px; vertical-align:top;}
.d-inline-block.v-bottom{vertical-align:bottom}
.d-flex{display:flex;}
@media only screen and (max-width: 991px){
    .d-flex{display:block;}
}
.overflow-hidden{overflow: hidden}

/* -------------------------------------
  BLOG
----------------------------------------*/
.blog-list .date{font-size:13px; text-transform:uppercase; letter-spacing:1px; font-weight: 700;}
/* .blog-list .date{font-size:12px; text-transform:uppercase; letter-spacing:1px; position:absolute; bottom:5px; left:5px; padding:5px; z-index:20; display:inline-block; background:#fff;}
.blog-list .date .day{font-size:45px; line-height:36px; display:block}
.blog-list .date .month{clear:both; line-height:12px; display:block}
.blog-list h4{margin:0;}*/
.blog-list .blog-content{padding:30px 30px 20px 30px;}
.wp-caption-text{font-size:12px; color:rgb(3, 3, 3); text-align:center; clear:both; padding-top:10px;}
.wp-caption{width:100% !important;}
.cat{font-size:12px; text-transform:uppercase; letter-spacing:1px;}
.cat a{ color:#999}
.cat a:hover{ color:#54585A}
blockquote{
    border-left: 3px solid rgba(0,0,0,.84);
    padding-left: 20px;
    margin-left: 0;
    padding-bottom: 2px;
    font-size:calc(17px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
    font-style: italic;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; }


.gallery{margin:0 -10px 20px -10px !important;}
.gallery .gallery-item{margin:10px !important; width:calc(49% - 20px) !important; float: left;}
.gallery .gallery-item img{border:none !important;}

/* TAG CLOUD */
.tagcloud{padding:50px 0;}
.tagcloud ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tagcloud ul li {
    display: inline-block;
    margin: 0 .3em .3em 0;
    padding: 0;
}
.tagcloud ul li a {
    display: inline-block;
    padding: 8px 15px;
    font-weight: 600;
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #999;
    font-size: 13px;
    line-height:normal;
    text-decoration:none;
}
.tagcloud ul li a:hover {
    background-color: #333;
    color: #fff;
}

.widget.share-this{border-top:1px solid rgba(0,0,0,.1); font-size:14px; padding:20px 0;}
.widget.share-this label{padding-right:30px;}
.st_custom{width:30px; height:30px; line-height:30px; cursor: pointer; display: inline-block; color:#000;}

/* -------------------------------------
  Magnific Popup
----------------------------------------*/
.mfp-fade.mfp-bg {
    background:#000;
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9;
    z-index:1500;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content, .mfp-fade.mfp-wrap .mfp-content iframe {
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-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-wrap {
    z-index:2000;
}
.mfp-img{
    opacity:1 !important;
    transform: translate3d(0,0,0);
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
    max-width:100%;
}
.mfp-inline-holder .mfp-close {
    color: #000 !important;
    padding-right:0px;
    right: 30px !important;
    top: 10px !important;
    text-align: right;
    width: 100%;
    font-size: 20px;
}
.mfp-container{padding:0;}
#book .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 10%;
    top: 10%;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #000;
    font-style: normal;
    font-size: 20px;
}
.white-popup-block {
    background: #FFF;
    max-width: 650px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
.fullscreen.white-popup-block {
    background: #FFF;
    max-width: 100%;
    min-height:100vh;
    margin: auto;
    position: relative;
    text-align: left;
}
.mfp-arrow{
    background-color: rgba(0,0,0,.9) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    height: 60px !important;
    margin-top: -30px !important;
    transition: all 0.3s ease !important;
    width: 60px !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
}
.mfp-arrow-left{
    background-image:url(images/carousel-left.png) !important;
}
.mfp-arrow-right{
    background-image:url(images/carousel-right.png) !important;
}
.mfp-arrow:before, .mfp-arrow:after{display:none;}
img.mfp-img{
    box-sizing: border-box;
    display: block;
    height: auto !important;
    line-height: 0;
    margin: 0 auto;
    max-width: 100% !important;
    padding: 0;
    transition: all 0.3s ease;
    width: auto !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.mfp-content figure, .mfp-content figure:hover{overflow:initial !important; background:#fff;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-bottom-bar{margin-top:10px;}

.bg-white{background-color:#fff;}
.bg-black{background-color:#000;}
.bg-light-grey{background-color:#f4f4f4;}

.bg-fixed{background-attachment:fixed !important}
.bg-cover{background-size:cover !important;}

.bg-fluid{
    position: relative;
    display: block;
    height: 60vw;
    background-size: cover;
    background-position: center;
}
@media only screen and (min-width: 768px){
    .bg-fluid-wrapper{
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .bg-fluid{
        position: relative;
        -webkit-transition: flex-grow .75s ease;
        -moz-transition: flex-grow .75s ease;
        transition: flex-grow .75s ease;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        height: 33vw;
        background-size: cover;
    }
    .bg-fluid:hover{
        -webkit-flex-grow: 1.6;
        -moz-flex-grow: 1.6;
        flex-grow: 1.6;
        -ms-flex-positive: 1.6;
    }
}
.bg-half {
    width: 50%;
}
.bg-left {
    background-size: cover !important;
    min-height: 400px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.bg-right {
    background-size: cover !important;
    min-height: 400px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}


/* 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 !important;}
.margin-fluid-2{margin:2vw !important;}
.margin-fluid-3{margin:3vw !important;}
.margin-fluid-4{margin:4vw !important;}
.margin-fluid-5{margin:5vw !important;}
.margin-fluid-6{margin:6vw !important;}
.margin-fluid-7{margin:7vwv;}
.margin-fluid-8{margin:8vw !important;}
.margin-fluid-9{margin:9vw !important;}
.margin-fluid-10{margin:10vw !important;}

.margin-fluid-top-1{margin-top:1vw !important;}
.margin-fluid-top-2{margin-top:2vw !important;}
.margin-fluid-top-3{margin-top:3vw !important;}
.margin-fluid-top-4{margin-top:4vw !important;}
.margin-fluid-top-5{margin-top:5vw !important;}
.margin-fluid-top-6{margin-top:6vw !important;}
.margin-fluid-top-7{margin-top:7vw !important;}
.margin-fluid-top-8{margin-top:8vw !important;}
.margin-fluid-top-9{margin-top:9vw !important;}
.margin-fluid-top-10{margin-top:10vw !important;}
.margin-fluid-top-11{margin-top:11vw !important;}
.margin-fluid-top-12{margin-top:12vw !important;}
.margin-fluid-top-reverse-1{margin-top:-1vw !important;}
.margin-fluid-top-reverse-2{margin-top:-2vw !important;}
.margin-fluid-top-reverse-3{margin-top:-3vw !important;}
.margin-fluid-top-reverse-4{margin-top:-4vw !important;}
.margin-fluid-top-reverse-5{margin-top:-5vw !important;}
.margin-fluid-top-reverse-6{margin-top:-6vw !important;}
.margin-fluid-top-reverse-7{margin-top:-7vw !important;}
.margin-fluid-top-reverse-8{margin-top:-8vw !important;}
.margin-fluid-top-reverse-9{margin-top:-9vw !important;}
.margin-fluid-top-reverse-10{margin-top:-10vw !important;}
.margin-fluid-top-reverse-11{margin-top:-11vw !important;}
.margin-fluid-top-reverse-12{margin-top:-12vw !important;}

.margin-fluid-right-1{margin-right:1vw !important;}
.margin-fluid-right-2{margin-right:2vw !important;}
.margin-fluid-right-3{margin-right:3vw !important;}
.margin-fluid-right-4{margin-right:4vw !important;}
.margin-fluid-right-5{margin-right:5vw !important;}
.margin-fluid-right-6{margin-right:6vw !important;}
.margin-fluid-right-7{margin-right:7vw !important;}
.margin-fluid-right-8{margin-right:8vw !important;}
.margin-fluid-right-9{margin-right:9vw !important;}
.margin-fluid-right-10{margin-right:10vw !important;}
.margin-fluid-right-11{margin-right:11vw !important;}
.margin-fluid-right-12{margin-right:12vw !important;}
.margin-fluid-right-reverse-1{margin-right:-1vw !important;}
.margin-fluid-right-reverse-2{margin-right:-2vw !important;}
.margin-fluid-right-reverse-3{margin-right:-3vw !important;}
.margin-fluid-right-reverse-4{margin-right:-4vw !important;}
.margin-fluid-right-reverse-5{margin-right:-5vw !important;}
.margin-fluid-right-reverse-6{margin-right:-6vw !important;}
.margin-fluid-right-reverse-7{margin-right:-7vw !important;}
.margin-fluid-right-reverse-8{margin-right:-8vw !important;}
.margin-fluid-right-reverse-9{margin-right:-9vw !important;}
.margin-fluid-right-reverse-10{margin-right:-10vw !important;}
.margin-fluid-right-reverse-11{margin-right:-11vw !important;}
.margin-fluid-right-reverse-12{margin-right:-12vw !important;}

.margin-fluid-bottom-1{margin-bottom:1vw !important;}
.margin-fluid-bottom-2{margin-bottom:2vw !important;}
.margin-fluid-bottom-3{margin-bottom:3vw !important;}
.margin-fluid-bottom-4{margin-bottom:4vw !important;}
.margin-fluid-bottom-5{margin-bottom:5vw !important;}
.margin-fluid-bottom-6{margin-bottom:6vw !important;}
.margin-fluid-bottom-7{margin-bottom:7vw !important;}
.margin-fluid-bottom-8{margin-bottom:8vw !important;}
.margin-fluid-bottom-9{margin-bottom:9vw !important;}
.margin-fluid-bottom-10{margin-bottom:10vw !important;}
.margin-fluid-bottom-11{margin-bottom:11vw !important;}
.margin-fluid-bottom-12{margin-bottom:12vw !important;}
.margin-fluid-bottom-reverse-1{margin-bottom:-1vw !important;}
.margin-fluid-bottom-reverse-2{margin-bottom:-2vw !important;}
.margin-fluid-bottom-reverse-3{margin-bottom:-3vw !important;}
.margin-fluid-bottom-reverse-4{margin-bottom:-4vw !important;}
.margin-fluid-bottom-reverse-5{margin-bottom:-5vw !important;}
.margin-fluid-bottom-reverse-6{margin-bottom:-6vw !important;}
.margin-fluid-bottom-reverse-7{margin-bottom:-7vw !important;}
.margin-fluid-bottom-reverse-8{margin-bottom:-8vw !important;}
.margin-fluid-bottom-reverse-9{margin-bottom:-9vw !important;}
.margin-fluid-bottom-reverse-10{margin-bottom:-10vw !important;}
.margin-fluid-bottom-reverse-11{margin-bottom:-11vw !important;}
.margin-fluid-bottom-reverse-12{margin-bottom:-12vw !important;}

.margin-fluid-left-1{margin-left:1vw !important;}
.margin-fluid-left-2{margin-left:2vw !important;}
.margin-fluid-left-3{margin-left:3vw !important;}
.margin-fluid-left-4{margin-left:4vw !important;}
.margin-fluid-left-5{margin-left:5vw !important;}
.margin-fluid-left-6{margin-left:6vw !important;}
.margin-fluid-left-7{margin-left:7vw !important;}
.margin-fluid-left-8{margin-left:8vw !important;}
.margin-fluid-left-9{margin-left:9vw !important;}
.margin-fluid-left-10{margin-left:10vw !important;}
.margin-fluid-left-11{margin-left:11vw !important;}
.margin-fluid-left-12{margin-left:12vw !important;}
.margin-fluid-left-reverse-1{margin-left:-1vw !important;}
.margin-fluid-left-reverse-2{margin-left:-2vw !important;}
.margin-fluid-left-reverse-3{margin-left:-3vw !important;}
.margin-fluid-left-reverse-4{margin-left:-4vw !important;}
.margin-fluid-left-reverse-5{margin-left:-5vw !important;}
.margin-fluid-left-reverse-6{margin-left:-6vw !important;}
.margin-fluid-left-reverse-7{margin-left:-7vw !important;}
.margin-fluid-left-reverse-8{margin-left:-8vw !important;}
.margin-fluid-left-reverse-9{margin-left:-9vw !important;}
.margin-fluid-left-reverse-10{margin-left:-10vw !important;}
.margin-fluid-left-reverse-11{margin-left:-11vw !important;}
.margin-fluid-left-reverse-12{margin-left:-12vw !important;}


/*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 !important;}
.padding-fluid-1-half{padding:1.5vw !important;}
.padding-fluid-2{padding:2vw !important;}
.padding-fluid-3{padding:3vw !important;}
.padding-fluid-4{padding:4vw !important;}
.padding-fluid-5{padding:5vw !important;}
.padding-fluid-6{padding:6vw !important;}
.padding-fluid-7{padding:7vw !important;}
.padding-fluid-8{padding:8vw !important;}
.padding-fluid-9{padding:9vw !important;}
.padding-fluid-10{padding:10vw !important;}
.padding-fluid-11{padding:11vw !important;}
.padding-fluid-12{padding:12vw !important;}

.padding-fluid-top-1{padding-top:1vw !important;}
.padding-fluid-top-1-half{padding-top:1.5vw !important;}
.padding-fluid-top-2{padding-top:2vw !important;}
.padding-fluid-top-3{padding-top:3vw !important;}
.padding-fluid-top-4{padding-top:4vw !important;}
.padding-fluid-top-5{padding-top:5vw !important;}
.padding-fluid-top-6{padding-top:6vw !important;}
.padding-fluid-top-7{padding-top:7vw !important;}
.padding-fluid-top-8{padding-top:8vw !important;}
.padding-fluid-top-9{padding-top:9vw !important;}
.padding-fluid-top-10{padding-top:10vw !important;}
.padding-fluid-top-11{padding-top:11vw !important;}
.padding-fluid-top-12{padding-top:12vw !important;}


.padding-fluid-right-1{padding-right:1vw !important;}
.padding-fluid-right-1-half{padding-right:1.5vw !important;}
.padding-fluid-right-2{padding-right:2vw !important;}
.padding-fluid-right-3{padding-right:3vw !important;}
.padding-fluid-right-4{padding-right:4vw !important;}
.padding-fluid-right-5{padding-right:5vw !important;}
.padding-fluid-right-6{padding-right:6vw !important;}
.padding-fluid-right-7{padding-right:7vw !important;}
.padding-fluid-right-8{padding-right:8vw !important;}
.padding-fluid-right-9{padding-right:9vw !important;}
.padding-fluid-right-10{padding-right:10vw !important;}
.padding-fluid-right-11{padding-right:11vw !important;}
.padding-fluid-right-12{padding-right:12vw !important;}


.padding-fluid-bottom-1{padding-bottom:1vw !important;}
.padding-fluid-bottom-1-half{padding-bottom:1.5vw !important;}
.padding-fluid-bottom-2{padding-bottom:2vw !important;}
.padding-fluid-bottom-3{padding-bottom:3vw !important;}
.padding-fluid-bottom-4{padding-bottom:4vw !important;}
.padding-fluid-bottom-5{padding-bottom:5vw !important;}
.padding-fluid-bottom-6{padding-bottom:6vw !important;}
.padding-fluid-bottom-7{padding-bottom:7vw !important;}
.padding-fluid-bottom-8{padding-bottom:8vw !important;}
.padding-fluid-bottom-9{padding-bottom:9vw !important;}
.padding-fluid-bottom-10{padding-bottom:10vw !important;}
.padding-fluid-bottom-11{padding-bottom:11vw !important;}
.padding-fluid-bottom-12{padding-bottom:12vw !important;}


.padding-fluid-left-1{padding-left:1vw !important;}
.padding-fluid-left-1-half{padding-left:1.5vw !important;}
.padding-fluid-left-2{padding-left:2vw !important;}
.padding-fluid-left-3{padding-left:3vw !important;}
.padding-fluid-left-4{padding-left:4vw !important;}
.padding-fluid-left-5{padding-left:5vw !important;}
.padding-fluid-left-6{padding-left:6vw !important;}
.padding-fluid-left-7{padding-left:7vw !important;}
.padding-fluid-left-8{padding-left:8vw !important;}
.padding-fluid-left-9{padding-left:9vw !important;}
.padding-fluid-left-10{padding-left:10vw !important;}
.padding-fluid-left-11{padding-left:11vw !important;}
.padding-fluid-left-12{padding-left:12vw !important;}


.margin-center{float:inherit; margin:0 auto}

.min-h-150{min-height:150px;}
.min-h-200{min-height:200px;}
.min-h-250{min-height:250px;}
.min-h-300{min-height:300px;}
.min-h-350{min-height:350px;}
.min-h-400{min-height:400px;}
.min-h-450{min-height:450px;}

.h-xs-5{height:5vw}
.h-xs-10{height:10vw}
.h-xs-15{height:15vw}
.h-xs-17{height:17vw}
.h-xs-18{height:18vw}
.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}
.h-xs-55{height:55vw}
.h-xs-60{height:60vw}
@media only screen and (min-width: 768px){
    .min-h-sm-250{min-height:250px;}
    .min-h-sm-300{min-height:300px;}
    .min-h-sm-350{min-height:350px;}
    .min-h-sm-400{min-height:400px;}
    .min-h-sm-450{min-height:450px;}
    .min-h-sm-500{min-height:500px;}
    .min-h-sm-550{min-height:550px;}

    .h-sm-5{height:5vw}
    .h-sm-10{height:10vw}
    .h-sm-15{height:15vw}
    .h-sm-17{height:17vw}
    .h-sm-18{height:18vw}
    .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}
    .h-sm-55{height:55vw}
    .h-sm-60{height:60vw}
}
@media only screen and (min-width: 1400px){
    .min-h-md-250{min-height:250px;}
    .min-h-md-300{min-height:300px;}
    .min-h-md-350{min-height:350px;}
    .min-h-md-400{min-height:400px;}
    .min-h-md-450{min-height:450px;}
    .min-h-md-500{min-height:500px;}
    .min-h-md-550{min-height:550px;}

    .h-md-5{height:5vw}
    .h-md-10{height:10vw}
    .h-md-15{height:15vw}
    .h-md-17{height:17vw}
    .h-md-18{height:18vw}
    .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}
    .h-md-55{height:55vw}
    .h-md-60{height:60vw}
}


.list-inline{margin:0;}
.list-inline ul{list-style:none; padding:0; margin: 0 0 20px 0;}
.list-inline ul li{list-style:none; display:inline-block; margin:0; padding:0;}
.list-inline ul li:after{content:', ';}
.list-inline ul li:last-child:after{content:'';}
.room-detail .room-features ul, .pack-features ul{
    margin:0 0 20px 0;
    padding:0;
    overflow:auto;
}
.room-detail .room-features ul li, .pack-features ul li{
    border-bottom:1px solid rgba(0,0,0,.1);
    margin:5px 20px;
    width:calc(50% - 40px);
    float:left;
    vertical-align:top;
}
.pack-features ul li{width:calc(50% - 40px);}
@media screen and (max-width: 1024px) {
    .room-detail .room-features ul li, .pack-features ul li{width:calc(100% - 40px);}
}
@media screen and (max-width: 640px) {
    .room-detail .room-features ul li, .pack-features ul li{width:calc(100% - 40px);}
}

/* COLUMN */
.col-two{
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count:2;
}
.col-three{
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count:3;
}
.col-two, .col-three{
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
ul.list.two-col{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}
@media only screen and (max-width: 1024px){
    .col-three{
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count:2;
    }
}
@media only screen and (max-width: 767px){
    .col-two, .col-three{
        column-count: 1;
        -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%;
}

.reveal, .flx-reveal {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}
.reveal_visible, .flx-reveal-visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.paralaxe{-webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;}
.revealedBox{position:relative; }
.revealedBox .contentBox {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.revealedBox-in .contentBox {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}
/* .revealedBox-in .contentBox img{margin-left:-150px;} */
.revealedBox-in .contentBox img.paralaxe.non-bg{
    margin-left:0;
}
.revealedBox > span {
    position: absolute;
    display: block;
    background: #ccc;
    z-index:9999;
}

.non-bg{transition: all 1.5s cubic-bezier(0.2, .84, .5, 1);}

.img-clip{overflow:hidden;}
.img-clip > img{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}

.owl-carousel .owl-item img{width:initial; display:inline-block}
.owl-carousel .owl-item > img, .owl-carousel .owl-item figure > img, .owl-carousel .owl-item figure a > img{width:100%; height:auto; display:block}

.line{
    margin:10px auto 30px auto;
    height: 2px;
    background: #d1cbb9;
    width: 45px;
    display: block;
}
.v-line{width:3px; height:calc(10vh + 30px); display:block; margin-left:auto; margin-right:auto;}
.v-line span{width:1px; height:0; background:#d1cbb9;  transition: all 2.5s cubic-bezier(0.2, .84, .5, 1); display:block;}
.reveal_visible.v-line span{height:calc(10vh + 30px);}
.text-white .line, .text-white .v-line{
    background:#fff;
}


/* PROMO BAR */
.promo-btn{
  position: fixed;
  bottom: 0;
  right: 0;
  width: 54px;
  height:54px;
  line-height: 54px;
  font-size: 27px;
  text-align:center;
  color:#fff;
  cursor:pointer;
  background: #936e20;
  border-radius: 50%;
  margin: 0 15px 15px;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  z-index: 98;
  overflow: hidden;
  display: none;
}
.promo-box:after, .promo-bar:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(255,255,255,.9);
  right: 18px;
  bottom: -10px;
  position: absolute;
}
.promo-box, .promo-bar{
  position: fixed;
  bottom: 0;
  right: 0;
  width: 360px;
  background: rgba(255,255,255,.9);
  border-radius: 0;
  margin: 0 15px 90px;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  z-index: 98;
  display: none;
}
.promo-bar{width:250px;}
.promo-bar p{margin:0; line-height:normal;}
.promo-box, .promo-bar, .promo-btn{
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86,0,0.07,1);
  display:block;
  pointer-events: none;
}
.promo-box{
  -webkit-transform: scale(0.75); 
  -moz-transform: scale(0.75); 
  -ms-transform: scale(0.75); 
  -o-transform: scale(0.75); 
  transform: scale(0.75);
}
.promo-bar{display: block; padding:15px 20px;cursor: pointer; /*animation: colorchange 10s infinite; -webkit-animation: colorchange 10s infinite;*/}
.promo-box.visible, .promo-btn.visible{
  opacity: 1;
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1);
  pointer-events: initial;
}
.promo-bar.visible{opacity:1; pointer-events: initial;  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation: fadeInUp .75s ;}
.promo-box > .promo-content{padding:25px;}
.promo-box > .promo-content h3{line-height:27px;}
.promo-box > .promo-content p{font-size:13px; letter-spacing:.05em; line-height:20px;}
.promo-box button, .promo-bar button{
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  width: 44px;
  height: 44px;
  line-height: 44px;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  position:absolute;
  top:5px;
  right:5px;
  touch-action: manipulation;
}
.promo-content .btn-outline{border-color:#936e20;}
.promo-content .btn-outline:hover{border-color:#333;}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes colorchange
    {
      0%   {background: #fff; color:#333;}
      25%  {background: #b4975a; color:#fff}
      50%  {background: #fff; color:#333}
      75%  {background: #b4975a; color:#fff}
      100%   {background: #fff; color:#333;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #fff; color:#333;}
      25%  {background: #b4975a; color:#fff}
      50%  {background: #fff; color:#333}
      75%  {background: #b4975a; color:#fff}
      100%   {background: #fff; color:#333;}
    }


/* -----  TAMBAHAN ------- */
.fullscreen.white-popup-block {
    background: #FFF;
    max-width: 100%;
    min-height: 100vh;
    margin: auto;
    position: relative;
    text-align: left;
}
.mfp-inline-holder .mfp-close {
    color: #000 !important;
    padding-right: 0px;
    right: 30px !important;
    top: 10px !important;
    text-align: right;
    width: 100%;
}
.modal-header {
    border:none;
}
.menu-horizontal ul {
    padding: 0;
}
.menu-horizontal li {
    list-style: none;
    display: inline-block;
    padding-right: 5px;
}
#sidebar-wrapper .menu-horizontal li{font-size: .85em;}
.menu-horizontal li:after {
    content: ' | ';
    padding-left: 5px;
}
.menu-horizontal li:last-child:after {
    content: '';
}

/***********************************
          PAGINATION
************************************
*/
.pagination {
    clear:both;
    position:relative;
    font-size:14px;
    margin:20px 0 0 0;
}


.pagination span{
    border: none;
    clear: both;
    display: block;
    width: 100%;
    color: #000;
    margin-bottom:10px;
}
.pagination a, .pagination span.current {
    display:block;
    float:left;
    margin: 2px 5px 2px 5px;
    padding:6px 12px 5px 12px;
    text-decoration:none;
    width:auto;
    color:#8e8e8e;
    background: #fff;
    border:1px solid #8e8e8e;
}
.pagination a:hover{
    color:#fff;
    background: #936e20;
    border-color:#936e20;
}

.pagination .current{
    background: #936e20 !important;
    color: #fff !important;
    border-color: #936e20 !important;
    clear: initial;
    margin-bottom :0;
}
/* -------------------------------------
   GALLERY
----------------------------------------*/
.gallery-item figure i{
    bottom: 50%;
    font-size: 24px;
    font-weight: 300;
    height: 24px;
    left: 50%;
    line-height: 34px;
    margin-top: -15px;
    margin-left: -15px;
    opacity:0;
    position: absolute;
    right: 50%;
    top: 50%;
    text-align: center;
    width: 24px;
    z-index: 99;
}
.gallery-item figure:hover i{
    opacity:1;
}
.gallery-item figure i.lnr{color:#fff; font-size:36px;}

/* DATE PICKER */
.ui-widget, .ui-widget-content{ 
	font-size:13px;
	color:#888888;
}
.ui-widget-header{
  background:initial;
  border:initial;
  border-radius:initial;
}
.ui-tabs .ui-tabs-nav{
  border-bottom:1px solid #ccc;
  padding: 0 20px;
}
.ui-tabs .ui-tabs-nav li{
  margin:0 1px 0 0;
  border-bottom-width: 1px;
}
.ui-widget-content{
  border:initial;
  background:initial;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border:initial;
  border-radius:initial;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background:transparent;
  border: 1px solid #777;
  color:#454545;
  text-align:center;
  width: 36px;
  height: 36px;
  line-height:28px;
  margin: 0 -1px -1px 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
  background:transparent;
  border-bottom-color:#fff;
  margin-left:-1px;
  margin-right:-1px;
}
.ui-tabs .ui-tabs-panel{overflow:hidden;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
  outline:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
  color:#000;
}
.ui-datepicker {
  font-size:16px;
  background:#fff;
  padding:15px;
  border-radius:0;
  box-shadow:1px 1px 5px rgba(0,0,0,.15);
  z-index:9999 !important;
}
.ui-datepicker-title{color:#000;}
.ui-datepicker th{color:#000;}
.ui-datepicker td{padding:0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
  opacity: .25;
  filter: Alpha(Opacity=25);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ccc;
	background: #000 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-slider{
  background:#ddd;
  font-size:4px !important;
  margin-right:10px;
}
.ui-slider-range{
  background:#999;
}
.ui-slider-handle{
  font-size:10px;
  border-radius:50% !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
  outline:none;
}
.ui-slider-handle,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  color:#fff;
  background:#000;
  cursor:pointer;
}
.ui-slider-horizontal .ui-slider-handle{
  top:-.4em;
  width: 1.2em;
  height: 1.2em;
}
.ui-slider-handle.ui-state-default{background:#fff;}


/* TAB PANEL */
.nav-tabs {
    border-bottom: none;
    margin-bottom: 50px;
}
.panel-default {border-color: transparent; background:transparent; box-shadow:none;}
.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    border: 3px solid transparent;
    text-align: center;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    border-width: 0 0 3px 0;
}
.nav-tabs > li a{margin:0 5px; border: 3px solid transparent;border-width: 0 0 3px 0; background-color: transparent !important;}
.nav-tabs > li a:hover{background:none; border-color:#926b1f;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #926b1f;
    cursor: default;
    background-color: transparent;
    border: 3px solid transparent;
    border-width: 0 0 3px 0;
    border-color:#926b1f;
    font-weight:700;
}



#popup-loading{width:100vw; position:absolute; left:0; top:50%;}
.share-buttons > a{display:inline-block; width:30px; text-align:center;font-size: .9em;}

.video-play{
    width: calc(49px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
    height: calc(49px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
    border-radius: 50%;
    border:4px solid rgba(0,0,0,.35);
    background: #fff;
    font-size: calc(20px + (46 - 45) * ((100vw - 480px) / (1600 - 480)));
    line-height: calc(44px + (54 - 45) * ((100vw - 480px) / (1600 - 480)));
    text-indent:2px;
    color: #454545;
    box-shadow: 0px 0px 35px rgba(0,0,0,.35);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.video-play i{color: #454545; transition: all 1.5s cubic-bezier(.19,1,.22,1);}
a:hover .video-play{border:4px solid #fff; background:transparent}
a:hover .video-play i{color:#fff;}

.grecaptcha-badge { visibility: hidden; }