/*
 *
 * Theme name: Satori Cleaning Services Theme
 * Author: Mwalaghe Mangi
 * Author URI: http://midasafricalab.com
 * Version: 1.0
 *
*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@font-face{
	font-family:'Museo Sans 300';src:url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/museosans-300.otf') format('opentype'),
	url('fonts/museosans-300.woff') format('woff'),
	url('fonts/museosans-300.ttf') format('truetype')
}
@font-face{
	font-family:'Museo Sans 500';src:url('fonts/museosans-500.eot?#iefix') format('embedded-opentype'),
	url('fonts/museosans-500.otf') format('opentype'),
	url('fonts/museosans-500.woff') format('woff'),
	url('fonts/museosans-500.ttf') format('truetype')
}
@font-face{
	font-family:'Trajan Pro';src:url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/TrajanPro-Regular.otf') format('opentype'),
	url('fonts/TrajanPro-Regular.woff') format('woff'),
	url('fonts/TrajanPro-Regular.ttf') format('truetype'),
	url('fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');font-weight:normal;font-style:normal;
}
@font-face{
	font-family:'Gabrielle';src:url('fonts/Gabrielle.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gabrielle.otf') format('opentype'),
	url('fonts/Gabrielle.woff') format('woff'),
	url('fonts/Gabrielle.woff2') format('woff2'),
	url('fonts/Gabrielle.ttf') format('truetype'),
	url('fonts/Gabrielle.svg#Gabrielle') format('svg');font-weight:normal;font-style:normal;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}
h1,h2,h3,h4,h4,h5,h6{font-family: 'Playfair Display', serif !important;}
document,body{padding:0;margin:auto;font-size:17px;overflow-x: hidden;font-family: 'Museo Sans 500', sans-serif !important;/*font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;*/}

