/*!

 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)

 * Copyright 2013-2019 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)

 */



body::-webkit-scrollbar {

    width: 12px;



}



.sub-menu-info::-webkit-scrollbar {

    width: 8px;

    background: #F4F4F4;

	scrollbar-color: red !important;



}



.sub-menu-info::-webkit-scrollbar-thumb {

    background: #C32529;

}



body::-webkit-scrollbar-thumb {

    background: #212529;



}



h1, h2, h3, h4::first-lette {

	text-transform: uppercase;

}





p::first-lette {

	text-transform: uppercase;

}



hr {

    color: #212529;

    margin: 24px 2px;

}



b {

	color: red;

	

}



span strong {

	color: red;

	

}

.nav-link {
    display: block;
    padding: .5rem 1rem;
	color: #fff;
}

/*<!--=======================// Abertura Menu //=======================-->*/

.navbar-light .navbar-nav .nav-link {

    color: rgba(255,255,255,0.7);

    font-family: "Barlow Semi Condensed", sans-serif;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

}



.navbar-light .navbar-nav .nav-link:hover {

    color:rgba(255,255,255,1.00);

}

.nav-link:focus, .nav-link:hover {
    color:rgba(255,255,255,0.5);
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

   color: #9A9A9A !important;

}



.dropdown-menu[data-bs-popper] {

    top: 100%;

    left: -69px;

    margin-top: 0.125rem;

}



.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #0d6efd;

}



.dropdown-item:focus, .dropdown-item:hover {

    color: #1e2125;

    background-color: #212529;

}







.sub-menu-info {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    margin: 0;

   /* height: 340px;

    width: 250px;*/

    z-index: 7;

    background: #212529;

    /*overflow-x: hidden;

    overflow-y: scroll;*/

    box-sizing: border-box;

}



.sub-menu-info a {

    color:#fff;

	font-family: 'Raleway', sans-serif;

	font-size: 12px;

}




/*======================= Abertura WhatsApp =======================*/

/* ===============================
   Form Popup - Título
=============================== */
#form-popup h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
}

#form-popup h3 strong {
  color: #03CC0B;
}

/* ===============================
   Form Popup - Container
=============================== */
#form-popup {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 320px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  z-index: 9999;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

#form-popup.hidden {
  display: none;
}

/* ===============================
   Form Popup - Inputs
=============================== */
#form-popup input,
#form-popup select,
#form-popup textarea,
#form-popup button {
  width: 100%;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 14px;
  color: #999;
}

#form-popup::placeholder {
  color: #999;
}

#form-popup textarea {
  resize: vertical;
  min-height: 60px;
}

/* ===============================
   Form Popup - Button
=============================== */
#form-popup button {
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 4px;
}


/* ===============================
   WhatsApp Button
=============================== */
#whatsapp-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  font-size: 30px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

#whatsapp-button i {
  z-index: 2;
}

/* Glow animado moderno */
#whatsapp-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.5);
  animation: pulse-ring 2s infinite;
  z-index: 1;
}

/* Hover */
#whatsapp-button:hover {
  transform: scale(1.1);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}




/* =========================================
   PROJETOS / PRODUTOS
========================================= */

.servico-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.servico-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.servico-card:hover {
    transform: translateY(-7px);
    border-color: transparent;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   IMAGEM
========================================= */

.servico-imagem {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #f1f1f1;
}

.servico-imagem img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.servico-card:hover .servico-imagem img {
    transform: scale(1.08);
}


/* =========================================
   OVERLAY
========================================= */

.servico-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    padding: 25px;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.05) 65%
    );

    opacity: 0;
    transition: opacity 0.35s ease;
}

.servico-card:hover .servico-overlay {
    opacity: 1;
}

.servico-overlay span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #fff;
    font-size: 14px;
    font-weight: 600;

    transform: translateY(15px);
    transition: transform 0.35s ease;
}

.servico-card:hover .servico-overlay span {
    transform: translateY(0);
}

.servico-overlay i {
    font-size: 16px;
}


/* =========================================
   CONTEÚDO
========================================= */

.servico-conteudo {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 22px 20px;
    min-height: 115px;
}

.servico-icone {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3f5f7;
    border-radius: 10px;

    color: #1d1d1d;
    font-size: 21px;

    transition: all 0.35s ease;
}

.servico-card:hover .servico-icone {
    background: #1d1d1d;
    color: #fff;
    transform: translateY(-2px);
}


/* =========================================
   TÍTULO
========================================= */

.servico-conteudo h3 {
    margin: 0 0 7px;

    color: #222;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;

    transition: color 0.3s ease;
}

.servico-card:hover .servico-conteudo h3 {
    color: #000;
}


/* =========================================
   DESCRIÇÃO
========================================= */

.servico-conteudo p {
    margin: 0;

    color: #777;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================
   RESPONSIVIDADE
========================================= */

@media (max-width: 991px) {

    .servico-imagem {
        height: 220px;
    }

    .servico-conteudo {
        padding: 20px 18px;
    }

}


@media (max-width: 767px) {

    .servico-imagem {
        height: 240px;
    }

    .servico-conteudo {
        min-height: auto;
        padding: 20px;
    }

    .servico-conteudo h3 {
        font-size: 16px;
    }

}


/* =========================================
   CELULAR PEQUENO
========================================= */

@media (max-width: 575px) {

    .servico-imagem {
        height: 220px;
    }

    .servico-conteudo {
        gap: 12px;
        padding: 18px;
    }

    .servico-icone {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 18px;
    }

    .servico-conteudo h3 {
        font-size: 15px;
    }

    .servico-conteudo p {
        font-size: 13px;
    }

}


/* ===============================
   Pulse Animation
=============================== */
@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  70% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

/* ===============================
   WhatsApp Buttons Container
=============================== */
.whatsapp-buttons {
  position: fixed;
  bottom: 5%;
  left: 2%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* ===============================
   Botão do WhatsApp - Geral
=============================== */
.whatsapp-button {
  width: 65px;
  aspect-ratio: 1;
  background-color: #25d366; /* Cor padrão do WhatsApp */
  color: white;
  font-size: 1.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  position: relative;
  animation: pulse 1.5s infinite;
}

.whatsapp-button:hover {
  background-color: #128c7e;
}

.whatsapp-button i {
  margin: 0;
}

/* Texto de identificação (ex: SP ou BH) */
.whatsapp-button span {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(15, 42, 76, 0.7);
  color: white;
  font-size: 0.7em;
  padding: 1px 8px;
  border-radius: 16px 5px 14px 5px;
  margin: -8px -21px;
}

/* Container de múltiplos botões do WhatsApp */
.whatsapp-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.whatsapp-buttons a {
  text-decoration: none;
  color: #fff;
  margin-bottom: 30px;
}

.whatsapp-buttons .fa {
  color: #fff !important;
}

/* ===============================
   Animação de pulso
=============================== */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}





/*<!--=======================// Abertura whatsapp //=======================-->*/



.bto-whats {

    width: 116px;

    height: 114px;

    aspect-ratio: 1;

    position: fixed;

    bottom: 5%;

    left: 0%;

    color: #fff;

    font-size: 1.6em;

    display: block;

    text-align: center;

    border: none;

    border-radius: 50%;

    cursor: pointer;

    z-index: 9999;

    padding: 0;

}





.bto-whats img {

    max-width: 123px;

}







.btn-custom {

    background-color: #000 !important;

    color: white;

    border-radius: 30px;

    padding: 18px 25px;

    align-items: center;

    gap: 10px;

    text-align: center;

    width: 332px;

    font-weight: 400;

    font-size: 20px;

    border: 0;

}



.btn-custom:hover {

  background-color: #0b5ed7;

  color: white;

  outline: none;

}





/*<!--=======================// Fechamento whatsapp //=======================-->*/

/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/
/*
#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  overflow: hidden;

  background: #212529;

}



#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #212529;

  border-top-color: #fff;

  border-bottom-color: #fff;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  animation: animate-preloader 1s linear infinite;

}



@keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}

*/

/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 0px;

  z-index: 996;

  background: #212529;

  width: 40px;

  height: 40px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #000;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}

/*<!--=======================// Abertura Páginas internas //=======================-->*/



.portfolio-item {

	margin-bottom: 30px;

}



.regioes ul {

	list-style: none;

	text-align: left;

}



.regioes ul li {

	float: left;

	width: 160px;

}





.menu-mapa {

	list-style: none;

	padding-left: 20px;

    padding-bottom: 20px;

}

.menu-mapa ul{

	list-style: none;

	padding-left: 20px;

}



.img-seo {

    max-width: 50%;

    float: left;

    margin-right: 20px;

    margin-bottom: 10px;

    box-shadow: 0px 0px 14px #ccc;

}













.card-img, .card-img-bottom, .card-img-top {

    width: 100%;

}











.img-sobre {

	max-width: 400px;

	float: right;

	margin-left: 20px;

	margin-bottom: 10px;	

}



#page-seo p {

	text-align: justify;

}





.card-body {

    border: 0 !important;

}





