/* Internet Explorer 10+, Microsoft Edge Browser */
		_:-ms-lang(x), #banner {background-image: url('../img/banner-internet-explorer.jpg'); background-size: cover; background-position: left bottom;}
		_:-ms-lang(x), .banner-animate {animation-name: no-animate;}
		_:-ms-lang(x), .body-background {background-image: none; background-color: #fff;}
		_:-ms-lang(x), .body-demo-background {background-image: none; background-color: #fff;}		
			
		
		.banner-animate {		
			animation-name: banner-rollo;
			animation-timing-function: ease-in-out; 
			animation-duration: 60s;	
			animation-fill-mode: forwards;	
			animation-iteration-count: infinite;
		}
		
		@keyframes banner-rollo {
			  0%  		{background-image: url('../img/banner-small.jpg'); background-position: 0 0;}	  
			 50%  		{background-image: url('../img/banner-small.jpg'); background-position: 0 0;}	 
			 
			 50.25%  	{background-image: url('../img/banner-small.jpg'); background-position: 0 -160px;}
			 100%		{background-image: url('../img/banner-small.jpg'); background-position: 0 -160px;}
			 

		}

		.banner-demo-animate {		
			animation-name: banner-demo-rollo;
			animation-timing-function: ease-in-out; 
			animation-duration: 60s;	
			animation-fill-mode: forwards;	
			animation-iteration-count: infinite;
		}

		@keyframes banner-demo-rollo {
			  0%  		{background-image: url('../img/banner-demo-small.jpg'); background-position: 0 0;}	  
			 50%  		{background-image: url('../img/banner-demo-small.jpg'); background-position: 0 0;}	 
			 
			 50.25%  	{background-image: url('../img/banner-demo-small.jpg'); background-position: 0 -160px;}
			 100%		{background-image: url('../img/banner-demo-small.jpg'); background-position: 0 -160px;}
			 

		}
		
	@media only screen and (min-width: 1200px) {

			.body-background {
				background-image: url('../img/body.jpg');
				background-repeat: no-repeat;
				background-position: 50% 50%;			
				background-size: cover;
				background-position: fixed;
			}
			
			.body-demo-background {
				background-image: url('../img/body-demo003.jpg');
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: fixed;		
			}	
			
			.banner-animate {		
				animation-name: banner-rollo;
				animation-timing-function: ease-in-out; 
				animation-duration: 120s;	
				animation-fill-mode: forwards;	
				animation-iteration-count: infinite;
			}
			
			@keyframes banner-rollo {
				  0%  		{background-image: url('../img/banner.jpg'); background-position: 0 0;}	  
				 20%  		{background-image: url('../img/banner.jpg'); background-position: 0 0;}	 
				 
				 20.25%  	{background-image: url('../img/banner.jpg'); background-position: 0 -280px;}
				 40%		{background-image: url('../img/banner.jpg'); background-position: 0 -280px;}
				 
				 40.25%		{background-image: url('../img/banner.jpg'); background-position: 0 -560px;}
				 60%		{background-image: url('../img/banner.jpg'); background-position: 0 -560px;}

				 60.25%		{background-image: url('../img/banner.jpg'); background-position: 0 -840px;}
				 80%		{background-image: url('../img/banner.jpg'); background-position: 0 -840px;}
				 
				 80.25%		{background-image: url('../img/banner.jpg'); background-position: 0 -1120px;}	
				 100%		{background-image: url('../img/banner.jpg'); background-position: 0 -1120px;}	
			}
			
			.banner-demo-animate {		
				animation-name: banner-demo-rollo;
				animation-timing-function: ease-in-out; 
				animation-duration: 120s;	
				animation-fill-mode: forwards;	
				animation-iteration-count: infinite;
			}
			
			@keyframes banner-demo-rollo {
				  0%  		{background-image: url('../img/banner-demo.jpg'); background-position: 0 0;}	  
				 20%  		{background-image: url('../img/banner-demo.jpg'); background-position: 0 0;}	 
				 
				 20.25%  	{background-image: url('../img/banner-demo.jpg'); background-position: 0 -280px;}
				 40%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -280px;}
				 
				 40.25%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -560px;}
				 60%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -560px;}

				 60.25%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -840px;}
				 80%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -840px;}
				 
				 80.25%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -1120px;}	
				 100%		{background-image: url('../img/banner-demo.jpg'); background-position: 0 -1120px;}	
			}	

			.x-animate {
				background-position: left center;
				animation-name: x-puzzle;
				animation-duration: 1s;	
				animation-fill-mode: forwards;				
			}

			@keyframes x-puzzle {
				  0% {background-position: -960px center, 1920px center;}
				100% {background-position: 10px center, 10px center;}
			} 

		/* Internet Explorer 10+, Microsoft Edge Browser */
		_:-ms-lang(x), .body-background {background-image: url('../img/body.jpg'); background-position: bottom center; background-size: cover;}
		_:-ms-lang(x), .body-demo-background {background-image: url('../img/body-demo002.jpg'); background-position: bottom center; background-size: cover;}		
		
	}