/* Be sure that your main menu has id "#mainmenu" */

ul#mainmenu {
	position: relative;
}
ul#mainmenu .custom_view_item {
	position: static !important;
}
ul#mainmenu ul.menu-panel {
	display: none;
	z-index: 9999;
	position: absolute;
	top: 44px;
	left: 0;
	overflow:hidden;
	width:100%;
	border:none;
	border-bottom: solid 4px #01b7cc;
}
 ul#mainmenu .menu-panel { 
	background:#ffffff;
}
 ul#mainmenu .menu-panel ul { background:none !important; }

ul#mainmenu ul.menu-panel > li { margin:0; padding:0; }
ul#mainmenu ul.menu-panel > li > ul li.menu-item-has-children:before { display:none; }

header.fixedTopMenu .topWrap .menuTopWrap > ul#mainmenu > li > .menu-panel {
    top: 60px;
}
.topWrap  > ul#mainmenu > li > .menu-panel {
	top: 67px;
	z-index:1002;
}
header.fixedTopMenu .topWrap .menuTopWrap > ul#mainmenu > li > .menu-panel {
    top: 44px;
}
ul#mainmenu .menu-panel ul {
	position: static !important;
	display: block !important;
	opacity: 1 !important;
	margin:0;
	padding:0;
	border: none;
	width:auto;
}
ul#mainmenu .menu-panel > li > ul {
	padding: 0 0 6px;
}

ul#mainmenu .menu-panel > li > ul > li > a {
	display: block;
	text-transform:uppercase;
	margin:0;
	font-weight:400;
}
ul#mainmenu .cat_thumb_title{ float: left;}


.responsive_menu  ul#mainmenu .menu-panel > li > ul > li > a { padding-left:20px !important; }


/* Placeholder */
ul#mainmenu .menu-panel .item_placeholder .thumb_wrap {
	margin-bottom: 20px;
}
ul#mainmenu .menu-panel .item_placeholder .thumb_wrap img {
	vertical-align: top;
}
/*
 ul#mainmenu .menu-panel .item_placeholder .thumb_wrap img {
	box-shadow: 0 0 3px 5px #ffffff;
}
*/
ul#mainmenu .menu-panel .item_placeholder .item_title {
	text-transform: none;
	margin: 0 0 6px 0;
	padding:0;
}
ul#mainmenu .menu-panel .item_placeholder .item_title a {
	text-decoration: none;
}
ul#mainmenu .menu-panel .item_placeholder .item_info {
	text-transform: none;
	font-style: italic;
	overflow: hidden;
}
ul#mainmenu .menu-panel .item_placeholder .item_info > * {
	float: left;
	font-size:12px;
}
 ul#mainmenu .menu-panel .item_placeholder .item_title,
  ul#mainmenu .menu-panel .item_placeholder .item_info > * > span,
  ul#mainmenu .menu-panel .item_placeholder .item_info > * > em {	color: #888; }
 ul#mainmenu .menu-panel .item_placeholder .item_title,
 ul#mainmenu .menu-panel .item_placeholder .item_info > * > span,
 ul#mainmenu .menu-panel .item_placeholder .item_info > * > em {	color: #fff; }

ul#mainmenu .menu-panel .item_placeholder .item_info .item_pubdate {
	position: relative;
	margin-right: 8px;
}



/* Style "Colummns" */
ul#mainmenu .menu-panel ul.columns,
 ul#mainmenu .menu-panel ul {
	overflow: hidden;
	border:none !important;
	box-shadow: none !important;
}
ul#mainmenu .menu-panel ul.columns { 
	padding-top:10px; 
}
ul#mainmenu .menu-panel ul.columns li {
	background: none;
}
ul#mainmenu .menu-panel ul.columns > li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#mainmenu .menu-panel ul.columns > li + li {
	border-left: 1px solid #ffffff;
}
  ul#mainmenu .menu-panel ul.columns > li + li {	border-color: #dddddd; }
 ul#mainmenu .menu-panel ul.columns > li + li {	border-color: rgba(255,255,255,0.3); }

ul#mainmenu .menu-panel ul.columns > li > a { padding:0 20px 10px; }
 ul#mainmenu .menu-panel ul.columns > li > a { color: #ffffff; }
 ul#mainmenu .menu-panel ul.columns > li > a:hover { color:#ffffff !important; }

.responsive_menu ul#mainmenu .menu-panel ul.columns > li { border:none; margin:6px 10px 0 0; width: auto; }

ul#mainmenu .menu-panel ul.columns > li ul li {
	margin:0 1px;
}
ul#mainmenu .menu-panel ul.columns > li ul li a {
	display:block;
	line-height: 16px;
	text-transform: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	margin:0;
}
  ul#mainmenu .menu-panel ul.columns > li ul {
	max-width:200px;
}
  ul#mainmenu .menu-panel ul.columns > li ul li a {	padding: 8px 20px; }
 ul#mainmenu .menu-panel ul.columns > li ul li a {	padding: 5px 20px; }
.responsive_menu  ul#mainmenu .menu-panel ul.columns > li ul li a { padding-left:20px !important; }

 ul#mainmenu .menu-panel ul.columns > li ul li a:hover {	color:#222222; }

