/*preloader*/
#preloader-background {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#preloader-background .preloader-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
}

/*========================================
    Default preloader
=======================================*/

.custom-preloader i {
    font-size: 28px;
}

.custom-preloader {
    position: relative;
    -webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: slide;
    animation-duration: 3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    font-size: 10px !important;
}

.custom-preloader::after, 
.custom-preloader::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #333;
    bottom: 2px;
    right: 11px;
    position: absolute;
    border-radius: 50%;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    animation-name: rotate;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    border-bottom: 1px solid #aeaeae;
    border-top: 1px solid #8a8a8a;
}

.custom-preloader::after {
  right: 22px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slide {
    0% {
        left:0px;
        top:0px;
        opacity:1;
    }
    100% {
        left:100px;
        opacity:0.1;
    }
}

/* Standard syntax */
@keyframes slide {
    0% {
        left:0px;
        top:0px;
        opacity:1;
    }
    100% {
        left:100px;
        opacity:0.1;
    }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Standard syntax */
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 600px){
    .custom-preloader i {
        font-size: 20px;
    }

    .custom-preloader::after {
        right: 15px;
    }

    .custom-preloader::before {
        right: 7px;
    }
}


/*========================================
    Rotating Plane
=======================================*/
.mt-rotating-plane {
    width: 40px;
    height: 40px;
    background-color: #333;
    margin: 40px auto;
    -webkit-animation: mt-rotatePlane 1.2s infinite ease-in-out;
    animation: mt-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes mt-rotatePlane {
0% {
  -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
          transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
  -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
  -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
          transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes mt-rotatePlane {
0% {
  -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
          transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
  -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
  -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
          transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


/*========================================
    Double Bounce
=======================================*/
.mt-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto; }
.mt-double-bounce .mt-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: mt-doubleBounce 2s infinite ease-in-out;
          animation: mt-doubleBounce 2s infinite ease-in-out; }
.mt-double-bounce .mt-double-bounce2 {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s; }

@-webkit-keyframes mt-doubleBounce {
0%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
50% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

@keyframes mt-doubleBounce {
0%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
50% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

/*========================================
    Wave
=======================================*/
.mt-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.mt-wave .mt-rect {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: mt-waveStretchDelay 1.2s infinite ease-in-out;
          animation: mt-waveStretchDelay 1.2s infinite ease-in-out; }
.mt-wave .mt-rect1 {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s; }
.mt-wave .mt-rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.mt-wave .mt-rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.mt-wave .mt-rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.mt-wave .mt-rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

@-webkit-keyframes mt-waveStretchDelay {
0%, 40%, 100% {
  -webkit-transform: scaleY(0.4);
          transform: scaleY(0.4); }
20% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1); } }

@keyframes mt-waveStretchDelay {
0%, 40%, 100% {
  -webkit-transform: scaleY(0.4);
          transform: scaleY(0.4); }
20% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1); } }


/*========================================
    Wandering Cubes
=======================================*/
.mt-wandering-cubes {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.mt-wandering-cubes .mt-cube {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: mt-wanderingCube 1.8s ease-in-out -1.8s infinite both;
          animation: mt-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
.mt-wandering-cubes .mt-cube2 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

@-webkit-keyframes mt-wanderingCube {
0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
25% {
  -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
          transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
  /* Hack to make FF rotate in the right direction */
  -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
          transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
  -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
          transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
  -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
          transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg); } }

@keyframes mt-wanderingCube {
0% {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
25% {
  -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
          transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
  /* Hack to make FF rotate in the right direction */
  -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
          transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
  -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
          transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
  -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
          transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg); } }

/*========================================
    Spinner Plus
=======================================*/
.mt-spinner-pulse {
width: 40px;
height: 40px;
margin: 40px auto;
background-color: #333;
border-radius: 100%;
-webkit-animation: mt-pulseScaleOut 1s infinite ease-in-out;
        animation: mt-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes mt-pulseScaleOut {
0% {
  -webkit-transform: scale(0);
          transform: scale(0); }
100% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0; } }

@keyframes mt-pulseScaleOut {
0% {
  -webkit-transform: scale(0);
          transform: scale(0); }
100% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0; } }


/*========================================
    Chasing Dots
=======================================*/
.mt-chasing-dots {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: mt-chasingDotsRotate 2s infinite linear;
        animation: mt-chasingDotsRotate 2s infinite linear; }
.mt-chasing-dots .mt-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: mt-chasingDotsBounce 2s infinite ease-in-out;
          animation: mt-chasingDotsBounce 2s infinite ease-in-out; }
.mt-chasing-dots .mt-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes mt-chasingDotsRotate {
100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); } }

@keyframes mt-chasingDotsRotate {
100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); } }

@-webkit-keyframes mt-chasingDotsBounce {
0%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
50% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

@keyframes mt-chasingDotsBounce {
0%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
50% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

/*========================================
    Three Bounce
=======================================*/
.mt-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center; }
.mt-three-bounce .mt-child {
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: mt-three-bounce 1.4s ease-in-out 0s infinite both;
          animation: mt-three-bounce 1.4s ease-in-out 0s infinite both; }
.mt-three-bounce .mt-bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s; }
.mt-three-bounce .mt-bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }

