/*--------------------------------------------------------------------- 
File Name: style.css 
---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- 
import Fonts 
---------------------------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans&display=swap');
 */
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(font-awesome.min.css);
@import url(owl.carousel.min.css);

@font-face {
     font-family: 'Lemon Milk';
     /* Nome da fonte que você usará no CSS */
     src: url('./fonts/lemon-milk-medium.otf') format('otf');
     /* Caminho para o arquivo .woff2 */
     font-weight: normal;
     /* Peso da fonte */
     font-style: normal;
     /* Estilo da fonte */
}

/* root */
:root {
     --cor-texto: #e6e7e8;
}

/*--------------------------------------------------------------------- 
basic 
---------------------------------------------------------------------*/

.col-app-1,
.col-app-2,
.col-app-3,
.col-app-4,
.col-app-5,
.col-app-6,
.col-app-7,
.col-app-8,
.col-app-9,
.col-app-10,
.col-app-11,
.col-app-12 {
     float: left;
}

.col-app-12 {
     width: 100%;
}

.col-app-11 {
     width: 91.66666666666666%;
}

.col-app-10 {
     width: 83.33333333333334%;
}

.col-app-9 {
     width: 75%;
}

.col-app-8 {
     width: 66.66666666666666%;
}

.col-app-7 {
     width: 58.333333333333336%;
}

.col-app-6 {
     width: 50%;
}

.col-app-5 {
     width: 41.66666666666667%;
}

.col-app-4 {
     width: 33.33333333333333%;
}

.col-app-3 {
     width: 25%;
}

.col-app-2 {
     width: 16.666666666666664%;
}

.col-app-1 {
     width: 8.333333333333332%;
}

@media (max-width: 600px) {

     .col-app-12,
     .col-app-11,
     .col-app-10,
     .col-app-9,
     .col-app-8,
     .col-app-7,
     .col-app-6,
     .col-app-5,
     .col-app-4,
     .col-app-3,
     .col-app-2,
     .col-app-1 {
          width: 100%;
     }
}

html {
     scroll-behavior: smooth;
}

body {
     background-color: #222;
     font-size: 14px;
     font-family: 'Lemon Milk', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
}

/* Scrollbar para navegadores WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
     width: 10px;
     /* Largura da scrollbar vertical */
     height: 10px;
     /* Altura da scrollbar horizontal */
}

::-webkit-scrollbar-track {
     background: #1a1a1a;
     /* Cor do fundo */
     border-radius: 10px;
}

::-webkit-scrollbar-thumb {
     background: #424242;
     /* Cor do "botão" (laranja - ajuste para sua cor branding) */
     border-radius: 10px;
     border: 2px solid #1a1a1a;
     /* Borda para contrastar */
}

::-webkit-scrollbar-thumb:hover {
     background: #424242;
     /* Cor ao passar o mouse */
}

/* Para Firefox */
* {
     scrollbar-width: thin;
     /* "auto" ou "thin" */
     scrollbar-color: #424242 #1a1a1a;
     /* thumb e track */
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none !important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 0px;
     padding: 0;
     font-weight: 400;
     font-size: 17px;
     line-height: 28px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

:focus {
     outline: 0;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}

.titlepage {
     padding-bottom: 40px;
}

/* .titlepage::before {
     content: "";
     position: absolute;
     border: #fff solid 5px;
     border-width: 5px;
     width: 80px;
     z-index: 999;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: 55px;
} */

.titlepage h2 {
     font-size: 45px;
     font-weight: bold;
     line-height: 50px;
}

.read_more {
     display: inline-flex;
     align-items: center;
     background: #f0f0f0;
     padding: 10px 15px;
     color: #000;
     font-size: 17px;
     text-align: center;
     font-weight: 500;
     transition: ease-in all 0.3s;
}

.read_more:hover {
     display: inline-flex;
     align-items: center;
     background: rgba(0, 0, 0, 0.35);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
     backdrop-filter: blur(13.5px);
     -webkit-backdrop-filter: blur(13.5px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.18);
     color: #fff;
     transition: ease-in all 0.3s;
}

.img_responsive {
     max-width: 100%;
}

.text_align_center {
     text-align: center;
}

.text_align_left {
     text-align: left;
}

.text_align_right {
     text-align: right;
}

.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}

