@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');


* {
  margin: 0;
  padding: 0;
}

a {
    text-decoration: none;
}

h1 {
    font-family: Work Sans;
    text-align: justify;
    font-size: 14pt;
    padding: 10px 35px;
}

h2 {
    font-family: Work Sans;
    text-align: center;
    padding: 10px ;
    font-size: 14pt;
}

h3 {
    font-family: Work Sans;
    text-align: justify;
    font-size: 17pt;
    padding: 10px 35px;
}

ul {
  list-style:none;
}

p {
    text-align: justify;
    font-family: Work Sans;
    padding: 10px;
    font-size: 12pt;
    color: #000000;
    z-index: 1;
}

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

/*-------------------------------------------- endereço ------------------------------------------------*/

  .social {
    display: flex;
    flex-flow: row wrap;
    font-family: Work Sans;
    margin-top: 70pt;
    background-color: #628f00;
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
  }

@media (max-width: 999px) {
  .social {
        margin-top: 50pt;
    }

}

  .locico{
    width: 10%;
    margin-left: 10pt;
  }

  .imgico {
    width: 10pt;
    margin-top: 3pt;
  }

  .endereco{
    margin-top:3pt;
   float: left;
   width: 50%;
   font-family: Work Sans;
    color: #ffffff;
}

  .localizacao {
    display: none;
        margin-top:3pt;
    width: 60%;
  }

  .localizacao a{
    color: #fff;
  }

@media (max-width: 999px) {

  .endereco {
      display: none;
    }

  .localizacao {
    display: block;
      float: left;
  width: 50%;
  font-family: Work Sans;
  color: #ffffff;
    }

  .locico {
      width: 10%;
    }

}

  .icons{
    float: left;
    margin-top: 4pt;
    width: 30%;
    text-align: right;
  }

  .fb-topo{
    width: 11pt;
  }

  .ig-topo{
    width: 11pt;
  }

  .tw-topo{
    width: 11pt;
  }

  .li-topo{
    width: 11pt;
  }


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

/*-------------------------------------------------------MENU-----------------------------------------------*/

nav {
  font-family: Work Sans;
  font-weight: bold;
  top: 0pt;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 100;
  background-color: white;
}

nav a{
  color: black;
}

ul {
  overflow: hidden;
  margin-top:25pt;
  padding: 0pt 25pt;
}

  .nav-list {
    list-style: none;
    display: flex;
    height: 40pt;
   }
  

  .nav-list li:hover {
    height: 15pt;
    background-color: rgb(50,143,0, 0.2) ;
  }

  .nav-list li {
   letter-spacing: 1px;
   margin-left: 30px;
  }


  #check {
   display: none;
  }
  
  .checkbtn {
    display:none;
  }

  .checkbtn:focus ~ .nav-list {
    height:100%;    
  }

  .checkbtn:hover {
    cursor: pointer;
  }

@media (max-width: 999px) {

      .logo-menu {
        width: 60%;
        margin-left: 15pt;
        margin-top: 5pt;
      }
      
      .nav-list {
        position: absolute;
        color: black;
        margin-top: 30pt;
        flex-direction:column;
        height: 0;
        z-index: 2;
        box-shadow:0px 0px 10px rgba(0,0,0,0.5);
      }


      .checkbtn {
        display:flex;
        width: 10%;
        margin-top: 3pt;
        font-size: 36px;
        left: 60pt;
        

      }
  
      #check:checked ~ .nav-list {
        font-weight: bold;
        height: 430%;
        width: 50vw;
        top:20pt;
        right: 0;
        background-color: rgb(98,143,0, 0.9) ;
        
      }

      .nav-list li {
        letter-spacing: 7px;
        margin-top: 20pt;
        
      }

}

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

