@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
*{
	box-sizing:border-box;
    font-family: 'Roboto Condensed', sans-serif;
}

body{
	margin:0;
	
}

.central{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}


.topo{
	margin-top: -20px !important;
	background-color: #252829;

}

.topo ul{
	list-style:none;
}

#overlay{
	width:100%;
	height:100%;
	position:absolute;
	
	left:0;
	top:0;
	background:rgba(0,0,0,0.3);
	z-index:50;
	display:none;
	transition:1s;
}

#overlay[active]{
	display:block;
}

.topo{
	box-shadow: 0px 0px 5px 5px #00000066;
}

@media only screen and (min-width:950px){
	.topo .hamb{ display:none;}
	
	.topo{
		height:130px;
		/*border-bottom:solid 5px rgba(37,40,41,0.9);*/
		box-shadow: 0px 0px 5px 5px #00000066;
		position:relative;
		z-index:2;
	
	}
	.topo .BarTop{
		background-color: #252829;
		height:36px;
		border-bottom:solid 1px #999;
		width:100%;
		position:relative;
		z-index:1;
	}
	
	.topo .BarTop .central{
		position:relative;
	}
	
	.topo .BarTop .endereco{
		color: #fff;
		position:absolute;
		left:10px;
		height:32px;
		line-height:32px;
		background-image:url(../images/icon-map.png);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding-left:20px;
	}	
	
	.topo .BarTop .email{
		color: #fff;
		height:32px;
		line-height:32px;
		position:absolute;
		right:1px;
		background-image:url(../images/icon-email.png);
		background-repeat:no-repeat;
		background-position:0px 8px;
		background-size:auto 16px;
		padding-left:25px;		
	}
	
	.topo .central{
		position:relative;
	}
	
	.topo .logoTop{
		position:absolute;
		width:240px;
		left:20px;
		top:10px;
	}
	
	.topo .TelTop{
		color: #fff;
		position:absolute;
		right:10px;
		top:10px;
		background-image:url(../images/icon-whats.png);
		background-size:35px auto;
		background-repeat:no-repeat;
		background-position:0 20px;
		padding-left:44px;
		height:70px;
	}
	
	.topo .TelTop .text{
		font-size:12px;
		height:12px;
		line-height:12px;
		text-align:center;
	}
	
	.topo .TelTop .tel{
		font-size:24px;
		line-height:26px;
		height:26px;
	}
	
	.topo ul.menuTop{
		color: #FFF;
		position:absolute;
		margin:0;
		padding:0;
		right:250px;
		height:95px;
		top:0px;
	}
	
	.topo ul.menuTop > li{
		float:left;
		font-size:20px;
	}
	
	.topo ul.menuTop > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:0 10px 0 10px;
		line-height:95px;
		height:95px;
	}
	
	/* Hover do menu principal*/
	.topo ul.menuTop > li:hover > a {
		background-color: #f06f13;
	}
	
	.topo ul.menuTop > li > ul{
		position:absolute;
		margin:0;
		padding:0;
		background:rgba(37,40,41,0.9);
		display:none;
		min-width:230px;
	}
	/* Fim do hover do menu principal*/
	.topo ul.menuTop > li:hover > ul{
		display:block;
	}	
	
	.topo ul.menuTop > li > ul > li{
	
	}	

	.topo ul.menuTop > li > ul > li > a{
		color:#333;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:10px 10px 10px 10px;
		line-height:20px;
		height:40px;
		font-size:16px;
		color:#FFF;
	}	
	
	.topo ul.menuTop > li > ul > li:hover > a{
			background-color: #f06f13;		
	}	

}

.topo ul.menuTop > li > a,
.topo ul.menuTop > li > ul > li > a{
	text-align: left;
}


#logomenu{
	display: none;
}

