/*
Theme Name: Nusa Del Rey
Theme URI: http://www.baliwebcreator.com
Description: <p>Sean Borland is a Custom Wordpress theme with elegant style. It is a powerful theme built with quality, usability and functional features.</p>
Version: 1.0
Updated Date:08/07/2016
Author: Bali Web Creator
Created Date:08/07/2016

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

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Open+Sans|Lato:300|Roboto|Suranna|Josefin+Sans:300,600,700|Open+Sans:300');

.testi .nav-tabs{text-align:center; margin-bottom:30px;}
.testi .nav-tabs > li{float:none; display:inline-block;}
html {
	min-height: 100%;
	position: relative;
}
body {
	background:#fff;
	background-attachment: fixed;
	color: #555;
	font-family: 'Cutive Mono', sans-serif;
	font-size: calc(15px + (46 - 45) * ((100vw - 480px) / (1600 - 480)));
	font-weight:400;
	overflow-x:hidden;
	padding:0;
  letter-spacing: .03em;
  line-height:1.7;
}
#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;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

@media screen and (min-width: 1800px){
  .smooth {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
    will-change: transform;
  }
}
@media screen and (max-width: 1799px){
	.smooth {transform:initial !important}
	.viewport{height:1px !important; display:none !important} 
}

/* -------------------------------------
   COMMON
----------------------------------------*/
h1,h2,h3,h4, .h1, .h2, .h3, .h4{
    font-family: 'Poiret One', serif;
    margin: 0 0 20px 0;
    line-height: 1.2em;
    letter-spacing: 0.01em;
    text-transform:uppercase;
}
h1,h2,h3,h4, .h1, .h2, .h3, .h4, h1 a,h2 a,h3 a,h4 a, .h1 a, .h2 a, .h3 a, .h4 a{color: #6b4b36;}
h1, .h1{font-size:calc(55px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));}
h2, .h2{font-size:calc(45px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));}
h3, .h3{font-size:calc(35px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));/*font-size:calc(18px + (55 - 45)  ((100vw - 480px) / (1600 - 480)));*/}
h4, .h4{
  font-size:calc(25px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
  letter-spacing:1px;
  line-height: 1.5em;
}
.heading-line:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #010101;
}
.heading-overlay-num{
  font-size:calc(150px + (65 - 45) * ((100vw - 480px) / (1600 - 480)));
  color:rgba(0,0,0,.03);
  position:relative;
  line-height: normal;
}
.heading-overlay-num .heading-content{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  padding: calc(60px + (65 - 45) * ((100vw - 480px) / (1600 - 480))) 0;
}

p{ margin-bottom:20px; }
.font-2x, .font-2x p{font-size:calc(17px + (47 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.5;}
.font-3x, .font-3x p{font-size:calc(20px + (47 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.5;}
.font-4x, .font-4x p{font-size:calc(23px + (47 - 45) * ((100vw - 480px) / (1600 - 480))) !important; line-height:1.5;}
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, b{font-weight:600;}
section {padding: calc(70px + (100 - 45)*((100vw - 480px)/(1600 - 480))) 0;}
button{outline:none;}
.clearfix{clear:both;}
textarea {resize: vertical;}
.container-fluid{width:96%; max-width:initial;}
.container-fluid.smaller{width:78%; max-width:initial;}
.container-fluid.full{width:100%;}
.container{width:92%; max-width:1170px;}
@media (min-width: 1480px) {
  .container{width:92%; max-width:1300px;}
  .container-fluid.smaller{width:80%; max-width:initial;}
}
@media only screen and (max-width: 1360px){
  .container-fluid.smaller{width:85%; max-width:initial;}
}
@media only screen and (max-width: 1280px){
  .container-fluid.smaller{width:92%; max-width:initial;}
}
@media only screen and (max-width: 1024px){
  .container{width:96%}  
  .container-fluid.smaller{width:94%; max-width:initial;}
}
@media only screen and (max-width: 640px){
  .container{width:100%}
  .container-fluid.smaller{width:100%; max-width:initial;}
}

.small-gap .row{margin-left:-10px; margin-right:-10px;}
.small-gap [class*="col-"]{padding-left: 10px; padding-right: 10px;}
.smaller-gap .row{margin-left:-5px; margin-right:-5px;}
.smaller-gap [class*="col-"]{padding-left: 5px; padding-right: 5px;}
.no-gap .row{margin-left:0px; margin-right:0px;}
.no-gap [class*="col-"]{padding-left: 0px; padding-right: 0px;}



/* -------------------------------------
   HEADER
----------------------------------------*/
header{
	background: transparent;
	position:relative;
	transition: all 0.4s ease;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease; 
}
header .container{}

/* -------------------------------------
   LOGO
----------------------------------------*/
#logo{
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 90px;
  height:205px;
  margin: auto;    
  text-align: center;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
  overflow: hidden;
}
#logo img{width:100%;}
#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:7px; width:80px; height:65px;}
.on #logo img, .no-slider #logo img{-webkit-filter: none !important; -moz-filter: none !important; filter: none !important;}
/* -------------------------------------
   HEADER
----------------------------------------*/
header{
	background: #fff;
	position:relative;
	transition: all 0.4s ease;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease; 
}
header .container, .no-slider .container{
	width:100%;
	max-width:1100px;
}
.btn-booking {
    position: absolute;
    z-index: 999;
    float: right;
    right: 15px;
    top: 27px;
    background: #b3a06d;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-booking a{background:#c5821b; color:#fff; border-radius:0;}
.on .btn-booking, .no-slider .btn-booking{top:0; right:0;}
.on .btn-booking a, .no-slider .btn-booking a{height:70px; line-height:45px;}


/* -------------------------------------
   HEADER
----------------------------------------*/
nav{width:100%;}
.on #nav-menu.navbar-default, .no-slider #nav-menu.navbar-default{background-color:#fff !important; padding: 0; box-shadow: 0 0 3px rgba(0,0,0,.15);}
#nav-menu{transition:all 0.2s;}
#nav-menu.navbar-default{
	clear:both;
	margin-bottom:0;
	border-color: rgba(0,0,0,.05);
	border-width: 0;
	background: transparent;
	border-radius:0;
	width:100%;
  top:0;
	position:fixed;
	z-index:999;
}
#nav-menu.navbar-default.on{}
.navbar-default{
	border-color: transparent;
	border-width: 0;
	border-radius:0;
	clear:both;
	margin-bottom:0;
	padding:0;
	width:100vw;
}
#primary-menu{
	border:none !important;
	box-shadow:none !important;
	margin-left:-15px;
	margin-right:-15px; 
}
#leftmenu, #rightmenu{
	margin-top:0;
	margin-bottom:0;
}
#leftmenu{
	float:left;
	text-align:left;
}
#rightmenu{
	float:right;
}
#leftmenu > li, #rightmenu > li{
	float:none;
	display:inline-block;
}
#leftmenu > li:first-child > a, #rightmenu > li:first-child > a{
	padding-left:0;
}
#leftmenu > li:last-child > a, #rightmenu > li:last-child > a{
	padding-right:0;
}
.navbar-collapse{max-height:inherit;}
.navbar-nav{
	margin-left:-15px;
	margin-right:-15px;
}
.navbar-nav > li > a {
    color: #000;
    font-weight:400;
    padding: 42px 15px;
    letter-spacing: .15rem;
    text-transform: uppercase;
}
.on .navbar-default .navbar-nav > li > a, .no-slider .navbar-default .navbar-nav > li > a{padding:25px 15px; color:#555}
.navbar-nav > li:last-child > a{padding-right:0;}
.navbar-toggle, #mobile-menu-trigger {
	border-radius: 0px;
	background: transparent;
	border-width:0 0 0 1px;
	float: right;
	position: absolute;
  right:15px;
}
#mobile-menu-trigger{cursor:pointer;}
#mobile-menu-trigger .icon-bar {
	border-radius: 1px;
	background-color: #fff;
	display: block;
	height: 1px;
	margin-top: 5px;
	width: 25px;  
}
#mobile-menu-trigger .icon-bar:first-child{margin-top:0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background: transparent;
	border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a{color:#fff;}
.navbar-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:#f7a454;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color:#f7a454;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background-color: transparent;
	color:#f7a454;
}
.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:#f7a454;
}
.dropdown-menu {
	background:rgba(255,255,255,.95);
	border-radius: inherit; 
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.dropdown-menu > li > a{padding: 10px 20px;}
.caret{margin-left:5px;}
.sub-menu{
	background-color: rgba(0,0,0,.5);
	background-clip: padding-box;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
	display: none;
	float: left;
	list-style: none;
	left: 0;
	min-width: 200px;
	margin: 0;
	position: absolute;
	padding: 5px 10px;
	top: 100%;
	z-index: 1000;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175); 
}
.sub-menu > li > a {
	border-bottom:1px solid rgba(255,255,255, .1);
	clear: both;
	color: #fff;
	display: block;
	font-weight: normal;
	line-height: 1.42857143;
	padding: 10px;
  text-transform:uppercase;
	white-space: nowrap;	
}
.sub-menu > li > a:hover{background:rgba(255,255,255,0.1);}
.sub-menu > li:last-child > a{border-bottom:none;}
.sub-menu .sub-menu{
	left: 100%;
	top:0;
}
.expand-trigger:after {
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 10px;
    margin-left: 2px;
    position: absolute;
    right: 0;
    top: 23px;
    width: 0;
    vertical-align: middle;
}
.sub-menu .expand-trigger:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    top: 21px;
}
header .button {
    float: right;
    list-style: none;
    margin: 0;
    display: inline-table;
    position: absolute;
    right: 15px;
    top: 17px;
}
header .button a {
	font-size: calc(12px + (47 - 45) * ((100vw - 480px) / (1600 - 480)));
	line-height:1.4; 
    padding: 8px 15px 6px 15px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
	margin-left:10px;
}
.on header .button, .no-slider header .button {
    top: 8px;
    right: 20px;
}
.on header .button a, .no-slider header .button a{color:#fff !important; background:#1a73e8 !important}
@media only screen and (max-width: 1024px) {
    header .button {
        display: none;
    }
    #primary-menu {
        text-align: right;
    }
}
#menu-toggle * {
    transition: 0.2s ease-in-out;
    box-sizing: border-box;
}
#menu-toggle {
    width: 32px;
    height: 56px;
    margin: 0;
    position: relative;
    position: relative;
    cursor: pointer;
}
.shotel #menu-toggle {
    display: block;
}
#menu-toggle span {
    display: block;
    background: #fff;
    border-radius: 2px;
}
.on #menu-toggle span, .no-slider #menu-toggle span {
    background: #054645;
}
#menu-toggle.open #cross span {
    background: #054645;
}
#menu-toggle #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}
#menu-toggle #hamburger span {
    width: 30px;
    height: 1px;
    position: relative;
    top: 8px;
    right: 0;
    margin: 6px 0;
}
.on #menu-toggle #hamburger span, .no-slider #menu-toggle #hamburger span {
    top: 8px;
}
#menu-toggle #hamburger span:nth-child(1) {
    transition-delay: 0.3s;
}
#menu-toggle #hamburger span:nth-child(2) {
    transition-delay: 0.4s;
}
#menu-toggle #hamburger span:nth-child(3) {
    transition-delay: 0.5s;
}
#menu-toggle #cross {
    position: absolute;
    height: 50px;
    width: 50px;
    transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
    height: 0%;
    width: 1px;
    position: absolute;
    top: 34%;
    left: 18px;
    transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
    width: 0%;
    height: 1px;
    position: absolute;
    left: 12%;
    top: 29px;
    transition-delay: 0.1s;
}

