@charset "utf-8";

/* Effects */

.zoom-bg {
   transition: all 0.4s ease-in-out;
   background-size: 100% auto;
   background-position: center;
   background-repeat: no-repeat;
}
.zoom-bg:hover {
   transition: all 0.4s ease-in-out;
   background-size: 108% auto;
   cursor: pointer;
}
.opacity-hover:hover {
   opacity: 0.7;
}
.zoom-hover {
   transition: all 0.3s ease;
}
.zoom-hover:hover {
   transform: scale(1.05);
   transition: all 0.4s ease;
}
.rotate {
   transition: 0.2s;
}
.rotate:hover {
   transition: 0.3s;
   transform: rotate(-3deg);
}
.swing {
   transition: all 0.2s ease-in-out;
}
.swing:hover {
   animation: swing 1s ease;
   animation-iteration-count: 1;
}
@keyframes swing {
   15% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px);
   }
   30% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px);
   }
   50% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px);
   }
   65% {
      -webkit-transform: translateX(-3px);
      transform: translateX(-3px);
   }
   80% {
      -webkit-transform: translateX(2px);
      transform: translateX(2px);
   }
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}
.rotation-infinite {
   animation: rotation 2s infinite linear;
}
@keyframes rotation {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(359deg);
   }
}