.insta {

	text-align: center;

	padding: 50px;

	background: #BFBFBF;

}



.insta p {

    color: #212529;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: bold;

    font-size: 32px;

}



.insta .fa {

    margin-right: 10px;

}



.insta a {

	color: #212529;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: normal;

}





.btn-siga {

    background: #0098FD;

    color: #fff !important;

    padding: 9px 46px;

    font-size: 18px;

    border-radius: 7px;

    margin-left: 28px;

}





/*<!--=======================// Fechamento Páginas internas //=======================-->*/

/*<!--=======================// Abertura Caminho //=======================-->*/

#caminho {

    background: linear-gradient(45deg, #212529, #2D2D2D);

    padding: 24px 10px 9px 10px;

    margin-bottom: 30px;

}



.breadcrumb {

	padding: 0;

}



.breadcrumb a {

    color:#fff !important;

}



.breadcrumb .fas {

    color:#fff !important;

}





.breadcrumb-item+.breadcrumb-item::before {

    color:#fff;

}



.breadcrumb-item.active {

    color: #fff;

}











/*<!--=======================// Fechamento Caminho //=======================-->*/

/*<!--=======================// Abertura Clientes //=======================-->*/



#clientes {

    padding-bottom: 50px;

}



#clientes h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#clientes h1 strong {

	font-family: "Barlow Semi Condensed", sans-serif;

	font-size: 20px;

}









#clientes h2 {

	

}



#clientes h3 {

	

}



#clientes h4 {

	

}



#clientes p {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px

}



#clientes a {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px

}



#clientes a:hover {

	

}



#clientes img {

    width: 125px;

    padding: 8px;

}







/*<!--=======================// Fechamento Clientes //=======================-->*/

/*<!--=======================// Abertura Clientes //=======================-->*/



#area-cliente {

    padding-bottom: 50px;

}



#area-cliente h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

    font-size: 53px;

    padding-top: 28px;

}



#area-cliente h1 strong {

	font-family: "Barlow Semi Condensed", sans-serif;

	font-size: 20px;

}









#area-cliente h2 {

	

}



#area-cliente h3 {

	

}



#area-cliente h4 {

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 26px;

    font-weight: 600;

}



#area-cliente p {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px;

}



#area-cliente a {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px;

	color:#333;

}



#area-cliente a:hover {

	

}



#area-cliente .card {

    border: 0;

}



#area-cliente img {

    width: auto;

    height: auto;

    padding: 8px;

}





/*<!--=======================// Fechamento Clientes //=======================-->*/

/*<!--=======================// Abertura Galeria //=======================-->*/

   GALERIA
========================= */
#galeria {
    padding-bottom: 50px;
}

#galeria h1 {
    padding-top: 50px;
    color: #333;
}

#galeria h1 span {
    padding-top: 50px;
    color: #005ABF;
}

#galeria button {
    padding: 13px;
    border: 0;
    background: #111;
    color: #fff;
}

/* Modal */
.modal-body {
    text-align: center !important;
}



/* Estilo padrão dos botões */
#galeria .btn-filter {
    cursor: pointer;

    padding: 10px 20px;
    border-radius: 50px;

    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;

    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover */
#galeria .btn-filter:hover {
    background-color: #e0e0e0;
}

/* Botão ativo */
#galeria .btn-filter.active {
    background-color: #0d6efd; /* azul */
    color: #fff;
    border-color: #0d6efd;
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
}

/* =========================
   FILTROS
========================= */



/* =========================
   CARDS DA GALERIA
========================= */
.gallery-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
}

.gallery-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: 0.4s;
}

/* Overlay */
.gallery-card .overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.6);
    opacity: 0;

    transition: 0.3s;
}

.gallery-card .overlay span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

/* Hover */
.gallery-card:hover img {
    transform: scale(1.1);
}

.gallery-card:hover .overlay {
    opacity: 1;
}


/* =========================
   PROJECTS / CARDS
========================= */
.projects-section {
    
}

.projects-title {
    margin-bottom: 20px;
    color: #1A1A1A;
    font-weight: 600;
}

.project-card {
    position: relative;
    overflow: hidden;
}

.project-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* Faixa lateral */
.project-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 40px;
    height: 100%;

    background: rgba(0, 0, 0, 0.6);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 2;
}

#galeria {

	padding-bottom: 50px;

}



.modal-body {

    text-align: center !important;

}



#galeria button {

    border: 0;

    background: #fff;

    padding: 13px;

}



#galeria img {

    border: solid 1px #ccc;

    border-radius: 4px;

    box-shadow: 0px 0px 7px #ccc;

}



.modal-header button {

    background-color: #212529 !important;

    color: #fff;

    border: 0;

    font-size: 23px;

    width: 24px;

    height: 23px;

    padding: 4px;

    line-height: 0;

    text-align: center;

    padding-top: 0px;

}



.modal-header {

    border-bottom: 1px solid #212529 !important;

}







.modal-footer button {

	background-color: #212529 !important;

	border: 0;

}





.lightbox {

	padding-top: 50px;

    position: fixed !important;

    top:0 !important;

}



.photos img {

    width: 100%;

    height: 250px;

    object-fit: cover;

}





.photos span {

    /* background: #BFBFBF; */

    display: block;

    height: 64px;

    text-align: center;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 19px;

    padding: 7px;

    font-weight: 700;

}



.lightbox .lb-image {

	width: auto !important;

	min-height: 550px;

}









.lightbox-gallery{

	/*background-image: linear-gradient(#4A148C, #E53935);

	background-repeat: no-repeat;*/

	color: #000;

	overflow-x: hidden

	}

	.lightbox-gallery p{color:#fff}

	.lightbox-gallery h2{font-weight:bold;margin-bottom:40px;padding-top:40px;color:#fff}

	

	@media (max-width:767px){.lightbox-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}}

	

	.lightbox-gallery .intro{font-size:16px;max-width:500px;margin:0 auto 40px}

	.lightbox-gallery .intro p{margin-bottom:0}

	.lightbox-gallery .photos{padding-bottom:20px}

	.lightbox-gallery .item{padding-bottom:30px}



/*<!--=======================// Fechamento Galeria //=======================-->*/

/*<!--=======================// Slider Logos //=======================-->*/



#logos {

	

}



#logos .section-padding {

	padding: 17px 0;

}

#logos .brand-carousel {



}



#logos .owl-dots {

    text-align: center;

    margin-top: 1px;

    margin-bottom: 1%;

}





#logos .owl-dot {

	display: inline-block;

	height: 15px !important;

	width: 15px !important;

	background-color: #878787 !important;

	opacity: 0.8;

	border-radius: 50%;

	margin: 0 5px;

}

#logos .owl-dot.active {

	background-color: #212529 !important;

}



#logos .owl-carousel .owl-item img {
    height: 152px;
    display: block;
    width: auto !important;
    margin: 0 auto;
    object-fit: cover;
}







/*<!--=======================// Slider Logos //=======================-->*/

/*<!--=======================// Abertura CTA //=======================-->*/

#cta strong {

	font-size: 22px;

}



#cta {

    font-size: 16px;

    background: #404040;

    background-position: top left;

    color: #fff;

    text-align: left;

    padding: 77px 0px;

}



#cta h2 {

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 44px;

    padding-bottom: 23px;

}



#cta p {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 17px;

}









#cta .btn {

    padding: 10px 44px;

    background: #fff;

    border: 0;

    width: auto;

}



#cta input {

    max-width: 33%;

}



#cta button {

    background: #fff !important;

	color: #212529 !important;

}





#cta input {

    width: 32.9%;

    height: 50px;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    border-bottom: solid 1px #212529;

	border-left: solid 1px #212529;

    font-size: 14px;

    

    border-right: 0;

    border-top: 0;

}



#cta input::placeholder {

    color:#000;

}





#cta select {

    width: 100%;

    height: 44px;

    margin-bottom: 20px;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    border-bottom: solid 1px #212529;

    font-size: 14px;

    border-left: 0;

    border-right: 0;

    border-top: 0;

}



#cta textarea {

	min-height: 180px;

	padding: 12px 12px;

    outline: none;

    border-radius: 4px;

    border-bottom: solid 1px #212529;

    font-size: 14px;

    border-left: solid 1px #212529;

    border-right: 0;

    border-top: 0;

	color:#000;

	

}



#cta textarea::placeholder {

    color:#000;

}





#cta button {

	width: 200px;

	height: 50px;

	background: #fff;

	color: #212529;

	border: 0;

	border-radius: 4px;

	font-size: 17px;

	text-transform: uppercase;

	outline: none;

}



/*<!--=======================// Fechamento CTA //=======================-->*/



.jssocials-shares p {

    font-size: 20px;

}



.jssocials-share {

    display: inline-block;

    vertical-align: top;

    margin: 0.3em 0.6em 0.3em 0;

}



.jssocials-shares {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 8px 0;

}



.jssocials-shares p {

    font-size: 12px;

    margin: 11px 0 0 0;

    color: #444;

    font-weight: bold;

}



