body{

	margin: 0;
	/*
	animation: lighten ease-out 5s 0s 1 forwards;  		
	-webkit-animation: lighten 5s 0s 1 ease-out forwards;  		
	-moz-animation: lighten 5s 0s 1 forwards;  			
	*/
}		
div.full-screen{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
	right: 0px;	
}
.js-loading div.waiting {
	
	background:url(preparing_pleasewait.gif) center center no-repeat;		
/*	background:url(https://digitalsynopsis.com/wp-content/uploads/2016/06/loading-animations-preloader-gifs-ui-ux-effects-14.gif) center center no-repeat;		
	background:url(https://thumbs.gfycat.com/ImpoliteLivelyGenet-max-1mb.gif) center center no-repeat;		
	background:url(https://www.codeproject.com/KB/aspnet/1095434/gears.gif) center center no-repeat;		*/
}

div.wrap		{
	background:url(logos-650.png) center center no-repeat;	
	
	opacity: 0;
	animation: fade-in-out linear 10s 0s 1;	
	-webkit-animation: fade-in-out linear 10s 0s 1;
}

div.wrap-under		{

	background:url(logos-650-gray.png?v=1.0) center center no-repeat;	
	opacity: 0;	  
	animation: come-on linear 1s 5s 1 forwards;	
	-webkit-animation: come-on linear 1s 5s 1 forwards;

}

img{
	width: 55px;
    position: fixed;
    bottom: 5px;
    left: -160px;
	animation: slide-in ease 6s 6s 1;			
  	-webkit-animation: slide-in ease 6s 6s 1;		
}


@keyframes fade-in-out {
  0% {
  	opacity: 0;
  }
  50% {
  	opacity: 1;
  }  
  100% {
  	opacity: 0;
  }  
}
@-webkit-keyframes fade-in-out {
  0% {opacity: 0;}
  50% {opacity: 1; }  
  100% {opacity: 0;}  
}
@-moz-keyframes fade-in-out {
  0% {opacity: 0;}
  50% {opacity: 1; }  
  100% {opacity: 0;}  
}



@keyframes come-on {
  0% {
  	opacity: 0;	  
  }
  100% {
  	opacity: 1;
  }
}
@-webkit-keyframes come-on {
	  0% {
  	opacity: 0;	  
  }
  100% {
  	opacity: 1;
  }
}
@-moz-keyframes come-on {
	  0% {
  	opacity: 0;	  
  }
  100% {
  	opacity: 1;
  }
}
	
@keyframes lighten{
  0% {background-color: #DDD;}
  100% {background-color: #FFF; }	
}
@-webkit-keyframes lighten{
  0% {background-color: #DDD;}
  100% {background-color: #FFF; }	
}
@-moz-keyframes lighten{
  0% {background-color: #DDD;}
  100% {background-color: #FFF; }	
}

@keyframes slide-in{
  0% {
  	left: -160px;
  }
  10% {
  	left: 75%;
  }	
  90% {left: 75%;}	
  100% {
  	left: -160px;	  
  }	
}
@-moz-keyframes slide-inmoz{
  0% {left: -160px;}
  10% {left: 75%;}	
  90% {left: 75%;}	
  100% {left: -160px;}	
}
@-webkit-keyframes slide-in{
  0% {left: -160px;}
  10% {left: 400px;}	
  20% {left: 400px;}	
  30% {left: 400px;}	
  40% {left: 400px;}	
  50% {left: 400px;}	
  60% {left: 400px;}		
  70% {left: 400px;}	
  80% {left: 400px;}	
  90% {left: 400px;}	
  100% {left: -160px;}	
}

.js-loading,
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}