@font-face {
	font-family: 'HelveticaNeue';
	src: url('../fonts/HelveticaNeue.eot');
	src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
	url('../fonts/HelveticaNeue.woff') format('woff'),
	url('../fonts/HelveticaNeue.ttf') format('truetype'),
	url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
	font-weight: normal;font-style: normal;
}

@font-face {
	font-family: 'helveticaneue-bold';
	src: url('../fonts/helveticaneue-bold.eot');
	src: url('../fonts/helveticaneue-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/helveticaneue-bold.woff') format('woff'),
	url('../fonts/helveticaneue-bold.ttf') format('truetype'),
	url('../fonts/helveticaneue-bold.svg#helveticaneue-bold') format('svg');
	font-weight: bold;font-style: normal;
}

h1, h2, h3, h4, h5, h6{
	font-family: "helveticaneue-bold";
}

.link-trabalhe-conosco-home{
	background-color: #242554;
	color:#fff;
	display: block; 
	padding: 20px 10px;
	text-decoration: none;
	font-size: 14.5px;
}
.link-trabalhe-conosco-home:hover{
	text-decoration: none;
	color: #a9cb61;
}
.topo{
	background: #3865a9;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
}

.topo .btn{
	color: #fff;
	text-transform: uppercase;
	background: #a9cb61;
	float: left;
}

.topo .btn:hover{
	background: #74942e;
}

.acesso label{
	color: #fff;
	margin-right: 10px;
	font-size: 14px;
	float: left;
	line-height: 18px;
	text-transform: uppercase;
}

.acesso label strong{
	display: block;
}

.acesso input{
	border-radius: 0;
	width: 175px;
	float: left;
	height: 35px;
}

.btn-acessar{
	width: 90px !important;
	cursor: pointer;
	color: #fff !important;
	font-weight: bold;
	font-size: 14px;
}

.link{color: #fff; font-size: 11px;}

.midias{
	float: right;
	list-style: none;
	margin: 5px 15px 0 0 ;
	padding: 0;
}
.midias li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
}

.midias li a{
	display: block;
	width: 30px;
	text-align: center; 
} 

.bg-header{
	background: #a9cb61;
	position: relative;
}	

.bgmenu{
	position: absolute;
	height: 100%;
	width: 75%;
	border-left: 1px solid #fff;
	right: 0;
	top: 0;
	background: linear-gradient(to bottom, rgba(111,142,46,1) 0%,rgba(169,203,97,1) 100%);
}

/********************** Inicio Menu *******************************/
#menu-toggle {
	cursor: pointer; 
	display: none; 
}	

#menu{ 
	height:102px; 
	float: left;
	margin-left: -50px;
}
#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu ul li{ 
	float:left; 
	height: 102px; 
	position: relative;
}
#menu ul li a{ 
	font-size:18px; 
	display: block; 
	height: 102px; 
	padding: 0px 15px; 
	line-height: 102px; 
	color:#fff; 
	font-family: "helveticaneue-bold";
	text-transform: uppercase; 
	transition: all .6s;
} 

#menu ul li svg{
	margin-top: 35px;
}

#menu ul li a:hover{ 
	background: #80a132;
	text-decoration: none;
}

.sep{width: 1px; 
	background: url(../img/icones/sep.jpg) no-repeat center;
	opacity: 0.4;
}

#menu span{display: none;}
#menu svg{ 
	fill: #fff;
	width: 30px;
	height: 30px;
}

.menu-red {
	background: url(../img/bg/menu-red.png) no-repeat center top;
	background-size: cover;
	width: 277px;
	height: 260px;
	padding: 20px 30px 20px 50px;
}

.menu-red hr{
	margin: 10px 0;
	border-top: 1px #fff dashed;
}

.menu-red img{
	float: left;
	margin-right: 15px;
}

