.animated { -webkit-animation-fill-mode:both; animation-fill-mode:both; }

.fadeIn { opacity:0; }

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}

.animated.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:2s; animation-duration:2s; }

@-webkit-keyframes fadeInScale {
  0% { opacity:0; -webkit-transform:scale(0.9); }
  100% { opacity:1; -webkit-transform:scale(1); }
}
@keyframes fadeInScale {
  0% { opacity:0; transform:scale(0.9); }
  100% { opacity:1; transform:scale(1); }
}

.steps div { opacity:0; }
.animated.steps div { -webkit-animation-name:fadeInScale; animation-name:fadeInScale; }
.animated.steps div { -webkit-animation-duration:1s; animation-duration:1s; }
.animated.steps div { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.steps div.step2 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.animated.steps div.step3 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.animated.steps div.step4 { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.animated.steps div.step5 { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.animated.steps div.step6 { -webkit-animation-delay:1s; animation-delay:1s; }
.animated.steps div.step7 { -webkit-animation-delay:1.2s; animation-delay:1.2s; }

.showcase-cell .showcase-item { opacity:0; }
.animated.showcase-item { -webkit-animation-name:fadeInScale; animation-name:fadeInScale; }
.animated.showcase-item { -webkit-animation-duration:1s; animation-duration:1s; }
.animated.showcase-item { -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.showcase-item.c4, .animated.showcase-item.c5, .animated.showcase-item.c6 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.animated.showcase-item.c7, .animated.showcase-item.c8, .animated.showcase-item.c9 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }

@-webkit-keyframes slideMod1 {
  0% { opacity:0; -webkit-transform:translateY(-60px); }
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes slideMod1 {
  0% { opacity:0; transform:translateY(-60px); }
  100% { opacity:1; transform:translateY(0); }
}
@-webkit-keyframes slideMod2 {
  0% { opacity:0; -webkit-transform:translateY(60px); }
  100% { opacity:1; -webkit-transform:translateY(0); }
}
@keyframes slideMod2 {
  0% { opacity:0; transform:translateY(60px); }
  100% { opacity:1; transform:translateY(0); }
}

.cifr div { opacity:0; }
.animated.cifr .mod1, .animated.cifr .mod2, .animated.cifr .mod3 { -webkit-animation-name:slideMod1; animation-name:slideMod1; }
.animated.cifr .c1, .animated.cifr .c2, .animated.cifr .c3 { -webkit-animation-name:slideMod1; animation-name:slideMod1; }
.animated.cifr .mod4, .animated.cifr .mod5 { -webkit-animation-name:slideMod2; animation-name:slideMod2; }
.animated.cifr .c4, .animated.cifr .c5 { -webkit-animation-name:slideMod2; animation-name:slideMod2; }
.animated.cifr .mod1, .animated.cifr .mod2, .animated.cifr .mod3, .animated.cifr .mod4, .animated.cifr .mod5 { -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.cifr .c1, .animated.cifr .c2, .animated.cifr .c3, .animated.cifr .c4, .animated.cifr .c5 { -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }

@-webkit-keyframes fotoSlide {
  0% { opacity:0; -webkit-transform:scale(0); }
  60% { opacity:1; -webkit-transform:scale(1.1); }
  100% { opacity:1; -webkit-transform:scale(1); }
}
@keyframes fotoSlide {
  0% { opacity:0; transform:scale(0); }
  60% { opacity:1; transform:scale(1.1); }
  100% { opacity:1; transform:scale(1); }
}

.fotog .foto { opacity:0; }
.animated.fotog .foto { -webkit-animation-name:fotoSlide; animation-name:fotoSlide; }
.animated.fotog .foto { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.fotog .foto.g1 { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.animated.fotog .foto.g2 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.animated.fotog .foto.g3 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.animated.fotog .foto.g4 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.animated.fotog .foto.g5 { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.animated.fotog .foto.g6 { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.animated.fotog .foto.g7 { -webkit-animation-delay:0.7s; animation-delay:0.7s; }

.animated.logos div { opacity:0; }
.animated.logos div { -webkit-animation-name:fotoSlide; animation-name:fotoSlide; }
.animated.logos div { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated.logos div.l1 { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.animated.logos div.l2 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.animated.logos div.l3 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.animated.logos div.l4 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.animated.logos div.l5 { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.animated.logos div.l6 { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.animated.logos div.l7 { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.animated.logos div.l8 { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.animated.logos div.l9 { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.animated.logos div.l10 { -webkit-animation-delay:1s; animation-delay:1s; }
.animated.logos div.l11 { -webkit-animation-delay:1.1s; animation-delay:1.1s; }
.animated.logos div.l12 { -webkit-animation-delay:1.2s; animation-delay:1.2s; }

@-webkit-keyframes fadeInScale2 {
  0% { opacity:0; -webkit-transform:scale(0.5); }
  100% { opacity:1; -webkit-transform:scale(1); }
}
@keyframes fadeInScale2 {
  0% { opacity:0; transform:scale(0.5); }
  100% { opacity:1; transform:scale(1); }
}

.map-points { opacity:0; }
.animated.map-points { -webkit-animation-name:fadeInScale2; animation-name:fadeInScale2; }
.animated.map-points { -webkit-animation-duration:1s; animation-duration:1s; }
.animated.map-points { -webkit-animation-delay:0.2s; animation-delay:0.2s; }


#c1 { background-attachment:fixed; background-origin:padding-box; background-repeat:no-repeat; }
#c1 { -webkit-background-clip:border-box; -moz-background-clip:border-box; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }