body.fix {
	position: fixed;
	overflow-y: scroll;
}


@media screen and (min-width:1080px) {

	@keyframes scrollme {
	    from { top: -7px; }
	    to { top: 7px	; }
	}

	#scroll img {
		position: relative;
	    animation: scrollme 0.6s infinite alternate ease;
	}

	@keyframes slide-in {
		  0% { opacity: 0; left: 40px; }
		 75% { opacity: 1; }
		100% { left: 0px; }
	}

	@keyframes slide-in-right {
		  0% { opacity: 0; left: -40px; }
		 75% { opacity: 1; }
		100% { left: 0px; }
	}

	@keyframes rotate {
		  0% { opacity: 0; transform: rotateY(89deg); }
		 75% { opacity: 1; }
		100% { transform: rotateY(360deg); }
	}

	@keyframes shake {
		  0% { transform: rotate(  0deg); }
		 17% { transform: rotate(-10deg); }
		 50% { transform: rotate( 10deg); }
		 83% { transform: rotate(-10deg); }
		100% { transform: rotate(  0deg); }
	}

	@keyframes shakelittle {
		  0% { transform: rotate( 0deg); }
		 17% { transform: rotate(-5deg); }
		 50% { transform: rotate( 5deg); }
		 83% { transform: rotate(-5deg); }
		100% { transform: rotate( 0deg); }
	}

	@keyframes fade-in {
		  0% { opacity: 0.1; }
		100% { opacity: 1; }
	}

	#concept .scroll-view.before,
	#technology .scroll-view.before {
		opacity: 0;
	}
	#concept .scroll-view.after,
	#technology .scroll-view.after {
		animation: slide-in 0.8s;
		position: relative;
	}

	#technology img.scroll-view.before {
		opacity: 0;
		transform: rotateY(89deg);
	}
	#technology img.scroll-view.after {
		animation: rotate 0.4s;
	}

	#character .scroll-view.before {
		opacity: 0;
	}
	#character .scroll-view.after {
		animation: slide-in-right 0.8s;
		position: relative;
	}

	/*#vision>div>div.scroll-view {*/
		/*opacity: 0.1;*/
	/*}*/
/*	#vision>div>div.scroll-view.after {
		animation: fade-in 2.5s cubic-bezier(1, 0, 1, 1);
	}*/

	#moreinfo .scroll-view.after {
		animation: shake 0.2s 0.6s;
	}

	#moreinfo img.scroll-view.after:hover {
		animation: shakelittle 0.2s 0s;
	}

}