/*
 * edit 230813 by Jannis - added overflow to .slidemag
 * edit 130909 by Jannis - adjusted arrow colors
 * 130923 edit Jannis more responisive behavior
 */
.slidemag { position: relative; min-height: 100vh; width: 100%; background:#fff; overflow-x: hidden; }

.slidemag .section {
	position: absolute;
	display: none;
	background-color:#FFFFFF;
}

.slidemag .section.active {
	display: block !important;
	-webkit-overflow-scrolling: touch;
}

/* === CONTROLS ================================== */
.sld-controls { display: inline-block; width: 100vw; z-index:6000; position: fixed; overflow: hidden; }

.sld-control, .sld-control:link, .sld-control:visited {
	font-family: 'E2Aicons';
	position:fixed;
	top:50%; margin-top:-27px;
	width:54px; height:54px;
	display:inline-block;
	z-index:6000;

	text-decoration:none;
	font-size: 25px;
	line-height: 150%;

	color:#FFFFFF;
	color:rgba(255,255,255,0.85);

	background:#222;
	background:rgba(0,0,0,0.2);

	-webkit-transition: 200ms background-color linear, 300ms right ease-in-out, 300ms left ease-in-out;
	-moz-transition: 200ms background-color linear, 300ms right ease-in-out, 300ms left ease-in-out;
	-ms-transition: 200ms background-color linear, 300ms right ease-in-out, 300ms left ease-in-out;
	-o-transition: 200ms background-color linear, 300ms right ease-in-out, 300ms left ease-in-out;
	transition: 200ms background-color linear 0s, 300ms right ease-in-out 0s, 300ms left ease-in-out;
}

.sld-control:hover, .sld-control:focus, .sld-control:active {
	background:#000;
	background:rgba(0,0,0,0.65);

	color:#FFFFFF;
	color:rgba(255,255,255,1);
}

.sld-control.sld-left { left:0px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-right-radius: 26px; -moz-border-radius-topright: 26px; -moz-border-radius-bottomright: 26px; border-top-right-radius: 26px; border-bottom-right-radius: 26px; }
.sld-control.sld-right { right:0px; -webkit-border-top-left-radius: 26px; -webkit-border-bottom-left-radius: 26px; -moz-border-radius-topleft: 26px; -moz-border-radius-bottomleft: 26px; border-top-left-radius: 26px; border-bottom-left-radius: 26px; }

.sld-control > span {
	position:absolute;
	top:9px;

	-moz-transform:rotate(0); 
	-webkit-transform:rotate(0); 
	-o-transform:rotate(0); 
	-ms-transform:rotate(0); 
	transform:rotate(0);

	-webkit-transition: 200ms -webkit-transform ease-in-out;
	-moz-transition: 200ms -moz-transform ease-in-out;
	-ms-transition: 200ms -ms-transform ease-in-out;
	-o-transition: 200ms -o-transform ease-in-out;
	transition: 200ms transform ease-in-out;
}
.sld-control.sld-left > span { left:10px; }
.sld-control.sld-right > span { right:10px; }
.sld-control.touchdrag > span { -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
.sld-control.sld-left.disabled { opacity: 0; z-index: -1; }
.sld-control.sld-right.disabled { opacity: 0; z-index: -1; }

.sld-bullets {
	z-index:6000;
	width:100%;
	display:block;
	position:fixed;
	bottom:75px;
	text-align:center;
}

.sld-bullet {
	display:inline;
	color:rgb(210,210,210);
	padding:6px;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition: 190ms color linear;
	-moz-transition: 190ms color linear;
	-ms-transition: 190ms color linear;
	-o-transition: 190ms color linear;
	transition: 190ms color linear;
}

.sld-bullet.active, .sld-bullet:hover {
	color:rgb(245,245,245);
}

@media all and ( max-width:720px ) {
	.sld-controls {
		display:inline-block;
		background:rgba(255,255,255,0.85);
		height: 32px;
		left: 0; top:0;
		position: fixed;
		width: 100%;
	}
	.pagination {
		display:none !important;
	}
	.sld-control,.sld-control:link,.sld-control:visited {
		color:#000;
    	display: inline-block;
    	font-size: 22px;
    	height: 100%;
    	margin-top: 0;
    	position: absolute;
    	top: 2px;
    	width: 26px;
    	background:none;
    	-webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	-ms-border-radius: 0px;
    	-o-border-radius: 0px;
    	border-radius: 0px;

	}
	.sld-control > span {
		top: -2px;
	}
	.sld-control.sld-right > span {
    	right: 4px;
	}
	.sld-control.sld-left > span {
    	left: 4px;
	}
}
/* === ANIMATIONS =================================== */
.slidemag.animating {
	overflow: hidden;
	min-height:100%;
}

.sld-ani-slide-from-right { -moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); -o-transform: translate(100%,0); -ms-transform: translate(100%,0); transform: translate3d(100%,0,0); }
.sld-ani-slide-from-left { -moz-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); -o-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate3d(-100%,0,0); }

.sld-ani-slide {

	z-index:3000;

	position:absolute;
	left:0; top:0;

	-o-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;

	-webkit-transition: -webkit-transform 800ms ease-in-out;
	-moz-transition: -moz-transform 800ms ease-in-out;
	transition: transform 800ms ease-in-out;

}

.sld-ani-touch {

	z-index:3000;

	position:absolute;
	left:0; top:0;

	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;

	-webkit-transition: -webkit-transform 500ms ease-in-out;
	-moz-transition: -moz-transform 500ms ease-in-out;
	transition: transform 500ms ease-in-out;

}

.sld-ani-snap {
	position:absolute;
	left:0; top:0;
	-o-transition: all 160ms ease-in;
	-ms-transition: all 160ms ease-in;

	-webkit-transition: -webkit-transform 160ms ease-in;
	-moz-transition: -moz-transform 160ms ease-in;
	transition: transform 160ms ease-in;
}

.sld-ani-slide-to-right { -moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); -o-transform: translate(100%,0); -ms-transform: translate(100%,0); transform: translate3d(100%,0,0); }
.sld-ani-slide-to-left { -moz-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); -o-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate3d(-100%,0,0); }


@media all and (max-width: 800px){

	/* .slidemag { height:100%; min-height:100%; } */

	.slidemag .section.active { position:absolute; left:0; top:0; height:100%; min-height:100%; padding-bottom:0; overflow-style:auto; overflow: scroll; }

}
/* === FX =========================================== */

.sld-fx-shadow-big {
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.35);
	box-shadow: 0 0 20px rgba(0,0,0,0.35);
}