@charset "utf-8";
/* CSS Document */

/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}


/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -moz-transform: translate3d(-600px, 0px, 0px);
  -webkit-transform: translate3d(-600px, 0px, 0px);
  -o-transform: translate(-600px, 0px);
  -ms-transform: translate(-600px, 0px);
  transform: translate3d(-600px, 0px, 0px);
}
.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*animation element sliding right*/

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -moz-transform: translate3d(600px, 0px, 0px);
  -webkit-transform: translate3d(600px, 0px, 0px);
  -o-transform: translate(600px, 0px);
  -ms-transform: translate(600px, 0px);
  transform: translate3d(600px, 0px, 0px);
}
.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*animation element bounce up*/

.animation-element.bounce-up,
.animation-element.bounce-up-1,
.animation-element.bounce-up-2,
.animation-element.bounce-up-3,
.animation-element.bounce-up-4,
.animation-element.bounce-up-5,
.animation-element.bounce-up-6,
.animation-element.bounce-up-7,
.animation-element.bounce-up-8,
.animation-element.bounce-up-9,
.animation-element.bounce-up-10,
.animation-element.bounce-up-11,
.animation-element.bounce-up-12,
.animation-element.bounce-up-13,
.animation-element.bounce-up-14,
.animation-element.bounce-up-15 {
  opacity: 0;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-element.bounce-up-2 {
  -moz-transition: all 600ms ease 300ms;
  -webkit-transition: all 600ms ease 300ms;
  -o-transition: all 600ms ease 300ms;
  transition: all 600ms ease 300ms;
}
.animation-element.bounce-up-3 {
  -moz-transition: all 600ms ease 600ms;
  -webkit-transition: all 600ms ease 600ms;
  -o-transition: all 600ms ease 600ms;
  transition: all 600ms ease 600ms;
}
.animation-element.bounce-up-4 {
  -moz-transition: all 600ms ease 900ms;
  -webkit-transition: all 600ms ease 900ms;
  -o-transition: all 600ms ease 900ms;
  transition: all 600ms ease 900ms;
}
.animation-element.bounce-up-5 {
  -moz-transition: all 600ms ease 1200ms;
  -webkit-transition: all 600ms ease 1200ms;
  -o-transition: all 600ms ease 1200ms;
  transition: all 600ms ease 1200ms;
}
.animation-element.bounce-up-6 {
  -moz-transition: all 600ms ease 1500ms;
  -webkit-transition: all 600ms ease 1500ms;
  -o-transition: all 600ms ease 1500ms;
  transition: all 600ms ease 1500ms;
}
.animation-element.bounce-up-7 {
  -moz-transition: all 600ms ease 1800ms;
  -webkit-transition: all 600ms ease 1800ms;
  -o-transition: all 600ms ease 1800ms;
  transition: all 600ms ease 1800ms;
}
.animation-element.bounce-up-8 {
  -moz-transition: all 600ms ease 2100ms;
  -webkit-transition: all 600ms ease 2100ms;
  -o-transition: all 600ms ease 2100ms;
  transition: all 600ms ease 2100ms;
}
.animation-element.bounce-up-9 {
  -moz-transition: all 600ms ease 2400ms;
  -webkit-transition: all 600ms ease 2400ms;
  -o-transition: all 600ms ease 2400ms;
  transition: all 600ms ease 2400ms;
}
.animation-element.bounce-up-10 {
  -moz-transition: all 600ms ease 2700ms;
  -webkit-transition: all 600ms ease 2700ms;
  -o-transition: all 600ms ease 2700ms;
  transition: all 600ms ease 2700ms;
}
.animation-element.bounce-up-11 {
  -moz-transition: all 600ms ease 3000ms;
  -webkit-transition: all 600ms ease 3000ms;
  -o-transition: all 600ms ease 3000ms;
  transition: all 600ms ease 3000ms;
}
.animation-element.bounce-up-12 {
  -moz-transition: all 600ms ease 3300ms;
  -webkit-transition: all 600ms ease 3300ms;
  -o-transition: all 600ms ease 3300ms;
  transition: all 600ms ease 3300ms;
}
.animation-element.bounce-up-13 {
  -moz-transition: all 600ms ease 3600ms;
  -webkit-transition: all 600ms ease 3600ms;
  -o-transition: all 600ms ease 3600ms;
  transition: all 600ms ease 3600ms;
}
.animation-element.bounce-up-14 {
  -moz-transition: all 600ms ease 3900ms;
  -webkit-transition: all 600ms ease 3900ms;
  -o-transition: all 600ms ease 3900ms;
  transition: all 600ms ease 3900ms;
}
.animation-element.bounce-up-15 {
  -moz-transition: all 600ms ease 4200ms;
  -webkit-transition: all 600ms ease 4200ms;
  -o-transition: all 600ms ease 4200ms;
  transition: all 600ms ease 4200ms;
}
.animation-element.bounce-up.in-view,
.animation-element.bounce-up-1.in-view,
.animation-element.bounce-up-2.in-view,
.animation-element.bounce-up-3.in-view,
.animation-element.bounce-up-4.in-view,
.animation-element.bounce-up-5.in-view,
.animation-element.bounce-up-6.in-view,
.animation-element.bounce-up-7.in-view,
.animation-element.bounce-up-8.in-view,
.animation-element.bounce-up-9.in-view,
.animation-element.bounce-up-10.in-view,
.animation-element.bounce-up-11.in-view,
.animation-element.bounce-up-12.in-view,
.animation-element.bounce-up-13.in-view,
.animation-element.bounce-up-14.in-view,
.animation-element.bounce-up-15.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/*animation element bounce down*/

.animation-element.bounce-down {
  opacity: 0;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-element.bounce-down.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*animation element foot-code*/
.animation-element.foot-code-1,
.animation-element.foot-code-2 {
  opacity: 0;
  position:absolute;
  -moz-transform: translate3d(0px, -10px, 0px);
  -webkit-transform: translate3d(0px, -10px, 0px);
  -o-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate3d(0px, -10px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.animation-element.foot-code-1 {
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}
.animation-element.foot-code-2 {
  -moz-transition: all 900ms ease 450ms;
  -webkit-transition: all 900ms ease 450ms;
  -o-transition: all 900ms ease 450ms;
  transition: all 900ms ease 450ms;
}
.animation-element.foot-code-1.in-view,
.animation-element.foot-code-2.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




/*animation element rotate right*/

.animation-element.rotate-right {
  opacity: 1;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.animation-element.rotate-right.in-view:hover {
  opacity: 1;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}



/*animation element rotate left*/

.animation-element.rotate-left {
  opacity: 1;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.animation-element.rotate-left.in-view:hover {
  opacity: 1;
  -webkit-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}



/*animation element rotate vertical*/

.animation-element.rotate-vertical {
  opacity: 1;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.animation-element.rotate-vertical.in-view:hover {
  opacity: 1;
  -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
}



/*animation element rotate horizontal*/

.animation-element.rotate-horizontal {
  opacity: 1;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.animation-element.rotate-horizontal.in-view:hover {
  opacity: 1;
  -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
  -o-transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
}



/*animation element scale*/

.animation-element.scale {
  opacity: 0;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.animation-element.scale.in-view {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}




.animation-element.scalehov {
  opacity: 1;
  -moz-transition: all 700ms ease-in-out;
  -webkit-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.animation-element.scalehov.in-view:hover {
  opacity: 1;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}



/*navigation*/
.nav-bounce {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -120%, 0px);
  -webkit-transform: translate3d(0px, -120%, 0px);
  -o-transform: translate(0px, -120%);
  -ms-transform: translate(0px, -120%);
  transform: translate3d(0px, -120%, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nav-bounce.clicked {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*search*/
.search-bounce {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -120%, 0px);
  -webkit-transform: translate3d(0px, -120%, 0px);
  -o-transform: translate(0px, -120%);
  -ms-transform: translate(0px, -120%);
  transform: translate3d(0px, -120%, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.search-bounce.clicked {
  opacity: 1;
  -moz-transform: translate3d(0px, 50vh, 0px);
  -webkit-transform: translate3d(0px, 50vh, 0px);
  -o-transform: translate(0px, 50vh);
  -ms-transform: translate(0px, 50vh);
  transform: translate3d(0px, 50vh, 0px);
}