.container {
     max-width: 1170px;
}


/*---------------------------- 
loader  
----------------------------*/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #252626;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader i {
     font-size: 50px;
     color: #fff;
}


/*--------------------------------------------------------------------- 
header 
---------------------------------------------------------------------*/

.header {
     width: 100%;
     padding: 20px 30px;
     position: fixed;
     z-index: 9999;
     background: rgba(0, 0, 0, 0.35);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
     backdrop-filter: blur(13.5px);
     -webkit-backdrop-filter: blur(13.5px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.logo {
     display: flex;
     align-items: center;
     width: 100%;
}

.logo h6 {
     color: #fff;
     font-size: 0.85rem;
     font-family: 'Lemon Milk', sans-serif;
     font-weight: 700;
     margin-left: 10px;
}

/*--------------------------------------------------------------------- 
menu section
---------------------------------------------------------------------*/

.navigation.navbar {
     float: right;
     padding: 0;
}

.navigation.navbar-dark .navbar-nav .nav-link {
     padding: 0px 20px;
     color: #fff;
     font-size: 13px;
     line-height: 20px;
     font-weight: 400;
}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #fff;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #fff;
}

.di_no {
     display: none;
}

.redes-menu {
     padding-top: 1px;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-direction: row;
     flex-wrap: nowrap;
}

.redes-menu li {
     padding: 0px 10px;
}

.redes-menu li a {
     font-size: 17px;
     color: #fff;
}

.redes-menu li i {
     color: #fff;
     font-size: 20px;
}


/** banner_main **/

.bg-video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     filter: brightness(0.4);
}

#top_section {
     /* background-image: url('../images/_banner-home.png'); */
     /* background-size: cover; */
     /* background-repeat: no-repeat; */
     position: relative;
     height: 100vh;
     background-position: center;
     overflow: hidden;
}

/* #top_section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: inherit;
     background-size: inherit;
     background-repeat: inherit;
     background-position: inherit;
     filter: brightness(.5);
     z-index: 1;
} */

#top_section .content {
     position: relative;
     z-index: 2;
     /* Garante que o conteúdo fique acima do pseudo-elemento */
     color: white;
     text-align: center;
     padding: 20px;
}

#myCarousel .carousel-indicators {
     bottom: -50px;
     margin-left: 11px;
     right: inherit;
}

#myCarousel .carousel-indicators .active {
     background: #0e0b01;
}

#myCarousel .carousel-indicators li {
     cursor: pointer;
     background: #fff;
     border-radius: 40px;
     width: 22px;
     height: 22px;
}

#myCarousel a.carousel-control-next,
#myCarousel a.carousel-control-prev {
     display: none;
}

.relative {
     position: inherit;
     bottom: 0;
     padding: 0;
}

.bluid {
     margin-top: 10px;
     font-family: 'Lemon Milk', sans-serif;
     text-align: center;
}

.banner_main .bluid h1 {
     color: #fff;
     font-size: 50px;
     font-weight: bold;
     padding-bottom: 25px;
     text-shadow: 0px 0px 20px rgba(30, 30, 30, 0.452);
}

.banner_main .bluid p {
     color: #fff;
     line-height: 25px;
     font-weight: 500;
     padding-bottom: 50px;
     font-size: 17px;
}

/* .banner_main .bluid .read_more {
     color: #000;
}

.banner_main .bluid .read_more:hover {
     color: #fff;
     background: #0e0b01;
} */


/** we_do **/

.we_do {
     background: #fff;
     padding: 90px 0 190px 0;
}

.titlepage p {
     line-height: 28px;
     padding-top: 30px;
     font-size: 17px;
}


/** end we_do **/


/** about **/
.about {
     color: #E6E7E8 !important;
}

.about p {

     line-height: 28px;
     font-size: 17px;
}