ul#mainmenu .menu-panel ul.columns > li a span {
	margin-right: 10px;
	width:12px;
	display: inline-block;
	text-align:center;
	opacity: 0.8;
}
  ul#mainmenu .menu-panel ul.columns > li a span { color: #888888; }
 ul#mainmenu .menu-panel ul.columns > li a span { color: #ffffff; }

ul#mainmenu .menu-panel ul.columns > li a span:before {
	width: auto;
	margin: 0;
}



/* Style "Thumb Title" */
ul#mainmenu .menu-panel > li > ul.thumb_title {
	overflow: hidden;
	border:none;
	padding:30px 22px ;
}

ul#mainmenu .menu-panel ul.thumb_title > li {
	float: left;
	overflow: hidden;
	margin:0 20px;
	border-bottom: none;
}
/*ul#mainmenu .menu-panel ul.thumb_title > li:nth-child(2n+3) { clear:both; }*/

 ul#mainmenu .menu-panel ul.thumb_title > li { width: 16.5%; }

 ul#mainmenu .menu-panel ul.thumb_title > li > a { padding:0 0 5px; text-transform: none; font-weight: 600; font-size: 16px;}
 ul#mainmenu .menu-panel ul.thumb_title > li > a:hover { color:#ffffff !important; }

ul#mainmenu .menu-panel ul.thumb_title > li > ul {
	border:none;
	
}
.responsive_menu  ul#mainmenu .menu-panel ul.thumb_title > li { }
.responsive_menu ul#mainmenu .menu-panel ul.thumb_title > li > ul { float:none; margin-top:0;}

ul#mainmenu .menu-panel ul.thumb_title > li > ul li {
	margin: 0;
	border: none;
	list-style: none;
}
 ul#mainmenu .menu-panel ul.thumb_title > li > ul li + li {
	border: none;
}
 ul#mainmenu .menu-panel ul.thumb_title > li ul li a {	padding: 5px 10px 5px 20px; }
.responsive_menu  ul#mainmenu .menu-panel ul.thumb_title > li ul li a { padding-left:20px !important; }

 ul#mainmenu .menu-panel ul.thumb_title > li ul li a:hover {	background-color:#ffffff; }

ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a { padding: 0; text-transform: none; font-size: 13px; line-height: 14px; padding-bottom: 6px; }
ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a:hover { color: #222222;}

ul#mainmenu .menu-panel.thumb_title > li > ul > li .item_placeholder {
	float: none;
	width: 190px;
	
}

.responsive_menu  ul#mainmenu .menu-panel ul.thumb_title > li .item_placeholder { margin-left: 20px; margin-top:10px; float:none; }

ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments {
	float: right;
	margin-right: 1px;
}
ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments span {
	vertical-align: middle;
}
ul#mainmenu .menu-panel.thumb_title .item_placeholder .thumb_wrap {
	margin-bottom: 12px;
}




/* Style "Thumbs" */

ul#mainmenu .menu-panel.thumb {
	padding: 15px 15px 20px;
	width: 380px;
}
ul#mainmenu .menu-panel.thumb ul {
	overflow: hidden;
	padding:0;
	margin:0;
	border:none;
}
ul#mainmenu .menu-panel ul.thumb > li {
	float: left;
	width: 75px;
	margin: 0 1px 1px 0;
}
ul#mainmenu .menu-panel ul.thumb > li a {
	padding: 0;
	height: 75px;
	background: #dddddd;
}
ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {
	border-right: 1px solid #888888;
	margin-left: 10px;
	height: 11px;
	display: inline-block;
	vertical-align: middle;
	content: "";
}
  ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {	border-color: #888888; }
 ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after {	border-color: #ffffff; }

ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a {
	font-size:17px;
	line-height:24px;
	padding:0;
	margin:0;
}
 ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a { color: #ffffff; padding: 0 !important; border: none !important; }
 ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a:hover { color: #ffffff !important; background: none !important; }

.responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb li { border:none !important; max-width:380px; }
.responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > a { padding: 0 !important; border: none !important; }
.responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > ul li a { padding: 0 !important; border:none !important;}

/* Style "Categories Thumbs Title" */

ul#mainmenu .menu-panel.cat_thumb_title > li{padding: 30px 22px 35px 54px;}
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title{ width: 16%; padding-bottom: 25px; margin-right: 20px;}
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li{  border: none; padding-bottom: 2px;}
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a{ font-size: 16px; cursor: pointer; line-height: 27px; padding: 0 13px; color: #2e2e2e; text-transform: none;}
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a:after{ font-family: 'fontello'; content: '\e85c'; color: #fff; float: right;}
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a:hover,
ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a.active{ color: #fff;}
ul#mainmenu .menu-panel .subcat-with-thumb{ }
ul#mainmenu .menu-panel .subcat-with-thumb .subcat_2_level li{ float: left; width: 22%; border: none; margin: 0 1.5%; padding-bottom: 20px;}

ul#mainmenu .menu-panel .subcat-with-thumb .subcat_2_level li a{ color: #7f7f7f; text-transform: none; padding: 5px 0 0; display: block;}
ul#mainmenu .menu-panel .subcat-with-thumb .subcat_2_level li a:hover img {	margin: -2px 0 2px;  box-shadow: 0px 5px 7px -4px #969696;}