.menu-red a{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.menu-red a strong{
	display: block;
}

.bg1{
	background: url(../img/bg/bg1.jpg) no-repeat center top;
	background-size: cover;
}

.bg1 h2{
	color: #ffffff;
	font-size: 36px;
	font-family: "HelveticaNeue";
	margin-top: 50px;
}

.bg1 h2 strong{
	display: block;
	font-size: 48px;
}

.bg3{
	background: url(../img/bg/bg3.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 30px;
	padding: 30px 0;
}

.escudo{
	float: left;
	margin: 0 10px 30px 0;
}

.bg3 h2{
	color: #242554;
	font-size: 40px;
	text-transform: uppercase;
}

.bg3 p{
	font-size: 14px;
	font-family: "HelveticaNeue";
}

.bg3 h3, .h3{
	font-size: 30px;
	font-family: "HelveticaNeue";
	color: #242554;
}
.h4{
	font-size: 18px;
	font-family: "HelveticaNeue";
	color: #242555;
	font-weight: bold;
}


.bg3 h3 strong, .h3 strong{
	color: #a2141f;
}

.homem{
	float: right;
	margin-right: -70px;
	margin-top: 0px;
	margin-bottom: -100px;
}

.ttblog{
	text-transform: uppercase;
	color: #242554;
	font-size: 44px;
}

.ttblog:before{
	content: url(../img/icones/capacete.png);
	margin-right: 5px;
	vertical-align: middle;
}

.nothome img{
	outline: 1px solid rgba(255, 255, 255, 0.5);
	outline-offset: -5px;
}

.nothome h3{
	color: #004670;
	font-size: 18px;
	margin: 15px 0;
}

.nothome time{
	padding: 8px 10px;
	position: absolute;
	left: 15px;
	top: 0;
	background: #ffa22a;
	font-size: 11px;
	color: #006a2e;
	font-weight:bold;
}

.marcade-pneu{
	background: url(../img/bg/marcade-pneu.jpg) repeat-x center;
	display: block;
	text-align: center;
}

.marcade-pneu .btn{
	background: #a9cb61;
	color: #242554;
	border-radius: 0;
	border:5px solid #fff;
	margin: 10px 0;
	padding: 25px; 
	font-weight: bold;
}

.box-relative{
	position: relative;
}

.contatohome{
	background: url(../img/bg/contato-home.jpg) no-repeat center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 30px;
}

.contatohome img{
	float: left;
	/*margin-bottom: -30px;*/
	margin-top: 68px;
	bottom: 0;
	position: absolute;
	max-width: 100%;
	height: auto;
}

.contatohome h4{
	color: #242554;
	font-size: 44px;
	font-family: "HelveticaNeue";
}

.contatohome h4 strong{
	color: #a2141f;
	font-size: 44px;
}

#footer h6{
	color: #fff;
	font-size: 18px;
	line-height: 32px;
}

#footer address{
	padding-left: 30px;
}

.pin:before{
	content: url(../img/icones/pin.png);
	float: left;
	margin: 0 5px 0 -30px;
}

.phone:before{
	content: url(../img/icones/tel.png);
	float: left;
	margin: 0 5px 0 -30px;
}

#footer p{
	color: #242554;
	font-size: 13px;
}

.sitesrecife{
	float: right;
	margin-top: 60px;
	margin-bottom: -30px;
	z-index: 3;
	position: relative;
}
@media(min-width: 767px){
	.sitesrecife{
		padding-bottom: 30px;
	}
}

.rodape{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 52px;
	background: url(../img/bg/rodape.png) left bottom no-repeat;
	width: 25%;
	z-index: 1;
}

.content-num{
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	border-right: 1px solid #cfdbb2;
}

