/* video player */

.multiMod {margin:0 0 1.5rem 0; overflow:hidden;}
.multiMod .mMStage  {margin-bottom:6px;}
.multiMod .mMStage .mMPlayer {margin:0 0 2rem 0; }
.multiMod .mMStage .mMPlaying {margin:0 0 2rem 0; }

@media only screen and (min-width:48em){
	.multiMod .mMStage {
		display: -webkit-box;
		display: -moz-box;   
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
	}
	.multiMod .mMStage .mMPlayer {width:50%;}
	.multiMod .mMStage .mMPlaying {width:50%; padding-left:2rem;}
}

.multiMod .mMMenuBar {position:relative; color:#fff; background-color:#231F20; z-index:10; padding:10px 20px;}
.multiMod .mMMenuBar label {
	color:#fff !important;
	margin-right:7px;
}
.multiMod .mMMenuBar label,
.multiMod .mMMenuBar select,
.multiMod .mMMenuBar input[type="text"] {
	width:auto !important;
	margin-bottom:0 !important;
	display:inline-block !important;
}

.multiMod .mMSearch {margin-top:10px;}

.multiMod .mMSearch .mMSrchImgBtn {
	width: 40px;
	padding: 4px 5px;
	background: transparent url(/cms/images/svg/search-white.svg) 50% 50% no-repeat;
	text-indent: -9999rem;
	border-style:none;
}

.multiMod .mMCats .mMLabel {float:left; margin:5px 5px 0 0;}
.multiMod .mMBrdcrmb { background-color:#eaeaea; margin-bottom:10px; padding:5px 20px;}
.multiMod .mMBrdcrmbInner {margin:0 10px;}
.multiMod .mMBrdcrmbInner span {font-weight:bold;}
.multiMod .mMIndex  {width:100%; min-height:200px;}
.multiMod .mMIndex ul {
	list-style-type:none; 
	margin:0; 
	padding:0;
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
	justify-content: center; /* horizontal */ 		
}

.multiMod .mMIndex ul li {
	position:relative;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	max-width:312px;
	margin:0 0 2rem 0;
}

@media only screen and (min-width:48em){
	.multiMod .mMCats {float:left;}
	.multiMod .mMSearch {float:right; margin-top:0;}
	
	.multiMod .mMIndex ul li {
		width:24%;
		margin:0 0.5% 2rem 0.5%;
	}	
}

.multiMod .mMIndex .mMThumb {display:block; margin:0 0 10px 0;}
.multiMod .mMIndex .mMThumb img {}

.multiMod .mMIndex .mMThumbOverlay {
	position:absolute;
	width:calc(100% - 20px);
	top:10px;
	left:10px;
	color:#fff;
	font-weight:bold;
	background:#753cbe;
	padding:5px 10px;
}
.multiMod .mMIndex .mMCaption {font-weight:bold; font-size:18px;}
.multiMod .mMPagerBar {padding:5px 20px; color:#fff; background-color:#231F20; height:41px;}
.multiMod .mMPagerStatus {float:left; margin-top:4px;}
.multiMod .mMPagerBar .mMPager {float:right; }
.multiMod .mMPagerBar .mMPager ul {list-style-type:none; margin:0; padding:0;}
.multiMod .mMPagerBar .mMPager ul li {
	float:left; 
	cursor:pointer;
	display: inline-block;
	margin: 0;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	text-decoration: none;
	overflow: visible;
	padding: 4px 7px;
	background: #753CBE;
	margin:0 3px;
}

.multiMod .mMPagerBar .mMPager ul li:hover,
.multiMod .mMPagerBar .mMPager ul li.pgCurrent {
	background:#666666;
}

.multiMod .mMPagerBar .mMPager li.pgEmpty {display:none;}