/**
 * mySlider (http://github.com/stefanotorresi/myslider)
 *
 * Copyright (c) 2013 Stefano Torresi (http://stefanotorresi.it)
 * See the file LICENSE.txt for copying permission.
 * ************************************************
 */

/* sensible settings */

/* WIDTH */
.slideshow .slide img {
    width: 2000px;
    margin-left: -1000px;  /* minus half width , needed to center the image */
}

/* HEIGHT */
.slideshow-container,
.slideshow,
.slideshow .slide,
.slideshow .slide img {
    height: 670px;
}


/* *******************************
you shouldn't need to change anything below */

.slideshow-container {
    overflow: hidden;
    position: relative;
    z-index: 0;
    display: block;
}

.slideshow {
    z-index: -1;
}

.slideshow,
.slideshow .slide {
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
}

.slideshow .slide {
    margin: 0;
}

.slideshow .slide.active {
    z-index: 1;
}

.slideshow .slide + .slide {
    display: none;
}

/* fix chrome 1px shift bug */
.csstransitions .slideshow {
    -webkit-backface-visibility: hidden;
}

.csstransitions .slideshow .slide + .slide {
    opacity: 0;
    display: block;
}

.slideshow .slide img {
    position: absolute;
    left: 50%;
    right: 0;
    display: block;
    top: 0;
    max-width: none;
}

.slideshow .buttons {
    display: none;
}

.csstransitions .slideshow .buttons {
    display: block;
    opacity: 0;
}

.slideshow .buttons a {
    position: absolute;
    z-index: 1;
    display: block;
    height: 20px;
    width: 17px;
    text-indent: -9999px;
    top: 50%;
    margin-top: -10px;
}

.slideshow .buttons a:focus {
    outline: none;
}

.slideshow .buttons .prev {
    left: 20px;
    background: url('slider-prev.png') no-repeat;
}

.slideshow .buttons .next {
    right: 20px;
    background: url('slider-next.png') no-repeat;
}

.slideshow .pager {
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.slideshow .pager a {
    display: inline-block;
    margin: 4px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF, endColorstr=#B2FFFFFF);
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF, endColorstr=#B2FFFFFF)';
    zoom: 1;
}

.slideshow .pager a:hover,
.slideshow .pager a.active {
    background: rgba(77,77,77,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B24D4D4D, endColorstr=#B24D4D4D);
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#B24D4D4D, endColorstr=#B24D4D4D)';
}