[data-cattype="508"] ul.newsfeed.grid{
    margin: 20px 0;
    text-align: center;
}
[data-cattype="508"]{
	overflow: hidden;
}


[data-cattype="508"] ul.newsfeed.grid li{
    margin: 10px 18px 30px 0; 
    text-align: left;
    width: 270px;
	background:#e1e1e1;
	padding:10px;
}
[data-cattype="508"] ul.newsfeed.grid li.animated{

min-height: 370px;
}

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




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

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


[data-cattype="508"] ul.newsfeed.grid li.divider-year{
	font-family: 'Sansation_Bold';
	font-size: 40px;

    padding: 0px;
    margin: 12px 0 5px 0;
    background:none;
    display: block;
    text-align: center;
    width: 100%;
}

/* Overwrite Banner H1 style */
.wrapper_banner.animated h1{
    text-shadow: 1px 1px 1px #000;
}

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

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



[data-cattype="508"] h2.page-title{
    margin-top: 0;
}

[data-cattype="508"] h3.date-time{
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

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

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


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


.morph-content.osp-508{background: rgba(0, 0, 0, 0.92); color:#fff !important;}

.morph-content.osp-508 h1,
.morph-content.osp-508 .event-title,
.morph-content.osp-508 .summary,
.morph-content.osp-508 .content{color:#fff !important;}


.morph-content.osp-508 h1{font-size:40px;}

.morph-content.osp-508 .event-title{ 
	text-transform:uppercase; 
	color:#ee1a20 !important; 
	font-family: 'Sansation_Bold';
	font-size:30px;
	margin-bottom: 25px;
}

.morph-content.osp-508 .summary,
.morph-content.osp-508 .content{text-align:justify;}

.morph-content.osp-508 .summary{
	font-size: 21px;
	padding: 10px 15px;
	color: #fff;
	background: #ee1a20;
	font-weight: bold;
	margin-bottom: 15px;
}

.morph-content.osp-508 ul.list-event > li{
display: table;
border-bottom: 1px solid #2a2a2a;
margin-bottom:10px;
}

.morph-content.osp-508 ul.list-event > li:last-child{border-bottom:0;}

.morph-content.osp-508 ul.list-event{
margin-top: 45px;
}

.morph-content.osp-508 a.thickbox{
display: block;
margin-bottom: 15px;
}


.morph-content.osp-508 .carousel-caption {
    left: 0;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:0;
}

.morph-content.osp-508 .gallery-album{background:none;}
.morph-content.osp-508 .carousel-control{
	opacity: 1;
position: absolute;
top: 30%;
font-size: 45px;
color: #fff;
text-align: center;
background: #ee1a20;
border-radius: 50%;
font-weight: unset;
display: table;
max-height:67px;
}




.morph-content.osp-508 .carousel-control.left{
left: -85px;
}

.morph-content.osp-508 .carousel-control.right{
right: -85px;
}
.morph-content.osp-508 .icon-close{
background:url(../../../data/ckfinder/images/morph-close-white.svg);
width: 37px;
height: 37px;
}

.morph-content.osp-508 .icon-close img{display:none;}

@media (min-width: 768px) and (max-width: 980px) {
	[data-cattype="508"] ul.newsfeed.grid li {
    width: 219px;
	 min-height: 377px;
	}
	

	.morph-content.osp-508 .carousel-inner > .item > a > img {
    display: inline-block;
	}
	
	.morph-content.osp-508 .carousel-control.left {
    left: -30px;
	width: 67px;
	}
	
	.morph-content.osp-508 .carousel-control.right {
    right: -30px;
	width: 67px;
	}
	
	
	.morph-content.osp-508 ul.list-event > li {
    padding-bottom: 30px;
	}
}




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

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

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

	
	[data-cattype="508"] ul.newsfeed.grid li {
        margin: 10px 5px 30px 0;
        text-align: left;
		width: 135px;

	
    }
    [data-cattype="508"] .grid_item .wrapper_image {
        width: 115px;
        height: 87px;
    }
    [data-cattype="508"] .box-caption,
    [data-cattype="508"] .grid_item.item_content,
    [data-cattype="508"] .box-side-image,
    [data-cattype="508"] .box-side-image .wrapper_image,
    [data-cattype="508"] .grid_item .wrapper_image {
        width: 115px;
        height: 87px;
    }
	
	
	[data-cattype="508"] .box-side-image .box-caption .cell, [data-cattype="508"] .box-side-image > .box-caption, [data-cattype="508"] .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="508"] .top-red-shape{
		top: -185px;
	}
	
	section[data-cattype="508"] .red-shape{
		bottom:-185px; 
	}
	
	.morph-content.osp-508 .gallery-album {
    padding: 0 58px;
	}
	.morph-content.osp-508 h1 {
    font-size: 23px;
	}
	
	.morph-content.osp-508 .event-title {
    font-size: 21px;
	}
	.morph-content.osp-508 .summary {
    font-size: 17px;
	}
	.morph-content.osp-508 .carousel-control {
    font-size: 32px;
	}
	
	.morph-content.osp-508 .carousel-control {
    width: 50px;
	}
	.morph-content.osp-508 .carousel-control.left {
    left: -65px;
	}
	.morph-content.osp-508 .carousel-control.right {
    right: -65px;
	}
	
	
	.morph-content.osp-508 ul.list-event > li {
    padding-bottom: 20px;
	}
}