gistfile1.txt

/***** Fadding Entrances ******/
.flip-left {
  -webkit-animation: flipLeft 1 1s ease-out;
  -moz-animation: flipLeft 1 1s ease-out;
  -ms-animation: flipLeft 1 1s ease-out;
  -o-animation: flipLeft 1 1s ease-out;
  animation: flipLeft 1 1s ease-out;
  opacity: 1 !important;
  visibility: visible !important;
}
@-webkit-keyframes flipLeft {
  0% {
    -webkit-transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes flipLeft {
  0% {
    -moz-transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    -moz-transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes flipLeft {
  0% {
    -ms-transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    -ms-transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes flipLeft {
  0% {
    -o-transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    -o-transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes flipLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flipLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes flipLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes flipLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
.flip-right {
  -webkit-animation: flipRight 1 1s ease-out;
  -moz-animation: flipRight 1 1s ease-out;
  -ms-animation: flipRight 1 1s ease-out;
  -o-animation: flipRight 1 1s ease-out;
  animation: flipRight 1 1s ease-out;
  opacity: 1 !important;
  visibility: visible !important;
}
@-webkit-keyframes flipRight {
  0% {
    -webkit-transform: translateX(100px);
    opacity: 0;
  }
  70% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes flipRight {
  0% {
    -moz-transform: translateX(100px);
    opacity: 0;
  }
  70% {
    -moz-transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes flipRight {
  0% {
    -ms-transform: translateX(100px);
    opacity: 0;
  }
  70% {
    -ms-transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes flipRight {
  0% {
    -o-transform: translateX(100px);
    opacity: 0;
  }
  70% {
    -o-transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes flipRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes flipRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes flipRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes flipRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  70% {
    transform: translateX(0);
    opacity: 1;
  }
}