@media only screen and (max-width:950px){
	


	ul.hamb{
		position:fixed;
		left:20px;
		top:62px;
		margin:0;
		padding:0;
		list-style:none;
		border:solid 1px #333;
		width:29px;
		height:29px;
		overflow:hidden;
		padding:3px;
		transition:1s;
		background:#FFF;
		z-index:51;
	}
	
	ul.hamb[active]{
		left:320px;
	}
	
	ul.hamb li{position:absolute;height:4px;background:#000; width:21px;transition:1s; left:3px}	
	ul.hamb li:nth-of-type(1){margin-top:2px;}	
	ul.hamb li:nth-of-type(2){margin-top:9px;}
	ul.hamb li:nth-of-type(3){margin-top:16px;}
	
	ul.hamb[active]{ transform:rotate(180deg);}
	ul.hamb[active] li:nth-of-type(1){margin-top:6px; left:10px; transform:rotate(45deg);width:13px; height:3px;}
	ul.hamb[active] li:nth-of-type(2){width:16px; left:3px; height:4px;}		
	ul.hamb[active] li:nth-of-type(3){margin-top:13px; left:10px; transform:rotate(-45deg);width:13px; height:3px;}	

}

@media only screen and (max-width:950px){
	#logomenu{
		display: block;
	}
	
	#logomenu > img{
		width: 50%;
		margin-top: 30px;
		margin-left: 30px;
		
	}
}

@media only screen and (min-width:680px) and (max-width:1092px){
	.topo{
		height:130px;
		
		position:relative;
		z-index:2;
	
	}
	.topo .BarTop{
		height:36px;
		border-top:4px #0a0b0a solid;
		border-bottom:solid 1px #999;
		width:100%;
		position:relative;
		z-index:1;
	}
	
	.topo .BarTop .central{
		position:relative;
	}
	
	.topo .BarTop .endereco{
		color: #fff;
		position:absolute;
		left:10px;
		height:32px;
		line-height:32px;
		background-image:url(../images/icon-map.png);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding-left:20px;
	}	
	
	.topo .BarTop .email{
		color: #fff;
		height:32px;
		line-height:32px;
		position:absolute;
		right:10px;
		background-image:url(../images/icon-email.png);
		background-repeat:no-repeat;
		background-position:0px 8px;
		background-size:auto 16px;
		padding-left:22px;		
	}
	
	.topo .central{
		position:relative;
	}
	
	.topo .logoTop{
		position:absolute;
		width:240px;
		left:calc(50% - 120px);
		top:15px;
	}
	
	.topo .TelTop{
		color: #fff;
		position:absolute;
		right:10px;
		top:15px;
		background-image:url("../images/icon-whats.png");
		background-size:30px auto;
		background-repeat:no-repeat;
		background-position:0 25px;
		padding-left:34px;
		height:70px;
	}
	
	.topo .TelTop .text{
		font-size:14px;
		height:14px;
		line-height:14px;
		text-align:center;
	}
	
	.topo .TelTop .tel{
		font-size:24px;
		line-height:26px;
		height:26px;
	}
	

	
	.topo ul.menuTop{
		display:block;
		position:fixed;
		width:800px;
		height:100%;
		top:0;
		left:-350px;
		margin:0;
		padding:0;
		background:#0a0b0a;
		z-index:51;
		transition:1s;
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	}
	
	.topo ul.menuTop[active]{
		left:0;
	}	
	
	.topo ul.menuTop > li{
		font-size:20px;
	}
	
	.topo ul.menuTop > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:0 10px 0 10px;
		line-height:40px;
		height:40px;
	}
	
	.topo ul.menuTop > li > ul{
		margin:0;
		padding:0;
		background:rgba(0,0,0,0.5);
		min-width:180px;
	}
	
	.topo ul.menuTop > li:hover > ul{
		display:block;
	}	
	
	.topo ul.menuTop > li > ul > li{
			}	

	.topo ul.menuTop > li > ul > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:10px 10px 10px 30px;
		line-height:20px;
		height:40px;
		font-size:16px;
		color:#FFF;
	}	

}


