figure {
		margin: 0;
	}
    .container1 {
		z-index:999;
      width: 100px;
      height: 200px;
	  margin-top:80px;
	  margin-left:5px;
      position: fixed;      
      -webkit-perspective: 1200px;
         -moz-perspective: 1200px;
           -o-perspective: 1200px;
              perspective: 1200px;
    }

    #cube {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: translateZ( -100px );
         -moz-transform: translateZ( -100px );
           -o-transform: translateZ( -100px );
              transform: translateZ( -100px );
    }

    #cube.spinning {
      -webkit-animation: spinCubeWebkit 8s infinite ease-in-out;
         -moz-animation: spinCubeMoz    8s infinite ease-in-out;
           -o-animation: spinCubeO      8s infinite ease-in-out;
              animation: spinCube       8s infinite ease-in-out;
    }

    @-webkit-keyframes spinCubeWebkit {
        0% { -webkit-transform: translateZ( -100px ) rotateX(   0deg ) rotateY(   0deg ); }
      100% { -webkit-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg ); }
    }

    @-moz-keyframes spinCubeMoz {
        0% { -moz-transform: translateZ( -100px ) rotateX(   0deg ) rotateY(   0deg ); }
      100% { -moz-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg ); }
    }

    @keyframes spinCube {
        0% { transform: translateZ( -100px ) rotateX(   0deg ) rotateY(   0deg ); }
      100% { transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg ); }
    }

    #cube figure {
      display: block;
      position: absolute;
      width: 80px;
      height: 80px;
      //border: 2px solid black;
      line-height: 196px;
      font-size: 120px;
      font-weight: bold;
      color: white;
      text-align: center;
    }

    #cube.panels-backface-invisible figure {
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
    }

    #cube .front  { background: hsla(  299, 19%, 60%, 0.7 ); }
    #cube .back   { background: hsla(  299, 19%, 70%, 0.7 ); }
    #cube .right  { background: hsla(  299, 19%, 30%, 0.7 ); }
    #cube .left   { background: hsla(  299, 19%, 50%, 0.7 ); }
    #cube .top    { background: hsla(  299, 19%, 50%, 0.7 ); }
    #cube .bottom { background: hsla(  299, 19%, 80%, 0.7 ); }

    #cube .front  {
      -webkit-transform: translateZ( 40px );
         -moz-transform: translateZ( 40px );
           -o-transform: translateZ( 40px );
              transform: translateZ( 40px );
    }
    #cube .back {
      -webkit-transform: rotateX( -180deg ) translateZ( 40px );
         -moz-transform: rotateX( -180deg ) translateZ( 40px );
           -o-transform: rotateX( -180deg ) translateZ( 40px );
              transform: rotateX( -180deg ) translateZ( 40px );
    }
    #cube .right {
      -webkit-transform: rotateY(   90deg ) translateZ( 40px );
         -moz-transform: rotateY(   90deg ) translateZ( 40px );
           -o-transform: rotateY(   90deg ) translateZ( 40px );
              transform: rotateY(   90deg ) translateZ( 40px );
    }
    #cube .left {
      -webkit-transform: rotateY(  -90deg ) translateZ( 40px );
         -moz-transform: rotateY(  -90deg ) translateZ( 40px );
           -o-transform: rotateY(  -90deg ) translateZ( 40px );
              transform: rotateY(  -90deg ) translateZ( 40px );
    }
    #cube .top {
      -webkit-transform: rotateX(   90deg ) translateZ( 40px );
         -moz-transform: rotateX(   90deg ) translateZ( 40px );
           -o-transform: rotateX(   90deg ) translateZ( 40px );
              transform: rotateX(   90deg ) translateZ( 40px );
    }
    #cube .bottom {
      -webkit-transform: rotateX(  -90deg ) translateZ( 40px );
         -moz-transform: rotateX(  -90deg ) translateZ( 40px );
           -o-transform: rotateX(  -90deg ) translateZ( 40px );
              transform: rotateX(  -90deg ) translateZ( 40px );
    }

	.logoAni{
		width:80px;
		height:70px;
		margin-top:10px;
		background-image: url("../logo.jpg");
		background-size: 80px 60px;
		background-repeat: no-repeat;
	}