@font-face {
    font-family: 'AcuminPro-Regular';
    src: url('fonts/AcuminPro-Regular.eot');
    src: url('fonts/AcuminPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AcuminPro-Regular.woff2') format('woff2'),
        url('fonts/AcuminPro-Regular.woff') format('woff'),
        url('fonts/AcuminPro-Regular.ttf') format('truetype'),
        url('fonts/AcuminPro-Regular.svg#AcuminPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AcuminPro-Bold';
    src: url('fonts/AcuminPro-Bold.eot');
    src: url('fonts/AcuminPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AcuminPro-Bold.woff2') format('woff2'),
        url('fonts/AcuminPro-Bold.woff') format('woff'),
        url('fonts/AcuminPro-Bold.ttf') format('truetype'),
        url('fonts/AcuminPro-Bold.svg#AcuminPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.item {
  opacity: 0;
  /*display: inline-block;
  margin: 10px;
  width: 200px;
  height: 40px;
  background: lightGrey;
  text-align: center;
  padding-top: 30px;*/
}

.animate.fadeInTop {
  animation: fadeInTop .6s forwards;
}

.animate.fadeInLeft {
  animation: fadeInLeft .6s forwards;
  animation-delay: .3s;
}
.animate.fadeInRight {
  animation: fadeInRight .6s forwards;
  animation-delay: .6s;
}
.animate.fadeInBottom {
  animation: fadeInBottom .6s forwards;
  animation-delay: 1s;
}
.animate.fadeInTopLeft {
  animation: fadeInTopLeft .6s forwards;
  animation-delay: 1.3s;
}

.animate.fadeInTopRight {
  animation: fadeInTopRight .6s forwards;
  animation-delay: 1.6s;
}
.animate.fadeInBottomLeft{
  animation: fadeInBottomLeft .6s forwards;
  animation-delay: 1.9s;
}
.animate.fadeInBottomRight{
  animation: fadeInBottomRight .6s forwards;
  animation-delay: 2.3s;
}
.show {
  opacity: 1;
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px) translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translate(0px);
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translateX(20px) translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translate(0px);
  }
}
@keyframes fadeInBottomLeft{
  0%{
    opacity:0;
    transform: translateY(20px) translateX(-20px);
  }
  100%{
    opacity:1;
    transform: translateY(0) translateX(0);
  }
}

@keyframes fadeInBottomRight{
  0%{
    opacity:0;
    transform: translateY(20px) translateX(20px);
  }
  100%{
    opacity: 1;
    transform: translate(0);
  }
}