/* ===================================================================================================================================== */
/* ### cores 
verde  rgba 149, 229, 38    #95e526 
roxo   rgba 90, 41, 140     #60298C 
bege   rgba 149, 229, 38    #E7D790 
*/ 
/* ===================================================================================================================================== */
/* ### DESKTOP 16X19 E 4X3 */ 





/* ===================================================================================================================================== */

/* ### HEADER */ 
header {}
.teste{ border:#FF0000 solid 1px}

/* # NAV ==================================================== */
	.mbr-navbar__section { /* NAV ANTES DA ROLAGEM */ 
		/* position:fixed; z-index:1000; width:100%; top:30px; height:110px; */
		background:rgba(149, 229, 38, 1.0); /*#95e526*/
		}
	.mbr-navbar--stuck .mbr-navbar__section {   /* NAV AP�S A ROLAGEM */ 
		/*background:rgba(224, 245, 19, 0.95);  top: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); height:70px; 	*/
		}
	
/*# LOGO ICO ==================================================== */		
	.mbr-navbar__section #logo_ico{ /* LOGO ANTES DA ROLAGEM */ 
		 height:100%!important;  
		}
	.mbr-navbar--stuck .mbr-navbar__section #logo_ico { /* LOGO ANTES DA ROLAGEM */ 
		}
		#tb_logo{   width:150px }
		#top_logo{  width:130px ; background:url(img/logo.png) no-repeat center left; display:block;  height:80px; background-size:contain}
		
/*# SEARCH ==================================================== */	
	#search {margin:10px 10px 10px 10px; padding: 8px 0 8px 8px; background:#ffffff; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);	}
	#search_inp {}
	#search_bt {}
	
	/* FORMS */
	#search input {
	  width:100%; width: -webkit-calc(100% - 50px); 	width: -moz-calc(100% - 50px); width: calc(100% - 50px);
	  max-width:100%;
	  margin: 0;
	  padding: 0 5px 0 5px ;
	  background:#ffffff; 
	  font-size:14px;
	  line-height:25px; 
	  -webkit-appearance: none;/*limpa confg pre existente*/
	}
	#search input[type=submit] {
	  width:50px;
	  background: #ffffff url(img/top_search.png) no-repeat center ;
	  background-size: contain;
	  margin-left:-5px; 
	  border-left: #cccccc solid 1px;
	  cursor:pointer;
	}
	/* PLACE HOLD */
	#search input::-webkit-input-placeholder, {    } 
	#search input:focus::-webkit-input-placeholder{  color:#cccccc;  } 
	/* FOCUS */
	#search input:focus { outline: none;     } /*tira borda amarelo on focus*/
	#search input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px #e1e1e1 inset;}/*tira bg amarelo auto complet*/
		
		
/* TOP user		==================================================== */
		#tb_user {color:rgba(0, 0, 0, 0.9); width:40px; background: url(img/top_user.png) no-repeat center right ;	}
		#top_user {  padding:3px 46px 2px 0;   width: 200px;  font-size:13px; line-height:16px; 	}
		#top_user b{    font-size:13px; line-height:16px; 	}
		#tb_user a { color:rgba(0, 0, 0, 0.9); font-size:13px; font-weight:400;     	}
		#tb_user a:hover {  color:rgba(0, 0, 0, 1.0);     	}
		
/* TOP CEP  ==================================================== */
	#tb_cep  { width:155px ;  }
	#top_cep { text-align:left;  padding:6px 0 2px 30px; height:30px;  background: url(img/top_map.png) no-repeat center left ; display:block;  margin:0 0 5px 10px; border:rgba(0, 0, 0, 0.2) solid 1px; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:4px; 	}
	#top_cep_inp {}
	#top_cep_bt {}
	
	/* FORMS CONTATO*/
	#label_ajax_cep {
		display:block;
		font-size:11px;
		 line-height:11px;
		 font-weight:400;
		  color:rgba(0, 0, 0, 0.8);  
	}
	#label_ajax_cep b{
		font-size:11px;
		 line-height:11px; 
		  color:rgba(0, 0, 0, 0.8);  
	}
	
	#tb_cep input {
		margin: 0;
		padding: 0  ;
		background: transparent; 
		font-size:13px;
		line-height:15px;
		-webkit-appearance: none;/*limpa confg pre existente*/
		
	}

	
	#tb_cep #top_cep_read {width:25px;  color:rgba(0, 0, 0, 0.8); font-size:13px;		line-height:15px;}
	#tb_cep #top_cep_inp {width:73px; font-weight:bold;	padding:0 0 0 5px; margin-left:-5px}
	
	/* PLACE HOLD */
	#top_cep input::-webkit-input-placeholder {  color:#000000;  } 
	#top_cep input:focus::-webkit-input-placeholder{  color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; } 
	/* FOCUS */
	#top_cep input:focus { outline: none; border-bottom:solid 1px rgba(0, 0, 0, 0.5)   } /*tira borda amarelo on focus*/
	#top_cep input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px #e1e1e1 inset;}/*tira bg amarelo auto complet*/
		
					
