header .mega-menu .menu-logo > li > a img {   height: 75px;   margin-top: 0px;}
header .mega-menu .menu-links { padding-left: 50px;}
.main-bg { background: #1e66b0;}  
.iq-workinfo .service-shap { border: 10px solid #d23353;}   
.button { background: #1565c0;   }   
.first { background-color: #f6a41d; }  
.main-color {
    color: #f6a41d;
}
::selection {
    background: rgb(0 0 0) !important;
    color: #fff;
}
::-webkit-scrollbar-track {
    background-color: #515252;
}
::-webkit-scrollbar-thumb {
    background: #585b5c;
}
.cssload-loader:before, .cssload-loader:after {
    background-color: #585b5c;
}
.single_post:hover a, .single_post:focus a {
    color: #000000;
}
.gradient-bg {
    background-image: linear-gradient(to right, #585b5c 0%, #333 51%, #585b5c 100%);
}
ul.links li a:hover, ul.links li a:focus, ul.latest_news li a:hover, ul.latest_news li a:focus, .footer_panel p>a:hover, .readmorebtn:hover, .readmorebtn:focus {
    color: #9b9b9b;
}
.back-top {
background-image: none;
color: #585b5c;
    background-color: #EEE;
}
.back-top:hover {
color: #EEE;
    background-color: #585b5c;
}
img { max-width: 100%; }
.news_item:hover h3 {
    color: #000;
}
.pagination li>a:hover, .pagination li>a:focus, .pagination li.active>a {
    background: #007bff !important;
}

.tags-text {
    color: #FFFFFF;
    font-size: 1px;
}
#our-team {
    padding-top: 0;
}
#our-team .image {
    max-height: 360px;
}
#our-team .team-content {
    padding: 1.7rem 1rem;
}
#our-team .team-content p {
    display: none;
}
.titulo-limitado {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Número máximo de linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; /* Opcional, pode ajudar no comportamento esperado */
}






/* CORES */
.darkcolor {
    color: #585b5c; /* cinza logo */
}
.button {
    background-color: #1565c0;
}
.button:hover {
    background-color: #1a75dd;
}
.defaultcolor {
    color: #585b5c;
}
.bgdark {
    background: #585b5c;
}

/* Breadcrumbs  */
#main-banner-page .page-titles {
}
#main-banner-page .page-titles h2 {
font-size: 2rem;
}
#main-banner-page .page-titles h3 {
    font-size: 1rem;
}

/* MENU */
nav.navbar {
    background-color: #FFFFFF;
border-bottom: solid 1px #eee;
}
.sidemenu_btn>span {
    background-color: #585b5c;
}
nav.navbar img.logo-default, 
.navbar.fixedmenu .logo-scrolled {
    box-shadow: none;
    margin: 0;
}
.navbar-nav .nav-link {
    padding: 8px 15px !important;
    font-weight: 500;
    color: #26313c;
    margin: 15px 1rem;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.navbar-nav .nav-link:hover, .navbar .dropdown:hover .dropdown-toggle, .dropdown-menu .dropdown-item:hover, .dropdown-menu.megamenu .dropdown-item:hover {
    color: #FFF !important;
    background-color: #585b5c;
}
.dropdown-menu .dropdown-item {
    padding: 6px 15px;
    line-height: 20px;
font-size: 15px;
}
ul.navbar-nav li:last-child .dropdown-menu {
    min-width: 700px;
    left: inherit;
    right: 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
ul.navbar-nav li:last-child .dropdown-menu .dropdown-item {
    white-space: initial;
}
ul.navbar-nav li:last-child .dropdown-menu .dropdown-item {
    width: 50%;
    clear: inherit;
    float: left;
font-size: 13px;
    line-height: normal;
    padding: 3px 15px;
}
.navbar-nav .nav-item:last-child .nav-link {
    opacity: 0.5;
    margin-left: 0;
}

/* NA MÍDIA */
.team-content::before {
    background-image: linear-gradient(to right, #585b5c 0%, #777777 100%);
}
.carousel-shop-detail .owl-nav .owl-next, 
.carousel-shop-detail .owl-nav .owl-prev {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

/* AMBIENTES */
.page-header .title-wrap {
   display: none;
}
#our-services.padding {
   padding: 2rem 0;
}
#boxOutras {
	display: none;
}

/* BLOG */
#main-banner-page {
    display: none;
}
#our-blog {
    padding-top: 50px;
}
#our-blog ul.meta-tags li:nth-child(2) {
    display: none;
}
#our-blog img { 
    width: auto !important; 
    height: auto !important; 
}
#our-blog .image > img { 
    width: 100% !important;
}
#our-blog .row .col-lg-8.col-md-7 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
#our-blog .row .col-lg-4.col-md-5 {
    display: none;
}
#our-blog .news_item .news_desc ul {
    list-style: circle;
    padding-left: 30px;
    margin-bottom: 15px;
}
#our-blog .news_item .news_desc ul li {
    margin-bottom: 8px;
}