.jssocials-share-link {

    padding: 0.5em 0.6em;

    color: #fff !important;

    -webkit-transition: background 200ms ease-in-out,border-color 200ms ease-in-out;

    transition: background 200ms ease-in-out,border-color 200ms ease-in-out;

}



.jssocials-share-link:hover {

    color: #fff;

}





.jssocials-share-whatsapp .jssocials-share-link {

    background: #25D366;

	border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-linkdin .jssocials-share-link {

    background: #0077B0;

	border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-facebook .jssocials-share-link {

    background: #3b5998;

	border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-instagram .jssocials-share-link {

    background: url(../image/bg-insta.png);

    background-size: cover;

    border-radius: 5px;

    padding: 8px 10.5px;

}





/*<!--=======================// Abertura Footer //=======================-->*/

/* =========================================================
   FOOTER
   ========================================================= */

footer {
    --footer-bg: #242323;
    --footer-bg-bottom: #1c1c1c;
    --footer-text: rgba(255, 255, 255, .68);
    --footer-title: #fff;
    --footer-border: rgba(255, 255, 255, .12);
    --footer-hover: #fff;

    color: var(--footer-text);
    background: var(--footer-bg);
    padding: 0;
}


/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */

.footer-top {
    padding: clamp(55px, 6vw, 85px) 0;
}

.footer-contact {
    padding: 20px 25px;
}


/* =========================================================
   TÍTULOS
   ========================================================= */

footer h3,
footer h4 {
    margin: 0 0 28px;

    color: var(--footer-title);

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 20px;
    font-weight: 600;

    letter-spacing: .5px;
    text-transform: uppercase;
}

footer h4::after {
    content: "";
    display: block;

    width: 35px;
    height: 2px;

    margin-top: 12px;

    background: rgba(255, 255, 255, .55);
}


/* =========================================================
   LOGOS / CERTIFICAÇÕES
   ========================================================= */

.logo-footer {
    display: block;
    width: 182px;
    max-width: 140px;
    max-height: 75px;
    object-fit: contain;
    margin: 0 0 20px;
    opacity: .85;
    transition: opacity .3s ease, transform .3s ease;
}

.logo-footer:hover {
    opacity: 1;
    transform: translateY(-3px);
}


/* =========================================================
   TEXTOS
   ========================================================= */

footer p {
    margin-bottom: 22px;

    color: var(--footer-text);

    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

footer p strong {
    display: inline-block;

    margin-bottom: 3px;

    color: rgba(255, 255, 255, .92);

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: .3px;
    text-transform: uppercase;
}


/* =========================================================
   LINKS
   ========================================================= */

footer a {
    color: var(--footer-text);

    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;

    text-decoration: none;

    transition:
        color .25s ease,
        padding-left .25s ease;
}

footer a:hover {
    color: var(--footer-hover);
}


/* =========================================================
   MENU
   ========================================================= */

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 25px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.footer-links li {
    position: relative;
}

.footer-links a {
    display: inline-block;
}

.footer-links a::before {
    content: "›";

    display: inline-block;

    margin-right: 8px;

    color: rgba(255, 255, 255, .35);

    transition:
        color .25s ease,
        transform .25s ease;
}

.footer-links a:hover {
    padding-left: 4px;
}

.footer-links a:hover::before {
    color: #fff;
    transform: translateX(3px);
}


/* =========================================================
   ÍCONES DOS CONTATOS
   ========================================================= */

.footer-contact p > i {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin-right: 7px;

    color: #fff;

    background: rgba(255, 255, 255, .08);

    border-radius: 50%;

    font-size: 13px;
}


/* =========================================================
   QR CODE
   ========================================================= */

.footer-qr {
    display: block;

    width: 125px;
    height: 125px;

    margin-top: 18px;
    padding: 8px;

    background: #fff;

    border-radius: 10px;

    object-fit: contain;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.footer-qr:hover {
    transform: translateY(-4px);

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .25);
}


/* =========================================================
   ASSINATURA / COPYRIGHT
   ========================================================= */

#assinatura {
    background: var(--footer-bg-bottom);
}

#assinatura .container {
    border-top: 1px solid var(--footer-border) !important;
}

.assinatura-footer {
    min-height: 70px;

    display: flex;
    align-items: center;

    color: var(--footer-text);

    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
}

#assinatura strong {
    color: rgba(255, 255, 255, .9);

    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

#assinatura a {
    color: var(--footer-text);

    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;

    text-decoration: none;
}

#assinatura a:hover {
    color: #fff;
}


/* =========================================================
   SELO DO DESENVOLVEDOR
   ========================================================= */

.selo-desenvolvedor {
    display: inline-flex;

    align-items: center;
    gap: 10px;
}

.selo-desenvolvedor img {
    width: auto;
    max-width: 120px;
    max-height: 30px;

    object-fit: contain;

    opacity: .7;

    transition: opacity .25s ease;
}

.selo-desenvolvedor:hover img {
    opacity: 1;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 991px) {

    .footer-contact {
        padding: 20px 15px;
    }

}


@media (max-width: 767px) {

    .footer-top {
        padding: 45px 0;
    }

    .footer-contact {
        padding: 25px 20px;
        text-align: center;
    }

    footer h4::after {
        margin-left: auto;
        margin-right: auto;
    }

    .logo-footer {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-links {
        max-width: 320px;
        margin: 0 auto;
        text-align: left;
    }

    .footer-contact p {
        text-align: center;
    }

    .footer-qr {
        margin-left: auto;
        margin-right: auto;
    }

    .assinatura-footer {
        gap: 15px;

        padding-top: 25px;
        padding-bottom: 25px;
    }

}




/*<!--=======================// Fechamento Footer //=======================-->*/

/*<!--=======================// Abertura Formularios //=======================-->*/



input {

	overflow: visible;

	width: 100%;

	margin-bottom: 15px;

	outline: none;

}



selcet {

	overflow: visible;

	width: 100%;

	margin-bottom: 15px;

	outline: none;

}



textarea {

	overflow: visible;

	width: 100%;

	margin-bottom: 15px;

}





#formulario-contato {

    text-align: left;

    padding: 10px;

    color: #fff;

    border-radius: 5px;

}



#formulario-contato span {

    color:#2D2D2D;

    text-align: left;

    padding-bottom: 10px;

}









#formulario-contato input {

    width: 100%;

    height: 35px;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    border: solid 1px #212529;

    font-size: 14px;

}







#formulario-contato input::placeholder {

    color:#000;

}





#formulario-contato select {

    width: 100%;

    height: 44px;

    margin-bottom: 20px;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    border: solid 1px #212529;

    font-size: 14px;

}



#formulario-contato textarea {

	min-height: 180px;

	padding: 12px 12px;

    outline: none;

    border-radius: 4px;

    border: solid 1px #212529;

    font-size: 14px;

	color:#000;

	

}



#formulario-contato textarea::placeholder {

    color:#000;

}





#formulario-contato button {

	width: 200px;

	height: 40px;

	background: #212529;

	color: #fff;

	border: 0;

	border-radius: 4px;

	font-size: 17px;

	text-transform: uppercase;

	outline: none;

}





.check {

	max-width: 50px;	

}









/*<!--=======================// Fechamento Formularios //=======================-->*/

/*<!--=======================// Abertura Cokies //=======================-->*/



#pjAcceptCookieBar {

	background: #212529 !important;

}





.pjAcceptCookieBarShell {

	

}



.pjAcceptCookieBarActions {

	

}



.pjAcceptCookieBarBtn {

	background: #fff !important;

	color:#333;

}



#pjAcceptCookieBar .pjAcceptCookieBarBtn {

	color:#212529 !important;

}





#pjAcceptCookieBar .pjAcceptCookieBarBtn:after {
    position: absolute;
    top: 0;
    right: 52%;
    bottom: 0;
    left: 52%;
    z-index: -1;
    border-bottom: 0px solid #14428d!important;
    background: rgba(20, 66, 141, .0)!important;
    content: '';
}





/*<!--=======================// Fechamento Cokies //=======================-->*/

/*<!--=======================// Abertura Depoimentos //=======================-->*/



#depoimentos .carousel-item {

	max-height: 150px;

	margin-bottom: 50px;

}





.testimonial_section {

	display: block;

	overflow: hidden;

}

.testimonial_section:after {

	display: block;

	clear: both;

	content: "";

}





.testimonial_section .about_content {

    background-color: #2D2D2D;

    padding-top: 23px;

    padding-right: 210px;

    padding-bottom: 36px;

    position: relative;

}







.testimonial_section .about_content .background_layer {

	background-color: #2D2D2D;

	margin-left: -200px;

	right: 0;

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

}

.testimonial_section .about_content .layer_content {

	position: relative;

	z-index: 9;

	height: 100%;

}

.testimonial_section .about_content .layer_content .section_title {

	margin-bottom: 24px;

	position: relative;

}

.testimonial_section .about_content .layer_content .section_title:after {

	display: block;

	clear: both;

	content: "";

}

