/* ----------------------------------------------------- */
/* Mobile Topbar */
/* ----------------------------------------------------- */
.hamburger_menu{
	position: relative;
	width: 38px;
	height: 32px;
	margin-right: 20px;
	cursor: pointer;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hamburger_menu span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #ae720c;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.hamburger_menu span:nth-child(1) {
	top: 0px;
}
.hamburger_menu span:nth-child(2),.hamburger_menu span:nth-child(3) {
	top: 12px;
}
.hamburger_menu span:nth-child(4) {
	top: 24px;
}
.hamburger_menu.open span:nth-child(1) {
	top: 12px;
	width: 0%;
	left: 50%;
}
.hamburger_menu.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hamburger_menu.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hamburger_menu.open span:nth-child(4) {
	top: 14px;
	width: 0%;
	left: 50%;
}
.mobile-topbar {
	position: fixed;
	display: none;
	width: 100%;
	height: 80px;
	background-color: #2a1c00;
	top: 0;
	z-index: 10;
}
.mobile-topbar .logo {
	margin-left: 20px;
	margin-bottom: -5px;
}
.mobile-topbar .logo img {
	width: 75%;
}
.menu-mobile {
	display:none;
	position: fixed;
	width: 100%;
    height: calc(100vh - 164px);
	background: rgba(255,255,255,0.95);
	font-family: 'Quicksand', sans-serif;
	overflow-y: scroll;
	clear:both;
    z-index: 10;
	top: -100%;
	padding: 30px;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.menu-mobile a {
	color: #ae720c;
	font-size: 18px;
	line-height: 2.2em;
	letter-spacing: 0.05em;
}
.menu-mobile a:hover {
	color: #2a1c00;
}
.menu-mobile .menu-item-has-children {
	position: relative;
}
.menu-mobile .menu-item-has-children > a:before {
	display: none;
}
.menu-mobile .menu-item-has-children .sub-menu li a {
	font-size: 16px;
	margin-left: 10px;
}

/* ----------------------------------------------------- */
/* Main Menu */
/* ----------------------------------------------------- */
header.left-menu {
	position: fixed;
	width: 280px;
	background: #2a1c00;
	height: 100vh;
	letter-spacing: 0.05em;
	left: 0;
	top: 0;

	display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;

	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);
	z-index: 11;
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
}
#et-main-area {
    padding-left: 280px;
    clear:both;
}

header.left-menu .sub-menu li{
/* 	text-align:left!important; */
}

header.left-menu ul.menu li{
	position: relative;
	display: block;
	font-family: 'Quicksand',sans-serif;
	font-size: 19px;
	text-align: center;
	line-height: 50px;
	margin-right: 0;
	cursor: pointer;
	/* overflow: hidden; */
	-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;
	transition: all .4s ease-in-out;
}
header.left-menu ul li > .sub-menu {
	display: none;
	position: absolute;
	width: 240px;
	background: rgba(255,255,255,0.92);
	top: 0;
	left: 100%;
	padding: 10px 25px;
	border: none;
	margin: 0;
	text-align: left;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);

	-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;
	transition: all .4s ease-in-out;
}
.menu-item-has-children:hover > .sub-menu {
    display:block;
}
header.left-menu ul li > .sub-menu li {
	line-height: 40px;
}
header.left-menu ul li > .sub-menu.show{
	/* max-height:500px; */
	display: block;
}