@media only screen and (min-width:535px) and (max-width:680px){
	
	ul.hamb{
		top:88px;
	}	
	
	.topo{
		height:150px;
		
		position:relative;
		z-index:2;
	
	}
	.topo .BarTop{
		height:60px;
		border-top:4px #0a0b0a solid;
		border-bottom:solid 1px #999;
		width:100%;
		position:relative;
		z-index:1;
	}
	
	.topo .BarTop .central{
		position:relative;
	}
	
	.topo .BarTop .endereco{
		color: #fff;
		position:absolute;
		width:470px;
		left:calc(50% - 235px);
		height:32px;
		line-height:32px;
		background-image:url(../images/icon-map.png);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding-left:20px;
		/*border:solid 1px #000;		*/
	}	
	
	.topo .BarTop .email{
		color: #fff;
		height:28px;
		line-height:28px;
		position:absolute;
		width:180px;
		left:calc(50% - 90px);
		top:26px;
		background-image:url(../images/icon-email.png);
		background-repeat:no-repeat;
		background-position:0px 8px;
		background-size:auto 16px;
		padding-left:22px;		
	}
	
	.topo .central{
		position:relative;
	}
	
	.topo .logoTop{
		position:absolute;
		width:240px;
		left:calc(38% - 120px);
		top:10px;
	}
	
	.topo .TelTop{
		color: #fff;
		position:absolute;
		right:10px;
		top:10px;
		background-image:url("../images/icon-whats.png");
		background-size:30px auto;
		background-repeat:no-repeat;
		background-position:0 25px;
		padding-left:34px;
		height:70px;
	}
	
	.topo .TelTop .text{
		font-size:14px;
		height:14px;
		line-height:14px;
		text-align:center;
	}
	
	.topo .TelTop .tel{
		font-size:24px;
		line-height:26px;
		height:26px;
	}
	

	
	.topo ul.menuTop{
		display:block;
		position:fixed;
		width:300px;
		height:100%;
		top:0;
		left:-350px;
		margin:0;
		padding:0;
		background:#0a0b0a;
		z-index:51;
		transition:1s;
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	}
	
	.topo ul.menuTop[active]{
		left:0;
	}	
	
	.topo ul.menuTop > li{
		font-size:20px;
	}
	
	.topo ul.menuTop > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:0 10px 0 10px;
		line-height:40px;
		height:40px;
	}
	
	.topo ul.menuTop > li > ul{
		margin:0;
		padding:0;
		background:rgba(0,0,0,0.5);
		min-width:180px;
	}
	
	.topo ul.menuTop > li:hover > ul{
		display:block;
	}	
	
	.topo ul.menuTop > li > ul > li{
		
	}	

	.topo ul.menuTop > li > ul > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:10px 10px 10px 30px;
		line-height:20px;
		height:40px;
		font-size:16px;
		color:#FFF;
	}	

}



@media only screen and (max-width:535px){
	
	ul.hamb{
		top:75px;
	}	
	
	.topo{
		height:120px;
		
		position:relative;
		z-index:2;
	
	}
	.topo .BarTop{
		height:60px;
		border-top:4px #0a0b0a solid;
		border-bottom:solid 1px #999;
		width:100%;
		position:relative;
		z-index:1;
	}
	
	.topo .BarTop .central{
		position:relative;
	}
	
	.topo .BarTop .endereco,.topo .BarTop .email{ display:none}	
	
	
	
	.topo .central{
		position:relative;
	}
	
	.topo .logoTop{
		position:absolute;
		width:165px;
		left:calc(50% - 100px + 20px);
		top:5px;
	}
	
	.topo .TelTop{
		position:absolute;
		background-image:url(../images/icon-whats.png);
		background-size:24px auto;
		background-repeat:no-repeat;
		background-position:0 13px;
		padding-left:34px;
		height:45px;
		color: #FFF;
		/*border:solid 1px #333;*/
		width:280px;
		left:calc(50% - 140px);
		top: -48px;
	}
	
	.topo .TelTop .text{
		font-size:14px;
		height:14px;
		line-height:14px;
		text-align:center;
	}
	
	.topo .TelTop .tel{
		font-size:18px;
		line-height:26px;
		height:26px;
		display: inline-block;
	}
	

	
	.topo ul.menuTop{
		display:block;
		position:fixed;
		width:300px;
		height:100%;
		top:0;
		left:-350px;
		margin:0;
		padding:0;
		background:#0a0b0a;
		z-index:51;
		transition:1s;
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	}
	
	.topo ul.menuTop[active]{
		left:0;
	}	
	
	.topo ul.menuTop > li{
		font-size:20px;
	}
	
	.topo ul.menuTop > li > a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:0 10px 0 10px;
		line-height:40px;
		height:40px;
	}
	
	.topo ul.menuTop > li > ul{
		margin:0;
		padding:0;
		background:rgba(0,0,0,0.5);
		min-width:180px;
	}
	
	.topo ul.menuTop > li:hover > ul{
		display:block;
	}	
	
	.topo ul.menuTop > li > ul > li{
		
	}	

	.topo ul.menuTop > li > ul > li > a{
		color:#333;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding:10px 10px 10px 30px;
		line-height:20px;
		height:40px;
		font-size:16px;
		color:#FFF;
	}	

}




.banner{
	position:relative;
	z-index:1;
	height:500px;
	width:100%;
	background:#030;
	margin-top:-5px;
}