.testimonial_section .about_content .layer_content .section_title h5 {

	color: #fff;

	font-family: "Open Sans";

	font-weight: 400;

	font-size: 15px;

	line-height: 28px;

	margin-top: -5px;

	margin-bottom: 6px;

}

.testimonial_section .about_content .layer_content .section_title h2 {

	font-family: "Titillium Web";

	font-weight: 300;

	font-size: 25px;

	line-height: 50px;

	padding-bottom: 51px;

	margin-bottom: 0px;

	color: #fff;

}

.testimonial_section .about_content .layer_content .section_title h2 strong {

	font-weight: 600 !important;

	width: 100%;

	font-size: 35px;

	display: block;

}

.testimonial_section .about_content .layer_content .section_title .heading_line {

	position: relative;

}

.testimonial_section .about_content .layer_content .section_title .heading_line span {

	transition: all 0.5s ease-in-out 0s;

	position: relative;

}

.testimonial_section .about_content .layer_content .section_title .heading_line span:after {

	content: "";

	right: auto;

	left: 69px;

	position: absolute;

	bottom: 28px;

	width: 17px;

	margin-left: 0;

	border-bottom-width: 3px;

	border-bottom-color: #cacaca;

	border-bottom-style: solid;

}

.testimonial_section .about_content .layer_content .section_title .heading_line:after {

	content: "";

	left: 1%;

	margin-left: 0;

	position: absolute;

	bottom: 28px;

	width: 59px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #212529;

}

.testimonial_section .about_content .layer_content .section_title p {

	color: #fff;

	margin: 0 0 15px;

}

.testimonial_section .about_content .layer_content a {

	color: #fff;

	text-transform: capitalize;

	font-size: 15px;

	font-weight: 600;

	text-decoration: none;

	transition: all 0.3s;

}

.testimonial_section .about_content .layer_content a i {

	font-size: 18px;

	vertical-align: middle;

}

.testimonial_section .about_content .layer_content a:hover {

	color: #212529;

}

.testimonial_section .testimonial_box {

	margin-top: 60px !important;

	position: relative;

}

.testimonial_section .testimonial_box .testimonial_container {

	background-color: #212529;

	margin-left: -170px !important;

	position: relative;

}

.testimonial_section .testimonial_box .testimonial_container .background_layer {

	background-color: #212529;

	width: auto;

	margin-right: -200px;

	right: 0;

	background-image: url(../images/map.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content {

	position: relative;

	z-index: 9;

	height: 100%;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {

	display: block;

	position: relative;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {

    margin: 10px 0 10px 0;

    padding: 9px 0px 62px 50px;

    position: relative;

    text-align: center;

}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);

    margin-left: 2px;

    margin-top: 29px;

    padding: 45px 40px 45px 35px;

    z-index: 1;

    position: relative;

    background-color: #fff;

    transition: all 0.5s ease-in-out 0s;

}





.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {

	margin-bottom: 15px;

	position: relative;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {

	content: "";

	width: 30px;

	display: block;

	height: 2px;

	text-align: center;

	left: 46%;

	margin-top: 6px;

	background-color: #212529;

	position: absolute;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {

	padding-top: 0;

	margin-bottom: -5px;

	font-size: 19px;

	font-weight: 600;

	line-height: 24px;

	color: #2D2D2D;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {

	font-size: 12px;

	color: #9f9f9f;

	margin: 0;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {

	padding: 0;

	margin: 0;

	padding-top: 10px;

	font-size: 16px;

	line-height: 28px;

	font-weight: 400;

	color: #5d6576;

	font-style: italic;

}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {

	border: none;

	position: absolute;

	top: 0;

	left: 55px;



}



.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {

    border: 5px solid #fff;

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

    width: 100px;

    margin-top: 15px;

    position: relative;

    z-index: 999;

    margin-left: -29px;

}





.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {

	position: absolute;

	top: 73px;

	right: 42px;

	border-radius: 0;

	background: #212529;

	display: block;

	outline: 0;

	width: 34px;

	line-height: 34px;

	height: 34px;

	color: #fff;

	font-size: 23px;

	margin-top: -20px;

	transition: all 0.3s ease-in-out;

}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {

	background: #2D2D2D;

}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {

	position: absolute;

	top: 73px;

	right: 5px;

	border-radius: 0;

	display: block;

	background: #212529;

	outline: 0;

	width: 34px;

	text-align: center;

	line-height: 34px;

	height: 34px;

	color: #fff;

	font-size: 23px;

	margin-top: -20px;

	transition: all 0.3s ease-in-out;

}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {

	background: #2D2D2D;

}



@media all and (max-width: 991px) {

	.testimonial_section .about_content {

	padding-right: 15px !important;

	}

	.testimonial_section .about_content .background_layer {

	width: 200% !important;

	}

	.testimonial_section .testimonial_box {

	margin-top: 0 !important;

	}

	.testimonial_section .testimonial_box .background_layer {

	width: 200% !important;

	margin-left: -200px;

	}

	.testimonial_section .testimonial_box .about_content {

	padding-left: 15px !important;

	padding-right: 15px !important;

	margin-top: 28% !important;

	}

	.testimonial_section .testimonial_box .testimonial_container {

	margin-left: -15px !important;

	}

	.testimonial_section .testimonial_box .testimonial_container .testimonials {

	margin: 0px 0 20px 0;

	}

	.testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {

	margin-left: -36px !important;

	}

	.testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {

	display: none;

	}

}





/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/

.team .member {

  position: relative;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

  border-radius: 5px;

  background: #fff;

  transition: 0.5s;

  height: 100%;

}



.team .member .pic {

  overflow: hidden;

  width: 180px;

  border-radius: 50%;

}



.team .member .pic img {

  transition: ease-in-out 0.3s;

}



.team .member:hover {

  transform: translateY(-10px);

}



.team .member .member-info {

  padding-left: 30px;

}



.team .member h4 {

  font-weight: 700;

  margin-bottom: 5px;

  font-size: 20px;

  color: #37517e;

}



.team .member span {

  display: block;

  font-size: 15px;

  padding-bottom: 10px;

  position: relative;

  font-weight: 500;

}



.team .member span::after {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #cbd6e9;

  bottom: 0;

  left: 0;

}



.team .member p {

  margin: 10px 0 0 0;

  font-size: 14px;

}



.team .member .social {

    margin-top: 12px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding-left: 57px;

}



.team .member .social a {

  transition: ease-in-out 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  width: 32px;

  height: 32px;

  background: #eff2f8;

}



.team .member .social a i {

  color: #37517e;

  font-size: 16px !important;

  margin: 0 2px;

}



.team .member .social a:hover {

  background: #47b2e4;

}



.team .member .social a:hover i {

  color: #fff;

}



.team .member .social a+a {

  margin-left: 8px;

}









/*<!--=======================// Fechamento Depoimentos //=======================-->*/

/*<!--=======================// Abertura Carousel Logos //=======================-->*/



#carousel-logos .carousel-caption {

	bottom: 90px; 

}



#carousel-logos .carousel-item {

	height: auto;

}



#carousel-logos .logos {

	width: 100%;

	height: 120px;

}



#arrow-left {

	width: 50px;

	height: 50px;

	margin-top: 50px;

	background: #000;

}



#arrow-right {

	width: 50px;

	height: 50px;

	margin-top: 50px;

	background: #000;

}



/*<!--=======================// Fechamento Carousel Logos //=======================-->*/





				/*<!--=====// CSS ADICIONAL //=====-->*/



/*<!--=======================// GERAL //=======================-->*/

a {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}

/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// GERAL //=======================-->*/

#menu-lateral {

	

}



#menu-lateral h3 {

    margin-bottom: 0;

    background: #212529;

    color: #fff !important;

    text-align: center;

}



#menu-lateral h4 {

    margin-bottom: 0;

    background: #212529;

    color: #fff !important;

    text-align: center;

}





#menu-lateral a {

	color:#767676;

	font-size: 16px;

}



#menu-lateral a:hover {

	background: #212529;

    color: #fff;

	transition: background 0.3s ;

}



#menu-lateral #tag-whats {

    background: #28a745;

    color: #fff !important;

    text-align: center;

    margin-bottom: 10px;

}



#menu-lateral #tag-ligacao {

    background: #414d5f;

    color: #fff;

    text-align: center;

    margin-bottom: 10px;

}



#menu-lateral #tag-email {

    background: #383e3f;

    color: #fff;

    text-align: center;

    margin-bottom: 10px;

}



.sublateral {

    height: 900px;

    width: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

    box-sizing: border-box;

    padding: 0;

}





/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// HEADER TOPO //=======================-->*/



/*<!--==// Abertura Topo //==-->*/

.contatos-topo a {

	color: #fff;

	text-decoration: none;

}

/* =========================================================
   TOPBAR
   ========================================================= */

.topbar {
    width: 100%;
    min-height: 42px;

    background: #242323;
    color: rgba(255, 255, 255, .72);

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 14px;
    font-weight: 400;

    letter-spacing: .2px;
}

.topbar .container {
    min-height: 42px;

    display: flex;
    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}


