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

x. Layout

*********************************************************************************************/
.no-controls .slideshow-controls-direction,
.no-pager .slideshow-pager {
	display: none;
}

.slideshow-wrapper {
	position: relative;
	margin: 0 auto;
	*zoom: 1;
}

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

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

x. Theme

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

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

x. Loader

*********************************************************************************************/
.slideshow-wrapper .slideshow-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

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

x. Pager Controls

*********************************************************************************************/
.slideshow-wrapper .slideshow-pager {
	position: absolute;
	bottom: 30px; right: 40px;
}

.slideshow-wrapper .slideshow-pager .slideshow-pager-item {
	margin: 0 0 0 10px;
	float: left;
}

.slideshow-wrapper .slideshow-pager.slideshow-default-pager a {
	text-indent: 999px;
	width: 15px; height: 15px;
	background: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}

.slideshow-wrapper .slideshow-pager.slideshow-default-pager a:hover,
.slideshow-wrapper .slideshow-pager.slideshow-default-pager a.active {
	background: #AB1B2E;
}

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

x. Direction Controls

*********************************************************************************************/
.slideshow-wrapper .slideshow-next {
	right: -40px;
}

.slideshow-wrapper .slideshow-prev {
	left: -40px;
}

.slideshow-wrapper .slideshow-next:hover svg,
.slideshow-wrapper .slideshow-prev:hover svg {
	fill: #84AEB6;
}

.slideshow-wrapper .slideshow-controls-direction a {
	width: 20px; height: auto;
	-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: 9999;
}

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

.slideshow-wrapper .slideshow-controls-direction svg {
	fill: #AB1B2E;
}

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

x. Flag

*********************************************************************************************/
.slideshow-wrapper .flag {
	position: absolute;
	top: 50px; bottom: -20px; 
	left: 20px;
}

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

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

x. Caption

*********************************************************************************************/
.slideshow-wrapper div.caption {
	color: white;
	max-width: 1400px;
	position: absolute;
	bottom: 90px; 
	left: 60px; right: 60px;
	z-index: 20;
}

.slideshow-wrapper div.caption .content {
	font-size: 1.500em;
}

.slideshow-wrapper div.caption .content,
.slideshow-wrapper div.caption h1 {
	opacity: 0;
	position: relative;
	top: 20px;
}

.slideshow-wrapper .active div.caption .content,
.slideshow-wrapper .active div.caption h1 {
	opacity: 1;
	top: 0;
}

.slideshow-wrapper div.caption h1 {
	margin: 0 0 10px 0;
}

.slideshow-wrapper span.caption {
	color: white;
	font-family: 'Roboto Slab', serif;
	font-size: 1.250em;
	background: rgba(79, 41, 31, 0.9);
	padding: 20px 40px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0; right: 0;
}

.slideshow-wrapper div.caption p a {
	color: white;
	font-size: 32px;
	line-height: 1.25em;
	text-align: center;
	text-decoration: none;
	width: auto; height: auto;
	background: #AB1B2E;
	padding: 20px 30px;
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: middle;
	position: relative;
}

/*
.slideshow-wrapper div.caption p a:before, 
.slideshow-wrapper div.caption p a:after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	border: 35px solid #AB1B2E;
}

.slideshow-wrapper div.caption p a:before {
	left: -35px;
	border-right-width: 35px;
	border-left-color: transparent !important;
}

.slideshow-wrapper div.caption p a:after {
	right: -35px;
	border-left-width: 35px;
	border-right-color: transparent !important;
}
*/

.slideshow-wrapper div.caption p a:hover {
	color: white;
	background: #84AEB6;
}

/*
.slideshow-wrapper div.caption p a:hover:before,
.slideshow-wrapper div.caption p a:hover:after {
	border-color: #84AEB6;
}
*/

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

x. Gradient

*********************************************************************************************/
.slideshow-wrapper .gradient {
	width: 100%; height: 50%;
	background-image: url(../img/gradient.png);
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0; right: 0;
	z-index: 10;
}

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

x. Video

*********************************************************************************************/
.slideshow-wrapper .video {
	background: black;
	position: relative;
}

.slideshow-wrapper .video .image {
	opacity: 0.5;
}

.slideshow-wrapper .video a {
	text-decoration: none;
	display: block;
	-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%;
}

.slideshow-wrapper .video a svg {
	width: 100px; height: 100px;
	margin: 0 auto;
}

.slideshow-wrapper .video a span.label {
	color: white;
	text-align: center;
	margin: 20px 0 0 0;
	display: block;
}

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

x. Pike Up: Caption

*********************************************************************************************/
#pike-up .slideshow-wrapper div.caption {
	padding: 0 0 0 70px;
}