[data-cattype="84004"]  {z-index:2 !important;}

[data-cattype="84004"]  h2.section-title{ margin-bottom: 15px; }

[data-cattype="84004"] > .container{
	max-width: 1250px;
	width: 100%;
}

/*[data-cattype="84004"] ul.grid{display:inline;}*/

[data-cattype="84004"] ul.grid.year{ 
	max-width: 100%;
 	width:auto;
	background: #e30007; 
	margin: -5px auto 0;
} 

[data-cattype="84004"] #yearSelection:after{
	content:url('../../../data/ckfinder/images/arrow-bot.png'); 
	width:40px; 
	margin:-8px auto 20px;
	display:block;
	height:auto;
}


[data-cattype="84004"] ul.grid.year li{ 
    width: 100%;
    max-width: 80px;
    padding: 5px 5px 10px;
    cursor: pointer;
	color:#fff;
	background: #e30007; 
}

[data-cattype="84004"] ul.grid.year li h3{
	font-size:18px; 
	font-family: 'framd';
	font-weight:bold;
}

[data-cattype="84004"] ul.grid.year li:hover,
[data-cattype="84004"] ul.grid.year li.active{
    background: #e30007;
	color:#000;
}


[data-cattype="84004"] .left-panel{ padding-right: 38px;  margin-top: -55px;}
[data-cattype="84004"] .right-panel{ padding-left: 30px; min-height:500px;}


[data-cattype="84004"] .btn-news{
    border: #000 1px solid;
    background: #fff;
    color: #000;
    padding: 10px 15px;
    font-size: 15px;
    min-height: 40px;
    margin: 0 8px 0 0;
    
    -webkit-border-radius: 0;
    border-radius: 0;
}
[data-cattype="84004"] .btn-news.active,
[data-cattype="84004"] .btn-news:hover{
    background: #000;
    border-color: #000;
    color: #fff;
}
[data-cattype="84004"] .btn-news.active{ padding: 10px 15px; }
<!--[data-cattype="84004"] .btn-news.active:after{-->
<!--    font-family: 'FontAwesome';-->
<!--    content: "\f0d7";-->
<!--    color: #fff;
-->    display: block;
<!--    line-height: 0.2;
-->}-->

[data-cattype="84004"] #selectCategory{
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px;
    font-size: 15px;
    margin-bottom: 15px;
}

[data-cattype="84004"] ul.news.grid{
    margin: 20px 0;
}
[data-cattype="84004"] ul.news.grid li{
    margin: 10px 18px 30px 0;    
    text-align: left;
    width: 270px;
	background:#e1e1e1;
	padding:10px;
	min-height: 458px;
}

[data-cattype="84004"] ul.news.grid li .summary{
    text-align: left;
	margin-top:10px;
}





[data-cattype="84004"] .news-detail.container{
    height: 0;
    position: relative;
    visibility: collapse;
}
[data-cattype="84004"] .news-detail.container.active{
    padding: 50px 0;
    height: auto;
    min-height: 300px;
    visibility: visible;
}
[data-cattype="84004"] .news-detail.container.active h1{
    font-size: 28px;
}
[data-cattype="84004"] .news-detail .btn.btn-close-news{
    position: absolute;
    right: 0px;
    top: 0px;
}


