/*AUTOLAB - ANIMATIONS CSS
  Theme Name:   AUTOLAB Theme
  Theme URI:    https://www.autolab.com.co/
  Description:  AUTOLAB. Plantilla Sitio Web Corporativo.
  Author:       INKNITE. 2016
  Author URI:   https://www.inknite.com
*/

@keyframes leftcol-show{
  0%{
    transform: translateY(-30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes leftcol-show{
  0%{
    transform: translateY(-30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-moz-keyframes leftcol-show{
  0%{
    transform: translateY(-30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-o-keyframes leftcol-show{
  0%{
    transform: translateY(-30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-ms-keyframes leftcol-show{
  0%{
    transform: translateY(-30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes rightcol-show{
  0%{
    transform: translateY(30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes rightcol-show{
  0%{
    transform: translateY(30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-moz-keyframes rightcol-show{
  0%{
    transform: translateY(30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-o-keyframes rightcol-show{
  0%{
    transform: translateY(30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}
@-ms-keyframes rightcol-show{
  0%{
    transform: translateY(30px);
    opacity: 0;
  }
  100%{
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes logo-bn-show{
  0%{
    opacity: 0;
    transform: translateX(-25px) scale(0.8,0.8);
  }
  25%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  75%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  100%{
    opacity: 0;
    transform: translateX(25px) scale(0.8,0.8);
  }
}
@-webkit-keyframes logo-bn-show{
  0%{
    opacity: 0;
    transform: translateX(-25px) scale(0.8,0.8);
  }
  25%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  75%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  100%{
    opacity: 0;
    transform: translateX(25px) scale(0.8,0.8);
  }
}
@-moz-keyframes logo-bn-show{
  0%{
    opacity: 0;
    transform: translateX(-25px) scale(0.8,0.8);
  }
  25%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  75%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  100%{
    opacity: 0;
    transform: translateX(25px) scale(0.8,0.8);
  }
}
@-o-keyframes logo-bn-show{
  0%{
    opacity: 0;
    transform: translateX(-25px) scale(0.8,0.8);
  }
  25%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  75%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  100%{
    opacity: 0;
    transform: translateX(25px) scale(0.8,0.8);
  }
}
@-ms-keyframes logo-bn-show{
  0%{
    opacity: 0;
    transform: translateX(-25px) scale(0.8,0.8);
  }
  25%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  75%{
    opacity: 1;
    transform: translateX(0px) scale(1,1);
  }
  100%{
    opacity: 0;
    transform: translateX(25px) scale(0.8,0.8);
  }
}

@keyframes lightbox_show{
  0%{
   opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-webkit-keyframes lightbox_show{
0%{
   opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-moz-keyframes lightbox_show{
0%{
   opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-o-keyframes lightbox_show{
0%{
   opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@-ms-keyframes lightbox_show{
0%{
   opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes success_frm{
  0%{
   top: 100%;
  }
  50%{
    top: 0;
  }
  80%{
    top: 0;
  }
  100%{
    top: -100%;
  }
}