/* CSS Document */

.bwiseGallery{
	display:block;
	clear:both;
}
.bwiseGalleryHidden { display: none; }
.bwiseGalleryHidden.act { display: block; }

.bwiseGallery>div{
	transition:left ease .5s;
	-webkit-transition:left ease .5s;
	-moz-transition:left ease .5s;
}
.bwiseGallery.opening>div{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
}
.bwiseGallery>div>a{
	/*float:left;
	width:150px;
	height:150px;
	background:no-repeat center;
	background-size:cover;
	margin:5px;*/
	
	/*transition:background ease .5s;
	-webkit-transition:background ease .5s;
	-moz-transition:background ease .5s;*/
}

.bwiseGallery.act>div,
.bwiseGallery.bwiseTheatre>div{
	width:10000%;max-width: 10000% !important;
	height:100%;
	position:relative;
}
.bwiseGallery.act>div>a,
.bwiseGallery.bwiseTheatre>div>a{
	height:100%;
	width:1%;
	margin:0;
	background-size:contain;
}

.bwiseGallery.bwiseTheatre{
	height:200px;
	overflow:hidden;
	background:#000;
	position:relative;
}
.bwiseGallery.bwiseTheatre>div{
	position:relative;
}

.bwiseGallery.act{
	width: 100% !important;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,.8) !important;
	z-index:10000;
	overflow:hidden;
	height:auto;
}
.bwiseGallery.act a{ background-color: transparent !important; border: none !important; }


/* UI Elemente */

.bwiseGallery>span{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	margin-top:-30px;
	height:1px;
	height:0;
	overflow:visible;
}
.bwiseGallery.act>span,
.bwiseGallery.bwiseTheatre>span{
	display:block;
}

.bwiseGallery>em,
.bwiseGallery>span>strong								{ display :block; float: left; height: 50px; width: 50px; margin: 10px; padding-top: 1px;
																  border: 1px solid #969696; border-radius: 50%; font-style: normal;
																  background:rgba(255,255,255,.8);
																  text-align: center; line-height: 38px; color: #969696; font-weight: lighter; }
.bwiseGallery>em:hover,
.bwiseGallery>span>strong:hover						{ border: 1px solid #517590; color: #517590; cursor: pointer; }

.bwiseGallery>span>strong								{ line-height: 38px; font-size: 28px; font-family: "FontAwesome"; padding: 7px 3px 0 0; }
.bwiseGallery>span>strong:nth-child(1)				{ float: right;; padding: 7px 0 0 3px; }
.bwiseGallery>span>strong:nth-child(1):before	{ content:"\f054"; }
.bwiseGallery>span>strong:nth-child(2):before	{ content:"\f053"; }

.bwiseGallery>em											{ display: none; position: absolute; right: 0px; top: 0px;
																  line-height: 46px; font-size: 28px; font-family: "FontAwesome"; }
.bwiseGallery.act>em										{ display:block; }
.bwiseGallery>em:before									{ content:"\f00d"; }