/* efeitos de fade - CARREGAMENTO DAS PÁGINAS*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fadeIn {
-webkit-animation: fadeIn 2s ease-in-out; -moz-animation: fadeIn 2s ease-in-out; -o-animation: fadeIn 2s ease-in-out; animation: fadeIn 2s ease-in-out;
}
@-webkit-keyframes fadeIn1 { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn1 { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn1 { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn1 { from { opacity:0; } to { opacity:1; } }
.fadeIn1 {
-webkit-animation: fadeIn 4s ease-in-out; -moz-animation: fadeIn 4s ease-in-out; -o-animation: fadeIn 4s ease-in-out; animation: fadeIn 4s ease-in-out;
}
@-webkit-keyframes fadeIn2 { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn2 { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn2 { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn2 { from { opacity:0; } to { opacity:1; } }
.fadeIn2 {
-webkit-animation: fadeIn 6s ease-in-out; -moz-animation: fadeIn 6s ease-in-out; -o-animation: fadeIn 6s ease-in-out; animation: fadeIn 6s ease-in-out;
}
/* EFEITO LOGO */
@-webkit-keyframes wobble-horizontal {
  16.65% {     -webkit-transform: translateX(8px); transform: translateX(8px);   }
  33.3% {    -webkit-transform: translateX(-6px); transform: translateX(-6px);  }
  49.95% {     -webkit-transform: translateX(4px);     transform: translateX(4px);  }
  66.6% {     -webkit-transform: translateX(-2px);     transform: translateX(-2px);   }
  83.25% {   -webkit-transform: translateX(1px);    transform: translateX(1px);   }
  100% {    -webkit-transform: translateX(0);    transform: translateX(0); }
}
@-o-keyframes wobble-horizontal {
  16.65% {     -webkit-transform: translateX(8px); transform: translateX(8px);   }
  33.3% {    -webkit-transform: translateX(-6px); transform: translateX(-6px);  }
  49.95% {     -webkit-transform: translateX(4px);     transform: translateX(4px);  }
  66.6% {     -webkit-transform: translateX(-2px);     transform: translateX(-2px);   }
  83.25% {   -webkit-transform: translateX(1px);    transform: translateX(1px);   }
  100% {    -webkit-transform: translateX(0);    transform: translateX(0); }
}
@keyframes wobble-horizontal {
  16.65% {     -webkit-transform: translateX(8px); transform: translateX(8px);   }
  33.3% {    -webkit-transform: translateX(-6px); transform: translateX(-6px);  }
  49.95% {     -webkit-transform: translateX(4px);     transform: translateX(4px);  }
  66.6% {     -webkit-transform: translateX(-2px);     transform: translateX(-2px);   }
  83.25% {   -webkit-transform: translateX(1px);    transform: translateX(1px);   }
  100% {    -webkit-transform: translateX(0);    transform: translateX(0); }
}
.wobble-horizontal {
  display: inline-block;  -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: 1; animation-iteration-count: 1;
}
@-webkit-keyframes pulse {
  25% {  -webkit-transform: scale(1.1);   transform: scale(1.1);  }
  75% {    -webkit-transform: scale(0.9); transform: scale(0.9);  }
}
@-moz-keyframes pulse {
  25% {  -webkit-transform: scale(1.1);   transform: scale(1.1);  }
  75% {    -webkit-transform: scale(0.9); transform: scale(0.9);  }
}
@-o-keyframes pulse {
  25% {  -webkit-transform: scale(1.1);   transform: scale(1.1);  }
  75% {    -webkit-transform: scale(0.9); transform: scale(0.9);  }
}
@keyframes pulse {
  25% {  -webkit-transform: scale(1.1);   transform: scale(1.1);  }
  75% {    -webkit-transform: scale(0.9); transform: scale(0.9);  }
}
.pulse {
  display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse:hover, .pulse:focus, .pulse:active {
  -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}

/* Outline Inward  - MENU EFEITO*/
.hollow {
  display: inline-block; -webkit-transition-duration: 0.9s; transition-duration: 0.9s; -webkit-transition-property: background; transition-property: background; -webkit-transform: translateZ(0); transform: translateZ(0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hollow:hover, .hollow:focus, .hollow:active {
	background-color: #1849A3;
}

/* Outline Outward */
.outline-outward {
  display: inline-block;   position: relative;   -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.outline-outward:before {
  content: '';   position: absolute;   border: #e1e1e1 solid 4px;   top: 0;   right: 0;   bottom: 0;
  left: 0;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-property: top, right, bottom, left;   transition-property: top, right, bottom, left;
}
.outline-outward:hover:before, .outline-outward:focus:before, .outline-outward:active:before {
  top: -8px;   right: -8px;   bottom: -8px;   left: -8px;
}

/* Buzz Out */
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out {
  display: inline-block;   -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
  -webkit-animation-name: buzz-out;   animation-name: buzz-out;   -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;   -webkit-animation-timing-function: linear;   animation-timing-function: linear;   -webkit-animation-iteration-count: 1;   animation-iteration-count: 1;
}