a.label-social,
a.label-social:active,
a.label-social:link{
    background: #3F5C9A;
    padding: 5px 8px;
    margin: 8px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
}
a.label-social:hover{ background: #333; }



.align-right .btn.btn-close-news {
    position: fixed;
    z-index: 1;
    right: 15px;
	}


.news-detail.active .container{
padding-top: 50px;
}







[data-cattype="84004"] h3.date-time{
    text-transform: uppercase;
    margin: 0 0 10px 0;
	text-align: left;
	font-weight:bold;
}

[data-cattype="84004"] .holder{
padding: 0 20px;
margin-top:20px;
margin-bottom:20px;
text-align: right;
}

[data-cattype="84004"] .box-side-image,
[data-cattype="84004"] .grid_item {
    position: relative;
    text-align: center;
}
[data-cattype="84004"] .box-caption,
[data-cattype="84004"] .grid_item.item_content,
[data-cattype="84004"] .box-side-image,
[data-cattype="84004"] .box-side-image .wrapper_image,
[data-cattype="84004"] .grid_item .wrapper_image{
    width: 250px;
    height: 187px;
}

[data-cattype="84004"] .box-side-image .wrapper_image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

[data-cattype="84004"] .box-side-image > .box-caption,
[data-cattype="84004"] .item_content.grid_item > .box-caption{
    display: table; 
    position: absolute;
    top: 0;
    opacity: 0;
    padding: 12px;
    z-index: -1;
	cursor:pointer;
/*    background: none;    */
}
[data-cattype="84004"] .box-side-image:hover .box-caption,
[data-cattype="84004"] .item_content.grid_item:hover .box-caption{ 
    background: rgba(227, 0, 7, 0.89);    
    opacity: 1;
    z-index: 10;
}
[data-cattype="84004"] .box-side-image .box-caption .cell,
[data-cattype="84004"] .grid_item .box-caption .cell{
    display: table-cell;
    vertical-align: middle;
}
[data-cattype="84004"] .box-side-image .box-caption .cell a:link,
[data-cattype="84004"] .grid_item .box-caption .cell a:link{ cursor: pointer; }
[data-cattype="84004"] .box-side-image .box-caption .cell a,
[data-cattype="84004"] .grid_item .box-caption .cell a{ 
    color: #fff; 
    cursor: auto;
    display: block;
    cursor: pointer;
}










/* Change Slide Down Layout to Overlap - BOL */
.wrapper_middle.news-detail{ 
    height: 0; 
    min-height: 0; 
    z-index: -1;
    opacity: 0;
	color:#000;
}

.wrapper_middle.news-detail.active{
    position: fixed;
    top: 0;
    z-index: 19010;
    background: rgba(225, 225, 225, 0.97);
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: auto;
}
/* Change Slide Down Layout to Overlap - EOL */


/*------Rollover--------------------*/

.col-sm-3 .thickbox img,
.col-sm-3 .thickbox img*,
.col-sm-9 li .wrapper_image img,
.col-sm-9 li .wrapper_image img*{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*


.col-sm-3 .thickbox:hover, 
.col-sm-9 li .wrapper_image:hover{ 
	background: #ef6037; 
	  
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.col-sm-3 .thickbox:hover img, 
.col-sm-9 li .wrapper_image:hover img{ 
    opacity: 0.2;
    margin-bottom: 0;
}

.col-sm-3 .thickbox:hover:before{
    position: absolute;
	font-family: FontAwesome;
    content: "\f002";
    top: 45%;
	width:100%;
	left:0;
	font-size:25px;
    text-align: center;
    color: #fff;
}

.col-sm-3 .thickbox, .col-sm-9 li .wrapper_image{display:block;}



.col-sm-9 li .wrapper_image:hover:before{
	position: absolute;
	font-family: FontAwesome;
    content: "\f002";
	width:100%;
	font-size:25px;
    text-align: center;
    color: #fff;
	max-width:200px;
	padding-top:50px;
	
	
}
*/

section[data-cattype="84004"] .top-red-shape{
	background:url('../../../data/ckfinder/images/small-red.png'); 
	width:396px; 
	height:428px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	z-index:-1;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}

section[data-cattype="84004"] .red-shape{
	background:url('../../../data/ckfinder/images/red-shape.png'); 
	width:396px; 
	height:428px; 
	position:absolute; 
	left:-150px; 
	bottom:0px; 
	z-index:-1;
}



@media (min-width: 768px) and (max-width: 980px) {
	[data-cattype="84004"] ul.news.grid li {
    width: 220px;
	}
}


@media screen and (max-width: 980px) {
    [data-cattype="84004"] ul.news.grid li {
        margin: 10px 18px 30px 0;
        text-align: left;
        
    }
    [data-cattype="84004"] .grid_item .wrapper_image {
        width: 200px;
        height: 150px;
    }
    [data-cattype="84004"] .box-caption,
    [data-cattype="84004"] .grid_item.item_content,
    [data-cattype="84004"] .box-side-image,
    [data-cattype="84004"] .box-side-image .wrapper_image,
    [data-cattype="84004"] .grid_item .wrapper_image {
        width: 200px;
        height: 150px;
    }
	
	[data-cattype="84004"] .btn-news{
	margin-bottom:10px;
	}
	
	[data-cattype="84004"] .btn-news{
    padding: 8px 53px;
	}
	
	[data-cattype="84004"] .btn-news.active{ padding: 5px 53px; }
	
	section[data-cattype="84004"] .top-red-shape{
		top:-145px; 

	}
	
	section[data-cattype="84004"] .red-shape{
		bottom:-145px; 
	}
}

@media screen and (max-width: 767px) {
    [data-cattype="84004"]{
	overflow:hidden;
	}
    
    [data-cattype="84004"] h2.section-title {
        text-align: center;
    }
	[data-cattype="84004"] #yearSelection::after{display:none;}
    
	
	[data-cattype="84004"] .left-panel{margin-top:0;}
	
    [data-cattype="84004"] ul.news.grid, 
    [data-cattype="84004"] .left-panel{ padding: 0 15px 15px 15px; }
    [data-cattype="84004"] .right-panel{ padding-left: 15px; }

	
	[data-cattype="84004"] ul.news.grid li {
        margin: 10px 10px 30px 0;
        text-align: left;
		width: 135px;
		min-height: 494px;
    }
    [data-cattype="84004"] .grid_item .wrapper_image {
        width: 115px;
        height: 87px;
    }
    [data-cattype="84004"] .box-caption,
    [data-cattype="84004"] .grid_item.item_content,
    [data-cattype="84004"] .box-side-image,
    [data-cattype="84004"] .box-side-image .wrapper_image,
    [data-cattype="84004"] .grid_item .wrapper_image {
        width: 115px;
        height: 87px;
    }
	
	
	[data-cattype="84004"] .box-side-image .box-caption .cell, [data-cattype="84004"] .box-side-image > .box-caption, [data-cattype="84004"] .item_content.grid_item > .box-caption{ white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	color:#fff; 
	    max-width: 90px;
	}
	

	
	.align-right .btn.btn-close-news {
    position: fixed;
    z-index: 1;
    right: 0;
	}
	
	section[data-cattype="84004"] .top-red-shape{
		top: -185px;
	}
	
	section[data-cattype="84004"] .red-shape{
		bottom:-185px; 
	}
	
}