/*------------------------------------------------------------------
[Master Stylesheet]

Project: LayerMenu Style
Author:	VLThemes
Version: 1.0
Date: 15/05/2017

01. Required Styles
02.1 Slide
02.2 Slide + ZoomOut
02.3 Slide + ZoomIn
02.4 Roll
02.5 ShiftUp
02.6 Cube
02.7 Fade
02.8 Slide Back Layer

-------------------------------------------------------------------*/
/*
01. Required Styles
*/
.lm-menu-holder {
  position: relative;
  width: 100%;
/*  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;*/
  -webkit-perspective: 1000px;
  perspective: 1000px;
  backface-visibility: hidden;
}
.lm-menu-holder ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  backface-visibility: hidden;
}
.lm-menu-holder li {
  position: relative;
  display: none;
  width: 100%;
}
.lm-menu-holder a {
  display: block;
  cursor: pointer;
  transition: visibility 0s 0s !important;
}
.lm-menu-holder .lm-view-opened > li {
  display: block;
}
.lm-menu-holder .lm-has-submenu > a::after {
  content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  z-index: 2;
  float: right;
  vertical-align: middle;
}
.lm-menu-holder ul li.lm-back > a i {
  margin-right: 6px;
}
.lm-menu-holder .lm-animation-clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.lm-menu-holder.lm-vertical-aligned {
  position: absolute;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02. Animations
*/
/*
02.1 Slide
*/
.lm-slideIn {
  animation-name: slideIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideIn {
  animation-name: slideIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-slideOut {
  animation-name: slideOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideOut {
  animation-name: slideOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.2 Slide + ZoomOut
*/
.lm-slideZoomOutIn {
  animation-name: slideZoomOutIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideZoomOutIn {
  animation-name: slideZoomOutIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-slideZoomOutOut {
  animation-name: slideZoomOutOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideZoomOutOut {
  animation-name: slideZoomOutOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.3 Slide + ZoomIn
*/
.lm-slideZoomInIn {
  animation-name: slideZoomInIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideZoomInIn {
  animation-name: slideZoomInIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-slideZoomInOut {
  animation-name: slideZoomInOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideZoomInOut {
  animation-name: slideZoomInOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.4 Roll
*/
.lm-rollIn {
  animation-name: rollIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-rollIn {
  animation-name: rollIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-rollOut {
  animation-name: rollOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-rollOut {
  animation-name: rollOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.5 ShiftUp
*/
.lm-shiftUpIn {
  animation-name: shiftUpIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-shiftUpIn {
  animation-name: shiftUpIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-shiftUpOut {
  animation-name: shiftUpOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-shiftUpOut {
  animation-name: shiftUpOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.6 Cube
*/
.lm-cubeIn {
  animation-name: cubeIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-cubeIn {
  animation-name: cubeIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-cubeOut {
  animation-name: cubeOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-cubeOut {
  animation-name: cubeOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.7 Fade
*/
.lm-fadeInIn {
  animation-name: fadeInIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-fadeInIn {
  animation-name: fadeInIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-fadeInOut {
  animation-name: fadeInOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-fadeInOut {
  animation-name: fadeInOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
/*
02.8 Slide Back Layer
*/
.lm-slideBackLayerIn {
  animation-name: slideBackLayerIn;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideBackLayerIn {
  animation-name: slideBackLayerIn-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-slideBackLayerOut {
  animation-name: slideBackLayerOut;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
.lm-animation-back.lm-slideBackLayerOut {
  animation-name: slideBackLayerOut-back;
  animation-timing-function: cubic-bezier(0.695, 0.15, 0.255, 0.905);
}
@-moz-keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes slideIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slideIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes slideIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
  }
}
@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
  }
}
@-o-keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
  }
}
@-moz-keyframes slideOut-back {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@-webkit-keyframes slideOut-back {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@-o-keyframes slideOut-back {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@keyframes slideOut-back {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@-moz-keyframes slideZoomOutIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes slideZoomOutIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes slideZoomOutIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes slideZoomOutIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes slideZoomOutIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes slideZoomOutIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes slideZoomOutIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes slideZoomOutIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes slideZoomOutOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
}
@-webkit-keyframes slideZoomOutOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
}
@-o-keyframes slideZoomOutOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
}
@keyframes slideZoomOutOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
  }
}
@-moz-keyframes slideZoomOutOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
}
@-webkit-keyframes slideZoomOutOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
}
@-o-keyframes slideZoomOutOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
}
@keyframes slideZoomOutOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(0.5);
  }
}
@-moz-keyframes slideZoomInIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes slideZoomInIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes slideZoomInIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes slideZoomInIn {
  0% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes slideZoomInIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes slideZoomInIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-o-keyframes slideZoomInIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes slideZoomInIn-back {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@-moz-keyframes slideZoomInOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}
@-webkit-keyframes slideZoomInOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}
@-o-keyframes slideZoomInOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}
@keyframes slideZoomInOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}
@-moz-keyframes slideZoomInOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
}
@-webkit-keyframes slideZoomInOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
}
@-o-keyframes slideZoomInOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
}
@keyframes slideZoomInOut-back {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(50%) scale(1.5);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes rollIn-back {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rollIn-back {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes rollIn-back {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes rollIn-back {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
}
@-moz-keyframes rollOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-webkit-keyframes rollOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-o-keyframes rollOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-moz-keyframes shiftUpIn {
  0% {
    opacity: 0;
    transform: translateZ(300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes shiftUpIn {
  0% {
    opacity: 0;
    transform: translateZ(300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-o-keyframes shiftUpIn {
  0% {
    opacity: 0;
    transform: translateZ(300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes shiftUpIn {
  0% {
    opacity: 0;
    transform: translateZ(300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-moz-keyframes shiftUpIn-back {
  0% {
    opacity: 0;
    transform: translateZ(-300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes shiftUpIn-back {
  0% {
    opacity: 0;
    transform: translateZ(-300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-o-keyframes shiftUpIn-back {
  0% {
    opacity: 0;
    transform: translateZ(-300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes shiftUpIn-back {
  0% {
    opacity: 0;
    transform: translateZ(-300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-moz-keyframes shiftUpOut {
  100% {
    opacity: 0;
    transform: translateZ(-300px);
  }
}
@-webkit-keyframes shiftUpOut {
  100% {
    opacity: 0;
    transform: translateZ(-300px);
  }
}
@-o-keyframes shiftUpOut {
  100% {
    opacity: 0;
    transform: translateZ(-300px);
  }
}
@keyframes shiftUpOut {
  100% {
    opacity: 0;
    transform: translateZ(-300px);
  }
}
@-moz-keyframes shiftUpOut-back {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(300px);
  }
}
@-webkit-keyframes shiftUpOut-back {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(300px);
  }
}
@-o-keyframes shiftUpOut-back {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(300px);
  }
}
@keyframes shiftUpOut-back {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(300px);
  }
}
@-moz-keyframes cubeIn {
  0% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-webkit-keyframes cubeIn {
  0% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-o-keyframes cubeIn {
  0% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@keyframes cubeIn {
  0% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-moz-keyframes cubeIn-back {
  0% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-webkit-keyframes cubeIn-back {
  0% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-o-keyframes cubeIn-back {
  0% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@keyframes cubeIn-back {
  0% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
}
@-moz-keyframes cubeOut {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
  100% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
}
@-webkit-keyframes cubeOut {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
  100% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
}
@-o-keyframes cubeOut {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
  100% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
}
@keyframes cubeOut {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0);
  }
  100% {
    opacity: 0;
    transform: rotateY(-35deg) translateX(-100%);
  }
}
@-moz-keyframes cubeOut-back {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0px);
  }
  100% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
}
@-webkit-keyframes cubeOut-back {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0px);
  }
  100% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
}
@-o-keyframes cubeOut-back {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0px);
  }
  100% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
}
@keyframes cubeOut-back {
  0% {
    opacity: 1;
    transform: rotateY(0) translateX(0px);
  }
  100% {
    opacity: 0;
    transform: rotateY(35deg) translateX(100%);
  }
}
@-moz-keyframes fadeInIn {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes fadeInIn {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes fadeInIn {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInIn {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes fadeInIn-back {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes fadeInIn-back {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes fadeInIn-back {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInIn-back {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-o-keyframes fadeInOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-moz-keyframes fadeInOut-back {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes fadeInOut-back {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-o-keyframes fadeInOut-back {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes fadeInOut-back {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-moz-keyframes slideBackLayerIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slideBackLayerIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes slideBackLayerIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideBackLayerIn {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes slideBackLayerIn-back {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideBackLayerIn-back {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes slideBackLayerIn-back {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideBackLayerIn-back {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slideBackLayerOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
}
@-webkit-keyframes slideBackLayerOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
}
@-o-keyframes slideBackLayerOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
}
@keyframes slideBackLayerOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: perspective(1000px) rotateY(35deg) scale(0.5);
  }
}
@-moz-keyframes slideBackLayerOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@-webkit-keyframes slideBackLayerOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@-o-keyframes slideBackLayerOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}
@keyframes slideBackLayerOut-back {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(50%);
  }
}