body, html {
    font-family: LatoWeb;
    color: #495250;
    font-size: 62.5%;
    margin: 0;
}
.ticker {
    max-width: 192rem;
    margin: 0;
    position: relative
}

    .ticker .promo-carousel {
        padding-bottom: 0;
        overflow: hidden
    }

        .ticker .promo-carousel .item-wrap {
            -ms-transform: translateX(0);
            transform: translateX(0);
            width: 400%;
            position: relative;
            white-space: nowrap;
            display: -ms-flexbox;
            display: flex
        }

    .ticker .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ticker .switchwrap {
        background-color: #5357d1;
        width: 25%;
        float: left;
        height: 5.4rem;
        text-align: right
    }

    .ticker .smallSwitch {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        width: auto;
        margin-right: 2rem;
        margin-top: 1.2rem
    }

        .ticker .smallSwitch .slider:before {
            background: #5357d1
        }

        .inputbox .ticker .smallSwitch select:checked + .slider, .inputbox .ticker .smallSwitch textarea:checked + .slider, .ticker .smallSwitch .inputbox select:checked + .slider, .ticker .smallSwitch .inputbox textarea:checked + .slider, .ticker .smallSwitch .slider.round, .ticker .smallSwitch input:checked + .slider {
            background: #fff
        }

    .ticker .data {

        width:100%;
        background-color: #1d1f49;
        height: 5.4rem;
        overflow: hidden
    }

        .ticker .data.tickerpause {
            pointer-events: none
        }

    .ticker .fundtickerwrap {
        float: left;
        margin-right: 3.4rem;
        margin-top: 1.7rem
    }

        .ticker .fundtickerwrap .name {
            color: #fff;
            display: inline-block
        }

        .ticker .fundtickerwrap .status {
            display: inline-block;
            font-family: LatoWebBold
        }

            .ticker .fundtickerwrap .status span.value {
                color: #fff;
                position: relative;
                padding-left: 2.2rem;
                font-family: LatoWebBold !important
            }

                .ticker .fundtickerwrap .status span.value:before {
                    content: "\e901";
                    font-size: 1rem;
                    position: absolute;
                    left: .5rem;
                    font-family: icomoon !important
                }

            .ticker .fundtickerwrap .status span.percent {
                background-color: rgba(255,255,255,.8)
            }

            .ticker .fundtickerwrap .status.down span.value {
                background-color: #e81c3c
            }

                .ticker .fundtickerwrap .status.down span.value:before {
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg)
                }

            .ticker .fundtickerwrap .status.down span.percent {
                color: #e81c3c
            }

            .ticker .fundtickerwrap .status.up span.value {
                background-color: #017ae2
            }

                .ticker .fundtickerwrap .status.up span.value:before {
                    -ms-transform: rotate(270deg);
                    transform: rotate(270deg)
                }

            .ticker .fundtickerwrap .status.up span.percent {
                color: #017ae2
            }

            .ticker .fundtickerwrap .name span, .ticker .fundtickerwrap .status span {
                padding: .3rem .4rem;
                float: left;
                font-size: 1.4rem;
                line-height: 1.4rem
            }

    .ticker .tickercontrol {
        position: absolute;
        right: 0;
        bottom: 50%;
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        background-image: linear-gradient(to right,transparent 0,#1d1f49 10rem);
        padding-left: 10rem;
        display: none
    }

        .ticker .tickercontrol ul {
            float: left
        }

            .ticker .tickercontrol ul li {
                float: left;
                padding: 0 1rem;
                list-style: none;
            }

                .ticker .tickercontrol ul li a {
                    color: #fff;
                    font-size: 1.4rem;
                    line-height: 2.8rem;
                    position: relative;
                    display: inline-block;
                    text-decoration: none;
                }

                .ticker .tickercontrol ul li .pause {
                    height: 2.6rem;
                    width: 2.6rem;
                    border-radius: 50%;
                    background: #fff;
                    color: #5357d1;
                    font-family: LatoWebBold;
                    font-size: 1.3rem;
                    line-height: 2.8rem;
                    text-align: center
                }

                .ticker .tickercontrol ul li .fromleft {
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

.data.singleTicker {
    width: 100%;
}

@font-face {
    font-family: LatoWebBlack;
    src: url(../font/Lato-Black.eot);
    src: url(../font/Lato-Black.eot?#iefix) format("embedded-opentype"),url(../font/Lato-Black.woff2) format("woff2"),url(../font/Lato-Black.woff) format("woff"),url(../font/Lato-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: LatoWebBold;
    src: url(../font/Lato-Bold.eot);
    src: url(../font/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(../font/Lato-Bold.woff2) format("woff2"),url(../font/Lato-Bold.woff) format("woff"),url(../font/Lato-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: LatoWebMedium;
    src: url(../font/Lato-Medium.eot);
    src: url(../font/Lato-Medium.eot?#iefix) format("embedded-opentype"),url(../font/Lato-Medium.woff2) format("woff2"),url(../font/Lato-Medium.woff) format("woff"),url(../font/Lato-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: LatoWebLight;
    src: url(../font/Lato-Light.eot);
    src: url(../font/Lato-Light.eot?#iefix) format("embedded-opentype"),url(../font/Lato-Light.woff2) format("woff2"),url(../font/Lato-Light.woff) format("woff"),url(../font/Lato-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: LatoWeb;
    src: url(../font/Lato-Regular.eot);
    src: url(../font/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(../font/Lato-Regular.woff2) format("woff2"),url(../font/Lato-Regular.woff) format("woff"),url(../font/Lato-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon.eot?lf58ii);
    src: url(../font/icomoon.eot?lf58ii#iefix) format("embedded-opentype"),url(../font/icomoon.woff2?lf58ii) format("woff2"),url(../font/icomoon.ttf?lf58ii) format("truetype"),url(../font/icomoon.woff?lf58ii) format("woff"),url(../font/icomoon.svg?lf58ii#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],[class*=icon_],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-3:before {
    content: "\e903"
}
.icon-pause:before {
    content: "\e911";
}
.icon-arrow-3:before {
    content: "\e903";
}
.icon-player-play:before {
    content: "\e949";
    padding-left: 2px;
}
.ticker .fundtickerwrap .status.equal span.value{
background-color: #f79609;
padding-left: 4px;
}

.ticker .fundtickerwrap .status.equal span.value:before{
display: none;
}

.ticker .fundtickerwrap .status.equal span.percent{
color: #f79609;
}