DIV.slider
{
    BACKGROUND: #e6e6e8;
    OVERFLOW: hidden;
}

DIV.slider-container
{
    DISPLAY: flex;
    MARGIN: 0 -10px;
    OVERFLOW: hidden;
}

DIV.slider-slide
{
    BOX-SIZING: border-box;
    FLEX: 0 0 100%;
    BORDER: 5px solid #ffffff;
    BORDER-BOTTOM-WIDTH: 10px;
    BORDER-TOP-WIDTH: 10px;
    PADDING: 85px 25px;
}

A.slider-prev,
A.slider-next
{
    COLOR: #bfbfbf !important;
    FONT-SIZE: 50px;
    LINE-HEIGHT: 100%;
    OPACITY: 0.35;
    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: 35px;
}

A.slider-next
{
    RIGHT: 35px;
}

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.35;
    PADDING: 5px 25px 60px;
    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;
}