/** end about **/


/** portfolio **/

.portfolio {
     padding-top: 90px;
     padding-bottom: 90px;
     background: #fff;
}


.portfolio_main {
     margin-bottom: 30px;
     transition: ease-in all 0.5s;
}

.portfolio_main figure {
     margin: 0;
     position: relative;
     overflow: hidden;
}

#ho_nf:hover {
     box-shadow: 3px 0 20px rgba(30, 30, 30, 0.31);
     transition: ease-in all 0.5s;
}

#ho_nf:hover .portfolio_text {
     height: 240px;
     transition: ease-in all 0.5s;
     padding: 40px 40px;
}

#ho_nf:hover .li_icon {
     margin-top: -65px;
     transition: ease-in all 0.7s;
}

.portfolio_text {
     cursor: pointer;
     position: absolute;
     transition: ease-in all 0.5s;
     bottom: 0;
     height: 0;
     background: #fff;
     overflow: initial;
}

.li_icon {
     display: flex;
     transition: ease-in all 0.7s;
     z-index: 99999999999999999999999;
     position: absolute;
}

.li_icon a {
     background: #fff;
     width: 60px;
     height: 60px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #3a404e;
     box-shadow: 3px 0 9px rgba(30, 30, 30, 0.09);
}

.li_icon a:hover {
     background: #0f1012;
     color: #fff;
}

.portfolio_text h3 {
     color: #0c0c0d;
     font-size: 24px;
     line-height: 30px;
     font-weight: bold;
     padding-bottom: 15px;
}

.portfolio_text p {
     color: #031330;
     font-size: 17px;
     line-height: 30px;
     padding-bottom: 15px;
}

.portfolio .read_more {
     margin: 0 auto;
     display: block;
     background: #252525;
     margin-top: 30px;
}

.portfolio .read_more:hover {
     background: #464646c7;
}


/* end portfolio */


/* chose */

.chose {
     padding: 90px 0 60px 0;
     background: #323232;
}

.chose .titlepage::before {
     right: inherit;
     left: 15px;
}


.chose.chose .titlepage p {
     color: #fff;
     padding-top: 15px;
}

.chose_box {
     margin-bottom: 30px;
}

.chose_box h3 {
     padding-top: 20px;
     color: #fff;
     font-weight: bold;
     font-size: 30px;
     line-height: 35px;
}

.chose_box strong {
     display: block;
     color: #fff;
     font-weight: bold;
     font-size: 48px;
     line-height: 60px;
     padding-bottom: 30px;
}

.chose_box .read_more {
     background: #fff;
     color: #323232;
     max-width: 176px;
     line-height: 47px;
     height: 47px;
}

.chose_box .read_more:hover {
     background: #0e0b01;
     color: #fff;
}


/** end chose **/


/** contact section **/

.contact {
     background: #fefeff;
     padding: 90px 0;
}

.main_form .contactus {
     border: #d2d2d3 solid 1px;
     padding: 0 15px;
     margin-bottom: 25px;
     width: 100%;
     height: 71px;
     background: #fff;
     color: #888888;
     font-size: 16px;
     font-weight: normal;
}

.main_form .textarea {
     border: #d2d2d3 solid 1px;
     margin-bottom: 25px;
     width: 100%;
     background: #fff;
     color: #888888;
     font-size: 18px;
     font-weight: normal;
     padding: 57px 15px 0 15px;
     border-radius: 0;
     height: 150px;
}

.main_form .send_btn {
     font-size: 17px;
     transition: ease-in all 0.5s;
     background-color: #323232;
     text-transform: uppercase;
     color: #fff;
     padding: 25px 0px;
     max-width: 252px;
     width: 100%;
     display: block;
     margin-top: 10px !important;
     font-weight: bold;
}

.main_form .send_btn:hover {
     background-color: #464646c7;
     transition: ease-in all 0.5s;
     color: #fff;
}

#request *::placeholder {
     color: #888888;
     opacity: 1;
}


/** end contact section **/


/** testimonial **/

.posi_in {
     position: inherit;
     padding: 0;
}