.content-num:last-of-type{
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.bg-rodape-1{
	background: linear-gradient(to bottom, rgba(107,138,42,1) 0%,rgba(128,161,50,1) 100%);
	border-bottom: 1px solid #6b8a2a;	
}

.bg-rodape-2{
	background: #799839;
}
@media(min-width: 767px){
	.bg-rodape-2{
		height: 60px;
	}
}


.wa img { max-width: 30px; margin-top: 4px; vertical-align: middle;}
.wa {color: #fff; display: block;}
.wa:hover {background: #41a79d;}

.wa {position: fixed; right: 40px; width: 50px; height: 50px; bottom: 40px; padding: 5px; vertical-align: middle; text-align: center;
	border-radius: 50%; background: #0ba360; z-index: 1000; z-index: 2000;}
	.wa::after,
	.wa::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
	.wa::after{animation-delay: .5s;}
	@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}

	.main{
		background: url(../img/bg/main.jpg) repeat-x top;
		/*background: linear-gradient(to bottom, rgba(217,234,252,1) 1%,rgba(255,255,255,1) 10%);*/
		padding: 30px 0;
	}

	.main p{
		color: #242555;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.titulos h2{
		color: #242555;
		font-size: 48px;
		border-left: 5px solid #a9cb61;
		padding: 10px;
		margin-bottom: 30px;
		text-transform: uppercase;
	}

	.imgqm{
		float: right;
		margin: -75px 0 30px -45px;
	}

	.tt-orcamento {
		margin-top: 10px;
	}

	.tt-orcamento a{
		color: #242555;
	}

	.tt-orcamento a:hover{
		text-decoration: none;
	}

	.tt-orcamento img{
		float: left;
		margin-top: -10px;
		margin-right: 10px;
	}

	.orcamento{
		background: url(../img/bg/orcamento.jpg) no-repeat center top;
		background-size: cover;
		margin-bottom: -30px;
		padding: 30px 0;
	}

	.contato{
		background: url(../img/bg/contato.jpg) no-repeat center top;
		background-size: cover;
		margin-bottom: -30px;
		padding: 30px 0;
	}

	.imgcontato{
		position: absolute;
		right: 0;
		bottom: -30px;
	}

	#form {
		position: relative;
		z-index: 1;
	}

	#form .form-control{
		border-radius: 0;
		background: #fff;
		border:none;
		margin-bottom: 15px;
		min-height: 40px;
	}

	#form .form-control{
		border-radius: 0;
		background: #fff;
		border:none;
		margin-bottom: 15px;
		min-height: 45px;
		border:1px solid #f1f1f1;
	}

	#form .btn{
		border-radius: 0;
		background: #a9cb61;
		height: 100%;
		color: #242554;
		font-family: "helveticaneue-bold";
		cursor: pointer;
	}

	#form .btn:hover{
		background: #799839;
	}

	#form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #242554;
		font-weight: bold;
		font-size: 14px;
	}
	#form ::-moz-placeholder { /* Firefox 19+ */
		color: #242554;
		font-weight: bold;
		font-size: 14px;
	}
	#form :-ms-input-placeholder { /* IE 10+ */
		color: #242554;
		font-weight: bold;
		font-size: 14px;
	}
	#form :-moz-placeholder { /* Firefox 18- */
		color: #242554;
		font-weight: bold;
		font-size: 14px;
	}

	.boxnot{
		position: relative;
	}

	.boxnot time{
		position: absolute;
	}

	.time{
		padding: 5px 10px;
		font-size: 24px;
		line-height: 22px;
		background: #007bc5;
		color: #fff;
	}

	.time small{
		display: block;
	}

	.boxnot h2{
		color: #007bc5;
		font-size: 18px;
		margin-top: 10px;
		font-family: "Trebuchet MS";
		margin-bottom: 15px;
	}

	.boxnot img{
		outline: 1px solid rgba(255, 255, 255, 0.5);
		outline-offset: -5px;
	}

	.item-not { display: inline-block; position: relative; vertical-align: top; margin: 0 3% 55px 0; width: 47%; } 
	.item-not:nth-of-type(2n+0){margin: 0 0 55px 0;}
	.item-not h2 {color: #007bc5; font-size: 18px; margin-top: 8px; font-family: "Trebuchet MS"}
	.item-not time {color: #fff; position: absolute; padding: 10px; font-size: 24px; background: #007bc5; } 
	.item-not time small{font-size: 18px; display: block;}
	.item-not p{margin-bottom: 0px;}




	.sidebar h4{
		color: #007bc5;
		font-family: 'HelveticaNeue';
		font-size: 36px;
		text-transform: uppercase;
	}

	.busca input[type="search"]{
		height: 65px;
		background: #e5f3fa;
		border: none;
		width: 77%;
		padding: 10px;
		float: left;
	}

	.busca input[type="submit"]{
		height: 65px;
		background: #0087ca url(../img/icones/lupa.png) no-repeat center;
		cursor: pointer;
		border: none;
		width: 20%;
		float: right;
	}

	.noticias-sidebar .time{
		float: left;
		width: 75px;
	}

	.noticias-sidebar {
		padding-bottom: 10px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		border-bottom: 1px dashed #9fd2eb;
	}

	.noticias-sidebar h3{
		color: #007bc5;
		font-size: 16px;
		float: right;
		width: 75%;
		text-transform: uppercase;
		font-family: Arial;
	}


	.widget{
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	.titulodetalhe {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	.titulodetalhe time{
		float: left;
		margin-right: 10px;
	}

	.titulodetalhe h2{
		color: #007bc5;
		font-size: 20px;
	}

	.btn-volta{
		border-radius: 0;
		color: #fff;
		background: #a9cb61;
	}

	/* INICIO PAGINAÇÕES */
	#paginacao {margin: 40px 0 40px 0; clear:both;width:100%; height:auto;float:left; width: 100%;}
	#paginacao a{color:#333; text-decoration: none; font-weight: bold; background: #e1e6e4; line-height:20px; padding:10px 12px; margin-left:1px; font-size:14px;}
	#paginacao a:hover {background: #ddd; }
	#paginacao a.bt{background: #a2a7a4; color: #fff;}
	#paginacao strong{background:#05a1df; line-height:0;padding:10px 12px;margin-left:1px;color:#fff; font-size: 14px;}
	/* FIM PAGINAÇÕES */


	.barratopo, .filtro, .servnone{display:none} 
	.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}
	@media only screen and (max-width: 1200px) { 

		#menu ul li a {
			padding: 0 7px;
		}

		#footer:after{
			display: none;
		}

		.imgqm, .imgp{
			margin: 0;
			max-width: 100%;
		}

		.sidebar h4{
			font-size: 24px;
		}
		.busca input {
			height: 40px !important;
			background-size: 40% 70% !important;
		}

		.noticias-sidebar .time{
			font-size: 16px;
			width: auto;
		}
		.bg-rodape-1 img{margin-right: 10px;}
	}

	@media only screen and (max-width: 1100px) {
		.pull {display: block; float: right; padding: 0 40px 0 0; } 
		#menu {background: #4576bc; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
		#menu ul{margin-left: 0px;}
		#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #265fa7;}
		#menu ul li a {text-align: left; font-size: 1em; text-indent: 0px; width: auto; height: auto; line-height: 20px; padding: 10px 0 10px 10px; } 
		#menu ul li a:hover{ color: #fff; }
		#menu ul li:after, .bgmenu, #menu ul li svg{display: none;}
		#menu ul li span{display: block; color: #fff;} 
		#menu ul li ul{position:relative; top:0px; margin:0px; } 
		#menu , .ml, .mr{ border-radius: 0; }
		#menu ul{float: left; }
		#menu .menu-mobile{display: block;}
		#menu-toggle:checked + #menu { left: 0 !important; }
		.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:999; background: #265fa7; }	

		#header{margin-top: 35px;} 
		.logo{display: block; margin: 0 auto 10px auto; max-width: 132px;}

		.imgmotos{
			max-width: 100%;
		}

		.bg1 h2{
			font-size: 30px;
		}

		.bg1 h2 strong{
			font-size: 36px;
		}

		.phone{
			margin-top: 10px;
			/*height: 35px;*/
		}

		.phone:before{
			margin: -7px 5px 0 0px;
		}
	}

	@media only screen and (max-width: 1000px) { 
		.titulos h2{
			font-size: 28px;
		}
		.noticias-sidebar h3{
			width: 69%;
		}
		.time{
			font-size: 16px;
			line-height: 18px;
		}
		.time small{
			font-size: 14px;
		}
	}

	@media only screen and (max-width: 975px) { 
		.rodape{
			width: 33%;
		}
	}

	@media only screen and (max-width: 900px) {
		.menu-red{
			background: #9e171b;
			margin: 30px 0;
			display: block;
			padding: 15px;
			width: auto;
			height: auto;
		} 
	}

	@media only screen and (max-width: 767px) { 
		.contatohome, .marcade-pneu, .bg3, .contato, .orcamento{
			background: none;
		}

		#form .form-control{
			border-color: #999;
		}

		.bg1 h2{
			text-align: center;
		}

		.bg3 h2, .contatohome h4{
			font-size: 2em;
		}

		.contatohome h4 strong{ 
			font-size: 90%;
		}

		#footer address{
			margin-bottom: 15px;
			display: block;
		}

		.noticias-sidebar h3{
			width: 85%;
		}

		.sitesrecife{
			margin: 0 -45px 15px 1px ;
		}

		.content-num{
			width: 100%;
			padding-left: 15px;
			margin-bottom: 0;
		}
	}


	@media only screen and (max-width: 630px) {
		.sitesrecife {
			margin-right: 0;
		}
		.rodape{
			width: 65%;
		} 
	}
	@media only screen and (max-width: 452px) {
		.noticias-sidebar h3{
			width: 80%;
		}
		.bt-topo-mobile{
			margin: 10px 0 0 0 !important;
			float: none !important;
			font-size: 11.5px !important;
			width: 170px !important;
			padding: 6px !important;
			text-align: center !important;
			word-wrap:  break-word;
		}

		.pin::before {
			margin-left: 28px !important;
		}

	}
	@media(max-width: 450px){
		#footer h6{
			line-height: 22px !important;
			font-size: 16px !important;
			margin-left: 0 !important;
		}
		.midias{
			display: block !important;	 	
			margin-top: 15px !important;
			margin-right: 40% !important;
		}
		.content-num{
			float: left;
			padding-bottom: 10px;
			margin-bottom: 10px;
			margin-bottom: 15px;
			border-bottom: 1px solid #cfdbb2;
			border-right: none;
			text-align: center;
		}

		.content-num:last-of-type{
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
		.link-trabalhe-conosco-home{
			background-color: #242554;
			color:#fff;
			display: block; 
			height: 60px;
			padding: 10px 10px;
			text-decoration: none;
			font-size: 14.5px;
		}
	}

	@media only screen and (max-width: 320px) {
		.noticias-sidebar h3{
			width: 75%;
		}
	}
	@media(max-width: 320px){
		.bt-topo-mobile{
			width: 140px !important;
			font-size: 9px !important;
		}
	}
	.imgmotos{  	
		margin-top: 80px !important;
	}