/* TOP ORGANIC  ==================================================== background: #00000020 url(img/top_map.png) no-repeat center left ;*/
	#tb_organic  { width:120px ;  }
	#top_organic { 
		cursor:pointer;
		text-align:left;  padding:6px 0 2px 35px; height:30px;  
		margin:0 0 5px 10px; webkit-border-radius:3px; -moz-border-radius:3px; border-radius:4px; 	
		font-size:11px;
		line-height:11px;
		font-weight:400;
		}
	
	#top_organic b{
		display:block;
		font-size:13px;
		line-height:15px;
	}
	
	.top_organic_  {  background: #00000010 url(img/top_organic.png) no-repeat center left ; color:rgba(0, 0, 0, 0.8);border:rgba(0, 0, 0, 0.2) solid 1px;   }
	.top_organic_1 {  background: #660099 url(img/top_organic_.png) no-repeat center left ;; border:#660099 solid 1px; color:#FFFFFF;  }
	.top_organic_1 b{ color:#FFFFFF;}
	
	
	
	
	
/* =================== */	
/* NAV WIDE */
nav_w  {width:1200px; margin:auto; text-align:center; line-height:0 !important; height:100%; position:relative; display:table;}
.mbr-navbar--stuck .mbr-navbar__section #social_top {filter:alpha(opacity=00); -moz-opacity:0.0; opacity:0.0;  visibility:collapse}	
nav_w b{color:#000000;}	
	/*LOGO ICO */		
#logo_ico{
	width:170px; display:block; float:left; margin-right:15px; background-repeat:no-repeat; background-position:center; background-size:contain;  background-image:url(img/logo_ico.png?2); 
	}

	
	/*	MENU   */	
	#menu {float:right; display:table; line-height:30px; font-size:14px;letter-spacing:0px; height:100%; margin-right:-8px;}
		#menu s{padding:0 ;  height:100%; width:1px; background:rgba(0, 0, 0, 0.3);  display:table-cell; text-decoration:none!important;  }
		#menu a , #menu a_sub { position:relative; transition:0.3s; color:rgba(0, 0, 0, 0.8); border:rgba(0, 0, 0, 0.0) solid 1px; padding:0 8px 0px 8px; height:100%; display:table-cell; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
		#menu a_sub {  padding:0 25px 0px 8px; }
		#menu a:hover , #menu a_sub:hover { color:rgba(0, 0, 0, 1.0); border:rgba(0, 0, 0, 0.2) solid 1px;  }
		#menu .active { background:rgba(0, 0, 0, 0.1) ; border:rgba(0, 0, 0, 0.0) solid 1px; color:rgba(0, 0, 0, 1.0);}
		#menu .b { font-weight:500}
	
		#menu v { /*triangulo sub menu  */
		  width: 5px; height: 5px; position:absolute;
		  right: 10px; top: 9px; 
		  border: 2px solid #00000080;
		   border-top: 0;
		  border-left: 0;
		  transform: rotate(45deg); 
		}
		#menu w { /*triangulo do minha conta  */
		  width: 0; height: 0; position:absolute;
		  left: 50%; bottom: -10px; margin-left:-4px;
		  border-left: 8px solid transparent;
		  border-right: 8px solid transparent;
		  border-bottom: 8px solid rgba(90, 41, 140, 1.0);
		}
		
		/* SUB MENU */
		#menu a_sub w { /*triangulo do minha conta  95e526*/
		  width: 0; height: 0; position:absolute;
		  left: 50%;  margin-left:-4px;
		  border-bottom: 8px solid #444444;
		  transition:0.4s!important;
		  visibility:collapse; opacity: 0.0;
		}
		#menu sub { transition:0.4s!important; padding:5px 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);  position:absolute; background:#333333; z-index:1000; width:260px; top:40px; left:-70px;  visibility:collapse; opacity: 0.0;}
		#menu sub a{ color:#f0f0f0;  display:block; padding:0  0 0 28px ; border:0; border-bottom:#FFFFFF10 solid 1px; border-radius:0px;   font-size:14px; line-height:32px; text-align:left;  border-radius:0px; }
		#menu sub a:hover{  background:rgba(149, 229, 38, 0.80);  border:0; border-bottom:#FFFFFF10 solid 1px; border-radius:0px;  }
		
		#menu a_sub:hover sub, #menu a_sub:hover w  { visibility: visible; opacity: 1.0; }
		
		#menu .active_cat { background:rgba(0, 0, 0, 0.40);  }
		
	/* =========================== */
/* NAV PAINEL */

