@charset "utf-8";
@import 'css/footer.css';

@font-face{
  font-family: "barista";
  src: url('fonts/barisha.otf');
}
@font-face{
  font-family: "neotech";
  src: url('fonts/NeoTech.otf');
}
@font-face{
  font-family: "neutratexttf";
  src: url('fonts/NeutraTextTF-BookAlt.otf');
}

@font-face {
    font-family: 'Roboto Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Condensed Regular'), url('fonts/RobotoCondensed-Regular.woff') format('woff');
    }

/* CSS Document */
	body, html{
			margin:0;
			padding:0;
            /*font-family: 'arial';*/
			font-family: 'Roboto Condensed Regular', sans-serif !important;
            font-size: 90%; /* por padr?o o font-size do nav ? 16px aprox. reduzindo p/62.5% 1.4em ser? equiv. a 14px */
			background-color: rgb(255, 255, 255);
		}
		.logo {
	width:100%;
	margin:0;
	padding:0;
	background-color: rgb(37, 79, 26);
	display:flex;
	z-index:4;
	justify-content: space-between;	/*background-image: url(images/bg-top.png);
	
		
background-repeat: no- repeat;*/
		}
.wp-block-button-pro {
/*background: rgb(255,82,41);*/
background: linear-gradient(4deg, rgba(255,82,41,9) 35%, rgba(255,137,59,9) 100%);
    border-radius: 15px;
    box-shadow: none;
    color: #FFF;
    width: 100px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    font-weight: 600;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-color: #333;
    border-bottom-color: #333;    
    margin-bottom: 15px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
}
.wp-block-button-pro:hover{ width:105px; }

.tit_bloco {
	color: #FFFFFF;
    font-family: "neutratexttf", Sans-serif;
	font-size:2.0em;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-color: #FFFFFF;
    stroke: #FFFFFF;
    text-shadow: 0px 4px 10px #000000;
}
		
		 div.op1 {
        width: 30%;
		display: inline-block;
        text-align: right;
              
    }

    div.op2 {
        width: 30%;
		display: inline-block;
        text-align: left;  
		padding:15px 0 0 0; 
		
		font-size:14px;
}

    div.op3 {
        width: 36%;
		display: inline-block;
        text-align: center;  
		padding:13px 0 0 0; 
	
		font-size:14px;
}




	.link_tp {
	
	font-size: 14px;
	color: #e1e1e1;
	font-weight: normal;
	height: 20px;
	margin: 0px;
	padding: 3px;
	text-decoration: none;
	/*width: 100px;
	float: left;*/
}
.link_tp:hover {
	
	color: #FFFFFF;
	background-color: #999;
	
	}

	 a{
	color:#333333;
	text-decoration: none;
}
	p {
	
	font-size:1.2em;
	color:#5E5D5D;
	font-weight:400;
	line-height: 22px;
	
	
	
	}
	
	.subt  {
    font-family: "Link Sans", "Arial Black", Arial, sans-serif;
    font-size: clamp(16px, 2vmin, 20px);
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    margin-bottom: 16px;
	color: rgb(210, 232, 35);}
	
h1{	font-family: "Link Sans", "Arial Black", Arial, sans-serif;
    font-size: clamp(32px, 8.5vmin, 88px);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.05;
	color: rgb(52,103,148);
    
}
h2 { 
		
		font-weight: 400;
		color: #333;
		/*padding: 3px 5px 10px 5px;*/
		font-size: 1.6em;}
h3 { 
		
		font-weight: 400;
		color: #333;
		padding: 3px 5px 10px 5px;
		font-size: 1.3em;}
	
