/* --------------------------------------------------------------------------------
Slideshow
-------------------------------------------------------------------------------- */

#slideshow
{
    transition: opacity 0.25s ease-in-out;
    opacity:0;
}

.slide
{
    width:100%;
    height:100%;
    transition: left 2s ease-in-out;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}

.slide.left
{
    left:-100%;
    z-index:99!important;
}

.slide.curr
{
    z-index:100!important;
}

.slide.right
{
    left:100%;
    z-index:99!important;
}

.slide.behind
{
    z-index:-1!important;
}

.slide > div
{
    width:100%;
    height:100%;
    background-size: cover;
    background-position:50% 50%;
    position:absolute;
    top:0;
    left:0;
    transition: left 2s ease-in-out;
}

.slide.left > div
{
    left:50%;
}

.slide.right > div
{
    left:-50%;
}

.arrow
{
    width:70px;
    height:70px;
    position:absolute;
    top:65%;
    background-color:#000;
    opacity:0;
    transition: opacity 0.125s ease-in-out;
    cursor:pointer;
    z-index:110;
}

#slideshow:hover .arrow
{
    opacity:0.25;
}

#slideshow:hover .arrow:hover
{
    opacity:0.5;
}

.arrow i
{
    margin:10px 0 0 0;
    color:#FFF;
    font-size:48px;
}

.arrow-left
{
    left:0;
}

.arrow-right
{
    right:0;
}