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

.pt-pages {
  position: relative;
  width: 100%;
  height: 100%;
}

.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;
  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: 0.6s;
  animation-delay: 0.6s;
}

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

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

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

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

@-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%);
  }
}