.disp-subm{
    top: 80px;

	-moz-animation-name: ds_sm_anim;
	-moz-animation-duration: 0.80s;
	-moz-animation-timing-function: cubic-bezier(.4,0,0,1);
	-moz-animation-iteration-count: stop;

	-webkit-animation-name: ds_sm_anim;
	-webkit-animation-duration: 0.80s;
	-webkit-animation-timing-function: cubic-bezier(.4,0,0,1);
	-webkit-animation-iteration-count: stop;

	-o-animation-name: ds_sm_anim;
	-o-animation-duration: 0.80s;
	-o-animation-timing-function: cubic-bezier(.4,0,0,1);
	-o-animation-iteration-count: stop;

	-ms-animation-name: ds_sm_anim;
	-ms-animation-duration: 0.80s;
	-ms-animation-timing-function: cubic-bezier(.4,0,0,1);
	-ms-animation-iteration-count: stop;

	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
/*
@-webkit-keyframes ds_sm_anim {
	from { -webkit-transform: translateX(  100% );}
      to { -webkit-transform: translateX( -100% );}
}

@-moz-keyframes ds_sm_anim {
	from { -moz-transform: translateX(  100% );}
      to { -moz-transform: translateX( -100% );}
}

@-ms-keyframes ds_sm_anim {
	from { -ms-transform: translateX(   100% );}
      to { -ms-transform: translateX(  -100% );}
}

@-o-keyframes ds_sm_anim {
	from { -o-transform: translateX(   100% );}
      to { -o-transform: translateX(  -100% );}
}
*/
@keyframes ds_sm_anim {
	  0% { height: 0vh; }
	100% { height: 92vh; }
}




.disp-subm .cnt-img{

	-moz-animation-name: txt1_anim;
	-moz-animation-duration: 1.20s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: stop;

	-webkit-animation-name: txt1_anim;
	-webkit-animation-duration: 1.20s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: stop;

	-o-animation-name: txt1_anim;
	-o-animation-duration: 1.20s;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: stop;

	-ms-animation-name: txt1_anim;
	-ms-animation-duration: 1.20s;
	-ms-animation-timing-function: ease-in;
	-ms-animation-iteration-count: stop;

	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
/*
@-webkit-keyframes txt1_anim {
	from { -webkit-transform: translateX(  100% );}
      to { -webkit-transform: translateX( -100% );}
}

@-moz-keyframes txt1_anim {
	from { -moz-transform: translateX(  100% );}
      to { -moz-transform: translateX( -100% );}
}

@-ms-keyframes txt1_anim {
	from { -ms-transform: translateX(   100% );}
      to { -ms-transform: translateX(  -100% );}
}

@-o-keyframes txt1_anim {
	from { -o-transform: translateX(   100% );}
      to { -o-transform: translateX(  -100% );}
}
*/
@keyframes txt1_anim {
	from { transform: translateY(   -100% );}
	 60% { transform: translateY(   -100% );}
	  to { transform: translateY(     0% );}
}




.disp-subm .cnt-elem1{
	opacity: 1.00;

	animation-name: cnt_elem_1_anim;
	animation-duration: 1.20s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_1_anim{
	from { transform: translateY(   -100% ); opacity: 0.00;}
	 40% { transform: translateY(   -100% ); opacity: 0.00;}
	  to { transform: translateY(      0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem2{
	opacity: 1.00;

	animation-name: cnt_elem_2_anim;
	animation-duration: 1.40s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_2_anim{
	from { transform: translateY(   -100% ); opacity: 0.00;}
	 40% { transform: translateY(   -100% ); opacity: 0.00;}
	  to { transform: translateY(      0% ); opacity: 1.00;}
}






.disp-subm .cnt-elem3{
	opacity: 1.00;

	animation-name: cnt_elem_3_anim;
	animation-duration: 1.60s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_3_anim{
	from { transform: translateY(   -100% ); opacity: 0.00;}
	 40% { transform: translateY(   -100% ); opacity: 0.00;}
	  to { transform: translateY(      0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem4{
	opacity: 1.00;

	animation-name: cnt_elem_4_anim;
	animation-duration: 1.80s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_4_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem5{
	opacity: 1.00;

	animation-name: cnt_elem_5_anim;
	animation-duration: 2.20s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_5_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem6{
	opacity: 1.00;

	animation-name: cnt_elem_6_anim;
	animation-duration: 2.40s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_6_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem7{
	opacity: 1.00;

	animation-name: cnt_elem_7_anim;
	animation-duration: 2.60s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_7_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}




.disp-subm .cnt-elem8{
	opacity: 1.00;

	animation-name: cnt_elem_8_anim;
	animation-duration: 2.80s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_8_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}




.disp-subm .cnt-elem9{
	opacity: 1.00;

	animation-name: cnt_elem_9_anim;
	animation-duration: 3.10s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_9_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem10{
	opacity: 1.00;

	animation-name: cnt_elem_10_anim;
	animation-duration: 3.30s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_10_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem11{
	opacity: 1.00;

	animation-name: cnt_elem_11_anim;
	animation-duration: 3.50s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_11_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}



.disp-subm .cnt-elem12{
	opacity: 1.00;

	animation-name: cnt_elem_12_anim;
	animation-duration: 3.70s;
	animation-timing-function: ease-in;
	animation-iteration-count: stop;

	transform-origin: center;
}
@keyframes cnt_elem_12_anim{
	from { transform: translateY(   -30% ); opacity: 0.00;}
	 80% { transform: translateY(   -10% ); opacity: 0.00;}
	  to { transform: translateY(     0% ); opacity: 1.00;}
}










@media screen and (min-width:321px) and (max-width:580px){



	
}





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





	
}