.animated.vel_200{

	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.animated.vel_400{

	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
.animated.vel_600{

	-webkit-transition: all 600ms ease-in;
	-moz-transition: all 600ms ease-in;
	-ms-transition: all 600ms ease-in;
	-o-transition: all 600ms ease-in;
	transition: all 600ms ease-in;
}
.animated.vel_800{

	-webkit-transition: all 800ms ease-in;
	-moz-transition: all 800ms ease-in;
	-ms-transition: all 800ms ease-in;
	-o-transition: all 800ms ease-in;
	transition: all 800ms ease-in;
}
.animated.vel_1000{

	-webkit-transition: all 1000ms ease-in;
	-moz-transition: all 1000ms ease-in;
	-ms-transition: all 1000ms ease-in;
	-o-transition: all 1000ms ease-in;
	transition: all 1000ms ease-in;
}

.animated.vel_1200{

	-webkit-transition: all 1200ms ease-in;
	-moz-transition: all 1200ms ease-in;
	-ms-transition: all 1200ms ease-in;
	-o-transition: all 1200ms ease-in;
	transition: all 1200ms ease-in;
}

.animated.vel_1400{

	-webkit-transition: all 1400ms ease-in;
	-moz-transition: all 1400ms ease-in;
	-ms-transition: all 1400ms ease-in;
	-o-transition: all 1400ms ease-in;
	transition: all 1400ms ease-in;
}

.alpha{opacity: 0}
.alpha.animated{opacity: 1}

img.ambulance.animated{

	left:256px;z-index: 90;}

img.tarjeta-img.animated{top: 0}
p.claim-tarjeta.animated{opacity: 1}
img.buildings_img.animated{opacity: 1}
img.road.animated{opacity: 1;z-index: 50;}
img.globo.animated{opacity: 1; left: 544px}
img.mano_recta_off.animated{bottom: 50px;z-index: 59;}
img.mano_recta_on.animated{opacity: 1;z-index: 60;}
img.mano_buscar_off.animated{
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 0% 100%;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 0% 100%;
	transform: rotate(0deg);
	transform-origin: 0% 100%;
}
img.mano_buscar_on.animated{opacity: 1}

img.mano_correo_off.animated{
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 0% 100%;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 0% 100%;
	transform: rotate(0deg);
	transform-origin: 0% 100%;
}
img.mano_correo_on.animated{opacity: 1;z-index: 7;}

.title.animated{top: 0; opacity: 1}
.title_heart .image img.animated{opacity: 1; top: 0}

.link_header_title.animated{opacity: 1}

.ribbon_red.animated{ left:-48px;opacity: 1}
.ribbon_blue.animated{
    left: -48px;
    opacity: 1;
}

.number#dos.animated,.number#uno.animated{opacity: 1}

img.medico.animated{
    left: 360px;
    bottom: 130px;
    opacity: 1;
}
img.cirujano.animated{
    left: 200px;
    bottom: 130px;
    opacity: 1;
}
.contact-section.animated{
    opacity: 1;
    right: 0;
}
.ribbon-large.animated{right: -64px;opacity: 1;}

.footer-info h1.animated{opacity: 1}

.banco h1.animated{opacity: 1;top: 0;}
.ventajas-notificar div.grid_6:last-child.animated{opacity: 1;left: 0;}
.ventajas-notificar div.grid_6:first-child.animated{
    opacity: 1;
    right: 0;
}
.ventajas_bupachica-perro.animated{
    left: 55px;
    opacity: 1;
}
.ventajas_bupachico-bicicleta.animated{
    left: 715px;
    opacity: 1;
}
.ventajas_bupamayores.animated{
    opacity: 1;
}
.ventajas_bupamariposas.animated{
    opacity: 1;
}

.ventajas-banco-text .vbt-box.animated, .footer-info .grid_4.animated{opacity: 1; top:0px}


.ribbon-large-2.animated{top: 0;opacity: 1;z-index: 9999;}
img.arboles.animated{opacity: 1}
img.nubes.animated{bottom: 0;opacity: 1}
img.sol.animated{bottom: 440px;opacity: 1}
img.hospital.animated{bottom: 0; opacity: 1}

.bloque5.animated{background: white;}

/* KeyFrames */

.clip.animated {
  -webkit-animation: clipped 1s linear; /* Safari 4+ */
  -moz-animation:    clipped 1s linear; /* Fx 5+ */
  -o-animation:      clipped 1s linear; /* Opera 12+ */
  animation:         clipped 1s linear; /* IE 10+, Fx 29+ */
}


@-webkit-keyframes clipped {
  0%   { opacity: 0}
  25%   { z-index: 1}
  75%   { opacity: left:-48px;}
  100% { top: 5px}
}
@-moz-keyframes clipped {
  0%   { opacity: 0}
  25%   { z-index: 1}
  75%   { opacity: left:-48px;}
  100% { top: 5px}
}
@-o-keyframes clipped {
  0%   { opacity: 0}
  25%   { z-index: 1}
  75%   { opacity: left:-48px;}
  100% { top: 5px}
}
@keyframes clipped {
  0%   { opacity: 0}
  25%   { z-index: 1}
  75%   { opacity: left:-48px;}
  100% { top: 5px}
}


@media (min-width: 2560px) {}

@media (max-width: 2560px) {}

@media (max-width: 1920px) {}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {

	img.ambulance.animated{left: 85px;}

img.tarjeta-img.animated{top: 0}
img.buildings_img.animated{opacity: 1}
img.road.animated{opacity: 1}
img.globo.animated{opacity: 1; left: 544px}
img.mano_recta_off.animated{bottom: 50px}
img.mano_recta_on.animated{opacity: 1;z-index: 9;}
img.mano_buscar_off.animated{
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 0% 100%;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 0% 100%;
	transform: rotate(0deg);
	transform-origin: 0% 100%;
}
img.mano_buscar_on.animated{opacity: 1}

img.mano_correo_off.animated{
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 0% 100%;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 0% 100%;
	transform: rotate(0deg);
	transform-origin: 0% 100%;
}
img.mano_correo_on.animated{opacity: 1;z-index: 9;}

.title.animated{top: 0; opacity: 1}
.title_heart .image img.animated{opacity: 1; top: 0}

.ribbon_red.animated{top: 5px; left:-48px;opacity: 1}
.ribbon_blue.animated{
    left: -48px;
    top: 25px;
    opacity: 1;
}

.number#dos.animated,.number#uno.animated{opacity: 1}

img.medico.animated{
    left: 150px;
    bottom: 10px;
    opacity: 1;
}
img.cirujano.animated{
    left: 5px;
    bottom: 10px;
    opacity: 1;
}
.contact-section.animated{
    opacity: 1;
    right: 0;
}
.ribbon-large.animated{}

.banco h1.animated{opacity: 1}
.ventajas-notificar div.grid_6.animated{opacity: 1}

.ventajas_bupachica-perro.animated{
    left: 86px;
    opacity: 1;
}
.ventajas_bupachico-bicicleta.animated{
    left: 485px;
    opacity: 1;
}
.ventajas_bupamayores.animated{
    opacity: 1;
}
.ventajas_bupamariposas.animated{
    opacity: 1;
}

.ventajas-banco-text .vbt-box.animated, .footer-info .grid_4.animated{opacity: 1; top:0px}
}

@media (max-width: 768px) {}

@media (max-width: 600px) {}

@media (max-width: 480px) {}