/* ------------------------------------  TICKER STYLE ------------------------------------  */
.ticker-carousel {
    /*border-bottom: 1px solid #eee;*/
    padding-bottom: 0;
    overflow: hidden; 
}
.ticker-carousel .item-wrap {
    transform: translateX(0px);
    width: 400%;
    position: relative;
    white-space: nowrap!important;
    display: flex; 
}
.item {
    background: transparent;
    /*border-right: 1px solid #eee;*/
    text-align: center;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center; 
}
.item a {
    text-decoration : none;
    display         : flex;
    flex            : 1;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    color           : #fff;
    font-weight     : bold;
    line-height     : 1.4;
    height          : 100%;
    padding-top     : 0.6vw;
    padding-bottom  : 0.6vw;
    white-space     : nowrap !important;
    display         : block;
    text-align      : center;
    text-decoration : none;
    padding-left    : 0.25vw !important;
    padding-right   : 0.25vw !important;
    font-size       : 0.7vw; 
}
.item.active {
    background: transparent; 
}
.item.active a {
    color: #fff; 
}
.item-wrap .item span {
    display: inline-block;
}
.pct_up {
    color : #12ba5b;
}
.pct_down {
    color : #d32426;
}
.pct_none {
    color : #C26D19;
}                       
@media(max-width: 1720px){
    .item a {
        font-size     : 1.15vw;
        padding-left  : 0.8vw !important;
        padding-right : 0.8vw !important;                        
    }   
}
@media(max-width: 1320px){
    .item a {
        font-size     : 1.15vw;
        padding-left  : 0.8vw !important;
        padding-right : 0.8vw !important;                        
    }
}
@media(max-width: 1024px){
    .item a {
        font-size     : 1.15vw;
        padding-left  : 0.8vw !important;
        padding-right : 0.8vw !important;                        
    }               
}
@media(min-width: 768px){
    .ticker-carousel .item-wrap {
        width: 200%; 
    }           
}
@media(max-width: 768px) and (max-height: 500px){
    .item a {
        font-size     : 2vw!important; 
        padding-left  : 1vw !important;
        padding-right : 1vw !important;             
    }           
}
@media (max-width: 768px) {
    .item a {
        font-size     : 2vw;
        padding-left  : 0.8vw !important;
        padding-right : 0.8vw !important;                        
    }           
}       
@media(max-width: 575px){
    .item a {
        font-size     : 2vw;
        padding-left  : 0.8vw !important;
        padding-right : 0.8vw !important;                        
    }           
}
@media (max-width: 500px) {
    .item a {
        font-size     : 3vw; 
        padding-left  : 1vw !important;
        padding-right : 1vw !important;             
    }           
}
/* ---------------------------------------------------------------------------------------  */