.clientsl_text {
     margin-top: 90px;
     box-shadow: 0px 0 11px rgba(30, 30, 30, 0.07);
     padding: 40px;
     margin-bottom: 26px;
}

.clientsl_text i img {
     margin-top: -89px;
     display: block;
     margin-right: 20px;
     float: left;
}

.clientsl_text h3 {
     margin-top: -11px;
     color: #000b0a;
     font-size: 23px;
     font-weight: bold;
     line-height: 20px;
     text-align: left;
}

.clientsl_text h3 img {
     float: right;
}

.clientsl_text p {
     color: #757575;
     padding-top: 62px;
     display: block;
}

#clientsl .carousel-indicators {
     display: none;
}

#clientsl a.carousel-control-next,
#clientsl a.carousel-control-prev {
     background: #ffffff;
     width: 67px;
     height: 59px;
     top: 105%;
     opacity: 1;
     font-size: 33px;
     color: #000000;
     box-shadow: 3px 0 36px rgba(30, 30, 30, 0.2);
}

#clientsl a.carousel-control-prev {
     left: 37%;
}

#clientsl a.carousel-control-next {
     right: 37%;
}

#clientsl a.carousel-control-next:focus,
#clientsl a.carousel-control-next:hover,
#clientsl a.carousel-control-prev:focus,
#clientsl a.carousel-control-prev:hover {
     background: #252525;
     color: #fff;
     opacity: 1;
}


/** end testimonial **/


/** footer **/

.footer {
     background: #222222;
     padding-top: 90px
}

.newslatter_form {
     display: flex;
     align-items: center;
     margin-bottom: 70px;
}

.ente {
     color: #000;
     border: inherit;
     padding: 0 30px;
     height: 66px;
     width: 100%;
     font-size: 17px;
}

.subs_btn {
     max-width: 289px;
     display: inline-block;
     background: #151515;
     height: 66px;
     width: 100%;
     color: #fff;
     font-size: 17px;
     text-transform: uppercase;
     font-weight: bold;
     transition: ease-in all 0.5s;
}

.subs_btn:hover {
     background: #fff;
     color: #151515;
     transition: ease-in all 0.5s;
}

.Informa h3 {
     color: #ffffff;
     font-size: 23px;
     font-weight: bold;
     line-height: 21px;
     margin-bottom: 15px;
     margin-top: 26px;
     text-transform: uppercase;
}

.Informa li {
     font-size: 17px;
     line-height: 37px;
     color: #ffffff;
}

.Informa li a:hover {
     color: #bdbdbe;
}

.helpful ul li a {
     color: #fff;
     font-size: 17px;
     line-height: 30px;
}

.helpful ul li a:hover {
     color: #bdbdbe;
}

ul.social_icon {
     float: right;
}

ul.social_icon li {
     display: inline-block;
     padding-right: 15px;
}

ul.social_icon li:last-child {
     padding-right: 0;
}

ul.social_icon li a {
     color: #fff;
     display: inline-block;
     text-align: center;
     line-height: 33px;
     font-size: 28px;
     font-weight: bold;
}

ul.social_icon li a:hover {
     color: #bdbdbe;
     transform: rotate(360deg);
     transition: ease-in all 0.7s;
}

.conta ul li a {
     color: #ffffff;
}

.conta ul li a i {
     padding-right: 5px;
}

.copyright {
     background: #151515;
     margin-top: 80px;
     padding: 20px 0px;
}

.copyright p {
     color: #bdbdbe;
     font-weight: 400;
     font-size: 15px;
}

.copyright a {
     color: #bdbdbe;
}

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


/** end footer **/


/*- - ener page css--*/

.inner_page .header {
     box-shadow: 0 -3px 20px 0px #717171;
     position: inherit;

}

.inner_page .about {
     margin: 90px 0;
}

.whatsapp-ico {
     position: fixed;
     width: 100px;
     bottom: 40px;
     left: 40px;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     z-index: 900;
     transition: .5s;
}

