﻿/*
 * Lean Slider Sample Styles
 * http://dev7studios.com/lean-slider
 */
.slider-wrapper
{
    position: relative;
    background: #fff url(../../willbettingde/image/loading.gif) no-repeat 50% 50%;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4);
}
.lean-slider
{
    overflow: hidden;
}
.lean-slider-slide
{
    display: block;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    -moz-transition: opacity .6s linear;
    -ms-transition: opacity .6s linear;
    -o-transition: opacity .6s linear;
    transition: opacity .6s linear;
}
.lean-slider-slide.current
{
    opacity: 1;
}
.lean-slider-slide img
{
    display: block;
    width: 100%;
}
#slider-direction-nav
{
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: .2;
}
.slider-wrapper:hover #slider-direction-nav
{
    opacity: 1;
}
#slider-direction-nav a
{
    float: left;
    display: block;
    width: 26px;
    height: 37px;
    background: url(../../willbettingde/image/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
}
#slider-direction-nav .lean-slider-next
{
    float: right;
    background-position: 100% 0;
}
#slider-control-nav
{
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: .2;
}
.slider-wrapper:hover #slider-control-nav
{
    opacity: 1;
}
#slider-control-nav a
{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../willbettingde/image/bullets.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#slider-control-nav a.active
{
    background-position: 100% 0;
}/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-width: 480px)
{
    #slider-direction-nav, #slider-control-nav
    {
        opacity: 1;
    }
}/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    #slider-direction-nav, #slider-control-nav
    {
        opacity: 1;
    }
}