/* Whatsapp button */
a.btn_what_link {
  position: fixed;
  left: 5%;
  bottom: 10%;
  background-color: #1ebea5;
  display: inline-block;
  padding: 8px 12px 8px 45px;
  border-radius: 5px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  line-height: 21px;
  height: 80px;
  width: 80px;
  color: #fff !important;
  text-transform: uppercase;
  z-index: 1000;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

a.btn_what_link svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 45px;
}
/* /Whatsapp button */

/* Side panel */
html.side-panel .side-panel-wrapper {
  /* background-color: #f3d400; */
  background: url(../img/bg2.png) center repeat;
}

@media (max-width: 426px) {
  html.side-panel .side-panel-wrapper {
    width: 305px;
  }
}

html.side-panel .side-panel-wrapper .menu-title {
  font-family: 'aminoregular_13';
  font-size: 36px;
  color: #fff;
  letter-spacing: 2px;
  word-break: break-word;
  background-image: linear-gradient(to right, #fff , #686870) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html.side-panel .side-panel-wrapper .side-panel-close {
  top: 35px !important;
  z-index: 5;
  font-family: 'aminoregular_5' !important;
  font-weight: bold;
}

html.side-panel .side-panel-wrapper .side-panel-nav ul li {
  margin-bottom: 20px;
}

html.side-panel .side-panel-wrapper .side-panel-nav ul li a {
  color: #fff;
  font-family: 'aminoregular_5';
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  transition: ease-in-out .3s !important;

  background-image: linear-gradient(to right, #fff , #686870) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html.side-panel .side-panel-wrapper .side-panel-nav ul li a:hover {
  text-decoration: none;
  color: #000;
}

html.side-panel .side-panel-wrapper .side-panel-nav .side-panel-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.side-panel .side-panel-wrapper .side-panel-nav .social-icons li a {
  width: 40px !important;
  height: 40px !important;
  line-height: 44px !important;
}

html.side-panel .side-panel-wrapper .side-panel-nav .social-icons li:hover a {
  color: #f3d400 !important;
  background-color: black !important;
}

html.side-panel .hamburguer-btn .close span {
 background-color: #fff !important;
 background-image: linear-gradient(to right, #fff , #686870) !important;
}

@media (min-width: 426px) {
  html.side-panel .side-panel-wrapper {
    width: 400px;
  }
}
/* /Side panel */

/* Header */
#header .header-body {
  /* background-color: #000 !important; */
  background: url(../img/bg1.png) center center no-repeat;
  /* background: url(../img/bg1.png) top center no-repeat fixed; */
}

html.sticky-header-active #header .header-body.header-body-bottom-border {
  border-bottom: 1px solid #333 !important;
  box-shadow: none !important;
}

#header .header-body .social-icons li a {
  height: 38px;
  line-height: 38px;
  width: 38px;
  font-size: 20px;
  color: #fff !important;
  background-color: transparent;
  transition: ease-in-out .3s !important;
}

#header .header-body .social-icons li a:hover {
  color: #000 !important;
  background-color: #fff !important;
}

#header .header-column:first-child {
  align-items: flex-start;
}

#header .header-column:last-child {
  align-items: flex-end;
}

.hamburguer-btn {
  width: 40px;
}

.hamburguer-btn .hamburguer span {
  top: 54%;
  height: 3px;
  background-color: #fff !important;
  background-color: #fff !important;; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #fff , #686870) !important; /* Standard syntax */
}

.hamburguer-btn .hamburguer span:nth-child(3) {
  top: 78% !important;
}
/* /Header */

/* Banner */
/* html .bg-color-dark-scale-9 .banner-container {
  background: url(../img/banner-home-fundo.png) center no-repeat;
} */

.banner-bg {

}

.banner-container {
  /* background: url(../img/bg1.png) center no-repeat; */
  background-image: url(../img/faixa.png), url(../img/bg1.png);
  height: 575px;

  background-position: right center, center;
  background-repeat: repeat-x, no-repeat;
}

