.news
{
overflow:hidden;
}

.news .row .col:first-child
{
padding-left:0;
}

.news H2
{
text-transform: uppercase;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
height: 50px;
line-height: 50px;
background-color:#435e8b;
text-align:center;
z-index: 99 !important;
position:relative;
top:0;
}


.news H2::after
{
content: '';
position: absolute;
right: -17px;
top:0px;
height: 50px;
width: 50px;
transform: rotate(45deg);
z-index: -1;
background-color:#435e8b;
border: 13px solid #8fafe2;
border-left-width: 0px;
border-bottom-width: 0px;
}

.news A
{
display:block;
color:#EEE;
height: 50px;
line-height: 50px;
text-align: center;
font-size:16px;
position:absolute;
top:0;
left:-50%;
right:-50%;
text-indent:250%;
-webkit-transition : text-indent 900ms linear;
-moz-transition : text-indent 900ms linear;
-o-transition : text-indent 900ms linear;
transition : text-indent 900ms linear;
}

.news A:hover,
.news A:focus
{
color:#FFF;
text-decoration:none;
}

.news A:first-child
{
text-indent:0;
}

.news A.active
{
text-indent:0;
z-index: 99;
}

.news A.forward
{
text-indent:-250%;
}

.news A.default
{
text-indent:250%;
}

/* TABLET */
@media (min-width:768px) and (max-width:800px)
{

	.news A
	{
	font-size:14px;
	}


}