#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: 0.125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
    transition-delay: 0.25s;
}
#menu-toggle.open #cross span:nth-child(1) {
    height: 52%;
    transition-delay: 0.35s;
}
#menu-toggle.open #cross span:nth-child(2) {
    width: 52%;
    transition-delay: 0.2s;
}
.nav-main {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
}
.nav-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 98;
}
.nav-container .background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.6);
    z-index: 1;
}
#sidebar-wrapper {
    position: fixed;
    width: 300px;
    padding: 30px 20px 60px 20px;
    background: #fff;
    text-align: center;
    top: 0;
    right: -300px;
    height: 100%;
    z-index: 98;
    -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);
    -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(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    overflow-x: auto;
}
@media only screen and (max-width: 480px) {
    #sidebar-wrapper {
        width: 100vw;
        left: -100vw;
    }
    #sidebar-wrapper.active {
        -webkit-transform: translate3d(100vw, 0, 0);
        -moz-transform: translate3d(100vw, 0, 0);
        -ms-transform: translate3d(100vw, 0, 0);
        -o-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0);
    }
}

#sidebar-wrapper .logo {
    padding-top: 20px;
    padding-bottom: 35px;
    width: 170px;
    display: block;
    margin: 0 auto;
}
#sidebar-wrapper hr {
    background: rgba(255, 255, 255, 0.1);
}
#sidebar-wrapper .navbar-nav {
    /* margin-right: 15px;
    margin-left: 15px; */
    display: block;
}
.sidebar-nav li a:hover {
    background: transparent;
}
#menu-toggle {
    position: fixed;
    top: 5px;
    right: 15px;
    height: 41px;
    z-index: 99;
    background: transparent;
    display: none;
}
.on #menu-toggle{top:5px;}
.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: none;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.burger-menu.navbar-nav > li > a,
.burger-menu.navbar-nav .sub-menu a,
.burger-menu.navbar-nav > li > a.btn {
    line-height: 18px;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    z-index: 9;
    text-transform: uppercase;
    color: #000;
}
.burger-menu.navbar-nav > li > a,
.burger-menu.navbar-nav > li > a.btn {
    padding: 10px 0 !important;
    border: none !important;
    border-radius: 0;
    background: transparent !important;
}
.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: 20px;
}
.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: #054645 !important;
    border-radius: 0;
}




