.content,
.sections {
	width: 100%; height: 100%;
	position: absolute;
}
.sections {
	background: #000;
}

.pt-pages {
	position: relative;
	width: 100%;
	height: 100%;
	/*-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;*/
}

.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	/*-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
    z-index: 0;
}
.pt-page-rotateLeftSideFirst:first-child {
    -webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateLeftSideFirst 0s both ease;
	animation: rotateLeftSideFirst 0s both ease;
}
.pt-page-rotateRightSideFirst:last-child {
    -webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateRightSideFirst 0s both ease;
	animation: rotateRightSideFirst 0s both ease;
}
.pt-page-current {
	/*.no-js .pt-page {*/
	visibility: visible;
	z-index: 1;
}

.pt-page-ontop {
	z-index: 999;
}

/* rotate sides first and scale */

.pt-page-rotateRightSideFirst {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 1.2s both ease;
	animation: rotateRightSideFirst 1.2s both ease;
}
.pt-page-rotateLeftSideFirst {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateLeftSideFirst 1.2s both ease;
	animation: rotateLeftSideFirst 1.2s both ease;
}

.pt-page-delay200 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft 1.2s ease both;
	animation: moveFromLeft 1.2s ease both;
}

.pt-page-moveFromRight {
	-webkit-animation: moveFromRight 1.2s ease both;
	animation: moveFromRight 1.2s ease both;
}

@-webkit-keyframes rotateRightSideFirst {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes rotateRightSideFirst {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes rotateLeftSideFirst {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(100%); }
}
@keyframes rotateLeftSideFirst {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}