/**
 * Create the loop delay with
 * the extra keyframes
 */
@keyframes moveup {
  0%, 60%, 100% {
    transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0); }
  25% {
    transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(1em); } }
@keyframes movedown {
  0%, 60%, 100% {
    transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(0); }
  25% {
    transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg) translateZ(-1em); } }
/**
 * Square layer styles
 */
.layer {
  display: block;
  position: absolute;
  height: 3em;
  width: 3em;
  box-shadow: 3px 3px 2px rgba(255, 194, 14, 0.2);
  transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg); }
  .layer:nth-of-type(1) {
    background: #4d4d4f;
    margin-top: 1.5em;
    animation: movedown 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) infinite normal; }
    .layer:nth-of-type(1):before {
      content: '';
      position: absolute;
      width: 85%;
      height: 85%; }
  .layer:nth-of-type(2) {
    background: #008e93;
    margin-top: 0.75em; }
  .layer:nth-of-type(3) {
    background: #FFC20E;
    animation: moveup 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) infinite normal; }

.home-grad {
  background: #ffffff;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-270deg, #fff, rgba(255, 255, 255, 0.36));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-270deg, #fff, rgba(255, 255, 255, 0.36));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-270deg, #fff, rgba(255, 255, 255, 0.36));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-270deg, #fff, rgba(255, 255, 255, 0.36));
  /* Standard syntax */ }

.li-width {
  min-width: 100vw;
  padding-left: 28px; }

.mobile_font {
  font-size: 18px !important; }

.mobile_font2 {
  font-size: 18px !important;
  line-height: 50px; }

.pad-top20 {
  padding-top: 20px; }

.pad-top10 {
  padding-top: 10px; }

.rounded-btn {
  border-radius: 20px; }

/*# sourceMappingURL=custom.css.map */