@import url("lato.css");
@import url("novecento.css");

body{
	background-color:#F3F3EB;
	font-family: Lato-Hai, Verdana, sans-serif;
	color:#1F2E1B;
} 

/*
 ***** HOME ****
 */
 
#home{
	z-index:1000;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#F3F3EB;
}

#home .logo{
	position:relative;
	height:344px;
	top:50%;
	margin-top: -200px;
	text-align:center;
}

#home .logo img{
	margin:0 auto;
	width:350px;
	cursor:pointer;
}

#home .logo p{
	font-family: Novecentowide-DemiBold, Verdana, sans-serif;
	color:#1F2E1B;
	margin-top:35px;
}


 
/*
 ***** wrap ****
 */
 
#outer{
	width:100%;
	float:left;
}

#inner{
	max-width:960px;
	margin:0 auto;
}

#inner > *{
	float:left;
	width:100%;
}


/*
 ***** header ****
 */

header{
	 width:100%;
	 background-color:#F3F3EB;
	 border-top:5px solid black;
	 z-index:100;
}

header .content{
	 margin:25px auto 0;
	 width:960px;
	 height:90px;
	 border-bottom:1px solid #c2c2c2;
	 box-shadow:0px 2px 2px -1px #fff;
}

header .logo_header a{
	margin-top:5px;
	display:inline-block;
	width:175px;
	height:70px;
	background:url("../imgs/logo.svg") no-repeat center top;
	background-size:175px 140px;
}

header .logo_header a:hover{
	width:175px;
	height:70px;
	background:url("../imgs/logo.svg") no-repeat center bottom;
	background-size:175px 140px;
}

header .button{
	display:none;
}

header ul{
	position:absolute;
	right:0;
	top:53px;
}

header ul li{
	display:inline-block;
	font-family: Lato-Bol, Verdana, sans-serif;
	font-size:12px;
}

header ul li.bullet{
	color:#c2c2c2;
}

header ul li a{
	color:#1E2E18;
	text-decoration:none;
	height:34px;
	position:relative;
	display:inline-block;
	padding:0 20px;
}

header ul li:last-child a{
	color:#c2c2c2;
}

header ul li a.active{
	border-bottom:1px solid #1E2E18;
}

header ul li a:hover{
	border-bottom:1px solid #1E2E18;
}


/*
 ***** content home****
 */

.content{
	margin:10px 0 50px;
	position:relative;
}

.content .galeria{
	position:relative;
}

.content .galeria #slide ul:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

.content .galeria #slide li{
	width:100% !important;
	height:auto !important;
	position:relative !important;
	float:left;
	display:list-item;
	margin-right:-100%;
}

.content .galeria #slide img{
	width:100%;
	display:block;
}

.content .galeria #slide{
	position:relative;
	height:auto;
	width:100%;
	z-index:-100;
}


.content ul#nav{
	margin-top:-40px;
	height:20px;
	text-align:center;
}

.content ul#nav a{ 
	color:#fff;
	text-decoration:none;
	font-size:30px;
	margin:0 4px;
	opacity:0.6;
}

.content ul#nav a.activeSlide{ 
	opacity:1;
}

.content .destaque{
	width:260px;
	float:left	;
	background-color:#fff;
	margin-top:40px !important;
	padding:25px;
	height:255px;
}

.content .destaque.middle{
	margin:0 15px;
}
 
.content .destaque h1{
	margin-top:20px;
	margin-bottom:25px;
}

.content .destaque h1 a{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:33px;
	color:#1E2E18;
	line-height:1.1;
}

.content .destaque p{
	font-family: Lato-Reg, Verdana, sans-serif;
	font-size:12px;
	color:#999;
	line-height:1.4;
}

.content .destaque p em{
	font-family: Lato-RegIta, Verdana, sans-serif;
}

.content .destaque a{
	font-family: Lato-RegIta, Verdana, sans-serif;
	text-decoration:none;
	color:#32AA76;
}

.content .destaque a:hover{
	text-decoration:underline;
}


