.top-news-container h2 {margin-bottom:70px;}
.top-news-container{
    background:#dedede;
    overflow: auto;
}
.outer-container{
    width:58%;
    min-height:400px;
    margin:auto;
    overflow:hidden;
    /* background:blue; */
    position:relative;
}
.news-container {
    position: absolute;
    width:250%;
    /* transform: translateX(-17.25%); */
    animation: slide-cor 30s infinite;
}

.layout-col {
    background: cadetblue;
    min-height: 330px;
    width:12.5%;
    float:left;
    margin-right: 1.30%;
}

.slider-left{
    background:rgb(95, 158, 160, 0.5);
    width:45px;
    height:330px;
    position: absolute;
    left:15.5%;
}


a.slider-left,a.slider-right{
    color:darkslategrey;
    font-size: 30px;
    text-align: center;
    margin-top: auto;
    padding-top:145px;
}
.slider-left:hover, .slider-right:hover{background:darkslategrey;}
a.slider-left:hover, a.slider-right:hover{color:white;}

.slider-right{
    background:rgb(95, 158, 160, 0.5);
    width:45px;
    height:330px;
    position: absolute;
    right: 15.5%;
}

.news-h1, .news-content { 
    font-family: Arial, Helvetica, sans-serif;
    color:white;
    width:100%;
}

.news-h1 {
    text-transform: uppercase;
    font-weight: bold; 
    font-size:16px;
    padding :7%;
    float:left;
}

.news-content {
    font-size: 14px;
    padding: 0 7% 10px 7%;
    float:left;
}
.news-readmore > i {margin-left: 10px;}
.news-readmore, .news-readmore > i {
    color:white;
    font-size: 14px;
    padding-right: 7% ;
    font-weight: bold;
    /* display:block; */
    float:right;
}

@keyframes slide-cor {
    0% {transform: translateX(0%);}
    10% {transform: translateX(0%);}
    15% {transform: translateX(-13.80%);}
    25% {transform: translateX(-13.80%);}
    30% {transform: translateX(-27.6%);}
    40% {transform: translateX(-27.6%);}
    45% {transform: translateX(-41.40%);}
    60% {transform: translateX(-41.40%);}
    65% {transform: translateX(-27.6%);}
    75% {transform: translateX(-27.6%);}
    80% {transform: translateX(-13.80%);}
    90% {transform: translateX(-13.80%);}
    95% {transform: translateX(0%);}
    100% {transform: translateX(0%);}
}