/* li.menu-item-has-children */
header.left-menu ul.menu li.has-children > a{
	/* pointer-events: none; */
	position: relative;
	display: block;
	-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;
	transition: all .4s ease-in-out;
}
.menu-item-has-children > a:before {
	display: block;
	content: "\e90e";
	font-size: 14px;
	font-family: 'icomoon' !important;
	position: absolute;
	top: calc(50% + 2px);
	right: 30px;
	width: 0px;
	height: 0px;
	text-align: center;
	line-height: 0px;
	cursor: pointer;
    /* pointer-events: all; */
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
header.left-menu ul li:hover a,
header.left-menu ul li a:hover,
header.left-menu ul li.show-sub-menu a,
header.left-menu .menu li.active {
	color: #ae720c;
	background: rgba(255,255,255,0.05);
}
header.left-menu ul.sub-menu li a {
	color: #ae720c;
	background: none;
	font-family: Quicksand, Arial, sans-serif;
	font-size: 16px;
	/*line-height: 30px;*/
	text-align: left;

	-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;
	transition: all .4s ease-in-out;
}
header.left-menu ul.sub-menu li a:hover {
	color: #2a1c00;
}
header.left-menu ul.sub-menu a:after {
	display: none;
}

/* --- */

/* -----------------------------------------------------  */
/*ul.menu .children {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	height: 20px;
	width: 40px;
}
ul.menu .children:before {
	display: block;
	content: "\f105";
	font-size: 18px;
	font-family: fontawesome;
	position: absolute;
	top: 50%;
	right: 6px;
	width: 0px;
	height: 0px;
	text-align: center;
	line-height: 0px;
	cursor: pointer;
    *pointer-events: all;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
ul.menu .children.active:before{
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}*/
ul.menu a {
	display: block;
	color: rgba(255,255,255,0.8);

	-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;
	transition: all .4s ease-in-out;
}

/* ----------------------------------------------------- */
/*header.left-menu ul.menu li.has-children > a:before {
	display: block;
	content: "\e900";
	font-size: 14px;
	font-family: 'icomoon' !important;
	position: absolute;
	top: calc(50% + 2px);
	right: 30px;
	width: 0px;
	height: 0px;
	text-align: center;
	line-height: 0px;
	cursor: pointer;
    *pointer-events: all;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
header.left-menu ul.menu li.has-children.active > a:before {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}*/
header.left-menu .logo {
	margin: 30px auto 0;
}
/*header.left-menu .address {
	margin-bottom:30px
}
header.left-menu .menu a::after {
	position: absolute;
	background: #c5a08d;
	bottom: 4px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
header.left-menu .menu a:hover::after,
header.left-menu .menu li.active a:after {
	width: 50px;
	left: calc(50% - 25px);
}*/

/**/
/*.btn-booknow {
    float: right;
    width: 84px;
    margin: 13px 0;
    margin-right: 5px;
}
.btn-booknow .et_pb_button {
    font-size: 13px;
    padding: 10px 1px;
    display: block;
    border: unset;
    border-radius: unset;
    color: #ffffff;
    text-align: center;
}*/

/**/
.menu_booknow {
	margin-bottom: 40px;
    width:100%;
	font-family: 'Quicksand',sans-serif;
	text-transform: uppercase;
	/*position: absolute;
    bottom: 0;
    left:0;
    right:0;*/
	z-index: 2;
}
.menu_booknow .et_pb_button {
    display: block;
    color: #c5a08d;
	background: #ae720c none repeat scroll 0 0;
	font-size: 24px;
    text-align: center;
	border: 0;
	padding: 23px 0;
	letter-spacing: 0.05em;
}
.menu_booknow .et_pb_button:hover {
    color: #fff;
}
.menu_booknow .et_pb_button:hover::after {
	display: none;
}
.menu_booknow span {
	display: block;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: none;
	line-height: normal;
	margin-top: -5px;
}
.menu_booknow .icon-bell {
	display: block;
	font-size: 50px;
}

/**/
.left-menu ul.social {
	/*position: absolute;*/
	width: 100%;
	text-align: center;
	/*bottom: 183px;*/
}
ul.social li {
    display: inline-block;
    margin: 0 10px;
    font-size: 25px;
}
ul.social li i {
	color: #fff;

	-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;
	transition: all .4s ease-in-out;
}

ul.social li:hover i {
	color: #fff;
}
ul.lang {
    text-align: center;
}
.lang li a{
font-size: 14px;
    color: #fff;
}
.lang img {
    margin-right: 5px;
}
/* Scroller */
.mCSB_inside>.mCSB_container {
    margin-right: 5px;
}

/* ----------------------------------------------------- */
/* Popup Checkbox */
/* ----------------------------------------------------- */
.menu-body {
    /*position: relative;
	display: flex;
	flex-direction: column;
    justify-content: center;
	width: 100%;
    height: calc(100% - 148px);
    z-index: 0*/
}
.popup-checkbox {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	/* max-width: 0; */
	/*margin: 0 -30px;
	top: 0; */
	left: 0;
	background-color: rgba(18, 34, 51, 0.86);
	overflow: hidden;
	z-index: 99;

	-webkit-transition: max-width .5s ease-in-out;
	-moz-transition: max-width .5s ease-in-out;
	-ms-transition: max-width .5s ease-in-out;
	-o-transition: max-width .5s ease-in-out;
	transition: max-width .5s cubic-bezier(0.21, 0.15, 0.71, 1.19);
}
.popup-checkbox.open {
    /* max-width: 100%; */
    display: block;
}
.popup-checkbox.open form {
    box-shadow: none;
}
.popup-checkbox .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 42px;
  height: 42px;
  /* opacity: 0.3; */
}
.popup-checkbox .close:hover {
  opacity: 1;
}
.popup-checkbox .close:before, .popup-checkbox .close:after {
  position: absolute;
  left: 20px;
  content: ' ';
  height: 43px;
  width: 2px;
  background-color: #fff;
}
.popup-checkbox .close:before {
	transform: rotate(45deg);
}
.popup-checkbox .close:after {
	transform: rotate(-45deg);
}

