body{
	margin: 0;
}
html, body{
	overflow: hidden;
	height: 100%;
}
#viewport{
	width: 100%;
	height: 100%;
	/*width: 1024px;*/
	/*height: 768px;*/
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.slide{
	position: absolute;
	left: 1px;
	width: inherit;
	height: inherit;
	z-index: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 400ms
	-moz-transform: translate3d(-100%, 0, 0);
	-moz-transition: -moz-transform 400ms;
	-ms-transform: translate3d(-100%, 0, 0);
	-ms-transition: transform 400ms;
}
.slide iframe{
	width: 100%;
	height: 100%;
	border: none;
}
.slide.current{
	z-index: 2;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 400ms, left 400ms 1ms;
	-moz-transform: translate3d(0, 0, 0);
	-moz-transition: -moz-transform 400ms, left 400ms 1ms;
	-ms-transform: translate3d(0, 0, 0);
	-ms-transition: transform 400ms, left 400ms 1ms;
}
.slide.prev,
.slide.previous{
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
}
.slide.next{
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
}
.slide.no-trans{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
}