/*
-------------------------------------------------
Responsive IE mobile fix
-------------------------------------------------
*/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*
-------------------------------------------------
Touch actions IE mobile fix
-------------------------------------------------
*/
html { 
    -ms-touch-action: pan-y; 
}

.center {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}	

.delay-200 {
	animation-delay: 0.2s; /* W3C and Opera */
	-ms-animation-delay: 0.2s; /* Firefox */
	-moz-animation-delay: 0.2s; /* Firefox */
	-webkit-animation-delay: 0.2s; /* Safari and Chrome */
}
.delay-400 {
	animation-delay: 0.4s; /* W3C and Opera */
	-ms-animation-delay: 0.4s; /* Firefox */
	-moz-animation-delay: 0.4s; /* Firefox */
	-webkit-animation-delay: 0.4s; /* Safari and Chrome */
}
.delay-600 {
	animation-delay: 0.6s; /* W3C and Opera */
	-ms-animation-delay: 0.6s; /* Firefox */
	-moz-animation-delay: 0.6s; /* Firefox */
	-webkit-animation-delay: 0.6s; /* Safari and Chrome */
}
.delay-800 {
	animation-delay: 0.8s; /* W3C and Opera */
	-ms-animation-delay: 0.8s; /* Firefox */
	-moz-animation-delay: 0.8s; /* Firefox */
	-webkit-animation-delay: 0.8s; /* Safari and Chrome */
}
.delay-1000 {
	animation-delay: 1s; /* W3C and Opera */
	-ms-animation-delay: 1s; /* Firefox */
	-moz-animation-delay: 1s; /* Firefox */
	-webkit-animation-delay: 1s; /* Safari and Chrome */
}
.delay-1200 {
	animation-delay: 1.2s; /* W3C and Opera */
	-ms-animation-delay: 1.2s; /* Firefox */
	-moz-animation-delay: 1.2s; /* Firefox */
	-webkit-animation-delay: 1.2s; /* Safari and Chrome */
}
.delay-1400 {
	animation-delay: 1.4s; /* W3C and Opera */
	-ms-animation-delay: 1.4s; /* Firefox */
	-moz-animation-delay: 1.4s; /* Firefox */
	-webkit-animation-delay: 1.4s; /* Safari and Chrome */
}
.delay-1600 {
	animation-delay: 1.6s; /* W3C and Opera */
	-ms-animation-delay: 1.6s; /* W3C and Opera */
	-moz-animation-delay: 1.6s; /* Firefox */
	-webkit-animation-delay: 1.6s; /* Safari and Chrome */
}

@-webkit-keyframes hover-in-space {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hover-in-space {
  0%, 100% {
    -webkit-transform: translateY(0);
	-ms-transform: translateY(0);
    transform: translateY(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hover-in-space {
  -webkit-animation-name: hover-in-space;
  -moz-animation-name: hover-in-space;
  -ms-animation-name: hover-in-space;
  -o-animation-name: hover-in-space;
  animation-name: hover-in-space;
}

@-webkit-keyframes tada-no-scale {

  2%, 6%, 10%, 14% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  4%, 8%, 12%, 16%  {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  18% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes tada-no-scale {

  2%, 6%, 10%, 14% {
    -webkit-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  4%, 8%, 12%, 16%  {
    -webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  18% {
    -webkit-transform: rotate(0);
	-ms-transform: rotate(0);
    transform: rotate(0);
  }
}

.tada-no-scale {
  -moz-animation-name: tada-no-scale;
  -o-animation-name: tada-no-scale;
  -ms-animation-name: tada-no-scale;
  -webkit-animation-name: tada-no-scale;
  animation-name: tada-no-scale;
}