#mapWr{
        position: relative;
    }
    .mapImg{
        width: 241px;
        margin: 5px 6px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
    }
    .mapHover{
        background: url("../img/map_hover.png") no-repeat 0 0;
        width: 253px;
        height: 253px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .pin{
        width: 33px;
    }
    .pulse-red {
      background: #F00!important;
    }
    .resourceMap .pin-1 {
      top: 0px;
      left: 39px;
    }
    .resourceMap .pin-1.finish {
      top: 107px;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .pulse-1 {
      top: 98px;
      left: 12px;
    }
    .resourceMap .pin-2 {
      top: -20px;
      left: 83px;
    }
    .resourceMap .pin-2.finish {
      top: 51px;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .pulse-2 {
      top: 42px; /* -9В */
      left: 56px; /* -27В */
    }
    .resourceMap .pin-3 {
      top: -40px;
      left: 120px;
    }
    .resourceMap .pin-3.finish {
      top: 138px;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .pulse-3 {
      top: 129px; /* -9В */
      left: 93px; /* -27В */
    }
    .resourceMap .pin-4 {
      top: -60px;
      left: 208px;
    }
    .resourceMap .pin-4.finish {
      top: 97px;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .pulse-4 {
      top: 88px; /* -9В */
      left: 181px; /* -27В */
    }


.resourceMap .pin {
  position: absolute;
  opacity: 0;
  z-index: 2;
}
.resourceMap .pin.blue {
  top: 120px;
  left: 139px;
}
.resourceMap .pin.blue.finish {
  top: 320px;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.resourceMap .pin.green {
  top: 168px;
  left: 276px;
}
.resourceMap .pin.green.finish {
  top: 268px;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.resourceMap .pin.orange {
  top: 0px;
  left: 76px;
}
.resourceMap .pin.orange.finish {
  top: 102px;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.resourceMap .pin.finish {
  opacity: 1;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.resourceMap .pop {
  position: absolute;
  top: 152px;
  left: 2px;
  opacity: 0;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  z-index: 3;
}
.resourceMap .pop.finish {
  -webkit-animation: appearBounce 200ms 1 normal ease-out forwards;
  -moz-animation: appearBounce 200ms 1 normal ease-out forwards;
  -o-animation: appearBounce 200ms 1 normal ease-out forwards;
  animation: appearBounce 200ms 1 normal ease-out forwards;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.resourceMap .pulse {
  position: absolute;
  border: 10px solid #fff;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 2s ease-out;
  -moz-animation: pulse 2s ease-out;
  animation: pulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 1;
  opacity: 0;
}
.resourceMap .pulse.orange {
  top: 82px;
  left: 48px;
  background: #f8ab26;
}
.resourceMap .pulse.blue {
  top: 305px;
  left: 114px;
  background: #3381b8;
}
.resourceMap .pulse.green {
  top: 252px;
  left: 251px;
  background: #84b63d;
}
.mobile .img {
  width: auto !important;
}
.mobile .lines {
  left: 69px !important;
  top: 40px !important;
  opacity: 0;
}
.mobile .lines.finish {
  opacity: 1;
  -moz-transition: all 0.4s 0.5s ease;
  -o-transition: all 0.4s 0.5s ease;
  -webkit-transition: all 0.4s 0.5s ease;
  transition: all 0.4s 0.5s ease;
}
.mobile .s {
  left: 96px !important;
  top: -60px !important;
  opacity: 0;
}
.mobile .s.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.3s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0.3s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0.3s 1 forwards;
  animation: appearBounce 200ms ease-out 0.3s 1 forwards;
}
.mobile .apple {
  top: 160px !important;
  left: 111px !important;
  opacity: 0;
  -moz-backface-visibility: visible;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.mobile .apple.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.45s 1 forwards, flipInY 6s ease-out 2.5s infinite;
  -moz-animation: appearBounce 200ms ease-out 0.45s 1 forwards, flipInY 6s ease-out 2.5s infinite;
  -o-animation: appearBounce 200ms ease-out 0.45s 1 forwards, flipInY 6s ease-out 2.5s infinite;
  animation: appearBounce 200ms ease-out 0.45s 1 forwards, flipInY 6s ease-out 2.5s infinite;
}
.mobile .droid {
  top: 80px !important;
  opacity: 0;
}
.mobile .droid.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.3s 1 forwards, flipInY 6s ease-out 5s infinite;
  -moz-animation: appearBounce 200ms ease-out 0.3s 1 forwards, flipInY 6s ease-out 5s infinite;
  -o-animation: appearBounce 200ms ease-out 0.3s 1 forwards, flipInY 6s ease-out 5s infinite;
  animation: appearBounce 200ms ease-out 0.3s 1 forwards, flipInY 6s ease-out 5s infinite;
}
.mobile .win {
  top: 80px !important;
  left: 221px !important;
  opacity: 0;
}
.mobile .win.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.6s 1 forwards, flipInY 6s ease-out 7s infinite;
  -moz-animation: appearBounce 200ms ease-out 0.6s 1 forwards, flipInY 6s ease-out 7s infinite;
  -o-animation: appearBounce 200ms ease-out 0.6s 1 forwards, flipInY 6s ease-out 7s infinite;
  animation: appearBounce 200ms ease-out 0.6s 1 forwards, flipInY 6s ease-out 7s infinite;
}
.skills .img {
  opacity: 0;
}
.skills .first {
  -moz-animation: fadeByOne 12s linear 0.0s infinite;
  -o-animation: fadeByOne 12s linear 0.0s infinite;
  -webkit-animation: fadeByOne 12s linear 0.0s infinite;
  animation: fadeByOne 12s linear 0.0s infinite;
}
.skills .second {
  -moz-animation: fadeByOne 12s linear 4.0s infinite;
  -o-animation: fadeByOne 12s linear 4.0s infinite;
  -webkit-animation: fadeByOne 12s linear 4.0s infinite;
  animation: fadeByOne 12s linear 4.0s infinite;
}
.skills .third {
  -moz-animation: fadeByOne 12s linear 8.0s infinite;
  -o-animation: fadeByOne 12s linear 8.0s infinite;
  -webkit-animation: fadeByOne 12s linear 8.0s infinite;
  animation: fadeByOne 12s linear 8.0s infinite;
}
.lock .lockImg {
  width: auto !important;
  top: -40px !important;
  left: 78px !important;
  opacity: 0.0;
}
.lock .lockImg.finish {
  opacity: 1.0;
  top: -20px !important;
  -moz-transition: all 0.3s 0.3s ease-in-out;
  -o-transition: all 0.3s 0.3s ease-in-out;
  -webkit-transition: all 0.3s 0.3s ease-in-out;
  transition: all 0.3s 0.3s ease-in-out;
}
.lock .circle {
  opacity: 0.0;
}
.lock .circle.finish {
  opacity: 1.0;
  -webkit-animation: lockPulse 2s ease-out;
  -moz-animation: lockPulse 2s ease-out;
  animation: lockPulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-transition: all 0.3s 0.3s ease-in-out;
  -o-transition: all 0.3s 0.3s ease-in-out;
  -webkit-transition: all 0.3s 0.3s ease-in-out;
  transition: all 0.3s 0.3s ease-in-out;
}
.context .img {
  width: auto !important;
}
.context .dots {
  left: 58px !important;
  top: -50px !important;
  opacity: 0;
}
.context .dots.finish {
  opacity: 1;
  -moz-transition: all 0.3s 0.5s ease;
  -o-transition: all 0.3s 0.5s ease;
  -webkit-transition: all 0.3s 0.5s ease;
  transition: all 0.3s 0.5s ease;
}
.context .user {
  opacity: 0;
}
.context .user.finish {
  -webkit-animation: appearBounce 200ms 1 normal ease-out forwards;
  -moz-animation: appearBounce 200ms 1 normal ease-out forwards;
  -o-animation: appearBounce 200ms 1 normal ease-out forwards;
  animation: appearBounce 200ms 1 normal ease-out forwards;
}
.context .user.first {
  top: -161px !important;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.context .user.second {
  top: -254px !important;
  left: 84px !important;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.context .user.third {
  top: -151px !important;
  left: 196px !important;
  -moz-animation-delay: 1.0s;
  -o-animation-delay: 1.0s;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.context .superuser {
  left: 94px !important;
  top: 155px !important;
  opacity: 0;
}
.context .superuser.finish {
  -webkit-animation: appearBounce 200ms 1 normal ease-out forwards;
  -moz-animation: appearBounce 200ms 1 normal ease-out forwards;
  -o-animation: appearBounce 200ms 1 normal ease-out forwards;
  animation: appearBounce 200ms 1 normal ease-out forwards;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.exceptions .window {
  width: 286px !important;
  left: 7px !important;
  overflow: hidden;
}
.exceptions .exception {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: auto;
  opacity: 0;
  -moz-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}
.exceptions .exception.first {
  top: -121px;
  left: -286px;
}
.exceptions .exception.first.finish {
  left: 0px;
  opacity: 1;
}
.exceptions .exception.second {
  top: 1px;
  left: -286px;
  -moz-transition-delay: 300ms !important;
  -o-transition-delay: 300ms !important;
  -webkit-transition-delay: 300ms !important;
  transition-delay: 300ms !important;
}
.exceptions .exception.second.finish {
  left: 0px;
  opacity: 1;
}
.availability .page.finish {
  -moz-animation: availabilityScroll 12s infinite;
  -o-animation: availabilityScroll 12s infinite;
  -webkit-animation: availabilityScroll 12s infinite;
  animation: availabilityScroll 12s infinite;
}
.scheduling .pop {
  position: absolute;
}
.scheduling .pop.first {
  top: 36px !important;
  left: 41px !important;
  opacity: 0;
}
.scheduling .pop.first.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.5s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0.5s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0.5s 1 forwards;
  animation: appearBounce 200ms ease-out 0.5s 1 forwards;
}
.scheduling .pop.second {
  top: 90px !important;
  left: 173px !important;
  opacity: 0;
}
.scheduling .pop.second.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.8s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0.8s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0.8s 1 forwards;
  animation: appearBounce 200ms ease-out 0.8s 1 forwards;
}
.allocation .page.finish {
  -moz-animation: allocationScroll 8s infinite 1s;
  -o-animation: allocationScroll 8s infinite 1s;
  -webkit-animation: allocationScroll 8s infinite 1s;
  animation: allocationScroll 8s infinite 1s;
}
.mapping .page.finish {
  -moz-animation: mappingFade 6s infinite;
  -o-animation: mappingFade 6s infinite;
  -webkit-animation: mappingFade 6s infinite;
  animation: mappingFade 6s infinite;
}
.mapping .icon {
  position: absolute;
  top: 149px !important;
  left: 275px !important;
  opacity: 0;
}
.mapping .icon.finish {
  -moz-animation: mappingIconFade 6s infinite;
  -o-animation: mappingIconFade 6s infinite;
  -webkit-animation: mappingIconFade 6s infinite;
  animation: mappingIconFade 6s infinite;
}
.browser .browserWrapper {
  overflow: hidden;
  height: 201px;
  top: 7px !important;
  width: 298px !important;
  left: 1px !important;
  border-radius: 4px;
}
.browser .gradient {
  height: 248px;
  top: -27px !important;
}
.browser .page {
  position: absolute;
  left: 0px !important;
}
.customers .portrait {
  opacity: 0;
}
.customers .portrait.finish {
  -webkit-animation: appearBounce 200ms ease-out 0s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0s 1 forwards;
  animation: appearBounce 200ms ease-out 0s 1 forwards;
}
.customers .bubble {
  opacity: 0;
}
.customers .bubble.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.2s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0.2s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0.2s 1 forwards;
  animation: appearBounce 200ms ease-out 0.2s 1 forwards;
}
.customers .other {
  opacity: 0;
}
.customers .other.finish {
  -webkit-animation: appearBounce 200ms ease-out 0.4s 1 forwards;
  -moz-animation: appearBounce 200ms ease-out 0.4s 1 forwards;
  -o-animation: appearBounce 200ms ease-out 0.4s 1 forwards;
  animation: appearBounce 200ms ease-out 0.4s 1 forwards;
}
.perspective .enlarge.finish {
  opacity: 1;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.perspective .enlarge.greenO.finish {
  top: 42%;
  left: 53%;
}
.perspective .enlarge.greenT.finish {
  top: 45%;
  left: 75%;
}
.perspective .enlarge.red.finish {
  top: 8%;
  left: 30%;
}
.perspective .enlarge.blue.finish {
  top: 51%;
  left: 13%;
}
.engOptions > div.one {
  -moz-transition-delay: 0ms !important;
  -o-transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
  transition-delay: 0ms !important;
}
.engOptions > div.two {
  -moz-transition-delay: 100ms !important;
  -o-transition-delay: 100ms !important;
  -webkit-transition-delay: 100ms !important;
  transition-delay: 100ms !important;
}
.engOptions > div.three {
  -moz-transition-delay: 200ms !important;
  -o-transition-delay: 200ms !important;
  -webkit-transition-delay: 200ms !important;
  transition-delay: 200ms !important;
}
.engOptions > div.four {
  -moz-transition-delay: 300ms !important;
  -o-transition-delay: 300ms !important;
  -webkit-transition-delay: 300ms !important;
  transition-delay: 300ms !important;
}
.engOptions > div.five {
  -moz-transition-delay: 400ms !important;
  -o-transition-delay: 400ms !important;
  -webkit-transition-delay: 400ms !important;
  transition-delay: 400ms !important;
}
.engOptions > div.six {
  -moz-transition-delay: 500ms !important;
  -o-transition-delay: 500ms !important;
  -webkit-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}
.engOptions > div.finish {
  opacity: 1;
  -moz-transition: opacity ease 800ms;
  -o-transition: opacity ease 800ms;
  -webkit-transition: opacity ease 800ms;
  transition: opacity ease 800ms;
}
.slideLinks .wrap div.one {
  -moz-transition-delay: 0ms !important;
  -o-transition-delay: 0ms !important;
  -webkit-transition-delay: 0ms !important;
  transition-delay: 0ms !important;
}
.slideLinks .wrap div.two {
  -moz-transition-delay: 100ms !important;
  -o-transition-delay: 100ms !important;
  -webkit-transition-delay: 100ms !important;
  transition-delay: 100ms !important;
}
.slideLinks .wrap div.three {
  -moz-transition-delay: 200ms !important;
  -o-transition-delay: 200ms !important;
  -webkit-transition-delay: 200ms !important;
  transition-delay: 200ms !important;
}
.slideLinks .wrap div.four {
  -moz-transition-delay: 300ms !important;
  -o-transition-delay: 300ms !important;
  -webkit-transition-delay: 300ms !important;
  transition-delay: 300ms !important;
}
.slideLinks .wrap div.finish {
  opacity: 1;
  -moz-transition: opacity ease 800ms;
  -o-transition: opacity ease 800ms;
  -webkit-transition: opacity ease 800ms;
  transition: opacity ease 800ms;
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
@keyframes lockPulse {
  0% {
    opacity: 0.0;
    transform: scale(0.7);
  }
  85% {
    opacity: 1.0;
    transform: scale(0.9);
  }
  100% {
    opacity: 0.0;
    transform: scale(1);
  }
}
@-webkit-keyframes lockPulse {
  0% {
    opacity: 0.0;
    -webkit-transform: scale(0.7);
  }
  85% {
    opacity: 1.0;
    -webkit-transform: scale(0.9);
  }
  100% {
    opacity: 0.0;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes lockPulse {
  0% {
    opacity: 0.0;
    -moz-transform: scale(0.7);
  }
  85% {
    opacity: 1.0;
    -moz-transform: scale(0.9);
  }
  100% {
    opacity: 0.0;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    top: 000px;
    -webkit-animation-timing-function: ease-in;
  }
  37% {
    top: 500px;
    -webkit-animation-timing-function: ease-out;
  }
  55% {
    top: 375px;
    -webkit-animation-timing-function: ease-in;
  }
  73% {
    top: 500px;
    -webkit-animation-timing-function: ease-out;
  }
  82% {
    top: 465px;
    -webkit-animation-timing-function: ease-in;
  }
  91% {
    top: 500px;
    -webkit-animation-timing-function: ease-out;
  }
  96% {
    top: 490px;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    top: 500px;
  }
}
@-moz-keyframes bounce {
  0% {
    top: 000px;
    -moz-animation-timing-function: ease-in;
  }
  37% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  55% {
    top: 375px;
    -moz-animation-timing-function: ease-in;
  }
  73% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  82% {
    top: 465px;
    -moz-animation-timing-function: ease-in;
  }
  91% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  96% {
    top: 490px;
    -moz-animation-timing-function: ease-in;
  }
  100% {
    top: 500px;
  }
}
@keyframes bounce {
  0% {
    top: 000px;
    -moz-animation-timing-function: ease-in;
  }
  37% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  55% {
    top: 375px;
    -moz-animation-timing-function: ease-in;
  }
  73% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  82% {
    top: 465px;
    -moz-animation-timing-function: ease-in;
  }
  91% {
    top: 500px;
    -moz-animation-timing-function: ease-out;
  }
  96% {
    top: 490px;
    -moz-animation-timing-function: ease-in;
  }
  100% {
    top: 500px;
  }
}
@keyframes appearBounce {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 0);
  }
  70% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes appearBounce {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0, 0, 0);
  }
  70% {
    -moz-transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes appearBounce {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
  }
  70% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
  2% {
    -webkit-transform: perspective(400px) rotateY(40deg);
  }
  5% {
    -webkit-transform: perspective(400px) rotateY(-40deg);
  }
  10% {
    -webkit-transform: perspective(400px) rotateY(5deg);
  }
  15% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
  }
  2% {
    -moz-transform: perspective(400px) rotateY(40deg);
  }
  5% {
    -moz-transform: perspective(400px) rotateY(-40deg);
  }
  10% {
    -moz-transform: perspective(400px) rotateY(5deg);
  }
  15% {
    -moz-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(0deg);
  }
  2% {
    transform: perspective(400px) rotateY(40deg);
  }
  5% {
    transform: perspective(400px) rotateY(-40deg);
  }
  10% {
    transform: perspective(400px) rotateY(5deg);
  }
  15% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes fadeByOne {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  37.33% {
    opacity: 0;
  }
}
@-moz-keyframes fadeByOne {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  37.33% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeByOne {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  37.33% {
    opacity: 0;
  }
}
@keyframes availabilityScroll {
  0% {
    left: 0px;
  }
  35% {
    left: -640px;
  }
  50% {
    left: -640px;
  }
  75% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@-webkit-keyframes availabilityScroll {
  0% {
    left: 0px;
  }
  35% {
    left: -640px;
  }
  50% {
    left: -640px;
  }
  75% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@-moz-keyframes availabilityScroll {
  0% {
    left: 0px;
  }
  35% {
    left: -640px;
  }
  50% {
    left: -640px;
  }
  75% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@keyframes allocationScroll {
  0% {
    top: 0px;
  }
  35% {
    top: -357px;
  }
  50% {
    top: -357px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes allocationScroll {
  0% {
    top: 0px;
  }
  35% {
    top: -357px;
  }
  50% {
    top: -357px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@-moz-keyframes allocationScroll {
  0% {
    top: 0px;
  }
  35% {
    top: -357px;
  }
  50% {
    top: -357px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@keyframes mappingFade {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mappingFade {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes mappingFade {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mappingIconFade {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  38% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}