@import url('https://fonts.googleapis.com/css?family=Anton&display=swap" rel="stylesheet');
.scroll {
cursor: pointer;
width: 70px;
height: 70px;
position: fixed;
bottom: 40px;
right: -80px;
border-radius: 100%;
background: #5e8444;
color: #fff;
font-size: 44px;
font-weight: bold;
text-align: center;
/* box-shadow: 0 0 5px 0px #888; */
transition: 300ms;
z-index: 2000;
cursor: pointer;
}

.scroll i {
margin-top: 10px;
}

.scroll:hover i {
animation-name: rotate;
animation-duration: 300ms;
animation-iteration-count: infinite;
animation-direction: alternate;
}

@keyframes rotate {
from {margin-top: 15px}
to {margin-top: 5px}
}

.visible {
right: 5px;
transition: all 400ms;
transform: rotate(360deg)
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .scroll {
    width: 50px;
    height: 50px;
    font-size: 30px;
}
}
/* for container_scroll_news */
.container_scroll_news{
  width: 100%;
  margin: 20px auto;
  height:67px;
  background-color:#70a503;
  overflow: hidden;
}
.container_scroll_news_ul{
list-style:none;
position:relative;
margin-top: 0!important;
}
.container_scroll_news_li{
height:50px;
    background-color: #70a503;
    text-align: center;
    border-bottom:1px solid #70a503;
}
.container_scroll_news_h2{
color:#fff;
/* padding-top:10px; */
float: left;
}
.container_scroll_news_p{
  text-align:left;
    padding:10px;
    color:#eee;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
font-size: 16px;
}