.button:hover, .buttonHover:hover {
   /*  color: #cbcbcb !important; */
   /*  background-color: #218838 !important; */
    opacity: 0.9;
    border: 1px solid #29b048 !important;
}

.ui-growl-message{
width: 90% !important;	
}

.ui-growl-item-container{
    border-radius: 8px;
}

.ui-growl-error{
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}

.ui-growl-info{ /*  sucesso */
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important; 
  
}

.ui-growl-warn{
 color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
}
.ui-growl-item-container{
	opacity: 1 !important;
}

body .ui-growl, .ui-growl  {
    top: 45px;
      width: 40% !important; 
     z-index: 5000 !important; 
     word-break: break-word;
}


.btn-cpa{
 background-color: #ef8a1d !important;  
 border-color: #e9b22c !important;
  color: ghostwhite;
 }
 
 .btn-cpa:hover{
 background-color: #e5a55b!important;    
 color: black;
 }

.nounderline, .noUnderline{
	text-decoration: none !important; 
	
}

.margemSupC{
	margin-top: 5px;
}
.margemEsqC{
	margin-left: 5px;
}
.margemDirC{
	margin-right: 5px;
}
.margemInfC{
	margin-bottom: 5px;
}


.paddingSup{
	padding-top: 10px;
}
.paddingEsq{
		padding-left: 10px;
}
.paddingDir{
		padding-right: 10px;
}
.paddingInf{
		padding-bottom: 10px;
 }
 
  
.margemSupV{
	margin-top: 20px;
}

.margemEsqV{
	margin-left: 20px;
}
.margemDirV{
	margin-right: 20px;
}
.margemInfV{
	margin-bottom: 20px;
}

.margemSup{
	margin-top: 10px;
}
.margemEsq{
	margin-left: 10px;
}
.margemDir{
	margin-right: 10px;
}
.margemInf{
	margin-bottom: 10px;
}


.margemSupV{
	margin-top: 20px;
}
.margemEsqV{
	margin-left: 20px;
}
.margemDirV{
	margin-right: 20px;
}
.margemInfV{
	margin-bottom: 20px;
}


 .popover{ 
	   z-index: 6000!important;
	}
	
	
.popover-title, 
.ui-sortable-column-badge .ui-helper-hidden, body .ui-treetable thead th .ui-sortable-column-badge {
    color: #ffffff !important; 
    font-size: 15px;
    
 
}
	
   
  .popover-title, .popover .popover-title {
	  font-size: medium !important;
	     background-color: rgb(216 182 116) !important;
	}
	
.zapAncora{
	 
     
      top:calc((86% - 20px) + 0px) !important; 
     right:  -45px !important;  
      /* antes era -80 qdo tinha a palabra WhatsAPP
      
      top:calc((50% - 20px) + 0px) !important;  */
     
     position:fixed !important; 
     min-height: 25px !important; 
     /*  max-height: 30px !important;  */
      /*  min-width: 195px !important; */
       max-width:195px !important; 
       
    
      -moz-transition-property:none !important; 
      -webkit-transition-property:none !important; -o-transition-property:none !important; 
      transition-property:none !important; transform:rotate(-90deg) !important; -webkit-transform:rotate(-90deg) !important;
       -ms-transform:rotate(-90deg) !important; 
        display:block !important; 
     
       z-index: 5001 !important; 
       /*   transform-origin:49% !important; */
         display: inline-block;
	      
	  /*  padding-top: 0.5rem; */
	 padding-bottom: 90px;
	   padding-left: 0.5rem;
	   padding-right: 0.5rem;
	   
	    font-size: 1rem;
	   /*    line-height: 1.5rem; */
	  
        background-color: #99cc66 !important;  
        cursor: pointer !important; 
        float:none !important; 
	    pointer-events:auto !important;
	    clip:auto !important; 
	    
	      text-decoration: none; 
		    background-color: #03a84e;
		    color: rgb(48 34 8);
		    border-radius: 8px 8px 0px 0px;
		    border:0 !important;
		  /*     border: 1px solid #03a84e; */
/* 	    width: 200px;
	    height: 40px;
	     padding: 0px 15px; */
	 
}

.zapAncora:hover{
	 color: #000000;
	 opacity: 0.9;
	  border: 1px solid #03a84e;

	}
 
 
 .clients-area.lazyload,  .clients-area-alt.lazyload , .introduction-area.lazyload , .estopa-area.lazyload {
   background-image: none;
   background-color: #F1F1FA;
}
 
 .clients-area {
	 background: url(../../../resources/images/clientes/fazMapa22.webp) no-repeat no-repeat ;
    background-position-x: 56%;
    background-position-y: 51%;
    background-size: 156%;
    background-color: rgb(48 34 8);
} 

.clients-area:hover {
	  cursor: zoom-in; 
	   cursor: -webkit-zoom-in;
    background-size: 170%; 
    opacity: 0.9;
} 

 
.clients-area-alt {
	 background: url(../../../resources/images/clientes/fazMapa22.webp) no-repeat no-repeat ;
	    background-position-x: -10%;
    background-position-y: 56%;
    background-size: 30%;
    background-color: rgb(48 34 8);
}  