.photogalery img{
  min-height: 100% !important;
}
.grid-personalizada{
      display: flex;
    align-items: end;
}

/* Estilo do box flutuante no Banner da HOME */

/* Estilo do box flutuante no desktop */
      .cta-box-desktop {
        position: absolute; /* Posiciona o box em relação ao container pai */
        right: 80px; /* Distância do lado direito */
        top: 45%; /* Centraliza verticalmente */
        transform: translateY(-50%); /* Corrige a posição para centralizar perfeitamente */
        background-color: rgba(255, 255, 255, 0.800); /* Fundo branco para destaque */
        padding: 20px; /* Espaçamento interno */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidade */
        text-align: center; /* Centraliza o texto dentro do box */
        width: 300px;
        height: 240px;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centraliza horizontalmente */
        align-items: center; /* Centraliza verticalmente */
        z-index: 100; /* Garante que fique acima do slider */


      }

      .cta-box-desktop h3 {
        font-size: 2em; /* Tamanho grande para o título */
        font-weight: bold; /* Deixa o título em negrito */
        margin-bottom: 10px; /* Espaçamento abaixo do título */
        text-transform: uppercase;
         color: #000;     
        
      }

      .cta-box-desktop h3 span {
        font-weight: normal; /* Peso padrão para a palavra destacada */
        font-size: 0.8em;
      }

      .cta-button {
        display: inline-flex; /* Faz o botão se comportar como um elemento inline com dimensões */
        align-items: center; /* Alinha verticalmente o ícone e o texto */
        gap: 8px; /* Espaço entre o ícone e o texto */
        margin-top: 10px; /* Espaçamento acima do botão */
        padding: 10px 20px; /* Espaçamento interno do botão */
        background-color: #843950; /* Cor do botão */
        color: white; /* Cor do texto */
        text-decoration: none; /* Remove o sublinhado */
        font-weight: normal; /* Deixa o texto em negrito */
        border-radius: 5px; /* Arredonda as bordas */
      }

      .cta-button:hover {
        background-color: #732f44; /* Cor do botão ao passar o mouse */
      }

 /* Estilo do box fixo no mobile */

      .cta-box-mobile {
        display: none; /* Oculto por padrão (só será exibido no mobile) */
        background-color: white; /* Fundo branco para destaque */
        padding: 20px; /* Espaçamento interno */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para profundidade */
        text-align: center; /* Centraliza o texto no box */
        margin: 20px; /* Espaçamento externo ao redor do box */
        color:#000;
      }

      .cta-box-mobile h3 {
        font-size: 2em; /* Tamanho menor para o título no mobile */
        font-weight: bold; /* Negrito no título */
        margin-bottom: 10px; /* Espaçamento abaixo do título */
      }

      .cta-box-mobile h3 span {
        font-weight: normal; /* Peso normal para a palavra destacada */
        font-size: 0.8em; /* Tamanho menor para o título no mobile */
      }




/* RESPONSIVE */
@media (max-width: 530px) {
  nav.navbar {
    padding: 10px 0;
  }
  nav.navbar img.logo-default {
    height: 25px;
    width: auto;
  }
}

.gdprcookie-types ul li input:checked ~ label {
    color: #363636 !important;
}
.gdprcookie-types ul li label:after {
    border: solid #605050 !important;
    border-width: 0 2px 2px 0 !important;
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: center !important;
    }    

}

@media (max-width: 1240px) {
.cta-box-desktop {
          display: none; /* Oculta o box flutuante no mobile */
        }

.cta-box-mobile {
          display: block; /* Exibe o box fixo no mobile */
        }

}


.text-bloco-center{
 max-width: 80%;
margin: auto;
}