DIV.slider
{
    OVERFLOW: hidden;
    WIDTH: 100%;
}

DIV.slider-container
{
    DISPLAY: flex;
    OVERFLOW: hidden;
    OVERFLOW-X: scroll;
}

DIV.slider-slide
{
    FLEX: 0 0 100%;
}

A.slider-prev,
A.slider-next
{
    COLOR: #bfbfbf !important;
    FONT-SIZE: 50px;
    LINE-HEIGHT: 100%;
    OPACITY: 0;
    POSITION: absolute;
    TEXT-DECORATION: none;
    TOP: 50%;
    Z-INDEX: 1;
    TRANSFORM: translateY(-50%);
    -MOZ-TRANSFORM: translateY(-50%);
    -WEBKIT-TRANSFORM: translateY(-50%);
    TRANSITION: opacity 0.5s;
    -MOZ-TRANSITION: opacity 0.5s;
    -WEBKIT-TRANSITION: opacity 0.5s;
}

A.slider-prev
{
    LEFT: 0;
}

A.slider-next
{
    RIGHT: 0;
}

DIV.slider:hover A.slider-prev,
DIV.slider:hover A.slider-next
{
    OPACITY: 0.75;
}

DIV.slider:hover A.slider-prev:hover,
DIV.slider:hover A.slider-next:hover
{
    OPACITY: 1;
}

DIV.slider-control
{
    BOTTOM: 0;
    LEFT: 0;
    OPACITY: 0;
    PADDING: 5px 15px;
    POSITION: absolute;
    RIGHT: 0;
    TEXT-ALIGN: center;
    TRANSITION: opacity 0.5s;
    -MOZ-TRANSITION: opacity 0.5s;
    -WEBKIT-TRANSITION: opacity 0.5s;
}

DIV.slider-control A
{
    BACKGROUND-COLOR: #bfbfbf;
    DISPLAY: inline-block;
    HEIGHT: 0;
    MARGIN: 5px;
    OPACITY: 0.5;
    OVERFLOW: hidden;
    PADDING: 15px 0 0 15px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    WIDTH: 0;
    Z-INDEX: 1;
}

DIV.slider-control A:hover
{
    OPACITY: 0.75;
}

DIV.slider-control A.slider-active
{
    OPACITY: 1;
}

DIV.slider:hover DIV.slider-control
{
    OPACITY: 1;
}