/*
 ***** content pags****
 */
 
.content .menu{
	width:33.3333%;
	float:left;
	padding-top:180px;
}

.content .menu ul{
	margin-left:40px;
	color:#999;
}

.content .menu ul .bullet{
	display:none;
}

.content .menu ul li{
	font-family:Lato-Reg, Verdana, sans-serif;
	font-size:12px;	
}

.content .menu ul li a{
	color:#999;
	line-height:1.8;
	text-decoration:none;
}

.content .menu ul li a:hover{
	color:#1E2E18;
}

.content .menu ul li.active a{
	color:#1E2E18;
}

.content .sub-content{
	width:66.6666%;
	display:inline-block;
	position:relative;
	margin-top:75px;
}

.content .sub-content .imgs{
	overflow:hidden;
}

.content .sub-content .imgs hgroup{
	position:absolute;
	margin:30px;
}

.content .sub-content .imgs hgroup h1{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	font-size:55px;
	margin-top:15px;
	color:#fff;
}

.content .sub-content .imgs hgroup h2{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	font-size:35px;
	margin-top:25px;
	color:#fff;
	line-height:1.2;
}

.content .sub-content .imgs img{
	width:312px;
	float:left;
	margin-right:15px;
}

.content .sub-content .imgs img.hidden{
	margin-right:0;
}
 
.content .sub-content .texto{
	position:relative;
	margin-top:25px;
	clear:both;
}

.content .sub-content .texto hgroup{
	margin-top:25px;
}

.content .sub-content .texto hgroup h4{
	font-family:Lato-Bol, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.4;
} 

.content .sub-content .texto hgroup h4 span{
	font-family:Lato-Lig, Verdana, sans-serif;
} 


.content .sub-content .texto h5{
	font-family:Lato-LigIta, Verdana, sans-serif;
	font-size:14px;
	margin-top:25px;
	color:#666;
} 

.content .sub-content .texto h3{
	font-family:Lato-BolIta, Verdana, sans-serif;
	font-size:14px;
	line-height:3;
	color:#1E2E18;
}

.content .sub-content .texto p{
	font-family:Lato-Lig, Verdana, sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#666;
}

.content .sub-content .texto p a{
	color:#666;
}

.content .sub-content .texto p a:hover{
	text-decoration:none;
}

.content .sub-content .texto p strong{
	font-family:Lato-Bol, Verdana, sans-serif;

}

.content .sub-content .texto p em{
	font-family:Lato-LigIta, Verdana, sans-serif;
	
}

.content .sub-content .texto li{
	font-family:Lato-Lig, Verdana, sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#666;
	margin-left:30px;
	list-style:disc;
}

.content .sub-content .esquema{
	margin: 25px 0;
	overflow:hidden;
}

.content .sub-content .esquema .arrow_right{
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ccc;
	float:left;
	margin-top:70px;
}

.content .sub-content .esquema .arrow_left{
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
	float:left;
	margin-top:70px;
}

.content .sub-content .esquema .arrow_down{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
	float:right;
	margin-right:70px;
}

.content .sub-content .esquema > div{
	margin:0 auto;
	overflow:hidden;
}

.content .sub-content .esquema #mobile{
	display:none;
}

.content .sub-content .esquema .circle{
	 border-radius: 50%;
	 width: 135px;
	 height: 135px; 
	 border:1px solid #666;
	 float:left;
	 margin:10px 7px;
	 position:relative;
}


.content .sub-content .esquema .circle span{
	font-family:Lato-Bol, Verdana, sans-serif;
	 position:absolute;
	 color:#666;
	 top:0;
	 left:10px;
	 font-size:10px;
}

.content .sub-content .esquema .circle > p{
	color:#666;
	font-size:11px;
	line-height:1.4;
	font-family:Lato-Bol, Verdana, sans-serif;
	text-align:center;
	text-transform:uppercase;
}

.content .sub-content .esquema > ul{
	width:32%;
	float:left;
	margin-top:30px !important;
	color:#666;
	font-size:12px;
}

