/*=============================
		Animation
==============================*/
.animation-element {  
  position: relative;
}
.animation-element.fadeInup, .animation-element.fadeInup1,.animation-element.fadeInup2{
  transform: translate3d(0, 100%, 0);
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp;  		
}
.animation-element.fadeInup.in-view,.animation-element.fadeInup1.in-view,.animation-element.fadeInup2.in-view{
  transform: translate3d(0px, 0px, 0px);
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp; 	
}
.animation-element.fadeInup,.animation-element.fadeInup.in-view{
transition: 0.8s;		
}
.animation-element.fadeInup1,.animation-element.fadeInup1.in-view{  
  transition: 1.8s;			  
}
.animation-element.fadeInup2,.animation-element.fadeInup2.in-view{
   transition: 2.8s;			  
}
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: 2s;
    animation-delay:6s;
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animation-element.fadeInright{
  transform: translateX(30px);
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 0.4s;	 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;	
}
.animation-element.slideInLeft{
   transform: translate3d(-30%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;	 		
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	 
}
@keyframes slideInLeft{
  from{
  	-webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animation-element.slideInRight{
   transform: translate3d(30%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;	 
}
@keyframes slideInRight{
	from {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animation-element.slideInDown{
   transform: translate3d(0,-30%,0);
  -moz-animation-name: slideInDown;
  animation-name: slideInDown;
  transition: 2s;	 		
}
.animation-element.slideInDown.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInDown;
  animation-name: slideInDown;
  transition:all 2s;	 
}
@keyframes slideInDown{
	from {
    -webkit-transform: translate3d(0,-30%,0);
    transform: translate3d(0,-30%,0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.animation-element.fadeInDown {
	transform: translate3d(0, -100%, 0);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  transition:all 1s;
}
.animation-element.fadeInDown.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: fadeInDown;
  animation-name: fadeInDown;
  transition:all 1s;	 
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.animation-element.fadeInLeft{
  transform: translateX(-80px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 		
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;	
}
@keyframes fadeInLeft{
    0% {
      opacity: 0;
      transform: translateX(-80px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
@media (max-width:380px){
	.animation-element.slideInLeft{
   transform: translate3d(0px);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 		
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
  overflow: hidden !important;	  
}

.animation-element.slideInRight{
   transform: translate3d(0px);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;	 		
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;	 	
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0);
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:768px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:786px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:866px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:920px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:986px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:1024px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}
@media (max-width:1248px){
	.animation-element.slideInLeft{
		
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition: 2s;
  overflow: hidden !important;	 
}
.animation-element.slideInLeft.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition:all 2s;	
   overflow: hidden !important;	 
   	  
}

.animation-element.slideInRight{
   transform: translate3d(1%,0,0);
  -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition: 2s;
  overflow: hidden !important;	 
  
   	 	 		
}
.animation-element.slideInRight.in-view{
  transform: translate3d(0,0,0);
   -moz-animation-name: slideInRight;
  animation-name: slideInRight;
  transition:all 2s;
  overflow: hidden !important;
  	 	 
} 
.animation-element.fadeInLeft{
  transform: translateX(0px);
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition: 2s;	 
  overflow: hidden !important;
  	 
}
.animation-element.fadeInLeft.in-view{
   transform: translateX(0);
   -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  transition:2s;
  overflow: hidden !important;
  	 
}
.animation-element.fadeInright{
  transform: translateX(0.2%,0,0)!important;
  -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition: 2s;	
   overflow: hidden !important; 		
}
.animation-element.fadeInright.in-view{
   transform: translateX(0,0,0);
   -moz-animation-name: fadeInright;
  animation-name: fadeInright;
  transition:0.2s;
   overflow: hidden !important;	
}
}