.item-0, .item-1, .item-2, .item-3 {
	position: absolute;
	top: 28%;
	left: 50%;
	cursor: pointer;
}

.item-0 {
	z-index: 5;	
}

.item-0 img {
	opacity: 1;
	height: 364.0px;
	width: 462.0px;
	margin: -8% 0px 0px -9%;
}

.item-0 img:nth-child(2), .item-1 img:nth-child(2), .item-2 img:nth-child(2), .item-3 img:nth-child(2) {
	position: absolute;
	top: 0%;
	left: 0%;
	visibility: hidden;
}

.item-0 img:last-child, .item-1 img:last-child, .item-2 img:last-child, .item-3 img:last-child {
	position: absolute;
	top: 0%;
	left: 0%;
	visibility: hidden;
}

.item-1 {
	z-index: 3;
}

.item-1 img {
	height: 381px;
	width: 474px;
	margin: -16% 0px 0px -31%;
}

.item-2 {
	z-index: 2;
}

.item-2 img {
	height: 405.0px;
	width: 512.0px;
	margin: -23% 0px 0px -51%;
}

.item-3 {
	z-index: 1;
}

.item-3 img {
	height: 430.0px;
	width: 565.0px; 
	margin: -29% 0px 0px -68%;
}

.notie9 .closeup:not(:active) {
	min-width: 65%;
	/*margin-left: 25%;
	margin-top: 10%; */
	/*-o-transition-property: min-width;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;*/
	/*transition: min-width 1s, margin-left 1s, margin-top 1s;*/
	/*-webkit-transition-property: min-width, margin-left, margin-top;
	-webkit-transition-delay: 0s, 0.1s, 0.1s;
	-webkit-transition-duration: 1s, 1s, 1s;*/
	/*-moz-transition-property: min-width, margin-left, margin-top;
	-moz-transition-delay: 0s, 0.2s, 0.2s;
	-moz-transition-duration: 1s, 1s, 1s;
	-ms-transition-property: min-width, margin-left, margin-top;
	-ms-transition-delay: 0s, 0.1s, 0.1s;
	-ms-transition-duration: 1s, 1s, 1s;*/
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.0s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: closeup_span;
	-ms-animation-fill-mode: forwards;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.25s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-name: closeup_span;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-delay: 0.0s;
	animation-timing-function: ease-out;
	animation-name: closeup_span;
}

@-webkit-keyframes closeup_span {
  			from {	

				}
  			to {
  				margin-left: -65.0%;
	      top: 14.5%;
	      }
}

@-ms-keyframes closeup_span {
  			from {		

				}
  			to {
 				margin-left: -65.0%;
	    top: 14.5%;
      }
}

@keyframes closeup_span {
  			from {		
/*  			 height: 161.0px;

					width: 462.0px;*/

	     /*margin-left: 0%;
      margin-top: 0%;	*/
				}
  			to {
  			margin-left: -65.0%;
/*	      margin-top: -26.5%; */
				top: 14.5%;
      }
}


.notie9 .closeup:not(:active) img:last-child {
	visibility: visible;
	min-width: 200%;
	height: auto;
	opacity: 0;
	z-index: 10;
	/* -ms-transition: width 1s;
	-webkit-transition: width 1s;
	transition: min-width 1.2s, opacity 1s;*/
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: closeup_img;
	-ms-animation-fill-mode: forwards;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-name: closeup_img;
	animation-fill-mode: forwards;
	animation-duration: 1.2s;
	animation-timing-function: ease-out;
	animation-name: closeup_img;
}	

@-webkit-keyframes closeup_img {
  			from {
  				opacity: 1;
      	height: 364.0px;
					width: 462.0px; 
					margin-left: -10%;
					margin-top: -15.5%;
					min-width: 65%;
					min-height: 100%;
				}

  			to {
  				opacity: 0;
  				min-width: 200%;
					min-height: 350%;
					margin-top: -34%;
					margin-left: -20%;
      }
}

@-ms-keyframes closeup_img {
  			from {		
  				opacity: 1;
      	height: 364.0px;
					width: 462.0px; 
					margin-left: -10%;
					margin-top: -15.5%;
					min-width: 65%;
				}
  			to {
  				opacity: 0;
  				min-width: 200%;
					height: auto;
					margin-top: -34%;
					margin-left: -20%;
      }
}

@keyframes closeup_img {
  			from {
  				opacity: 1;
      	height: 364.0px;
					width: 462.0px; 
					margin-left: -10%;
					margin-top: -15.5%;
					min-width: 65%;
				}

  			to {
  				opacity: 0;
  				min-width: 200%;
					height: auto;
					margin-top: -34%;
					margin-left: -20%;
      }
}

.notie9 .closeup:not(:active) img:nth-child(2) {
	visibility: visible;
  min-width: 65%;
	height: auto;
	z-index: 11;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: closeup_img_b;
	-ms-animation-fill-mode: forwards;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-name: closeup_img_b;
	animation-fill-mode: forwards;
	animation-duration: 1.2s;
	animation-timing-function: ease-out;
	animation-name: closeup_img_b;
}	

@-webkit-keyframes closeup_img_b {
      	from {
  				min-height: 161px;
					width: 462.0px;
				}
  			to{
  				min-width: 168.2%;
				  min-height: 60.5vh;
      }
}

@-ms-keyframes closeup_img_b {
  			from {		
      	height: 161px;
					width: 462.0px;
				}
  			to {
 					min-width: 168.2%;
					height: 60.5vh;
      }
}

@keyframes closeup_img_b {
  			from {
 				height: 161px;
					width: 462.0px;

				}
  			to{
				min-width: 168.2%;
				  height: 60.5vh;
      }
}


.notie9 .closeup:not(:active) img#sitesImg {
	visibility: visible;
  min-width: 65%;
	height: auto;
	z-index: 11;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: closeup_img_b_sites;
	-ms-animation-fill-mode: forwards;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-name: closeup_img_b_sites;
	animation-fill-mode: forwards;
	animation-duration: 1.2s;
	animation-timing-function: ease-out;
	animation-name: closeup_img_b_sites;
}	

@-webkit-keyframes closeup_img_b_sites {
      	from {
  				min-height: 175px;
					width: 462.0px;
				}
  			to{
  				min-width: 168.2%;
				  min-height: 63.5vh;
      }
}

@-ms-keyframes closeup_img_b_sites {
  			from {		
      	height: 175px;
					width: 462.0px;
				}
  			to {
 					min-width: 168.2%;
					height: 63.5vh;
      }
}

@keyframes closeup_img_b_sites {
  			from {
 				height: 175px;
				width: 462.0px;

				}
  			to{
				min-width: 168.2%;
				height: 63.5vh;
      }
}


.notie9 .closeup:not(:active) img:first-child {
	visibility: hidden;
}	

.notie9 .closeup:not(:active) ~span:not(:first-child) img{
	opacity: 0;
	-ms-transition: opacity  1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}