body.loading * {animation: none !important;}

	.bg {
		position:absolute;
		overflow:hidden;
		/*backface-visibility: hidden;		*/
		transform: translate3d(0,0,0);
		background-position: bottom left;
		background-repeat: repeat-x;
		height: 100%;
		left: 0;
		opacity: 1;
		top: 0;
		background-size: 2250px auto;
		width: 3000%;
	}
	.bg1{background-image:url(../img/index/BG-wave.jpg); animation: bg 80s linear infinite;}
	.fade,.fade2,.fade3,.fade4{opacity:0}
	
	@-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
	@-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
	@-o-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
	@-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
	@keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }


/* Overlay */
	@-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

	#overlay {
		animation: overlay 1.5s 1.5s forwards;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		background-size: auto, cover;
		height: 100%;
		left: 0;
		opacity: 0;
		top: 0;
		width: 100%;
		z-index:-10;
	}
	
	
    @keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:0.8;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:0.8;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    
	@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    
	@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    
	@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    
	
	@keyframes fade{from{opacity:0;)}to{opacity:1;}}
    @-webkit-keyframes fade{from{opacity:0;}to{opacity:1;}}
	@keyframes fadeOut{from{opacity:1;)}to{opacity:0;}}
    @-webkit-keyframes fadeOut{from{opacity:1;}to{opacity:0;}}
	@keyframes BGLine{from{height:0}to{height:100%}}
    @-webkit-keyframes BGLine{from{height:0}to{height:100%}}
	
	@keyframes BG { 0%   {opacity:0;} 80%  {opacity:0;} 100% {opacity:1;}}
    @-webkit-keyframes BG { 0%   {opacity:0;} 60%  {opacity:0;} 100% {opacity:1;}}
    
@keyframes opacity{ from {opacity:0;} to {opacity:1;}}
@keyframes open{ from {opacity:0; height:0} to {opacity:1; height:auto;}} 
@keyframes down{ from {opacity:0; top:0px} to {opacity:1; top:80px}} 
@keyframes boxcard{ from {transform: rotateY(90deg);}  to  {transform: rotateY(0deg);}}
@keyframes BGcolor{ from {background-color:#fff;} to {background-color:#eee;}} 
@keyframes point{ 0% { opacity: 0; width:0; height:0; } 60% { opacity: .6;}  100% { opacity: 0; width:60px; height:60px;} }
@keyframes wave{ 0% { opacity: 0; height:0; width:0; top:7px; left:0;} 10% { opacity: 1;}  90% { opacity: 1;  height:600px; width:600px; top: -293px; left: -300px; } 100% { opacity: 0;} }


    @keyframes icon{0%,100%{-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}50%{-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}
    @-webkit-keyframes icon{0%,100%{-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}50%{-webkit-transform:translate3d(0,0%,0);-ms-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}}