
@media screen and (max-width: 767px) {
    
    #menu{
        border-top:1px solid #314F64;
    }
    
    #menu-resp.menu-open-mobile {
  background-color: rgba(22, 55, 78, 0.9);
}
#menu-resp {
  position: fixed;
  top: 0;
  width: 100%;
  height: 20vw;
  background-color: rgba(22, 55, 78, 0); /* começa transparente */
  transition: background-color 0.2s ease;
}

	.menu {
top:20vw;
		-webkit-transform: translateX(-100%);
				transform: translateX(100%);
	}

.menu_slide_down { 
    position: absolute;
    
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    z-index: 100;
}

.menu {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.4s ease, opacity 0.3s ease;
}

.menu.menu-mobile-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0vw);
}
}

.bt a:hover{
    transition: all 0.3s;
}

.bt-hover a:hover{
    transition: all 0.3s;
}

#gallery-1 .gallery-item {
				float: left;
				margin-top: 0vw !important;
				text-align: center;
				width: 33%;
			}

.menu_center{
    text-align: ccenter;
    display: flex;
    mmargin: 0;
    justify-content: center;
    align-items: center;
}


.maddons_botao_icone{

	margin:0 0 0 1vw !important;
}

@media screen and (max-width: 767px) {
	.maddons_botao_icone{
	margin:0 0 0 2vw !important;
}

.open_menu{
    padding:0 5vw 0 2vw  !important;
}

.logo img{
        max-height:20vw;
        width:10vw;
    } 
    
    .elementor-divider-separator{
        border-width:0.7vw !important;
        
    }
    
    .quebra-mobile{
        display: block; 
    }
    
    .maddons_botao{
        padding: 3vw 5vw !important;
    }
}

.link{
    color:#FFF;
    text-decoration: underline !important;
}

#bt-terapia{
    border: 1px solid #A2BBCC;
    border-radius:4.7em;
}

#bt_top{
    border-radius: 0.5vw;
    border:1px solid #fff;
}

#bt_top a:hover{
    border-radius: 0.5vw;
    transition: background-color 0.3s;
}

.bt a{
   -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.4); 
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.4) !important;

}
.gallery-icon img{
    border-color: #bf7802 !important;
}
.elementor-widget-text-editor p:last-child { margin-bottom: 0px; }

    .quadro_avaliacao{
    position: relative;
}
    .destaque{
        color:#f9a51a;
        font-weight: bold;
        }
    
    .destaque-azul{
        background: #fff; color:#3B617C;
        font-weight: bold;
        padding:0 0.7vw; 
    }
   

    @media screen and (min-width: 767px) {
.quadro h2{
	font:1.8vw Exco;
	font-weight:bold;
	color:#333;
	width:100%;
}

.quadro h3{
	font:1vw Exco;
	font-weight:bold;
	color:#333;
	margin:1.5vw 0 0.2vw 0;
}

.gallerya-item:hover a{
    background-color: transparent !important;
    
}

.quadro h4{
	font:0.8vw Tahoma;
	color:#333;
}

.quadro p{
	font:1.1vw Tahoma;
	color:#333;
	margin:1vw 0 0 0;
	line-height:1.7vw;
	text-align: justify;
}


  .projeto_detalhes > div {
      display: none;
    }
    .projeto_detalhes .show {
      display: block;
    }

.anc_projeto{
	text-decoration:none;
}

	
	.negrito{
		font-weight:bold;
	}
	

	
	.fotos_projeto p{
		width:100%;
	}
	

	
.block{
	display:block !important;
}



.description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  font:1vw Tahoma;
  color: white;
  padding: 1.5vw;
  box-sizing:border-box;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* ComeÃ§a oculto abaixo da imagem */
  transition: opacity 0.8s ease, transform 0.8s ease; /* Adiciona transiÃ§Ã£o para o efeito fade-up */
}



.gallerya-item:hover .description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Mostra a descriÃ§Ã£o na posiÃ§Ã£o normal */
}



	    .galleryfull{
	width:100% !important;
	float:left !important;
}

   .gallery-inner {
      display: flex;
	  flex-wrap:wrap;
	  flex-direction: row;
	  align-items: stretch;
      transition: transform 0.3s ease-in-out;
	  justify-content:center;
	  margin:0 0 2vw 0;
	  column-gap: 1vw;
    }
   
