.pictureGallery {
	padding:0px;
	text-align:center;
	height:515px;
	background-color:whitesmoke;
	border:1px solid #D3D6DB;
	border-radius:5px;
}

.pictureGalleryWrapper {
  overflow:hidden;
	width:100%;
	height:395px;
	padding:20px 0px;
}

.pictureGalleryImages {
	height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:-ms-flex;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.pictureGalleryImages.nodelay {
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}

.pictureGalleryImages.halfdelay {
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  -ms-transition: -ms-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}

.pictureGalleryImage {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width:100%;
	height:100%;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
}

.pictureGalleryCaptionContainer {
	text-align:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:-ms-flex;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
	width:100%;
	margin-top:331px;
	opacity:0.65;
}

@media only screen and (max-width : 767px) {

	.pictureGalleryCaptionContainer {
		margin-top: 182px;
	}

}

.pictureGalleryCaptionContainer .spacer {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
}

.pictureGalleryCaption {
	background-color:rgba(0,0,0,1);
	color:white;
	padding:3px 10px;
	font-size:12px;
}

.pictureGalleryNavigation {
	border-top:1px solid #D3D6DB;
	display:-webkit-box;
  display:-webkit-flex;
	display:-ms-flexbox;
  display:-ms-flex;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
	overflow:hidden;
	padding:10px;	
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items: center;
}

.pictureGalleryThumbnailWrapper {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%;
	overflow:hidden;
}

.pictureGalleryThumbnails {
	height:100%;
	min-width:100%;
	display:-webkit-box;
  display:-webkit-flex;
	display:-ms-flexbox;
  display:-ms-flex;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;

}

.pictureGalleryThumbnail {
	height:75px;
	width:75px;	
	margin:5px;
	border-radius:5px;
	border:1px solid transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
	opacity:0.5;
}

.pictureGalleryThumbnail.selected {
	border:1px solid red;
	opacity:1.0;
}

.pictureGalleryThumbnail.selected:hover {
	border:1px solid red;
}

.pictureGalleryThumbnail:hover {
	border:1px solid #D3D6DB;
	cursor:pointer;
	opacity:1.0;
}

.pictureGalleryNext {
	height:50px;
	width:50px;
	opacity:0.5;
	background-image:url('../images/right.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pictureGalleryNext:hover {
	cursor:pointer;
	opacity:1.0;
}

.pictureGalleryBack {
	height:50px;
	width:50px;
	opacity:0.5;
	background-image:url('../images/left.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pictureGalleryBack:hover {
	cursor:pointer;
	opacity:1.0;
}

.pictureGalleryClose {
	display:none;
	right:10px;
	top:0px;
	position:absolute;
	color:white;
	text-align:center;
	padding:3px;
	width:20px;
	font-family:arial;
	font-weight:bold;
	font-size:22px;
	opacity:0.75;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pictureGalleryClose:before {
	content:"X";
}

.pictureGalleryClose:hover {
	color:red;
	cursor:pointer;
}