/*===================================================================================== */
/* The source of demo preview has been stripped and compressed for security reasons.
====================================================================================== */
.menu span{background-color: #FFFFFF;
    background-image: none;
    color: #777777;
    font-size: 7px;
    font-weight: 400;
    padding:0 5px 0 0; margin:-1px 0 0 0;
    text-transform: capitalize; float:left;}
.menu {
	display:block;
	position:relative; 
}
.menu ul {
	margin:-10px 0 0 0;border-top:1px solid #f6f6f6;
	padding:0;
	list-style:none;
	position:relative;
}
.menu ul a {
	float:left;
}
.menu ul ul a {
	float:none
}
.menu .mega-menu a {
	float:none;
	padding:0; border-bottom:1px solid f4f5f5;
}
.menu ul ul, .menu .mega-menu, .menu .mega-menu ol li {
	opacity:0;
	visibility:hidden;
display:none ! important/9;}
.menu li:hover>ul, .menu li:hover>.mega-menu, .menu li:hover>.mega-menu ol li {
	opacity:1;
	visibility:visible;
display:block !important; z-index:11111;
}
.menu ul:after {
	content:"";
	clear:both;
	display:block
}
.menu ul li {
	float:left;

}
.menu ul li a {
	display:block;
	color:#444;
	font-weight:700;
	text-decoration:none; 
	font-family: 'Open Sans Condensed',sans-serif;
    font-size: 14px;
   	height: 100%;
    margin: 0;
    padding: 18px 23px;
    text-transform: uppercase;
}
}
.menu .right ul, .menu .right .mega-menu {
	right:0
}
.menu ul ul {
	background:#fff;
	border:1px solid #e0e0e0;
	border-top:0;
	border-bottom:0;
	position:absolute;
	top:100%;
	width:170px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .04);
	box-shadow:0 1px 1px rgba(0, 0, 0, .04)
}
.menu ul ul ul {
	position:absolute;
	left:100%;
	border-top:1px solid #e0e0e0;
	top:-1px
}
.menu ul ul li a {
	font-weight:400;
	padding:8px 12px;
	color:#777;
	border-bottom:1px solid #e4e4e4
}
.menu ul ul li {
	float:none;
	position:relative;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none
}
.menu ul ul li a:active, .menu ul ul li:hover {
	background:#f5f5f5!important
}
.menu ul ul li {
	background:#fff!important
}
.mega-menu {
	position:absolute;
	top:100%;
	padding:18px 11px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	border-top:none;
	color:#777;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .04);
	box-shadow:0 1px 1px rgba(0, 0, 0, .04);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; text-align:left;
}
.mega-menu ol {
	list-style:none;
	padding:0
}
.mega-menu ol li {
	width:100%
}
.mega-menu ol li:hover, .mega-menu ol li a {
	color:#777;
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-weight:400; text-transform:capitalize;
	background-color:#fff;
	background-image:none;
}
.mega-menu ol li a:hover {
	color:#e20303;
}
.mega-menu div h4 {
	font-size:14px;
	font-weight:700;
	color:#404040;
	border-bottom:1px solid #e4e4e4;
	padding:0 0 8px 0;
	margin:0 0 10px 0
}
.mega-menu .col-1 {
	width:135px
}
.mega-menu .col-2 {
	width:288px
}
.mega-menu .col-3 {
	width:441px
}
.mega-menu .col-4 {
	width:594px
}
.mega-menu .col-5 {
	width:747px
}
.mega-menu .col-6 {
	width:900px
}
.mega-menu .col-1, .mega-menu .col-2, .mega-menu .col-3, .mega-menu .col-4, .mega-menu .col-5, .mega-menu .col-6 {
	float:left;
	margin:0 9px
}
.mega-menu.full-width {
	left:0; border-top:1px solid #f6f6f6;
	width:100%;
	padding:18px 0
}
.full-width .col-1 {
	width:14.1%
}
.full-width .col-2 {
	width:30.4%
}
.full-width .col-3 {
	width:46.7%
}
.full-width .col-4 {
	width:63%
}
.full-width .col-5 {
	width:79.3%
}
.full-width .col-6 {
	width:95.6%
}
.full-width .col-1, .full-width .col-2, .full-width .col-3, .full-width .col-4, .full-width .col-5, .full-width .col-6 {
	float:left;
	margin:0 0 0 2.2%
}
@media only screen and (max-width: 767px) {
.menu ul li {
width:100%;
cursor:pointer
}
.menu ul li {
position:relative
}
.menu .mega-menu ol li {
height:0
}
.menu li:hover>.mega-menu ol li {
height:auto
}
.mega-menu, .menu ul ul {
z-index:100
}
.menu ul ul {
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.menu ul ul ul {
left:0
}
.menu ul ul li:hover>ul {
position:relative;
border:none;
-webkit-box-shadow:none;
box-shadow:none
}
.menu ul li ul li .arrow:after {
border-left:3px solid transparent;
border-right:3px solid transparent;
margin:0
}
.mega-menu {
padding:18px 0
}
.mega-menu ol li:last-child {
margin:0 0 20px 0
}
.menu .col-1, .full-width .col-1, .menu .col-2, .full-width .col-2, .menu .col-3, .full-width .col-3, .menu .col-4, .full-width .col-4, .menu .col-5, .full-width .col-5, .menu .col-6, .full-width .col-6 {
float:left;
margin:0 0 0 5%;
width:90%
}
}
.style-1.menu, .style-1.menu ul li {
	background-color:#fff;
}
.style-1.menu ul li:hover {
	background: url("../images/main/nav-item-background.png") repeat-x scroll center bottom #EBBC1B;
    color: #212121;}
.style-1.menu a.active{	background: url("../images/main/nav-item-background.png") repeat-x scroll center bottom #EBBC1B;
    color: #212121;}