.ft_mobile{
    display: none;
}

 .gallery {
      width: 100%;
      overflow: hidden;
	  float:right;
    }
    

	 .gallerya-item:hover a{
		  text-decoration:none;
	 }
	 

	 .active-menu{
		 background-color:#fff
		 !important;
		 text-decoration:none !important;
		 border:1px solid #A2BBCC !important;
	 }
	 
	 .active-menu a{
	     color:#3B617C !important;
	 }
	 
	 .projeto_detalhes{
	     width:75%;
	     margin: 0 auto;
	 }

	 .conteudo_descr{
		 width:100%;

	 }
	 
	 .descricao_projeto{
	    display: flex;
	    flex-direction: column;
	    width:100%; 
	    
	 }
	 
	 .descricao_projeto a{
	     background-color: #fff;
	     color:#3B617C;
	     font:0.9vw Helvetica;
	     font-weight: 600;
	     padding: 0.9vw 2vw;
	     border-radius: 4.7em;
	     display: flex;
	     align-items: center;
	     float:left;
	     margin:3vw auto 0 auto;
	     border:1px solid #A2BBCC;
	 }
	 
	 .descricao_projeto a:hover{
	     background-color: #3B617C;
	     color:#fff;
	     transition: all 0.3s;
	 }
	 
	 	 .descricao_projeto a i{
	 	     font-size:1.4em;
	 	     margin: 0 0 0 1vw;
	 	     }
	 
	 .foto_descr{
		 width: 37%;
		 float:left;
		 border-radius:1vw;
		 overflow:hidden;
		 margin: 0 1vw 0.5vw 0;
	 }

	
     .gallerya-item {
      width:13.3% !important; /* Largura de cada imagem */
	  cursor:pointer;
	   background-color:#3B617C;
		 padding:1vw 0.9vw !important;
		 display:flex;
		 flex-wrap:wrap;
		 font:1.3vw Helvetica;
		 justify-content:center;
		 align-items:center;
		 border-radius:0.3em;
		 border:1px solid #1C394E;
		 text-decoration:none;
		 margin: 0 0 1vw 0;
		 text-align: center;
    }
    
    .gallerya-item:hover{
        background-color:#fff;
        color:#3B617C;
        border:1px solid #A2BBCC !important;
        transition: all 0.3s;
    }
    }
    
    @media screen and (max-width: 1024px) {
        
         .descricao_projeto a{
	     background-color: #fff;
	     color:#3B617C;
	     font:1.2vw Helvetica;
	     font-weight: 600;
	     padding: 1vw 2vw;
	     border-radius: 4.7em;
	     display: flex;
	     align-items: center;
	     float:left;
	     margin:0 auto;
	     border:1px solid #A2BBCC;
	 }
	 
	 	 .descricao_projeto a i{
	 	     font-size:1.7vw;
	 	     margin: 0 0 0 1vw;
	 	     }

}