.banner-container .banner-car-1 {
  top: 37%;
  left: 110px;
  bottom: 0;
}

.banner-container .banner-car-3 {
  top: 37%;
  right: 0;
  bottom: 0;
}

.banner-container .banner-car-2 {
  top: 32%;
  left: 0;
  right: 0;
  margin: auto;
}
/* /Banner */

/* about */
.about {
  padding: 65px 0;
  background-image: url(../img/shadow.png), url(../img/bg2.png);
  background-position: top center, center center;
  background-repeat: no-repeat, repeat;
  border-color: #38393c;
}

.about .about-title {
	font-size: 40px;
  line-height: 40px;
  font-weight: 700 !important;
  font-style: italic;
  letter-spacing: 1px;
}

.about .about-text {
	line-height: 22px;
}

.about .btn-primary {
  color: #fff !important;
  font-style: italic;
  font-size: 12px;
  border-color: #fff !important;
  transition: ease-in-out .3s !important;
}

.about .btn-primary:hover {
	color: #212223 !important;
	background-color: #fff !important;
}

html .about .btn-primary:active,
html .about .btn-primary.active {
	background-color: #acacac !important;
	border-color: #acacac !important;
}

@media (max-width: 485px) {
	.about .about-title {
		font-size: 34px;
	}
}

@media (max-width: 375px) {
	.about .block-four-title {
		font-size: 23px;
		line-height: 30px;
	}
}
/* /about */

/* brands */
.brands-container {
  background: url(../img/bg3.png) center repeat;
}

.brands-container .brand {
  margin: 30px;
}

.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
/* /brands */

/* Footer */
#footer {
  margin-top: 0 !important;
  background-image: url(../img/shadow.png), url(../img/bg2.png);
  background-position: top center, center center;
  background-repeat: no-repeat, repeat;
  border-color: #38393c;
}

#footer .infos {
  padding: 80px 0 0;
}

#footer .infos p {
  font-size: 18px;
  color: #fff;
  font-style: italic;
  font-weight: 300;
}

#footer .social-network {
  padding: 25px 0 100px;
}

#footer .footer-social-icons li a {
  font-size: 20px;
  background-color: transparent;
  transition: ease-in-out .3s !important;
}

#footer .footer-social-icons li a i {
  transition: ease-in-out .3s !important;
}

#footer .footer-social-icons li a:hover,
#footer .footer-social-icons li a:hover i {
  color: #000 !important;
  background-color: #fff;
}

#footer .footer-social-icons li a i {
  color: #fff !important;
}

html .scroll-to-top:hover,
html .scroll-to-top:focus {
  color: #000;
}

#footer .form-contato .form-control {
  color: #fff;
  font-size: 16px;
  font-style: italic;
  background: #122223;
  border-radius: 0;
}

#footer .form-contato .send-button {
  color: #fff;
  border: 2px solid white;
  border-radius: 0;
  transition: ease-in-out .3s !important;
}

#footer .form-contato .send-button:hover {
  color: #000;
  background: white;
}
/* /Footer */

/* Serviços */
.servicos {
  background: url(../img/bg4.png) center;
}

.servicos .service-title {
  font-size: 40px;
  line-height: 40px;
  font-weight: 700 !important;
  font-style: italic;
  letter-spacing: 1px;
  word-break: break-word;
}

@media (max-width: 568px) {
  .servicos .service-title {
    font-size: 24px;
  }
}

.servicos .service-image {
  margin-bottom: 35px;
  border: 12px solid #363639;
  border-radius: 12px;
  background-color: #fff;
}

.servicos .form-control {
  font-style: italic;
  padding: 20px 25px;
  color: #fff;
  background-color: #212223;
  border: 2px solid #393a3d !important;
  border-radius: 0;
}

.owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover {
  border: 4px solid #fff !important;
}

.owl-carousel.rounded-nav .owl-nav button[class*="owl-"] {
  border: 4px solid #fff !important;
}

.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
  font-size: 1rem;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
}
/* /Serviços */