/* ==== ==== ==== Animation ==== ==== ==== ==== */
.p_anim_image_go__start { 
	animation-name: p_anim_image_go____start;
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 	
}

 
@keyframes p_anim_image_go____start {
    0% {transform: translateY(100px)   scale(0.5);} 
    100% {transform: translateX(0px)  scale(1.0);}
}

 
		
	
/* ==== ==== ==== Animation ==== ==== ==== ==== */
.anime_box_Main_Text > div{}
.anime_box_Main_Text_go__init > div{ 
	font-size:  calc(16px + 8vw); 
 	padding: 0px;
   line-height: calc(0.9em + 0.3vw); 
	transform: translateY(0px);
	color: #00d796; 
}
 
.anime_box_Main_Text_go__init > div > div{
	font-size:  calc(11px + 4vw);
	line-height: 1em;
	font-weight: 200; 
	color: white;
	text-align: right;  
	padding-right: 2%;
	 
}
 
 
.anime_box_Main_Text_go__start{
 	animation-name: anime_box_2_go____start; 
} 

	@keyframes anime_box_2_go____start {
 
 	
	}
			
.anime_box_Main_Text_go__end{
	transform: translateY(0px); 
 
	 
}
 
 	
		
.anime_box_Main_Text_back{}
.anime_box_Main_Text_back__init {
	transform: translateY(0px); 
 
}


 

.anime_box_Main_Text_back__start{ 
	transform: translateY(100px); 
  	animation-name: anime_box_2_back1____start;   
	animation-duration: 2s; 
}
.anime_box_Main_Text_back__start > div{ 
  	animation-name: anime_box_2_back1____start_div;   
	animation-duration: 2s; 
}

.anime_box_Main_Text_back__start > div{ 
	color: #00d796;
}



  
	@keyframes anime_box_2_back1____start {
		0% {transform: translateY(100px);     }
		100% {transform: translateY(0px);    }  
	}
	@keyframes anime_box_2_back1____start_div{
		0% {   color: #adff2f;  }
		100% {  color: #00d796; }  
	}
 
	
.anime_box_Main_Text_back__end {
	transform: translateY(0px);  
}	
 .anime_box_Main_Text_back__end > div{ 
  	color: #00d796 ;
}	
 
		

/* ==== ==== ==== Animation ==== ==== ==== ==== */
.anime_box_3{}
.anime_box_3_go__init{
	transform:  translateY(200px);
	/*background-color: #ffe3e8;*/
}
 

.anime_box_3_go__start{
  	animation-name: anime_box_3_go____start;
	-webkit-animation-fill-mode: ; 
	animation-fill-mode: ;
	animation-duration:  1s;
	/*background-color: #e3e3e3;*/
} 

	@keyframes anime_box_3_go____start {
		0% {transform:    translateY(200px) ;}
		100% {transform:   translateY( 0px);}  
	}
			
.anime_box_3_go__end{
	transform:    translateY( 0px);
}
 
 	
		
.anime_box_3_back{}
.anime_box_3_back__init{
	transform:   translateY(0px);
	/*background-color: #ddf7ff;*/
}
 

.anime_box_3_back__start{
  	animation-name: anime_box_3_back____start;
	-webkit-animation-fill-mode: ; 
	animation-fill-mode: ;
	animation-duration:  1s;
	/*background-color: #e3e3e3;*/
} 

  
	@keyframes anime_box_3_back____start {
		0% {transform:  translateY(0px);}
		100% {transform:  translateY( 200px);}  
	}
					
		
	
.anime_box_3_back__end{
	transform:  translateY( 200px);
}	
		



/* ==== ==== ==== Animation ==== ==== ==== ==== */
.anime_box_4{}
.anime_box_4_go__init{
	transform: translateX(130%) translateY(20px);
	/*background-color: #ffe3e8;*/
}
 

.anime_box_4_go__start{
  	animation-name: anime_box_4_go____start;
	animation-duration: 1s;
} 

	@keyframes anime_box_4_go____start {
		0% {transform: translateX(130%)  translateY(20px) ;}
		100% {transform: translateX( 0px) translateY( 0px);}  
	}
			
.anime_box_4_go__end{
	transform: translateX( 0px) translateY( 0px);
}
 
 	
		
.anime_box_4_back{}
.anime_box_4_back__init{
	transform: translateX(0px) translateY(0px);
	/*background-color: #ddf7ff;*/
}
 

.anime_box_4_back__start{
  	animation-name: anime_box_4_back____start;
	-webkit-animation-fill-mode: ; 
	animation-fill-mode: ;
	animation-duration:  1s;
	/*background-color: #e3e3e3;*/
} 

  
	@keyframes anime_box_4_back____start {
		0% {transform: translateX(0px) translateY(0px);}
		100% {transform: translateX(-130%) translateY( 100px);}  
	}
					
		
	
.anime_box_4_back__end{
	transform: translateX(-130%) translateY( 100px);
}	
	




/* ==== ==== ==== Animation ==== ==== ==== ==== */
.anime_box_Menu{}
.anime_box_Menu_go__init{
	transform: translateY(0px); 
}
 

.anime_box_Menu_go__start{
  	animation-name: anime_box_Menu_go____start;
	-webkit-animation-fill-mode: ; 
	animation-fill-mode: ;
	animation-duration: 1s; 
} 

	@keyframes anime_box_Menu_go____start {
		0% {transform: translateY(0px) ;}
		100% {transform: translateY(  -160px);}  
	}
			
.anime_box_Menu_go__end{
	transform: translateY( -160px);
}
 
 	
		
.anime_box_Menu_back{}
.anime_box_Menu_back__init{
	transform:translateY(-160px);
	/*background-color: #ddf7ff;*/
}
 

.anime_box_Menu_back__start{
  	animation-name: anime_box_Menu_back____start;
	-webkit-animation-fill-mode: ; 
	animation-fill-mode: ;
	animation-duration: 0.6s;
	/*background-color: #e3e3e3;*/
} 

  
	@keyframes anime_box_Menu_back____start {
		0% {transform:translateY(-160px);}
		100% {transform: translateY( 0px);}  
	}
					
		
	
.anime_box_Menu_back__end{
	transform:translateY(  0px);
}	


/* ==== ==== ==== Animation ==== ==== ==== ==== */



.anime_box_Menu_Side{}
.anime_box_Menu_Side_go__init{  
}

.anime_box_Menu_Side_go__start{ 
	/*display: block !important;*/
  	animation-name: anime_box_Menu_Side_go____start; 
	animation-timing-function: ease-in-out; 
	animation-duration: 0.2s;
} 

	@keyframes anime_box_Menu_Side_go____start {
		0% {left: var(--left)  ;}
		100% {left:  0px ;}  
	}

.anime_box_Menu_Side_go__end{
	left:  0px !important; 

	/*display: block !important;*/
}	



.anime_box_Menu_Side_back{}
.anime_box_Menu_Side_back__init{ 

}
 

.anime_box_Menu_Side_back__start{
	/*display: block !important;  */
  	animation-name: anime_box_Menu_Side_back____start;  
	animation-timing-function: ease-out;
	animation-duration: 0.1s;
} 

	.anime_box_Menu_Side_back__init  ._wrap,
	.anime_box_Menu_Side_back__start   ._wrap{
	  		height: 100vh !important; 
  			overflow: hidden !important; 
	}

  
	@keyframes anime_box_Menu_Side_back____start {
		0% {	left: 0px ;}
		100% {	left:var(--left) ;}  
	}
		
	
.anime_box_Menu_Side_back__end{
	left: var(--left) !important; 
	/*display: none !important;*/
}	



/* ==== ==== ==== Animation ==== ==== ==== ==== */	
.anime_Btn_Menu{
}	

.anime_Btn_Menu_go__start{ 
  	animation-name: anime_Btn_Menu_go____start; 
	animation-timing-function: ease-in-out; 	
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards;
	animation-duration: 0.6s;
 	animation-delay: 2s;
}

	
	@keyframes anime_Btn_Menu_go____start {
		0% {opacity:  10px  ;}
		100% {/* right:-20px;*/}  
	}
 

/* ==== ==== ==== Animation ==== ==== ==== ==== */
 
.anime_Btn_Side_Close{  
	display: block;
  	animation-name: anime_Btn_Side_Close_go____start;  
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards;
	animation-duration: 1s;
 	animation-delay: 0.5s;
} 

	@keyframes anime_Btn_Side_Close_go____start {
		0% {opacity:  0  ;}
		100% {opacity: 1  ;}  
	}
 

	
#content-page-home .box-wrp-1{ 
		max-height: 100vh;   
}

 
#content-page-home .box-wrp-1 ._imgw{ 
		margin:auto; 
		margin-right: 0px; 
 		text-align: right;  
}
 