.content .sub-content .esquema > ul > li{
	font-size:12px;
	font-family:Lato-Bol, Verdana, sans-serif;
	text-transform:uppercase;
	line-height:1.4;
}
 
.content .sub-content .esquema > ul > li + ul >li{
	font-family:Lato-Lig, Verdana, sans-serif;
	line-height:1.4;
}

.content .sub-content .esquema > ul > li + ul >.tit{
	font-family:Lato-BolIta, Verdana, sans-serif;
	margin-top:10px;
}

.content .sub-content .esquema > ul > li + ul >li:before{
	content:"·";
	padding-right:5px;
}

.content .sub-content .esquema > ul > li + ul >.tit:before{
	content:none;
}

/*
 ***** produtos ****
 */
 
.content .parceiros,
.content .containers{
	position:relative;
	display:inline-block;
	margin-top:75px;
}

.content .parceiros .container,
.content .containers .container{
	position:relative;
	float:left;
	width:310px;
	height:310px;
	margin-left:15px;
	margin-bottom:15px;
}

.content .parceiros .nomargin,
.content .containers .nomargin{
	margin-left:0px;
}

.content .parceiros .container hgroup,
.content .containers .container hgroup{
	padding:40px 30px;
	z-index:999;
}

.content .parceiros .container hgroup h1,
.content .containers .container hgroup h1{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	font-size:24px;
	color:#1E2E18;
	margin-bottom:5px;
}

.content .parceiros .container hgroup h2,
.content .containers .container hgroup h2{
	font-family:Novecentowide-Normal, Verdana, sans-serif;
	font-size:15px;
	color:#1E2E18;
}

.content .parceiros .container hgroup h3{
	font-family:Lato-RegIta, Verdana, sans-serif;
}

.content .parceiros .container hgroup p,
.content .containers .container hgroup p{
	font-family:Lato-Reg, Verdana, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#1E2E18;
	margin-top:30px;
}

.content .parceiros .container hgroup p a,
.content .containers .container hgroup p a{
	color:#000;
	text-decoration:underline;
}

.content .parceiros .container hgroup p a:hover,
.content .containers .container hgroup p a:hover{
	text-decoration:none;
}

.content .parceiros .container hgroup p em,
.content .containers .container hgroup p em{
	color:#32AA76;
	font-family:Lato-RegIta, Verdana, sans-serif;
}

.content .parceiros .container hgroup p strong,
.content .containers .container hgroup p strong{
	font-family:Lato-Bol, Verdana, sans-serif;
	color:#555;
}

.content .parceiros .container img{
	position:absolute;
	width:310px;
	z-index:-100;
}

.content .parceiros .container .filtro{
	width:100%;
	height:100%;
	background:#fff;
	opacity:.7;
	position:absolute;
	z-index:-10;
	display:block;

}

