ul li {
  position: relative;
  padding-bottom: 0;
}
ul li ul.sub-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  z-index: 999;
}
ul li:hover > ul.sub-menu {
  display: block;
}
ul li ul.sub-menu li ul.sub-menu {
  left: 100%;
  top: 0;
}

/* Mobile styles */
@media (max-width: 768px) {
  ul li ul.sub-menu {
    position: static;
    display: none;
    background-color: #f9f9f9;
  }
  ul li.active > ul.sub-menu {
    display: block;
  }
}
.top-bar ul, .top-nav ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
header.top-head {
	min-height: 90px;
	position: relative;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 5555;
}
header.top-head .logo {
	display: inline-table;
	margin-top: 5px;
}
.top-menu .top-nav {
	float: left;
	width: auto;
}
.top-nav > ul > li {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 0 0px;
	float: left;
	height: 50px;
	border-right: #321f15 solid 1px;
	margin: 0;
	position: relative;
}
.top-nav > ul > li > a:hover i {
	color: #fff;
	margin-top: 5px;
}
.top-nav > ul > li > a {
	display: block;
	font-size: 13px;
	height: 50px;
	overflow: hidden;
	padding: 10px 10px 10px;
	text-align: center;
	text-transform: none;
	font-weight: 700;
	display: inline-table;
	color: #f2c770;
	text-decoration: none;
}
.top-nav > ul li a span {
	display: block;/*	margin-top: 5px;*/
}
.top-nav > ul li.active a {
	background: #28221f;
	color: #fff
}
.top-nav > ul li li a span {
	display: inline;
	margin-top: 0 !important;
}
.top-nav > ul li a i {
	color: #b8b8b8;
	font-size: 16px;
}
.top-nav > ul li li a i {
	font-size: 12px;
	margin-right: 7px;
}
.top-nav > ul li.selected a i {
	color: #fff;
}
.head-style1 .top-nav > ul > li > a {
	overflow: inherit;
	position: relative;
}
.head-style1 .top-nav > ul > li > a::after {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: #d0d0d0;
	border-style: solid;
	border-width: 0 0 0 1px;
	bottom: -7px;
	content: "";
	display: inline-block;
	height: 7px;
	left: -3px;
	position: absolute;
	transform: skew(-35deg, 0deg);
	width: 100%;
}
.head-style1 .stickyHeader .top-nav > ul > li > a::after {
	display: none;
}
.top-nav > ul li ul {
	display: none;
	height: auto;
	left: -5px;
	max-height: none;
	min-width: 180px;
	position: absolute;
	top: 89px;
	z-index: 999;
}
#mnu-eft {
	display: inline;
}
.effect-1 .top-nav > ul > li > ul {
	display: block;
	height: 0;
	left: 0px;
	max-height: 0;
	min-width: 180px;
	position: absolute;
	top: 49px;
	z-index: -1;
}
.top-nav > ul > li > ul > li {
	float: none;
	line-height: 35px;
	margin: 0;
	padding: 0;
	position: relative;
}
.effect-1 .top-nav > ul > li > ul > li {
	float: none;
	line-height: 35px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: relative;
	transform: rotateY(90deg);
	transition: opacity 0.5s ease 0s, -moz-transform 0.4s ease 0s;
}
.effect-1 .top-nav > ul > li:hover > ul {
	height: auto;
	z-index: 0;
}
.effect-1 .top-nav > ul > li:hover > ul > li {
	opacity: 1;
	transform: none;
}
.top-nav li li {
	position: relative;
}
.top-nav li li a {
	display: block;
	font-size: 13px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.stickyHeader {
	background-color: #28221f;
	border-bottom: 0 none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	left: 0;
	min-height: 50px !important;
	padding: 0 !important;
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 999 !important;
}
.top-nav > ul {
	float: left;
}
.stickyHeader .top-nav > ul > li {
	border: 0 none !important;
}
.stickyHeader .top-nav > ul > li > a {
	color: #f2c770;
}
.stickyHeader .top-nav > ul > li > a:hover {
	background: transparent none repeat scroll 0 0 !important;
}
.stickyHeader .mega-menu .div-mega {
	top: 60px;
}
.stickyHeader .top-nav > ul > li, .stickyHeader .top-nav > ul > li > a {
	height: 60px !important;
	padding-top: 0;
}
.stickyHeader .top-nav > ul > li.selected > a {
	background: transparent none repeat scroll 0 0 !important;
	color: #777 !important;
}
.stickyHeader .top-nav > ul > li > a {
	background: transparent none repeat scroll 0 0;
	border-top: 0 none !important;
	line-height:50px;
	padding-top: 0 !important;
}
.stickyHeader .top-nav > ul > li > a span {
	line-height: 50px;
	margin-top: 0;
}
.stickyHeader .top-nav > ul > li > ul {
	left: 0 !important;
	top: 60px !important;
}
.stickyHeader .top-nav > ul > li > ul::after {
	border-width: 0 10px 8px !important;
	bottom: auto !important;
	top: -8px;
}
.stickyHeader .top-nav > ul > li > ul ul {
	bottom: auto !important;
	top: 0 !important;
}
.stickyHeader .logo {
	height: 60px !important;
	transform: scale(0.8);
}
.responsive-nav span.collaps::before {
	background: #eaeaea none repeat scroll 0 0;
	color: #000;
}
.responsive-nav ul li ul li {
	border-top-color: #eee;
}
.one-page .responsive-nav .current a:hover {
	background: #eee none repeat scroll 0 0 !important;
	color: #333 !important;
}
.responsive-nav ul li ul li a {
	background: #ddd none repeat scroll 0 0;
	color: #333;
}
.responsive-nav > ul > li.selected {
	background: #9e9e9e none repeat scroll 0 0;
}
.responsive-nav ul li ul li.selected {
	background: #e8e8e8 none repeat scroll 0 0;
}
.menuBtn:focus, .menuBtn:hover, .responsive-nav h3, .responsive-nav ul li a, .responsive-one ul li a {
	color: #fff;
}
.stickyHeader .logo, .menuBtn, .responsive-nav, .responsive-one, .logo {
	display: none;
}
.top-menu {
	float: left;
	width: 100%;
	background:url(../images/menu-bg.jpg) repeat-x
}
 @media (max-width: 992px) {
.stickyHeader .logo {
	display: table !important;
}
.staff-3 [class*="col-md-"]:first-child {
	margin-top: 0;
}
header.top-head {
	min-height: 60px;
}
header.top-head .logo {
	display: table;
	height: 60px;
	padding-top: inherit;
}
.head-style1 header.top-head::after {
	display: none;
}
header.top-head .logo a {
	background-position: 50% 0 !important;
}
.top-menu {
	float: none !important;
	margin: 0 auto 15px;
	width: 100%;
}
.top-nav > ul > li > a i::after {
	display: none;
}
header.top-head .logo {
	float: none !important;
	margin: auto;
}
header.top-head .logo a {
	margin: auto;
}
.top-menu {
	display: none !important;
}
.responsive-nav {
	display: block;
	height: 100%;
	left: -50%;
	overflow: auto;
	position: fixed;
	top: 0;
	transition: all 0.4s ease 0s;
	width: 50%;
	z-index: 999999;
}
.responsive-nav.showNav {
	left: 0;
	z-index: 6666;
}
.res-act {
	left: 0;
}
.menuBtn {
	cursor: pointer;
	display: block;
	left: 0;
	margin: 0;
	padding: 9px 12px 8px;
	position: fixed;
	top: 10px;
	transition: all 0.4s ease 0s;
	z-index: 999999;
}
.responsive-nav .megamenu {
	position: relative !important;
}
.responsive-nav ul, .responsive-nav ul li {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.responsive-nav span.collaps {
	cursor: pointer;
	position: absolute;
	right: 1px;
	top: 0;
	transition: all 0.4s ease 0s;
	z-index: 999;
}
.responsive-nav span.collaps::before {
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.responsive-nav li li span.collaps {
	right: 5px;
	top: 5px;
}
.responsive-nav li li span.collaps::before {
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}
.responsive-nav ul li li span.collaps::before {
	border-radius: 0;
}
.responsive-nav ul li.current > span.collaps::before {
	content: "";
}
.menuBtn-selected {
	margin-left: 50%;
}
.menuBtn-selected i::before, .menuBtnOneTogg i::before {
	content: "";
}
.menuBtn i {
	font-size: 21px;
}
.responsive-nav h3 {
	font-size: 100%;
	font-weight: 700;
	margin: 0;
	padding: 15px;
	text-transform: uppercase;
}
.responsive-nav ul li, .responsive-one ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}
.responsive-nav ul li a, .responsive-one ul li a {
	display: block;
	font-size: 14px;
	outline: 0 none;
	padding: 10px 15px;
	text-transform: uppercase;
}
.responsive-nav ul li a:hover {
	text-decoration: none;
}
.responsive-nav ul li div.div-mega, .responsive-nav ul li ul {
	display: none;
	max-width: inherit !important;
}
.responsive-nav ul li div.div-mega ul {
	display: block;
}
.responsive-nav ul ul ul {
	margin: 0 !important;
	padding: 0 !important;
}
.responsive-nav ul ul ul li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.responsive-nav ul li ul li a {
	font-size: 13px;
	text-transform: none;
}
.responsive-nav ul ul ul {
	padding-left: 25px;
}
.responsive-nav ul ul ul li a {
	font-size: 11px;
}
}
.responsive-nav ul li a, .responsive-one ul li a {
	font-size: 12px;
	padding: 8px 45px 8px 10px;
}
.responsive-nav span.collaps {
	top: 1px;
}
.responsive-nav span.collaps::before {
	font-size: 17px;
	height: 30px;
	line-height: 30px;
	width: 30px;
}

 .dates { float:left; width:30%; height:188px; background-color:#96836a; color:#FFF; text-align:center; padding:65px 10px 0px 10px; font-size:24px; text-align:center;}
 .box_D { border:1px solid #333;}
.box_D .imgs { float:left;  width:70%; height:188px;}
.box_D .imgs img { height:100%;}
.heading1 { width:100%; float:left; background-color:#533628; text-align:center; color:#FFF; font-size:18px; padding:8px 0px;}

 .matop20 { margin-top:28px;}