/*--------------------------------------------------------Rodapé do site--------------------------------------------------------------*/

  .footer {
    width: 100%;
    display: flex;
    justify-content:center;
    background-color:  #628f00;
  }

  .column-footer1, .column-footer2, .column-footer3,  {
    width: 33%;
  }


  footer#rodape h1 {
    font-size: 15pt;
    color: #ffffff;
    font-family: Work Sans;
    text-align: center;
  }

  footer#rodape h2 {
    font-weight: normal;
    font-size: 12pt;
    color: #ffffff;
    font-family: Work Sans;
  }

  footer#rodape p {
    font-size: 12pt;
    color: #ffffff;
    text-align: center;
    font-family: Work Sans;
  }

  footer#rodape a {
    font-size: 12pt;
    color: #ffffff;
    text-decoration: underline;
    font-family: Work Sans;
  }

  .logo-footer{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
  }


  .social-footer{
    margin-top:50pt;
    text-align: center;
  }

  .fb-footer{
    width: 20pt;
  }

  .ig-footer{
    width: 20pt;
  }
  
  .li-footer{
    width: 20pt;
  }

  .tw-footer{
    width: 20pt;
  }

@media (max-width: 999px) {
  .footer  {
    flex-wrap: wrap;
    width: 100%;
  }
}

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

/*-------------------------------------------------------10p HEAD-----------------------------------------------*/


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  top: 10pt;
  width: 500%;
height: 150pt;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

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

/*-------------------------------------------------------IMAGENS PAINEL--------------------------------------------------------*/

  .flexWrap {
    display: flex;
    margin-top: 20pt;
    text-align: center;
  } 


  .economia {    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10pt;
    height:300pt; 
    width:260pt;
    background: url('../_imagens/agroeconomia.jpg') center no-repeat;
  }  

  .iframeeco {
    margin-top: 40%;

  }

  .cotacoes {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10pt;
    height:300pt; 
    width:260pt;
    background: url('../_imagens/agrocotacoes.jpg') center no-repeat;
  }  

  .iframecota {
    margin-top: 30%;
  }

  .clima { 
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10pt;
    height:300pt; 
    width:260pt;
    background: url('../_imagens/agroclima.jpg') center no-repeat;
  }  

  .iframeclima {
    margin-top: 35%;



    overflow: hidden
  }

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

/*------------------------------------------------------------CONTEÚDO INDEX--------------------------------------------------*/

  .quadro {
    display: flex;
    font-family: Work Sans;
    margin-top: 10pt;
    justify-content:center;
  }

  .quadro2 {
    display: flex;
    font-family: Work Sans;
    margin-top: 10pt;
    justify-content:center;
 }

  .column, .column2 {
    margin-top: auto;
    margin-bottom: auto;
    width: 40%;
    padding: 10px;
  }

  .img-inicio{
    width: 100%;
    position:relative;
    
  }

@media (max-width: 999px) {

  .quadro {
    flex-direction: column-reverse;
    box-shadow:0px 0px 0px rgba(0,0,0,0.5);
    margin-left: auto;
    margin-right: auto;
  }
    .quadro2 {
    flex-direction: column;
    box-shadow:0px 0px 0px rgba(0,0,0,0.5);
    margin-left: auto;
    margin-right: auto;
  }

  .column, .column2 {
    background-color: rgb(98,143,0, 0.2);
    width: 90%;
    align-self:center;
  }

  .img-inicio{
    width: 100%;
    position:relative;
  }

}

  .divisao{
    height: 50pt;
    text-align: center;
  }

  .botaozinho{
    position: relative;
    background-color: #628f00;
    width: 50pt;
    height:5pt;
    margin-top: 30pt;
    margin-right: auto;
    margin-left: auto;
  }

  .split {
    position: absolute;
    color: white;
  }

  .split h1{
    font-size: 10pt;
  }


  .img-rodape{
    width: 100%;
  }

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

