.imagefader {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.imagefader .images {
	position:relative;
	margin-bottom: 20px;
	margin: 0 auto;
	display: inline-block;
	max-width: 100%;
}

@media (max-width: 768px) {
.imagefader div.images {
	max-width: 70%;
}
}

.imagefader .images  img {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.imagefader .images img:not(:first-child) {	
	position:absolute;
	top: 0;
	left:0;
}

.imagefader .images  img.transparent {
	opacity:0;
}
.imagefader > div.shadow {
	cursor:pointer;
	margin-top: 2em;
	max-width: 45px;
}

.imagefader > div.shadow:not(:last-child) {
	margin-right: 0.5em;
}

.imagefader .images img:nth-child(1) {
	z-index: 1;
}

.imagefader .images img:nth-child(2) {
	z-index: 2;
}

.imagefader .images img:nth-child(3) {
	z-index: 3;
}

.imagefader .images img:nth-child(4) {
	z-index: 4;
}

.imagefader img.img-circle {
    box-shadow: 0 0 0 2pt #ccc;
	border: 2pt solid #fff;
	max-width: 100%;
	position: relative;
	z-index: -1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.imagefader img.active.img-circle {	
	box-shadow: 0 0 0 2pt #61b7d8;
}
.imagefader .shadow {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.imagefader .shadow:hover {
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 10px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 10px inset;
  box-shadow: inset 0 0 0 2pt #fff, rgba(0,0,0,0.4) 0px 0px 10px 4px inset;
}