@-webkit-keyframes mt-three-bounce {
0%, 80%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
40% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

@keyframes mt-three-bounce {
0%, 80%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
40% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

/*========================================
    Circle
=======================================*/
.mt-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.mt-circle .mt-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.mt-circle .mt-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: mt-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: mt-circleBounceDelay 1.2s infinite ease-in-out both; }
.mt-circle .mt-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.mt-circle .mt-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.mt-circle .mt-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.mt-circle .mt-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.mt-circle .mt-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.mt-circle .mt-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.mt-circle .mt-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.mt-circle .mt-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.mt-circle .mt-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.mt-circle .mt-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.mt-circle .mt-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.mt-circle .mt-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.mt-circle .mt-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.mt-circle .mt-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.mt-circle .mt-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.mt-circle .mt-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.mt-circle .mt-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.mt-circle .mt-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.mt-circle .mt-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.mt-circle .mt-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.mt-circle .mt-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.mt-circle .mt-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes mt-circleBounceDelay {
0%, 80%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
40% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

@keyframes mt-circleBounceDelay {
0%, 80%, 100% {
  -webkit-transform: scale(0);
          transform: scale(0); }
40% {
  -webkit-transform: scale(1);
          transform: scale(1); } }

/*========================================
    Cube Grid
=======================================*/
.mt-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto;
/*
 * Spinner positions
 * 1 2 3
 * 4 5 6
 * 7 8 9
 */ }
.mt-cube-grid .mt-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: #333;
  float: left;
  -webkit-animation: mt-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: mt-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.mt-cube-grid .mt-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.mt-cube-grid .mt-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.mt-cube-grid .mt-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.mt-cube-grid .mt-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.mt-cube-grid .mt-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.mt-cube-grid .mt-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.mt-cube-grid .mt-cube7 {
  -webkit-animation-delay: 0.0s;
          animation-delay: 0.0s; }
.mt-cube-grid .mt-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.mt-cube-grid .mt-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes mt-cubeGridScaleDelay {
0%, 70%, 100% {
  -webkit-transform: scale3D(1, 1, 1);
          transform: scale3D(1, 1, 1); }
35% {
  -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1); } }

@keyframes mt-cubeGridScaleDelay {
0%, 70%, 100% {
  -webkit-transform: scale3D(1, 1, 1);
          transform: scale3D(1, 1, 1); }
35% {
  -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1); } }

/*========================================
    Fading Circle
=======================================*/
.mt-fading-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.mt-fading-circle .mt-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.mt-fading-circle .mt-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: mt-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: mt-circleFadeDelay 1.2s infinite ease-in-out both; }
.mt-fading-circle .mt-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.mt-fading-circle .mt-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.mt-fading-circle .mt-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.mt-fading-circle .mt-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.mt-fading-circle .mt-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.mt-fading-circle .mt-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.mt-fading-circle .mt-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.mt-fading-circle .mt-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.mt-fading-circle .mt-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.mt-fading-circle .mt-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.mt-fading-circle .mt-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.mt-fading-circle .mt-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.mt-fading-circle .mt-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.mt-fading-circle .mt-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.mt-fading-circle .mt-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.mt-fading-circle .mt-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.mt-fading-circle .mt-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.mt-fading-circle .mt-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.mt-fading-circle .mt-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.mt-fading-circle .mt-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.mt-fading-circle .mt-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.mt-fading-circle .mt-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes mt-circleFadeDelay {
0%, 39%, 100% {
  opacity: 0; }
40% {
  opacity: 1; } }

@keyframes mt-circleFadeDelay {
0%, 39%, 100% {
  opacity: 0; }
40% {
  opacity: 1; } }

/*========================================
    Folding Cube
=======================================*/
.mt-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg); }
.mt-folding-cube .mt-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
.mt-folding-cube .mt-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: mt-foldCubeAngle 2.4s infinite linear both;
          animation: mt-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }
.mt-folding-cube .mt-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg); }
.mt-folding-cube .mt-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg); }
.mt-folding-cube .mt-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg); }
.mt-folding-cube .mt-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.mt-folding-cube .mt-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }
.mt-folding-cube .mt-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s; }

@-webkit-keyframes mt-foldCubeAngle {
0%, 10% {
  -webkit-transform: perspective(140px) rotateX(-180deg);
          transform: perspective(140px) rotateX(-180deg);
  opacity: 0; }
25%, 75% {
  -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
  opacity: 1; }
90%, 100% {
  -webkit-transform: perspective(140px) rotateY(180deg);
          transform: perspective(140px) rotateY(180deg);
  opacity: 0; } }

@keyframes mt-foldCubeAngle {
0%, 10% {
  -webkit-transform: perspective(140px) rotateX(-180deg);
          transform: perspective(140px) rotateX(-180deg);
  opacity: 0; }
25%, 75% {
  -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
  opacity: 1; }
90%, 100% {
  -webkit-transform: perspective(140px) rotateY(180deg);
          transform: perspective(140px) rotateY(180deg);
  opacity: 0; } }