@charset "UTF-8";
* {
  padding: 0;
  border: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
  font-weight: 100%;
}

@font-face {
  font-family: "fontello";
  src: url("fontes/fontello-2cd85d65/font/fontello.eot?62130833");
  src: url("fontes/fontello-2cd85d65/font/fontello.eot?62130833#iefix") format("embedded-opentype"), url("fontes/fontello-2cd85d65/font/fontello.woff?62130833") format("woff"), url("fontes/fontello-2cd85d65/font/fontello.ttf?62130833") format("truetype"), url("fontes/fontello-2cd85d65/font/fontello.svg?62130833#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fonte_principal";
  src: url("fontes/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.eot");
  src: url("fontes/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fontes/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.woff") format("woff"), url("fontes/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.ttf") format("truetype"), url("fontes/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fonte_padrao";
  src: url("fontes/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.eot");
  src: url("fontes/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fontes/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format("woff"), url("fontes/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format("truetype"), url("fontes/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media only screen and (min-width: 900px) {
  body {
    background: #f4f4f4;
  }
}
@media only screen and (max-width: 900px) {
  body {
    background: #f4f4f4;
  }
}

.tipos span, .tipos strong {
  float: left;
  margin-right: 10px;
}

.fume {
  background: url("images/galeria/fume.png") no-repeat;
  background-position: 0px center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding-left: 25px;
  display: block;
}

.manu {
  background: url("images/galeria/tipos.png") no-repeat;
  background-position: 0px center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding-left: 34px;
  display: block;
}

.tamanho {
  background: url("images/galeria/tamanho.png") no-repeat;
  background-position: 0px center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding-left: 34px;
  display: block;
}

.incolor {
  background: url("images/galeria/incolor.png") no-repeat;
  background-position: 0px center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  padding-left: 25px;
  display: block;
}

.hide {
  display: none;
}

ul:after {
  content: " ";
  clear: both;
  display: block;
}

.central {
  position: relative;
}
@media only screen and (max-width: 900px) {
  .central {
    width: 95%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 900px) {
  .central {
    width: 1000px;
    margin: 0 auto;
  }
}
.central:after {
  content: " ";
  clear: both;
  display: block;
}

@media only screen and (max-width: 900px) {
  .miolo {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 900px) {
  .miolo {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 900px) {
  .interna {
    padding-top: 125px;
  }
}
@media only screen and (min-width: 900px) {
  .interna {
    padding-top: 120px;
    min-height: 550px;
  }
}

@media only screen and (max-width: 900px) {
  .interna_msg {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 900px) {
  .interna_msg {
    padding-top: 155px;
  }
}

/***************
SLIDES
*************/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-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);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

/**************************************
OWL SLIDES CSS
**************************************/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.active {
  -webkit-animation-duration: 1000 ms;
  animation-duration: 1000 ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  padding-top: 8px;
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  width: 100%;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.animated {
  visibility: hidden;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
}

.owl-item.animated {
  visibility: visible;
}

/* Feel free to change duration  */
.animated {
  -webkit-animation-duration: 1000 ms;
  animation-duration: 1000 ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1;
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0;
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.banners {
  /*-webkit-animation: slide_chamadas 3s ease infinite;
  -moz-animation: slide_chamadas 3s ease infinite;
  animation: slide_chamadas 3s ease infinite;*/
  /*@media only screen and (min-width:900px){
  		height: 426px;
  		img{
  			display: none;
  		}
  	}
  
  	*/
}
@keyframes slide_chamadas {
  0% {
    background-position: center 0px;
  }
  25% {
    background-position: center 15px;
  }
  100% {
    background-position: center 0px;
  }
}
@media only screen and (max-width: 900px) {
  .banners img {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 900px) {
  .botoes_slides_todos {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .botoes_slides_todos {
    margin: 0 auto;
    margin-top: -5px;
    display: none;
  }
}

.botoes_slides {
  transition: all 0.3s ease;
  z-index: 50;
  width: 45px;
  height: 45px;
  font-size: 45px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
@media only screen and (min-width: 900px) {
  .botoes_slides {
    position: absolute;
    top: 0px;
    margin-top: -15px;
    background: none;
    color: #fff;
  }
  .botoes_slides:hover, .botoes_slides:focus {
    color: #fff;
    background: #000;
  }
}
@media only screen and (max-width: 900px) {
  .botoes_slides {
    position: relative;
    margin-top: 10px;
    background: #000;
    color: #fff;
  }
  .botoes_slides:hover, .botoes_slides:focus {
    color: #FFF;
    background: #b90000;
  }
}
.botoes_slides i {
  position: absolute;
  top: 0;
}

@media only screen and (min-width: 900px) {
  .voltar_slide {
    left: 606px;
  }
}
.voltar_slide i {
  left: 6px;
}

@media only screen and (min-width: 900px) {
  .seguir_slide {
    left: 655px;
  }
}
.seguir_slide i {
  left: 10px;
}

@media only screen and (max-width: 900px) {
  .bg_slides {
    /*padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;*/
  }
}

.slides {
  /*background-position: center 0px;
  	background-attachment: fixed;
  	position: relative;
  
    ANIMAÇÃO SLIDE
    -webkit-animation: animacao_slide1 22s infinite;
    animation: animacao_slide1 22s infinite;
   
   @-webkit-keyframes animacao_slide1{
      0%{ background-position: center 0px;}
      50%{ background-position: center -15sl0px;}
      100%{ background-position: center 0px;}
    }
    @keyframes animacao_slide1{
      0%{ background-position: center 0px;}
      50%{ background-position: center -150px;}
      100%{ background-position: center 0px;}
    }
  
  
  	&:before{
      content: " ";
      width: 100%;
      position: absolute;
      display: block;
      top: 0;
      height: 100%;
      background: url("images/banners/bg.png") top center repeat-x;
      background-size: 100% 100%;
      //background-attachment: fixed;
    }*/
}
.slides a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 900px) {
  .slides {
    width: 100%;
    float: left;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 900px) {
  .slides {
    margin-top: 59px;
  }
  .slides .central {
    width: 100%;
  }
}
.slides .slides_chamadas {
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .slides .slides_chamadas {
    float: left;
  }
}
.slides .slides_chamadas h1, .slides .slides_chamadas h2, .slides .slides_chamadas h3, .slides .slides_chamadas h4, .slides .slides_chamadas h5, .slides .slides_chamadas h6 {
  font-family: "fonte_principal";
  font-size: 70px;
  line-height: 48px;
  color: #f2e08a;
  margin-bottom: 15px;
  font-weight: normal;
}
.slides .slides_chamadas h1 strong, .slides .slides_chamadas h2 strong, .slides .slides_chamadas h3 strong, .slides .slides_chamadas h4 strong, .slides .slides_chamadas h5 strong, .slides .slides_chamadas h6 strong {
  color: #fff;
}
.slides .slides_chamadas h1 .icones, .slides .slides_chamadas h2 .icones, .slides .slides_chamadas h3 .icones, .slides .slides_chamadas h4 .icones, .slides .slides_chamadas h5 .icones, .slides .slides_chamadas h6 .icones {
  font-size: 70px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.slides .slides_chamadas p, .slides .slides_chamadas li {
  font-family: "fonte_padrao";
  font-size: 22px;
  line-height: 111%;
  color: #fff;
}
.slides .slides_chamadas p strong, .slides .slides_chamadas li strong {
  color: #fff;
}
.slides .slides_chamadas p {
  margin-bottom: 20px;
}
.slides .slides_chamadas .botao {
  margin: 0 auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 900px) {
  .slides .slides_chamadas .botao {
    width: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .slides .slides_chamadas .botao {
    width: 75%;
  }
}

@media only screen and (min-width: 900px) {
  .banner_1 {
    width: 100%;
    height: 780px;
    background: url("images/banners/banner-1.jpg") top center no-repeat;
  }
  .banner_1 img {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .banner_1 img {
    display: block;
  }
}

@media only screen and (min-width: 900px) {
  .banner_2 {
    width: 100%;
    height: 780px;
    background: url("images/banners/banner-2.jpg") top center no-repeat;
  }
  .banner_2 img {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .banner_2 img {
    display: block;
  }
}

@media only screen and (min-width: 900px) {
  .banner_3 {
    width: 100%;
    height: 780px;
    background: url("images/banners/banner-3.jpg") top center no-repeat;
  }
  .banner_3 img {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .banner_3 img {
    display: block;
  }
}

@media only screen and (min-width: 900px) {
  .banner_4 {
    width: 100%;
    height: 780px;
    background: url("images/banners/banner-4.jpg") top center no-repeat;
  }
  .banner_4 img {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .banner_4 img {
    display: block;
  }
}

/* Feel free to change duration  */
.animated {
  -webkit-animation-duration: 1000 ms;
  animation-duration: 1000 ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1;
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0;
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/***********************
POPUP
***********************/
.popup {
  position: fixed;
  top: 65px;
  z-index: 20000;
}
@media only screen and (min-width: 600px) {
  .popup {
    width: 425px;
    left: 50%;
    margin-left: -212px;
  }
}
@media only screen and (max-width: 600px) {
  .popup {
    width: 90%;
    left: 45%;
    margin-left: -40%;
  }
}
.popup .conteudo_popup {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.popup .conteudo_popup .espacamento {
  padding: 20px;
}
.popup .conteudo_popup img {
  display: block;
  width: 100%;
  height: 100%;
}
.popup p {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
  color: #373737;
}
.popup li {
  margin-bottom: 8px;
}
.popup .botao {
  float: right;
  padding-right: 28px;
}
.popup .botao_negativo {
  padding: 10px;
  background: #ec2121;
}
.popup .botao_negativo:hover, .popup .botao_negativo:focus {
  background: #c30e0e;
}
.popup .botao_negativo {
  float: left;
}
.popup .input {
  font-family: "fonte_padrao";
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #3a3a3a;
}
.popup .input:focus {
  background: #ccc;
}
.popup .processando .loading {
  font-size: 40px;
  color: red;
}

.black {
  width: 100%;
  height: 110%;
  background: url("images/popup/bg.png");
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
}

/***********************
CONTEÚDO
***********************/
@media only screen and (min-width: 880px) {
  .texto_85 {
    width: 85%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 880px) {
  .texto_80 {
    width: 80%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 880px) {
  .texto_70 {
    width: 70%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 880px) {
  .texto_60 {
    width: 60%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 880px) {
  .texto_50 {
    width: 50%;
    margin: 0 auto;
  }
}

.texto_center {
  text-align: center;
}

.texto_left {
  text-align: left;
}

.texto_right {
  text-align: right;
}

.img_left {
  float: left;
  display: block;
}
@media only screen and (min-width: 880px) {
  .img_left {
    max-width: 350px;
    margin-right: 12px;
  }
}
@media only screen and (max-width: 880px) {
  .img_left {
    width: 100%;
  }
}

.img_right {
  float: right;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 880px) {
  .img_right {
    max-width: 350px;
    margin-left: 12px;
  }
}
@media only screen and (max-width: 880px) {
  .img_right {
    width: 100%;
  }
}

.img_full {
  width: 100%;
  height: 100%;
}

.conteudo {
  /***************/
}
@media only screen and (min-width: 900px) {
  .conteudo {
    width: 700px;
    float: left;
  }
}
.conteudo h1 {
  font-family: "fonte_principal";
  font-size: 46px;
  line-height: 100%;
  margin-bottom: 10px;
  color: #d70000;
  font-weight: normal;
  text-transform: uppercase;
}
.conteudo h2, .conteudo h3, .conteudo h4, .conteudo h5, .conteudo h6 {
  font-family: "fonte_principal";
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #d70000;
  font-weight: normal;
}
.conteudo h2 strong, .conteudo h3 strong, .conteudo h4 strong, .conteudo h5 strong, .conteudo h6 strong {
  color: #d70000;
}
.conteudo img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
}
.conteudo .subtitulo {
  font-family: "fonte_padrao";
  font-size: 27px;
  line-height: 29px;
  margin-bottom: 20px;
  color: #a4a4a4;
  font-weight: normal;
  text-transform: none;
}
.conteudo .subtitulo strong {
  color: #d70000;
}
.conteudo .botao {
  padding: 10px 30px 10px 10px;
  float: left;
  margin-bottom: 20px;
}
.conteudo ul li .icones {
  color: #ee020a;
}
.conteudo iframe {
  width: 100%;
  margin-bottom: 12px;
}
@media only screen and (min-width: 900px) {
  .conteudo iframe {
    height: 398px;
  }
}
@media only screen and (max-width: 900px) {
  .conteudo iframe {
    height: 300px;
  }
}
.conteudo p, .conteudo li {
  font-family: "fonte_padrao";
  font-size: 16px;
  line-height: 22px;
  color: #3b3939;
  /**/
}
.conteudo p:last-child:after, .conteudo li:last-child:after {
  content: " ";
  clear: both;
  display: block;
}
.conteudo p a, .conteudo li a {
  color: #d70000;
}
.conteudo p {
  margin-bottom: 15px;
}
.conteudo li {
  margin-bottom: 8px;
}
.conteudo .topicos {
  margin-top: 15px;
  margin-bottom: 15px;
}
.conteudo .topicos i {
  margin-right: 10px;
}
@media only screen and (min-width: 600px) {
  .conteudo .bloco_info_2 .item {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .conteudo .bloco_info_2 .item {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .conteudo .bloco_info_3 .item {
    width: 33%;
  }
}
@media only screen and (max-width: 600px) {
  .conteudo .bloco_info_3 .item {
    width: 100%;
  }
}
.conteudo .bloco_info {
  width: 100%;
  margin-bottom: 15px;
}
.conteudo .bloco_info .item {
  float: left;
}
.conteudo .bloco_info .item h1, .conteudo .bloco_info .item h2, .conteudo .bloco_info .item h3, .conteudo .bloco_info .item h4, .conteudo .bloco_info .item h5, .conteudo .bloco_info .item h6 {
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
.conteudo .bloco_info .item h1 strong, .conteudo .bloco_info .item h2 strong, .conteudo .bloco_info .item h3 strong, .conteudo .bloco_info .item h4 strong, .conteudo .bloco_info .item h5 strong, .conteudo .bloco_info .item h6 strong {
  display: block;
  font-size: 18px;
  font-family: "fonte_padrao";
  text-transform: none;
}
.conteudo .bloco_info .item .preco {
  font-family: "fonte_padrao";
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
.conteudo .bloco_info .item .preco strong {
  display: block;
  font-size: 30px;
}
.conteudo .bloco_info .item .icones {
  font-size: 60px;
  margin-bottom: 5px;
}
.conteudo .bloco_info .item .espacamento {
  padding: 20px;
  border: 1px solid #ccc;
  margin: 10px;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.conteudo .complemento {
  border: 1px solid #dedede;
  padding: 16px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.conteudo .complemento:after {
  content: " ";
  clear: both;
  display: block;
}
.conteudo .complemento p {
  margin-bottom: 12px;
}
.conteudo .imagem {
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.conteudo .conteudo_separado {
  padding-bottom: 42px;
  background: url("images/conteudo/conteundo_fim.png") bottom center no-repeat;
}
.conteudo .conteudo_separado:after {
  content: " ";
  clear: both;
  display: block;
}

.diferenciais_grid {
  width: 100%;
  background: #000000;
  border-top: 2px solid red;
  float: left;
}
@media only screen and (max-width: 500px) {
  .diferenciais_grid {
    margin-bottom: 30px;
  }
}

.diferenciais {
  width: 100%;
  float: left;
}
.diferenciais li {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 20px;
  float: left;
  text-align: center;
  color: #fff;
}
.diferenciais li span {
  padding: 5px;
  margin: 8px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.diferenciais li span i {
  font-size: 55px;
  display: block;
  margin-bottom: 8px;
}

@media only screen and (min-width: 500px) {
  .diferenciais_4 li {
    width: 25%;
  }
}
@media only screen and (max-width: 500px) {
  .diferenciais_4 li {
    width: 50%;
  }
}

@media only screen and (min-width: 500px) {
  .diferenciais_3 li {
    width: 33.33%;
  }
}
@media only screen and (max-width: 500px) {
  .diferenciais_3 li {
    width: 50%;
  }
}
@media only screen and (max-width: 400px) {
  .diferenciais_3 li {
    width: 100%;
  }
}

@media only screen and (min-width: 500px) {
  .diferenciais_2 li {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .diferenciais_2 li {
    width: 50%;
  }
}

/******************************************/
/******************************************/
/*************GALERIA********************/
/******************************************/
/******************************************/
.galeria_2 .foto {
  width: 50%;
}

@media only screen and (min-width: 600px) {
  .galeria_3 .foto {
    width: 33.33%;
  }
}
@media only screen and (max-width: 600px) {
  .galeria_3 .foto {
    width: 100%;
  }
}

@media only screen and (min-width: 600px) {
  .galeria_4 .foto {
    width: 25%;
  }
}
@media only screen and (max-width: 600px) {
  .galeria_4 .foto {
    width: 100%;
  }
}

.galeria {
  width: 100%;
  margin-bottom: 12px;
  float: left;
}
.galeria img {
  margin-bottom: 0px;
}
.galeria .foto {
  float: left;
  margin: 0px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.galeria .foto .espacamento {
  margin: 5px;
  float: left;
  position: relative;
  overflow: hidden;
}
.galeria .foto a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.galeria .foto a i {
  font-size: 32px;
  position: absolute;
  top: -100%;
  left: 50%;
  margin-left: -10px;
  transition: all 0.3s ease;
  color: #fff;
}
.galeria .foto a:hover, .galeria .foto a:focus {
  background: url("images/conteudo/bg_galeria.png");
}
.galeria .foto a:hover i, .galeria .foto a:focus i {
  top: 50%;
  margin-top: -16px;
}
.galeria .foto img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/***********************
ICONES
***********************/
.icones {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/***********************
LATERAL
***********************/
@keyframes pulsar {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(175, 28, 15, 0.4);
    box-shadow: 0 0 0 0 rgba(175, 28, 15, 0.4);
  }
  10% {
    -moz-box-shadow: 0 1px 2px 10px rgba(175, 28, 15, 0.4);
    box-shadow: 0 1px 2px 10px rgba(175, 28, 15, 0.4);
  }
  25% {
    -moz-box-shadow: 1px 2px 0px 5px rgba(175, 28, 15, 0.4);
    box-shadow: 1px 2px 0px 5px rgba(175, 28, 15, 0.4);
  }
  80% {
    -moz-box-shadow: 0 0 0 0 rgba(175, 28, 15, 0.4);
    box-shadow: 0 0 0 0 rgba(175, 28, 15, 0.4);
  }
}
.pulsar_lateral {
  box-shadow: 0 0 0 0 rgba(175, 28, 15, 0.4);
  animation: pulsar 2.5s infinite;
}

@media only screen and (max-width: 900px) {
  .lateral_margin {
    margin: 10px;
  }
}

.lateral {
  z-index: 10;
  float: left;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.21);
  /****************************************
  	Linear
  	
  	background: linear-gradient(-45deg, green, orange, blue, green);
  	background-size: 400% 400%;
  	-webkit-animation: Gradient 15s ease infinite;
  	-moz-animation: Gradient 15s ease infinite;
  	animation: Gradient 15s ease infinite;
  	@-webkit-keyframes Gradient {
  		0% {
  			background-position: 0% 50%
  		}
  		50% {
  			background-position: 100% 50%
  		}
  		100% {
  			background-position: 0% 50%
  		}
  	}
  
  	@-moz-keyframes Gradient{
  		0% {
  			background-position: 0% 50%
  		}
  		50% {
  			background-position: 100% 50%
  		}
  		100% {
  			background-position: 0% 50%
  		}
  	}
  
  	@keyframes Gradient {
  		0% {
  			background-position: 0% 50%
  		}
  		50% {
  			background-position: 100% 50%
  		}
  		100% {
  			background-position: 0% 50%
  		}
  	}
  	****************************************/
  /***********************************/
  /***********************************/
  /***********************************/
  background: #000000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#000000, #000000);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#000000, #000000);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#000000, #000000);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#000000, #000000);
  /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 900px) {
  .lateral {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 900px) {
  .lateral {
    width: 250px;
    left: 50%;
    margin-left: 252px;
  }
}
@media only screen and (min-width: 900px) {
  .lateral .espacamento {
    padding: 15px;
  }
}
@media only screen and (max-width: 900px) {
  .lateral .espacamento {
    padding: 22px;
  }
}
.lateral h1, .lateral h2, .lateral h3, .lateral h4, .lateral h5, .lateral h6, .lateral p {
  text-align: center;
}
.lateral h1, .lateral h2, .lateral h3, .lateral h4, .lateral h5, .lateral h6 {
  font-family: "fonte_padrao";
  font-size: 26px;
  line-height: 29px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
  border-bottom: none;
  font-weight: normal;
  text-transform: uppercase;
}
.lateral h1 strong, .lateral h2 strong, .lateral h3 strong, .lateral h4 strong, .lateral h5 strong, .lateral h6 strong {
  font-family: "fonte_principal";
  font-size: 32px;
  line-height: 26px;
  color: #ee020a;
}
.lateral p {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  font-style: normal;
  margin-bottom: 20px;
}
.lateral .formulario li {
  margin-bottom: 10px;
}
.lateral .formulario li:last-child {
  margin-bottom: 0px;
}
.lateral .formulario .botao {
  width: 100%;
  color: #fff;
  background: #009d16;
  font-size: 20px;
}
.lateral .formulario .botao .icones {
  color: #fff;
}
.lateral .formulario .botao:hover, .lateral .formulario .botao:focus {
  color: #fff;
  background: #028214;
}
.lateral .formulario .botao:hover .icones, .lateral .formulario .botao:focus .icones {
  color: #fff;
}
.lateral .input {
  font-family: "fonte_padrao";
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #282828;
}
.lateral .input:focus {
  background: #373737;
}
.lateral ::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
.lateral :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.lateral ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}
.lateral #msg {
  height: 100px;
  outline: none;
  resize: none;
}

@media only screen and (min-width: 900px) {
  .lateral_fixo {
    position: fixed;
    top: 110px;
    animation: lateralFixo 1s linear;
    -webkit-animation: lateralFixo 1s linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
  }

  @keyframes lateralFixo {
    from {
      top: -300px;
    }
    to {
      top: 110px;
    }
  }
  .lateral_fim {
    position: fixed;
    top: -300px;
    animation: lateralFim 1s linear;
    -webkit-animation: lateralFim 1s linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
  }

  @keyframes lateralFim {
    from {
      top: 160px;
    }
    to {
      top: -300px;
    }
  }
}
.botao {
  display: block;
  padding: 10px;
  position: relative;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: "fonte_padrao";
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 22px;
  color: #fff;
  background: #009d16;
}
.botao i {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  animation: calltoaction 1s infinite;
}
@keyframes calltoaction {
  0% {
    right: 8px;
  }
  50% {
    right: 10px;
  }
  100% {
    right: 8px;
  }
}
.botao:hover, .botao:focus {
  color: #fff;
  background: #028214;
}

.clear:after {
  content: " ";
  clear: both;
  display: block;
}

.formulario_estendido h1, .formulario_estendido h2, .formulario_estendido h3, .formulario_estendido h4, .formulario_estendido h5, .formulario_estendido h6, .formulario_estendido p {
  text-align: center;
}
.formulario_estendido h1, .formulario_estendido h2, .formulario_estendido h3, .formulario_estendido h4, .formulario_estendido h5, .formulario_estendido h6 {
  font-family: "fonte_principal";
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #f53636;
}
.formulario_estendido h1 strong, .formulario_estendido h2 strong, .formulario_estendido h3 strong, .formulario_estendido h4 strong, .formulario_estendido h5 strong, .formulario_estendido h6 strong {
  font-family: "fonte_principal";
  font-size: 26px;
  line-height: 26px;
  color: orange;
}
.formulario_estendido p {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 20px;
}
.formulario_estendido .formulario li {
  margin-bottom: 10px;
}
.formulario_estendido .formulario li:last-child {
  margin-bottom: 0px;
}
.formulario_estendido #msg {
  height: 150px;
}
.formulario_estendido .input {
  font-family: "fonte_padrao";
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  border-bottom: 2px solid #ccc;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #3a3a3a;
  margin: 0 auto;
}
.formulario_estendido .input:focus {
  background: #e5e5e5;
}
.formulario_estendido .botao {
  width: 100%;
  display: block;
  padding: 10px 30px 10px 10px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: "fonte_padrao";
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  background: #147721;
}
.formulario_estendido .botao i {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -9px;
  animation: calltoaction 1s infinite;
}
@keyframes calltoaction {
  0% {
    right: 8px;
  }
  50% {
    right: 10px;
  }
  100% {
    right: 8px;
  }
}
.formulario_estendido .botao:hover, .formulario_estendido .botao:focus {
  color: #fff;
  background: #0e7e1d;
}

/***********************
CABEÇALHO
***********************/
/*Mobile*/
/*Sub*/
.cabecalho {
  width: 100%;
  z-index: 400;
}
@media only screen and (min-width: 900px) {
  .cabecalho {
    height: 60px;
    position: fixed;
    top: 0;
    background: #000000 url("images/header/cabecalho.jpg") bottom right no-repeat;
    /*-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.21);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.21);*/
  }
}
@media only screen and (max-width: 900px) {
  .cabecalho {
    background: #000000;
    position: fixed;
    top: 0;
    height: 72px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  }
}
.cabecalho .logo {
  position: absolute;
  display: block;
}
@media only screen and (min-width: 900px) {
  .cabecalho .logo {
    top: 0px;
  }
}
@media only screen and (max-width: 900px) {
  .cabecalho .logo {
    width: 90px;
    top: 0px;
    left: 0px;
  }
}
@media only screen and (max-width: 900px) {
  .cabecalho .header_contatos {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .cabecalho .header_contatos {
    position: absolute;
    top: 14px;
    right: 0px;
    font-family: "fonte_principal";
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    color: #fff;
  }
  .cabecalho .header_contatos span {
    font-family: "fonte_principal";
  }
  .cabecalho .header_contatos i, .cabecalho .header_contatos strong {
    color: #ee0221;
    margin-right: 5px;
    margin-left: 10px;
  }
}

/*****************************
Manu Suspenso
*****************************/
.menu_suspenso_inicial {
  top: -400px;
}

.menu_suspenso_hide {
  top: -400px;
  animation-name: sub_subir;
  animation-duration: 0.5s;
}

@keyframes sub_subir {
  0% {
    top: 95px;
  }
  100% {
    top: -400px;
  }
}
.menu_suspenso_show {
  top: 59px;
  animation-name: sub_descer;
  animation-duration: 0.5s;
}

@keyframes sub_descer {
  0% {
    top: -366px;
  }
  100% {
    top: 59px;
  }
}
@media only screen and (max-width: 900px) {
  .menu_suspenso_sub {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .menu_suspenso_sub ul {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
    width: 390px;
    background: #333333;
    position: fixed;
    z-index: 170;
    background: #333333;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#333333, #282828);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#333333, #282828);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#333333, #282828);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#333333, #282828);
    /* Standard syntax */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .menu_suspenso_sub ul li {
    position: relative;
    border-bottom: 1px solid #373737;
  }
  .menu_suspenso_sub ul li a, .menu_suspenso_sub ul li button {
    transition: all 0.5s ease;
    font-family: "fonte_principal";
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 8px;
    transition: all 0.3s ease;
    text-transform: uppercase;
  }
  .menu_suspenso_sub ul li a i, .menu_suspenso_sub ul li button i {
    color: #fff;
    margin-right: 5px;
    transition: all 0.5s ease;
  }
  .menu_suspenso_sub ul li a:hover, .menu_suspenso_sub ul li a:focus, .menu_suspenso_sub ul li button:hover, .menu_suspenso_sub ul li button:focus {
    background: #b90000;
    color: #fff;
  }
  .menu_suspenso_sub ul li a:hover i, .menu_suspenso_sub ul li a:focus i, .menu_suspenso_sub ul li button:hover i, .menu_suspenso_sub ul li button:focus i {
    color: #fff;
    margin-left: 10px;
    margin-right: 8px;
  }
  .menu_suspenso_sub ul li:last-child {
    border: 0px;
  }
}

@media only screen and (min-width: 900px) {
  .header_sub_categoria_1 {
    left: 365px;
  }
}

@media only screen and (min-width: 900px) {
  .header_sub_categoria_2 {
    left: 520px;
  }
}

@media only screen and (max-width: 900px) {
  .menu_suspenso {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .menu_suspenso {
    position: absolute;
    top: 7px;
    left: 115px;
  }
  .menu_suspenso li {
    list-style: none;
    float: left;
    margin-right: 12px;
  }
  .menu_suspenso li:last-child {
    margin-right: 0px;
  }
  .menu_suspenso li:first-child {
    padding-left: 0px;
  }
  .menu_suspenso li:last-child {
    padding-right: 0px;
    border: 0px;
  }
  .menu_suspenso li a, .menu_suspenso li button {
    font-family: "fonte_principal";
    float: left;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    padding: 8px;
    outline: none;
    resize: none;
    cursor: pointer;
    background: none;
    transition: all 0.5s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .menu_suspenso li a i, .menu_suspenso li button i {
    margin-left: 8px;
  }
  .menu_suspenso li a:hover, .menu_suspenso li a:focus, .menu_suspenso li button:hover, .menu_suspenso li button:focus {
    background: none;
    color: #ee020a;
    border-bottom: 2px solid none;
  }
}
.menu_suspenso .desativado {
  background: none;
  color: #fff;
  border-bottom: 2px solid none;
}
.menu_suspenso .ativo {
  background: none;
  color: #ee020a;
  border-bottom: 2px solid none;
}

/******************************
Menu Hambúrguer
******************************/
@media only screen and (min-width: 900px) {
  .menu_hamburger {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .menu_hamburger {
    font-size: 45px;
    display: block;
    outline: none;
    margin-top: 15px;
    margin-left: 12px;
    background: none;
    float: right;
    outline: none;
  }
}

.hamburger_aberto {
  color: #fff;
}

.hamburger_fechado {
  color: #fff;
}

.menu_mobile {
  width: 100%;
  background: #000000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#000000, #333);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#000000, #333);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#000000, #333);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#000000, #333);
  /* Standard syntax */
  position: fixed;
  z-index: 380;
  top: 70px;
  overflow: hidden;
}
.menu_mobile ul {
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.21);
}
.menu_mobile ul li {
  width: 100%;
  border-bottom: 1px solid none;
}
.menu_mobile ul li:last-child {
  border: 0px;
}
.menu_mobile ul li a {
  text-align: center;
  display: block;
  font-family: "fonte_principal";
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  text-align: right;
}
.menu_mobile ul li a:hover, .menu_mobile ul li a:focus {
  color: #fff;
  background: #b90000;
}

.mobile_aberto {
  height: 100%;
  overflow: auto;
  animation-name: animacao_segunda;
  animation-duration: 1s;
}
.mobile_aberto a {
  padding: 15px;
  animation-name: animacao_primeira;
  animation-duration: 0.8s;
}

@keyframes animacao_primeira {
  from {
    padding: 0px;
    opacity: 0;
  }
  to {
    padding: 15px;
  }
}
@keyframes animacao_segunda {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
.mobile_fechado {
  height: 0%;
  animation-name: animacao_terceira;
  animation-duration: 0.8s;
}
.mobile_fechado a {
  padding: 0px;
  opacity: 0;
  animation-name: animacao_quarta;
  animation-duration: 0.5s;
}

@keyframes animacao_terceira {
  from {
    height: 100%;
  }
  to {
    height: 0%;
  }
}
@keyframes animacao_quarta {
  from {
    padding: 15px;
    opacity: 1;
  }
  to {
    padding: 0px;
  }
}
/***********************
PRODUTOS
***********************/
.produtos_periodo .input {
  font-family: "fonte_padrao";
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  border-bottom: 2px solid #ccc;
  padding: 8px;
  color: red;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 900px) {
  .produtos_periodo .input {
    width: 100%;
  }
}
@media only screen and (min-width: 900px) {
  .produtos_periodo .input {
    width: 35%;
  }
}

.produtos_2 .item {
  width: 50%;
  float: left;
}

.produtos_3 .item {
  float: left;
}
@media only screen and (min-width: 800px) {
  .produtos_3 .item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 800px) {
  .produtos_3 .item {
    width: 100%;
  }
}

.produtos_4 .item {
  float: left;
}
@media only screen and (min-width: 800px) {
  .produtos_4 .item {
    width: 25%;
  }
}
@media only screen and (max-width: 800px) {
  .produtos_4 .item {
    width: 100%;
  }
}

.produtos {
  padding-bottom: 20px;
}
.produtos .produto {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: #212020;
  -webkit-box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
  box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
}
.produtos .produto .acao {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.produtos .produto .acao .botao {
  width: 100%;
}
.produtos .item {
  position: relative;
  /*a{
  	position: absolute;
  	top: 0;
  	left: 0;
  	display: block;
  	width: 100%;
  	text-indent: -99999px;
  	height: 100%;
  }*/
}
.produtos .item .espacamento {
  margin: 10px;
}
.produtos .item .produto_foto {
  position: relative;
  overflow: hidden;
}
.produtos .item .produto_foto a {
  transition: all 0.5s ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}
.produtos .item .produto_foto a i {
  font-family: "fontello";
  font-size: 42px;
  color: #fff;
  transition: all 0.6s ease;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-left: -12px;
}
.produtos .item .produto_foto a:hover, .produtos .item .produto_foto a:focus {
  background: url("images/conteudo/bg_galeria.png");
}
.produtos .item .produto_foto a:hover i, .produtos .item .produto_foto a:focus i {
  top: 40%;
}
.produtos .item img {
  width: 100%;
  display: block;
}
.produtos .item h1, .produtos .item h2, .produtos .item h3, .produtos .item h4, .produtos .item h5, .produtos .item h6 {
  font-family: "fonte_principal";
  font-size: 20px;
  line-height: 26px;
  color: #c41c0e;
  padding: 10px;
  margin-bottom: 0px;
}
.produtos .item h1 strong, .produtos .item h2 strong, .produtos .item h3 strong, .produtos .item h4 strong, .produtos .item h5 strong, .produtos .item h6 strong {
  font-family: "fonte_principal";
  font-size: 26px;
  line-height: 26px;
  color: orange;
  display: block;
}
.produtos .item p {
  background: green;
  font-family: "fonte_padrao";
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin-bottom: 0px;
  padding: 10px;
}
.produtos .item p i {
  font-family: "fontello";
  color: orange;
  font-size: 32px;
  display: block;
  margin-bottom: 10px;
}
.produtos .item ul li {
  font-family: "fonte_padrao";
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin-bottom: 0px;
  text-align: left;
  border-top: 1px solid #2f2f2f;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.produtos .item ul li i {
  position: absolute;
  top: 10px;
  left: 8px;
  font-family: "fontello";
  font-size: 16px;
  color: #f53535;
}
.produtos .item .produto_destaque {
  padding: 10px;
  background: #0f0f0f;
}
.produtos .item .produto_destaque h1, .produtos .item .produto_destaque h2, .produtos .item .produto_destaque h3, .produtos .item .produto_destaque h4, .produtos .item .produto_destaque h5, .produtos .item .produto_destaque h6 {
  font-family: "fonte_principal";
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  padding: 0px;
}
.produtos .item .produto_destaque span {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 20px;
  color: red;
}
.produtos .regras {
  width: 75%;
  display: block;
  font-size: 11px;
  line-height: 10px;
  color: #ccc;
  clear: both;
  margin: 0 auto;
  margin-bottom: 12px;
}

.bloco_galeria {
  background: #000 url("images/banners/destaque.jpg") center 250px no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
}
.bloco_galeria .descricao_servicos h1, .bloco_galeria .descricao_servicos h2, .bloco_galeria .descricao_servicos h3, .bloco_galeria .descricao_servicos h4, .bloco_galeria .descricao_servicos h5, .bloco_galeria .descricao_servicos h6 {
  font-size: 38px;
  line-height: 26px;
  color: #ee020a;
}
.bloco_galeria .descricao_servicos p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

/***********************
SERVIÇOS
***********************/
.bloco_servicos {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  float: left;
}
.bloco_servicos .descricao_servicos h1, .bloco_servicos .descricao_servicos h2, .bloco_servicos .descricao_servicos h3, .bloco_servicos .descricao_servicos h4, .bloco_servicos .descricao_servicos h5, .bloco_servicos .descricao_servicos h6 {
  font-family: "fonte_padrao";
  font-size: 35px;
  line-height: 42px;
  color: #151515;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-weight: normal;
}
.bloco_servicos .descricao_servicos h1 strong, .bloco_servicos .descricao_servicos h2 strong, .bloco_servicos .descricao_servicos h3 strong, .bloco_servicos .descricao_servicos h4 strong, .bloco_servicos .descricao_servicos h5 strong, .bloco_servicos .descricao_servicos h6 strong {
  font-family: "fonte_principal";
  color: #ee020a;
  font-weight: normal;
}
.bloco_servicos .descricao_servicos p {
  font-size: 20px;
  line-height: 23px;
}

.servicos {
  position: relative;
}
.servicos .btn_nav {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 50px;
  z-index: 5;
  cursor: pointer;
  background: none;
  outline: none;
}
.servicos .btn_nav i {
  transition: all 0.5s ease;
  color: #98012e;
}
.servicos .btn_nav:hover i, .servicos .btn_nav:focus i {
  color: #ac0d3d;
}
.servicos .avancar {
  right: 0;
}
.servicos .voltar {
  left: -10px;
}
.servicos .item {
  position: relative;
}
.servicos .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  text-indent: -99999px;
  z-index: 2;
}
.servicos .item h1, .servicos .item h2, .servicos .item h3, .servicos .item h4, .servicos .item h6 {
  font-family: "fonte_principal";
  font-size: 20px;
  line-height: 22px;
  color: #d70000;
}
.servicos .item p {
  font-size: 16px;
  line-height: 21px;
  color: #000;
}
.servicos .item .espacamento {
  transition: all 0.5s ease;
  padding: 12px;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.servicos .item:hover .espacamento, .servicos .item:focus .espacamento {
  background: #d70000;
}
.servicos .item:hover .espacamento h1, .servicos .item:hover .espacamento h2, .servicos .item:hover .espacamento h3, .servicos .item:hover .espacamento h4, .servicos .item:hover .espacamento h6, .servicos .item:focus .espacamento h1, .servicos .item:focus .espacamento h2, .servicos .item:focus .espacamento h3, .servicos .item:focus .espacamento h4, .servicos .item:focus .espacamento h6 {
  color: #fff;
}
.servicos .item:hover .espacamento p, .servicos .item:focus .espacamento p {
  color: #fff;
}
.servicos .item img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.clearfix:after {
  content: " ";
  clear: both;
  display: block;
}

/***********************
RODAPÉ
***********************/
.rodape {
  width: 100%;
  float: left;
  padding-top: 20px;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  background: #000000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#000000, #0d0d0d);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#000000, #0d0d0d);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#000000, #0d0d0d);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#000000, #0d0d0d);
  /* Standard syntax */
  /*.rodape_faixa_3{
  	width: 100%;
  	background: #0f2849;
  	padding-top: 20px;
  	padding-bottom: 20px;
  	
  }*/
}
@media only screen and (max-width: 900px) {
  .rodape {
    padding-bottom: 40px;
  }
}
.rodape .item:after {
  content: " ";
  clear: both;
  display: block;
}
@media only screen and (max-width: 900px) {
  .rodape .item {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
  }
}
.rodape .item img {
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  .rodape .item img {
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.rodape .item h1, .rodape .item h2, .rodape .item h3, .rodape .item h4, .rodape .item h5, .rodape .item h6 {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
}
.rodape .item h1 strong, .rodape .item h2 strong, .rodape .item h3 strong, .rodape .item h4 strong, .rodape .item h5 strong, .rodape .item h6 strong {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 26px;
  color: #ee020a;
  display: block;
}
.rodape .item a, .rodape .item li, .rodape .item address, .rodape .item p {
  font-family: "fonte_padrao";
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-style: normal;
  transition: all 0.5s ease;
}
.rodape .item p {
  padding-right: 25px;
}
.rodape .item p i {
  color: #ee020a;
}
.rodape .item a:hover, .rodape .item a:focus {
  color: #ee020a;
}
.rodape .item li {
  margin-bottom: 8px;
}
.rodape .mapa li {
  margin-right: 10px;
}
.rodape .mapa li .icones {
  color: #ee020a;
  margin-right: 8px;
}
@media only screen and (min-width: 900px) {
  .rodape .mapa {
    width: 45%;
    float: left;
    margin-right: 20px;
  }
}
.rodape .mapa:after {
  content: " ";
  clear: both;
  display: block;
}
@media only screen and (min-width: 900px) {
  .rodape .contatos {
    float: left;
    margin-right: 30px;
  }
}
.rodape .contatos:first-child {
  margin-right: 0px;
}
.rodape .contatos li {
  position: relative;
  margin-bottom: 5px;
}
.rodape .contatos li .icones {
  margin-right: 5px;
  color: #ee020a;
  font-size: 19px;
}
@media only screen and (min-width: 900px) {
  .rodape .blocos_3 .item {
    float: left;
  }
  .rodape .blocos_3 .bloco_mapa {
    width: 57%;
  }
  .rodape .blocos_3 .bloco_atendimento {
    width: 20%;
  }
  .rodape .blocos_3 .bloco_endereco {
    width: 21%;
  }
  .rodape .blocos_3 .bloco_endereco address {
    margin-bottom: 12px;
  }
}
.rodape .creditos {
  background: red;
  padding-top: 20px;
  padding-bottom: 20px;
  background: url("images/rodape/sombra.png") top center no-repeat;
  margin-top: 30px;
}
.rodape .creditos .credito {
  width: 65px;
  height: 41px;
  background: url("images/rodape/wizer.png") no-repeat;
  display: block;
  text-indent: -99999px;
  margin: 0 auto;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body:after {
  content: url(js/lightbox2-master/src/images/close.png) url(js/lightbox2-master/src/images/loading.gif) url(js/lightbox2-master/src/images/prev.png) url(js/lightbox2-master/src/images/next.png);
  display: none;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(js/lightbox2-master/src/images/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(js/lightbox2-master/src/images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(js/lightbox2-master/src/images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-family: "fonte_padrao";
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  font-family: "fonte_padrao";
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(js/lightbox2-master/src/images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

.parceiros_blocos {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  padding-bottom: 20px;
  background: #eeeeee;
  border-top: 1px solid #e6e6e6;
}
.parceiros_blocos h1, .parceiros_blocos h2, .parceiros_blocos h3, .parceiros_blocos h4, .parceiros_blocos h5, .parceiros_blocos h6 {
  color: #fb2478;
}

.parceiros li, .parceiros .item {
  margin-bottom: 0px;
  float: left;
}
@media only screen and (min-width: 900px) {
  .parceiros li, .parceiros .item {
    width: 25%;
  }
}
@media only screen and (max-width: 900px) {
  .parceiros li, .parceiros .item {
    width: 50%;
  }
}
.parceiros li div, .parceiros li span, .parceiros .item div, .parceiros .item span {
  display: block;
  padding: 10px;
}
.parceiros li a, .parceiros .item a {
  margin: 8px;
  display: block;
}
.parceiros li img, .parceiros .item img {
  width: 100%;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
}

/***********************
Opinião
***********************/
.opinioes {
  position: relative;
}
.opinioes .opinioes_carrosel {
  width: 80%;
  margin: 0 auto;
}
.opinioes h1, .opinioes h2, .opinioes h3, .opinioes h4, .opinioes h5, .opinioes h6 {
  color: orange;
}
.opinioes h1 strong, .opinioes h2 strong, .opinioes h3 strong, .opinioes h4 strong, .opinioes h5 strong, .opinioes h6 strong {
  color: red;
  display: block;
  font-family: "fonte_padrao";
  font-size: 20px;
}
.opinioes .opiniao:before {
  content: " ";
  width: 110px;
  height: 110px;
  background: red;
  margin: 0 auto;
  margin-bottom: 16px;
  display: block;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
}
@media only screen and (max-width: 900px) {
  .opinioes .opiniao_btn {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .opinioes .opiniao_btn {
    font-family: "fontello";
    font-size: 35px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    color: red;
    transition: all 0.1s ease;
    background: none;
  }
  .opinioes .opiniao_btn:hover, .opinioes .opiniao_btn:focus {
    color: orange;
    font-size: 38px;
    top: 49%;
  }
}
.opinioes .opiniao_seguir {
  right: 0;
}
.opinioes .opiniao_voltar {
  left: 0;
}

/*****************************
MENSAGEM ENVIADA
*****************************/
.mensagem_enviada {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .mensagem_enviada {
    width: 600px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 900px) {
  .mensagem_enviada {
    margin-bottom: 60px;
  }
}
.mensagem_enviada i {
  font-size: 100px;
  color: green;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}
.mensagem_enviada p {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  color: #000;
}

.pagina_erro {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .pagina_erro {
    width: 600px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 900px) {
  .pagina_erro {
    margin-bottom: 60px;
  }
}
.pagina_erro i {
  font-size: 100px;
  color: #ca0a0a;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}
.pagina_erro p {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}

.loading {
  color: #fff;
  text-align: center;
  font-size: 18px;
  animation: spin 2s infinite;
  display: block;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/****************
Inteligencia
****************/
.subir {
  position: fixed;
  background: #009d16;
  font-size: 22px;
  color: #fff;
  padding: 7px 10px 8px 7px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  cursor: pointer;
  z-index: 500;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.21);
  transition: all 0.4s ease;
  outline: none;
}
@media only screen and (min-width: 900px) {
  .subir {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .subir {
    right: 60px;
    top: 15px;
    z-index: 960;
  }
}
.subir:hover, .subir:focus {
  color: #fff;
  background: #028214;
}

.inteligencia {
  width: 100%;
  background: #15740b;
  position: fixed;
  bottom: 0;
  -webkit-box-shadow: 0px -3px 7px -1px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px -3px 7px -1px rgba(0, 0, 0, 0.23);
  box-shadow: 0px -3px 7px -1px rgba(0, 0, 0, 0.23);
  z-index: 230;
}
@media only screen and (max-width: 900px) {
  .inteligencia {
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  .inteligencia {
    display: none;
  }
}
.inteligencia ul {
  width: 100%;
}
.inteligencia ul li {
  float: left;
  height: 43px;
  position: relative;
}
.inteligencia ul li .icones {
  font-size: 26px;
}
.inteligencia ul li span {
  text-indent: -99999px;
}
.inteligencia ul li a {
  padding-top: 8px;
  padding-bottom: 10px;
  width: 100%;
  display: block;
  float: left;
  font-family: "fonte_padrao";
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.inteligencia ul li .ligar {
  background: #219514;
}
.inteligencia ul li .btn_2 {
  background: #238917;
}
.inteligencia ul li .whatsapp {
  background: #11b020;
}
.inteligencia ul li .whatsapp i {
  animation: whatsapp 2s infinite;
}
@-moz-keyframes whatsapp {
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(150deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes whatsapp {
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(150deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes whatsapp {
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(150deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

.conteudo_cardapio {
  margin-bottom: 20px;
}
@media only screen and (min-width: 900px) {
  .conteudo_cardapio {
    width: 700px;
  }
}
.input_cardapio {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.21);
  padding: 10px;
  font-family: "fonte_padrao";
  font-size: 18px;
  resize: none;
  outline: none;
  background: #fff;
}
@media only screen and (min-width: 900px) {
  .input_cardapio {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}

.carregando_cardapio:before {
  content: " ";
  width: 25px;
  height: 25px;
  background: url("images/conteudo/loading.gif") no-repeat;
  display: block;
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 8px;
}

.cardapio_nav:after {
  content: " ";
  clear: both;
  display: block;
}

@media only screen and (min-width: 900px) {
  .cardapio_nav_right {
    width: 100%;
    float: right;
  }
}

@media only screen and (min-width: 900px) {
  .botoes_cardapio_5 button, .botoes_cardapio_5 a {
    width: 20%;
  }
}

@media only screen and (min-width: 900px) {
  .botoes_cardapio_4 button, .botoes_cardapio_4 a {
    width: 25%;
  }
}

@media only screen and (min-width: 900px) {
  .botoes_cardapio_3 button, .botoes_cardapio_3 a {
    width: 33.33%;
  }
}

@media only screen and (min-width: 900px) {
  .botoes_cardapio_2 button, .botoes_cardapio_2 a {
    width: 50%;
  }
}

@media only screen and (min-width: 900px) {
  .botoes_cardapio_1 button, .botoes_cardapio_1 a {
    width: 100%;
  }
}

.botoes_cardapio {
  margin-bottom: 10px;
  background: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.botoes_cardapio:after {
  content: " ";
  clear: both;
  display: block;
}
.botoes_cardapio button, .botoes_cardapio a {
  float: left;
  width: 50%;
  color: #fff;
  background: #009d16;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  outline: none;
}
.botoes_cardapio button:hover, .botoes_cardapio button:focus, .botoes_cardapio a:hover, .botoes_cardapio a:focus {
  color: #fff;
  background: #028214;
}

/********************/
@media only screen and (max-width: 900px) {
  .buscador_cardapio_mob_hide {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .buscador_cardapio_mob {
    position: fixed;
    top: 70px;
    left: 0px;
    z-index: 360;
    animation-name: buscador_cardapio_mob;
    animation-duration: 1s;
  }
}

@keyframes buscador_cardapio_mob {
  0% {
    top: 0px;
  }
  100% {
    top: 70px;
  }
}
@media only screen and (max-width: 900px) {
  .buscador_cardapio_mob_sumir {
    position: fixed;
    top: -10px;
    left: 0px;
    z-index: 360;
    animation-name: buscador_cardapio_mob_sumir;
    animation-duration: 1s;
  }
}

@keyframes buscador_cardapio_mob_sumir {
  0% {
    top: 55px;
  }
  100% {
    top: -10px;
  }
}
.buscador_cardapio {
  z-index: 10;
}
@media only screen and (max-width: 900px) {
  .buscador_cardapio {
    right: 0;
    width: 100%;
    position: fixed;
  }
}
@media only screen and (min-width: 900px) {
  .buscador_cardapio {
    width: 400px;
    float: right;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 900px) {
  .buscador_cardapio input {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .buscador_cardapio input {
    text-align: right;
  }
}

.cardapio_nav_fixo {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 12;
  bottom: 0px;
  background: green;
  -webkit-box-shadow: 0px 2px 8px -2px #000;
  -moz-box-shadow: 0px 2px 8px -2px #000;
  box-shadow: 0px 2px 8px -2px #000;
}
.cardapio_nav_fixo .espacamento {
  padding-left: 20px;
  padding-right: 20px;
}

.cardapio {
  background: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
  box-shadow: 0px -2px 8px -2px rgba(0, 0, 0, 0.21);
}
.cardapio .espacamento {
  padding: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.cardapio .espacamento_interno {
  padding: 10px;
}
.cardapio .produto {
  position: relative;
}
.cardapio .produto:after {
  content: " ";
  clear: both;
  display: block;
}
.cardapio .preco_unico {
  font-family: "fonte_padrao";
  font-size: 18px;
  color: #247b01;
}
@media only screen and (min-width: 900px) {
  .cardapio .preco_unico {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
}
.cardapio .preco {
  font-family: "fonte_padrao";
  font-size: 18px;
  color: #247b01;
}
@media only screen and (min-width: 900px) {
  .cardapio .preco {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
}
.cardapio .precos_produtos li {
  font-family: "fonte_padrao";
  color: #007f39;
}
@media only screen and (min-width: 900px) {
  .cardapio .precos {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -18px;
  }
}
.cardapio .precos span {
  text-align: center;
  font-family: "fonte_padrao";
  font-size: 15px;
  line-height: 18px;
  color: #247b01;
  float: left;
}
@media only screen and (min-width: 900px) {
  .cardapio .precos span {
    background: url("images/conteudo/cardapio.png") no-repeat top right;
    padding-right: 20px;
    padding-left: 10px;
  }
  .cardapio .precos span strong {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  .cardapio .precos span {
    width: 100%;
    display: block;
    text-align: left;
  }
  .cardapio .precos span strong {
    font-style: normal;
    text-decoration: none;
  }
}
.cardapio .precos span:last-child {
  margin-right: 0px;
  padding-right: 0px;
  background: none;
}
.cardapio .categoria {
  /*-webkit-border-radius: $borda;
  -moz-border-radius: $borda;
  -ms-border-radius: $borda;
  -o-border-radius: $borda;
  border-radius: $borda;*/
  position: relative;
}
.cardapio .categoria .cat_obs {
  font-family: "fonte_padrao";
  font-size: 20px;
  line-height: 26px;
  color: #000;
  padding: 10px;
  margin: 20px;
  background: #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: -3px 3px 4px -2px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: -3px 3px 4px -2px rgba(0, 0, 0, 0.21);
  box-shadow: -3px 3px 4px -2px rgba(0, 0, 0, 0.21);
}
.cardapio .categoria .foto_categoria {
  width: 150px;
  height: 100px;
  display: block;
  float: left;
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 900px) {
  .cardapio .categoria .foto_categoria {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .cardapio .categoria .foto_categoria {
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
  }
}
.cardapio .categoria .categoria_cardapio {
  padding: 15px;
  background: #98012e;
}
.cardapio .categoria .categoria_cardapio:after {
  content: " ";
  clear: both;
  display: block;
}
.cardapio .categoria .categoria_cardapio h1, .cardapio .categoria .categoria_cardapio h2, .cardapio .categoria .categoria_cardapio h3, .cardapio .categoria .categoria_cardapio h4, .cardapio .categoria .categoria_cardapio h5, .cardapio .categoria .categoria_cardapio h6 {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
}
.cardapio .categoria .categoria_cardapio p {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .cardapio .categoria .categoria_cardapio p {
    margin-bottom: 5px;
  }
}
.cardapio .categoria .conteudo_desc {
  transition: all 0.3s ease;
  position: relative;
}
@media only screen and (min-width: 900px) {
  .cardapio .categoria .conteudo_desc {
    width: 388px;
  }
}
.cardapio .categoria .conteudo_desc .imagem {
  width: 150px;
  height: 150%;
  float: right;
  position: relative;
  background: orange;
  display: block;
}
.cardapio .categoria .conteudo_desc .imagem img {
  width: 100%;
  height: 100%;
  display: block;
}
.cardapio .categoria .conteudo_desc h1, .cardapio .categoria .conteudo_desc h2, .cardapio .categoria .conteudo_desc h3, .cardapio .categoria .conteudo_desc h4, .cardapio .categoria .conteudo_desc h5, .cardapio .categoria .conteudo_desc h6 {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 22px;
  color: #98012e;
  font-weight: bold;
}
.cardapio .categoria .conteudo_desc p {
  font-family: "fonte_padrao";
  font-size: 18px;
  line-height: 22px;
  color: #000;
}
@media only screen and (max-width: 900px) {
  .cardapio .categoria .conteudo_desc p {
    margin-bottom: 5px;
  }
}
.cardapio .categoria .produto {
  transition: all 0.3s ease;
}
.cardapio .categoria .produto:last-child {
  border: 0px;
}
.cardapio .categoria .produto:hover {
  background: #f2e8ca;
}
.cardapio .categoria .produto:hover p {
  color: #000;
}
.cardapio .categoria .produto:hover .conteudo_desc {
  transition: all 0.3s ease;
  margin-left: 20px;
}
.cardapio .categoria .produto:hover h1, .cardapio .categoria .produto:hover h2, .cardapio .categoria .produto:hover h3, .cardapio .categoria .produto:hover h4, .cardapio .categoria .produto:hover h5 {
  color: #98012e;
}
.cardapio .categoria .borda_linha {
  border-bottom: 1px solid #e1e1e1;
}

.cabecalho_conteudo {
  width: 100%;
  padding-top: 65px;
  padding-bottom: 65px;
  background: url("images/banners/bg_slide.jpg");
  background-position: center 0px;
  overflow: hidden;
  background-attachment: fixed;
  display: block;
  position: relative;
  -webkit-animation: animacao_cabecalho_conteudo 25s infinite;
  /* Safari 4.0 - 8.0 */
  animation: animacao_cabecalho_conteudo 25s infinite;
}
@media only screen and (min-width: 900px) {
  .cabecalho_conteudo {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 900px) {
  .cabecalho_conteudo {
    margin-top: 89px;
  }
}
.cabecalho_conteudo:before {
  content: " ";
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  background: url("images/banners/bg.png") top center repeat-x;
}
.cabecalho_conteudo h1, .cabecalho_conteudo h2, .cabecalho_conteudo h3, .cabecalho_conteudo h4, .cabecalho_conteudo h5, .cabecalho_conteudo h6 {
  font-family: "fonte_padrao";
  font-size: 32px;
  text-transform: uppercase;
  color: #efdb8e;
}

@-webkit-keyframes animacao_cabecalho_conteudo {
  0% {
    background-position: center 0px;
  }
  50% {
    background-position: center -300px;
  }
  100% {
    background-position: center 0px;
  }
}
@keyframes animacao_cabecalho_conteudo {
  0% {
    background-position: center 0px;
  }
  50% {
    background-position: center -300px;
  }
  100% {
    background-position: center 0px;
  }
}
.centralizar {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .centralizar {
    width: 50%;
  }
}
.centralizar .botao {
  float: none;
}

.reserva {
  /*&:before{
    content: " ";
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    background: url("images/banners/bg.png") top center repeat-x;
    //background-attachment: fixed;
  }*/
}
.reserva h1, .reserva h2, .reserva h3, .reserva h4, .reserva h5, .reserva h6 {
  color: #f2e8ca;
  word-wrap: break-word;
}
.reserva p {
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .reserva {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #670423 url("images/galeria/baronesa-1.jpg") no-repeat;
    background-position: -250px 0px;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .reserva .margin {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 900px) {
  .reserva {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000 url("images/galeria/baronesa-4.jpg") bottom center no-repeat;
    background-attachment: fixed;
    position: relative;
    /*ANIMAÇÃO SLIDE
       -webkit-animation: animacao_slide 15s infinite;
       animation: animacao_slide 15s infinite;
    
       @-webkit-keyframes animacao_slide{
         0%{ background-position: -400px 0px;}
         50%{ background-position: -200px 20px;}
         100%{ background-position: -400px 0px;}
       }
       @keyframes animacao_slide{
         0%{ background-position: -400px center;}
         50%{ background-position: -200px 20px;}
         100%{ background-position: -400px center;}
       }*/
  }
  .reserva .desc {
    width: 350px;
    float: right;
    margin-right: 130px;
  }
}
.reserva .botao {
  float: none;
}

.destaque {
  width: 100%;
  float: left;
  /*&:before{
    content: " ";
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    background: url("images/banners/bg.png") top center repeat-x;
    //background-attachment: fixed;
  }*/
}
.destaque h1, .destaque h2, .destaque h3, .destaque h4, .destaque h5, .destaque h6 {
  font-family: "fonte_padrao";
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  word-wrap: break-word;
  text-transform: uppercase;
}
.destaque h1 strong, .destaque h2 strong, .destaque h3 strong, .destaque h4 strong, .destaque h5 strong, .destaque h6 strong {
  font-family: "fonte_principal";
  font-size: 50px;
  color: #ee020a;
}
.destaque p {
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .destaque {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #191919;
    background-position: -250px 0px;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .destaque h1, .destaque h2, .destaque h3, .destaque h4, .destaque h5, .destaque h6, .destaque p {
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .destaque {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000 url("images/banners/destaque.jpg") top center no-repeat;
    /*ANIMAÇÃO SLIDE
       -webkit-animation: animacao_slide 15s infinite;
       animation: animacao_slide 15s infinite;
    
       @-webkit-keyframes animacao_slide{
         0%{ background-position: -400px 0px;}
         50%{ background-position: -200px 20px;}
         100%{ background-position: -400px 0px;}
       }
       @keyframes animacao_slide{
         0%{ background-position: -400px center;}
         50%{ background-position: -200px 20px;}
         100%{ background-position: -400px center;}
       }*/
  }
  .destaque .desc {
    width: 325px;
    float: right;
  }
}
.destaque .botao {
  border: 2px solid #b90000;
  background: none;
}
@media only screen and (max-width: 900px) {
  .destaque .botao {
    float: none;
    margin: 0 auto;
  }
}
.destaque .botao:hover, .destaque .botao:focus {
  background: #b90000;
}

.clientes_bloco {
  z-index: 11;
  display: block;
}
@media only screen and (min-width: 900px) {
  .clientes_bloco {
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    position: absolute;
    top: 685px;
  }
}
.clientes_bloco .item img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
}
.clientes_bloco .btn_nav {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  font-size: 50px;
  z-index: 5;
  cursor: pointer;
  background: none;
  outline: none;
}
.clientes_bloco .btn_nav i {
  transition: all 0.5s ease;
  color: #fff;
}
.clientes_bloco .btn_nav:hover i, .clientes_bloco .btn_nav:focus i {
  color: #f5db00;
}
.clientes_bloco .btn_nav_direita {
  right: 0;
}
.clientes_bloco .clientes_quadro {
  position: relative;
}
@media only screen and (min-width: 900px) {
  .clientes_bloco .clientes_quadro {
    width: 700px;
  }
}
.clientes_bloco .clientes_quadro .espacamento {
  display: block;
}
@media only screen and (min-width: 900px) {
  .clientes_bloco .clientes_quadro .espacamento {
    padding-left: 30px;
    padding-right: 25px;
  }
}
.clientes_bloco .clientes_quadro .espacamento img {
  border: 1px solid #a5a5a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
}

.rodape_titulo {
  padding-bottom: 12px;
}

.lista_selecao h1, .lista_selecao h2, .lista_selecao h3, .lista_selecao h4, .lista_selecao h5, .lista_selecao h6 {
  font-size: 18px;
  display: block;
  transition: all 0.5s ease;
  border-bottom: 1px solid #bbbbbb;
  padding-left: 8px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #f5db00;
}
.lista_selecao h1 i, .lista_selecao h2 i, .lista_selecao h3 i, .lista_selecao h4 i, .lista_selecao h5 i, .lista_selecao h6 i {
  transition: all 0.5s ease;
  color: #f5db00;
  padding-top: 3px;
}
.lista_selecao h1:hover, .lista_selecao h1:focus, .lista_selecao h2:hover, .lista_selecao h2:focus, .lista_selecao h3:hover, .lista_selecao h3:focus, .lista_selecao h4:hover, .lista_selecao h4:focus, .lista_selecao h5:hover, .lista_selecao h5:focus, .lista_selecao h6:hover, .lista_selecao h6:focus {
  background: #f5db00;
  border: 1px solid #000;
}
.lista_selecao h1:hover i, .lista_selecao h1:focus i, .lista_selecao h2:hover i, .lista_selecao h2:focus i, .lista_selecao h3:hover i, .lista_selecao h3:focus i, .lista_selecao h4:hover i, .lista_selecao h4:focus i, .lista_selecao h5:hover i, .lista_selecao h5:focus i, .lista_selecao h6:hover i, .lista_selecao h6:focus i {
  color: #000;
}

.box_shadow {
  -webkit-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.box_selecao {
  border: 1px solid #ccc;
  margin-bottom: 8px;
}
.box_selecao .item_descer {
  background: none;
  transition: all 0.5s ease;
  outline: none;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  width: 100%;
  cursor: pointer;
}
.box_selecao .item_descer img {
  margin-bottom: 0px;
}
.box_selecao .espacamento {
  padding: 10px;
}

.video_destacado {
  width: 100%;
  position: absolute;
  z-index: 2;
}
@media only screen and (min-width: 900px) {
  .video_destacado {
    margin-top: -130px;
  }
}
@media only screen and (max-width: 900px) {
  .video_destacado {
    margin-top: -40px;
  }
}
.video_destacado .titulo_video_destaque {
  font-family: "fonte_padrao";
  color: #fff;
  background: #b90000;
  padding: 15px 20px 15px 30px;
  display: block;
  -webkit-border-radius: 20px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius: 20px;
  -moz-border-radius-topleft: 5px;
  border-radius: 20px;
  border-top-left-radius: 5px;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 28px;
  font-weight: normal;
}
@media only screen and (min-width: 900px) {
  .video_destacado .titulo_video_destaque {
    width: 415px;
  }
}
.video_destacado .titulo_video_destaque strong {
  font-family: "fonte_principal";
  color: #fff;
}

.lojas {
  width: 100%;
  float: left;
  background: #eaeaea;
  padding-top: 35px;
  padding-bottom: 35px;
}
.lojas .item {
  float: left;
}
@media only screen and (min-width: 600px) {
  .lojas .item {
    width: 33%;
  }
}
@media only screen and (max-width: 600px) {
  .lojas .item {
    width: 100%;
  }
}
.lojas .item h1, .lojas .item h2, .lojas .item h3, .lojas .item h4, .lojas .item h5, .lojas .item h6, .lojas .item p, .lojas .item li {
  font-style: normal;
  text-decoration: normal;
}
.lojas .item h1, .lojas .item h2, .lojas .item h3, .lojas .item h4, .lojas .item h5, .lojas .item h6 {
  font-family: "fonte_principal";
  font-size: 24px;
  line-height: 20px;
  color: #ee020a;
  margin-bottom: 5px;
  text-transform: none;
}
.lojas .item p {
  font-family: "fonte_padrao";
  font-size: 16px;
  color: #3b3939;
  line-height: 20px;
}
.lojas .item li {
  font-family: "fonte_padrao";
  font-size: 20px;
  color: #3b3939;
  line-height: 22px;
}
.lojas .item li .icones {
  color: #ee020a;
}
.lojas .item img {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.lojas .item .espacamento {
  margin: 10px;
  padding: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -moz-box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  box-shadow: 0px 2px 5px 1px rgba(234, 234, 234, 0.21);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 600px) {
  .lojas .item .botao_lojas {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .lojas .item .botao_lojas {
    background: green;
    font-family: "fonte_principal";
    font-size: 18px;
    color: #fff;
    display: block;
    text-align: center;
    display: block;
    padding: 10px 30px 10px 10px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}

@media only screen and (max-width: 900px) {
  .video_destaque_slide {
    margin-top: 40px;
  }
}

.coluna_3 .item {
  float: left;
}
@media only screen and (min-width: 800px) {
  .coluna_3 .item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 800px) {
  .coluna_3 .item {
    width: 100%;
  }
}
.coluna_3 .item .complemento {
  margin: 8px;
}

/*# sourceMappingURL=style.css.map */