#slider_wrapper{
    float: left;
    width: 100%;
    position: relative;
    z-index: 1500;
    margin-top: 42px;
}

#jssor_1{

    position: relative; margin: 0 auto; top: 0px; left: 0px; height: 326px; overflow: hidden; visibility: hidden;
}
.jssorb01 {
    position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid white;
    margin-left: -3px;
    background: rgb(185,28,43);
    background: -moz-radial-gradient(center, ellipse cover, rgba(185,28,43,1) 0%, rgba(124,5,17,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(185,28,43,1)), color-stop(100%,rgba(124,5,17,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(185,28,43,1) 0%,rgba(124,5,17,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(185,28,43,1) 0%,rgba(124,5,17,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(185,28,43,1) 0%,rgba(124,5,17,1) 100%);
    background: radial-gradient(ellipse at center, rgba(185,28,43,1) 0%,rgba(124,5,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b91c2b', endColorstr='#7c0511',GradientType=1 );
    margin-right: 25px;
}
.jssorb01 div  {

    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .175);
    margin-right: 25px;
}


/* jssor slider arrow navigator skin 13 css */
/*
.jssora13l                  (normal)
.jssora13r                  (normal)
.jssora13l:hover            (normal mouseover)
.jssora13r:hover            (normal mouseover)
.jssora13l.jssora13ldn      (mousedown)
.jssora13r.jssora13rdn      (mousedown)
*/
.jssora13l, .jssora13r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 50px;
    cursor: pointer;
    background: url('../images/design_2015/a13.png') no-repeat;
    overflow: hidden;
    z-index: 10000;
}
.jssora13l { background-position: -10px -35px; }
.jssora13r { background-position: -70px -35px; }
.jssora13l:hover { background-position: -130px -35px; }
.jssora13r:hover { background-position: -190px -35px; }
.jssora13l.jssora13ldn { background-position: -250px -35px; }
.jssora13r.jssora13rdn { background-position: -310px -35px; }





/*Product sliders*/
.product_slider_nav_l, .product_slider_nav_r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 50px;
    cursor: pointer;
    background: url('../images/design_2015/a13.png') no-repeat;
    overflow: hidden;
    z-index: 10000;
    border: 1px solid #009900;
}
.product_slider_nav_l { background-position: -10px -35px; }
.product_slider_nav_r { background-position: -70px -35px; }
.product_slider_nav_l:hover { background-position: -130px -35px; }
.product_slider_nav_r:hover { background-position: -190px -35px; }
.product_slider_nav_l.product_slider_nav_ldn { background-position: -250px -35px; }
.product_slider_nav_r.product_slider_nav_rdn { background-position: -310px -35px; }


#left_gradient_main {
    height: 365px;
    position: absolute;
    z-index: 100;
    top: 0px;
    background: -moz-linear-gradient(left, rgba(190,30,45,1) 44%, rgba(190,30,45,0.6) 88%, rgba(189,39,53,0.55) 93%, rgba(188,52,64,0.55) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,rgba(190,30,45,1)), color-stop(88%,rgba(190,30,45,0.6)), color-stop(93%,rgba(189,39,53,0.55)), color-stop(100%,rgba(188,52,64,0.55)));
    background: -webkit-linear-gradient(left, rgba(190,30,45,1) 44%,rgba(190,30,45,0.6) 88%,rgba(189,39,53,0.55) 93%,rgba(188,52,64,0.55) 100%);
    background: -o-linear-gradient(left, rgba(190,30,45,1) 44%,rgba(190,30,45,0.6) 88%,rgba(189,39,53,0.55) 93%,rgba(188,52,64,0.55) 100%);
    background: -ms-linear-gradient(left, rgba(190,30,45,1) 44%,rgba(190,30,45,0.6) 88%,rgba(189,39,53,0.55) 93%,rgba(188,52,64,0.55) 100%);
    background: linear-gradient(to right, rgba(190,30,45,1) 44%,rgba(190,30,45,0.6) 88%,rgba(189,39,53,0.55) 93%,rgba(188,52,64,0.55) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2d', endColorstr='#8cbc3440',GradientType=1 );
}

#right_gradient_main {
    height: 365px;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0px;
    background: -moz-linear-gradient(left, rgba(188,52,64,0.55) 0%, rgba(189,39,53,0.55) 7%, rgba(190,30,45,0.6) 12%, rgba(190,30,45,1) 56%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(188,52,64,0.55)), color-stop(7%,rgba(189,39,53,0.55)), color-stop(12%,rgba(190,30,45,0.6)), color-stop(56%,rgba(190,30,45,1)));
    background: -webkit-linear-gradient(left, rgba(188,52,64,0.55) 0%,rgba(189,39,53,0.55) 7%,rgba(190,30,45,0.6) 12%,rgba(190,30,45,1) 56%);
    background: -o-linear-gradient(left, rgba(188,52,64,0.55) 0%,rgba(189,39,53,0.55) 7%,rgba(190,30,45,0.6) 12%,rgba(190,30,45,1) 56%);
    background: -ms-linear-gradient(left, rgba(188,52,64,0.55) 0%,rgba(189,39,53,0.55) 7%,rgba(190,30,45,0.6) 12%,rgba(190,30,45,1) 56%);
    background: linear-gradient(to right, rgba(188,52,64,0.55) 0%,rgba(189,39,53,0.55) 7%,rgba(190,30,45,0.6) 12%,rgba(190,30,45,1) 56%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbc3440', endColorstr='#be1e2d',GradientType=1 );
}

@media (max-width: 500px)
{
    #slider_navigation{

        display: none;
    }
}

@media (max-width: 800px) {
    .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {

        width: 25px;
        height: 25px;
        border: 3px solid white;
        margin-right: 50px;
    }
}