li .best {font-weight: 500; color:#333}	
			.arrum {
	
	font-size: 14px;
	font-weight: 400;
	color: #545454;
	text-decoration: none;
	/*position:static;*/
	height: 30px;
	width: 176px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCCCCC;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	position: static;
	float: right;
	padding-top: 10px;
	padding-left: 15px;
	}
	.arrum:hover {
	color:#003;
	background-color: #ECECEC;
	}
	.form-botao{
	width:98%;
	max-width:300px;
	height:40px;
	font-size:1.3em;
	background-color:#333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #fff;
}
.campo_form{font-size:1.2em; font-weight:500; color:#333; border:none; height:28px; width:290px}
.label_form{font-size:1.2em; font-weight:500; color:#696}
.span_form{background:#fff; width:370px; height:30px; display:block; border:solid 3px #e4e4e4; padding:10px; border-radius:15px; margin:6px 0 6px 0}
section{ width:100%; background-color: rgb(37, 79, 26); overflow: auto;}	
		.main{
			max-width:1180px;
			margin:0 auto;
			/*overflow:hidden;*/
			
			padding-top: 10px;
			
		}
		.content{
			float:left;
			width:100%;
			margin-right:-210px;
		}
	.content-top{
	width:100%;
	clear: both;
	z-index: 10;
	position: fixed;
	height: 60px;
		}
		.content-inner{
			margin-right:0px;
		}
		.sidebar{
	float:right;
	width:200px;
	height:auto;
	margin-top: 217px;
		}
	.content-logon{
		
		float:left;
		width:50%;
		/*height:100vh;*/
		
		
				}			
	.sidelogon{
	
	
	float:right;
	width:50%;
	
	
	
		}
	
		img.imaborder { max-width:80px;
    border: 2px solid #ececec;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 5px;
		}
		.formulario{width:98%; height:30px; font-size:1.3em;}
		
.footer-page{
	display:none;
	}
	#copyr_esc{
	padding:10px 0 0 10px; 
	float:left;
	
	
		}
	#copyr_dir{
	padding:0 10% 0 0;
	float:right;
	
	
	}
img,
picture,
video,
embed {
   max-width: 100%;
}
.linhadivi
{ background-color:#ececec;
	margin-right:0px;
	position: static;
	float: left;
	width: 760px;
	padding: 10px;
	
	font-size: 1em;
	color: #525252;
	/*border: 1px ridge #;*/
	font-weight: 300;
}

.tabfull{
	width:760px;
	height-min:410px;
	float: left;
	margin:0;
	
	border:0;
	
	
	/**/

padding: 8px;
object-fit: contain;

border: 1px solid #fff;
/*
border-radius: 5px;
*/
box-shadow: 0 4px 20px rgba(0,0,0,.17);
background-color: #fff;
	}
.gradep{
box-shadow: 0 4px 20px rgba(0,0,0,.17);
border-radius: 15px;
width:285px;
height:212px;
max-height:220px;
float: left;
margin:15px;
text-align: left;
Padding-left:15px; 
object-fit: contain;
}
.ftoso { width:210px; }

.tabrprod{
	width: 650px;
	height: auto;
	float: left;
	margin: 3px;
	
	border: 0;
	
	
	/**/
padding: 8px;
object-fit: contain;

}
.share-mob { display:none;}
.share-desk { display:block; text-align:center;}

.tabr{
	width:300px;
	height:auto;
	float: left;
	margin:0;
	padding:10px;
	border:0;
}
.tabr p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.09em;
	/*color:#333;*/
	font-weight:400;
	line-height: 20px;
	/*text-align:center;*/
}
.tabr a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#6e8b69;
	font-weight:400;
	
	text-decoration: none;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

/* The alert message box */
.alert-ntz {
  padding: 20px;
  background-color:#CC3; /* amarilio */
  color: #333;
  margin-bottom: 15px;
 opacity: 1;
  transition: opacity 0.6s; /* 600ms to fade out */
}

/* The close button */
.closebtn-ntz {
  margin-left: 15px;
  color: #333;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn-ntz:hover {
  color:#999;
}
/*social*/
.socials a,
.socials a:hover {
	color: #333;
}

.socials {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.socials li {
	display: inline-block;
}
.socials li a {
	color: #333;
	background-color: #E0E0E0;
	width: 32px;
	/*height: 32px;*/
	text-align: center;
	line-height: 32px;
	display: inline-block;
	border-radius: 4px;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	
font-size: 1.3em;
}

.socials li.facebook a:hover,
.socials li.facebook a:focus {
	background: #3E5993;
	color: #ffffff;
}

.socials li.twitter a:hover,
.socials li.twitter a:focus {
	background: #00C3F8;
	color: #ffffff;
}

.socials li.youtube a:hover,
.socials li.youtube a:focus {
	background: #CC181E;
	color: #ffffff;
}
.socials li.whatsapp a:hover,
.socials li.whatsapp a:focus {
	background: #00e676;
	color: #ffffff;
}

.banner{
	width:100%;
	height:100%
	
}
		@media screen and (max-width: 1080px) {
.cont-menu{
	margin:-60px 0 0 0;
}	

.sidebar, .content-inner, .content{
				float: none;
				width: 100%;
				margin-right:0;
				justify-content: center;
				align-items: center;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;

}
.arrum{ width:100%;}

.tit_bloco { font-size:1.8em}
		
			
			 div.op3 {display:none;}	 
			 div.op2 span{display:none}
			 div.op1 {margin-left:50px;}
			 .link_tp { font-size:1.5em; padding:5px 12px 5px 12px; color:#fff;}
			  
			 div.op1 img { max-width:160px; display:inline-block}
			/*imgens com tamanho auto ajustavel */
			img{
			/*width:auto;*/
			text-align:center;
}
	  /*responsivo tela menor que 800 px*/
*{
       margin:0;
       padding:0;
}

.gradep{
width:230px;
height:150px;
max-height:150px;
float: left;
	 
}

      
    .main {
	margin:0 0 0 0;
	}
	.tabr{width:94%;}
	.tabrprod{width:99%; height:auto;}
	
	
	img.imaborder { max-width:80px;}

.form-botao{ max-width:none;}
.span_form{ width:90%}
		}
.linhadivi-ra {
	margin-right:0px;
	position: relative;
	float: left;
	width: 99.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-top:solid 1px #dfdfdf;
	font-weight: 300;
	
}
@media screen and (max-width: 800px) {
 .gradep{
/*width:300px;
 height:212px;
 max-height:220px;*/
 float: none;
	 
	 
  }
.trp { font-size:10px}
section{ background-color: rgb(250, 255, 250);}
div.op1 img { max-width:125px; display:inline-block}
.footer-page{
	display:block;
	
	}
	.sidelogon{
	/*display:none;*/
	width:100%
	
	}
	
	.content-logon{
	width:100%;
	
	
	}
	
	
	.share-mob { display:block; text-align:center;}
	.share-desk { display:none;}
	
	.tabr p{
		text-align:center;
		line-height:30px;
	}
	.tabr img{
		text-align:center;
	}
	.tabr h3{
		text-align:center;
	}
	object { width:100% !important; height:186px !important}
	
	
}