/** Css for Mega Category **/
@import url("font-awesome.css");
.bm_mega_cate{position: relative; margin-bottom:10px; overflow:hidden;}
.bm_mega_cate *, .bm_mega_cate *:before, .bm_mega_cate *:after{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.bm_mega_cate .bm_m_c_header {border-bottom:1px dashed #a7a7a7; position:relative; overflow:hidden;}
.bm_mega_cate .bm_m_c_header .bm_parent_cate {position:relative; float:left;}
.bm_mega_cate .bm_m_c_header .bm_child_cates {position:relative; float:right;}
.bm_mega_cate .bm_m_c_header .bm_child_cates .bm_child {border-right: solid thin #a7a7a7;}
.bm_mega_cate .bm_m_c_header  a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #990033;font-size: 7pt;font-weight: bold;line-height: 19pt;padding: 0 5px 0 1px;text-decoration: none;text-transform: uppercase;}
.bm_mega_cate .bm_m_c_header .bm_parent_cate a{font-size: 13pt; padding:5px;}
.bm_mega_cate .bm_row{width:100%; overflow:hidden; clear:both;}

.bm_mega_cate .bm_mega_content{position: relative; margin-top:10px;}
.bm_mega_cate .bm_mega_content .bm_mega_cate_date{position: absolute; top:0px; right:0px; background:none repeat scroll 0 0 rgba(48, 110, 255, 0.7); color: #fff; padding:3px; z-index:10; font-size:9pt;}
.bm_mega_cate .bm_mega_content .bm_mega_cate_date_child{color: #999; padding:3px; z-index:10; font-size:8pt; }
.bm_mega_cate .bm_mega_content .bm_mega_main .bm_main_title a{text-decoration: none; font-weight: bold; font-size: 11pt; text-transform: uppercase;}
.bm_mega_cate .bm_mega_content .bm_mega_main .bm_main_title a i{font-size:10pt;}
.bm_mega_cate .bm_mega_content .bm_mega_main .bm_main_img {position:relative;}
.bm_mega_cate .bm_mega_content .bm_mega_main .bm_main_desc {padding:5px;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item { margin-bottom: 6px; margin-left:1%; position:relative;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_item_title{padding: 5px;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_item_title a{text-decoration: none; font-weight: bold; font-size: 10pt; line-height:15pt;  text-transform: uppercase;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item .bm_item_img {position:relative; margin-bottom:5px;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item .bm_item_img .bm_mega_readmore{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);border-radius: 50%;color: #fff;left: 50%;margin-left: -10px;margin-top: -10px;padding: 10px 12px;position: absolute;top: 50%;-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
-ms-transform: rotate(0deg) scale(0,0); /* IE 9 */
-webkit-transform: rotate(0deg) scale(0,0); /* Safari */
transform: rotate(0deg) scale(0,0);}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item .bm_item_img:hover .bm_mega_readmore{transform: rotate(360deg) scale(1);
-ms-transform: rotate(360deg) scale(1); /* IE 9 */
-webkit-transform: rotate(360deg) scale(1); /* Safari */}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item .bm_item_desc { font-size: 10pt;line-height: 14pt; padding:0 5px 10px;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item .bm_item_desc .bm_desc{margin-bottom:10px; position: relative;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_1 {width:99%;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_2 {width:49%;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_3 {width:32.3%;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_4 {width:24%;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_5 {width:19%;}
.bm_mega_cate .bm_mega_content .bm_mega_right .bm_col_6 {width:15,6%;}

/** For Theme 1**/
.bm_mega_cate .bm_mega_theme1 .bm_mega_main{position: relative; width:0%; float:left; overflow:hidden; display:none;}
.bm_mega_cate .bm_mega_theme1 .bm_mega_main img{width:100%;}
.bm_mega_cate .bm_mega_theme1 .bm_mega_main .bm_main_title {background:linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.83) 36%, rgba(255, 255, 255, 0.95) 53%, #ffffff 63%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; bottom:0px; padding:10px; width:100%}
.bm_mega_cate .bm_mega_theme1 .bm_mega_main .bm_main_title a{text-decoration: none; font-weight: bold;}

.bm_mega_cate .bm_mega_theme1 .bm_mega_right{position: relative; width:100%; float:right; overflow:hidden;}
.bm_mega_cate .bm_mega_theme1 .bm_mega_right img{width:100%;}
.bm_mega_cate .bm_mega_theme1 .bm_mega_right .bm_mega_item{float:left;}

/** For Theme 2**/
.bm_mega_cate .bm_mega_theme2 .bm_mega_main{position: relative; width:30%; float:left; overflow:hidden;}
.bm_mega_cate .bm_mega_theme2 .bm_mega_main img{width:100%;}
.bm_mega_cate .bm_mega_theme2 .bm_mega_main .bm_main_title {background:linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.83) 36%, rgba(255, 255, 255, 0.95) 53%, #ffffff 63%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; bottom:0px; padding:10px; width:100%}
.bm_mega_cate .bm_mega_theme2 .bm_mega_main .bm_main_title a{text-decoration: none; font-weight: bold;}

.bm_mega_cate .bm_mega_theme2 .bm_mega_right{position: relative; width:70%; float:right; overflow:hidden;}

.bm_mega_cate .bm_mega_theme2 .bm_mega_right img{ width:100%;}
.bm_mega_cate .bm_mega_theme2 .bm_mega_right .bm_mega_item{float:left;}
.bm_mega_cate .bm_mega_theme2 .bm_mega_right .bm_mega_item .bm_item_img {float: left; margin-bottom: 0px;margin-right: 10px;position: relative;width: 45%;}
.bm_mega_cate .bm_mega_theme2 .bm_mega_right .bm_mega_item .bm_item_img .bm_mega_readmore{display:none;}

/** For Theme 3**/
.bm_mega_cate .bm_mega_theme3 .bm_mega_main{position: relative; width:30%; float:left; overflow:hidden;}
.bm_mega_cate .bm_mega_theme3 .bm_mega_main img{width:100%;}
.bm_mega_cate .bm_mega_theme3 .bm_mega_main .bm_main_title {background:linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.83) 36%, rgba(255, 255, 255, 0.95) 53%, #ffffff 63%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; bottom:0px; padding:10px; width:100%}
.bm_mega_cate .bm_mega_theme3 .bm_mega_main .bm_main_title a{text-decoration: none; font-weight: bold;}
.bm_mega_cate .bm_mega_theme3 .bm_mega_right .bm_mega_item .bm_item_desc{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: 0px;color: #fff;padding: 10px;position: absolute; width:100%;}

.bm_mega_cate .bm_mega_theme3 .bm_mega_right{position: relative; width:70%; float:right; overflow:hidden;}
.bm_mega_cate .bm_mega_theme3 .bm_mega_right img{width:100%;}
.bm_mega_cate .bm_mega_theme3  .bm_mega_right .bm_mega_item .bm_item_img{ margin-bottom:0px;}
.bm_mega_cate .bm_mega_theme3 .bm_mega_right .bm_mega_item{float:left;}

/** For Theme 4**/

.bm_mega_cate .bm_mega_theme4 .bm_mega_main{position: relative; width:30%; float:left; overflow:hidden;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_main img{width:100%;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_main .bm_main_title {background:linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.83) 36%, rgba(255, 255, 255, 0.95) 53%, #ffffff 63%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; bottom:0px; padding:10px; width:100%}
.bm_mega_cate .bm_mega_theme4 .bm_mega_main .bm_main_title a{text-decoration: none; font-weight: bold;}

.bm_mega_cate .bm_mega_theme4 .bm_mega_right{position: relative; width:70%; float:right; overflow:hidden;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_right img{width:100%;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_right .bm_mega_item{float:left; overflow:hidden;}
.bm_mega_cate .bm_mega_theme4  .bm_mega_right .bm_mega_item .bm_content_theme4{width:200%;-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;overflow:hidden;}
.bm_mega_cate .bm_mega_theme4  .bm_mega_right .bm_mega_item .bm_content_theme4 .bm_item_title{width:98%;position:absolute; background:rgba(255,255,255, 0.7); bottom:2px;left:2px;padding:5px; z-index:10;}
.bm_mega_cate .bm_mega_theme4  .bm_mega_right .bm_mega_item .bm_content_theme4 .bm_item_img{width:50%; float:left;  margin-bottom:0px;}
.bm_mega_cate .bm_mega_theme4  .bm_mega_right .bm_mega_item .bm_content_theme4 .bm_item_desc{width:50%; float:right; padding:10px;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_right .bm_mega_item:hover .bm_content_theme4{margin-left:-100%;}
.bm_mega_cate .bm_mega_theme4 .bm_mega_right .bm_mega_item:hover .bm_content_theme4 .bm_item_title{display:none;}

/** button **/
.bm-btn-mega-cate {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	font-weight:bold;
	color: #ffffff;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
}

.bm-btn-mega-cate:hover {
	color: #ffffff;
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.bm_mega_cate .bm_mega_theme1 .bm_mega_main{width:100%;}
	.bm_mega_cate .bm_mega_theme1 .bm_mega_right{width:100%;}
	.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item{width:100%; float:none;}
	.bm_mega_cate .bm_mega_content .bm_mega_right .bm_mega_item{margin-left:0px;}
}