﻿/* MASH MENU 
 *
 * default color:
 * main color: #2AA4CF
 * hover color: #DDF0F9
 * channel title: #C7E6F5
*/
.mashmenu {
	width: 100%;
	font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
	float: left;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/*border-bottom: 1px solid #c2150a;position:absolute;top:130px;left:0;*/
}
.mashmenu img.mlogo {
	display: inline-block !important;
}
.mashmenu div.mlogo {
	margin: 0 0px 0 0;
	/*border:0px solid #000;*/
	width:3%;
	
}

.mashmenu .logo a {
	display: inline-block
}
.mashmenu .logo a:hover {
	background: none	
}
.admin-bar .mashmenu {
	top: 150px
}
.mashmenu .mod {
	display: inline-block;
	color: #FFF;
	position: relative;
	padding: 6px 3px 4px 3px;
	width:100%;
	float:left; 
	background:url(../images/home-icon.png) no-repeat;
	background-position:center; 
}
.mashmenu .mod:hover{float:left; background:url(../images/home-icon-hover.png)#c2150a no-repeat;background-position:center; }
.mashmenu .mod.right {
	float: right;
	border-left: 1px solid rgba(0,0,0,0.15)
}
.mashmenu .mlogo>a {
	color: #FFF;
	text-decoration: none;
     float:left; width:100%;
	/*padding: 6px 3px 4px 3px;
	
	
	background:url(../images/home-icon.png) no-repeat;
	background-position:center;*/
}
/*.mashmenu .mod:hover{float:left; background:url(../images/home-icon-hover.png)#c2150a no-repeat;background-position:center; border:1px solid #F00;}*/

.home_sel{
	display: inline-block;
	color: #FFF;
	position: relative;
	padding: 6px 3px 4px 3px;
	width:100%;
	float:left; 
background:url(../images/home-icon-hover.png)#c2150a no-repeat;
	background-position:center; 	
}
.mashmenu .mod .head i {
	font-size: 18px;
	line-height: 46px
}
.mashmenu .mod .mod-content {
	display: none;
	position: absolute;
	top: initial;
	right: 0;
	background: #DDF0F9;
	border-bottom: 3px solid #2AA4CF;
	padding: 10px 20px;
	color: #333;
	min-width: 240px
}
.mashmenu .mod .mod-content h3 {
	margin: 0;
	padding: 0
}
.mashmenu .mod:hover {
	/*background: #DDF0F9*/
}
.mashmenu .mlogo:hover {
	/*background: none*/
}
.mashmenu .mod:hover a {
	color: #2AA4CF
}
.mashmenu .mod:hover .mod-content {
	display: block;
}
.mashmenu .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	width:96%;
	float:right!important;
	border:0px solid #F00;
}
.mashmenu a{color:#272727;}
.mashmenu .menu>li {
	float:left;
	margin: 0px 17px;		 
	position: initial;
		padding: 0px 0px 0px 0px;
		border:0px red solid;
	
}

.mashmenu .menu>li>a {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	position: relative;

}
*::-ms-backdrop, .mashmenu .menu>li>a{padding: 5px 4px 5px 5px;}
*::-ms-backdrop, .mashmenu .mashmenu .menu>li{margin: 0px 1.5% 0px 0px;}
.sub-content {
	display: none;
	width:99.9%;
	max-width:1200px;
	position: absolute;
	background: url(../images/menu-bg-big.jpg)#fff repeat-y;
	border: 1px solid #C2150A;
	left: 0%;
	top: initial;
	z-index:2000;
	
}
.sub-content.sub-content-active {
	display: block !important
}
.mashmenu .menu li.level0:hover>a {
	background: #c2150a;
	color: #fff
}
.mashmenu .sub-channel {
	display: inline-block;
	width: 16.6%;
	margin: 0;
	padding: 4px 0 6px 0.3%;
	min-height: 50px;
	vertical-align: top;
	background: #bb1809;

}

.mashmenu .sub-channel li {
	display: block
}
.mashmenu .menu .sub-channel li a {
	color: #fff;
	text-align: left;
	display: block;
	padding: 3px 0px 4px 5px;
	margin: 5px 0;
	text-decoration: none;
	font-size:10pt;
}
.mashmenu .menu li.level0:hover .sub-channel li a {
	background: none
}
.mashmenu .menu li.level0:hover .sub-channel li.hover a {
	background: #ffffff;
	color:#272727;
}
.mashmenu .menu li.level0 .sub-channel li a .fa-chevron-right, .mashmenu .menu li.level0:hover .sub-channel li a .fa-chevron-right, .mashmenu .menu li.level0 .sub-channel li a .fa-chevron-left, .mashmenu .menu li.level0:hover .sub-channel li a .fa-chevron-left {
	color: #fff;
	font-size: 7pt;
	font-weight:normal;
	margin-top:5px;
}
.mashmenu .menu li.level0:hover .sub-channel li.hover a .fa-chevron-right, .mashmenu .menu li.level0:hover .sub-channel li.hover a .fa-chevron-left {
	color: #272727
}
.channel-content {
	display: none;
	width: 82.5%;
	float:right;
	min-height:50px;
	padding:0px 0px 10px 0px;

}
.channel-content.active {
	display: inline-block;
	
}
.mashmenu .content-inner {
	overflow: hidden;
	width: 96%;
	border:0px solid #000;
	margin-left:2%;
}
.mashmenu .content-item {
	/*display: inline-block;max-height: 180px;*/
	float:left;
	width: 18%;
	padding:0px;
	margin: 0px 1%;
	border:0px solid #000;
}
.mashmenu .content-item img {
	max-width: 100%
}
.mashmenu .content-item .title {
	margin: 0;
	padding: 10px 0;
	font-size: 18px
}
.mashmenu .content-item .title a {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	color: #333;
	text-decoration: none
}
.mashmenu .columns {
	margin: 0;
	padding: 0;
	display: table-row
}
.mashmenu .columns>li {
	border-right: 1px solid #C6D7DF;
	padding: 20px 0;
	vertical-align: top;
	display: table-cell
}
.mashmenu .columns .list {
	list-style: none;
	margin: 0 30px;
	padding: 0
}
.mashmenu .columns .list .header {
	color: #333;
	font-size: 20px;
	padding: 20px 0
}
.mashmenu .columns .list a {
	display: block;
	padding: 5px 0;
	color: #2AA4CF;
	text-decoration: none
}
.mashmenu .menu>li i {
	display: none;
	padding: 0 0 0 5px;
}
.mashmenu .menu>li.has-sub i {
	display: inline-block
}
.mashmenu .loading {
	display: inline-block;
	width: 100%;
	height: 70px;
	margin: 40px 0px;
	background: url(../images/ajax-loader.gif) no-repeat;
	background-position:center;
}
.mashmenu .page-item {
	padding: 20px;
	display: inline-block
}
.mashmenu .page-item .title a {
	text-decoration: none;
	padding: 0 0 10px;
	display: block
}
.mashmenu .page-item p {
	line-height: 1.5em
}
.mashmenu .page-item .thumb {
	float: left;
	margin: 0 20px 0 0
}


.menu_post_box{float:left; text-align:center; margin:6px 1% 0px 0px; padding:0px 0px; width:19%; border:0px solid #f00; }
.menu_post_img{float:left; position:relative; height:155px; margin:0px 0px 6px 0px; padding:0px 0px; width:100%;  }
.menu_post_img img{bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;}	
.menu_post_cont{float:left; margin:0px 0px 0px 2%; padding:0px 0px 10px 0px; width:96%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.menu_post_cont a{color:#272727!important;}
.menu_post_cont a:hover{text-decoration:none; color:#C2150A!important;}

.mass_more{ float:right;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 2% 15px 0px; padding:0px; width:90%; text-align:right; font-size:10pt;}
.mass_more a{color:#C2150A!important; text-decoration:underline;}
.mass_more a:hover{text-decoration:none;}

@media (max-width: 1520px) {
	.mashmenu .content-item:nth-child(6){display:none}
	.mashmenu .page-item{max-width:1100px}
}

@media (max-width: 1300px) {
	.mashmenu .content-item:nth-child(5){display:none}
	.mashmenu .page-item{max-width:840px}
}

@media (max-width: 1080px) {
	.mashmenu .content-item:nth-child(4){display:none}
	.mashmenu .page-item{max-width:620px}
	
.sub-content {
	display: none;
	width: 99.8%;
	max-width:1200px;
	position: absolute;
	background: url(../images/menu-bg.jpg)#fff repeat-y;
	border: 1px solid #C2150A;
	left: 0%;
	top: initial;
	z-index:2000;
	
}

}

@media (max-width: 860px) {
	.mashmenu .content-item:nth-child(3){display:none}
	.mashmenu .page-item{max-width:400px}
}

@media (max-width: 640px) {
	.mashmenu .content-item:nth-child(2){display:none}
	.mashmenu .page-item{max-width:180px}
}

.mashmenu .menu-mobile{color: #FFFFFF;font-size: 30px;line-height: 45px;vertical-align: top;display:none;cursor:pointer;float:right;margin:0 0px 0 0; display:none!important;}

/* Active state on mobile screen */
.mashmenu .menu.active{display:block;position:absolute;top:initial;right:0;background:#DDF0F9;width:200px;border-bottom:3px solid #2AA4CF}
.mashmenu .menu.active li{display:block !important;width:100%;text-align:right;padding-right:20px}
.mashmenu .menu.active li i{display:none}
.mashmenu .menu.active > li > a{padding-right:20px;color:#333}
