/* -------------------- Flexslider Logo BEGINN -------------------- */

.logo-slider {
  position: absolute;
  width: 650px;
  height: 100%;
  padding-left: 20px;
  left: 10%;
  z-index: 9;
  transform: skewX(-15deg);
  background: rgba(255, 255, 255, 0.8);
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.logo-slider img {
  *width: 100%;
  top: 15%;
  position: absolute;
  *left: 50%;
  padding: 3rem;
  *transform: skewX(15deg) translateX(-50%);
}

/* -------------------- Flexslider Logo ENDE -------------------- */



/* -------------------- Square BEGINN -------------------- */

.container-square {
  -webkit-box-align: center;
  -webkit-perspective: 100px;
          perspective: 100px;
}
.square {
  -webkit-transform: rotateY(1deg);
          transform: rotateY(1deg);
}
.containerB {
  -webkit-animation: moveOrigin 4s infinite ease-in-out alternate;
          animation: moveOrigin 4s infinite ease-in-out alternate;
}

@-webkit-keyframes moveOrigin {
  from {
    -webkit-perspective-origin: left;
            perspective-origin: left;
  }
  to {
    -webkit-perspective-origin: right;
            perspective-origin: right;
  }
}

@keyframes moveOrigin {
  from {
    -webkit-perspective-origin: left;
            perspective-origin: left;
  }
  to {
    -webkit-perspective-origin: right;
            perspective-origin: right;
  }
}

/* -------------------- Square ENDE -------------------- */