/**
 * jQuery content slideshow
 * @name showslide
 * @author Dominik Kressler
 * @version 1.1.3
 * @category jQuery plugin
 * @copyright (c) 2013
 *
 * Changelog:
 *
 * SEE JS FILE
*/


/**
 * SPEED SETTING
 */
.slider > .animate
{
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
	-ms-transition-duration: 1000ms;
	-o-transition-duration: 1000ms;
	transition-duration: 1000ms;
}

/** 
* SPECIAL EASINGS
* FOR MORE EASINGS: http://matthewlein.com/ceaser/
**/
.slider.horizontal > .animate { transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */ }
.slider.vertical > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }
.slider.fade > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.flip > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.puffOut > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.puffIn > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.zoomOut > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }
.slider.zoomIn > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }

/**
 * NAVIGATION
 */
a.showslideController.showslideNext:before, 
a.showslideController.showslidePrev:before, 
a.showslideController.showslidePlay:before, 
a.showslideController.showslidePlay.true:before
{
	font-family: 'userinterface';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-indent: 0;
	display:block;
	font-size:16px;
	text-align: center;
	line-height:35px;
	color:#FFF;
}
a.showslideController.showslideNext:before 
{
	content: "M";
}
a.showslideController.showslidePrev:before 
{
	content: "N";
}
a.showslideController.showslidePlay:before 
{
	content: "C";
}
a.showslideController.showslidePlay.true:before 
{
	content: "B";
}

/** 
* GLOBALS
**/
.slider {width:100%; max-width:1500px;height:225px;position:relative;}

a.showslideController
{
	width:35px;
	height:35px;
	display:block;
	background-color:rgba(255,255,255,0.3);
	border-radius:50%;
	position:absolute;
	font-size:0;    
}
.showslideController
{
	cursor:pointer;
	list-style:none;
	z-index:100!important;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;   
	opacity:0;
}
a.showslideController:hover{background-color:rgba(255,255,255,0.7);}
.slider:hover .showslideController {opacity:1;}
a.showslideController.showslidePlay
{
	bottom:17px;
	left:50%;
	margin-left:-17px;
}
a.showslideController.showslidePrev,
a.showslideController.showslideNext
{
	top:50%;
	margin-top:-17px;
}
a.showslideController.showslidePrev{left:17px;}
a.showslideController.showslideNext{right:17px;}
.showslideSelect
{
	z-index:100!important;
	position: absolute;
	bottom:25px;
	left:25px;
}
.showslideSelect li
{
	float:left;
	text-indent:-9999px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	margin-right:5px;
}
.showslideSelect.thumbnails li
{
	width:64px;
	height:64px;
	background-size:cover;
	border:3px solid #3FA9F5;
}
.showslideSelect li.active,
.showslideSelect li:hover
{
	opacity:1;
}

.slider {overflow:hidden;}

.slider .slide:not(.active){z-index:1;}

.slider .slide 
{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
}
.slide img{
	width: 100%;
}
/** 
* ELEMENTS WITH data-caption-ATTRIBUTES
**/
.slider .slide[data-caption]:after
{
	content:attr(data-caption);
	background:rgba(255, 255, 255, 0.5);
	left:0;
	color: #000;
	display:block;
	padding:1em;
	position:absolute;
	width:100%;
	top:-100%;
}
.slider .slide.active[data-caption]:after{top:0;}

/** 
* TRANSITIONS
**/
.slider .slide[data-caption]:after,
.slider.fade > .animate,
.slider.horizontal > .animate,
.slider.vertical > .animate,
.slider.zoomOut > .animate,
.slider.zoomIn > .animate,
.slider.puffOut > .animate,
.slider.puffIn > .animate
{
	-webkit-transition-property:all;
	-moz-transition-property:all;
		-o-transition-property:all;
	transition-property:all;    
}

.slider .slide {z-index:1;}
.slider .slide.active {z-index:10;}

/** 
* FADE
**/
.slider.fade .slide{opacity:0;}
.slider.fade .slide.active{opacity:1;}

/** 
* HORIZONTAL
**/
.slider.horizontal .slide.active
{
	left:0;
	z-index:10;
}
.slider.horizontal .slide.right
{
	left:100%;
	z-index:1;
}
.slider.horizontal .slide.left
{
	left:-100%;
	z-index:1;
}

/** 
* VERTICAL
**/
.slider.vertical .active
{
	top:0;
	z-index:10;
}
.slider.vertical .left
{
	top:-100%;
	z-index:1;
}
.slider.vertical .right
{
	top:100%;
	z-index:1;
}

/** 
* FLIP
**/
.slider.flip > .animate
{
	-webkit-transition:all 2000ms ease-in-out;
	-moz-transition:all 2000ms ease-in-out;
	-o-transition:all 2000ms ease-in-out;
	transition:all 2000ms ease-in-out;  
}
.slider.flip {overflow:visible}
.slider.flip .left 
{
	opacity: 0;
	-webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	-moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	-ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	-o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
.slider.flip .right
{
	opacity: 0;
	-webkit-transform: perspective(800px) rotateX(180deg) translateZ(300px);
	-moz-transform: perspective(800px) rotateX(180deg) translateZ(300px);
	-ms-transform: perspective(800px) rotateX(180deg) translateZ(300px);
	-o-transform: perspective(800px) rotateX(180deg) translateZ(300px);
	transform: perspective(800px) rotateX(180deg) translateZ(300px);
}
.slider.flip .active
{
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translateZ(0);
	-moz-transform: perspective(0) rotateX(0) translateZ(0);
	-ms-transform: perspective(0) rotateX(0) translateZ(0);
	-o-transform: perspective(0) rotateX(0) translateZ(0);
	transform: perspective(0) rotateX(0) translateZ(0);
}

/** 
* puffOut
**/
.slider.puffOut {overflow:visible}
.slider.puffOut .left 
{
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.slider.puffOut .right
{
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.slider.puffOut .active
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/** 
* puffIn
**/
.slider.puffIn {overflow:visible}
.slider.puffIn .left 
{
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.slider.puffIn .right
{
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.slider.puffIn .active
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/** 
* zoomOut
**/
.slider.zoomOut .left 
{
	opacity: 0;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
}
.slider.zoomOut .right
{
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.slider.zoomOut .active
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/** 
* zoomIn
**/
.slider.zoomIn .left 
{
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.slider.zoomIn .right
{
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.slider.zoomIn .active
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}