.demo-frame header, .demo-frame h1, .demo-frame .demo-conversion {
  display: none;
}
.demo-wrapper {
  min-height: 500px;
}
/*************** ANIMATIONS ***************/
    @-webkit-keyframes cube-spin {
      from { -webkit-transform: rotateY(0); }
      to { -webkit-transform: rotateY(360deg); }
    }

    @-ms-keyframes cube-spin {
      from { ms-transform: rotateY(0); }
      to { ms-transform: rotateY(360deg); }
    }

    @keyframes cube-spin {
      from { transform: rotateY(0); }
      to { transform: rotateY(360deg); }
    }

    @-webkit-keyframes spin-vertical {
      from { -webkit-transform: rotateX(0); }
      to { -webkit-transform: rotateX(-360deg); }
    }

    @-ms-keyframes spin-vertical {
      from { ms-transform: rotateX(0); }
      to { ms-transform: rotateX(-360deg); }
    }

    @keyframes spin-vertical {
      from { transform: rotateX(0); }
      to { transform: rotateX(-360deg); }
    }

    
    /*************** STANDARD CUBE ***************/
    .cube-wrap {
      /* -webkit-perspective: 100px;
      -webkit-perspective-origin: 50% 100px;

      -moz-perspective: 100px;
      -moz-perspective-origin: 50% 100px;

      -ms-perspective: 100px;
      -ms-perspective-origin: 50% 100px;

      perspective: 100px;
      perspective-origin: 50% 50px; */
    }

    .cube {
      position: relative;
      width: 500px;
      height: 50px;
      margin: 0 auto;
      
      -webkit-transform-style: preserve-3d;
      -webkit-animation: cube-spin 15s infinite linear;
      
      -moz-transform-style: preserve-3d;
      -moz-animation: cube-spin 15s infinite linear;

      -ms-transform-style: preserve-3d;
      -ms-animation: cube-spin 15s infinite linear;

      transform-style: preserve-3d;
      animation: cube-spin 15s infinite linear;
      animation-delay: 3s;
    }

    .cube div {
      overflow: hidden;
      position: absolute;
      width: 500px;
      height: 40px;
      color:#fff;
      /* background: rgba(255,255,255,0.1); */
      box-shadow: inset 0 0 30px rgba(0,0,0,0.8);
      font-size: 20px;
      text-align: center;
      line-height: 40px;
      font-family: sans-serif;
      text-transform: uppercase;
    }

    /*************** DEPTH CUBE ***************/
    .depth div.back-pane {
      -webkit-transform: translateZ(-20px) rotateY(180deg);
      -moz-transform: translateZ(-20px) rotateY(180deg);
      -ms-transform: translateZ(-20px) rotateY(180deg);

      transform: translateZ(-20px) rotateY(180deg);
      animation-delay: 3s;
    }
    .depth div.right-pane {
      -webkit-transform:rotateY(-270deg) translateX(20px);
      -webkit-transform-origin: top right;

      -moz-transform:rotateY(-270deg) translateX(20px);
      -moz-transform-origin: top right;

      -ms-transform:rotateY(-270deg) translateX(20px);
      -ms-transform-origin: top right;

      transform:rotateY(-270deg) translateX(20px);
      transform-origin: top right;
      animation-delay: 3s;
    }
    .depth div.left-pane {
      -webkit-transform:rotateY(270deg) translateX(-20px);
      -webkit-transform-origin: center left;

      -moz-transform:rotateY(270deg) translateX(-20px);
      -moz-transform-origin: center left;

      -ms-transform:rotateY(270deg) translateX(-20px);
      -ms-transform-origin: center left;

      transform:rotateY(270deg) translateX(-20px);
      transform-origin: center left;
      animation-delay: 3s;
    }
    .depth div.top-pane {
      -webkit-transform:rotateX(-90deg) translateY(-20px);
      -webkit-transform-origin: top center;

      -moz-transform:rotateX(-90deg) translateY(-20px);
      -moz-transform-origin: top center;

      -ms-transform:rotateX(-90deg) translateY(-20px);
      -ms-transform-origin: top center;

      transform:rotateX(-90deg) translateY(-20px);
      transform-origin: top center;
      animation-delay: 3s;
    }
    .depth div.bottom-pane {
      -webkit-transform:rotateX(90deg) translateY(20px);
      -webkit-transform-origin: bottom center;

      -moz-transform:rotateX(90deg) translateY(20px);
      -moz-transform-origin: bottom center;

      -ms-transform:rotateX(90deg) translateY(20px);
      -ms-transform-origin: bottom center;

      transform:rotateX(90deg) translateY(20px);
      transform-origin: bottom center;
      animation-delay: 3s;
    }
    .depth div.front-pane {
      -webkit-transform: translateZ(20px);
      -moz-transform: translateZ(20px);
      -ms-transform: translateZ(20px);

      transform: translateZ(20px);
      animation-delay: 3s;
    }


    /*************** VERTICAL SPINNING CUBE ***************/
    .cube-wrap.vertical .cube {
      -webkit-transform-origin: 0 25px;
      -moz-transform-origin: 0 25px;
      -ms-transform-origin: 0 25px;
      transform-origin: 0 25px;

      -webkit-animation: spin-vertical 15s infinite linear;
      -moz-animation: spin-vertical 15s infinite linear;
      -ms-animation: spin-vertical 15s infinite linear;
      animation: spin-vertical 15s infinite linear;
      animation-delay: 3s;
    }

    .cube-wrap.vertical .depth div.top-pane {
      -webkit-transform:rotateX(-270deg) translateY(-20px);
      -moz-transform:rotateX(-270deg) translateY(-20px);
      -ms-transform:rotateX(-270deg) translateY(-20px);

      transform:rotateX(-270deg) translateY(-20px);
    }

    .cube-wrap.vertical .depth div.back-pane {
      -webkit-transform: translateZ(-20px) rotateX(180deg);
      -moz-transform: translateZ(-20px) rotateX(180deg);
      -ms-transform: translateZ(-20px) rotateX(180deg);

      transform: translateZ(-20px) rotateX(180deg);
    }

    .cube-wrap.vertical .depth div.bottom-pane {
      -webkit-transform: rotateX(-90deg) translateY(20px);
      -moz-transform: rotateX(-90deg) translateY(20px);
      -ms-transform: rotateX(-90deg) translateY(20px);
      transform: rotateX(-90deg) translateY(20px);
    }

    /*************** FLAT SPINNING CUBE ***************/
    .cube-wrap.flat {
      -webkit-perspective: none;
      -webkit-perspective-origin: 0 0;

      -moz-perspective: none;
      -moz-perspective-origin: 0 0;

      -ms-perspective: none;
      -ms-perspective-origin: 0 0;

      perspective: none;
      perspective-origin: 0 0;
    }