@media (max-width: 575px) {
     .whatsapp-ico {
          width: 80px;
          bottom: 10px;
          left: 10px;
     }
}

.bg-dark {
     background-color: #222 !important;
     color: #fff !important;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark p,
.bg-dark a,
.bg-dark li,
.bg-dark i,
.bg-dark span {
     color: #E6E7E8 !important;
}


/* cultura */
.cultura {
     background-color: #101010 !important;
     padding: 40px 0;

     .titulo_cultura {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: start;
          margin-bottom: 10px;
     }

     .titulo_cultura .icon-cultura {
          margin-bottom: 15px;
     }

     .titulo_cultura .icon-cultura i {
          font-size: 40px;
          padding: 15px;
     }


     .titulo_cultura h2 {
          font-size: 30px;
          font-weight: bold;
          line-height: 25px;
          text-transform: uppercase;
     }
}

.button-custom {
     display: inline-flex;
     align-items: center;
     font-size: 18px;
     text-align: center;
     cursor: pointer;
     padding: 20px 25px;
     color: #fff;
     transition: all 0.5s;
     position: relative;
}

.button-custom span {
     z-index: 1;
}

.button-custom:hover {
     color: #fff;
}

.button-custom::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: rgba(180, 180, 180, 0.5);
     transition: all 0.3s;
}

.button-custom:hover::before {
     opacity: 0;
     transform: scale(0.5, 0.5);
}

.button-custom::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     opacity: 0;
     transition: all 0.3s;
     border: 2px solid #fff;
     transform: scale(1.2, 1.2);
}

.button-custom:hover::after {
     opacity: 1;
     transform: scale(1, 1);
}


.glide__slide.galeria {
     height: 600px !important;
     position: relative;
     transition: all 0.3s ease-in;
}

.glide__slide .ver-mais {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     /* background-color: rgba(0, 0, 0, 0.7); */
     color: #fff;
     padding: 10px 20px;
     border-radius: 5px;
     text-decoration: none;
     font-size: 18px;
     z-index: 10;
     opacity: 0;
     transition: all 0.3s ease;
}

.glide__slide .ver-mais i {
     margin-right: 8px;
}

.glide__slide .glide__text {
     padding: 10px;
     font-weight: bold;
     font-size: 15px;
     text-align: center;
}

.glide__slide .glide__img {
     width: 100%;
     height: 88%;
     object-fit: fill;
     border-radius: 10px;
     overflow: hidden;
     transition: all 0.3s ease-in;
}

.glide__slide .glide__img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.3s ease-in-out;
}

.glide__slide:hover .glide__img {
     opacity: 0.4;
     transition: all 0.3s ease-in-out;
}

.glide__slide:hover .glide__img img {
     transform: scale(1.05);
     transition: all 0.3s ease-in-out;
}

.glide__slide:hover .ver-mais {
     opacity: 1;
     background-color: rgba(0, 0, 0, 0.9);
     transition: all 0.3s ease-in-out;
}

.glide__arrow {
     top: 45% !important;
     width: 50px;
     height: 50px;
     font-size: 20px;
     background-color: rgb(75 75 75) !important;
     border-radius: 50px !important;
}

.glide__arrow--left {
     left: 0.5em !important;
}

.glide__arrow--right {
     right: 0.5em !important;
}


.glide__track {
     margin: 0;
     padding: 0;
}


.tab {
     display: flex;
     justify-content: center;
     overflow: hidden;
}

.tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: none;
     cursor: pointer;
     padding: 14px 16px;
     color: #949494;
     border: 1px solid #8d8d8d00;
     transition: 0.3s;
}

.tab button:hover {
     /* background-color: #8d8d8d; */
     border: 1px solid #8d8d8d;
}

.tab button.active {
     background-color: #ccc;
     color: #000;
}

.tabcontent {
     display: none;
     padding: 6px 12px;
     border-top: none;
}

.tabcontent {
     animation: fadeEffect 1s;
}

@keyframes fadeEffect {
     from {
          opacity: 0;
     }

     to {
          opacity: 1;
     }
}