/* === Defaults === */
*{position:relative;transition: all .4s ease;background-position: 50%;background-size:cover;background-repeat:no-repeat;}
style,script{display:none!important;}
img{ height:auto; width:initial;max-width: 100%;}
em, i {font-family: "Baskerville";font-size: 1.15em;line-height: 2em;font-style: oblique;}
a{
	cursor:pointer;
	padding:2px 3px;
	text-decoration:none;
	display: inline-block;
	background: transparent;
}
hr{ margin: 12px auto; }
span:not(.site-logo) a:hover, 
span:not(.site-logo) a:active{
	/*color: #B39762;
	background:#010101;
	text-decoration:none;*/
}
/*.........................start of custom css.......................*/
.serife{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.kabutton{padding: 15px 0;border-radius: 5px;color: #fff;text-transform:none !important;background: #c9992d;}
.kabutton:hover{padding: 17px 0;border-radius: 5px;color: #fff;opacity:0.8;text-transform:none !important;background: #c9992d;}
.kalink{color:#fff !important;}
.kalink:hover{color:#ccc !important;}
.gform_wrapper.gravity-theme .gfield-choice-input {max-width: 13px !important;}
.gform_required_legend{display:none !important;}
#input_1_7{text-align:left !important;}
/*.........................end of custom css.......................*/
blockquote {
    font-family: "Gabrielle",sans-serif;
    border: none;
    color: #101010;
    line-height: 1;
    font-size: 2.6em;
}
blockquote p:before {
    content: '\201C';
}
blockquote p:after {
    content: '\201D';
}
.entry-header,.entry-header .page-title,.entry-header .header-title,.the_title{
	color:#101010;
	padding-bottom:12px;
	font-family:'Trajan Pro', serif;
}
.title.san.b{
	font-size: 26px;
	text-transform: uppercase;
	font-family: "Open sans",sans-serif;
}
.title.t{
	font-size: 3em;
	margin-bottom: 16px;
	text-transform: capitalize;
}
.title.san.b ~ .page-title {
    margin-top: 0;
}
.no_pad{
	padding-left: 0;
	padding-right: 0;
}
.no_margin{ margin:0 auto;}
/* .no_overflow{ overflow: hidden!important;} */
.wrapper{
	width:100%;	clear: both; padding: 12px 0; display: inline-block;
}
.thumbnail{ border-radius: 0; }
.fixed {
    table-layout: fixed;
    width: 100%;
}
.wrapper.main{
	padding: 1.4em 0 2.4em;
}
.box_wrapper{
	margin-bottom: 2em;
}
.block{ display:block;}
a.block{ text-decoration:none;}
.cell{
	float: none;
	display:table-cell;
	vertical-align: middle;
}
.celled.mid,.mid{ vertical-align: middle; }
.celled.bottom,.bottom{ vertical-align: bottom; }

.stage:before{
		top:0;
		left:0;
		right:0;
		bottom:0;
		content:'';
		display:block;
		background:#000;
		position:absolute;
		opacity: 0.6;
	}
	.offerz{
		color: red !important;
	}
	.offerz :hover{
		color: yellow !important;
	}
.padded{border: 2em solid #eee;}
.title{
	position: relative;
	padding-bottom: 8px;
	text-transform: uppercase;
}
.s{color:#D5CDC2;}
.t:after{
	left: 0;
	right: 0;
	bottom: 0;
	width: 80%;
	content:'';
	height: 2px;
	margin: auto;
	display: block;
	max-width: 50px;
	position:absolute;
	background: #B39762;
}
.cover{padding: 24px 0 48px;padding: 3em 0 4em;}

.san{
	font-family:'Baskerville', sans-serif;
}
.cute{
	font-family:'Gabrielle', sans-serif;
}
.script{font-family: "Great Vibes", sans-serif;text-transform: capitalize;}
.entry-header .b{
	display: inline-block;
}

.entry-header .script { text-shadow: 1px 1px 3px #B8B5A8; }
.shaded { text-shadow: 2px 2px 2px #313131; }
.stretch{ letter-spacing: 3px;}
.strong{font-weight: bold;}
.btn.b,hr.b {
	color: #fff; 
	border-color:#B39762; 
	background-color:#B39762; 
}
.btn._b{
	border-color:#B39762; 
}
.c{
	color:inherit;
}
.silver{
	background-color: #DDDEDE;
}
.dark{
	color:#111;
}
.light{
	color:#fff;
}
.light .wpcf7-form-control-wrap.email:before{
	font-size:24px;
	line-height:0;
	color: #1f1f1f;
}
.floral1{
	color:#FFF;
	background:50% repeat-y url(css/img/floral_01.jpg) #101010;
	background-size:cover;
}
.floral2{
	color:#FFF;
	background:50% no-repeat url(css/img/floral_02.jpg) #101010;
	background-size:cover;
}
.z:before{
	content: '';
	left:0;
	right:0;
	opacity:.8;
	display: block;
	background:#050505;
	position: absolute;
	top:0; bottom:0;left:0;right:0;z-index:0;
}
.date-calendar{ margin: 12px auto; }
/* ----- Form setup ----- */

button, input, select, textarea,button{
	width: 100%;
	color:initial;
	display: block;
	padding: 6px 0;
	text-indent:1em;
	border:1px solid transparent;
}
input[type=submit], button, .btn.b{
	color: #fff;
	text-indent: 0;
	background: #B39762;
	text-transform: uppercase;
}
form input[type="submit"] {
    color: #fff;
    width: auto;
    margin: 0 auto;
    padding: 6px 10px;
    text-transform: uppercase;
}

#form_wrapper form input[type="submit"] {
    border-radius: 3px;
    padding: 8px 24px;
    border: 1px solid #B39762;
    box-shadow: inset 0 -3px #968055;
    font-size: 15px;
    font-weight: normal;
}

#form_wrapper form input[type="submit"]:hover,#form_wrapper form input[type="submit"]:focus {
    box-shadow: inset 0 -41px #947B44;
}
.wpcf7-form-control-wrap {
    width: 100%;
    color: #888;
	display:table;
    line-height: 24px;
    border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}
form p:empty{padding:0;margin:0;width:1px;height:1px;display:block;}
footer .wpcf7-form-control-wrap{
	border-radius:0;
	}

footer .wpcf7-form-control-wrap > *{
	line-height:inherit;
	height:initial;
	padding:2px 0;
}

/*Popup*/
.popup{top:0;left:0;right:0;bottom:0;opacity:0;width:100%;border:none;z-index:-10;margin:0 auto;position:fixed;text-align:center;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
.popup::before{content:'';display:block;background:#000;width:100%;height:100%;min-height:900px;top:0;left:0;position:absolute;opacity:.9;z-index:-10;}
.popup > *{overflow:hidden;width:90%;max-width:960px;margin:0 auto;max-height:90%;overflow-y:scroll;}
.popup .wpcf7-form{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;position: absolute;background:#fff;padding-bottom:20px;top: -50px;left: 0;right: 0;margin: auto;max-height: 80%;}
.popup .wpcf7-form .the_logo{max-width: 180px; margin-top: 12px;}
.popup .wpcf7-form .close{position:absolute;right:10px;top:10px;padding:0;margin:0 auto;line-height:initial;border:none;color:#333;text-indent:100px;width:25px;height:25px;text-align:center;background:transparent;}
.popup .wpcf7-form .close::before{top:0;content:'';z-index:100;text-indent:0;border:3px solid;border-radius:50%;background:50% no-repeat url(css/icons/cancel_16.png);background-size:11px;transform:none;-webkit-transform:none;}
.popup .wpcf7-form .close:hover,
.popup .wpcf7-form .close:active{-webkit-transform:scale(1.4) rotate(180deg);-moz-transform:scale(1.4) rotate(180deg);-ms-transform:scale(1.4) rotate(180deg);transform:scale(1.4) rotate(180deg);}
.popup .wpcf7-form-control-wrap{margin-bottom:25px;}
.popup .wpcf7-form br{display:none;}
.popup.is_open{opacity:1;z-index:100000;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

form p{ display:inline-block;width:100%;}

form p span {
    width: 100%;
    display: block;
}

#form_wrapper p span input[type=submit] {
    width: 100%; padding: 4px 12px; margin: 0;
}
form .wrapper,form .content-wrap{display:inline-block;width:100%;padding:0;}
form .wrapper > section:not([class*=col-]){display:inline-block;width:100%;}
form .wrapper section.text{padding:10px 0;float:left;}
form#searchform{padding:9px 0 8px;line-height:25px;max-width:90%;margin:auto;}
form#searchform > *:after{content:"\f002";position:absolute;color:#3C3C3C;top:0;right:0;z-index:8;background:transparent;height:100%;width:40px;text-align:center;font-family:"FontAwesome";padding-top:2px;display:block;}
form#searchform label{display:none;}
form#searchform input[type="submit"]{position:absolute;right:0;top:0;border:none;height:100%;width:40px;color:transparent;z-index:10;background:transparent;}
form#searchform input[type="text"]{width:100%;line-height:inherit;position:relative;padding:0;min-height:0;text-indent:10px;border:1px solid #bbb;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}

/* --- End Form setup --- */
#main_content table{width:100%;background:#fff;}
#main_content tbody{display: table;width: 100%;}
#main_content table td, #main_content table th{padding:8px;border:1px solid #ddd; }
#main_content table th{font-weight:bold;}
#main_content table caption{padding:1em 0;text-align:center;}
#main_content dt{font-weight:bold;}
#main_content dd{line-height:1.4;margin:4px 0 0;padding:0 0 .5em 0;}
#main_content th{ text-align:inherit; }
#main_content table td *,#main_content table th * { display: inline-block; margin: auto; white-space: normal; clear: both;}
.booker.highlight-title{ 
	top: 36px;	color:#101010; text-decoration: none; width: auto; min-height: 0;	padding: 12px;
}
.booker.highlight-title:hover, .booker.highlight-title:active,.booker.highlight-title:focus{
    outline: 6px solid #eb880e; background: #eb880e;
}
/* === End Defaults === */
.gallery-icon * {
    width: 100%;
    height: auto;
    background: transparent;
    border: 1px solid transparent!important;
    padding: 0;
}

.gallery-item{margin: 0 auto!important;}

.grid,img[src*=grid]{
	opacity: 0;
	width: 100%;
	z-index: -2;
	min-height: 320px;
	/*max-height: 500px;*/
	position: relative;
}
a.grid{
	z-index: 1;
}
.highlights .cover:first-of-type img.grid[src*=grid_column], .highlights .cover:last-of-type
img.grid[src*=grid_column]{
	max-height: 450px; 
}
img.end{ margin-top:2em; max-width:165px;}
.banner{display:table;width:100%;position:relative;z-index: 0;}
.banner_wrapper, .banner_wrapper *{
	background-size:cover;
	background-position: top 15% center;
}
.banner .booker{ z-index: 100; text-align: center;margin: 0 auto 30px;max-width:260px;}
.banner .booker form{ background:#fff; color: #222; text-align: left;line-height:1.2;font-size:12px;display: block;}
.banner .booker .entry{display: table;width: 100%;}
.banner .booker .entry:nth-last-child(n+3){border-bottom: 1px solid #888;}
.banner .booker form.closed{ 
	-webkit-transform:scaleX(0); 
	-moz-transform:scaleX(0); 
	transform:scaleX(0); 
	transform-origin:top;
}
.banner .booker form.open{ 
	-webkit-transform:scaleX(1); 
	-moz-transform:scaleX(1); 
	transform:scaleX(1); 
}

.banner .booker form{background: #222;color: #eee;text-align: center;padding: 12px 0;border: 2px solid #fff;width: 100%;margin: auto;}
form#book_now * { vertical-align: middle; }

.booker span.date:after {content: '\f073';font-family: FontAwesome;position: absolute;color: #555;top: 7px;right: 24px;}
.booker .alert{
	color: #fff; margin:auto; border-radius: 0; padding: 9px 16px; text-align: center; text-decoration:none; text-transform: uppercase;
	background: #981E1E; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(194,48,48,1) 0%, rgba(106,10,10,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(194,48,48,1) 0%,rgba(106,10,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(194,48,48,1) 0%,rgba(106,10,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c23030', endColorstr='#6a0a0a',GradientType=0 ); /* IE6-9 */
}

.hover {
    position: absolute;
    min-height: 220px;
    right: 50px;
    top: 25%;
    bottom: 0;
    margin: auto;
    /*background: #fff9;*/
}
.hover .content {
    color: #fff;
    margin: auto;
    padding: 3px;
    display: inline-block;
    width: auto;
    max-width: 350px;
    /*border:3px solid #fff;*/
}

.hover .content .cover {
    width: 100%;
    height: 100%;
    /*padding: 0 2em 12px;*/
    display: inline-block;
    /*background: black;
    background: rgba(255,255,255,0.4);*/
}

.hover .content .cover .title {
    white-space: normal;
}


.masonry .box a.transpose {
    top: 32px;
}
#main_content .masonry .content:nth-last-child(n+2){
	margin-bottom: 3em;
}
#main_content .masonry .content:last-child:nth-child(odd){
    /*width: 100%;*/
}
#main_content .masonry .content:last-child:nth-child(odd) img.grid {
    max-height: 360px;
}
.masonry .box .content_wrapper{	padding: 0 12px; }

.masonry .box .content_wrapper table:nth-last-child(n+2) {
    margin-bottom: 36px;
}

#main_content .masonry .box .head {
    margin: 0 auto 32px auto;
    display: block;
}

#main_content .masonry .box .head img {
    max-width: 120px;
    display: table;
    margin: auto;
}
#main_contentÂ .masonry .box .content_wrapper table{
	margin: 0 auto 36px;
	width: 100%;
	display: table;
	table-layout: fixed;
}

#main_content .masonry .box .content_wrapper table td,.masonry .box .content_wrapper table th {
    padding: 4px 8px;
}

#main_content .masonry .box .content_wrapper table tr:first-child * {
    border-left: none;
    border-right: none;
    background: #fff;
    border-width: 2px;
}

#main_content .masonry .box .content_wrapper table tr:nth-child(n+2) * {
    border: none;
}
.slides li{ transition: none; }
.nav-wrapper{
    /*background: #1b1b1b;*/
}

/* ===== Mobile Strip menu ===== */
.menu.mobile{display:block;position:fixed;bottom:0;width:100%;background:#150C04;padding:0;margin:0;z-index:10;text-align:center;}
.menu.mobile ul{display:table;width:100%;margin:0;padding:2px 0;}
.menu.mobile ul li{display:table-cell;border-left: 1px solid #060402;border-right: 1px solid #231508;}
.menu.mobile ul li:hover{background: #111111;}
.menu.mobile ul li:before{color:#11B9F7;font-size:18px;margin-right:8px;padding:16px 0;}
.menu.mobile ul li a{display:inline-block;padding:16px 0;color: #B39762;font-family:"Open sans", sans-serif;display: block;text-decoration: none;}
.menu.mobile ul li a * { margin: 0 12px 0 0; }
.menu.mobile ul li a, .menu.mobile ul li a:hover, .menu.mobile ul li a:active{background:transparent;}
.menu.mobile ul li:hover > *, .menu.mobile ul li a:hover{color:#fff;}
.menu.mobile *{font-size:16px;text-transform:uppercase;}

/* === End Mobile Strip menu === */
/* === Main menu Setup === */

ul.menu {
    margin: auto;
    padding: 0 15px;
    list-style: none;
}

ul.menu.main {
    width: 100%;
    display: block;
    padding: 0 15px;
    table-layout: auto;
}

ul.menu.main li {
    display: block;
    vertical-align: middle;
}
ul.menu.main .current-menu-item{
	background:transparent;
}
ul.menu.main .current-menu-item > a{
	color: #fff;
}

ul.menu.main li a {
	top: 0;
	bottom: 0;
	padding: 10px;
	display: block;
	font-size:14px;
	position: relative;
	text-decoration: none;
	background: transparent;
	text-transform: uppercase;
}

ul.menu.main li:active, ul.menu.main li:hover, ul.menu.main li.current-page-ancestor, ul.menu.main li.current-menu-item{
    background: transparent;
}

.title .b,ul.menu.main li:active > *,ul.menu.main li:hover > * {
    color: #000;
}

ul.menu.main li * {
    color: #555;
    font-weight: bold;
}

ul.main li .sub-menu {
    top: 100%;
    padding: 0;
    z-index: 100;
    position: absolute;
    display: none;
    background: #fefefe;
    min-width: 200px;
    border: 8px solid #fff;
}
ul.main li .sub-menu li {position: relative;}
ul.main li .sub-menu li .sub-menu {top: -8px;left: 100%;border: 1px solid;padding: 4px;}
ul.main li .sub-menu li .sub-menu:before {}
ul.main li .sub-menu li{
    display:block;
}

ul.main li .sub-menu li:nth-last-child(n+2){
    border-bottom: 1px solid #555;
}

ul.main li .sub-menu li a {
	font-size:14px;
	text-transform: none;
	color: #202020;
	text-align: left;
	padding: 12px;
}

ul.menu.main li:active > a, ul.menu.main li:hover > a, ul.menu.main li.current-page-ancestor > a, ul.menu.main li.current-menu-item > a {
    color: #888;
}


/* === Header section setup == */
header.wrapper .logo-wrapper {
    /* margin: 6px 0; */
}

header.wrapper .contact > *{
    margin-top: 6px;
    margin-bottom: 6px;
}

a, .b, header.wrapper .contact .fa,
ul.menu.main li .fa, ul.menu.main .fa:before{
    color: #B39762;
}

ul.menu.main .fa a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	position: absolute;
}

ul.menu.main .fa {
    font-size: 20px;
}

header.wrapper .contact strong {
    text-transform: uppercase;
    font-size: 12px;
}
header.wrapper .contact .fa {
    min-width: 32px;
    text-align: left;
	display:none;
}
.nav-wrapper{
    /*background: #012d86; /* Old browsers */
    /*background: -moz-linear-gradient(top,  #012d86 0%, #1348b2 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  #012d86 0%,#1348b2 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  #012d86 0%,#1348b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012d86', endColorstr='#1348b2',GradientType=0 ); /* IE6-9 */
}

/* === Content area setup === */
.scroller {
    content: '';
    left: 50%;
    color: #eee;
    width: 79px;
    height: 40px;
    z-index: 100;
    cursor: pointer;
    position: absolute;
    text-align: center;
    margin-left: -45px;
}
.page #main_content{ text-align: center; }
#main_content .scroller {
    /*z-index: 1;
    top: -28px;*/
    /*background: top center no-repeat url(css/img/scroller.png);*/
}
/* ----- Form setup ----- */
button, input, select, textarea,button{
	width: 100%;
	color:initial;
	display: block;
	padding: 6px 0;
	text-indent:1em;
	border:1px solid transparent;
}
form input[type="submit"] {
    color: #fff;
    width: auto;
    margin: 0 auto;
    padding: 6px 10px;
    text-transform: uppercase;
}
.wpcf7-form-control-wrap {
    width: 100%;
    color: #888;
	display:table;
    line-height: 24px;
    border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

footer .wpcf7-form-control-wrap{
	border-radius:0;
	}

footer .wpcf7-form-control-wrap > *{
	line-height:inherit;
	height:initial;
	padding:7px 0;
}
.wpcf7-form-control-wrap > *{display: table-cell; outline: none; line-height: inherit; vertical-align: top; height: 36px;color: #999;}
.wpcf7-form-control-wrap > textarea{height: 100px;resize: vertical;}

.wpcf7-form-control-wrap > textarea:before {}
/* --- End Form setup --- */
.content-area .container{float:none;margin:0 auto;/*max-width:992px;*/}


footer .footer.wrapper{
	background:top left repeat-x url(css/img/bg-stripes.png);
}

.footer .menu-wrapper .menu a{
	color:#111;
}
.footer .menu-wrapper .menu a:hover,
.footer .menu-wrapper .menu a:active{
	color: #BF9263;
	background:transparent;
}
.footer .menu-wrapper .menu ul{
	margin:auto;
	list-style: none;
}

.footer .menu-wrapper .menu {
	padding: 0;
	text-transform: uppercase;
	max-width: 220px;
}
.footer .menu-wrapper .menu .sub-menu{
	font-size:.9em;
	line-height:1.4em;
	padding-left: 16px;
	text-transform:none;
}
.footer .menu-wrapper .menu .sub-menu > li:before{
	content: '\f105';
	font-family: "FontAwesome";
}

.footer .menu-wrapper .home{
	content:'';
	display:none;
}

.footer .menu-wrapper{
	display:none;
}
.footer .copy{
	/*margin-top: 24px;*/
	padding:24px 24px 12px;
	/*border-top: 1px solid #ccc;*/
}

/* === Amenities setup === */
#post-amenities {
	background-size:cover;
	background-position:50%;
	font-size: 16px;
}
#post-amenities .content {
	margin:auto;
	max-width:1366px;

}
#post-amenities ul {
    width: 100%;
    padding: 0;
    margin: auto;
    display: table;
    list-style: none;
    table-layout: fixed;
    background: transparent;
    margin-top: 32px;
    font-size: 14px;
}

#post-amenities ul li {
    color: #fff;
    text-align: center;
    display: block;
}

#post-amenities ul li img {
    display: block;
    margin: 0 auto 6px;
    height: auto;
    width: initial;
    max-width: 70%;
}
/* === End Amenities setup === */
/* === Gallery setup === */
.gallery_list > li {
    display: inline-block;
    background: 50% no-repeat;
    background-size: cover;
    margin: 0 auto 60px;
    -webkit-box-shadow: inset 0 0 0 10px #fff;
    -mox-box-shadow: inset 0 0 0 10px #fff;
    -ms-box-shadow: inset 0 0 0 10px #fff;
    box-shadow: inset 0 0 0 10px #fff;
    padding: 0;
}
.framed,.gallery_list li > .the_gallery ul{
	height: 100%;
}
.framed:before, .framed:after, .gallery_list ul:before, .gallery_list ul:after {
    content: '';
    display: block;
    background: transparent;
    position: absolute;
    border: 0px solid #E2DCCB;
    border-spacing: 12px;
    z-index:0;
}
.framed:before,
.gallery_list .the_gallery ul:before {top: 5px;left: 5px;bottom: 5px;right: 5px;}
.framed:after,
.gallery_list .the_gallery ul:after {top: 10px;left: 10px;bottom: 10px;right: 10px;}
.framed.single:after{display:none;}
/* === Highlight == */
.highlight-title {
    color: #fff; right: 0; padding: 10px; width: initial; display: table; margin: 8px auto; border: 2px solid #fff; position: relative; text-align: center; background: #D5CDC2; text-transform: uppercase; outline: 6px solid #D5CDC2;
}
.highlight-title *{
	color: inherit; margin: auto; 
}
.highlight-title.transpose {
    top: 0;
    left: 0;
    right: 0;
    color: initial;
    width: initial;
    max-width: 320px;
    line-height: 1.6;
    display: inline-block;
    padding: 12px 12px 8px;
    margin: 12px auto 24px;
}

.gallery_list .highlight-title {
    left: 50%;
    bottom: -30px;
    position: absolute;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
.boxed{
	padding: 2em;
	margin-top: 24px;
}
.boxed .fa {
	font-size:19px;
	vertical-align: top;
	text-align: center;
	min-width:28px;
}
.boxed, .highlights{
	/*border: 2px solid #B39762;*/display: inline-block; 
}
.boxed [class*=col-] table:nth-last-child(n+2) {
    margin-bottom: 22px;
}
.boxed [colspan] {
    border: none;
}
.boxed table td * {
    margin: auto;
    padding: 0;
}
.box #form_wrapper, .boxed #form_wrapper{
	position: absolute; left: 0; right: 0; z-index: 100;
}
.highlights{
	width: 100%;
	/*padding: 0 0 3em;
	margin: 2em auto 4em;*/
}

.highlights > .wrapper {
    padding: 0 2em;
}

.highlights .title, .title.elevated{
	top: -.65em;
	margin: auto;
	color: initial;
	display: table;
	padding: 0 1.2em;
	background: #fff;
}

.boxed .title.elevated {
    margin: -1.1em auto 0;
}
.highlights .title.script{
	font-size: 3.5em;
}
.highlights .cover.light{
	margin-top: 3em;
	margin-bottom: 3em;
}
.main-wrap,
.main-wrapper{
	margin-bottom: 4em;
}
#primary.wrapper{ z-index: 1; }
.highlights .cover.light{
	padding: 12px 6px;
}

.box {
    border: 7px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px #777;
    -moz-box-shadow: 0 1px 10px #777;
    -ms-box-shadow: 0 1px 10px #777;
    box-shadow: 0 1px 10px #777;
}

.box .w table td,.box .w table th { border-color: #efefef}
.slides .card .header{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 150px;
	position: absolute;
}
.card .highlight-title{
	/* margin-top: -3em; */
	width:initial;
}
.card img.grid{ max-height: 500px;}

.highlights .cover:first-of-type,.highlights .cover:last-of-type{
    width: 100%;
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
}
.highlights .grid .c a.btn {
    line-height: 35px;
}
.highlights .highlight-title{
	border-color: #DEC893;
	outline-color: #AF8D4E;
	background-color: #AF8D4E;
	outline-color: rgba(175, 141, 78, 0.7);
	background-color: rgba(175, 141, 78, 0.7);
}

.highlight-title .description {
    font-size: 85%;
    letter-spacing: 2px;
}
.highlights .highlight-title span{
	text-shadow:1px 2px 2px #101010;
}
.highlights .cover .focus{
	top: 60%;
	left: 0;
	bottom: 0;
	width:100%;
	z-index: 10;
	position: absolute;
	transform: translateY(-50%);
}

.highlights .cover a.grid:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
    background: #000;
    -webkit-opacity:.7;
    -moz-opacity:.7;
    -ms-opacity:.7;
    opacity:.7;
}

.highlights .cover:hover a.grid,
.highlights .cover:active a.grid {
    opacity: 1;
}

.highlights .cover:hover .focus,
.highlights .cover:active .focus {
    top: 40%;
  	background: rgba(0,0,0,0.5);
    min-height: 238px;
    margin-top: -12px;
}

.highlights .cover:first-child:hover .focus, .highlights .cover:first-child:active .focus,.highlights .cover:last-child:hover .focus, .highlights .cover:last-child:active .focus {
    top: 55%;
}

.highlights .focus .w {
    opacity: 0;
    padding: 0% 2.4em 0;
    height: 0%;
    width: initial;
}

.highlights .cover:hover .focus .w,
.highlights .cover:active .focus .w {
    opacity: 1;
    height: 100%;
    padding-top: 4%;
}
.highlights .highlight-title .t:after {
    width: 40px;
    z-index: -1;
    position: relative;
    background: #DEC893;
    margin: -2px auto 6px;
}

.book, .btn, .more {
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	overflow: hidden;
	margin: 6px auto;
	padding: 2px 20px;
	border: 1px solid;
	border-radius: 0;
	font-weight: bold;
	position: relative;
	line-height: 28px;
	display: inline-block;
	/* background: transparent; */
	text-transform: uppercase;
}

.btn::before, .btn::after {
    left: 0;
    z-index: -1;
    content: '';
    height: 100%;
    width: 100%;
    bottom: 100%;
    position: absolute;
    transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn::after {
    top: 50%;
    width: 0px;
    height: 10px;
    left: 10px;
    z-index: 10;
    margin-top: -6px;
    position: relative;
    display: inline-block;
    background: transparent;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(css/img/readmore-arrow.png);
    transition: all .2s ease;
}
.book:hover,
.highlights .btn:hover,
.highlights .btn:active {
    color: #fff;
    border-color: #D0A257;
}
.highlights .transpose{
	margin:0 auto -8em;
}
.btn:hover::after, .btn:active::after {
    width: 26px;
}
.highlight-title span {
    display: block;
    font-size: 3.5em;
    text-transform: capitalize;
}
.gallery_list li > .the_gallery {
    border: none;
    top: 0;
    left: 0;
	padding: 10px;
    width: 100%;
    height: 100%;
    z-index: 100;
    margin: 0 auto;
    position: absolute;
    display: inline-block;
}
.gallery_list li > .the_gallery > * {
    height: 100%;
    display: block;
    position: relative;
}
.gallery_list li > .the_gallery * {
    position: relative; padding: 0; overflow: hidden;
}

.gallery_list li > .the_gallery p {
    padding: 0;
}
.gallery_list li > .the_gallery p * {
    display: none;
}
.gallery_list li > .the_gallery a:first-child {
    opacity: 0; z-index: 10; height: 100%; width: 100%; display: block;
}

/* ------- Facilities page setup ------ */
#facilities > #kids-gaming-area{-webkit-box-shadow: 0 3px 6px -2px #888;-moz-box-shadow: 0 3px 6px -2px #888;-ms-box-shadow: 0 3px 6px -2px #888;box-shadow: 0 3px 6px -2px #888;border-bottom: 6px solid #fff;padding-bottom: 0;margin-bottom: 70px;}
#facilities #concierge-services .content{ padding: 4em 0;}
#facilities #swimming-pool .content .wrap{ margin-bottom: 345px;}
#facilities #concierge-services .content .b{ color: #F1D5A3;}
#facilities #concierge-services .content p.shadowed{ 
	padding: 12px 0; 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 14%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 86%, rgba(255,255,255,0.91) 99%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 14%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 86%,rgba(255,255,255,0.91) 99%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 14%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 86%,rgba(255,255,255,0.91) 99%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=1 ); /* IE6-9 */
}
#facilities #swimming-pool .content{ padding: 2em 0 0;}
/* ----- End Facilities page setup ---- */
/* ----- Page mini-gallery setup ---- */
.gallery-box ul{
	list-style: none;
	padding: 12px 2em;
	margin: auto;
	width: 100%;
	display: table;
	overflow: hidden;
	background: white;
}
.gallery-box ul li{
	display: block;
}

.gallery-box ul li a {
    border: 1px solid transparent;
    width: 100%;
    padding: 1px;
}

.gallery-box ul li a img {
    /* width: initial;
	max-width: 100%; */
}
/* === Accordion setup === */
.accordion {
    padding: 2em 1em;
}
.accordion .title {
    font-size: 16px;
}
.accordion{margin-bottom:12px;}
.accordion-wrapper .accordion:hover .title,
.accordion-wrapper .accordion:hover .title {
	font-size:1.5em;
	opacity: 0;
}
/* === End Accordion setup === */
/* ===== Home Tabs setup ===== */
.facilities .tab_wrapper .tab-pane{
	background: #fff; padding: 2em 1em;
}

.facilities .tab_wrapper .tab-pane:first-child {
    display: block;
    opacity: 1;
    z-index: 0;
    position: relative;
}

.facilities .tab_wrapper .tab-pane {
    z-index: 10;
    top: 0;
    position: absolute;
}

.facilities .tab_wrapper .title {
    font-size: 2.6em;
}

.facilities .tab_wrapper .nav-tabs li {
    background-color: #eee;
    clear: both;
}

.facilities .tab_wrapper .nav-tabs li a:before {content: '';vertical-align: middle;display: inline-block;width: 50px;height: 40px;border: 5px solid rgb(238, 238, 238);position: relative;line-height: inherit;background-color: #EEEEEE;z-index: 5;overflow: hidden;background-image: url(css/img/sprite_facilities.png);background-size: 80px;background-repeat: no-repeat;margin: 1px auto 0;transition: all .2s ease;}

.nav-tabs li.concierge-services a:before {
    background-position-y: -29px;
}
.nav-tabs li.business-center a:before {
    background-position-y: -59px;
}
.nav-tabs li.swimming-pool a:before {
    background-position-y: -88px;
}
.nav-tabs li.kids-gaming-area a:before {
    background-position-y: -118px;
}
.facilities .tab_wrapper .nav-tabs li:hover > a:before, .facilities .tab_wrapper .nav-tabs li.active > a:before {
    background-color: #B39762;
    border-color: #B39762;
    background-position-x: -40px;
}

.facilities .tab_wrapper .nav-tabs li:hover > a,.facilities .tab_wrapper .nav-tabs li.active > a {
    background: #B39762;
}

.facilities .tab_wrapper .nav-tabs li.active:before {
    background-color: #B39762;
}
.facilities .tab_wrapper .banner_wrapper{ height:250px;}

/* === End Home Tabs setup === */

.home .meetings .content,.category-hash .content{
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 2em;
	background-color:#000;
	background-color:rgba(0,0,0,.85);
}

.category-hash .content > .content p {
    max-width: 768px;
    margin: auto;
}
.home .meetings .grid{
	display: none;
}
.home .meetings .content .container{
	max-width: 768px;
}
.home .meetings .content .title,Â .category-hash .content .title{
	font-size: 2em;
}
/* --- End Page mini-gallery setup -- */
/* === End Gallery setup === */
/* ===== Flexslider override setup ===== */
ol.flex-control-nav{
	bottom: 8px;
	z-index: 10;
}
ol.flex-control-nav li{ margin: 0 3px;}
ol.flex-control-nav li a{
	background: #fff;
	background:rgba(255,255,255,.5);
	border-radius: 0;
}

ol.flex-control-nav li a.flex-active{
	background: #fff;
}
.slider.wrapper {
    padding-left: 4em;
    padding-right: 4em;
}
[class*=slider] {
    display: inline-block;
    width: 100%;
}
[class*=full] .flex-direction-nav .flex-next,
[class*=banner] .flex-direction-nav .flex-next {
    right: 32px;
}
[class*=full] .flex-direction-nav .flex-prev,
[class*=banner] .flex-direction-nav .flex-prev {
    left: 32px;
}
/* === End Flexslider override setup === */

@media(max-width:520px){
	table{width: 100%!important;overflow-x:scroll;display: block!important;border: 2px solid #B39762;}

table tbody {
    min-width: 400px; 
}
}
@media(max-width:630px){
	.hover .content{ top:50%; max-width:80% }
	.hover .content .cover *:last-child{ display:none; }

	.hover .content .cover * { font-size: 16px; line-height: 1; margin: 12px auto 0; }
	.footer .pull-right{
		float:left!important;
	}
	.highlight-title .script {
		font-size: 28px;
	}
	.highlight-title {
		top: -40px;
	}
}

@media(min-width:630px){

	.highlight-title {
		padding: 20px 30px;
		min-height: 80px;
		width: 170px;
	}

.h1, h1 {
    font-size: 2.8em;
}
.h2, h2 {
        font-size: 2.3em;
}
.h3, h3 {
        font-size: 1.85em;
}
.h4, h4 {
        font-size: 1.4em;
}
.h5, h5 {
        font-size: 1.08em;
}
.h6, h6 {
        font-size: 0.93em;
}
.entry-header .script {
    font-size: 52px;
}


	header.wrapper .contact .fa {
		display:table-cell;
	}
	.gallery-box ul li{
		width:50%;
		display:inline-block;
	}
	[class *=col-split]{
		width: 100%;
		padding: 0;
		margin: auto;
		display: table;
	}
	.highlight-title.transpose{
		-webkit-transform: translateY(-75%);
		-moz-transform: translateY(-75%);
		-ms-transform: translateY(-75%);
		transform: translateY(-75%);
		position: absolute;
	}

	.highlight-title.transpose ~ p {
		margin-top: 4em;
	}
	
	.home .meetings img.grid{
		display: block;
	}
	.category-hash .content > .content, .home .meetings .content{
		color: #fff;
		padding: 8em 0 2em;
		position: absolute;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 36%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 36%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 36%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	.home .meetings .content .title, .category-hash .content .title{
		font-size: 3em;
	}
	.home .elevated.content-wrapper {
		z-index: 100;
		padding: 12px;
		background: #fff;
	}
	.masonry .box {
		padding-top: 50px;
	}


}
@media(max-width:767px){
.banner .booker .entry > * {
		display: block;
		text-align:left;
		padding: 6px 12px;
	}
	body{margin-bottom:58px;}
}
@media(min-width: 768px){
	/*.modal-dialog{width: 750px !important;}*/
	.slides .card{ margin-bottom: 170px; }
	.slides .card .header { top:100%; }
	.menu-toggle,.menu.mobile{display:none;}
	.banner .booker{position: absolute;z-index: 100;top: 12px;right: 11%;width: 300px;}
	.banner .booker .entry{padding:12px 0 18px;border: none;}
/*hover .content{min-width: 740px; }*/
	ul.main li.menu-item-has-children:before{
		content: '';
		width: 0;
		height: 0;
		background: transparent;
		border: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		z-index: 100;
		bottom: 0;
		display: none;
	}

ul.main .sub-menu li.menu-item-has-children:before {
    right: -1px;
    top: 33%;
    border-bottom-color: transparent;
    border-right: 10px solid;
    z-index: 101;
}
	ul.main li.menu-item-has-children:hover:before,
	ul.main li.menu-item-has-children:active:before{display:inline-block;}
	ul.main li:hover > .sub-menu, Â ul.main li:active > .sub-menu {
		display: block;
	}

	#post-amenities ul li {
		display: table-cell;
	}
	ul.menu.main{
		display:table;
	}
	ul.menu.main > li {
		text-align: center;
		display: table-cell;
		position: static;
		/*border-right: 1px solid #555;*/
	}
	ul.menu.main li.home {
		width:70px;
	}
	ul.menu.main li a{
		padding: 8px 0;
	}
	.footer .brand{
		border-right:1px solid #DDD;
	}
	.celled{
		float:none;
		display:table-cell;
		vertical-align: top;
	}
	.accordion:hover,
	.accordion:active,
	.accordion:focus{
		width:45%;
	}

	.footer .menu-wrapper{
	display:block;
	 -webkit-column-count:2;
		-moz-column-count:2;
		 -ms-column-count:2;
			 column-count:2;
	}
	.footer .menu-wrapper li:nth-child(3) .sub-menu{
	 -webkit-column-count:2;
		-moz-column-count:2;
		 -ms-column-count:2;
			 column-count:2;
	}
	
	/* === Home tabs layout === */
	.tab_wrapper .tab-content{
		margin-left: 50px;
		left: 0;
	}
	.tab_wrapper .nav-tabs{
		top:0;
		left: 15px;
		width: 50px;
		position: absolute;
		background: transparent;
	}

	.tab_wrapper .nav-tabs li {
		width: 100%;
		white-space: nowrap;
	}

	.facilities .tab_wrapper .nav-tabs li a {
		color: transparent;
		border: none;
		border-radius: 0;
		margin: 0;
		display: inline-block;
		padding: 0;
	}
	.facilities .tab_wrapper .tab-pane{
		min-height: 300px;
		height: auto;
	}
	.gallery-box ul li{
		width:33%;
	}
	.Weddings.gallery-box ul li {
		width: 25%;
	}
	.Weddings.highlights {
		margin-top:60px;
		border:transparent; 
	}
	.Weddings.highlights .highlight-title {
		margin: 0px auto -70px;
		background: #d4cdc1;
		outline-color: #d4cdc1;
		border-color: #fff;
	}
	.gallery-box ul li:nth-child(n+7){
		display: none;
	}
	.accordion-wrapper .accordion{height:450px;}
	.Weddings.gallery-box ul li:nth-child(-n+13) {
		display: inline-block;
	}
	.gallery-box ul li a img{
		width: 100%;
	}
	.date-calendar{
		max-width: 80px; 
	}
	.home .meetings .content .title, .category-hash .content .title{
		font-size: 5em;
	}
	.home .elevated.content-wrapper {
		top: 30%;
		right: 4%;
		position: absolute;
		outline: solid 8px #fff;
		outline: solid 8px rgba(255, 255, 255, 0.7);
	}

.highlights .cover:nth-child(n+2):nth-last-child(n+2) .focus p { display:none;}

.highlights .cover:nth-child(n+2):nth-last-child(n+2):hover .focus,
.highlights .cover:nth-child(n+2):nth-last-child(n+2):active .focus {
    top: 45%;
}
}
.flex-direction-nav{width:90%;}
@media(min-width: 992px){
	ul.menu.main li a{ padding: 12px 0; }	
	.accordion{border-right:1px solid #fff;margin-bottom:0;}
	.accordion-wrapper .accordion{height:550px;}
	.accordion-wrapper .accordion .content {
		margin: 0 0 -70px;
		-webkit-opacity: 0;
		-ms-opacity: 0;
		opacity: 0;
		-moz-opacity: 0;
		 -webkit-transform: scaleY(0);
			-moz-transform: scaleY(0);
			 -ms-transform: scaleY(0);
				 transform: scaleY(0);
	 -webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		 -ms-transform-origin: bottom;
			 transform-origin: bottom;
	}
	.accordion-wrapper .accordion:hover .content,
	.accordion-wrapper .accordion:active .content{
		margin: 0;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		opacity: 1;
	 -webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		 -ms-transform: scaleY(1);
			 transform: scaleY(1);
	 -webkit-transition: margin .8s ease, opacity 1.6s ease .6s;
	 -webkit-transition: margin .8s ease, opacity 1.6s ease .6s;
		-moz-transition: margin .8s ease, opacity 1.6s ease .6s;
			 transition: margin .8s ease, opacity 1.6s ease .6s;
	}
	#main_content .masonry .content:last-child:nth-child(odd) .box .content_wrapper {
		display: table;
		width: 100%;
		margin: 0 auto 36px;
	}

	#main_content .masonry .content:last-child:nth-child(odd) .box .content_wrapper table {
		display: table-cell; width: initial;
	}

}

@media(min-width:1170px){
	.highlights .cover:nth-child(n+2):nth-last-child(n+2) .focus p { display:block;}
	.highlights .cover:hover .focus,.highlights .cover:active .focus {
    	top: 55%;
	}

}
@media(min-width:1366px){
}	
@media(min-width:1440px){
	ul.menu.main li a{
		padding: 22px 0;
	}
}
/* === Fixes === */
.datepicker-dropdown.datepicker-orient-top:before,.datepicker-dropdown.datepicker-orient-top:after{display:none;}

.toggler.menu-toggle{
	top: 15px;
	left:15px;
	opacity: .7;
	width: 45px;
	display:none;
	height: 45px;
	position: fixed;
	cursor:pointer;
	background: brown;
	outline:none!important;
	color: transparent!important;
	border: 10px solid transparent;
	}

.toggler.menu-toggle.is_open {
	position: absolute;
    left:100%;
}

.toggler.menu-toggle.is_open:before {
    top: 22%;
    width: 60%;
    transform:rotate(-55deg);
}
.toggler.menu-toggle.is_open:after {
    bottom: 22%;
    width: 60%;
    transform:rotate(55deg);
}

.toggler.menu-toggle:hover,
.toggler.menu-toggle:active,
.toggler.menu-toggle:focus{
	opacity: 1;
}
.toggler.menu-toggle:before,.toggler.menu-toggle:after {content: '';width: 100%;height: 3px;background: #fff;display: block;border-radius: 5px;position: absolute;left: 0;right: 0;padding: 0;margin: 0;}

.toggler.menu-toggle:before {
    top: 25%;
}

.toggler.menu-toggle:after {
    bottom: 25%;
}

.toggler.menu-toggle:before,.toggler.menu-toggle:after {
    -webkit-transition: all .8s cubic-bezier(.66,.01,.01,.99);
    -moz-transition: all .8s cubic-bezier(.66,.01,.01,.99);
    -ms-transition: all .8s cubic-bezier(.66,.01,.01,.99);
    transition: all .8s cubic-bezier(.66,.01,.01,.99);
}

@media (max-width:767px){

	.booker .alert{display:none;}
	.logo-wrapper{text-align: center;}
	.wrapper-top .wrapper .contact{display: none; }
/* ===== Responsive menu ===== */
	.wrapper-top .nav-parent,
	.wrapper-top .nav-wrapper{
		top: 0;	right: 0; bottom: 0; width: 80%; z-index: 10; left: -400px; height: 100%; position: fixed; max-width: 400px; background: #333; box-shadow: 0px 0px 6px 1px #000; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.73);
	}
	.wrapper-top .nav-wrapper{
		left:0;	width: 100%; overflow:hidden; position: absolute;
	}
	.toggler.menu-toggle{display:block;}
	.wrapper-top .nav-parent.is_open{ left:0%; }
	.wrapper-top .nav-wrapper .menu, 
	.wrapper-top .nav-wrapper .menu li .sub-menu {
		top: 0; left: 0; bottom: 0; z-index: 2; padding: 0 0 48px; width: auto; height: 100%; right: -18px; position: absolute; overflow-x: hidden; overflow-y: scroll;
	}
	.wrapper-top .nav-wrapper .menu li {
		position: static; border-bottom: 1px solid #222;
	}

.wrapper-top .nav-wrapper li.menu-item-has-children > a:after {content: '+';color: #777;position: absolute;right: 10px;top: 0;font-size: 16px;width: 40px;text-align: center;display: table;line-height: 55px;vertical-align: middle;}
	.wrapper-top .nav-wrapper .menu li .sub-menu *{
		color: #fff;
	}
	.wrapper-top .nav-wrapper .menu li .sub-menu {
		z-index:100; display: block; background:#222; margin-left:100%;	border:1px solid #101010;
	}
	.wrapper-top .nav-wrapper .menu li:hover > .sub-menu, 
	.wrapper-top .nav-wrapper .menu li.active > .sub-menu, 
	.wrapper-top .nav-wrapper .menu li > .sub-menu:focus {
		margin-left:80%;
	}
	.wrapper-top .nav-wrapper .menu li:hover > .sub-menu:hover, 
	.wrapper-top .nav-wrapper .menu li > .sub-menu.active{
		margin-left:10%;
	}
	.wrapper-top ul.menu.main li a {
		padding: 20px 12px;
	}
	.wrapper-top ul.menu.main li.active > a { background: #B39762; color: #fff; }
	.wrapper-top ul.menu li:hover .sub-menu {		
	}
}
@media (max-width:450px){
	.wrapper-top .nav-wrapper .menu li .sub-menu {
		position: absolute;
	}
}
/* === End Responsive menu === */
