/********************************************************************************************* 

x. Reset and Layout

*********************************************************************************************/
.slideshow-wrapper {
	/*background-color: #B2B1AE;*/
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.slideshow-wrapper img {
	max-width: 100%;
	display: block;
}

.slideshow-wrapper img.fake {
	background: #cacaca;
}

.slideshow-wrapper img.real {
	width: auto; height: 100%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: 0; bottom: 0;
	left: 50%;
}

.slideshow-wrapper .slideshow-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.slideshow-wrapper .video-container {
	width: 100%; height: 100%;
	/*
	width: 80%; height: 80%;
	max-width: 80%;
	max-height: 80%;
	*/
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%; left: 50%;
	/*
	height: 0;
	max-width: 100%;
	padding-bottom: 56.25%;  
	position: relative; 
	overflow: hidden;
	*/
}

.slideshow-wrapper .video-container .cover {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 10;
}

.slideshow-wrapper .video-container iframe, 
.slideshow-wrapper .video-container object, 
.slideshow-wrapper .video-container embed { 
	width: 100%; height: 100%;
}

/*
.single-r-d-project .video-container {
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}

.single-r-d-project .video-container iframe, 
.single-r-d-project .video-container object, 
.single-r-d-project .video-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
*/

/********************************************************************************************* 

x. Loader

*********************************************************************************************/
.slideshow-wrapper .slideshow-loading {
	width: 100%; height: 100%;
	background: url(../img/loader.gif) #F0F0F0 center center no-repeat;
}

.slideshow-wrapper .slideshow-loading img {
	width: 100%; height: auto;
}

/********************************************************************************************* 

x. Pager

*********************************************************************************************/
.slideshow-wrapper .slideshow-pager {
	font-size: 0;
	text-align: center;
	list-style: none;
	position: absolute;
	bottom: 30px;
	left: 0; right: 0;
	z-index: 10;
}

.slideshow-wrapper .slideshow-pager .slideshow-pager-item,
.slideshow-wrapper .slideshow-controls-auto .slideshow-controls-auto-item {
	margin: 0 2px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.slideshow-wrapper .slideshow-pager.slideshow-default-pager a {
	width: 48px; height: 8px;
	border: 1px solid #fff;
	display: block;
	position: relative;
}

.slideshow-wrapper .slideshow-pager.slideshow-default-pager a:before {
	content: '';
	width: 0; height: auto;
	background: #fff;
	position: absolute;
	top: 0; bottom: 0;
	left: 0;
}

.slideshow-wrapper .slideshow-pager.slideshow-default-pager a:hover:before,
.slideshow-wrapper .slideshow-pager.slideshow-default-pager a.active:before {
	width: 100%;
}

/********************************************************************************************* 

x. Pager: Animation

*********************************************************************************************/
.slideshow-wrapper .slideshow-pager.slideshow-default-pager a:before {
	-webkit-transition: width 0.15s ease;
	-moz-transition: width 0.15s ease;
	-ms-transition: width 0.15s ease;
	-o-transition: width 0.15s ease;
	transition: width 0.15s ease;
}

/********************************************************************************************* 

x. Navigation

*********************************************************************************************/
.slideshow-wrapper .slideshow-prev {
	left: 20px;
}

.slideshow-wrapper .slideshow-next {
	right: 20px;
}

.slideshow-wrapper .slideshow-controls-direction a {
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	z-index: 20;
}

.slideshow-wrapper .slideshow-controls-direction a svg {
	width: 25px; height: auto;
}

.slideshow-wrapper .slideshow-controls-direction a svg path {
	/*fill: #fff;*/
	fill: #d0d0d4;
}

.slideshow-wrapper .slideshow-controls-direction a:hover svg path {
	fill: #FF6642;
}

.slideshow-wrapper .slideshow-controls-direction a.disabled {
	display: none;
}

.slideshow-wrapper.no-caption .caption, 
.slideshow-wrapper.no-navigation .slideshow-controls-direction,
.slideshow-wrapper.no-pagination .slideshow-pager {
	display: none;
}

/********************************************************************************************* 

x. Caption

*********************************************************************************************/
.slideshow-wrapper .slideshow .slide .caption {
	color: #fff;
	width: 1300px; height: auto;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%; left: 50%;
	z-index: 10;
}

.slideshow-wrapper .slideshow .slide .caption.small {
	color: #454040;
	font-size: 11px;
	width: auto; height: auto;
	background: white;
    padding: 5px 0 0 0;
    display: block;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	position: relative;
	top: 0; left: 0;
}

.slideshow-wrapper .slideshow .slide .caption.small p {
    line-height: 17px;
}

.slideshow-wrapper .slideshow .slide .caption .button {
	font-size: 1.333em;
}

/********************************************************************************************* 

x. Copyright

*********************************************************************************************/
.slideshow-wrapper .slideshow .slide .copyright {
	color: #fff;
	position: absolute;
	bottom: 15px; right: 15px;
	z-index: 10;
	cursor: pointer;
}

/********************************************************************************************* 

x. Overlay

*********************************************************************************************/
.slideshow-wrapper .slideshow .slide .overlay {
	background: #000;
	opacity: 0.25;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
}