@charset "UTF-8";


.movergirarinicio
{
    transform: translate(100px, -450px) rotate(1800deg);
    -webkit-transform: translate(100px, -450px) rotate(1800deg);
    -o-transform: translate(100px, -450px) rotate(1800deg);
    -moz-transform: translate(100px, -450px) rotate(1800deg);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
}
.movergirarfin
{
    transform: translate(-1350px, -50px) rotate(359deg);
    -webkit-transform: translate(-1350px, -50px) rotate(359deg);
    -o-transform: translate(-1350px, -50px) rotate(359deg);
    -moz-transform: translate(-1350px, -50px) rotate(359deg);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
}

.claseparaescalar
{
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
	z-index:22000;
}
.claseparadesescalar
{
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
	z-index:22000;
}

.moverizquierda
{
    transform: translate(10px, -850px) rotate(800deg);
    -webkit-transform: translate(10px, -850px) rotate(800deg);
    -o-transform: translate(10px, -850px) rotate(800deg);
    -moz-transform: translate(10px, -850px) rotate(800deg);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
}
.moverderecha
{
    transform: translate(50px, 350px) rotate(360deg);
    -webkit-transform: translate(50px, 350px) rotate(360deg);
    -o-transform: translate(50px, 350px) rotate(360deg);
    -moz-transform: translate(50px, 350px) rotate(360deg);
    transition: transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -moz-transition: -webkit-transform 0.5s linear;
    -o-transition: -webkit-transform 0.5s linear;
}



/* EFECTO PARA EL TELEFONO */

.phone-efecto:hover {
-webkit-animation:rubberBand 1s alternate ;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}