.presentation section{
	background-color: inherit;
}
#rotation{
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity:1;
	filter: alpha(opacity = 0);
	width: 1024px;
	margin: 0 auto;
}

#rotation .container{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 999999px;
}

#rotation .container .window-angle{
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: #f2faff;
}
#rotation .popup{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#rotation .popup h2{
	font-size: 30px;
	margin-bottom: 31px;
}
#rotation h3{
	font-size: 24px;
	text-align: left;
	width: 300px;
	margin: 29px auto;
}
#rotation .popup p{
	line-height: 24px;
}
#rotation .popup .item{
    pointer-events: none;
	position: absolute;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity:0;
	filter: alpha(opacity=0);
	/*background-color: #f2faff;*/
	top: 50%;
	bottom: 0;
	margin-top: -120px;
	width: 368px;
	-webkit-transform: translateY(20px) translateZ(0);
	-moz-transform: translateY(20px) translateZ(0);
	transform: translateY(20px) translateZ(0);
	-webkit-transition: -webkit-transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-moz-transition: -moz-transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#rotation .popup .item.show{
	opacity: 1;
	-webkit-transform: translateY(0px) translateZ(0);
	-moz-transform: translateY(0px) translateZ(0);
	transform: translateY(0px) translateZ(0);
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	transition-delay: 0.6s;
    pointer-events: auto;
}
.popup #popup-window3.item,
.popup #popup-window9.item{
	-webkit-transform: translateY(-100%) translateZ(0);
	-moz-transform: translateY(-100%) translateZ(0);
	transform: translateY(-100%) translateZ(0);
}
#popup-window2.show + #popup-window3.item,
#popup-window8.show + #popup-window9.item{
	-webkit-transform: translateY(100%) translateZ(0);
	-moz-transform: translateY(100%) translateZ(0);
	transform: translateY(100%) translateZ(0);
}
#popup-window2.disperse.item,
#popup-window8.disperse.item{
	opacity:1;
	filter: alpha(opacity=1);
	-webkit-transform: translateX(1000px) translateZ(0);
	-moz-transform: translateX(1000px) translateZ(0);
	transform: translateX(1000px) translateZ(0);
	-webkit-transition: -webkit-transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-moz-transition: -moz-transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: transform .6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#rotation #window15.hide{
	opacity: 0;
}
#rotation .popup #popup-window1,
#rotation .popup #popup-window5{
	left: 569px;
}
#rotation .popup #popup-window5 img{
	position: absolute;
	right: 96%;
	bottom: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform: scale(0);
	-o-webkit-transform: scale(0);
	-webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-moz-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-o-transition: -o-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#rotation .show#popup-window5 img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);

	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
}
#rotation .popup #popup-window2,
#rotation .popup #popup-window3,
#rotation .popup #popup-window9{
	left: 395px;
	width: 420px;
}
#rotation .popup #popup-window3,
#rotation .popup #popup-window9{
	top: 0;
	margin-top: 0;
	left: 0;
	width: 100%;
	background: url("../img/bg.png") repeat;
	background-size: 1px;
	margin-top: -3px;
	padding-top: 3px;
}
#rotation .popup #popup-window7,
#rotation .popup #popup-window8{
	left: 492px;
	width: 425px;
}
#rotation .popup #popup-window7_1.item{
	width: 100%;
	height: 285px;
}
#rotation .popup #popup-window7_1 .lens-wrapper{
	position: absolute;
	bottom: 0;
	height: 300px;
	left: 50%;
	margin-left: -305px;
}
#rotation .popup #popup-window7_1 img{
	position: absolute;
	top: 39px;
	opacity: 0;

	-webkit-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
	-moz-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s, -moz-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
	-o-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s, -o-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
	transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
}
#rotation .popup #popup-window7_1 img:first-of-type{
	-webkit-transform: translate3d(200px, 0, 0);
	-moz-transform: translate3d(200px, 0, 0);
	-o-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}
#rotation .popup #popup-window7_1 img:nth-of-type(2){
	top: 0;
	left: 155px;
	z-index: 3;
	opacity: 1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);

	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