nav_painel {background:rgba(90, 41, 140, 1.0); display:block; padding:5px;}
#menu_painel { float:left; display:table; line-height:30px; font-size:14px;letter-spacing:0px; height:100%; margin-right:-8px;}
		
	/*	menu_painel   */	
	#menu_painel s{padding:0 ;  height:100%; width:1px; background:rgba(255, 255, 255, 0.3);  display:table-cell; text-decoration:none!important;  }
	#menu_painel a{ transition:0.3s; color:#E7D790; border:rgba(0, 0, 0, 0.0) solid 1px; padding:0 8px 0px 8px; height:100%; display:table-cell; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
	#menu_painel a:hover{  border:rgba(231, 215, 144, 0.3) solid 1px;  }
	#menu_painel .active { background:rgba(0, 0, 0, 0.2) ; color:rgba(255, 255, 255, 1.0); }
	#menu_painel b {padding:0 8px 0px 8px;  font-weight:500; color:#95E526;} 
		
	/*	MENU MOBILE  */	
	#menu_mobile  { display:none  }
	.view_nav {  }
	.view_fume{  }
	#ico_menu,#ico_close{box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.1);  top:12px; right:18px; position: absolute; border:#00000080 solid 2px; background-repeat:no-repeat; background-position:center; background-size:contain; width:45px; height:45px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
	#ico_menu {display:none;  background-image:url(img/ico_menu.png);  z-index:400; }
	#ico_close{display:none;  background-image:url(img/ico_close.png);  z-index:300;   }
	






/* =========================== */
/* NAV R */
nav_r {height:100vh; display:block; text-align:right; position:fixed; top:0; right:-33px; filter:alpha(opacity=00); -moz-opacity:0.0; opacity:0.0; visibility:collapse;}
.mbr-navbar--stuck .mbr-navbar__section	nav_r { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; visibility:visible; right:3px;}
nav_r #menu_table{ display:table;height:100%; }
	/*	MENU   */	
	#menu_r {display:table-cell; height:100%; vertical-align:middle; font-weight:700; line-height:35px; font-size:15px;letter-spacing:0px; }
		#menu_r a{color:#ffffff; padding:0 62px 0 0; display:block; height:35px; position:relative; background-image:url(img/nav.png); background-position:center right; background-repeat:no-repeat;   }
		#menu_r a p { filter:alpha(opacity=00); -moz-opacity:0.0; opacity:0.0; display:block; position: absolute; right:50px; overflow:hidden; visibility:collapse; padding: 0 15px 0 15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
		#menu_r a:hover{background-image:url(img/nav_.png); }
		#menu_r a:hover p{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; background:#000000}
		#menu_r .active {background-image:url(img/nav_.png); color:#e0f513; }

