/* Animations */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.itemfadein {
}

.fadein {
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
opacity:1;
}
.fadein2 {
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
opacity:1;
}

@-webkit-keyframes loader {
  from {
  -webkit-transform: rotate3d(0, 0, 1, -0deg);
	transform: rotate3d(0, 0, 1, -0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
	transform: rotate3d(0, 0, 1, -360deg);
  }
}
@keyframes loader {
  from {
  -webkit-transform: rotate3d(0, 0, 1, -0deg);
	transform: rotate3d(0, 0, 1, -0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
	transform: rotate3d(0, 0, 1, -360deg);
  }
}

.colorin1 {
-webkit-animation: colorIn1 2.6s;
animation: colorIn1 2.6s;
}
.colorin2 {
-webkit-animation: colorIn2 2.6s;
animation: colorIn2 2.6s;
}
.colorin3 {
-webkit-animation: colorIn2 2.6s;
animation: colorIn2 2.6s;
}

@-webkit-keyframes colorIn1 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

30% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes colorIn1 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

30% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes colorIn2 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

50% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes colorIn2 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

50% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes colorIn3 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

70% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes colorIn3 {
  from {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

70% {
    filter:grayscale(100%);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

  to {
    filter:grayscale(0%);
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.colorOut {
-webkit-animation: colorOut 1.1s;
animation: colorOut 1.1s;
}

@-webkit-keyframes colorOut {
  from {
opacity: 1;
  }

  to {
opacity: 0;
  }
}

@keyframes colorOut {
  from {
opacity: 1;
  }

  to {
opacity: 0;
  }
}

.slidein {
-webkit-animation: slideIn 1.1s;
animation: slideIn 1.1s;
}
@keyframes slideIn {
  from {
right:30px;
  }

30% {
right:30px;
}

  to {
right:0px;
  }
}
@keyframes slideIn {
  from {
right:30px;
  }

30% {
right:30px;
}

  to {
right:0px;
  }
}

.flash {
-webkit-animation: flash 5s infinite;
animation: flash 5s infinite ;
}
@keyframes flash {
from {

}

45% {
filter: drop-shadow(0 0 0px #fff);
}

50% {
filter: drop-shadow(0 0 2px #fff);
}

65% {
filter: drop-shadow(0 0 0px #fff);
}

  to {

  }
}
@keyframes flash {
from {

}

45% {
filter: drop-shadow(0 0 0px #fff);
}

50% {
filter: drop-shadow(0 0 2px #fff);
}

65% {
filter: drop-shadow(0 0 0px #fff);
}

to {

}
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }

  30% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }

60% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
bottom: 4.7vh;
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }

  30% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }

60% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
bottom: 4.7vh;
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
bottom: 5vh;
  }
}
@-webkit-keyframes movedw {
  from {
bottom: 40px;
  }

  30% {
bottom: 40px;
  }

60% {
bottom: 30px;
  }

  to {
bottom: 40px;
  }
}
@keyframes movedw {
  from {
bottom: 40px;
  }

  30% {
bottom: 40px;
  }

60% {
bottom: 30px;
  }

  to {
bottom: 40px;
  }
}
@-webkit-keyframes blink {
  from {
opacity:0;
  }

  30% {
opacity:0;
  }

60% {
opacity:0.6;
  }

  to {
opacity:0;
  }
}
@keyframes blink {
  from {
opacity:0;
  }

  60% {
opacity:0;
  }

80% {
opacity:0.6;
  }

  to {
opacity:0;
  }
}

.blink {
-webkit-animation: blink 4s;
animation: blink 4s;
}