.dark-select {
     background-color: transparent;
     color: #f8f9fa;
     padding: 10px;
     /* width: 50%; */
}

.dark-select:focus {
     background-color: #343a40;
     color: #f8f9fa;
     box-shadow: 0 0 0 0.25rem rgba(134, 134, 134, 0.25);
}

.dark-select option {
     background-color: #535353;
     color: #f8f9fa;
     padding: 10px;
}

.dark-select option:hover {
     background-color: #000000 !important;
}


.grid__projetos {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px 20px;
}

@media screen and (max-width: 1200px) {
     .grid__projetos {
          grid-template-columns: repeat(3, 1fr);
     }
}

@media screen and (max-width: 900px) {
     .grid__projetos {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 575px) {
     .grid__projetos {
          grid-template-columns: repeat(1, 1fr);
     }
}



.grid__projetos::after {
     content: '';
     grid-column: span 1;
     visibility: hidden;
     /* Elemento invisível */
}

.grid__projetos .glide__slide.galeria {
     height: 500px !important;
}

.grid__projetos .glide__text {
     font-size: 15px;
     text-overflow: ellipsis;
     overflow: hidden;
     max-lines: 2;
}

footer .container-logo {
     margin-bottom: 40px;
}

footer .container-logo .logo {
     transform: scale(1.6);
}




footer .links-uteis {
     display: flex;
     justify-content: center;
     margin-bottom: 50px;
}

footer .links-uteis-a {
     display: flex;
     align-items: center;
     font-size: 16px;
     padding: 5px 10px;
}

footer .links-uteis-a a {
     color: #E6E7E8;
}

footer .links-uteis-a a:hover {
     color: #b4b4b4;
}

footer .links-uteis .links-uteis-a::after {
     content: '|';
     color: #E6E7E8;
     margin-left: 20px;
     font-size: 20px;
     font-weight: normal;
}

footer .links-uteis-a a:hover {
     color: #b4b4b4;
}

footer .links-uteis-a:last-child::after {
     content: '';
}





footer .Informa h3 {
     font-size: 16px;
     margin-top: 10px;
}

footer .Informa ul li {
     font-size: 14px;
     line-height: 20px;
}

footer .Informa ul li a {
     color: #fff;
     font-size: 14px;
     line-height: 20px;
}

footer .Informa ul li a:hover {
     color: #bdbdbe;
}

footer .helpful ul li {
     margin-top: 10px;
}

footer .helpful ul li a {
     color: #fff;
     font-size: 16px;
     font-weight: bold;
}

footer .Informa.redes-sociais ul {
     display: flex;
     align-items: center;
}

footer .Informa.redes-sociais ul i {
     font-size: 22px;
     margin-right: 10px;
}


@media (max-width: 575px) {
     footer .links-uteis {
          flex-direction: column;
     }

     footer .links-uteis-a {
          padding: 0px 8px;
     }

     footer .links-uteis-a::after {
          content: '' !important;
     }

     footer .Informa {
          margin-bottom: 20px;
          padding: 8px;
     }

     .copyright {
          margin-top: 50px;
     }

}


#obras {
     padding-bottom: 20px !important;
}

.glide__bullets {
     display: flex;
     justify-content: center;
     margin-top: 20px;
     bottom: -3em !important;
}

.glide__bullet {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #ccc;
     border: none;
     cursor: pointer;
     transition: background-color 0.3s;
}

.glide__bullet--active {
     background-color: #000;
     /* Cor do bullet ativo */
}


.card-dep {
     min-height: 320px;
     width: 100%;
     margin-top: 10px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 25px;
     background: #bdbdbd;
     background: radial-gradient(circle, rgb(87, 87, 87) 0%, rgb(54, 54, 54) 100%);
     /* background: radial-gradient(circle,rgb(126, 126, 126) 0%, rgb(82, 82, 82) 100%); */
     border-radius: 10px;
     transition: all 0.3s ease-in-out;
}

.card-dep:hover {
     transform: translateY(-8px);
     transition: all 0.3s ease-in-out;
}