/* =========================================================
   CONTATOS
   ========================================================= */

.contatos-topo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px 18px;

    line-height: 1.4;
}

.contatos-topo span {
    display: inline-flex;
    align-items: center;
}

.topbar a {
    display: inline-flex;
    align-items: center;

    color: rgba(255, 255, 255, .68);

    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;

    text-decoration: none;

    transition:
        color .25s ease,
        opacity .25s ease;
}

.topbar a:hover {
    color: #fff;
}

.topbar .fa {
    margin-right: 6px;

    color: rgba(255, 255, 255, .9);
    font-size: 12px;
}


/* =========================================================
   REDES SOCIAIS
   ========================================================= */

#sociais {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 4px;
}

#sociais a {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: rgba(255, 255, 255, .65);

    border-radius: 50%;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}

#sociais a:hover {
    color: #fff;

    background: rgba(255, 255, 255, .10);

    transform: translateY(-2px);
}

#sociais .fa-brands {
    padding: 0;

    font-size: 14px;
}


/* =========================================================
   HEADER / NAVBAR
   ========================================================= */

.background-topo {
    position: relative;

    width: 100%;

    background: #2f2e2e;

    z-index: 999;
}

.navbar {
    min-height: 82px;

    padding-top: 0;
    padding-bottom: 0;
}

.navbar > .container {
    min-height: 82px;
}


/* =========================================================
   LOGO
   ========================================================= */

.logo {
    display: block;

    width: auto;
    max-width: 200px;
    max-height: 62px;

    padding: 8px 0;

    object-fit: contain;

    transition:
        opacity .25s ease,
        transform .25s ease;
}

.logo:hover {
    opacity: .9;
    transform: scale(1.02);
}

.navbar-brand {
    margin-right: 40px;
    padding: 0;
}


/* =========================================================
   BOTÃO MOBILE
   ========================================================= */

.navbar-toggler {
    width: 44px;
    height: 44px;

    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, .08);

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;

    box-shadow: none !important;
}

.navbar-toggler:hover {
    background: rgba(255, 255, 255, .14);
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .10) !important;
}


/* Ícone hamburger */

.navbar-toggler-icon {
    filter: brightness(0) invert(1);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .topbar .container {
        padding-top: 8px;
        padding-bottom: 8px;

        flex-direction: column;
    }

    .contatos-topo {
        justify-content: center;
        text-align: center;

        gap: 5px 14px;
    }

    #sociais {
        margin-top: 4px;

        justify-content: center;
    }

    .navbar,
    .navbar > .container {
        min-height: 72px;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .logo {
        max-width: 175px;
        max-height: 55px;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 575px) {

    .topbar {
        font-size: 12px;
    }

    .contatos-topo {
        flex-direction: column;
        gap: 5px;
    }

    .topbar a {
        font-size: 12px;
    }

    .navbar,
    .navbar > .container {
        min-height: 68px;
    }

    .logo {
        max-width: 155px;
    }

}






/*<!--==// Fechamento Topo //==-->*/

/*<!--=======================// HEADER //=======================-->*/

/*<!--=======================// FOOTER //=======================-->*/

.footer-links a{

	color: #fff;

	text-decoration: none;

}





/*<!--=======================// FOOTER //=======================-->*/

/*<!--=======================// HOME //=======================-->*/

.cursor-pointer {
    cursor: pointer !important;
}

#home{

	

}


.industrial-home a {
    text-decoration: none;
    cursor: pointer;
}



#home h1 {

    color: #212529;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: 500;

    margin-bottom: 18px;

    font-size: 39px;

}



#home p {

    color: #212529;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    font-weight: 400;

}



#home p strong {

	color: #212529;

}





#home li {

    color: #767676;

    font-size: 16px;

}







.form-home {

	

}



.form-home h4 {

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 36px !important;

    font-weight: 500;

	margin-bottom: 50px;

}



.form-home p {

	color:#212529;

}





.form-home p strong {

    font-size: 20px;

}







.form-home a {

	color:#212529;

	font-size: 16px;

} 









.form-home .col-lg-8 {

	padding-left: 50px !important;	

}



.form-home input {

    border: 0;

    border-bottom: solid 1px;

}



.form-home textarea {

    border: 0;

    border-bottom: solid 1px;

} 



.form-home button {

    background: #000000;

    color: #fff;

    width: 80%;

    padding: 15px;

    margin: 0 auto;

    display: block;

}




/* =========================================================
   SEÇÃO POR QUE A VERNER?
   ========================================================= */

.verner-section {
    --dark: #242323;
    --gray: #666;
    --light-gray: #f5f5f3;
    --border: #e5e5e2;
    --accent: #9a9a9a;

    background: #fff;
    padding: 90px 0;
}


/* =========================================================
   TÍTULOS DAS SEÇÕES
   ========================================================= */

.verner-heading {
    margin-bottom: 55px;

    text-align: center;
}

.verner-heading span {
    display: block;

    margin-bottom: 10px;

    color: #999;

    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.verner-heading h2 {
    margin: 0;

    color: var(--dark);

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 700;

    line-height: 1.05;

    text-transform: uppercase;
}

.verner-heading h2::after {
    content: "";

    display: block;

    width: 45px;
    height: 3px;

    margin: 18px auto 0;

    background: var(--dark);
}


/* =========================================================
   CERTIFICAÇÕES
   ========================================================= */

.certificacoes-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

    margin-bottom: 110px;
}


/* =========================================================
   CARD DE CERTIFICAÇÃO
   ========================================================= */

.certificacao-card {
    position: relative;

    padding: 35px 32px;

    background: #fff;

    border: 1px solid var(--border);

    border-radius: 3px;

    overflow: hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.certificacao-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 3px;
    height: 0;

    background: var(--dark);

    transition: height .35s ease;
}

.certificacao-card:hover {
    transform: translateY(-7px);

    border-color: #d5d5d2;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .08);
}

.certificacao-card:hover::before {
    height: 100%;
}


/* IMAGEM CERTIFICAÇÃO */

.certificacao-card-image {
    height: 120px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;
}

.certificacao-card-image img {
    max-width: 160px;
    max-height: 110px;

    object-fit: contain;

    transition: transform .35s ease;
}

.certificacao-card:hover img {
    transform: scale(1.05);
}


/* TEXTO */

.certificacao-card p {
    margin: 0;

    color: #666;

    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;

    line-height: 1.7;

    text-align: left;
}


/* =========================================================
   DIFERENCIAIS
   ========================================================= */

.diferenciais-section {
    padding-top: 20px;
}


/* =========================================================
   GRID DIFERENCIAIS
   ========================================================= */

.diferenciais-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1px;

    background: var(--border);

    border: 1px solid var(--border);
}


/* =========================================================
   CARD DIFERENCIAL
   ========================================================= */

.diferencial-card {
    position: relative;

    min-height: 330px;

    padding: 40px 30px;

    background: #fff;

    text-align: center;

    transition:
        background .35s ease,
        transform .35s ease;
}

.diferencial-card:hover {
    background: var(--light-gray);

    z-index: 2;
}


/* =========================================================
   ÍCONE
   ========================================================= */

.diferencial-icon {
    width: 78px;
    height: 78px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0 auto 25px;

    background: #f3f3f1;

    border: 1px solid #e4e4e0;

    border-radius: 50%;

    transition:
        background .35s ease,
        transform .35s ease;
}

.diferencial-icon img {
    width: 42px;
    height: 42px;

    object-fit: contain;

    transition: transform .35s ease;
}

.diferencial-card:hover .diferencial-icon {
    background: var(--dark);

    transform: translateY(-5px);
}