/* =========================== */	
/* ELEMENTOS GERAIS */	
.banco_produto{ background:#FFFFFF; border-radius:7px; padding:40px ; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)}

	
			
article{width:1200px; margin:auto;}
.mais_portfolio{ color:#ffffff; background:#e0f513; padding:25px 30px 22px 30px; font-size:14px; display: inline-table;  -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}

.bt_pt { display:inline-block; padding:15px 40px 10px 40px; background:#000000; color:#FFFFFF; margin:auto; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px}
.bt_pt:hover { display:inline-block;  background:#e0f513; color:#000;}

circle{ display:block; width:20px; position:relative;   background: #ffffff; border:#e0f513 solid 1px; padding:8px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;z-index:10;}
circle hr{  background:#e0f513; width:20px; height:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; z-index:10;}

.line{ border-bottom: 1px solid #CCCCCC}

.line-time-2{ height:100%; border-left:#e0f513 solid 1px; position:absolute; left:50%;  top:0px; z-index:0; }
/* =========================== */	
/* LOAD */

#load{ width:100%; height:100%; z-index:1000; background:rgba(255, 255, 255, 0.80); position:fixed; top:0; left:0;  display: none}
#loading { width:100px; height:100px; border:#00000030 solid 4px; border-top:#95e526 solid 4px; border-radius:50%; 
	position:absolute; top:50%; left:50%; margin-left:-54px; margin-top:-54px; z-index:-1; 
	animation: spin 0.8s linear infinite;
	 }
@keyframes spin { to { transform: rotate(360deg); }}

/* =========================== */	
/* BREAD */
#bread{  border-bottom:#99999980 solid 1px;  text-align:left; /*text-transform:uppercase;*/  display:block  }
	#bread a{ display:inline-block; color:#333333; font-size:12px; padding:2px 3px 0 10px; line-height:40px;   background: url(img/bread.png) left center no-repeat}
	#bread a:hover{ color:#5BA732;}
	
	.bread_b { font-weight:bold }
	.bread_h { padding:2px 2px 0 0!important; line-height:20px;  margin:0; background:none !important; }
	.bread_v { padding:2px 6px 0 10px!important; line-height:20px; margin:0; float:right!important; background:url(img/bread_v.png) left center no-repeat !important;}




.t_1{ font-size:25px; line-height:40px; letter-spacing:-1px; font-weight:400;}  .t_1 b{ font-size:25px; line-height:40px; letter-spacing:-1px; font-weight:500;}  
.t_2{ font-size:20px; line-height:35px; letter-spacing:-1px; font-weight:400;}  .t_2 b{ font-size:20px; line-height:35px; letter-spacing:-1px; font-weight:700;}
.t_3{ font-size:18px; line-height:30px; letter-spacing:-1px; font-weight:400;}  .t_3 b{ font-size:18px; line-height:35px; letter-spacing:-1px; font-weight:700;}
.t_4{ font-size:30px; line-height:40px; letter-spacing:0px; font-weight:300;}  
.t_5{font-size:30px!important; line-height:40px; letter-spacing:0px; font-weight:400;}
.t_6{font-size:16px!important; line-height:20px; letter-spacing:0px; font-weight:400; }

/* =========================== */
/* HOME */

/* =========================== */
/* categoria left */
.categoria_left a{ color:#333333;   display:block; padding:7px 10px ; margin:1px 10px 1px 0 ; border:0;  font-size:14px; line-height:14px; text-align:left; transition:0.5s; border-radius:4px;  }
.categoria_left a:hover{background:rgba(255, 255, 255, 0.70); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); }
.categoria_left .active_cat { border:#cccccc solid 1px; background:rgba(255, 255, 255, 0.50);  }
		
	
/* =========================== */
/* LISTAGEM */
	/* logo cliente */
	.logo_cliente { margin-top:-70px; text-align:center; border-bottom: #99999980 solid 1px; padding:0 0 20px 0; margin-bottom:13px }
	.logo_cliente a{ border:#FFFFFF solid 7px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); border-radius:3px ; width:70%; margin:auto; display:block  }
	.logo_cliente a img { width:100%; }
	
	
	.whats_{ border-radius:30px; display: inline-block; color:#FFFFFF; line-height:50px; padding:0 15px 0 50px; border:#00CC00 solid 5px; background: #00CC00 url(img/whats.png) no-repeat left center; background-size:contain;  }


	.cliente_desde { background:#FFFFFF70;border:#cccccc solid 1px; border-radius:7px ; padding:10px; font-size:13px; }
	/* ordenar */
	#ordenar { line-height:36px; font-size:14px;  }
		#ordenar a_sub { position:relative; transition:0.5s; margin-right:-2px; color:#333333; border:rgba(0, 0, 0, 0.0) solid 1px; padding:2px 25px 0px 12px;  display: inline-block; vertical-align:middle;  border-radius:7px 7px 0 0; }
		#ordenar a_sub:hover {  background:rgba(255, 255, 255, 0.9); border:rgba(0, 0, 0, 0.2) solid 1px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
		#ordenar v { /*triangulo sub menu  */
		  width: 5px; height: 5px; position:absolute;
		  right: 10px; top: 14px; 
		  border: 2px solid #00000080;
		   border-top: 0;
		  border-left: 0;
		  transform: rotate(45deg); 
		}
		#ordenar sub { transition:0.4s!important; padding:5px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);  position:absolute;  background:rgba(255, 255, 255, 0.9); z-index:1000; top:39px; left:-1px;  visibility:collapse; opacity: 0.0; border:rgba(0, 0, 0, 0.2) solid 1px; border-top:0px;  border-radius:0 0 7px 7px ;width: -webkit-calc(100% - 0px); 	width: -moz-calc(100% - 0px); width: calc(100% - 0px);}
		#ordenar sub a{ transition:0.4s!important; color:#333333;  display:block; padding:0  0 0 20px ; border:0;  border-left:rgba(149, 229, 38, 0.0) 5px solid; border-radius:0px; margin: 0px;   font-size:14px; line-height:36px; text-align:left;  border-radius:0px; }
		#ordenar sub .meio{  border-bottom:#00000020 solid 1px;   border-top:#00000020 solid 1px; }
		#ordenar sub a:hover{ border-left:rgba(149, 229, 38, 0.80) 5px solid; background:#ffffff;   }
		#ordenar a_sub:hover sub { visibility: visible; opacity: 1.0; }
		#ordenar .active { border-left:rgba(149, 229, 38, 0.80) 5px solid; font-weight:700;    }
	
	

/* PAGINACAO */
.paginacao{  text-align: center}

.paginacao img{ position:absolute; top:50%; left:50%; margin-top:-9px; margin-left:-9px; }
.pag_im {display:inline; margin:1px; padding:5px 11px 4px 10px ;  position:relative;  }
.pag_act{display:inline; margin:1px; padding:5px 5px 4px 8px ; text-align: center; color:#FFFFFF; background:#95e526;  border:#95e526 solid 2px; cursor:default; }
.pag_lnk{display:inline; margin:1px; padding:0px;  }
	.pag_lnk a:link, .pag_lnk a:visited{
		display:inline; border:#E2E2E2 solid 0px;
		background:transparent;	
		color:#666666;   
		padding:5px 5px 4px 8px ; 
		text-decoration: none;
		text-align: center;
		}
	.pag_lnk a:hover {
	background:#ffffff;
		display:inline; border: #3EA4C1 solid 0px;
		}	
		
				
/* =========================== */
/* produtos */
.pro { text-align:left; cursor:pointer;   }

.pro a {transition:0.3s; display:block; position:relative; margin:10px 10px 40px 10px; background:#ffffff; border-radius:7px; padding:0 0 10px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.pro a:hover {background:#ffffff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);}

/* 
.pro pro_img {display:block; position:relative; border-radius:7px 7px 0 0; background:#999999 center no-repeat; background-size:cover; padding-top:90%; border:#FF0000 solid 2px; }

*/
.pro pro_img {display:block; position:relative; border-radius:7px 7px 0 0; padding-top:90%; border-bottom:#cccccc solid 1px; overflow:hidden; }
.pro p_img  { transition:0.3s; position:absolute; top:0; left:0; background: center no-repeat; background-size:cover; width:100%; height:100%;  }
.pro a:hover p_img {
/*
width: calc( 100% + 10px ); height:calc( 100% + 10px );  top:-5px; left:-5px;  */
}

.pro pro_vl  {font-weight:500; font-size:22px; line-height:50px; display:inline-block; width:auto; color:#111111; padding:0 0 0 6%;  letter-spacing:-1px; vertical-align:top;}
.pro pro_un  {font-weight:600; font-size:13px; line-height:50px;  color:#999999; padding:0 0 0 5px; letter-spacing:1px; } 

.pro pro_off { float:right; border:#FF0000 solid 0px; margin-right:15px; } 
.pro p_off { width:auto; border:#FF0000 solid 0px; color:#5BA732; padding:0 0 0 0; letter-spacing:-1px; display:inline-block;  vertical-align:top;} 

p_off po_1 {font-family:'Caveat Brush'; font-size:30px; line-height:50px; }
p_off po_2 {font-family:'Caveat Brush'; font-size:16px; padding:19px 0 0 0; line-height:1px; display:block; border:#003366 solid 0px }
p_off po_3 {font-family:'Caveat Brush'; font-size:11px; line-height:1px;  border: #00CC33 solid 0px}

.pro h2 { display:block; font-size: 14px; font-weight:500; line-height:20px;  letter-spacing:0px;  color:#111111; padding:0 6% }




/* =========================== */
/* BLOG */
.blog { text-align:left; cursor:pointer;   }

.blog a {transition:0.3s; display:block; position:relative; margin:10px 10px 40px 10px; background:#ffffff; border-radius:7px; padding:0 0 10px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.blog a:hover {background:#ffffff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);}

.blog img {display:block;  border-radius:7px 7px 0 0; }
.blog h2 {display:block; font-size: 25px; font-weight:700; line-height:25px;  letter-spacing:0px;  color:#333333; padding:30px 20px 20px 20px }
.blog b { display:block; font-size: 12px; font-weight:400; line-height:20px;  letter-spacing:0px;  color: #5BA732; padding:0 20px 0 20px }
.blog p { display:block; font-size: 15px; font-weight:400; line-height:20px;  letter-spacing:0px;  color:#666666; padding:20px 20px 20px 20px  }
.blog txt { display:block; font-size: 15px; font-weight:400; line-height:20px;  letter-spacing:0px;  color:#666666; padding:20px 20px 20px 20px  }

/* 
.pro pro_img {display:block; position:relative; border-radius:7px 7px 0 0; background:#999999 center no-repeat; background-size:cover; padding-top:90%; border:#FF0000 solid 2px; }

*/
.blog blo_img {display:block; position:relative; border-radius:7px 7px 0 0; padding-top:40%; border-bottom:#cccccc solid 1px; overflow:hidden; }
.blog b_img  { transition:0.3s; position:absolute; top:0; left:0; background: center no-repeat; background-size:cover; width:100%; height:100%;  }
.blog a:hover b_img {
/*
width: calc( 100% + 10px ); height:calc( 100% + 10px );  top:-5px; left:-5px;  */
}



/* =========================== */
/* PRINCIPAIS CATEGORIA   HOME */
.cli { text-align:center; cursor:pointer;   }

.cli a {transition:0.3s; display:block; position:relative; margin:10px 10px 40px 10px; background:#ffffff; border-radius:4px; padding:0 0 10px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.cli a:hover {background:#ffffff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);}

/* 
.pro pro_img {display:block; position:relative; border-radius:7px 7px 0 0; background:#999999 center no-repeat; background-size:cover; padding-top:90%; border:#FF0000 solid 2px; }

*/
.cli pro_img {display:block; position:relative; border-radius:4px 4px 0 0; padding-top:90%; border:#ffffff solid 5px; border-bottom:#cccccc solid 1px; overflow:hidden; }
.cli p_img  { transition:0.3s; position:absolute; top:0; left:0; background: center no-repeat; background-size:cover; width:100%; height:100%;  }
.cli a:hover p_img {
/*
width: calc( 100% + 10px ); height:calc( 100% + 10px );  top:-5px; left:-5px;  */
}


.cli h2 { display:block; font-size: 15px; font-weight:500; line-height:18px;  letter-spacing:0px;  color:#111111; padding:7px 6% }
.cli h3 { display:block; font-size: 12px; font-weight:500; line-height:18px;  letter-spacing:0px;  color:#5BA732; padding:3px 6% }




/* =========================== */
/* PRINCIPAIS CATEGORIA   HOME */
.principais_cat {  border-right:0px; border-top:0px }
.principais_cat table{  width:100%; }
.principais_cat td a{transition:0.3s; cursor:pointer; background:#FFFFFF; border:#33333350 solid 0px; margin:3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); padding:3px;  line-height:50px;border-radius:4px; display:block}
.principais_cat td a:hover{  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }


/* =========================== */
/* PRINCIPAIS CATEGORIA   HOME */
.rodape_ a { transition:0.3s; color:#FFFFFF90; display:block; line-height:25px;font-size:12px; }
.rodape_ a:hover { color:#FFFFFF; }

/* =========================== */
/* SLIDES */
#slide_portfolio_desk{ }
#slide_portfolio_desk iframe{ width:100%; height:320px; margin:0; }

#slide_portfolio_tab{ } 
#slide_portfolio_tab iframe{ width:100%; height:240px; margin:0; }

#slide_portfolio_cel{ }
#slide_portfolio_cel iframe{  width:100%; height:315px; margin:0; }

#slide_depoimentos{ width:100%; padding-top:550px; position:relative; }
#slide_depoimentos iframe{ position:absolute; top:0px; left:0; width:100%; height:100%; }


/* =========================== */
/* FORMS CONTATO*/
 .form input, .form textarea, .form select { transition:0.5s;
  width:100%; width: -webkit-calc(100% - 20px); 	width: -moz-calc(100% - 20px); width: calc(100% - 20px);
  max-width:100%;
  margin:  5px 0 18px  0;
  padding: 8px 10px 8px 10px;
  background:#ffffff; 
  border:0px; 
  border: #666666 solid 1px; 	
  font-size:15px;
  height:25px;  line-height:25px; 
  resize: none;
   border-radius:5px;
  -
}
.form select { height:43px; width:100%;}

.form input[type=submit] {
  margin: 18px 0 0 10px;
  padding:2px 0 0px 0; width:150px;
  background: #60298C;
  color:#ffffff ; 
  border: 0px;
  float:left;
  height:57px;
  font-weight:600; 
  webkit-appearance: none;/*limpa confg pre existente*/
 /* box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 1.0)!important; */
}
.form input[type=submit]:hover {
  background: #8037BB;
  color:#ffffff ;
  cursor: pointer;
  
}
.form input[type=submit]:disabled {
  background: #999999;
  border:#999999 solid 2px; 
  color:#cccccc ;
  cursor: default;
}


/* UP fotos  radio*/
.form .thumb { transition:0.5s;  position:relative; margin:-1px !important;}
.form .thumb:hover div{ transition:0.5s;  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.form .thumb:hover { }
.form .thumb div { transition:0.5s;  filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;   margin:10px; border:#999999 solid 1px; width: auto; padding-top:70%;  background-position:center; background-repeat: no-repeat; background-size:cover;}
.form .thumb #img_confirm{  transition:0.5s;  display:none; position:absolute; z-index:10; top:50%;  left:12px; background:#24A1B3; color:#FFFFFF; text-align:center; line-height:20px; width: -webkit-calc( 100% - 40px ); width: -moz-calc( 100% - 40px ); width: calc( 100% - 40px );  padding:20px 10px 20px 10px;  margin-top:-40px; }

.form .cap{ transition:0.5s;  filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position: absolute; top:10px; right:90px; z-index:1; width:30px; height:30px; background-size:cover; background-image: url(img/ico_edi.png); background-position:center; background-repeat:no-repeat; }
.form .del{ cursor:pointer; transition:0.5s; border:#FFFFFF10 solid 2px;  border-radius: 25px;   position: absolute; top:18px; right:18px; z-index:1; width:40px; height:40px; background-color:#CC0000; background-size:cover; background-image: url(img/ico_del.png); background-position:center; background-repeat:no-repeat; }
.form .girar{ cursor:pointer; transition:0.5s; border:#FFFFFF10 solid 2px;   border-radius: 25px;  position: absolute; top:67px; right:18px; z-index:1; width:40px; height:40px; background-color:#CC0000; background-size:cover; background-image: url(img/ico_girar.png); background-position:center; background-repeat:no-repeat; }

.form .cap:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.form .del:hover{border:#FFFFFF solid 2px; }
.form .girar:hover{border:#FFFFFF solid 2px;  }

.form .certo { border:#366D12 solid 1px !important;  background:#CCFFCC; color:#366D12}
.form .erro { border:#CA0F13 solid 1px !important;    background:#FFCCCC; }
.form .des { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

.form  { text-align:left;}

.form p  { text-align:left; margin-left:10px; padding-top:10px;}




.form input[type=file] {
   width: -webkit-calc( 100% - 20px); 	    width: -moz-calc( 100% - 20px);  width: calc( 100% - 20px); 
  padding:70% 0 0 -0 ;
  padding-left:-10px!important;
   margin:10px !important;
   border:#24A1B3 dashed 2px!important;
  height:0 !important; 
 overflow: hidden;
  font-size:0;
  filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
  display:block;
}.form input[type=file]:hover { border:#24A1B3 solid 2px!important; cursor:pointer;  filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

.form .up_foto { background-size:contain; background-image: url(img/ico_up_foto.png); background-position:center; background-repeat:no-repeat; }
.form .up_logo { background-size:contain; background-image: url(img/ico_up_logo.png); background-position:center; background-repeat:no-repeat; }

.form #up_fake{ position:absolute; width:100%; top:10px; left:0; margin:0; padding:0; border:0;}


/* CHECKBOX  radio*/
.form input[type=checkbox] , .form input[type=radio]  { cursor:pointer; transition:0.5s;  width:20px; height:20px; position:absolute; margin-left:-26px; margin-top:1px}
.form .check_label { transition:0.5s; border-radius:5px;  border:#00000020 solid 1px; cursor:pointer; line-height:25px; background:#00000010;  margin:  5px 0 18px  0; display:inline-block; position:relative; padding:8px 15px 8px 36px}
.form .check_label:hover {  background:#00000005;  }

.form .check_label_cat { transition:0.5s; border-radius:5px;  border:#00000020 solid 1px; cursor:pointer; line-height:25px; background:#00000010;  margin:  5px 0 5px  0; display:block; position:relative; padding:8px 15px 8px 36px}


.vlr { text-align:right!important;  background-image: url(img/rs.png)!important; background-repeat:no-repeat!important; background-position: left center !important; }
.desc {  background-image: url(img/desc.png)!important;  background-repeat:no-repeat!important; background-position: right center !important; }


/*nao sou rodbo*/
.form  #label_bot{ cursor:pointer; position:relative; text-align:left; width:160px; background:#ffffff url(img/bot_.png) left center no-repeat; border:#666666 solid 1px ; height:55px; margin: 18px 15px 10px 3px;  padding:0 0 0 49px;  display: table;  float:left;  border-radius:5px; box-shadow: 0px 0px 0px 7px rgba(220, 220, 220, 1.0); }
.form   #label_bot:hover{    }

.form   #label_bot p{ -moz-transition:0s; -o-transition:0s; transition:0s; }

.importante {color:red ; border:red solid 2px ;   -moz-transition:0s; -o-transition:0s; transition:0s;}
.valid {background:#FFFFFF url(img/bot.png) left center no-repeat !important; border:#389925 solid 1px!important; }

#auth_ p{line-height:11px; font-size:11px; padding-bottom:3px; }
label cel{ padding:5px 5px 5px 5px; display: table-cell;  vertical-align:middle!important; }
#label_bot input[type=checkbox] { width:1px; height:1px; left:30px; top:30px;  position:absolute;
}
/* PLACE HOLD */
.form  input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {    } 
.form  input:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder{  color:#cccccc;  } 
/* FOCUS */
.form  input:focus,textarea:focus ,.form select:focus  { outline: none;  border:#8037BB solid 1px; color: #000000;  } /*tira borda amarelo on focus*/
.form  input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px #e1e1e1 inset;}/*tira bg amarelo auto complet*/
/*input[type=text]:hover, textarea:hover,select:hover {  background: #f1f1f1;}*/


/* ===================================================================================================================================== */
/* DESKTOP 4X3 E TABLET HORIZONTAL -- MENOR QUE Xpx -- */
/* ===================================================================================================================================== */
@media (max-width: 1230px) { 
	article{width:970px;}
	nav_w  {width:970px; }
}
/* ===================================================================================================================================== */
/*OBRIGAT�RIO DESKTOP P/ MAIO QUE Xpx */
/* ===================================================================================================================================== */
@media (min-width: 980px) { 
}

/* ===================================================================================================================================== */
/* ### TABLET VERTIAL E CELULAR HORIZONTAL -- */ 
/* ===================================================================================================================================== */
@media (max-width: 980px) { 
	
	.banco_produto{ background:#ffffff; padding:20px ;  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);}
	
	/*
	 <row class="banco_produto" style=" background:#FFFFFF; border-radius:7px; padding:40px ; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);">
		
	.mbr-parallax-background {background-repeat:no-repeat !important; background-position:center !important; background-size:cover!important;}
	.mbr-navbar__section, .mbr-navbar--stuck .mbr-navbar__section{background:rgba(255, 255, 255, 0); top:0px;	height:60px;}
	*/
	
	
	/*# LOGO ICO mobile ==================================================== */	
		#tb_logo{   width:60px }
		#top_logo{  width:50px ;height:70px; background:url(img/logo_ico.png) no-repeat center left; background-size:contain; }
		
	/* TOP user	mobile	==================================================== */
		#tb_user {color:rgba(0, 0, 0, 0.9); width:60px;  background: url(img/none.png) no-repeat center right ; 	}
		#top_user { display:none !important	}
	  
	   	#top_user_mobile {  padding:3px 0 2px 50px; background: url(img/top_user.png) no-repeat center left ; line-height:22px !important	; 	}
		#top_user_mobile a  {  padding:13px 0 !important; border:#0066FF solid 0px  }
		
		
		
	/* TOP CEP mobile ==================================================== */
	#tb_cep  {display:none; } 	/* desck */
	
	#top_cep_mobile { text-align:left;  padding:20px 0 20px 30px;  background: url(img/top_map.png) no-repeat center left ; display:block;  margin:20px 0; border:#CCCCCC solid 1px; border-left:0px; border-right:0px; 	}
	
	/* FORMS cep mobile ===== */
	#top_cep_read_mobile {width:30px; font-size:17px; padding-top:2px;	line-height:25px;}
	#top_cep_inp_mobile { 
		margin: 0;
		padding: 0  ;
		background: transparent; 
		font-size:17px;
		line-height:25px;
		-webkit-appearance: none;/*limpa confg pre existente*/
		width:100px; font-weight:bold; 	padding:0 0 0 5px; 
	}
	
	/* PLACE HOLD */
	#top_cep_mobile input::-webkit-input-placeholder {  color:#000000;  } 
	#top_cep_mobile input:focus::-webkit-input-placeholder{  color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; } 
	/* FOCUS */
	#top_cep_mobile input:focus { outline: none; border-bottom:solid 1px rgba(0, 0, 0, 0.5)   } /*tira borda amarelo on focus*/
	#top_cep_mobile input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px #e1e1e1 inset;}/*tira bg amarelo auto complet*/

	/* =================== */	
	/* NAV WIDE */
	nav_w{width:100%; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px);} 
	.mbr-navbar--stuck .mbr-navbar__section nav_w {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;  visibility: visible}		
		/*	LOGO ICO */	
	
		/*	MENU DESCK  */	
		#menu {display:none; }
		#tb_menu {display:none; }
		nav_painel {display:none!important;}
		
		/*	MENU MOBILE  */	
			
								
		#menu_mobile w { /*triangulo do minha conta  */
		  width: 0; height: 0; position:absolute; 
		  right:35px; top:-8px;
		  border-left: 8px solid transparent;
		  border-right: 8px solid transparent;
		  border-bottom: 8px solid #ffffff;
		}						
								
		#menu_mobile {display:none; position:relative; z-index:200; text-align:left!important;  background:#ffffff; padding:15px 25px 15px 25px; font-weight:500; line-height:28px; font-size:17px; }
			#menu_mobile a{  color: #333333; padding:4px 0;  display: block; font-weight:500;   }
			#menu_mobile a:hover{}
			#menu_mobile .active { }
		
		.view_nav{display:block !important;}
		#ico_menu { display:block;}
		#ico_close{ display:block; }
		
	
	/* =========================== */	
	/* ### NAV R*/ 
	nav_r { display:none; }
	
	/* =========================== */	
	/* ELEMENTOS GERAIS */	
	article { width:100%; } 
	
	
}

/* ===================================================================================================================================== */
/* ### CELULAR VERTICAL */ 
/* ===================================================================================================================================== */
@media (max-width: 500px) {  
	#menu_mobile {display:none; position:relative; z-index:200; text-align:left!important;  background:#ffffff; padding:15px 15px 15px 15px; font-weight:500; line-height:28px; font-size:17px; }
	/* ELEMENTOS GERAIS */	
	article {  width:100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);} 
			
}