@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	color: #3b3c3e;
	
}

figure img{
    display: block;
}
a{
	text-decoration: none;
	color: #3C281C;
}

a:hover{
	color: #3b3c3e;
}
.mask{
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s; 
}
.flex-v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
/*//////////
TOPO
/////////////*/
.ancora{		
	cursor: pointer;
	}
#menu-topo .hfe-sub-menu-item,
#menu-topo .hfe-sub-menu-item *{
	font-size: 13px !important;
}
#barra-topo{	
	top: 0;
	left: 0;
	z-index: 995;
	width: 100%;		
}
body.home #barra-topo{
	
}
#barra-topo.active{		
	background-color: #fff;
	background: linear-gradient(to left,#f0f0f0,#fff);
	position: fixed;
	    -webkit-animation: fixaTopo 1s forwards; /* Safari 4+ */
  -moz-animation:    fixaTopo 1s forwards; /* Fx 5+ */
  -o-animation:      fixaTopo 1s forwards; /* Opera 12+ */
  animation:         fixaTopo 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2);
}
.fechar{
	position: absolute;
	z-index: 998;
	cursor: pointer;
}
.painel{    	
	
	z-index: 9999;
    position: fixed;
    top:0;
right:0%;    
    width: 100% !important;
    max-width: 350px !important;
    overflow-x: hidden;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; 
}
.painel.active {
	
	display: block;
		    -webkit-animation: puxaPainel 1s forwards; /* Safari 4+ */
  -moz-animation:    puxaPainel 1s forwards; /* Fx 5+ */
  -o-animation:      puxaPainel 1s forwards; /* Opera 12+ */
  animation:         puxaPainel 1s forwards; /* IE 10+, Fx 29+ */    
animation-iteration-count: 1; 
animation-delay:0s;    
}
@-webkit-keyframes puxaPainel{
0% {
right: -100%;
}
100% {
right: 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
}