.textCardSub {
  color: white;
  margin: 0 0 0px 0;
  font-size: 20px;
  text-align: left;
  height: 50px;
  padding-left: 20px;
  font-size: 15px;
  margin-top: 20px;
}





/* Parte 2 */

#about-area{
  background-color: rgb(255, 246, 229);
  padding-bottom: 70px;
 
}

.paddingSectionDefault{
	 padding-right: 5px;
	 padding-left: 5px;
}



.sub-title {
  color: white;
  margin: 0 0 65px 0;
  font-size: 20px;
  text-align: center;
  height: 60px;
}

.boxInfo{
  background-color:rgb(114, 78, 60);
  border-radius: 14px;
  margin-top: 40px;
}

 

    

.cardInformation:hover{

  box-shadow: 2px 2px 2px 2px  rgb(255 208 38 / 72%);  /*  #26ff69b8;*/
/*   2px 2px 2px 2px rgba(227, 200, 168, 0.5); */
  /*  transform: translateY(-10px); 
    background-color: rgb(255, 246, 229); #f6ffe5 */
    background-color: rgb(255, 246, 229);
    cursor: pointer;
  
}

 .ico_card, .icoCard {
   /*  width: 50px; */
   width: 40px !important; 
   height: 40px !important;
  }

 
/* Parte 3 */

#information-area{
  background-color:rgb(114, 78, 60);
}

.boxInformation{
  color: white;
 /*  text-align: center; */
  margin-left: 100px;
   margin-top: 50px; 
   float: center;
    margin-bottom: 60px;
  
}

.boxInformationTitle{
  color: rgb(65, 47, 37);
   font-size: 18px;
   font-weight: 500;
  
}

.negrito{
	font-weight: 500;
}

.negritoForte{
	font-weight: 600;
}

 
.aboutSytem{
  margin-top: 15px;
  margin-bottom: 15px;
}

.aboutSytemTitle{
  font-size: 35px;
  
  color: white;
}

.aboutSytemSubTitle{
  font-size: 30px;
  color: white;
}

.aboutSytemSub {
  font-size: 28px;
  color: white;
}

.imgAgroSystem{
  margin-top: 10px;
}

.aboutSytemList{
  margin-top: 10px;
  margin-bottom: 30px;
  list-style: none;
  display: flex;
  justify-content: space-around;
}

.aboutSytemListTitle{
  font-size: 80px;
  color: white;
}  
.commentClientTitle{
  color: rgb(65, 47, 37);
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 50px;
}

.commentClientTitle{
  list-style: none;
}

.photo-overlay{
  padding: 1rem;
  float: left;
}

.photo-profile{
/*   width: 80px;
  height: 80px;
  margin-right: 20px; fff6e5  */
  
    border: 4px solid #805a48;
    max-width: 88px;
    max-height: 88px;
    float: left;
    margin: 0;
     margin-right: 20px;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 88px;
    
}

.photo-profile:hover, .commentClientCard:hover img {
    border: 5px solid #d3b26e;
    -moz-transform: scale(1.05) rotate(-20deg) translate(2px);
    -webkit-transform: scale(1.05) rotate(-20deg) translate(2px);
    -o-transform: scale(1.05) rotate(-20deg) translate(2px);
    transform: scale(1.05) rotate(20deg) translate(2px);
}

.commentClientCard{
  background-color: #d2c3a5; /*  white; */
  border-radius: 14px;
  padding: 10px;
}

.commentClientCard:hover{
 /*  transform: translateY(-10px); */
 
   box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); 
   
  background-color:  #85685d38;
     cursor: pointer;
}

.boxClientTitle{
  color: rgb(65, 47, 37);
  font-size: 15px;
}

.boxInfoDescription{
  color: rgb(65, 47, 37);
  font-size: 12px;
  padding-left: 10px;
}

/* Parte 6 */

#receive-demo{
  background-color: rgb(65, 47, 37);
}

.listForm{
  list-style: none;
}

.listForm li {
  padding-bottom: 1rem;
  padding-top: 1rem;
  
}

.inputForm{
  font-size: 15px;
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  margin: 8px;
}


