/* Transitions */
@-webkit-keyframes fadeBottom {
	0% {opacity: 0;-webkit-transform: translateY(10%);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}

@-moz-keyframes fadeBottom {
	0% {opacity: 0; -moz-transform: translateY(10%);}
	100% {opacity: 1; -moz-transform: translateY(0);}
}

@-o-keyframes fadeBottom {
	0% {opacity: 0; -o-transform: translateY(10%);}
	100% {opacity: 1; -o-transform: translateY(0);}
}

@keyframes fadeBottom {
	0% {opacity: 0; transform: translateY(10%);}
	100% {opacity: 1; transform: translateY(0);}
}

@-webkit-keyframes fadeLeft {
	0% {opacity: 0; -webkit-transform: translateX(-10%);}
	100% {opacity: 1; -webkit-transform: translateX(0);}
}

@-moz-keyframes fadeLeft {
	0% {opacity: 0; -moz-transform: translateX(-10%);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-o-keyframes fadeLeft {
	0% {opacity: 0; -o-transform: translateX(-10%);}
	100% {opacity: 1; -o-transform: translateX(0);}
}

@keyframes fadeLeft {
	0% {opacity: 0; transform: translateX(-10%);}
	100% {opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes fadeInLeft {
	0% {opacity: 0;	-webkit-transform: translateX(-100%);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes fadeInLeft {
	0% {opacity: 0; -moz-transform: translateX(-100%);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-o-keyframes fadeInLeft {
	0% {opacity: 0; -o-transform: translateX(-100%);}
	100% {opacity: 1; -o-transform: translateX(0);}
}

@keyframes fadeInLeft {
	0% {opacity: 0; transform: translateX(-100%);}
	100% {opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes fadeRight {
	0% {opacity: 0; -webkit-transform: translateX(10%);}
	100% {opacity: 1; -webkit-transform: translateX(0);}
}

@-moz-keyframes fadeRight {
	0% {opacity: 0; -moz-transform: translateX(10%);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-o-keyframes fadeRight {
	0% {opacity: 0; -o-transform: translateX(10%);}
	100% {opacity: 1; -o-transform: translateX(0);}
}

@keyframes fadeRight {
	0% {opacity: 0;	transform: translateX(10%);}
	100% {opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes fadeInRight {
	0% {opacity: 0;-webkit-transform: translateX(100%);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes fadeInRight {
	0% {opacity: 0;-moz-transform: translateX(100%);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}

@-o-keyframes fadeInRight {
	0% {opacity: 0;-o-transform: translateX(100%);}
	100% {opacity: 1;-o-transform: translateX(0);}
}

@keyframes fadeInRight {
	0% {opacity: 0;transform: translateX(100%);}
	100% {opacity: 1;transform: translateX(0);}
}

@keyframes fadeOut { 
    0% {opacity: 1; } 
    100% { opacity: 0;}
}

@-webkit-keyframes fadeOutRight {
	0% {opacity: 1;-webkit-transform: translateX(0);}
	100% {opacity: 0;-webkit-transform: translateX(100%);}
}

@-moz-keyframes fadeOutRight {
	0% {opacity: 1;-moz-transform: translateX(0);}
	100% {opacity: 0;-moz-transform: translateX(100%);}
}

@-o-keyframes fadeOutRight {
	0% {opacity: 1;-o-transform: translateX(0);}
	100% {opacity: 0;-o-transform: translateX(100%);}
}

@keyframes fadeOutRight {
	0% {opacity: 1;transform: translateX(0);}
	100% {opacity: 0;transform: translateX(100%);}
}

@-webkit-keyframes fadeInTop {
	0% {opacity: 0;-webkit-transform: translatey(-100%);}
	100% {opacity: 1;-webkit-transform: translatey(0);}
}

@-moz-keyframes fadeInTop {
	0% {opacity: 0;-moz-transform: translatey(-100%);}
	100% {opacity: 1;-moz-transform: translatey(0);}
}

@-o-keyframes fadeInTop {
	0% {opacity: 0;-o-transform: translatey(-100%);}
	100% {opacity: 1;-o-transform: translatey(0);
	}
}

@keyframes fadeInTop {
	0% {opacity: 0;transform: translatey(-100%);}
	100% {opacity: 1;transform: translatey(0);}
}

@-webkit-keyframes fadeOutTop {
	0% {opacity: 1;-webkit-transform: translatey(0);}
	100% {opacity: 0;-webkit-transform: translatey(-60%);}
}

@-moz-keyframes fadeOutTop {
	0% {opacity: 1;-moz-transform: translatey(0);}
	100% {opacity: 0;-moz-transform: translatey(-60%);}
}

@-o-keyframes fadeOutTop {
	0% {opacity: 1; -o-transform: translatey(0);}
	100% {opacity: 0; -o-transform: translatey(-60%);}
}

@keyframes fadeOutTop {
	0% {opacity: 1; transform: translatey(0);}
	100% {opacity: 0; transform: translatey(-60%);}
}

@-webkit-keyframes fadeInBottom {
	0% {opacity: 0; -webkit-transform: translatey(60%);}
	100% {opacity: 1;-webkit-transform: translatey(0);}
}

@-moz-keyframes fadeInBottom {
	0% {opacity: 0; -moz-transform: translatey(60%);}
	100% {opacity: 1;	-moz-transform: translatey(0);}
}

@-o-keyframes fadeInBottom {
	0% {opacity: 0; -o-transform: translatey(60%);}
	100% {opacity: 1; -o-transform: translatey(0);}
}

@keyframes fadeInBottom {
	0% {opacity: 0; transform: translatey(60%);}
	100% {opacity: 1; transform: translatey(0);}
}

@-webkit-keyframes fadeOutBottom {
	0% {opacity: 1; -webkit-transform: translatey(0);}
	100% {opacity: 0; -webkit-transform: translatey(60%);}
}

@-moz-keyframes fadeOutBottom {
	0% {opacity: 1; -moz-transform: translatey(0);}
	100% {opacity: 0; -moz-transform: translatey(60%);}
}

@-o-keyframes fadeOutBottom {
	0% {opacity: 1; -o-transform: translatey(0);}
	100% {opacity: 0; -o-transform: translatey(60%);}
}

@keyframes fadeOutBottom {
	0% {opacity: 1; transform: translatey(0);}
	100% {opacity: 0; transform: translatey(60%);}
}

@-webkit-keyframes fadeOutLeft {
	0% {opacity: 1; -webkit-transform: translateX(0);}
	100% {opacity: 0; -webkit-transform: translateX(-70%);}
}

@-moz-keyframes fadeOutLeft {
	0% {opacity: 1; -moz-transform: translateX(0);}
	100% {opacity: 0; -moz-transform: translateX(-70%);}
}

@-o-keyframes fadeOutLeft {
	0% {opacity: 1; -o-transform: translateX(0);}
	100% {opacity: 0; -o-transform: translateX(-70%);}
}

@keyframes fadeOutLeft {
	0% {opacity: 1; transform: translateX(0);}
	100% {opacity: 0; transform: translateX(-70%);}
}

@-webkit-keyframes fadeTop {
	0% {opacity: 0; -webkit-transform: translateY(-10%);}
	100% {opacity: 1; -webkit-transform: translateX(0);}
}

@-moz-keyframes fadeTop {
	0% {opacity: 0; -moz-transform: translateY(-10%);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-o-keyframes fadeTop {
	0% {opacity: 0;-o-transform: translateY(-10%);}
	100% {opacity: 1;-o-transform: translateX(0);}
}

@keyframes fadeTop {
	0% {opacity: 0; transform: translateY(-10%);}
	100% {opacity: 1; transform: translateX(0);}
}

@-webkit-keyframes fadeInRight {
	0% {opacity: 0; -webkit-transform: translateX(100%);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes fadeInRight {
	0% {opacity: 0; -moz-transform: translateX(100%);}
	100% {opacity: 1; -moz-transform: translateX(0);}
}

@-o-keyframes fadeInRight {
	0% {opacity: 0;-o-transform: translateX(100%);}
	100% {opacity: 1; -o-transform: translateX(0);}
}

@keyframes fadeInRight {
	0% {opacity: 0;transform: translateX(100%);}
	100% {opacity: 1; transform: translateX(0);}
}


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

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

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

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

@keyframes border{
  0% {
    box-shadow: 40px -40px 0 15px rgba(255,255,255,0.7), -40px -40px 0 15px rgba(255,255,255,0.7), -40px 40px 0 15px rgba(255,255,255,0.7), 40px 40px 0 15px rgba(255,255,255,0.7), 0 0 0 15px #E94E3D;
  }
  25% {
    box-shadow: 0 -125px 0 2px rgba(255,255,255,0.7), -60px -60px 0 2px rgba(255,255,255,0.7), -60px 60px 0 2px rgba(255,255,255,0.7), 60px 60px 0 2px rgba(255,255,255,0.7), 0 0 0 2px #fff;
  }
  50% {
    box-shadow: 0 -125px 0 2px rgba(255,255,255,0.7), -125px 0px 0 2px rgba(255,255,255,0.7), -60px 60px 0 2px rgba(255,255,255,0.7), 60px 60px 0 2px rgba(255,255,255,0.7), 0 0 0 2px #fff;
  }
  75% {
    box-shadow: 0 -125px 0 2px rgba(255,255,255,0.7), -125px 0px 0 2px rgba(255,255,255,0.7), 0px 125px 0 2px rgba(255,255,255,0.7), 60px 60px 0 2px rgba(255,255,255,0.7), 0 0 0 2px #fff;
  }
  100% {
    box-shadow: 0 -125px 0 2px rgba(255,255,255,0.7), -125px 0px 0 2px rgba(255,255,255,0.7), 0px 125px 0 2px rgba(255,255,255,0.7), 120px 40px 0 2px rgba(255,255,255,0.7), 0 0 0 2px #fff;
  } 
}

@-webkit-keyframes spin{
    0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    }
    100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    }
}

@-moz-keyframes spin{
    0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    }
    100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    }
}

@-o-keyframes spin{
    0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    }
    100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    }
}

@-ms-keyframes spin{
    0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    }
    100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@keyframes bounce{
     from {transform: translateY(0);}
     to   {transform: translateY(-20px);}
}

@-webkit-keyframes cd-bounce-1 {
  0% {opacity: 0; -webkit-transform: scale(0.5);}
  60% {opacity: 1; -webkit-transform: scale(1.2);}
  100% { -webkit-transform: scale(1);}
}
@-moz-keyframes cd-bounce-1 {
  0% {opacity: 0; -moz-transform: scale(0.5);}

  60% {opacity: 1; -moz-transform: scale(1.2);}
  100% { -moz-transform: scale(1);}
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}