/*
@section: Página da marca Cereser; */
.cereser{
    background: url(../img/brands/pages/cereser/bg.jpg) no-repeat center center;
    height: 825px;
    width: 100%;
    
    .left{
        margin-top: 150px;
        
        h2{
            color: $white;
            font-size: 40px;
            font-weight: $extra-light;
            margin: 70px 0 50px 0;
            
            strong{
                color: $white;
                display: block;
                font-size: 20px;
                font-weight: $bold;
                margin-bottom: 10px;
            }
            
            span{
                display: block;
                font-size: 16px;
                margin-top: 10px;
            }
        }
        
        p{
            color: $white;
            font-size: 13px;
            font-weight: $extra-light;
            line-height: 30px;
            margin-bottom: 50px;
            width: 220px;
            
            strong{
                color: #FBF0CB;
                font-weight: $bold;
                text-transform: uppercase;
            }
        }
        
        .back{
            background: url(../img/back.png) no-repeat 0 0;
            color: #FBF0CB;
            display: block;
            font-size: 12px;
            font-weight: $light;
            text-decoration: none;
            text-transform: uppercase;
            padding-left: 20px;
            width: 50px;
        }
    }
    
    .right{
        margin-top: 150px;
        
        .scroll-products{
            height: 500px;
            
            ul{
                height: 420px;
                margin-top: 50px;
                
                li{
                    float: left;
                    margin-right: -15px;
                    position: relative;
                    
                    &.off{
                        img{
                            @include brightness;
                        }
                    }
                }
            }
        }
        
        .help{
            color: #FBF0CB;
            font-size: 12px;
            font-weight: $light;
            margin-top: 10px;
            text-align: center;
        }
    }
    
    .jspHorizontalBar{
        background: none;
        height: 17px;
        
        .jspTrack{
            background: url(../img/brands/bar-scroll.png) no-repeat 0 0 transparent;
            
            .jspDrag{
                background: url(../img/brands/bullet-scroll.png) no-repeat 0 -1px transparent;
                left: 0;
            }
        }
    }
}