.widget-fixed-scroll-stock-rates {
    border: solid thin #cecece;
    margin-top: 20px;
    background: #f9f9f9;
    padding-left: 100px;
}

.widget-fixed-scroll-block {
    float: left;
    width: 10%;
    position: relative;
}

    .widget-fixed-scroll-block:last-child a {
        border-right: none;
    }

    .widget-fixed-scroll-block a {
        color: #000000;
        text-decoration: none;
        display: block;
        padding: 5px 10px;
        /*border-right: solid thin #cecece;*/
    }

    .widget-fixed-scroll-block .widget-fixed-scroll-block-price > div {
        float: left;
    }

    .widget-fixed-scroll-block .widget-fixed-scroll-block-price span i {
        font-style: normal;
        color: #d95b46;
    }

    .widget-fixed-scroll-block .text {
        margin-right: 15px;
    }

    .widget-fixed-scroll-block .up {
        color: #027e05;
    }

    .widget-fixed-scroll-block .down {
        color: #ff000a;
    }

        .widget-fixed-scroll-block .up span, .widget-fixed-scroll-block .down span {
            float: left;
            display: block;
            padding: 0 2px;
        }

            .widget-fixed-scroll-block .up span img, .widget-fixed-scroll-block .down span img {
                position: relative;
                top: 2px;
            }

    .widget-fixed-scroll-block:nth-child(1), .widget-fixed-scroll-block:nth-child(2) {
        width: 25%;
    }

.widget-fixed-scroll-block-head {
    font-size: 13.5px;
    font-weight: bold;
}

.widget-fixed-scroll-block-price {
    font-size: 13.5px;
}

.widget-fixed-scroll {
    display: block;
    /*position: fixed;
    bottom: 0;*/
    position: fixed;
    /*bottom: 45px;*/ top: 115px;
    height: 35px;
    width: 986px;
    border: solid thin #96281b;
    background: #f9f9f9;
    -moz-box-shadow: 1px 2px 25px -2px #000000;
    -webkit-box-shadow: 1px 2px 25px -2px #000000;
    box-shadow: 1px 2px 25px -2px #000000;
    overflow: hidden;
    z-index: 10000;
}

.ftpos {
    margin-bottom:80px;
}

@media (max-width: 768px) {
    .widget-fixed-scroll {
        position: relative;
        /*bottom: 45px;*/ top: 25px;
    } 
  .ftpos {
    margin-bottom:20px;
}
}


.widget-fixed-scroll {
    left: 0;
    right: 0;
    margin: auto;
    font-family: Trebuchet MS;
}

.widget-fixed-scroll-head {
    position: absolute;
    left: 0;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    width: 100px;
    background: #96281b;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    z-index: 9;
}

.widget-fixed-scroll .widget-fixed-scroll-stock-rates {
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    height: 35px;
    position: absolute;
    line-height: 35px;
    border: none;
}

    .widget-fixed-scroll .widget-fixed-scroll-stock-rates .widget-fixed-scroll-block {
        width: auto;
        float: left;
    }

        .widget-fixed-scroll .widget-fixed-scroll-stock-rates .widget-fixed-scroll-block a {
            padding: 0 10px;
            /*border-right: solid thin #96281b;*/
            color: #000 !important;
        }

            .widget-fixed-scroll .widget-fixed-scroll-stock-rates .widget-fixed-scroll-block a > div {
                display: inline-block;
                vertical-align: middle;
            }

    .widget-fixed-scroll .widget-fixed-scroll-stock-rates .widget-fixed-scroll-inline-block {
        float: left;
    }

.widget-fixed-scroll {
    opacity: 0;
    -moz-transition: all 0.27s ease-in;
    -o-transition: all 0.27s ease-in;
    -webkit-transition: all 0.27s ease-in;
    transition: all 0.27s ease-in;
}

    .widget-fixed-scroll.active {
        opacity: 1;
    }

    .widget-fixed-scroll .widget-fixed-scroll-stock-rates {
        -webkit-animation: marquee 25s linear infinite;
        -moz-animation: marquee 25s linear infinite;
        animation: marquee 25s linear infinite;
        animation-delay: 5s;
    }

        .widget-fixed-scroll .widget-fixed-scroll-stock-rates:hover {
            -moz-animation-play-state: paused;
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

@-moz-keyframes marquee {
    from {
        left: 0;
    }

    to {
        left: -921px;
    }
}

@-webkit-keyframes marquee {
    from {
        left: 0;
    }

    to {
        left: -921px;
    }
}

@keyframes marquee {
    from {
        left: 0;
    }

    to {
        left: -921px;
    }
}