.diferencial-card:hover .diferencial-icon img {
    transform: scale(1.1);

    /* caso os ícones sejam escuros */
    filter: brightness(0) invert(1);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.diferencial-card h3 {
    min-height: 48px;

    margin: 0 0 15px;

    color: var(--dark);

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.15;

    text-transform: uppercase;
}


/* =========================================================
   TEXTO
   ========================================================= */

.diferencial-card p {
    margin: 0;

    color: #6c6c6c;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   DESTAQUE INFERIOR
   ========================================================= */

.diferencial-card::after {
    content: "";

    position: absolute;

    right: 30px;
    bottom: 20px;
    left: 30px;

    height: 1px;

    background: transparent;

    transition: background .35s ease;
}

.diferencial-card:hover::after {
    background: #d5d5d2;
}


/* =========================================================
   CARDS 5, 6 E 7
   Centralização na segunda linha
   ========================================================= */

.diferencial-card:nth-child(5) {
    grid-column: 1 / 2;
}

.diferencial-card:nth-child(6) {
    grid-column: 2 / 4;
}

.diferencial-card:nth-child(7) {
    grid-column: 4 / 5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .verner-section {
        padding: 70px 0;
    }

    .certificacoes-grid {
        grid-template-columns: repeat(2, 1fr);

        margin-bottom: 80px;
    }

    .diferenciais-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .diferencial-card:nth-child(5),
    .diferencial-card:nth-child(6),
    .diferencial-card:nth-child(7) {
        grid-column: auto;
    }

    .diferencial-card:nth-child(7) {
        grid-column: 1 / -1;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .verner-section {
        padding: 55px 20px;
    }

    .verner-heading {
        margin-bottom: 35px;
    }

    .certificacoes-grid {
        grid-template-columns: 1fr;

        gap: 15px;

        margin-bottom: 70px;
    }

    .certificacao-card {
        padding: 30px 25px;
    }

    .certificacao-card-image {
        height: 100px;
    }

    .diferenciais-grid {
        grid-template-columns: 1fr;

        gap: 1px;
    }

    .diferencial-card,
    .diferencial-card:nth-child(7) {
        grid-column: auto;

        min-height: auto;

        padding: 35px 25px 45px;
    }

    .diferencial-card h3 {
        min-height: auto;
    }

}





/* ==============================
   DIFERENCIAIS / SERVIÇOS
   ============================== */

.diferenciais {
    --bg-light: #bfbfbf;
    --bg-dark: #808080;
    --text-dark: #212529;
    --text-light: #ffffff;
    --accent: #ffffff;

    background: var(--bg-light);
    overflow: hidden;
}


/* GRID */

.diferenciais .servicos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


/* CARD */

.diferenciais .portfolio-item {
    padding: clamp(35px, 4vw, 60px) clamp(25px, 4vw, 50px);
    min-height: 100%;
    display: flex;
}

.diferenciais .portfolio-item:nth-child(2) {
    background: var(--bg-dark);
}

.diferenciais .portfolio-item:nth-child(odd) {
    background: var(--bg-light);
}


.diferenciais .card {
    width: 100%;
    background: transparent;
    border: 0;
    text-align: center;
}


/* ÍCONES */

.diferenciais .icone,
.diferenciais .icone2 {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin: 0 auto 25px;
    transition: transform .35s ease;
}

.diferenciais .card:hover .icone,
.diferenciais .card:hover .icone2 {
    transform: translateY(-8px) scale(1.05);
}


/* CONTEÚDO */

.diferenciais .card-body {
    padding: 0;
}

.diferenciais .card-title {
    margin-bottom: 18px;
}

.diferenciais .card-title a {
    color: var(--text-dark);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 700;
    text-decoration: none;
    transition: opacity .25s ease;
}

.diferenciais .portfolio-item:nth-child(2) .card-title a {
    color: var(--text-light);
}

.diferenciais .card-title a:hover {
    opacity: .7;
}


/* TEXTO */

.diferenciais .card-text {
    max-width: 500px;
    margin: 0 auto 16px;

    color: rgba(33, 37, 41, .85);

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

.diferenciais .portfolio-item:nth-child(2) .card-text {
    color: rgba(255, 255, 255, .9);
}


/* BOTÃO */

.diferenciais .btn-custom {
    grid-column: 1 / -1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 50px auto !important;
    padding: 14px 30px;

    background: #212529;
    color: #fff;

    border: 2px solid #212529;
    border-radius: 50px;

    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 17px;
    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .15);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.diferenciais .btn-custom:hover {
    background: transparent;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}


/* ==============================
   TABLET
   ============================== */

@media (max-width: 991px) {

    .diferenciais .servicos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .diferenciais .portfolio-item:nth-child(3) {
        grid-column: 1 / -1;
    }

}


/* ==============================
   CELULAR
   ============================== */

@media (max-width: 767px) {

    .diferenciais .servicos-grid {
        grid-template-columns: 1fr;
    }

    .diferenciais .portfolio-item:nth-child(3) {
        grid-column: auto;
    }

    .diferenciais .portfolio-item {
        padding: 45px 25px;
    }

    .diferenciais .card-text {
        font-size: 15px;
    }

    .diferenciais .btn-custom {
        margin: 35px auto !important;
    }

}



.clientes {

	

}





.clientes h3 {

    color: #212529;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: bold;

    font-size: 22px;

    padding-top: 43px;

}







.icone {

    width: 109px !important;

    height: auto !important;

    object-fit: cover !important;

    padding: 10px;

	filter: invert(0) grayscale(100);

}



.icone2 {

    width: 109px !important;

    height: auto !important;

    object-fit: cover !important;

    padding: 10px;

	filter: invert(100) grayscale(100);

}







.servs {

	



}



.servs h4 {

    color: #212529;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: 500;

    font-size: 32px;



}



.servs .card-text {

    color: rgb(var(--color_15));

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: 400;

    opacity: 9;

    font-size: 16px;

}





.comp img {

    width: 73px;

    height: auto;

    object-fit: cover;

}



.comp .card {

    border: 0;

}



.comp .card-title {

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 16px;

    font-weight: bold;

}



.comp .card-text {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;



}



.iframely-responsive {

	background: #000000;

	

}







.servs .card {

	border: 0;



}



.servs .card img {

	width: 230px;

    height: auto;

    object-fit: cover;	



}



/* =========================================================
   INSTAGRAM / FEED
   ========================================================= */

.instagram-section {
    position: relative;

    padding: 90px 0;

    background: #f4f4f2;

    overflow: hidden;
}


/* detalhe superior */

.instagram-section::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: #e1e1de;
}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.instagram-header {
    margin-bottom: 45px;

    text-align: center;
}

.instagram-header span {
    display: block;

    margin-bottom: 10px;

    color: #999;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.instagram-header h2 {
    margin: 0;

    color: #242323;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: clamp(32px, 4vw, 48px);

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;
}

.instagram-header h2::after {
    content: "";

    display: block;

    width: 45px;
    height: 3px;

    margin: 18px auto 0;

    background: #242323;
}


/* =========================================================
   DESCRIÇÃO
   ========================================================= */

.instagram-header p {
    max-width: 600px;

    margin: 20px auto 0;

    color: #777;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 16px;

    line-height: 1.6;
}


/* =========================================================
   CONTAINER DO ELFSIGHT
   ========================================================= */

.instagram-feed {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;
}


/* =========================================================
   ELFSIGHT
   ========================================================= */

.instagram-feed .elfsight-app-3dd86beb-a6d8-4a20-a58d-c97d5bfac19c {
    width: 100%;
}


/* =========================================================
   BOTÃO / LINK INSTAGRAM
   ========================================================= */

.instagram-button {
    display: flex;

    width: fit-content;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin: 40px auto 0;

    padding: 12px 28px;

    color: #fff;

    background: #242323;

    border: 1px solid #242323;
    border-radius: 3px;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 16px;
    font-weight: 600;

    letter-spacing: .5px;

    text-transform: uppercase;

    text-decoration: none;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.instagram-button:hover {
    color: #242323;

    background: transparent;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .instagram-section {
        padding: 60px 0;
    }

    .instagram-header {
        margin-bottom: 30px;

        padding: 0 20px;
    }

    .instagram-header h2 {
        font-size: 34px;
    }

    .instagram-header p {
        font-size: 15px;
    }

    .instagram-feed {
        padding: 0 12px;
    }

}








.eapps-instagram-feed-title {

	text-align: center;

	padding: 50px;

	font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 30px !important;

    font-weight: 600;

		

}







/*<!--==// Abertura banner //==-->*/





/* =========================================================
   BANNER PRINCIPAL
   ========================================================= */

.banner-top {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #222;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

.banner-top .carousel-inner {
    min-height: 0;
}

.banner-top .carousel-item {
    position: relative;

    height: clamp(520px, 70vh, 780px);

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* =========================================================
   IMAGEM
   ========================================================= */

.banner-top .carousel-item > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    animation: bannerZoom 8s ease-out both;
}


/* =========================================================
   OVERLAY SOBRE A IMAGEM
   ========================================================= */

.banner-top .carousel-item::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .05) 15%,
            rgba(0, 0, 0, .20) 45%,
            rgba(0, 0, 0, .65) 100%
        );

    z-index: 1;

    pointer-events: none;
}


/* =========================================================
   CAROUSEL CAPTION
   TEXTO NO LADO DIREITO
   ========================================================= */

.banner-top .carousel-caption {
    position: absolute;

    top: 50%;
    right: 8%;
    bottom: auto;
    left: auto;

    width: min(650px, 50%);

    padding: 0;

    transform: translateY(-50%);

    z-index: 2;

    color: #fff;

    text-align: right;
}


/* =========================================================
   TÍTULO
   ========================================================= */

.banner-top .carousel-caption h5,
.banner-top .carousel-caption h1,
.banner-top .carousel-caption h2 {
    margin: 0 0 25px;

    color: #fff;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: clamp(38px, 4.5vw, 64px);

    font-weight: 700;

    line-height: 1;

    letter-spacing: -.5px;

    text-align: right;

    text-transform: uppercase;

    text-shadow:
        0 3px 15px rgba(0, 0, 0, .4);
}


/* =========================================================
   TEXTO
   ========================================================= */

.banner-top .carousel-caption p {
    margin: 0 0 25px;

    color: rgba(255, 255, 255, .92);

    font-family: "Roboto Condensed", sans-serif;

    font-size: clamp(16px, 1.5vw, 21px);

    line-height: 1.5;

    text-align: right;
}


/* =========================================================
   BOTÃO
   ========================================================= */

.banner-top .carousel-caption .btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 13px 32px;

    float: none;

    color: #2F2E2E;

    background: rgba(255, 255, 255, .92);

    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 4px;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 18px;
    font-weight: 700;

    letter-spacing: .4px;

    text-transform: uppercase;

    text-decoration: none;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .18);

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.banner-top .carousel-caption .btn:hover {
    color: #fff;

    background: #2F2E2E;

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, .3);
}