.card-dep h3 {
     font-size: 20px;
     font-weight: bold;
     margin-top: 30px;
}

#depoimentos {
     padding-top: 50px !important;
     padding-bottom: 70px !important;
}

.detalhes {
     background-color: transparent;
     color: #E6E7E8;
}

.detalhes p {
     color: #E6E7E8;
}

.detalhes hr {
     border: 1px solid #E6E7E8;
}

.detalhes .titulo {
     font-size: 40px;
}





.gallery-container {
     margin: 0 auto;
     position: relative;
}

/* Slider Principal */
.main-slider {
     margin-bottom: 10px;
}

.main-slider .swiper-slide img {
     width: 100%;
     height: 550px;
     object-fit: cover;
}

/* Setas de navegação */
.swiper-button-next,
.swiper-button-prev {
     color: white !important;
     background: rgba(0, 0, 0, 0.5) !important;
     width: 30px !important;
     height: 30px !important;
     border-radius: 50% !important;
     transition: all 0.3s !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
     background: rgba(0, 0, 0, 0.8) !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
     font-size: 13px !important;
}

/* Miniaturas */
.thumbnail-slider {
     padding: 10px 0;
}

.thumbnail-slider .swiper-slide {
     opacity: 0.5;
     cursor: pointer;
     border: 2px solid transparent;
     border-radius: 3px;
     transition: all 0.3s;
}

.thumbnail-slider .swiper-slide:hover {
     opacity: 0.8;
     border: 2px solid transparent;
}

.thumbnail-slider .swiper-slide-thumb-active {
     opacity: 1 !important;
     border: 2px solid rgb(104, 104, 104) !important;
}

.thumbnail-slider .swiper-slide img {
     width: 100%;
     height: 100px;
     object-fit: cover;
}

.lg-backdrop {
     background: rgba(0, 0, 0, 0.9);
     z-index: 9999998 !important;
}

.lg-toolbar {
     background: transparent;
}

.lg-outer {
     z-index: 9999999 !important;
     /* Container do Lightbox */
}

.lg-toolbar,
.lg-actions .lg-next,
.lg-actions .lg-prev {
     z-index: 99999999 !important;
     /* Botões de navegação/close */
}


.obra-detalhes {
     color: var(--cor-texto) !important;
}

.obra-detalhes .titulo {
     font-size: 25px;
     font-weight: bold;
     line-height: 35px;
}

.obra-detalhes .titulo p {
     font-size: 15px;
     font-weight: 300;
     text-transform: capitalize;
     color: var(--cor-texto) !important;
}

.obra-detalhes hr {
     border: .5px solid rgb(90, 90, 90);
     margin: 25px 0;
     width: 60%;
}

.obra-detalhes .descricao {
     text-align: justify;
     font-size: 15px;
     line-height: 25px;
     margin-bottom: 20px;
}

.obra-detalhes .descricao p {
     margin: 0;
     padding: 0;
     font-size: 15px;
     line-height: 25px;
     color: var(--cor-texto) !important;
}

.obra-detalhes .descricao ul {
     margin: 0;
     padding: 0 0 0 30px;
     color: var(--cor-texto) !important;
}

.obra-detalhes .descricao ul li {
     list-style: none;
     font-size: 15px;
     line-height: 25px;
     list-style-type: disc;
     color: var(--cor-texto) !important;
}

.obra-detalhes .detalhes {
     font-size: 15px;
     line-height: 25px;
     color: var(--cor-texto) !important;
}

.obra-detalhes .detalhes p, .obra-detalhes .detalhes .detalhe {
     margin: 0;
     padding: 0;
     font-size: 15px;
     line-height: 25px;
     color: var(--cor-texto) !important;
}

.obra-detalhes .detalhes p i, .obra-detalhes .detalhes .detalhe i {
     text-align: center;
     width: 28px;
     margin-right: 5px;
     color: var(--cor-texto) !important;
}

.obra-detalhes .detalhes p span, .obra-detalhes .detalhes .detalhe span {
     font-weight: bold;
     color: var(--cor-texto) !important;
}