.inputFormPrincipal{
  width: 354px;
  position: relative;
  margin-left: 6px;
  margin-bottom: 8px;
  border: none;
  font-size: 15px;
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
 
 

@media(max-width: 990px) {

  /* Parte 1 */
  /* tablet */
  
  .sloganSubtitulo {
	margin-top: -30px; 
	margin-left: 0px;
	float: center; 
	font-size: 25px; 
}

    .systemImage {
    position: absolute; 
    top:  170px;
    right: 0;  
    left: 400px; 
    width: 530px;
  }  
   
  
  .commentClientTitle{
   font-size: 35px;
  }
  
   .fonteM, .textFormFieldTitle, .sub-title, .receiveDemoTitle{
   font-size: 20px !important;
  }

  .textCard {
    color: white;
    font-size: 20px; /*  era 12 */
    text-align: left;
    padding-left: 20px;
  }

  .textBox {
     margin-top: 120px;
   margin-left: 30px;
   padding-top: 20px;  
   /*  margin-top: 5rem;
    padding-top: 1rem;   */
    width: 650px; 
}

  .textCardSub {
    color: white;
    margin: 0 0 0px 0;
    font-size: 20px;
    text-align: left;
    height: 60px;
    padding-left: 20px;
    font-size: 12px;
    margin-top: 20px;
  }
  
  

  /* Parte 6 */
  .inputForm {
    font-size: 15px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
   /*  width: 400px; */
  }


  .inputFormPrincipal {
   /*  width: 400px; */
    position: relative;
    margin-left: 6px;
    border: none;
    font-size: 15px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .aboutSytemTitle {
    font-size: 40px;
    color: white;
  }

  .aboutSytemListTitle {
    font-size: 80px;
    color: white;
  }

  .grao {
    position: absolute;
    top: 46px;
    left: 0;
    margin-bottom: 5rem;
    width: 64%;
  }

}


@media(max-width: 768px) {
	
	 
	
	h3 {
	 font-size: 28px !important; 
	 font-weight: bold;
	} 
	
	 h4   {
	 font-size: 21px !important; 
	} 
	
	.introduction-area{
	    height: 500px;
	    
	}
	
 .sloganSubtitulo {
	/* margin-top: -30px; 
	margin-left: 0px;
	float: center;  */
	font-size: 30px; 
}
	
	 IMG.displayed { 
    width: 90%;
	}
	
	 .textBox {
     margin-top: 30px;
   margin-left: 30px;
   padding-top: 20px;  
    width: 85%; 
	}


.systemImage {
    position: absolute; 
    top:  240px;
    right: 0; 
    float: right; 
    margin-left: 370px; 
    width: 300px;
  }
  
	
	
	 .sub-title {
	 font-size: 17px !important; 
	} 
	
	  .ico_check{
   width: 20px;
   margin-left: 5px !important;
   vertical-align: middle;
  }
	
	.depoimentosSub{ 
	  width: 100%;
	}
	
	.commentClientTitle {
     margin-right: 0px;
	  font-size: 31px;
   }

	.about-title {
	 font-size: 30px; 
	} 
	
	
	
	.graoDir{
	    width: 250px;
	     position: relative;   
			   /* top: -50px; */
			  right: 10px; 
			    float: right;
			  margin-bottom: 0px; 
			  
	} 
	
	.graoEsqRodape{
	 position: relative;   
     top: -40px;
    width: 230px; 
    float: left;
  margin-bottom: 0px;
}
	
	
	.iconesRodape{
	 position: absolute; 
	 width: 100%;
	 margin-top: 45px; 
	  margin-bottom: 0px; 
	}
	
	.boxInformation {
    color: white; 
    margin-left: 10px;
    margin-top: 70px; 
    float: center;
    margin-bottom: 60px; 
    font-size: 20px !important; 
 
}
	
	.sloganSubtitulo {
	margin-top: -10px; 
	margin-left: 0px;
	float: center; 
	font-size: 25px; 
}

  
  


  .flex-container {
    flex-direction: column;
  }

  .aboutSytemList{
    flex-direction: column;
  }

  .aboutSytemListTitle{
    font-size: 80px;
    text-align: center;
  }

  .aboutSytemSubTitle{
    font-size: 15px;
    text-align: center;
  }

  .grao{
    position: absolute;
    top: 95px;
    left: 0px;
    margin-bottom: 5rem;
    width: 55%;
  }

  /* Parte 6 */
  

  .inputForm{
    font-size: 15px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
   padding: 5px;
    border: none;
    /* width:400px; */
  }

  .inputFormPrincipal{
    width: 400px;
    position: relative;
    margin-left: 6px;
    border: none;
    font-size: 15px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  

}

 

/* versao mobile */
@media(max-width: 580px) {
	
	 
	 
	
	.ocultarMobile, .hideOnMobile{
	   display: none;
	}
	
	.mostrarMobile, .showOnMobile,  .showOnlyMobile{
	   display: block;
	}
 

		.whatsappOnMobile{
				display: none;
		}
		
		.zapAncora  {
			    padding-bottom: 10rem;
		}
		
		
	
	.img-responsiveee{
	  width: 80%;
	}
 
	
 
	
	 .sloganSubtitulo {
	/* margin-top: -30px; 
	margin-left: 0px;
	float: center;  */
	font-size: 22px; 
   }
   
   
	.textBox{
	    margin-left: 0px;
	 }
	 
 .clients-area {
	 
    background-position-x: 56%;
    background-position-y: 51%;
        background-size: 100%;
    height: 400px;
} 

.clients-area:hover { 
    background-size: 120%;  
} 
	
	
	
	.textCardBtn{
	font-size: 13px;
	}
	
	 
  

}