/**
 * 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; }
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:932px; height:400px; position:relative; background:#fff url(../images/layout/bg-slideshow.jpg) center top no-repeat; position:relative; margin:0 auto; z-index:1;}
.slider .text { position:absolute; bottom:52px; right:52px; z-index:10; background:rgba(255, 255, 255, 0.9); border-radius:10px; padding:18px 19px; font:1.5em/1em 'bree_serifregular'; color:#037c09;}

a.showslideController { width:35px; height:35px; display:block; background-color:rgba(195, 41, 199, 0.3); border-radius:50%; position:absolute; font-size:0; color:#fff; text-decoration:none;}
.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(195, 41, 199, 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; }
/** 
* 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); }