@media screen and (min-width:960px) {
	.content .containers .container img{
		position:absolute;
		z-index:100;
		width:310px;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
	}
	
	
	.content .containers .container:first-child img{
		z-index:-100;
		opacity:1 !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.content .containers .container:hover img{
		opacity:0;
		z-index:-500;
	}
	
	.filtro{
		display:none;
	}
}



/*
 ***** contactos ****
 */

.content .banner{
	position:relative;
	width:100%;
	z-index:-100;
	margin-bottom:20px;
}

.content .banner img{
	position:relative;
	z-index:-100;
	width:100%;
}

.content .contactos{
	width:33.3333%;
	float:left;
}

.content .contactos .inner{
	padding:15px 25px;
}

.content .contactos img{
	width:165px;
}

.content .contactos ul{
	margin-top:25px;
}

.content .contactos ul li{
	font-family:Lato-Bol, Verdana, sans-serif;
	font-size:12px;
	color:#1E2E18;
	line-height:1.4;
}

.content .contactos ul li a{
	font-family:Lato-Reg, Verdana, sans-serif;
	color:#32AA76;
	text-decoration:none;
	font-size:14px;
}

.content .contactos ul li a:hover{
	color:#999;
}

.content .contactos ul.social li{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-top:5px;
}

.content .contactos ul.social li a .facebook_contactos{
	display:inline-block;
	float:left;
	width:18px;
	height:18px;
	background:url("../imgs/icons/socials2.png") 0 -36px;
}

.content .contactos ul.social li a:hover .facebook_contactos{
	background:url("../imgs/icons/socials2.png") 18px -36px;
}

.content .contactos ul.social li a .twitter_contactos{
	display:inline-block;
	float:left;
	width:18px;
	height:18px;
	background:url("../imgs/icons/socials2.png") 0 -18px;
}

.content .contactos ul.social li a:hover .twitter_contactos {
	background:url("../imgs/icons/socials2.png") 18px -18px;
}

.content .contactos ul.social li a .linkedin_contactos{
	display:inline-block;
	float:left;
	width:18px;
	height:18px;
	background:url("../imgs/icons/socials2.png") 0 0;
}

.content .contactos ul.social li a:hover .linkedin_contactos {
	background:url("../imgs/icons/socials2.png") 18px 0;
}

.content .contactos ul.social li a .google_contactos{
	display:inline-block;
	float:left;
	width:18px;
	height:18px;
	background:url("../imgs/icons/socials2.png") 0 bottom;
}

.content .contactos ul.social li a:hover .google_contactos {
	background:url("../imgs/icons/socials2.png") 18px bottom;
}


.content .contactos ul.social li p{
	font-family:Novecentowide-Bold, Verdana, sans-serif;
	vertical-align:top;
	color:#c0c0c0;
	font-size:12px;
	margin-left:3px;
	display:inline-block;
}

.content .contactos ul.social li a:hover p{
	color:#1e2e18;
}

.content .form{
	display:inline-block;
	position:relative;
	width:66.6666%;
}

.content .form .inner{
	padding:30px 40px;
	background-color:#1E2E18;
	height:252px;
}

.content .form p:first-child{
	margin-top:90px;
}
	
.content .form p{
	font-family:Lato-RegIta, Verdana, sans-serif;
	font-size:14px;
	color:#fff;
	line-height:1.4;
	margin-bottom:20px;
	text-align:center;
}

.content .form p strong{
	font-family:Lato-BolIta, Verdana, sans-serif;

}

.content .form h2{
	font-family:Lato-BolIta, Verdana, sans-serif;
	font-size:14px;
	color:#fff;
	line-height:1.4;
	margin-bottom:20px;
}


.content .form form ul{
	display:inline-block;
	vertical-align:top;
}

.content .form form ul:first-child{
	margin-right:18px;
}

.content .form form ul li.nota{
	font-family:Lato-BolIta, Verdana, sans-serif;
	font-size:10px;
	color:#fff;
	text-align:right;
}

.content .form form ul li.nota_hidden{
	display:none;
}

.content .form form ul li .fields{
	width:250px;
	height:20px;
	margin-bottom:10px;
	background-color:#fff;
	color:#1E2E18;
	border:1px solid #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0 7px 2px;
	font-size:12px;
	font-family:Lato-RegIta, Verdana, sans-serif;
}

.content .form form ul li .fields:hover{
	border:1px solid #32AA76;
	outline:0;
	border-radius:0.3em 0.3em 0.3em 0.3em;
	box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	-webkit-box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	-moz-box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
}

.content .form form ul li .fields::-webkit-input-placeholder{
	color:#999;
}

.content .form form ul li input.fields:-moz-placeholder{
	color:#999;
}

.content .form form ul li input.fields:-ms-input-placeholder{
	color:#999;
}

.content .form form ul li textarea{
	width:250px;
	height:185px;
	margin-bottom:2px;
	background-color:#fff;
	color:#1E2E18;
	border:1px solid #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:3px 7px;
	font-size:12px;
	font-family:Lato-RegIta, Verdana, sans-serif;
}

.content .form form ul li textarea:hover{
	border:1px solid #32AA76;
	outline:0;
	border-radius:0.3em 0.3em 0.3em 0.3em;
	box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	-webkit-box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	-moz-box-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
}

.content .form form ul li textarea:-moz-placeholder{
	color:#999;
}

.content .form form ul li textarea:-ms-input-placeholder{
	color:#999;
}

.content .form form ul li input.submit{
	font-family:Lato-BolIta, Verdana, sans-serif;
	font-size:10px;
    color:#1E2E18;
    border:none;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background-color: #fff;
    padding:2px 6px;
    cursor:pointer;
    float:right;
    margin-top:5px;
}

.content .form form ul li input.submit:hover{
	color:#999;
}

.content .form h1{
	font-family: Lato-Reg, Verdana, sans-serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-top:90px;
	line-height:1.5;
}

/*
 ***** footer ****
 */
.top{
	height:0;
	margin-left:-9999px;
}


.social_footer{
	text-align:right;
	border-bottom:1px solid #c2c2c2;
	box-shadow:0px 2px 2px -1px #fff;
	padding-bottom:5px;
} 

.social_footer .facebook, 
.social_footer .twitter, 
.social_footer .linkedin, 
.social_footer .google{
	display:inline-block;
}

.social_footer .facebook a{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("../imgs/icons/socials.png") left -32px;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .facebook a:hover{
	background:url("../imgs/icons/socials.png") right -32px;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .twitter a{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("../imgs/icons/socials.png") left -16px;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .twitter a:hover{
	background:url("../imgs/icons/socials.png") right -16px;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .linkedin a{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("../imgs/icons/socials.png") left top;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .linkedin a:hover{
	background:url("../imgs/icons/socials.png") right top;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .google a{
	display:inline-block;
	width:15px;
	height:15px;
	background:url("../imgs/icons/socials.png") left bottom;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}

.social_footer .google a:hover{
	background:url("../imgs/icons/socials.png") right bottom;
	background-size:31px 63px;
	-moz-background-size:31px 63px; /* Firefox 3.6 */
}
 
footer{
	position:relative;
	bottom:0;
	height:45px;
}

footer p{
	font-family:Lato-Reg, Verdana, sans-serif;
	font-size:10px;
	width:586px;
	color:#666;
	display:inline-block;
	padding-top:5px;

	text-align:right;
}

footer p:first-child{
	width:370px;
	text-align:left;
}


footer p a{
	color:#666;
	text-decoration:underline;
}

footer p:first-child a{
	color:#32AA76;
	text-decoration:none;
}

footer p:first-child a:hover{
	text-decoration:underline;
}

footer em{
	font-family:Lato-RegIta, Verdana, sans-serif;
}

footer p a:hover{
	text-decoration:none;
}

footer .hidden{
		display:none;
	}


/* ///// MOBILE ///// */
@media screen and (max-width:480px) {
	
	#home .logo{
		height:200px;
		margin-top: -115px;
	}
	
	#home .logo img{
		width:200px;
	}

	
	/* HEADER */
	header .logo_header a{
		margin-top:15px;
		display:inline-block;
		width:130px;
		height:50px;
		background:url("../imgs/logo.svg") no-repeat center top;
		background-size:130px 100px;
	}
	
	header .logo_header a:hover{
		background:url("../imgs/logo.svg");
	}
	
	header .content{
		padding-bottom:30px;
	}
	
	header .logo_header {
		margin-left:20px;
		width:50%;
	}

	header .button{
		position:absolute;
		top:30px;
		right:35px;
		display:inline-block;
		height:25px;
		width:40px;
		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background-color:#e8e7df;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #dcdcdc;		
	}
	
	.button:active {
		margin-top:1px;
	}
	
	.button span {
		display:block;
		width:20px;
		height:3px;
		background:#999;
		margin:4.5px auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 1px 1px 0 #fff;
		-webkit-box-shadow: 1px 1px 0 #fff;
		box-shadow: 1px 1px 0 #fff;
	}
	
	.button.active span{
		background:#d0d0d0;
		-moz-box-shadow: -1px -1px 0px #999;
		-webkit-box-shadow: -1px -1px 0px #999;
		box-shadow: -1px -1px 0px #999;
	}
	
	header ul{
		display:none;
		width:100%;
		top:30px;
		position:relative;
		z-index:999;
		background-color:#fff;
	}	
	
	header ul li{
		width:100%;
		padding:20px 0;
		border-top:1px solid #d0d0d0;
	}
	
	header ul .bullet{
		display:none;
	}
	
	header ul a{
		text-align:center;
		display:block !important;
		height:auto !important;
	}
	
	header ul li a.active{
		border-bottom:none;
	}
	
	header ul a:hover{
		border-bottom:none !important;	
	}
	

	/* SUBMENU */	
	.content .menu ul{
		margin-left:0;
		text-align:center;
	}
	
	.content .menu ul .bullet{
		display:none !important;
	}
	
	.content .menu ul li{
		display:inline-block;
		margin:5px 15px;
	}
	

	.content .menu ul li a:hover{
		color:#999;
	}
	
	/* DESTAQUES */
	.content ul#nav{
		display:none;
	}

	.content .destaque{
		width:100%;
		height:315px;
		float:left;
		background-color:#fff;
		padding:0;
		margin:20px 0 0 0 !important;
	}
	
	.content .destaque > *,
	.content .first > *{
		padding:30px;
	}	
	
	.content .sub-content{
		width:100%;
		margin-top:15px;
	}
	
	.content .sub-content .imgs img{
		width:100%;
	}
	
	.content .sub-content .imgs img.hidden{
		display:none;
	}
		
	.content .sub-content .esquema ul{
		margin:25px 0 0 !important;
		width:50%;
	}
	
	.content .sub-content .esquema ul ul{
		margin:0 !important;
		width:100%;
	}
	
	.content .sub-content .esquema #mobile{
		display:block;
	}
	
	.content .sub-content .esquema #desktop{
		display:none;
	}
	
	.content .sub-content .esquema .circle{
		 width: 127px;
		 height: 127px; 
	}
	
	.content .sub-content .esquema .arrow_down{
		margin-right:63px;
	}
	
	.content .sub-content .esquema .arrow_left,
	.content .sub-content .esquema .arrow_right{
		margin-top:68px;
	}

	/*
	 ***** produtos ****
	 */
	 
	.content .parceiros,
	.content .containers{
		margin-top:0;
	}
	
	.content .parceiros .container,
	.content .containers .container{
		width:100%;
		height:auto;
		margin-left:0;
	}

	.content .parceiros .container hgroup,
	.content .containers .container hgroup{
		position:absolute;
		top:0;
	}
	

	/*
	 ***** contactos ****
	 */
	
	.content .contactos{
		width:100%;
		float:none;
	}
	
	.content .contactos .inner{
		padding:15px;
		margin-bottom:20px;
	}
	
	.content .contactos .inner{
		overflow:hidden;
	}

	.content .form{;
		width:100%;
	}
	
	.content .form .inner{
		padding:30px 20px;
		height:auto;
	}
	
	.content .form form ul{
		display:block;
		margin-bottom:0;
		overflow:hidden;
	}
	
	.content .form form ul:first-child{
		margin-right:0;
	}
	
	.content .form form ul li .fields{
		width:100%;
		padding:0;
		border:0;
	}
	
	.content .form form ul li .fields:hover{
		border:0;
	}
	
	.content .form form ul li .fields::-webkit-input-placeholder{
		padding-left:5px;
	}
	
	.content .form form ul li .fields:-moz-placeholder{
		padding-left:5px;
	}
	
	.content .form form ul .nota{
		display:none;
	}
	
	.content .form form ul li.nota_hidden{
		display:inline-block;
		text-align:left;
		margin-top:5px;
	}
	
	.content .form form ul li.button_submit{
		display:inline-block;
		float:right;
		margin-top:5px;
	}
	
	.content .form form ul li.button_submit input.submit{
		margin-top:0;
	}
		
	.content .form form ul li textarea{
		width:100%;
		padding:0;
		border:0;
	}
	
	.content .form form ul li textarea:hover{
		border:0;
	}
	
	.content .form form ul li textarea::-webkit-input-placeholder{
		padding:5px;
	}
	
	.content .form form ul li textarea:-moz-placeholder{
		padding:5px;
	}
	
	
}


/* ///// TABLET ///// */
@media screen and (min-width: 481px) and (max-width:959px) {
	header .logo_header {
		margin:40px auto;
		width:100%;
	}
	
	header .logo_header a{
		display:block;
		margin:0 auto;
		width:102px;
		height:100px;
		background:url("../imgs/logo_vert.svg");
		background-size:102px 100px;
	}
	
	header .logo_header a:hover{
		background:url("../imgs/logo_vert.svg");
	}

	
	header .content{
		padding:0;
	}

	
	header nav ul{
		position:relative;
		top:1px;
		text-align:center;
	}
	
	/*
	 ***** content pags****
	 */

	 .content{
	 	 margin-top:20px;
	 }
	 
	 .content .sub-content{
		width:100%;
		margin-top:50px;
	 }
	
	 .content .sub-content .imgs img{
	 	 width:48%;
	 	 margin-right:0;
	 	 padding:0 1%;
	 }
	 
	 .content .menu ul{
	 	 margin:0;
	 	 text-align:center;
	 }
	 
	 .content .menu ul li{
	 	 display:inline;
	 	 margin:0 10px;
	 }
	
	 
	 .content .destaque{
		width:26%;
		padding:25px 3%;

	 }
	
	 .content .destaque.middle{
	 	margin:0 2%;
	 }

	 .content .form form ul{
		width:48%;
	}
	
	.content .form form ul:first-child{
		margin-right:2%;
	}
	
	.content .form form ul li textarea,
	.content .form form ul li .fields{
		width:92%
	}
	
	/*
	 ***** produtos ****
	 */
	 
	.content .parceiros,
	.content .containers{
		margin-top:0;
	}
	
	.content .parceiros .container,
	.content .containers .container{
		width:48%;
		margin:1%;
		height:auto;
	}

	.content .parceiros .container hgroup,
	.content .containers .container hgroup{
		position:absolute;
		top:0;
	}
	
	
}

/* ///// MOBILE + TABLET ///// */
@media screen and (max-width:959px) {
	/* HEADER */
	
	header .content{
		width:100%;
		height:auto;
	}
	
	/*
	 ***** content pags****
	 */
	 
	.content .menu{
		width:100%;
		padding:0;
	} 
	
	.content .menu ul{
		position:relative;
	} 
	 
	.content .menu ul .bullet{
		display:inline-block;
		color:#999;
	}

	.content .sub-content .texto,
	.content .sub-content .esquema{
		padding:0 10px;
	}
	
	/* PRODUTOS */
	.content .parceiros .container img,
	.content .containers .container img{
		width:100%;
		height:auto;
		position:relative;
	}
	
	.filtro{
		width:100%;
		height:99.9%;
		background:#fff;
		opacity:.7;
		position:absolute;
		z-index:500;
	}
	
	/* WRAP */
	#outer{
		margin-top:0px;
	}

	
	/* FOOTER */
	.top{
		position:fixed;
		display:none;
		height:auto;
		bottom:0;
		right:0;
		float:right !important;
		width:auto !important;
		font-size:10px;
		color:#999;
		font-family:Lato-Bol, Verdana, sans-serif;
		text-decoration:none;
		padding:10px;
		background:#F3F3EB;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-left-radius: 10px;
		margin-top:-35px;
		margin-left:0;
		z-index:999;
	}


	.social_footer{
		text-align:center;
	} 
	
	.social_footer .facebook,
	.social_footer .twitter, 
	.social_footer .linkedin{
		margin:5px;
	}

	footer p{
		width:100%;
		display:block;
		text-align:center;
		display:none;
	}
	
	footer p:first-child{
		width:100%;
		text-align:center;
		display:block;
	}
	
	footer .hidden{
		display:block;
	}

	
}