#content-page-home .box-wrp-1 ._imgw img{
		max-height: 100vh;
		margin-right:0px; 
}
 
	
 


#content-page-projects .boxes{
	padding: 100px 6%;
}

#content-page-projects .boxes	._imgw{
	text-align: center;
}

#content-page-projects .boxes > div{
	max-width:1200px;
	margin-bottom: 180px;
}	
#content-page-projects .boxes ._imgt  {
	text-align: left;
	padding: 0px 2%;
}



/* ==== ==== ==== Animation ==== ==== ==== ==== */	
#content-contact,
#content-about {
 	opacity: 0   ; 
  	animation-name: anime_Content_Body_go____start;  	
 	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 
	animation-timing-function: ease-out;
	animation-duration: 2s;		
	
}




 
	@keyframes anime_Content_Body_go____start {
		0% {opacity:  0  ;  }
		100% {  opacity:  1 }  
	}
 

	
 
/* ==== ==== ==== Animation ==== ==== ==== ==== */	

.p_anim_image_1 {
	animation-name: p_anim_image_1_go____start;
 	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards; 
	animation-timing-function: ease  ;
	animation-duration: 0.5s;			 
      
}


/* Chrome, Safari, Opera */
@-webkit-keyframes p_anim_image_1_go____start {
    0% {-webkit-transform: translateY(100px)   scale(0.5);} 
    100% {-webkit-transform: translateX(0px)  scale(1.0);}
}

 
	

/* ==== ==== ==== Animation ==== ==== ==== ==== */
 
.anime_picture_full_box{  
	display: block;
  	animation-name: picture_full_box_go____start;  
	-webkit-animation-fill-mode: forwards; 
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;   
	animation-duration: 0.3s; 
} 

	@keyframes picture_full_box_go____start {
		0% {height:  0  ;}
		100% {height: 100vh  ;}  
	}