@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

@keyframes ticker {
    0% {
        margin-top: 0
    }

    25% {
        margin-top: -30px
    }

    50% {
        margin-top: -60px
    }

    75% {
        margin-top: -90px
    }

    100% {
        margin-top: 0
    }
}



.news {
    /*box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);*/
    width: 350px;
    height: 30px;
    margin: 17px auto;
    overflow: hidden;
    /*border-radius: 4px;*/
    padding: 5px 0px 5px 0px;
    -webkit-user-select: none
}

.full-width {
    width: 100%;
}
/*.news span {
            float: left;
            color: #000;
            padding: 10px;
            position: relative;
            top: 1%;
            background: transparent !important;*/
/*border-radius: 4px;
            box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);*/
/*font: 16px 'Source Sans Pro', Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -webkit-user-select: none;
            cursor: pointer
        }*/

.news ul {
    float: left;
    padding-left: 20px;
    animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
    -webkit-user-select: none
}

.news ul li {
    line-height: 30px;
    list-style: none
}

.news ul li a {
    color: #000;
    text-decoration: none;
    font: 14px Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    font-family: Poppins, Helvetica, "sans-serif";
}

.news ul:hover {
    animation-play-state: paused
}

.news span:hover + ul {
    animation-play-state: paused
}