/* =========================================================
   INDICADORES
   ========================================================= */

.banner-top .carousel-indicators {
    position: absolute;

    z-index: 3;

    right: 8%;
    bottom: 35px;
    left: auto;

    width: auto;

    justify-content: flex-end;

    margin: 0;
}

.banner-top .carousel-indicators [data-bs-target] {
    width: 30px;
    height: 3px;

    margin: 0 4px;

    background-color: rgba(255, 255, 255, .45);

    border: 0;

    opacity: 1;

    transition:
        width .3s ease,
        background .3s ease;
}

.banner-top .carousel-indicators .active {
    width: 55px;

    background-color: #fff;
}


/* =========================================================
   CONTROLES
   ========================================================= */

.banner-top .carousel-control-prev,
.banner-top .carousel-control-next {
    z-index: 3;

    width: 8%;

    opacity: .65;

    transition: opacity .25s ease;
}

.banner-top .carousel-control-prev:hover,
.banner-top .carousel-control-next:hover {
    opacity: 1;
}


.banner-top .carousel-control-prev-icon,
.banner-top .carousel-control-next-icon {
    width: 38px;
    height: 38px;

    background-color: rgba(0, 0, 0, .25);

    background-size: 55%;

    border-radius: 50%;

    filter: brightness(0) invert(1);
}


/* =========================================================
   ANIMAÇÃO DA IMAGEM
   ========================================================= */

@keyframes bannerZoom {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.05);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .banner-top .carousel-item {
        height: 620px;
    }

    .banner-top .carousel-caption {
        right: 7%;

        width: 65%;
    }

    .banner-top .carousel-caption h5,
    .banner-top .carousel-caption h1,
    .banner-top .carousel-caption h2 {
        font-size: clamp(32px, 5vw, 48px);
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .banner-top .carousel-item {
        height: 560px;
    }


    /* Overlay vertical no celular */

    .banner-top .carousel-item::after {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, .05) 10%,
                rgba(0, 0, 0, .25) 40%,
                rgba(0, 0, 0, .75) 100%
            );
    }


    /* Caption */

    .banner-top .carousel-caption {
        top: auto;

        right: 25px;
        bottom: 70px;
        left: 25px;

        width: auto;

        transform: none;

        text-align: center;
    }


    /* Título */

    .banner-top .carousel-caption h5,
    .banner-top .carousel-caption h1,
    .banner-top .carousel-caption h2 {
        margin-bottom: 20px;

        font-size: clamp(30px, 9vw, 42px);

        line-height: 1.02;

        text-align: center;
    }


    /* Texto */

    .banner-top .carousel-caption p {
        font-size: 16px;

        text-align: center;
    }


    /* Botão */

    .banner-top .carousel-caption .btn {
        min-height: 48px;

        padding: 11px 25px;

        font-size: 15px;
    }


    /* Indicadores */

    .banner-top .carousel-indicators {
        right: 0;
        bottom: 25px;
        left: 0;

        justify-content: center;
    }


    /* Controles */

    .banner-top .carousel-control-prev,
    .banner-top .carousel-control-next {
        width: 12%;
    }

}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 480px) {

    .banner-top .carousel-item {
        height: 500px;
    }

    .banner-top .carousel-caption {
        bottom: 65px;
    }

    .banner-top .carousel-caption h5,
    .banner-top .carousel-caption h1,
    .banner-top .carousel-caption h2 {
        font-size: 29px;
    }

    .banner-top .carousel-caption .btn {
        width: 100%;
        max-width: 280px;
    }

}






#banner {

    width: 100%;

    min-height: 600px;

	background: linear-gradient(rgba(40, 58, 90, 0.6), rgba(00, 00, 00, 0.9)), url(../image/banner/banner.jpg) fixed center center;

	background-size: cover;

	text-align: center;

}







#banner h1 {

    color: #fff;

    font-weight: 900;

    text-transform: uppercase;

    padding-top: 200px;

    margin-bottom: 30px;

}





#banner p {

    color: #fff;

    font-family: 'Lato', sans-serif;

    font-size: 18px;

    font-weight: 600;

}



#banner a:hover {

    color: #fff;

}





.botao-saiba {

    background: #212529;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 12px 34px;

    font-family: 'Lato', sans-serif;

    text-transform: uppercase;

	border-radius: 4px;

}





.botao-saiba:hover {

    color: #fff;

}









/*<!--==// Fechamento banner //==-->*/



/*<!--=======================// HOME //=======================-->*/

/*<!--=======================// Nossa marca //=======================-->*/



#nossa-marca {

    padding-bottom: 50px;

}



#nossa-marca h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#nossa-marca h1 strong {

	font-family: "Barlow Semi Condensed", sans-serif;

	font-size: 20px;

}





#nossa-marca h2 {

	font-family: "Barlow Semi Condensed", sans-serif;

}



#nossa-marca h3 {

	font-family: "Barlow Semi Condensed", sans-serif;

}



#nossa-marca h4 {

    font-family: "Barlow Semi Condensed", sans-serif;

    margin-bottom: 17px;

    margin-top: 40px;

}



#nossa-marca p {

    font-family: "Roboto Condensed", sans-serif;

    color: #333;

    line-height: 29px;

    font-size: 19px;

}



#nossa-marca a {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px;

	color: #333;

}



#nossa-marca a:hover {

	

}



.link {

	margin-right: 5px;

}







.link2 {

    margin-top: 50px;

}



.img-marca {

    max-width: 300px;

    float: left;

    margin-right: 20px;

    margin-bottom: 10px;

}





/*<!--=======================// Nossa marca //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



#sobre-nos {

    padding-bottom: 50px;

}



#sobre-nos h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#sobre-nos h1 strong {

	font-family: "Barlow Semi Condensed", sans-serif;

	font-size: 20px;

}









#sobre-nos h2 {

	

}



#sobre-nos h3 {

	

}



#sobre-nos h4 {

	

}



#sobre-nos p {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px;

	color: #333;

}



#sobre-nos a {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 16px;

	color: #333;

}



#sobre-nos a:hover {

	

}







/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



#enviado {

	

}



#enviado h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#enviado h2 {

	

}



#sobre-nos h3 {

	

}



#enviado h4 {

	

}



#enviado p {

	

}



#enviado a {

	

}



#enviado a:hover {

	

}







/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



#servicos{

	text-align: center;

	padding-bottom: 50px;

}









#servicos h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#servicos h2 {

	font-family: "Barlow Semi Condensed", sans-serif;

}



#servicos h3 {

	font-family: "Barlow Semi Condensed", sans-serif;

}



#servicos h4 {

	font-family: "Barlow Semi Condensed", sans-serif;

}



#servicos p {

	font-family: "Roboto Condensed", sans-serif;

	font-size: 20px;

}



#servicos p strong {

    padding-top: 39px;

    display: block;

}





#servicos a {

	font-family: "Roboto Condensed", sans-serif;

}



#servicos a:hover {

	

}



#servicos hr {

    margin: 50px 50px;

}





#servicos hr {

    margin: 50px 50px;

}



#servicos .portfolio-item {

    padding: 0;

}



#servicos .card-body {

    background: none;

	

}



#servicos .card {

    border: 0;

	background: none;

}





#servicos img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



#contato {



}



#contato h1 {

	margin-bottom: 50px;

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

	color: #212529;

    

}



#contato h2 {

	margin-bottom: 50px;

}



#contato h3 {

	

}



#contato h4 {

	

}



#contato p {

	

}



#contato a {

	color:#000;

}



#contato a:hover {

	

}



#contato .fa {

	color: #212529;

}



#contato .fas {

	color: #212529;	

}





#contato iframe {

	width: 100% !important;

}





/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



#paginas-seo{

	

}



#paginas-seo h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#paginas-seo h2 {

	

}



#paginas-seo h3 {

	

}



#paginas-seo h4 {

	

}



#paginas-seo .card-body a {

	color: #212529;

	font-size: 20px;

}





#paginas-seo p {

    color: #767676;

    font-size: 16px;

}



#paginas-seo p strong {

	color: #212529;

}



.linkagen a {

	color: #212529;

}



#paginas-seo a {

	

}



#paginas-seo a:hover {

	

}





#paginas-seo .card-img, .card-img-bottom, .card-img-top {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



#mapasite{

	

}



#mapasite h1 {

    font-family: "Barlow Semi Condensed", sans-serif;

    line-height: 31px;

    margin-bottom: 29px;

}



#mapasite h2 {

	

}



#mapasite h3 {

	

}



#mapasite h4 {

	

}



#mapasite p {

	

}



#mapasite a {

	color: #2D2D2D;

}



#mapasite a:hover {

	color:#212529;

    transition: all 0.3s;

}



/*<!--=======================// MAPA DO SITE //=======================-->*/

