.wrapper.gallery {
  min-height: 460px;
  position: absolute;
  overflow: hidden;
  display: table;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
opacity: 1}

.expand-width {
  width: 100%; }


.layer {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	 position: absolute;
	/*pointer-events: auto !important;*/
	/*pointer-events: none;*/

}

.layer {
 /*  pointer-events: auto ;*/
}

.pre {
  pointer-events: all;
}


.layerImg{
	display: block;
  padding: 0;
  margin: 0;
	
}

.scene {
  min-height: 800px;
  position: relative;
  overflow: hidden; }

/*  .layer div {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }


*/



.title {
  font-size: 3em;
  text-shadow: 0 8px 6px rgba(0, 0, 0, 0.6);
  margin-top: -0.7em;
  position: absolute;
  width: 100%;
  top: 42%; }

.background {
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(../img/bg_gallery.jpg);
	bottom: 0px;
	background-size: cover;
	position: absolute;
	width: 110%;
	left: -5%;
	top: -5%;
}


/*modal*/

.modalCover{
	background-color: hsla(0,0%,0%,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 450;
	cursor: pointer;
	
-webkit-transform: scale(1.2);
  transform: scale(1.2);
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	visibility:hidden;
	 opacity:0;
}

.modalCover.on{
	
	-webkit-transform: scale(1);
  transform: scale(1);
	
	visibility:visible;
	 opacity:1;
}


.zoomImgBox{
	width:70%;
	position: absolute;
}

.zoomImgBox img{
		width:100%;
}




.imgBox{
	position: absolute;/*transform: scale(0.1) translate(0%,0%);	*/
	pointer-events: all;
	cursor: pointer;
}


.imgBox img{
	width:100%;
}


.imgBoxT{
	position: absolute;/*transform: scale(0.1) translate(0%,0%);	*/
	pointer-events: all;
	cursor: pointer;
}


.imgBoxT img{
	width:100%;
}





#layer02 {
	
}

#layer03 {
	
}

/*#layer01 .imgBox{
	-webkit-transform: scale(1.1) translate(0%,0%);
-moz-transform: scale(1.1)translate(0%,0%);
-o-transform: scale(1.1) translate(0%,0%);
-ms-transform: scale(1.1)translate(0%,0%);
transform: scale(1.1) translate(0%,0%);
	
}*/

#img_01 {width: 17%; left: 90%; top: 220px; opacity: 0.6;}
#img_02 {width: 12%; left: 30%; top: 500px; opacity: 0.5;}
#img_03 {width: 18%; left: 70%; top: 600px; opacity: 0.6;}
#img_04 {width: 15%; left: 20%; top: 700px; opacity: 0.5;}
#img_05 {width: 17%; left: 85%; top: 700px; opacity: 0.8;}
#img_06 {width: 15%; left: 30%; top: 750px; opacity: 0.6;}
#img_07 {width: 18%; left: 60%; top: 360px; opacity: 0.8;}
#img_08 {width: 17%; left: 50%; top: 100px; opacity: 0.6;}
#img_09 {width: 17%; left: 50%; top: 700px; opacity: 0.8;}
#img_10 {width: 15%; left: 30%; top: 600px; opacity: 0.8;}
#img_11 {width: 16%; left: 40%; top: 500px; opacity: 0.8;}
#img_12 {width: 15%; left: 60%; top: 500px; opacity: 0.8;}
#img_13 {width: 19%; left: 40%; top: 250px; opacity: 0.8;}
#img_14 {width: 20%; left: 70%; top: 200px; opacity: 0.8;}
#img_15 {width: 17%; left: 20%; top: 300px; opacity: 0.8;}
#img_16 {width: 18%; left: 100%; top: 400px; opacity: 0.8;}
#img_17 {width: 18%; left: -10%; top: 500px; opacity: 0.8;}
#img_18 {width: 18%; left: 80%; top: 450px; opacity: 0.8;}
#img_19 {width: 22%; left: 0%; top: 600px; opacity: 0.8;}
#img_20 {width: 19%; left: 65%; top: 50px; opacity: 0.8;}
#img_21 {width: 20%; left: 60%; top: 600px; opacity: 0.8;}
#img_22 {width: 25%; left: 40%; top: 300px; opacity: 0.8;}
#img_23 {width: 20%; left: 80%; top: 280px; opacity: 0.8;}
#img_24 {width: 20%; left: -10%; top: 150px; opacity: 0.8;}
#img_25 {width: 17%; left: 100%; top: 200px; opacity: 0.8;}
#img_26 {width: 25%; left: 20%; top: 50px; opacity: 0.8;}
#img_27 {width: 25%; left: 100%; top: 600px; opacity: 0.9;}
#img_28 {width: 33%; left: 0%; top: 400px; opacity: 0.9;}

#text_01 {width: 20%; left: 30%; top: 150px; opacity: 0.8; pointer-events: none; }
#text_02 {width: 35%; left: 40%; top: 600px; opacity: 0.8; pointer-events: none;}
#text_03 {width: 53%; left: 100%; top: 300px; opacity: 1; pointer-events: none;}
#text_04 {width: 50%; left: -20%; top: 400px;opacity: 1; pointer-events: none;}
#text_05 {width: 33%; left: 0%; top: 0px; opacity: 1; pointer-events: none;}
#text_06 {width: 40%; left: 60%; top: 300px;opacity: 0.8; pointer-events: none; }
#text_07 {width: 40%; left: 50%; top: -100px; opacity: 1; pointer-events: none;}







.imgCenter{
	 top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
	
	
}








#pa_cast_a_layer_120 img{
	-webkit-transform: scale(1.1) translate(0%,5%);
-moz-transform: scale1.1)translate(0%,5%);
-o-transform: scale(1.1) translate(0%,5%);
-ms-transform: scale(1.1)translate(0%,5%);
transform: scale(1.1) translate(0%,5%);
	
}

#pa_cast_a_layer_130 img{
	-webkit-transform: scale(1.1) translate(0%,5%);
-moz-transform: scale1.1)translate(0%,5%);
-o-transform: scale(1.1) translate(0%,5%);
-ms-transform: scale(1.1)translate(0%,5%);
transform: scale(1.1) translate(0%,5%);
	
}


#pa_cast_a_layer_140 img{
	-webkit-transform: scale(1.3) translate(0%,0%);
-moz-transform: scale1.3)translate(0%,0%);
-o-transform: scale(1.3) translate(0%,0%);
-ms-transform: scale(1.3)translate(0%,0%);
transform: scale(1.3) translate(0%,0%);
	
}


#pa_cast_a_layer_150 img{
	-webkit-transform: scale(1) translate(0%,5%);
-moz-transform: scale(1) translate(0%,5%);
-o-transform: scale(1) translate(0%,5%);
-ms-transform: scale(1) translate(0%,5%);
transform: scale(1) translate(0%,5%);
	
}



#pa_cast_a_layer_160 img{
	-webkit-transform: scale(1.3) translate(0%,0%);
-moz-transform: scale(1.3) translate(0%,0%);
-o-transform: scale(1.3) translate(0%,0%);
-ms-transform: scale(1.3) translate(0%,0%);
transform: scale(1.3) translate(0%,0%);
	
}

#pa_cast_b_layer_150 img{
	-webkit-transform: scale(1.3) translate(0%,3%);
-moz-transform: scale(1.3) translate(0%,3%);
-o-transform: scale(1.3) translate(0%,3%);
-ms-transform: scale(1.3) translate(0%,3%);
transform: scale(1.3) translate(0%,3%);
	
}






@media screen and (max-height: 700px) {


}