#akciobar > .overflow-wrapper {
  overflow: hidden;
  /*height: 500px;*/
}
#cube-area {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    clear: both;
}
#cube1-container, #cube2-container, #cube3-container {
    -moz-perspective: 2000px;
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
    -moz-perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.cube1, .cube2, .cube3 {
     animation:spincube ease-in-out 30s infinite;
     -moz-animation:spincube ease-in-out 30s infinite;
     -webkit-transform:spincube ease-in-out 30s infinite;
     -ms-transform:spincube ease-in-out 30s infinite;

    transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;

    /*position: relative;*/
    display: block;
    width: 320px;
    min-height: 360px;
    height: auto;
}

.cube1, .cube2, .cube3 {
    /*-webkit-transform-origin: 160px 160px 0;
    -moz-transform-origin: 160px 160px 0;
    -ms-transform-origin: 160px 160px 0;
    transform-origin: 160px 160px 0;*/
    transform: translateZ(-160px);
}

.cube2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.cube3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


.slide {
  position: absolute;
  background: #fff;
}

.absolute {
  position: absolute;
}


.cube1 .side1, .cube2 .side1, .cube3 .side1 {
  transform: rotateY(0deg) translateZ(160px);
  -moz-transform: rotateY(0deg) translateZ(160px);
  -ms-transform: rotateY(0deg) translateZ(160px);
  -webkit-transform: rotateY(0deg) translateZ(160px);
}

.cube1 .side2, .cube2 .side2, .cube3 .side2 {
  transform: rotateY(90deg) translateZ(160px);
  -moz-transform: rotateY(90deg) translateZ(160px);
  -ms-transform: rotateY(90deg) translateZ(160px);
  -webkit-transform: rotateY(90deg) translateZ(160px);
}
.cube1 .side3, .cube2 .side3 , .cube3 .side3 {
  transform: rotateY(180deg) translateZ(160px);
  -moz-transform: rotateY(180deg) translateZ(160px);
  -ms-transform: rotateY(180deg) translateZ(160px);
  -webkit-transform: rotateY(180deg) translateZ(160px);
}
.cube1 .side4, .cube2 .side4, .cube3 .side4 {
  transform: rotateY(-90deg) translateZ(160px);
  -moz-transform: rotateY(-90deg) translateZ(160px);
  -ms-transform: rotateY(-90deg) translateZ(160px);
  -webkit-transform: rotateY(-90deg) translateZ(160px);
}


@keyframes spincube {
    from,to {
      transform: translateZ(-160px) rotateY(0deg);
      -moz-transform: translateZ(-160px) rotateY(0deg);
      -ms-transform: translateZ(-160px) rotateY(0deg);
    }
    22.5% {
      transform: translateZ(-160px) rotateY(0deg);
      -moz-transform: translateZ(-160px) rotateY(0deg);
      -ms-transform: translateZ(-160px) rotateY(0deg);
    }
    25% {
      transform: translateZ(-160px) rotateY(-90deg);
      -moz-transform: translateZ(-160px) rotateY(-90deg);
      -ms-transform: translateZ(-160px) rotateY(-90deg);
    }
    47.5% {
      transform: translateZ(-160px) rotateY(-90deg);
      -moz-transform: translateZ(-160px) rotateY(-90deg);
      -ms-transform: translateZ(-160px) rotateY(-90deg);
    }
    50% {
      transform: translateZ(-160px) rotateY(-180deg);
      -moz-transform: translateZ(-160px) rotateY(-180deg);
      -ms-transform: translateZ(-160px) rotateY(-180deg);
    }
    72.5% {
      transform: translateZ(-160px) rotateY(-180deg);
      -moz-transform: translateZ(-160px) rotateY(-180deg);
      -ms-transform: translateZ(-160px) rotateY(-180deg);
    }
    75% {
      transform: translateZ(-160px) rotateY(-270deg);
      -moz-transform: translateZ(-160px) rotateY(-270deg);
      -ms-transform: translateZ(-160px) rotateY(-270deg);
    }
    97.5% {
      transform: translateZ(-160px) rotateY(-270deg);
      -moz-transform: translateZ(-160px) rotateY(-270deg);
      -ms-transform: translateZ(-160px) rotateY(-270deg);
    }
    100% {
      transform: translateZ(-160px) rotateY(-360deg);
      -moz-transform: translateZ(-160px) rotateY(-360deg);
      -ms-transform: translateZ(-160px) rotateY(-360deg);
    }
  }

  @-webkit-keyframes spincube {
    from,to  { -webkit-transform: translateZ(-160px) rotateY(0deg); }
    22.5%      { -webkit-transform: translateZ(-160px) rotateY(0deg);  }
    25%      { -webkit-transform: translateZ(-160px) rotateY(-90deg);  }
    47.5%      { -webkit-transform: translateZ(-160px) rotateY(-90deg);  }
    50%      { -webkit-transform: translateZ(-160px) rotateY(-180deg); }
    72.5%      { -webkit-transform: translateZ(-160px) rotateY(-180deg); }
    75%      { -webkit-transform: translateZ(-160px) rotateY(-270deg); }
    97.5%      { -webkit-transform: translateZ(-160px) rotateY(-270deg); }
    100%      { -webkit-transform: translateZ(-160px) rotateY(-360deg); }
  }