.slider{
	width: 100%;
	min-width: 640px;
	position: relative;
	overflow: hidden;
    z-index:0;
}
.slide {
    display: none;
}
.slide,
.slide-text,
.slide-image
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
}
.slide-current{
    display: block;
	z-index: 1000;
}
.slider-fb .slide{
	left: 100%;
}
.slider-fb  .slide.slide-current{
	left: 0px;
}
.slide .slide-image,
.slide .slide-text{
	position: absolute;
	/*opacity: 0;
	left: 110%;*/
}

.slide .alt-text {
	position:absolute;
	left:-99999px;
}

.slider-fb .slide .slide-image{
	left: 0%;
	opacity: 1;
}
.slider-fb .slide .slide-text{
	left: 0%;
	opacity: 1;
}
.slide .link{
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.slide .link:hover{
	background: rgba(255,255,255,0.3);
}

.dots{
    background-color: #fff;
    width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 0px;
	padding: 12px 0;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.dots span{
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.7) inset;
	border-radius: 50%;
	background: rgb(116,117,124);
}
.dots span.dots-current:after{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	left: -1px;
	border-radius: 50%;
	background: rgb(255,204,0);
	cursor: pointer;
	box-shadow: -4px -4px 8px rgba(0,0,0,0.4) inset;
    border: 1px solid rgb(255,204,0);
}
.arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.arrows span{
	position: absolute;
	top: 50%;
	margin-top:-84px;
	height: 128px;
	width: 90px;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.slider:hover .arrows span,
.slider-hover .arrows span {
	opacity: 1;
}

.arrows span.arrows-prev{
	background:transparent url(/img/arrow-left.png) no-repeat;
	left: 15px;
}
.arrows span.arrows-next{
	background:transparent url(/img/arrow-right.png) no-repeat;
	right: 15px;
}

.slide-current .slide-image{
	left: 0%;
	opacity: 1;
}
.slide-current .slide-text{
	left: 0%;
	opacity: 1;
}

/* Animation classes and animations */
/* Image & Text: Slide in from the right */
.slide-current .slide-image.fromright
{
	-webkit-animation: fromRightAnim 0.4s ease-in-out 0.4s both;
	-moz-animation: fromRightAnim 0.4s ease-in-out 0.4s both;
	-o-animation: fromRightAnim 0.4s ease-in-out 0.4s both;
	-ms-animation: fromRightAnim 0.4s ease-in-out 0.4s both;
	animation: fromRightAnim 0.4s ease-in-out 0.4s both;
}

.slide-current .slide-text.fromright
{
	-webkit-animation: fromRightAnim 0.4s ease-in-out 0.6s both;
	-moz-animation: fromRightAnim 0.4s ease-in-out 0.6s both;
	-o-animation: fromRightAnim 0.4s ease-in-out 0.6s both;
	-ms-animation: fromRightAnim 0.4s ease-in-out 0.6s both;
	animation: fromRightAnim 0.4s ease-in-out 0.6s both;
}

@-webkit-keyframes fromRightAnim
{
	0% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-moz-keyframes fromRightAnim
{
	0% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-o-keyframes fromRightAnim
{
	0% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-ms-keyframes fromRightAnim
{
	0% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@keyframes fromRightAnim
{
	0% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

/* Image & Text: Slide in from the left */
.slide-current .slide-image.fromleft
{
	-webkit-animation: fromLeftAnim 0.4s ease-in-out 0.4s both;
	-moz-animation: fromLeftAnim 0.4s ease-in-out 0.4s both;
	-o-animation: fromLeftAnim 0.4s ease-in-out 0.4s both;
	-ms-animation: fromLeftAnim 0.4s ease-in-out 0.4s both;
	animation: fromLeftAnim 0.4s ease-in-out 0.4s both;
}

.slide-current .slide-text.fromleft
{
	-webkit-animation: fromLeftAnim 0.4s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim 0.4s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim 0.4s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim 0.4s ease-in-out 0.6s both;
	animation: fromLeftAnim 0.4s ease-in-out 0.6s both;
}

@-webkit-keyframes fromLeftAnim
{
	0% { left: -100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim
{
	0% { left: -100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-o-keyframes fromLeftAnim
{
	0% { left: -100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim
{
	0% { left: -100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

@keyframes fromLeftAnim
{
	0% { left: -100%; opacity: 0; }
	100% { left: 0%; opacity: 1; }
}

/* Image & Text: Slide in from the top */
.slide-current .slide-image.fromtop
{
	-webkit-animation: fromTopAnim 0.4s ease-in-out 0.4s both;
	-moz-animation: fromTopAnim 0.4s ease-in-out 0.4s both;
	-o-animation: fromTopAnim 0.4s ease-in-out 0.4s both;
	-ms-animation: fromTopAnim 0.4s ease-in-out 0.4s both;
	animation: fromTopAnim 0.4s ease-in-out 0.4s both;
}

.slide-current .slide-text.fromtop
{
	-webkit-animation: fromTopAnim 0.4s ease-in-out 0.6s both;
	-moz-animation: fromTopAnim 0.4s ease-in-out 0.6s both;
	-o-animation: fromTopAnim 0.4s ease-in-out 0.6s both;
	-ms-animation: fromTopAnim 0.4s ease-in-out 0.6s both;
	animation: fromTopAnim 0.4s ease-in-out 0.6s both;
}

@-webkit-keyframes fromTopAnim
{
	0% { top: -100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-moz-keyframes fromTopAnim
{
	0% { top: -100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-o-keyframes fromTopAnim
{
	0% { top: -100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-ms-keyframes fromTopAnim
{
	0% { top: -100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@keyframes fromTopAnim
{
	0% { top: -100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

/* Image & Text: Slide in from the top */
.slide-current .slide-image.frombottom
{
	-webkit-animation: fromBottomAnim 0.4s ease-in-out 0.4s both;
	-moz-animation: fromBottomAnim 0.4s ease-in-out 0.4s both;
	-o-animation: fromBottomAnim 0.4s ease-in-out 0.4s both;
	-ms-animation: fromBottomAnim 0.4s ease-in-out 0.4s both;
	animation: fromBottomAnim 0.4s ease-in-out 0.4s both;
}

.slide-current .slide-text.frombottom
{
	-webkit-animation: fromBottomAnim 0.4s ease-in-out 0.6s both;
	-moz-animation: fromBottomAnim 0.4s ease-in-out 0.6s both;
	-o-animation: fromBottomAnim 0.4s ease-in-out 0.6s both;
	-ms-animation: fromBottomAnim 0.4s ease-in-out 0.6s both;
	animation: fromBottomAnim 0.4s ease-in-out 0.6s both;
}

@-webkit-keyframes fromBottomAnim
{
	0% { top: 100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-moz-keyframes fromBottomAnim
{
	0% { top: 100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-o-keyframes fromBottomAnim
{
	0% { top: 100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@-ms-keyframes fromBottomAnim
{
	0% { top: 100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

@keyframes fromBottomAnim
{
	0% { top: 100%; opacity: 0; }
	100% { top: 0%; opacity: 1; }
}

/* Background: Slide in from the right */
.slide-fromright
{
	display: block;
    -webkit-animation: backgroundFromRightAnim 0.6s ease-in-out both;
	-moz-animation: backgroundFromRightAnim 0.6s ease-in-out both;
	-o-animation: backgroundFromRightAnim 0.6s ease-in-out both;
	-ms-animation: backgroundFromRightAnim 0.6s ease-in-out both;
	animation: backgroundFromRightAnim 0.6s ease-in-out both;
}

@-webkit-keyframes backgroundFromRightAnim
{
	0% { left: 100%; }
	100% { left: 0%; }
}

@-moz-keyframes backgroundFromRightAnim
{
	0% { left: 100%; }
	100% { left: 0%; }
}

@-o-keyframes backgroundFromRightAnim
{
	0% { left: 100%; }
	100% { left: 0%; }
}

@-ms-keyframes backgroundFromRightAnim
{
	0% { left: 100%; }
	100% { left: 0%; }
}

@keyframes backgroundFromRightAnim
{
	0% { left: 100%; }
	100% { left: 0%; }
}

/* Background: Slide in from the left */
.slide-fromleft
{
    display: block;
    -webkit-animation: backgroundFromLeftAnim 0.6s ease-in-out both;
	-moz-animation: backgroundFromLeftAnim 0.6s ease-in-out both;
	-o-animation: backgroundFromLeftAnim 0.6s ease-in-out both;
	-ms-animation: backgroundFromLeftAnim 0.6s ease-in-out both;
	animation: backgroundFromLeftAnim 0.6s ease-in-out both;
}

@-webkit-keyframes backgroundFromLeftAnim
{
	0% { left: -100%; }
	100% { left: 0%; }
}

@-moz-keyframes backgroundFromLeftAnim
{
	0% { left: -100%; }
	100% { left: 0%; }
}

@-o-keyframes backgroundFromLeftAnim
{
	0% { left: -100%; }
	100% { left: 0%; }
}

@-ms-keyframes backgroundFromLeftAnim
{
	0% { left: -100%; }
	100% { left: 0%; }
}

@keyframes backgroundFromLeftAnim
{
	0% { left: -100%; }
	100% { left: 0%; }
}

/* Entire slide: Slide out to the right */
.slide-toright
{
	display: block;
    -webkit-animation: toRightAnim 0.6s ease-in-out both;
	-moz-animation: toRightAnim 0.6s ease-in-out both;
	-o-animation: toRightAnim 0.6s ease-in-out both;
	-ms-animation: toRightAnim 0.6s ease-in-out both;
	animation: toRightAnim 0.6s ease-in-out both;
}

@-webkit-keyframes toRightAnim
{
	0% { left: 0%; }
	100% { left: 100%; }
}

@-moz-keyframes toRightAnim
{
	0% { left: 0%; }
	100% { left: 100%; }
}

@-o-keyframes toRightAnim
{
	0% { left: 0%; }
	100% { left: 100%; }
}

@-ms-keyframes toRightAnim
{
	0% { left: 0%; }
	100% { left: 100%; }
}

@keyframes toRightAnim
{
	0% { left: 0%; }
	100% { left: 100%; }
}

/* Entire slide: Slide out to the left*/
.slide-toleft
{
	display: block;
    -webkit-animation: toLeftAnim 0.6s ease-in-out both;
	-moz-animation: toLeftAnim 0.6s ease-in-out both;
	-o-animation: toLeftAnim 0.6s ease-in-out both;
	-ms-animation: toLeftAnim 0.6s ease-in-out both;
	animation: toLeftAnim 0.6s ease-in-out both;
}

@-webkit-keyframes toLeftAnim
{
	0% { left: 0%; }
	100% { left: -100%; }
}

@-moz-keyframes toLeftAnim
{
	0% { left: 0%; }
	100% { left: -100%; }
}

@-o-keyframes toLeftAnim
{
	0% { left: 0%; }
	100% { left: -100%; }
}

@-ms-keyframes toLeftAnim
{
	0% { left: 0%; }
	100% { left: -100%; }
}

@keyframes toLeftAnim
{
	0% { left: 0%; }
	100% { left: -100%; }
}





/* Buttons and hotspots */
.slide-button {
    cursor: pointer;
    display:block;
    position: absolute;
    z-index: 101;
}

.slide-hotspot {
    background: transparent url('/img/Hotspot.png') no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
}

.slide-hotspot:hover,
.slide-hotspot-active {
    background-image: url('/img/hotspot-active.png');
    z-index: 101;
}

.slide-current .slide-button {
    -webkit-animation: fadeIn 0.6s ease-in 0.8s both;
    -moz-animation: fadeIn 0.6s ease-in 0.8s both;
    -o-animation: fadeIn 0.6s ease-in 0.8s both;
    -ms-animation: fadeIn 0.6s ease-in 0.8s both;
    animation: fadeIn 0.6s ease-in 0.8s both;
}

.slide-current .slide-hotspot {
    -webkit-animation: fadeIn 0.6s ease-in 1.0s both;
    -moz-animation: fadeIn 0.6s ease-in 1.0s both;
    -o-animation: fadeIn 0.6s ease-in 1.0s both;
    -ms-animation: fadeIn 0.6s ease-in 1.0s both;
    animation: fadeIn 0.6s ease-in 1.0s both;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn
{
	0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn
{
	0% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes fadeIn
{
	0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn
{
	0% { opacity: 0; }
    100% { opacity: 1; }
}