/* =========================================================
   MENSAGEM
========================================================= */

.mensagem {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    white-space: nowrap;

    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    color: #ffffff;
}


/* =========================================================
   SEPARADOR
========================================================= */

.mensagem:not(:last-child)::after {
    content: "•";

    display: inline-block;

    margin: 0 55px;

    font-size: 14px;
    font-weight: bold;

    color: #ffffff;
}

/* =========================================================
   HOVER
========================================================= */

.mensagens-bar:hover .mensagens-track {
    animation-play-state: paused;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .mensagem {
        font-size: 15px;
    }

    .mensagem:not(:last-child)::after {
        margin: 0 40px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {
    .mensagem {
        font-size: 13px;
    }

    .mensagem:not(:last-child)::after {
        margin: 0 25px;
        font-size: 14px;
    }
}









#rssBlock{
    /*left:0px;*/
    /*height: 20px;*/
    background: #000;
    color: #fff;
    /*position: absolute;*/
    width: 100%;
    overflow: hidden;
}

/*remove p*/
.cnnContents {
    width:100% !important;
    margin:0 auto;
    font-size: 14px;
    white-space: nowrap;
}

.marqueeStyle {
    display:inline-block;
    position: absolute;
    left: 0%;

    /* Apply animation to this element */
    -webkit-animation: scrolling-left1 20s linear infinite;
    animation: scrolling-left1 20s linear infinite;
}

.marqueeStyle2 {
    display:inline-block;
    position: absolute;
    left: 0%;

    /* Apply animation to this element */
    -webkit-animation: scrolling-left1 20s linear infinite;
    animation: scrolling-left1 20s linear infinite;
    animation-delay: 10s;
}
/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
    0% {transform: translateX(100%);
        -webkit-transform: translateX(100%);}
    100% {transform: translateX(-100%);
        -webkit-transform: translateX(-100%);}
}

@-webkit-keyframes scrolling-left1 {
    0% {-webkit-transform: translateX(100%);}
    100% {-webkit-transform: translateX(-100%);}
}