/*CSS - Comerciante*/
.comerciante {
    height: 800px;
}


/*CSS - Nossos Serviços */
#nossos_servicos {
    width: auto;
    max-width: 100%;
    height: auto;
    padding-top: 80px;
    background: rgb(247, 247, 247) url("../../imagens/img_expo/bg_ns.png") no-repeat center;
    background-size: cover;
}


.ns_h1{
    font-family: 'Rubik';
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    color:#2a852f ;

}

.ns_h4{
    padding: 0px;
    font-family: 'Rubik';
    font-weight: 100;
    line-height: 1.3;
    margin-bottom: 20px;
    color: gray;
}

.ns_img {
    border: 2px solid #355635;
    width: 536px;
    padding: 0px;
}


/*CSS - Segmento de atução*/

#segmento_atuacao {
    width: auto;
    max-width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #355635 url("../../imagens/img_expo/bg_sa.png") no-repeat center;
    background-size: cover;
}


.sa_h1{
    width: auto;
    font-family: 'Rubik';
    font-weight: 500;
    margin-bottom: 30px;
    color:#ffffff ;
}

.sa_h4{
    font-family: 'Rubik';
    font-weight: 100;
    line-height: 1.3;
    margin-bottom: 30px;
    color: #ffffff ;
}

.sa_p {
    font-family: 'Rubik';
    font-weight: 100;
    font-size: 18px;
    color:#ffffff ;
}

.sa_img_brd {
    border: 3px solid #2a852f; 
    padding: 0px;
}

.sa_img_brd:hover {
    border: 3px solid #23c72b; 
    padding: 0px;
}



/*CSS - Inovação*/
#inovacao {
    width: auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background: rgb(247, 247, 247);
    
}

.inov_h2{
    font-family: 'Rubik';
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 20px;
    color:#2a852f;
}

.inov_img {
    height: 324px;
    background-color: black;
}

.inov_h4 {
    font-family: 'Rubik';
    font-weight: 400;
    line-height: 1.3;
    font-size: 30px;
    margin-bottom: 8px;
    color:#2a852f;
}

.inov_p {
    font-family: 'Rubik';
    font-weight: 100;
    line-height: 1.3;
    font-size: 16px;
    color: gray;
}

.inov_txt {
    width:auto;
    margin-top: 50px;
}



/*Modal op2*/
.small_img{
  height: 100%;
  cursor: pointer;
  transition: all linear 0.4s;
}

.modalVisual{
  display:none;
  position: fixed;
  z-index:1;
  padding-top:120px;
  left:0;
  top:80px;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgba(0, 0, 0, 0.507);
  
}

.modalConteudo{
  margin:auto;
  display:block;
  width:100%;
  max-width:800px;
  border-radius: 20px;
  border: 6px solid #ffffff;
  
}


.fechar{
  position:absolute;
  top:15px;
  right:35px;
  color: #ffffff;
  font-size:40px;
  font-weight:bold;
  cursor:pointer;
}