/**/
.sidebar-offers h3 {
	/* border-top: 1px solid #7d7d7d; */
	text-align:center;
	padding:20px 0 20px 0;
	text-transform: uppercase;
	font-size: 18px;
}
.sidebar-offers {
	max-width: 220px;
	margin: auto;
}
#hide_menu {
	display:none;
	position: absolute;
	top: 0;
	right: -56px;
	padding: 9px 20px;
	background-color: black;
	font-size: 45px;
	color: white;
	cursor: pointer;
}
header.reset #hide_menu i:before {
	content: "\f104";
}
header #hide_menu i:before {
	content:"\f105";
}

/* --- */
.reservation {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* ----------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------- */
.footer-widget h4.title {
    margin-bottom: 14px;
}

/**/
.cal_height #menu-main-menu-desktop .menu-item-has-children .toggle-menu {
	display: none;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .menu-item-has-children .toggle-menu {
	position: absolute;
	display: block;
	width:30px;
	height:38px;
	right:10px;
	top: 0;
	z-index: 10;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .menu-item-has-children .toggle-menu::after {
	position: relative;
	color: #fff;
	content: "\e909";
    font-size: 14px;
    font-family: 'icomoon' !important;
    top: 2px;
    right: 0;
    text-align: center;
    line-height: 0px;
    cursor: pointer;
    /* pointer-events: all; */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .menu-item-has-children.show-sub-menu .toggle-menu::after  {
	content: "\e906";
	color: #c5a08d;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .menu-item-has-children:hover .toggle-menu::after {
	color: #c5a08d;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop ul.sub-menu {
	display: none;
	position: absolute;
	width: calc(100% - 5px);
	height: 0;
	background: rgba(255,255,255,0.05);
	top: inherit;
	left: inherit;
	box-shadow: none;
	padding: 0 25px 15px !important;
	border: none;
	margin: 0 0 5px;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .show-sub-menu ul.sub-menu {
	position: relative;
	display: block;
	height: auto;
	padding: 10px 25px;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .show-sub-menu ul.sub-menu li a {
	color: #fff;
	text-align: center;
}
.cal_height.mCustomScrollbar #menu-main-menu-desktop .show-sub-menu ul.sub-menu li a:hover {
	color: #c5a08d;
}
.cal_height.mCustomScrollbar .menu-item-has-children > a:before {
	display: none;
}