@media screen and (max-width: 767px) {


.quadro h2{
	font:1.8vw Exco;
	font-weight:bold;
	color:#333;
	width:100%;
}

.quadro h3{
	font:1vw Exco;
	font-weight:bold;
	color:#333;
	margin:1.5vw 0 0.2vw 0;
}

.quadro h4{
	font:0.8vw Tahoma;
	color:#333;
}

.quadro p{
	font:1vw Tahoma;
	color:#333;
	margin:1vw 0 0 0;
	line-height:1.7vw;
	text-align: justify;
}

  .projeto_detalhes > div {
      display: none;
    }
    .projeto_detalhes .show {
      display: block;
    }

.anc_projeto{
	text-decoration:none;
}

	
	.negrito{
		font-weight:bold;
	}
	

	
	.fotos_projeto p{
		width:100%;
	}
	

	
.block{
	display:block !important;
}


.img_escritorio{
	width:48%;
	float:left;
	margin:0 2vw 0 0;
}


     /* EstilizaÃ§Ã£o da barra de rolagem */
    .gallery::-webkit-scrollbar  {
      height: 0.2vw;
    }
    .gallery::-webkit-scrollbar-track {
      background-color: #1C394E;
	   border-radius: 10vw 0 0 10vw;
    }
    .gallery::-webkit-scrollbar-thumb {
      background-color: #1C394E;
        border-radius: 10vw 0 0 10vw;
    }
    .gallery::-webkit-scrollbar-thumb:hover {
      background-color: #1C394E;
    }
	

    .galleryfull::-webkit-scrollbar-track {
      background-color: #acacac;
	   border-radius: 0 !important;
    }
    .galleryfull::-webkit-scrollbar-thumb {
      background-color: #161616;
        border-radius: 0 !important;
    }

	.gallerya-item {
      width:13.3% !important; /* Largura de cada imagem */
	  cursor:pointer;
	   background-color:#3B617C;
		 padding:1vw 0.9vw !important;
		 display:flex;
		 flex-wrap:wrap;
		 justify-content:center;
		 align-items:center;
		 border-radius:0.3em;
		 border:1px solid #1C394E;
		 text-decoration:none;
		 margin: 0 0 1vw 0;
		 text-align: center;
    }
    
    	.gallerya-item a{
    	    font:3vw Helvetica !important;
    	}
    
    .gallerya-item:hover{
        background-color:#fff;
        color:#3B617C;
    }

.description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  font:1vw Tahoma;
  color: white;
  padding: 1.5vw;
  box-sizing:border-box;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* ComeÃ§a oculto abaixo da imagem */
  transition: opacity 0.8s ease, transform 0.8s ease; /* Adiciona transiÃ§Ã£o para o efeito fade-up */
}

.description a{
  color: white;
  text-decoration:none;
}

.description a:hover{
  color: white;
  text-decoration:none;
}

.gallerya-item:hover .description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Mostra a descriÃ§Ã£o na posiÃ§Ã£o normal */
}
	

			
			  /* EstilizaÃ§Ã£o da barra de rolagem */
    .gallery::-webkit-scrollbar  {
      height: 0vw;
    }
	
		    .ft_mobile{
		        display:none
		    }
		     .quadro{
	width:100%;
	padding:4vw 0;
	overflow-x: hidden;
    overflow-y: auto;
	box-sizing:border-box;
}


	    .galleryfull{
	width:100% !important;
	float:left !important;
}

   .gallery-inner {
      display: flex;
	  flex-wrap:no-wrap;
      transition: transform 0.3s ease-in-out;
	  justify-content: flex-start !important;
	   margin:0 0 2vw 0;
    }
   


 .gallery {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
	  float:right;
	  padding:0 0.5vw;
    }
    
	 
	 .iconedesc{
		 color:#000;
	 }
	 
	 .active-menu{
		 background-color:#fff
		 !important;
		 text-decoration:none !important;
	 }
	 
	 .active-menu a{
	     color:#3B617C !important;
	 }
	 
	 .projeto_detalhes{
	     width:100%;
	     margin: 0 auto;
	 }

	 .conteudo_descr{
		 width:100%;

	 }
	 
	 .descricao_projeto{
	    display: flex;
	    flex-direction: column;
	    width:100%; 
	    
	 }
	 
	 .descricao_projeto a{
	     background-color: #fff;
	     color:#3B617C;
	     font:3.5vw Helvetica;
	     font-weight: 600;
	     padding: 3vw 5vw;
	     border-radius: 4.7em;
	     display: flex;
	     align-items: center;
	     float:left;
	     margin:7vw auto 0 auto;
	     border:1px solid #A2BBCC;
	 }
	 
	 	 .descricao_projeto a i{
	 	     font-size:5.5vw;
	 	     margin: 0 0 0 2vw;
	 	     }
	 .foto_descr{
		 width:50%;
		 float:left;
		 border-radius:3vw;
		 overflow:hidden;
		 margin:0 2vw 2vw 0;
	 }
	 

     .gallerya-item {
      flex-shrink: 0;
      width:30vw !important; /* Largura de cada imagem */
      margin-right: 1vw;
	  cursor:pointer;
    }
    
	
	.conteudo_descr h2{
	    font:4vw Helvetica !important;
	    font-weight: bold !important;
	}
	
	.conteudo_descr p{
	    font:3.5vw Helvetica !important;
	    line-height: 5.5vw !important;
	}

	}
	