/*---------------------------------------------------------AQUI COMEÇA PÁGINA SERVIÇOS----------------------------------------------------*/
  .head-serv {
    height: 200pt;
    background: url('../_imagens/servicos-d.jpg') center;
    display: flex;
  }

  .head-serv img{
    width: 100%;
  }

  .headtitle{
    font-size: 50pt;
    font-family: Work Sans;
    color:#fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 30%;
  }

  .headtext{
    font-size: 20pt;
    font-family: Work Sans;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 20%;
  }
 
  .headtext a {
    color: #fff;
  }

@media only screen and (max-width: 999px) {
  .headtitle {
    font-size: 30pt;
    margin-top: 20pt;
    margin-left: 10pt;
    width: 50%
  }

  .headtext {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 20pt;
    width: 100%
  }

}

  .servicos {
    justify-content:center;
  }

  .servicos h1 {
    font-weight: normal;
    font-size: 17pt;
  }

  .column-servicos {
    margin-top: 50pt;
    box-sizing: border-box;

  }

@media only screen and (max-width: 999px) {
  .flexWrap { flex-wrap: wrap; }
  .flexCol { width: 100%; }
}

  .row:after {
    content: "";
    display: table;
    clear: both;
    z-index: 1;
  }


  .txthover {
    position: relative;
    height: 400px;
    width: 300px;

  }

  .descricaoimg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(50, 50, 50, 0.72);
    background-position: top;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 30pt;
    font-family: Work Sans;
    transition: opacity .2s, visibility .2s;
  }

  .descricaoimg p{
    font-size: 10pt;
    color: white;
  }

  .descricaoimg a{
    font-size: 12pt;
    color: white;
    text-decoration: underline;
  }

  .txthover:hover .descricaoimg {
    visibility: visible;
    opacity: 1;
  }


  /* FOTOS SERVICOS*/

  ul#album-fotos {
    text-align: center;
    overflow: hidden;
    list-style: none;
  }

  ul#album-fotos li {    
    text-align: center;
    display: inline-block;
    width: 300px;
    height: 410px;
  }

  ul#album-fotos li:hover {
    -webkit-transition: 0.5s;
  }

  ul#album-fotos li#foto01 {
    background: url('../_imagens/avaliacaorural-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

  ul#album-fotos li#foto02 {
    background: url('../_imagens/cadastroanualplantiodesoja-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

  ul#album-fotos li#foto03 {
    background: url('../_imagens/consultoriaambiental-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

  ul#album-fotos li#foto04 {
    background: url('../_imagens/corretagemdegraos-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

  ul#album-fotos li#foto05 {
    background: url('../_imagens/creditorural-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }


  ul#album-fotos li#foto06 {
    background: url('../_imagens/programadeincentivofiscal-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

  ul#album-fotos li#foto07 {
    background: url('../_imagens/topografiageral-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
  }

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

/*-----------------------------------------------------------AGROSAFRA-----------------------------------------------------*/

  .head-agro {
    height: 200pt;
    background: url('../_imagens/agrosafra-d.jpg') center;
    display: flex;
  }

ul#album-fotos li#foto08 {
    background: url('../_imagens/aempresa-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}

ul#album-fotos li#foto09 {
    background: url('../_imagens/nossahistoria-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}

ul#album-fotos li#foto10 {
    background: url('../_imagens/institucional-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}


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

/*-----------------------------------------------------------PARCEIROS-----------------------------------------------------*/

  .head-parc {
    height: 200pt;
    background: url('../_imagens/parceiros-d.jpg') center;
    display: flex;
  }



ul#album-fotos li#foto11 {
    background: url('../_imagens/clientes-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}

ul#album-fotos li#foto12 {
    background: url('../_imagens/cooperadores-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}

ul#album-fotos li#foto13 {
    background: url('../_imagens/instituicoes-300x400.jpg') no-repeat;
    background-position: top;
    background-size: 300px 400px; /*tamanho original da imagem*/
    background-color: #ffffff;
}


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

/*------------------------------------------------------------CONTATO------------------------------------------------------*/

  .head-cont {
    height: 200pt;
    background: url('../_imagens/contato-d.jpg') center;
    display: flex;
   }

  .contato {
    flex-warp:warp;
    display: flex;
  }

  .column-contato1 {
    width: 50%
  }
  .column-contato2 {
    border-left: 1px dotted;
    width: 50%
  }

@media (max-width: 999px) {
  .contato  {

    flex-wrap: wrap;
    width: 100%;
  }

  .column-contato1 {
    margin-top: 20pt;
    
    width: 100%;
  }

  .column-contato2 {
    margin-top: 20pt;
    border-top: 1px dotted grey;
    width: 100%;
    border-left: none;
  }

}
  .email-img{
    display: block;
    margin-left: 80pt;  
    width: 150pt;
  }
    
  .mapa {  
    margin-top: 10pt;
    width: 100%;
  }

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

/*--------------------------------------------LAYOUT PAGINA SERVICOS-------------------------------------------------------*/

  .head-aval {
    height: 200pt;
    background: url('../_imagens/avaliacaorural-d.jpg') center;
    display: flex;
  }

  .head-saps {
    height: 200pt;
    background: url('../_imagens/cadastroanualplantiodesoja-d.jpg') center;
    display: flex;
  }
  
  .head-consult {
    height: 200pt;
    background: url('../_imagens/consultoriaambiental-d.jpg') center;
    display: flex;
  }

  .head-corret {
    height: 200pt;
    background: url('../_imagens/corretagemdegraos-d.jpg') center;
    display: flex;
  }

  .head-credit {
    height: 200pt;
    background: url('../_imagens/creditorural-d.jpg') center;
    display: flex;
  }

  .head-pif {
    height: 200pt;
    background: url('../_imagens/programadeincentivofiscal-d.jpg') center;
    display: flex;
  }

  .head-top {
    height: 200pt;
    background: url('../_imagens/topografiageral-d.jpg') center;
    display: flex;
  }
  
  
  .menu-lateral {
    position: relative;
    display: block;
    background-color: #f1f1f1;
    height: 175pt;

  }

  .menu-lateral a {
    font-size: 11pt;
    font-family: Work Sans;
    color: black;    

  }

  .selecionada{
    background-color: #628f00;
  }

  .selecionada a {
    color: white;
  }
  
  .selecionada:hover{
    background-color: #628f00;
  }

/*------------fim menu edit---------*/

  .servico {
    display: flex;
    flex-flow: row wrap;
    position: relative;
  }

  .col1 {
    width: 33%
  }

  .col2 {
    width: 33%
  }

  .col3 {
    width: 33%
  }

  .img-servico{
    width: 100%;
  }

  @media only screen and (max-width: 999px) {
  .col1, .col2, .col3 {
    flex-warp:warp;
    width: 100%
  }


}

  .servico p {
    font-size: 12pt;
  }


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

/*-----------------------------------------------------------LAYOUT EMPRESA-----------------------------------------------------*/

  .head-aempresa {
    height: 200pt;
    background: url('../_imagens/aempresa-d.jpg') center;
    display: flex;
  }

  .head-nossahistoria {
    height: 200pt;
    background: url('../_imagens/nossahistoria-d.jpg') center;
    display: flex;
  }

    .head-institucional {
    height: 200pt;
    background: url('../_imagens/institucional-d.jpg') center;
    display: flex;
  }

    .img-agrosafra{
    width: 100%;
  }

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

  .head-clientes {
    height: 200pt;
    background: url('../_imagens/clientes-d.jpg') center;
    display: flex;
  }

  .head-coop {
    height: 200pt;
    background: url('../_imagens/cooperadores-d.jpg') center;
    display: flex;
  }

  .head-instituicoes {
    height: 200pt;
    background: url('../_imagens/instituicoes-d.jpg') center;
    display: flex;
  }