#rotation .popup #popup-window7_1 img:nth-of-type(3){
	left: 360px;
	z-index: 2;
	-webkit-transform: translate3d(-174px, 0, 0);
	-moz-transform: translate3d(-174px, 0, 0);
	-o-transform: translate3d(-174px, 0, 0);
	transform: translate3d(-174px, 0, 0);
}
#rotation .popup #popup-window7_1 img:last-of-type{
	left: 516px;
	z-index: 1;
	-webkit-transform: translate3d(-330px, 0, 0);
	-moz-transform: translate3d(-330px, 0, 0);
	-o-transform: translate3d(-330px, 0, 0);
	transform: translate3d(-330px, 0, 0);
}
#rotation .popup #popup-window7_1.show img{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.2s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.4s;
	-moz-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.2s, -moz-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.4s;
	-o-transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.2s, -o-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.4s;
	transition: opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.2s, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 1.4s;
	/*transition: opacity 0s ease 2s, transform 0.5s ease 2s;*/
}
#rotation .popup #popup-window7_1.show img:nth-of-type(2){
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);

	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s;
	-moz-transition: -moz-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s;
	-o-transition: -o-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s;
	transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0.6s;
}
#rotation .window-angle#window0{ background-image: url(../img/presentation/rotation-01.png); }
#rotation .window-angle#window1{ background-image: url(../img/presentation/rotation-01.png); }
#rotation .window-angle#window2{ background-image: url(../img/presentation/rotation-02.png); }
#rotation .window-angle#window3{ background-image: url(../img/presentation/rotation-03.png); }
#rotation .window-angle#window4{ background-image: url(../img/presentation/rotation-04.png); }
#rotation .window-angle#window5{ background-image: url(../img/presentation/rotation-05.png); }
#rotation .window-angle#window6{ background-image: url(../img/presentation/rotation-06.png); }
#rotation .window-angle#window7{ background-image: url(../img/presentation/rotation-07.png); }
#rotation .window-angle#window8{ background-image: url(../img/presentation/rotation-08.png); }
#rotation .window-angle#window9{ background-image: url(../img/presentation/rotation-09.png); }
#rotation .window-angle#window10{ background-image: url(../img/presentation/rotation-10.png); }
#rotation .window-angle#window11{ background-image: url(../img/presentation/rotation-11.png); }
#rotation .window-angle#window12{ background-image: url(../img/presentation/rotation-12.png); }
#rotation .window-angle#window13{ background-image: url(../img/presentation/rotation-13.png); }
#rotation .window-angle#window14{ background-image: url(../img/presentation/rotation-14.png); }
#rotation .window-angle#window15{ background-image: url(../img/presentation/rotation-15.png); }
#rotation .window-angle#window16{ background-image: none; }
#rotation .window-angle#window17{ background-image: url(../img/presentation/rotation-17.png); }
#rotation .window-angle#window18{ background-image: url(../img/presentation/rotation-18.png); }
#rotation .window-angle#window19{ background-image: url(../img/presentation/rotation-19.png); }
#rotation .window-angle#window20{ background-image: url(../img/presentation/rotation-20.png); }
#rotation .window-angle#window21{ background-image: url(../img/presentation/rotation-21.png); }
#rotation .window-angle#window22{ background-image: url(../img/presentation/rotation-22.png); }
#rotation .window-angle#window23{ background-image: url(../img/presentation/rotation-23.png); }
#rotation .window-angle#window24{ background-image: url(../img/presentation/rotation-24.png); }
#rotation .window-angle#window25{ background-image: url(../img/presentation/rotation-25.png); }
#rotation .window-angle#window26{ background-image: url(../img/presentation/rotation-26.png); }
#rotation .window-angle#window27{ background-image: url(../img/presentation/rotation-27.png); }
#rotation .window-angle#window28{ background-image: url(../img/presentation/rotation-28.png); }

#rotation .window-angle#window29{ background-image: url(../img/presentation/rotation-28.png); }
#rotation .window-angle#window30{ background-image: url(../img/presentation/rotation-29.png); }
#rotation .window-angle#window31{ background-image: url(../img/presentation/rotation-30.png); }
#rotation .window-angle#window32{ background-image: url(../img/presentation/rotation-31.png); }
#rotation .window-angle#window33{ background-image: url(../img/presentation/rotation-32.png); }
#rotation .window-angle#window34{ background-image: url(../img/presentation/rotation-33.png); }
#rotation .window-angle#window35{ background-image: url(../img/presentation/rotation-34.png); }
#rotation .window-angle#window36{ background-image: url(../img/presentation/rotation-35.png); }
#rotation .window-angle#window37{ background-image: url(../img/presentation/rotation-36.png); }
#rotation .window-angle#window38{ background-image: none; }

#rotation #popup-window3 .wrapper,
#rotation #popup-window9 .wrapper{
	width: 512px;
	float: left;
	text-align: center;
}
#rotation #popup-window3 .wrapper img,
#rotation #popup-window9 .wrapper img{
	height: 312px;
	margin-left: -115px;
}
#rotation #popup-window9 .wrapper p,
#rotation #popup-window3 .wrapper ul{
	text-align: left;
	width: 300px;
	line-height: 24px;
	margin: 18px auto;
}
#rotation .profile-container{
	position: absolute;
	top: 50%;
	margin-top: -272px;
	height: 545px;
}
#rotation #popup-window9 .profile-container{
	height: 474px;
	margin-top: -237px;
}

#bookmark{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 462px;
	width: 25px;
	height: 260px;
	z-index: 2;
	margin-top: -55px;
}

#bookmark a{
	display: block;
	height: 8px;
	width: 8px;
	margin: 22px 10px 0;
	background-color: #7ca3bf;
	border-radius: 4px;
}
#bookmark a.selected{
	background-color: #0070bf;
}
#bookmark a:hover,
#bookmark .selected{
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	transform: scale(1.8);
}

.presentation footer{
	position: relative;
	z-index: 2;
}