.carousel-control-prev {

    left: 0;

    height: 50px;

    top: 50%;

}





.carousel-control-next {

    right: 0;

    height: 50px;

    top: 50%;

}

/*<!--=======================// RESPONSIVO //=======================-->*/



/*<!--===================// ABERTURA MOBILE L //===================-->*/

@media only screen and (min-width: 10px) and (max-width: 991px) { 

/*<!--=======================// GERAL //=======================-->*/

	.img-seo {

		max-width: 100%;

		width: 100%;

		height: auto;

		margin-bottom: 10px;

		float:none;

	}

/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// HEADER //=======================-->*/







/*<!--=======================// HEADER //=======================-->*/

/*<!--=======================// FOOTER //=======================-->*/







/*<!--=======================// FOOTER //=======================-->*/

/*<!--=======================// HOME //=======================-->*/

	

	#home{



	}

	.carousel.slide {

		/*display: none;*/

	}

/*<!--=======================// HOME //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



	#sobre-nos{



	}



/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



	#servicos{



	}



/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// INFORMAÇÕES //=======================-->*/



	#informacoes{



	}



/*<!--=======================// INFORMAÇÕES //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



	#contato{



	}



/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



	#paginas-seo{



	}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



	#mapasite{



	}



/*<!--=======================// MAPA DO SITE //=======================-->*/

}



#botoes {

    width: 100%;

    position: fixed;

    bottom: 0%;

    display: none;

    z-index: 999;

    margin: 0;

}



#botoes a {

    color: #FFF;

    font-size: 20px;

    padding: 16px 41px;

}



#botoes .fa, .fas, .fab, .far, .fa-solid {

	font-size: 25px !important;

}



#botoes .fa-whatsapp {

	font-size: 25px !important;

}



.bts {

    width: 33.33%;

    margin-bottom: -1px;

}



.bt-1 {

	

	background: #01C854;

	color: #FFF;

	text-align: center;

}



.bt-2 {

	background: #212529;

	color: #FFF;

	text-align: center;

}



.bt-3 {

	background: #000;

	color: #FFF;

	text-align: center;	

}



.carousel-caption {

  bottom: 20%;

  background: rgba(0, 0, 0, 0.0);

  padding: 20px;

  border-radius: 8px;

}



.carousel-caption h5 {

  color: #fff;

  font-size: 32px;

  font-weight: 700;

}



.carousel-caption .btn {

  margin-top: 10px;

}



/* ===== MOBILE ===== */

@media (max-width: 767px) {

  .carousel-caption {

    bottom: 10%;

    padding: 12px;

  }



  .carousel-caption h5 {

    font-size: 18px;

    line-height: 1.3;

  }



  .carousel-caption .btn {

    font-size: 14px;

    padding: 8px 14px;

  }

}





/*<!--===================// FECHAMENTO MOBILE L //===================-->*/


/*<!--===================// ABERTURA MOBILE M //===================-->*/

@media only screen and (min-width: 10px) and (max-width: 455px) { 

/*<!--=======================// Topo //=======================-->*/

.banner-top .carousel-inner {

        min-height: 20px;

        max-height: 450px;

    }	

	

.carousel-caption {

        position: absolute!important;

        right: 0%;

        bottom: 280px!important;

    }



.banner-top .carousel-caption h5 {

    color: #fff;

    text-align: center;

    font-family: "Barlow Semi Condensed", sans-serif;

    font-size: 24px!important;

    text-transform: uppercase;

    font-weight: bold;

}

	

.banner-top .carousel-caption .btn {

    color: #2F2E2E;

    font-size: 20px;

    float: none;

    background: rgba(255, 255, 255, 0.8);

    font-family: "Barlow Semi Condensed", sans-serif;

    font-weight: bold;

    padding: 8px 25px;

    text-transform: uppercase;

}

	

	.carousel-item img {

        width: 100%;

        height: 445px;

        object-fit: cover;

    }	

	

	

.banner-top .carousel-caption {

    color: #fff !important;

    margin-right: 88px;

    text-align: center;

}

	

	

.carousel-caption {

    position: relative!important;

    right: 0%;

    bottom: 1.25rem;

}

	

	

#botoes {

	display: block;

}

	

#clientes img {

    width: 48%;

    padding: 15px;

}	

.bto-whats {

    display: none !important;

}

	

	



.form-home .col-lg-8 {

	padding-left: 0px !important;	

}

	

	

.contatos-topo span {

	width: 100%;

	float: left;

	display: none;

}



	

.topbar {

    padding-bottom: 7px;

	color:#9A9A9A;

}

	

#sociais .fab {

    padding: 6px 11px 12px 14px;

    font-size: 16px !important;

}

    

.topbar .fas {

    padding: 6px 11px 12px 14px;

    font-size: 16px !important;

}

    

.contatos-topo a {

	color: #fff;

	text-decoration: none;

}



.img-sobre {

	max-width: 100%;

}



.img-seo {

	max-width: 100%;

}

	

footer {

	text-align: center;

    

}

	

.footer-top {

    padding: 21px;

}

	

#cta {

    text-align: center;

}

	

	

#cta:hover {

    text-align: center;

}

	



.navbar-nav {

    padding: 11px 17px;

}	

	

footer h4 {

    font-size: 30px;

    margin-top: 28px;

}

    

.footer-contact p {

    text-align: center;

}

    

    

.contatos-topo {

	display: none;

}	

	

	

.navbar-light .navbar-toggler {

    background: rgba(255, 255, 255, 0.8);

}	

	

#logos .owl-dots {

    display: none;

}

	

.footer-contact {

    padding: 0px 20px;

    text-align: center;

}

	

.footer-contact .col-lg-6 {

    width: 100% !important;

}

	

	

.logo {

    padding: 15px 0;

    max-width: 100%;

    width: 100%;

    margin-left: 25px;

}

	

	

.topbar .border-bottom {

    border-bottom: 1px solid rgba(255, 255, 255, 0) !important;

}	

	

/*<!--=======================// Topo //=======================-->*/

/*<!--=======================// Galeria //=======================-->*/  

.lightbox {

	padding-top: 100px;

}

	

.lb-nav a.lb-next {

    filter: alpha(Opacity=100) !important;

	opacity: 1 !important;

}





.lb-nav a.lb-next:hover {

    filter: alpha(Opacity=100) !important;

    opacity: 1 !important;

}



.lb-nav a.lb-prev {

    filter: alpha(Opacity=100) !important;

    opacity: 1 !important;	

}





.lb-nav a.lb-prev:hover {

    filter: alpha(Opacity=100) !important;

    opacity: 1 !important;	

}

/*<!--=======================// Galeria //=======================-->*/

/*<!--=======================// Geral //=======================-->*/



	

	#home{

		text-align: center;

	}

	

	#home li {

		list-style: none;

	}

	

	#home .img-fluid {

		max-width: 100%;

		height: auto;

		margin-top: 32px;

	} 

	

	

	#cta input {

   		max-width: 100%;

	}

/*<!--=======================// Geral //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



	#sobre-nos{

        padding: 30px;

	}



/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



	#servicos{

        padding: 30px;

	}



/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// INFORMAÇÕES //=======================-->*/



	#informacoes{

        padding: 30px;

	}



/*<!--=======================// INFORMAÇÕES //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



    #contato {

        padding: 30px;

    }



/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



	#paginas-seo{

        padding: 30px;

	}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



	#mapasite{

        padding: 30px;

	}



/*<!--=======================// MAPA DO SITE //=======================-->*/

	

}

/*<!--===================// FECHAMENTO MOBILE M //===================-->*/

/*<!--===================// ABERTURA MOBILE P //===================-->*/

@media only screen and (min-width: 10px) and (max-width: 355px) {

/*<!--=======================// GERAL //=======================-->*/

	

	.contatos-topo span {

		width: 100%;

		float: left;

	}

	

/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// HEADER //=======================-->*/







/*<!--=======================// HEADER //=======================-->*/

/*<!--=======================// FOOTER //=======================-->*/







/*<!--=======================// FOOTER //=======================-->*/

/*<!--=======================// HOME //=======================-->*/

	

	#home{



	}

	

/*<!--=======================// HOME //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



	#sobre-nos{



	}

	

/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



	#servicos{



	}



/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// INFORMAÇÕES //=======================-->*/



	#informacoes{



	}



/*<!--=======================// INFORMAÇÕES //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



	#contato{



	}



/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



	#paginas-seo{



	}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



	#mapasite{



	}



/*<!--=======================// MAPA DO SITE //=======================-->*/	



}

/*<!--===================// FECHAMENTO MOBILE P //===================-->*/



/*<!--=======================// RESPONSIVO //=======================-->*/



				/*<!=====// CSS ADICIONAL //=====-->*/