/*********************************
* Slideshow Styling
*********************************/
#slideshow {
	width: 100%;
	height: 100%;
	margin: 100px auto;

    position:relative;

    overflow: hidden;
}
	#slideshow.fullscreen {
		position: relative;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;

		overflow: hidden;
	}
	.slideshow {
		width: 100%;
		height: 100%;
		margin: 100px auto;
	
		position:relative;
	
		overflow: hidden;
	}
		.slideshow.fullscreen {
			position: relative;
			top: 0;
			left: 0;
	
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
	
			overflow: hidden;
		}
	.img-wrapper {
	    min-width: 100%;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    z-index: 8;
    background-size: cover;
	    background-position: center center;
	}
		#slideshow .img-wrapper.active {
		    z-index:10;
		}

		#slideshow .img-wrapper.last-active {
		    z-index:9;
		}
		.slideshow .img-wrapper.active {
		    z-index:10;
		}

		.slideshow .img-wrapper.last-active {
		    z-index:9;
		}
	/*********************************
	* Thumbnail Styling
	*********************************/
	.thumbs-container {
		width: 100%;
		height: 60px;
		position: absolute;
		left: 0;

		z-index: 11;

		background: #fff;
		opacity: .9;
	}
		.thumbs-container.top {
			top: 0;
		}
		.thumbs-container.bottom {
			bottom: 0;
		}
		.prev, .next {
			padding: 1px 4px;
    color: #000;
    cursor: pointer;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    font-size: 20px;
    background-color: #ffffffbd;
    border-radius: 3px;
		}
		.prev { 
        left: 0;
    top: 50%;
    transform: translateY(-50%);
		}
		.next { 
        right: 0;
    top: 50%;
    transform: translateY(-50%);
		}
			.prev:hover, .next:hover {
				color: #555555;
			}
		ul.thumbs {
			position: absolute;
			top: 0;
			left: 0%;
			right: 0%;
			height: 60px;
			padding: 0;
			margin: 0 ;
			overflow: hidden;
			white-space: nowrap;
			text-align: center;
		}
			.thumb {
				display: inline-block;
				width: 60px;
				height: 60px;
				margin: 0px;

				overflow: hidden;
				background-size: cover;
	    		background-position: center center;

	    		cursor: pointer;
			}
				.thumb:first-of-type {
					margin-left: 0px;
				}
			.thumb.active {
				width: 60px;
				height: 60px;
				border:1px solid #e39618;
			}