.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: 14px;
    padding: 5px 15px;
    text-indent: 5px;
    display: inline-block;
    color: #e4e4cc;
    border: none;
}
.burger-menu .sub-menu a:hover {
    color: #fff;
    background: transparent;
}
.burger-menu .sub-menu .sub-menu {
    border-top: none;
    border-bottom: 1px solid rgba(0, 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;
    height: 40px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    height: 50px;
    left: auto !important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    text-align: right;
    width: 50%;
    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: #000;
    line-height: 40px;
    width: 20px;
    height: 40px;
    margin: 0 7px 0 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;
}

@media only screen and (max-width: 1024px) {
    #menu-toggle {
        display: block;
    }
    .menu-item-has-children > a:before {
        display: none;
    }
    #hotel-menu {
        display: block;
    }
}

	
/* -------------------------------------
   SLIDER
----------------------------------------*/
#home .slides{padding:0;height:100vh;}
#home .slider{padding:0;height:100vh;}
.slides, .slider{padding:0;height:70vh; position:relative; background:#333;}
.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: 100%;
}
#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 {
  font-size:0;
	background:none;
	bottom: 0;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.slides .tagline-wrapper:before , .carousel .tagline-wrapper:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#home .slides .tagline-content, .carousel .tagline-content {
  font-size: initial;
	color: #fff;
	display: inline-block;
	margin:auto;
	width:calc(100% - 1px);
	vertical-align: bottom;
	margin-bottom: calc(120px + (120 - 45) * ((100vw - 480px) / (1600 - 480)));
}
.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(30px + (70 - 45) * ((100vw - 480px) / (1600 - 480)));
	color:#fff;
  margin-bottom: 20px;
}
.slides p{color:#fff; font-size:calc(18px + (50 - 45) * ((100vw - 480px) / (1600 - 480))); line-height:1.4; font-weight:400;}

.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: 100%; width: auto;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider-overlay{position:relative;}
.flexslider-overlay > ul > li:before{
	background-color:#000 !important;
	content:'';
  height: 100%;
	left: 0;
  opacity: 0.15;
	position:absolute;
	top: 0;
	width:100%;
	z-index: 5;
}
.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;
}
/* Control Nav */
.flex-control-nav {	width: 100%; position:absolute; left: auto; right:auto; bottom: 50px; margin:0 auto; text-align:center; z-index:98; -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%);} 
.flex-control-nav li { width: 10px; height: 10px;margin: 15px 5px; zoom: 1;}
/* .flex-control-nav li:first-child { margin: 0; } */
.flex-control-nav li a { padding:2px; width: 5px; height: 5px; display: inline-block; cursor: pointer;  text-align:center; text-indent: -999em;  background: none repeat scroll 0 0 #fff; border: 1px solid #fff; border-radius:50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); opacity:0.5; filter:alpha(opacity=50); }
.flex-control-nav li a:hover { background: #fff; border: 1px solid #fff; opacity:1; filter:alpha(opacity=100); }

.flex-control-nav li a.flex-active { width: 10px; height: 10px; margin-top:0; margin-left:0; background: transparent; border: 2px solid #fff; cursor: default; opacity:1; filter:alpha(opacity=100); }

.flex-direction-nav {
    width: 100%;    display: table;    position: absolute;    z-index: 999;    top: 50%;    margin-top: -10px;
}
.flex-direction-nav a{width:50px; height:50px; text-indent: -999em;}
.flex-direction-nav .flex-prev { background:url(images/left-arrow-light.png) 50% 50% no-repeat; left: -60px; background-size:27px; margin-top:-25px;}
.flex-direction-nav .flex-next { background:url(images/right-arrow-light.png) 50% 50% no-repeat; left:auto; right: -60px; background-size:27px;margin-bottom:-25px;}
.flexslider:hover .flex-prev{left:0;}
.flexslider:hover .flex-next{right:0;}

.news{position:relative}
.news:after{
    z-index: -1;
    display: block;
    content: '';
    height: 60%;
    width: 30%;
    max-width: 630px;
    background: #f3f3f3;
    position: absolute;
    bottom: 0;
    right: 10%;
}




.floating-img {
    position: absolute;
    float: right;
    top: calc(90px + (95 - 45)*((100vw - 480px) /(1600 - 480)));
    right: calc(20px + (100 - 45)*((100vw - 480px) /(1600 - 480)));
    bottom: 0;
    width: calc(100px + (120 - 45)*((100vw - 480px) /(1600 - 480)));
}

/* -------------------------------------
   ROOM
----------------------------------------*/

.room-wrapper{
	background:none;
	bottom: 0;
	height: 100%;
	margin: auto;
	top: 0;
	width: 100%;
}
.room-wrapper:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.room-content{
	color: #fff;
	display: inline-block;
	margin:auto;
	margin-left:-10px;
	width:100%;
	vertical-align: text-top;
}

.room-desc{padding-top:20px;}
.room-desc h3{font-family: 'Muli', sans-serif;}

.room-features{background:#f3f3f3; padding:30px;}
.room-features ul{margin:0; padding:0;}
.room-features li{
	list-style: none;
    display: block;
    padding: 15px 0;
    font-size: 16px;
}
.room-features li:before{
	content:"\f101";
	font-family:fontAwesome;
	margin-right: 10px;
}

#racc .owl-item .owl-room-content{opacity:0;	transition: all 0.3s ease;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;}
#racc .owl-item.active.center .owl-room-content{opacity:1;} 
 
/* -------------------------------------
   WEDDING
----------------------------------------*/
.package-list{background:#f3f3f3; padding:30px;}
.package-list ul{margin:0; padding:0;}
.package-list li{
	list-style:none;
	display:inline-flex;
	padding:5px 0;
}
.package-list li:before{
	content:"\f101";
	font-family:fontAwesome;
	margin-right: 10px;
}

#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 .forms-control {
	height: 45px;
	border-radius: 0;
	border-color: #ddd;
   	border-width: 0 0 2px 0;
   	border-style: none none solid none;
   	box-shadow: none;
	padding: 0;
	width: 100%;
}
#contact-1 .forms-control:focus {
	box-shadow: none;
	border-color: #000;
}
#contact-1 .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent !important;
    border-radius: 0;
    border-bottom: 2px solid #ddd;
	border-top:none;
	border-right:none;
}

/* -------------------------------------
   PROMOTION
----------------------------------------*/
.promotion-desc{padding-top:20px;}
.promotion-desc h3{font-family: 'Muli', sans-serif;}

/* -------------------------------------
   WHAT ON
----------------------------------------*/
.whaton-desc{padding-top:20px;}
.whaton-desc h3{font-family: 'Muli', sans-serif;}


/* -------------------------------------
   CONTACT
----------------------------------------*/
/* .contact-form .form-control{
	margin:0;
	padding: 6px 40px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-right:0;
	border-left:1px solid #cccccc;
	display:table-cell;
} */
.contact-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.contact-form:before, .contact-form:after {
  content: " ";
  display: table;
}
.contact-form:after {
  clear: both;
}
.contact-form .form-group {
  position: relative;
  margin-bottom:25px;
}
.contact-form .form-group .far {
  background-color: #fff;
  font-size: 15px;
  margin-top: -7px;
  position: absolute;
  right: 30px;
  top: 50%;
}
.contact-form .form-group.message .far{
  top:20px !important;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .contact-form select {
	border-bottom: 2px solid #777;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  outline: none;
  padding: 15px 5px;
  width: 100%;
  height: auto;
  -webkit-transition: 0.2s border;
  transition: 0.2s border;
}



.contact-buttons {
  margin-top: 20px;
  text-align: right;
}
.contact-buttons.text-left {
  text-align: left;
}
.contact-buttons .btn {
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .contact-buttons .btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .contact-buttons .btn {
    margin-left: 0 !important;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
}
.contact-buttons .btn + .btn {
  margin-left: 17px;
}

.contact-success {
  margin-top: 30px;
}



.contact-item{background:#f3f3f3; padding:20px;}
.contact-list{background:#f3f3f3; padding:30px;}
.contact-list ul{margin:0; padding:0;}
.contact-list li{
	list-style:none;
	display:inline-flex;
	padding:15px 0;
}
.contact-list li:before{
	content:"\f101";
	font-family:fontAwesome;
	margin-right: 10px;
}
.contact-form .form-group .far {
    background-color: #fff;
    font-size: 15px;
    margin-top: -7px;
    position: absolute;
    right: 30px;
    top: 50%;
}
.panel-heading {
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
	border-bottom: 1px solid #ddd;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd;
    background: #f3f3f3;
}
.panel-title > a:before {
  content: "-";
  float: right !important;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Poiret One', serif;
  font-style: normal;
  font-weight: normal;
  line-height: 0.6;
  font-size: calc(18px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
}
.panel-title > a.collapsed:before {
  content: "+";
  font-size: calc(35px + (48 - 45) * ((100vw - 480px) / (1600 - 480)));
}
.panel-title > a {
  text-decoration: none;
}


.ig-feed{background:#e0ddd6}
.ig-feed .sub-title{color: rgba(0,0,0,.5)}

/* -------------------------------------
   FOOTER
----------------------------------------*/
footer{/*background:url('images/bg-footer.jpg') 50% 100% #fbf7f1 no-repeat;*/ background:#fbf7f1; padding: calc(70px + (90 - 45)*((100vw - 480px)/(1600 - 480))) 0 calc(55px + (70 - 45)*((100vw - 480px)/(1600 - 480))) 0; color:#777;}
footer a{color:#494a4f}
footer .footer-logo{border-right:1px solid rgba(255,255,255,.1); padding-right:20px; max-width:190px;}

footer .address{padding-left:40px;}
footer hr{border-color:rgba(0,0,0,.075)}

footer .container-fluid, .ig-feed .container-fluid{width:80%}
@media only screen and (max-width: 1380px){
  footer .container-fluid, .ig-feed .container-fluid{width:92%}
}
@media only screen and (max-width: 1024px){
  footer .container-fluid, .ig-feed .container-fluid{width:96%}
}
@media only screen and (max-width: 640px){
  footer .container-fluid, .ig-feed .container-fluid{width:100%}
}
footer h2, footer h3, footer h4, footer .h2, footer .h3, footer .h4{color:#6b4b36;}



.newsletter .form-control{    
  width:100%;
  height:53px;
  background:transparent;
  border:1px solid rgba(255,255,255,.75);
  border-width:0 0 2px 0;
}


.footer-menu ul, .footer-nav ul{margin:0; padding:0;}
.footer-nav > ul{margin-bottom:30px; column-count: 4; -moz-column-count: 4; -webkit-column-count:4;}
.footer-menu li{
	list-style:none;
	display:inline-block;
	padding: 0 10px;
}
.footer-nav li{list-style:none;}
.footer-nav > ul > li{display:block; overflow:hidden; margin-bottom:30px;} 
.footer-nav li > li{
	padding: 5px 0 5px 0;
}
.footer-nav .heading{font-size:calc(15px + (47 - 45) * ((100vw - 480px) / (1600 - 480))); font-weight:400; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.footer-menu li a{    
	color: #000;
}
.footer-menu li a:hover{border-bottom:2px solid #000;}

/* COPYRIGHT */
.copyright{padding:20px 0; margin-top:20px;}
.copyright-menu ul{margin:0; padding:0;}
.copyright-menu li{
	list-style:none;
	display:inline-block;
	padding:0 10px;
}
.copyright-menu li a:hover{border-bottom:2px solid #000;}

/* MEDIA SOCIAL */
.media-social{margin-bottom:20px;}
.media-social ul{margin:0; padding:0}
.media-social li{
	list-style:none;
	display:inline-block;
	margin: 5px 10px;
}

.media-social li a{
  font-size: 14px;
  text-align: center;
  color: #000 !important;
  display: block;
  border-radius: 50%;
}
.media-social li i{color: #000 !important; font-size:24px;}
.media-social li:first-child{margin-left:0;}
.media-social li:last-child{margin-right:0;}

.action-nav {
    font-size:14px;
    font-weight: 400;
    letter-spacing: 0;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    background:rgba(197,130,27,.75);
    border-radius:3px;
    z-index: 6;
}
.action-nav {
    letter-spacing: -1px;
    position: fixed;
    right: 10px;
    left: 10px;
    bottom: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    margin: auto;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 100;
}

.action-nav ul,
.action-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.action-nav li {
    text-align: center;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.2);
    float: left;
    width: 25%;
}
.action-nav li:last-child{border:none;}
.action-nav li a {
    padding: 8px 0;
    display: block;
    color: #fff;
    line-height: 1.4;
}
.action-nav li a:hover,
.action-nav li a.book-btn {
    background: #6b4b36;
    color: #fff;
}
.action-nav li i, .action-nav li svg {
    font-size: 18px;
}

.flickity-page-dots .dot{width:4px; height:4px; margin-top:0px;}
.flickity-page-dots .dot.is-selected{width:6px; height:6px; margin-top:2px;}



/* -------------------------------------
   RESERVATION
----------------------------------------*/

.box-book.no-border{border:none;}
.box-book i{font-size:18px;}
#reservation{padding:0;  position:relative; z-index:95; }
#reservation > .row{display:flex;}
/* #home #reservation{transform:translateY(-50%); box-shadow:0 1px 2px rgba(0,0,0,.05)} */
#reservation .btn{
    text-transform:uppercase;
    width:100%;
    padding: 15px;
    
}
#reservation .btn{
  padding: 12px 25px !important;
}
/* #reservation .form-item, #reservations .form-item {width:19.99%; float:left} */
#reservation .form-item{padding:0;margin:0; padding: 30px; background: transparent; border: 1px solid #c5821b; border-width: 1px 1px 1px 0;}
#reservation .form-item:first-child{border-width: 1px;}
#reservation .form-control, #reservations .form-control {
    padding:0;
    border: none !important;
    box-shadow: none !important;
    font-size:18px;
    color:#fff;
    background:#fff;
}
#reservation .form-control{height:30px;}
#reservations .form-control{padding:15px 20px; background:#fff; height:50px;}
/* #reservation .form-item{
    margin: 5px;
    padding: 30px;
    background: #ffffff;
    border: none;
    border-width: 1px 0 1px 1px;
    box-shadow: 0 0px 2px rgba(0,0,0,0.05);
} */
#reservation .datepicker{padding:0;}
#reservation label, #reservations label{
font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom:0;
    text-transform: uppercase;
}
#reservation label i{font-size:12px;}
#reservations label{margin-bottom:10px;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color:#e3e3e3}
.datepicker td, .datepicker th{color:#000; padding:10px !important}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{background:#}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{    background-color: #c5821b !important;}
.datepicker .datepicker-days{background:#fff;}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{background:#574f24; 	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{background:#c5821b !important}
.datepicker-dropdown{background:transparent;}
.datepicker.datepicker-dropdown.dropdown-menu{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
#reservation select.form-control, #reservations select.form-control{
  appearance:none;
  -moz-appearance:none; 
  -webkit-appearance:none; 
  background-image: url('images/select-arrow-black.png');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
#reservation select.form-control{background-position: 95% 50%;}
#reservation  [class*="label-"]{color:#fff;}
#reservation .label-day{font-family: 'Suranna'; font-size: 54px; height: 45px; line-height: 45px; padding:0 10px;}
#reservation input.text{font-size:35px; background:transparent;}
#reservation .label-year{font-size:11px; padding: 0;}
#reservation .label-month{text-transform:uppercase; padding: 0;}
#reservation .floating-cover-input{position:absolute; width:100% !important; height:100% !important; opacity:0; top:0; left:0; cursor:pointer}
#reservation .btn{position:absolute !important; width:100%; height:100%; left:0; bottom:0; font-size: 25px; font-weight:500; white-space: normal; line-height:27px; background:#c5821b; color:#000;border-radius:0;}

@media only screen and (max-width: 640px){
  #reservation > .row { display: block; }
  #reservation .form-item { margin-bottom: -1px; margin-left: -1px; }
  #reservation .btn {top:0; height: 117px;right:1px;}
}

.reservation .form-control{border:1px solid #ccc;}

/* ACCORDION */
.panel-default {border-color: #fff;}
.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    padding: 10px 5px;
}
.panel-title, .panel-heading .accordion-toggle:after, .panel-title a.collapsed{color:#000}
.panel-title:hover a, .panel-title:focus a:focus, .panel-heading:hover .accordion-toggle:after, .panel-title a{color:#a2a466;}


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


/* COL */
.two-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}



/* FORM CONTROL */
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* LIST */
.list-icon{
    font-size: 32px;
    margin-top: -10px;
    display: block;
    float: left;
    margin-right: 20px;
    color: #272727;
}



/* 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 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{color:#fff !important}
.text-white, .text-white p, .text-white .sub-title{color:rgba(255,255,255,.9) !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-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.text-justify.center{text-align-last:center}
.text-center{text-align:center}

.text-center, .text-center input{text-align:center !important}
.text-left, .text-left input{text-align:left !important}
.text-right, .text-right input{text-align:right !important}
@media only screen and (min-width: 768px){
  .text-sm-center{text-align:center !important}
  .text-sm-left{text-align:left !important}
  .text-sm-right{text-align:right !important}
}
@media only screen and (min-width: 992px){
  .text-md-center{text-align:center !important}
  .text-md-left{text-align:left !important}
  .text-md-right{text-align:right !important}
}

/* EQUAL */
.equal-wrapper{display: flex;}
.eq{padding:4vw 6vw;}
.equalHW {flex: 1;}
.equalHMWrap {justify-content: space-between;}
.w-25{width:25%;}
.w-30{width:30%;}
.w-75{width:75%;}
.w-70{width:70%;}

/* EQUAL */
.equal-wrapper-margin{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.equal-wrapper{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.equal-wrapper.odd, .equal-wrapper-margin.odd{flex-direction:row-reverse;}
.eq-xs-12{
  flex-basis: 100%;
}
.eq-xs-9{
  flex-basis: 75%;
}
.eq-xs-8{
  flex-basis: 66.66666667%;
}
.eq-xs-7{
  flex-basis: 58.33333333%;
}
.eq-xs-6{
  flex-basis: 50%;
  width: 50%;
}
.eq-xs-5{
  flex-basis:41.66666667%;
}
.eq-xs-4{
  flex-basis: 33.33333333%;
}
.eq-xs-3{
  flex-basis: 25%;
  width: 25%;
}
.eq-xs-2{
  flex-basis: 16.66666667%;
  width: 16.66666667%;
}
@media (min-width: 768px){
  .eq-sm-12{
    flex-basis: 100%;
  }
  .eq-sm-9{
    flex-basis: 75%;
  }
  .eq-sm-8{
    flex-basis: 66.66666667%;
  }
  .eq-sm-7{
    flex-basis: 58.33333333%;
  }
  .eq-sm-6{
    flex-basis: 50%;
    width: 50%;
  }
  .eq-sm-5{
    flex-basis:41.66666667%;
  }
  .eq-sm-4{
    flex-basis: 33.33333333%;
  }
  .eq-sm-3{
    flex-basis: 25%;
    width: 25%;
  }
  .eq-sm-2{
    flex-basis: 16.66666667%;
    width: 16.66666667%;
  }
}
@media (min-width: 1024px){
  .eq-md-12{
    flex-basis: 100%;
  }
  .eq-md-9{
    flex-basis: 75%;
  }
  .eq-md-8{
    flex-basis: 66.66666667%;
  }
  .eq-md-7{
    flex-basis: 58.33333333%;
  }
  .eq-md-6{
    flex-basis: 50%;
    width: 50%;
  }
  .eq-md-5{
    flex-basis:41.66666667%;
  }
  .eq-md-4{
    flex-basis: 33.33333333%;
  }
  .eq-md-3{
    flex-basis: 25%;
    width: 25%;
  }
  .eq-md-2{
    flex-basis: 16.66666667%;
    width: 16.66666667%;
  }
}

.equal-wrapper-margin .eq-xs-12{
  margin: 0 15px;
  flex-basis: calc(100% - 30px);
}
.equal-wrapper-margin .eq-xs-9{
  margin: 0 15px;
  flex-basis: calc(75% - 30px);
}
.equal-wrapper-margin .eq-xs-8{
  margin: 0 15px;
  flex-basis: calc(66.66666667% - 30px);
}
.equal-wrapper-margin .eq-xs-7{
  margin: 0 15px;
  flex-basis: calc(58.33333333% - 30px);
}
.equal-wrapper-margin .eq-xs-6{
  margin: 0 15px;
  flex-basis: calc(50% - 30px);
}
.equal-wrapper-margin .eq-xs-5{
  margin: 0 15px;
  flex-basis: calc(41.66666667% - 30px);
}
.equal-wrapper-margin .eq-xs-4{
  margin: 0 15px;
  flex-basis: calc(33.33333333% - 30px);
}
.equal-wrapper-margin .eq-xs-3{
  margin: 0 15px;
  flex-basis: calc(25% - 30px);
}
.equal-wrapper-margin .eq-xs-2{
  margin: 0 15px;
  flex-basis: calc(16.66666667% - 30px);
}
@media (min-width: 768px){
  .equal-wrapper-margin{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .equal-wrapper-margin .eq-sm-12{
    margin: 0 15px;
    flex-basis: calc(100% - 30px);
  }
  .equal-wrapper-margin .eq-sm-9{
    margin: 0 15px;
    flex-basis: calc(75% - 30px);
  }
  .equal-wrapper-margin .eq-sm-8{
    margin: 0 15px;
    flex-basis: calc(66.66666667% - 30px);
  }
  .equal-wrapper-margin .eq-sm-7{
    margin: 0 15px;
    flex-basis: calc(58.33333333% - 30px);
  }
  .equal-wrapper-margin .eq-sm-6{
    margin: 0 15px;
    flex-basis: calc(50% - 30px);
  }
  .equal-wrapper-margin .eq-sm-5{
    margin: 0 15px;
    flex-basis: calc(41.66666667% - 30px);
  }
  .equal-wrapper-margin .eq-sm-4{
    margin: 0 15px;
    flex-basis: calc(33.33333333% - 30px);
  }
  .equal-wrapper-margin .eq-sm-3{
    margin: 0 15px;
    flex-basis: calc(25% - 30px);
  }
  .equal-wrapper-margin .eq-sm-2{
    margin: 0 15px;
    flex-basis: calc(16.66666667% - 30px);
  }
}
@media (min-width: 1024px){
  .equal-wrapper-margin{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
  }
  .equal-wrapper-margin .eq-md-12{
    margin: 0 25px;
    flex-basis: calc(100% - 50px);
  }
  .equal-wrapper-margin .eq-md-9{
    margin: 0 25px;
    flex-basis: calc(75% - 50px);
  }
  .equal-wrapper-margin .eq-md-8{
    margin: 0 25px;
    flex-basis: calc(66.66666667% - 50px);
  }
  .equal-wrapper-margin .eq-md-7{
    margin: 0 25px;
    flex-basis: calc(58.33333333% - 50px);
  }
  .equal-wrapper-margin .eq-md-6{
    margin: 0 25px;
    flex-basis: calc(50% - 50px);
  }
  .equal-wrapper-margin .eq-md-5{
    margin: 0 25px;
    flex-basis: calc(41.66666667% - 50px);
  }
  .equal-wrapper-margin .eq-md-4{
    margin: 0 25px;
    flex-basis: calc(33.33333333% - 50px);
  }
  .equal-wrapper-margin .eq-md-3{
    margin: 0 25px;
    flex-basis: calc(25% - 30px);
  }
  .equal-wrapper-margin .eq-md-2{
    margin: 0 25px;
    flex-basis: calc(16.66666667% - 30px);
  }
}

.half-sq-equal-wrapper{display: -webkit-flex; display: flex; clear:both; flex-flow: row wrap; justify-content: space-around;}
.half-sq-equal{width:50%;position:relative;}
.half-sq-equal.content{padding:8vw 8vw}
.half-sq-equal > figure {background-size: cover !important; height: 100%;}
.half-sq-equal .carousel{position:absolute; width:100%; height:100%; top:0; left:0;}
.half-sq-equal .carousel-inner, .half-sq-equal .carousel .item{width:100%; height:100%;}
.half-sq-equal .carousel .item > div{background-size:cover !important; height:100%;}

@media (min-width: 1380px){
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:25px; padding-right:25px;}
  .row {
      margin-right: -25px;
      margin-left: -25px;
  }
  .container{padding-right: 25px; padding-left: 25px;}
  header .container{padding-right: 15px; padding-left: 15px;}
}

/* WIDTGH COLOUM */
.w-33{width:33.33%;}
.w-66{width:66.66%;}



/* SCROLL DOWN */
.scroll-down {
	opacity: 1;
	transition: all .5s ease-in 3s;
	-webkit-transition: all .5s ease-in 3s;
}
.scroll-down{
    animation: bounce 2s infinite 2s;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    bottom: 30px;
    display: inline-block;
    height: 32px;
    left: 30px;
    position: absolute;
    transition: all .2s ease-in;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.scroll-down i{padding-right:10px; color:#fff;}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
    	-webkit-transform: translateY(-10px);
    	-ms-transform: translateY(-10px); 
	}
	60% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
	}
}

/* BORDER BUTTON */
.border-white{border:2px solid #fff; color:#fff !important;}
.border-white:hover{background:#fff !important; color:#000 !important;}
.border-dark{border:2px solid #000;}
.btn.border-dark{border: 2px solid #574f24}
.btn.border-white{border: 2px solid #fff}
.btn.border-green{border: 2px solid #c5821b}

.btn.underline-dark{border: 2px solid #574f24; color:#574f24 !important; border-width: 0 0 1px 0;}
.btn.underline-white{border: 2px solid #fff; color:#fff !important;  border-width: 0 0 1px 0;}
.btn.underline-green{border: 2px solid #c5821b; color:#c5821b !important;  border-width: 0 0 1px 0;}
.btn.underline-dark, .btn.underline-white, .btn.underline-green{padding: 12px 5px;}
.btn.underline-dark:hover, .btn.underline-white:hover, .btn.underline-green:hover{background:transparent;}

.btn.btn-solid-dark{background:#574f24; color:#fff !important }
.btn.btn-solid-white{background:#fff; color:#574f24 !important}
.btn.btn-solid-green{background:#c5821b; color:#fff !important}

.border-dark:hover{background:#000 !important;color:#fff !important;}
.border-left{border-left:1px solid rgba(0,0,0, .1)}
.border-right{border-right:1px solid rgba(0,0,0, .1)}
.btn.btn-round{
  width:calc(34px + (50 - 45)*((100vw - 480px)/(1600 - 480)));
  height:calc(34px + (50 - 45)*((100vw - 480px)/(1600 - 480)));
  background: url(images/next.png) 60% 50% transparent no-repeat;
  border-radius:50%;
  padding:0;
  background-size:calc(14px + (50 - 45)*((100vw - 480px)/(1600 - 480))) !important;
}
.btn.btn-round.border-white{background: url(images/next-white.png) 60% 50% transparent no-repeat; background-size:calc(14px + (50 - 45)*((100vw - 480px)/(1600 - 480))) !important;}
.btn.btn-round:hover{background: url(images/next-white.png) 60% 50% #c5821b no-repeat !important;background-size:calc(14px + (50 - 45)*((100vw - 480px)/(1600 - 480))) !important;}

.btn-play{width:calc(70px + (50 - 45)*((100vw - 480px)/(1600 - 480))); height:calc(70px + (50 - 45)*((100vw - 480px)/(1600 - 480))); padding: 10px; background:#fff; border-radius:50%;}


/* BUTTON */
.btn{
	font-weight:bold;
	text-transform:uppercase;
	background: transparent;
	border-radius: 25px;
	color: #222;
	line-height: 19px;
	letter-spacing: 1px;
	padding: 10px 20px;
	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:hover, .btn.border:hover{
	background:#fff; 
	border-color:transparent;
	color:#000;
}
.btn.btn-solid-dark:hover, .btn.btn-solid-white:hover, .btn.btn-solid-green:hover, .btn.border-dark:hover, .btn.border-white:hover, .btn.border-green:hover{
  background: #574f24;
  color:#fff !important;
}

/* BTN EFFECT */
.btn.download:before{
	content:"\f019";
	margin-right:10px;
    font-size: 20px;
	font-family:fontawesome;
}
.btn.read:hover{color:#e0a040 !important;}
.btn-simple{padding:2px; border:2px solid transparent; border-width:0 0 2px 0;}
.btn-simple:hover{background:none; border:2px solid; border-width:0 0 2px 0;}
.btn.bg-dark{background:#000; border:2px solid #000; color:#fff;}
.special {
  text-transform: uppercase;
  position: relative;
  padding: 15px 5px;
  -webkit-transition: background 0.3s ease-in 0.2s;
  font-weight:800;
}
.special.dark:after,
.special.dark:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #000;
  -webkit-transition: all 0.3s ease-out;
}
.special.light:after,
.special.light:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
}
.special:before {
  opacity: 0;
  bottom: 50%;
}
.special.light:hover{color:#fff !important;}
.special:hover {
  -webkit-transition: background 0.3s ease-in 0.2s;
  background:transparent;
}
.special:hover:before {
  bottom: 100%;
  opacity: 1;
}

/* IMAGE HOVER */
figure{
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
  transition: all .35s ease-out;
  position:relative;
  overflow: hidden;
}
figure a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(0,0,0,.4);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
figure a img{
  transition: all .35s ease;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  -ms-transition: all .35s ease;
}
figure:hover{background:rgba(0,0,0,1);) }
figure a:hover img{
  opacity:.5;
  -webkit-transform: scale(1.1);
  /* Webkit: Scale up image to 1.2x original size; */
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
figure a{display:block;-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.02, 1.02);}
figure > img, figure > a > img{width:100%; height:auto; display:block;}
figure.overlay{position:relative; z-index:2;}
figure.overlay:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,.5)}

/* 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-5{  padding-right:5px !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-5{  padding-left:5px !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-content-2{padding:calc(15px + (60 - 45) * ((100vw - 480px) / (1600 - 480)))}

.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-22{height:22vw}
.h-xs-25{height:25vw}
.h-xs-30{height:30vw}
.h-xs-32{height:32vw}
.h-xs-35{height:35vw}
.h-xs-37{height:37vw}
.h-xs-40{height:40vw}
.h-xs-42{height:42vw}
.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: 992px){
  .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-22{height:22vw}
  .h-sm-25{height:25vw}
  .h-sm-27{height:27vw}
  .h-sm-30{height:30vw}
  .h-sm-32{height:32vw}
  .h-sm-35{height:35vw}
  .h-sm-37{height:37vw}
  .h-sm-40{height:40vw}
  .h-sm-42{height:42vw}
  .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-27{height:27vw}
  .h-md-30{height:30vw}
  .h-md-32{height:32vw}
  .h-md-35{height:35vw}
  .h-md-37{height:37vw}
  .h-md-40{height:40vw}
  .h-md-42{height:42vw}
  .h-md-42{height:42vw}
  .h-md-45{height:45vw}
  .h-md-50{height:50vw}
  .h-md-55{height:55vw}
  .h-md-60{height:60vw}
}


/* BACKGROUND */
.bg-white, .line.bg-white{background:#fff;}
.bg-black{background:#000;}
.bg-dark{background:#393331;}
.bg-brown{background:#e0ddd6;}
.bg-light-grey{background:#fbf7f1;}

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

.bg-half-color{position:relative}
.bg-half-color:before{content:''; position:absolute; z-index:-1}
.bg-half-color.top:before{height:50%; top:-1px; left:-2px; width:100%;}
.bg-half-color.bottom:before{height:50%; left:-2px; bottom:-1px; width:100%;}
.bg-half-color.left:before{height:100%; top:0; left:-2px; width:50%;}
.bg-half-color.right:before{height:100%; top:0; right:-2px; width:50%;}
.bg-half-color.white:before{background:#d3d8c6;}
.bg-half-color.dark:before{background:#393331;}
.bg-half-color.light:before{background:#fbf7f1;}

.bg-one-third-color{position:relative}
.bg-one-third-color:before{content:''; position:absolute; z-index:-1}
.bg-one-third-color.top:before{height:33%; top:-1px; left:-2px; width:100%;}
.bg-one-third-color.bottom:before{height:33%; left:-2px; bottom:-1px; width:100%;}
.bg-one-third-color.left:before{height:100%; top:0; left:-2px; width:33%;}
.bg-one-third-color.right:before{height:100%; top:0; right:-2px; width:33%;}
.bg-one-third-color.white:before{background:#d3d8c6;}
.bg-one-third-color.dark:before{background:#222;}
.bg-one-third-color.light:before{background:#fbf7f1;}

.bg-two-third-color{position:relative}
.bg-two-third-color:before{content:''; position:absolute; z-index:-1}
.bg-two-third-color.top:before{height:66%; top:-1px; left:-2px; width:100%;}
.bg-two-third-color.bottom:before{height:66%; left:-2px; bottom:-1px; width:100%;}
.bg-two-third-color.left:before{height:100%; top:0; left:-2px; width:66%;}
.bg-two-third-color.right:before{height:100%; top:0; right:-2px; width:66%;}
.bg-two-third-color.white:before{background:#d3d8c6;}
.bg-two-third-color.dark:before{background:#222;}
.bg-two-third-color.light:before{background:#fbf7f1;}

.bg-half-top-two-third-left-color{position:relative}
.bg-half-top-two-third-left-color:before{content:''; height:50%; width:75%; left:0; top:0; background:#fbf7f1; position:absolute}

.bg-corner-color{padding:0;height:100%; position:relative;}
.bg-corner-color:before, .bg-corner-color:after{content:''; width:33%; height:6vw; min-height:40px; position:absolute; z-index:1;}
.bg-corner-color.top-left-white:before{left:-2px; top:-2px; background:#fff;}
.bg-corner-color.top-left-light-grey:before{left:-2px; top:-2px; background:#fbf7f1;}

.bg-corner-color.bottom-center-white:after{right:0; left:0; bottom:-2px; margin:auto; background:#fff;}
.bg-corner-color.bottom-center-light-grey:after{right:-2px; bottom:-2px; background:#fbf7f1;}

.bg-corner-color.bottom-right-white:after{right:-2px; bottom:-2px; background:#fff;}
.bg-corner-color.bottom-right-light-grey:after{right:-2px; bottom:-2px; background:#fbf7f1;}

.bg-corner-color.bottom-left-white:after{left:-2px; bottom:-2px; background:#fff;}
.bg-corner-color.bottom-left-light-grey:after{left:-2px; bottom:-2px; background:#fbf7f1;}




.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;
}
@media only screen and (max-width:768px){
  .bg-right, .bg-left {
      position: relative !important;
      width: 100%;
      min-height: 500px;
      background-position: 50% 50% !important;
  }
}

.line{
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #c5821b;
    padding: 0 15px;
    margin-bottom: 3em;
    margin-top: 10px;
    position:relative;
}
.slider .line{margin-bottom: 1.5em;}
.line.smaller{width:36px; height:1px; padding:0 5px; margin-bottom:20px;}
/* .line:before{content:''; height:2px; background:#000; width:1800px; position:absolute; left:-1700px} */
.sub-title{font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:5px; color:#c5821b}
.sub-title.smaller{font-size:10px;}

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

/* COLUMN */
.col-two ul{
  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: 1280px){
  .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;
  }
}

ul.feature-list, .feature-list ul{
  padding-right: 30px;
  line-height: normal;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  letter-spacing: 1px;
  overflow:hidden;
}
ul.feature-list, .feature-list ul, .features li{margin:0; padding:0;list-style:none;}
/* .feature-list li:before{
  content: "\e64c";
  font-family: 'themify';
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  color:#000;
} */
/* .feature-list li:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 50%;
    transform:translateY(-50%);
} */
.feature-list ul{margin-bottom:30px;}
.feature-list li{padding:10px 5px; line-height:normal; margin-bottom:20px; position:relative; border-bottom:1px solid rgba(0,0,0,.15)}

/* -------------------------------------
  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;
}
.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: 30px !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/prev-white.png) !important;
}
.mfp-arrow-right{
    background-image:url(images/next-white.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;}
.mfp-content .container{max-width:1170px;}

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





/* 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:#c5821b}
.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;}
.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{
  height:65%;
  top:initial;
  bottom:0;
  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:99.999%; 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:99.99%; z-index:98;}
.caption-content.bottom-right{right:0; bottom:0; width:99.99%; z-index:98;}
.caption-content.middle-center{top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.caption-content.top-left{left:0; top:0; width:99%; z-index:98;}
.caption-content.top-center{left:0; right:0; top:0; width:99%; z-index:98;}
.caption-content.top-right{right:0; top:0; width:99%; z-index:98;}
.caption-content.from-invisible, .caption-content.from-visible{opacity:0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; 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)}




.owl-theme .owl-nav{
	border-radius: 0px;
	color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
	opacity:90;
}
.owl-theme .owl-nav .owl-prev{
	background: url(images/prev.png) 50% 50% #fff no-repeat;
  left: 10px;
}
.owl-theme .owl-nav .owl-next{
	background: url(images/next.png) 50% 50% #fff no-repeat;
  right: 10px;
}
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev {
    width: calc(40px + (55 - 45)*((100vw - 480px)/(1600 - 480)));
    height: calc(40px + (55 - 45)*((100vw - 480px)/(1600 - 480)));
    border-radius: 0px;
    top: 50%;
    margin:0;
    border:none;
    position: absolute;
    text-indent:-99999px;
    background-size:calc(22px + (50 - 45)*((100vw - 480px)/(1600 - 480)));
}
.owl-theme .owl-dots{
	position: relative;
  z-index: 99;
  bottom: 15px;
}
.owl-theme .owl-dots .owl-dot{background:transparent; border:none; padding:2px;}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c5821b;
    border: 2px solid #c5821b;
}
.owl-theme .owl-nav .owl-next:hover{background:  url(images/next-white.png) 50% 50% #c5821b no-repeat; background-size:calc(22px + (50 - 45)*((100vw - 480px)/(1600 - 480)));}
.owl-theme .owl-nav .owl-prev:hover{background:  url(images/prev-white.png) 50% 50% #c5821b no-repeat; background-size:calc(22px + (50 - 45)*((100vw - 480px)/(1600 - 480)));}

#offers.owl-theme .owl-nav .owl-prev, #offers.owl-theme .owl-nav .owl-next{top:35%;}
#acc.owl-theme .owl-nav .owl-next, #acc.owl-theme .owl-nav .owl-prev, #racc.owl-theme .owl-nav .owl-next, #racc.owl-theme .owl-nav .owl-prev {margin-top:-20px;}


@media only screen and (max-width:678px) {
  #acc.owl-theme .owl-nav .owl-next, #acc.owl-theme .owl-nav .owl-prev, #racc.owl-theme .owl-nav .owl-next, #racc.owl-theme .owl-nav .owl-prev{
    top: initial;
    bottom: 5px;
  }
  #acc.owl-theme .owl-nav .owl-next, #racc.owl-theme .owl-nav .owl-next{
    right: 50%;
    margin-right: calc((41px + (55 - 45)*((100vw - 480px)/(1600 - 480))) * -1);
  }
  #acc.owl-theme .owl-nav .owl-prev, #racc.owl-theme .owl-nav .owl-prev{
    left: 50%;
    margin-left: calc((41px + (55 - 45)*((100vw - 480px)/(1600 - 480))) * -1);
  }
}

#projects .owl-nav {
    position: absolute;
    top: 50%;
    left: calc(-6% - 30px);
    bottom: 0;
    width: calc(50px + (55 - 45)*((100vw - 480px)/(1600 - 480)));
}
#projects .owl-prev, #projects .owl-next {
    text-align: center;
    position: absolute;
    top: 50%;
    width: calc(30px + (75 - 45)*((100vw - 480px)/(1600 - 480)));
    height: calc(30px + (75 - 45)*((100vw - 480px)/(1600 - 480)));
    font-size: 22px;
    line-height: 44px;
    font-family: material design icons;
    color: #000;
    border: none;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    cursor: pointer;
}
#projects .owl-prev, #projects .owl-next {
    position: static;
    transform: none;
    margin: 7px 0;
}
#projects.owl-theme .owl-nav [class*='owl-']{border-radius: 0; background:transparent; box-shadow: 2px 5px 20px rgba(0,0,0,.1)}
#projects.owl-theme .owl-nav .owl-next{
  background:url(images/next.png) 50% 50% no-repeat #fff;
}
#projects.owl-theme .owl-nav .owl-prev{
  background:url(images/prev.png) 50% 50% no-repeat #fff;
}


#projects .item .bg-img{width:50vw;}
#projects .item .logo{width:initial; max-width:100%; display:initial;}
@media only screen and (max-width: 991px) {
	#projects .item .bg-img{width:100%;}
}


/* #offers.owl-theme .owl-nav .owl-prev, #offers.owl-theme .owl-nav .owl-next{top:40%; border:1px solid #fff;}
#offers.owl-theme .owl-nav .owl-prev{
	background: url(images/prev-white.png) 50% 50% transparent no-repeat;
  left: 10px;
}
#offers.owl-theme .owl-nav .owl-next{
	background: url(images/next-white.png) 50% 50% transparent no-repeat;
  right: 10px;
} */

/* PARALAX */
.paralax-pro-details .paralaxe,
.paralax-pro-details  .mensagem {
  position: relative;
  /* Tamanho do monitor */
  height: 120vh;
  background-color: #000;
}

.paralax-pro-details  .paralaxe {
  background-size: cover;
  background-repeat:no-repeat;
  /* Paralaxe */
  background-attachment: fixed;
}

.paralax-pro-details  .paralaxe span, .paralax-technology .paralax-pro-details .mensagem span {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1em;
    color: #fff;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}

.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);}
.paralaxe{transition: all 1.5s cubic-bezier(0.2, .84, .5, 1);-webkit-transform-style: preserve-3d; /* -webkit-backface-visibility: hidden; */}
.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);
}


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


.multi-image-slide .img-full{
  height:calc(330px + (460 - 45) *  ((100vw - 480px) / (1600 - 480)));  
}
.multi-image-slide .img-half{
  height:calc(((330px + (460 - 45) *  ((100vw - 480px) / (1600 - 480))) / 2) - calc(5px + (53 - 45) *  ((100vw - 480px) / (1600 - 480))));
}
.fluid-padding{padding:calc(5px + (53 - 45) *  ((100vw - 480px) / (1600 - 480)))}

.multi-image-slide .img-full.no-gap{
  height:calc(330px + (460 - 45) *  ((100vw - 480px) / (1600 - 480)));  
}
.multi-image-slide .img-half.no-gap{
  height:calc((330px + (460 - 45) *  ((100vw - 480px) / (1600 - 480))) / 2);
}
@media only screen and (max-width:768px) {
  .multi-image-slide .img-half{height:calc(330px + (460 - 45) *  ((100vw - 480px) / (1600 - 480)));}
}





.hide-md{display:none}
@media only screen and (max-width:767px) {
  .hide-md {
    display: block !important
  }
  .hide-xs {
    display: none !important
  }
  .img-clip > img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
  
  footer .address{padding-left:15px;}
  footer .footer-logo {width: calc(150px + (100 - 45) * ((100vw - 480px) / (1600 - 480))); padding-right:0;}
}


.team-member-wrapper{
	display: flex;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 15px;
}
.team-member{
	flex: 0 0 auto;
    width: 20%;
}

@media only screen and (max-width:1120px) {
	.team-member{
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}
@media only screen and (max-width:767px) {
	.team-member{
		flex: 0 0 auto;
		width: 50%;
	}
	.team-member > div{
		padding: 0 5px !important;
		
	}
}