@-webkit-keyframes revealer {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes revealer {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes revealer1 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
    left: auto;
    right: 0;
  }
}
@keyframes revealer1 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
    left: auto;
    right: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes gradient {
  50% {
    background-position: right center;
  }
}
@keyframes gradient {
  50% {
    background-position: right center;
  }
}
@-webkit-keyframes DrawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes DrawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes FadeStroke {
  from {
    stroke-opacity: 1;
  }
  to {
    stroke-opacity: 0;
  }
}
@keyframes FadeStroke {
  from {
    stroke-opacity: 1;
  }
  to {
    stroke-opacity: 0;
  }
}
@-webkit-keyframes FillIn {
  to {
    fill-opacity: 1;
  }
}
@keyframes FillIn {
  to {
    fill-opacity: 1;
  }
}
@-webkit-keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
}
@keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  40% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  60% {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  80% {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
}
@-webkit-keyframes animationSlider {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes animationSlider {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes toTopOverlay {
  to {
    background-position: 0 100%;
  }
}
@keyframes toTopOverlay {
  to {
    background-position: 0 100%;
  }
}
@-webkit-keyframes toBottomOverlay {
  to {
    background-position: 0 0%;
  }
}
@keyframes toBottomOverlay {
  to {
    background-position: 0 0%;
  }
}
@-webkit-keyframes background {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes background {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@-webkit-keyframes scaleIn {
  to {
    -webkit-transform: scale(1.1, 1.3);
    transform: scale(1.1, 1.3);
  }
}
@keyframes scaleIn {
  to {
    -webkit-transform: scale(1.1, 1.3);
    transform: scale(1.1, 1.3);
  }
}
@-webkit-keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes phone-animate {
  0% {
    -webkit-transform: translate(-62%, 25%);
    transform: translate(-62%, 25%);
  }
  100% {
    -webkit-transform: translate(-64%, 23%);
    transform: translate(-64%, 23%);
  }
}
@keyframes phone-animate {
  0% {
    -webkit-transform: translate(-62%, 25%);
    transform: translate(-62%, 25%);
  }
  100% {
    -webkit-transform: translate(-64%, 23%);
    transform: translate(-64%, 23%);
  }
}
@-webkit-keyframes pencil-animate {
  0% {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px);
  }
  50% {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
  }
  100% {
    -webkit-transform: translate(15px, -20px);
    transform: translate(15px, -20px);
  }
}
@keyframes pencil-animate {
  0% {
    -webkit-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px);
  }
  50% {
    -webkit-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
  }
  100% {
    -webkit-transform: translate(15px, -20px);
    transform: translate(15px, -20px);
  }
}
@-webkit-keyframes ipad-animate {
  0% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  100% {
    -webkit-transform: translate(25px, 15px);
    transform: translate(25px, 15px);
  }
}
@keyframes ipad-animate {
  0% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  100% {
    -webkit-transform: translate(25px, 15px);
    transform: translate(25px, 15px);
  }
}



@-webkit-keyframes phone1-animate {
  0% {
    -webkit-transform: translate(-6px, 5px);
    transform: translate(-6px, 5px);
  }
  50% {
    -webkit-transform: translate(5px, -6px);
    transform: translate(5px, -6px);
  }
  100% {
    -webkit-transform: translate(8px, -4px);
    transform: translate(8px, -4px);
  }
}
@keyframes phone1-animate {
  0% {
    -webkit-transform: translate(-6px, 5px);
    transform: translate(-6px, 5px);
  }
  50% {
    -webkit-transform: translate(5px, -6px);
    transform: translate(5px, -6px);
  }
  100% {
    -webkit-transform: translate(8px, -4px);
    transform: translate(8px, -4px);
  }
}
@-webkit-keyframes phone2-animate {
  0% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  100% {
    -webkit-transform: translate(8px, 0px);
    transform: translate(8px, 0px);
  }
}
@keyframes phone2-animate {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  100% {
    -webkit-transform: translate(8px, 0px);
    transform: translate(8px, 0px);
  }
}




@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes swell {
  0%,
  100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes pin {
  0% {
    top: 265px;
  }
  14% {
    top: 265px;
  }
  15% {
    top: 235px;
  }
  50% {
    top: 220px;
  }
  68% {
    top: 53px;
  }
  77% {
    top: 105px;
  }
  86% {
    top: 140px;
  }
  100% {
    top: 265px;
  }
}