body {font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 18px;}



body, html{ margin:0; padding:0;}



/* CLEAN TAGS */

h1, h2, h3, h4, h5, h6, ul {padding:0; margin:0;}

a {text-decoration:none !important; color:inherit !important;}

img {border:none;}

address {font-syle:normal;}

ul{list-style: none;}

.clear{clear: both;}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.clearfix:before, .clearfix:after, .container:before, .container:after {

	content: "";    

	display: table;

}

.clearfix:after, .container:before, .container:after {

	clear: both;

}

.container{ width:1150px; margin:0 auto;}

.relative{position: relative;}

a.bt{

	display: inline-block;

	font-weight: 400;

	padding: 10px 30px;

	border-radius: 6px;

}



/*HEADER*/

.logo{float: left; padding: 10px 0;}



#hamburger{display: none;}



header nav{float: right; width: 750px; margin-top: 70px;}

header nav ul {

	text-align: right;

}

header nav ul li {

	display: inline-block;

	margin-left: 25px;

	text-transform: uppercase;

	font-size: 17px;

	font-weight: 400;

	color: #333;

}



header nav ul li:hover {color: #ed3237;}



.area-redes {

	position: absolute;

	right: 0;

	top: 20px;

	display: flex;

	flex-direction: row;

	justify-content: flex-end;

	align-items: flex-start;

	flex-wrap: nowrap;

	height: 28px;

}

.area-redes a {

	display: block;

	width: 28px;

	height: 28px;

	margin-left: 10px;

	background-size: cover;

}

.area-redes a:hover {

	opacity: .8;

	transition: all ease 0.2s;

}

a.ico-face {

	background-image: url("../images/ico-facebook.png");

}

a.ico-twitter {

	background-image: url("../images/ico-twitter.png");

}

a.ico-instagram {

	background-image: url("../images/ico-instagram.png");

}

a.ico-youtube {

	background-image: url("../images/ico-youtube.png");

}



/*BANNER*/

.banner{

	border-top: solid 5px #a2a09f;

	background: url(../images/banner/banner.png) center no-repeat;

	width:100%; 

	height:500px;

	color:#fff;

}

.area-txt-banner{

	height: 100%;

	display: flex;



	align-items: center;

}

.banner h2{font-size:54px; font-weight:700; line-height:53px;}

.banner span{color: #a2a09f;}

.banner p{font-weight: 300; font-size:21px; line-height:25px;}

.bt-banner{background: #a2a09f; text-transform: uppercase; font-size: 15px; margin-top: 10px;}



.swiper-button-prev{ left: -30px !important; background: none !important;}

.swiper-button-next{ right: 8px !important; background: none !important;}





/*SERVIÇOS*/

.bg-servs{background: #2d67a7; color: #FFF; padding: 45px 0;}

.bg-servs h2{ text-align: center; margin-bottom: 30px; font-size: 28px; font-weight: 700;}

.row{margin-left: -18px; margin-right: -18px;}

.box-serv{float: left; width: 359px; margin: 0 18px;}

.box-serv:hover{transition: all 0.2s; opacity: 0.6;}

.box-serv h3{ margin-top: 10px; font-size: 19px;}

.box-serv p{ margin-top: 8px; font-size: 16px; line-height: 22px; text-align: justify;}

.area-miss{padding: 30px 0;}

img.caminhao-co2 {
	margin-bottom: 20px;
	margin-top: 20px;
}

img.tanques {
	margin-bottom: 20px;
	margin-top: 20px;
}



/*ORÇAMENTOS*/

.bg-orcamento{background: #a2a09f; color: #FFF; height: 150px; line-height: 150px;}

.l-orcamento{

	float: left; 

	height: 150px; 

	background: url(../images/ico-message.png) left center no-repeat; 

	padding-left: 95px;

	font-weight: 500;

	font-size: 20px;

	text-transform: uppercase;

	

}

a.bt-orcamento{

	float: right; 

	height: 40px;

	line-height: 40px !important;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 500;

	padding: 0 50px;

	border: solid 1px #FFF;

	border-radius: 6px;

	margin-top: 52px;

}



a.bt-orcamento:hover{

	background: #FFF;

	color: #a2a09f; !important;

	transition: all 0.2s;

}



/*DIFERENCIAIS*/

.diferenciais{

	text-align: center;

	padding: 45px 0;

}



.diferenciais h2{

	text-transform: uppercase;

	font-size: 28px;

	color: #111;

	font-weight: 700;

	background: #FFF;

	display: inline-block;

	padding: 0 40px;

}

.diferenciais hr{border: solid 1px #ebebeb; margin-top: -15px;}



.box-dif{

	float: left;

	width: 25%;

	padding-left: 15px;

	padding-right: 15px;

	padding-top: 50px;

	line-height: 22px;

}

.box-dif:hover{transition: all 0.2s; opacity: 0.9;}

.box-dif h3{margin: 0; font-size: 19px; color: #000; padding: 10px 0; font-weight: 700;}

.box-dif p{margin: 0; font-size: 16px; color: #000;}



.ico-dif{

	display: inline-block;

	text-align: center;

	border: solid 2px #a2a09f;

	width: 116px;

	height: 116px;

	border-radius: 60px;

}

.dif01{background: url(../images/dif01.png) center no-repeat;}

.dif02{background: url(../images/dif02.png) center no-repeat;}

.dif03{background: url(../images/dif03.png) center no-repeat;}

.dif04{background: url(../images/dif04.png) center no-repeat;}



a.btCertificado{

	display: block;

	width: 320px;	

	text-align: center;

	color: #FFF !important;

	padding: 15px 0;

	background: #a2a09f;;

	border: 30px;

	border-radius: 25px;

	margin: 25px auto;

	font-size: 17px;

	font-weight: 500;

}



a.btCertificado:hover{

	transition: all 0.3s;

	opacity: 0.9;

}









/*FOOTER*/

footer {color: #FFF;}

.top-foot{background: #2d67a7; padding: 40px 0;}

.item-foot{

	float: left;

	text-align: center;

	text-transform: uppercase;

	font-weight: 700;

	font-size: 16px;

	margin-right: 80px;

	padding-top: 60px;

}

.item-foot:hover{transition: all 0.2s; opacity: 0.6;}



.ico-sobre{background: url(../images/ico-foot01.png) top center no-repeat;}

.ico-serv{background: url(../images/ico-foot02.png) top center no-repeat;}

.ico-prod{background: url(../images/ico-foot03.png) top center no-repeat;}

.ico-cert{background: url(../images/ico-foot04.png) top center no-repeat;}



.area-contato-foot{

	float: right;

	width: 205px;

	color: #cecece;

}

.mail-foot{

	margin-top: 10px;

	background: url(../images/ico-phone.png) top 4px left no-repeat;

	padding-left: 38px;

	height: 32px;

}

.mail-foot span{font-weight: 700; font-size: 16px;}



.whats-contato{

	margin-top: 5px;

	margin-bottom: 15px;

	background: url(../images/ico-whats.png) top 4px left no-repeat;

	padding-left: 38px;

	height: 35px;

	line-height: 35px;

	font-weight: 700;

}

.phone-contato{

	margin-top: 15px;

	background: url(../images/ico-phone-contato.png) top 4px left no-repeat;

	padding-left: 38px;

	height: 35px;

	line-height: 35px;

	font-weight: 700;

}

.whats{

	margin-top: 15px;

	background: url(../images/ico-whats.png) top 4px left no-repeat;

	padding-left: 38px;

	height: 35px;

}

.whats span{font-weight: 700; font-size: 16px;}



.bottom-foot{background: #a2a09f;; padding: 25px 0;}

.bottom-foot span{font-weight: 700;}

.ass{float: left;}

.copy{float: right;}



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

INTERNA - MODELO ================================================================

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

.content{

	font-size: 17px;

	font-weight: 300;

	line-height: 23px;

	padding: 15px 0 40px 0;

	min-height: 300px;

	flex-direction: row;

	justify-content: center;

	align-items: center

}

.text-center {
	text-align: center;

}

.area-tit{

	background: #a2a09f;

	padding: 40px 0;

	color: #FFF;

}

.area-tit h1{font-size: 28px; font-weight: 500;}


.bg-empresa{width: 100%; max-width: 450px;}


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

INTERNA - CONTATO ===============================================================

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



#contatos {float:left; width:36%; padding-bottom:50px; padding-top:40px; color:#333;}



.cont-fone {font-weight:700; font-size:20px; clear: both;}

.cont-mail { clear: both; font-size:15px; line-height: 28px;}

#contatos address {font-style: normal; clear: both; margin-bottom:20px; font-size:15px;}







.cont-fone::before, .cont-mail::before, #contatos address::before {background-size:contain; width:28px; height:28px; display: block; float:left; margin-right:10px; margin-bottom:12px; content:"";}



#message-form {float:right; width:60%; padding-bottom:50px; padding-top: 30px;}





#form-contato textarea {border:1px solid #C1D5CD; width: 96%; padding: 0 2%; line-height:33px; font-size:18px; height:202px; margin-bottom:5px;}



#form-contato input[type=text] {border:1px solid #C1D5CD; width:96%; padding:0 2%; height:33px; line-height:33px; font-size:18px; margin-bottom:20px;}



.forma {float:left; width:35%;}

.formb {float:right; width:60%;}



#form-contato label {display:block; margin-bottom:5px; color:#323232; font-size:16px; font-weight:600;}

#form-contato input[type=text], #form-contato input[type=email] {border:1px solid #C1D5CD; width:100%; padding:0 2%; height:33px; line-height:33px; font-size:18px; margin-bottom:20px;}

#form-contato textarea {border:1px solid #C1D5CD; width:100%; padding:0 2%; line-height:33px; font-size:18px; height:202px; margin-bottom:5px;}

#form-contato input[type=submit] {background: #a2a09f; border: none !important; color: #FFF;font-size: 16px; text-transform: uppercase;float: right;font-weight: 600; padding:10px 25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}



#form-contato label span {color:#D90000; font-size:14px;}



#mapa-local {margin-top:50px;}



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

	.forma {float:none; width:100%;}

	.formb {float:none; width:100%;}

}



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



INTERNA - LISTA PRODUTO==========================================================



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



.bg-list-prod{background: #FFF;}

.mod-list{padding: 25px 0}



.row2{margin-left: -15px; margin-right: -15px;}

.col{float: left; width: 50%; padding: 13px;}



.box-prod{

	width: 100%;

	height: 280px;

	background: #FFF;

	border: solid 1px #e0e0e0;

}



.box-prod:hover{

	box-shadow: 0px 7px 12px #DDD;

	transition: all 0.3s;

	cursor: pointer;

}



.img-list-prod{

	float: left;

	width: 235px;

	height: 229px;

	border-right: solid 1px #e0e0e0;

	text-align: center;

	

}



.thumb-prod{	

	width:234px; 

	height: 229px; 

	display: flex;

	align-items: center;

	justify-content: center;

}



.thumb-prod img{

	max-width: 200px;

	max-height: 229px;

	height: auto;	

}



.txt-list-prod{

	float: left;

	padding: 45px 38px;

	width: 325px;

	height: 229px;

	color: #333333;

}



.txt-list-prod h1{  

	font-size: 23px;

	font-weight: 300;

	line-height: 24px;

}



.txt-list-prod p{

	font-size: 15px;

	font-weight: 300;

	line-height: 19px;

}



/* BOTÕES */

a.bt-list-prod{

	color: #fff !important; 

	font-size: 16px;

	font-weight: 300;

	padding: 8px 33px; 

	border-radius: 4px;

	float: left;

	background: #0095da;

	width: 100%;

	text-align: center;

}



a.bt-list-prod:hover{opacity: 0.8; transition: all 0.2s; cursor: pointer;}



/*DISPLAY SETTINGS=======================================================================================*/



/*-- telas grandes até 1200px

@media (min-width: 1430px) {

  .container { width: 1400px; background-color: #000; }  

  } --*/



  /*-- Desktops até 1200px --*/

  @media (max-width: 1199px) {    

  	.container{ width:100%; margin: 0 auto;}

  	.logo {margin-left: 40px;}

  	header nav{margin-right: 40px;}

  	.banner{padding: 0 40px;}

  	.banner h2{font-size:48px;}

  	.banner p{font-size:18px;}



  	/*SERVIÇOS*/

  	.row{ margin: 0 40px;}

  	.box-serv{float: left; width: 33%; margin: 0; padding: 0 10px;}

  	.box-serv img{ width: 100%;}

img.caminhao-co2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

  	/*ORÇAMENTOS*/

  	.bg-orcamento{height: auto; line-height: 20px;}

  	.l-orcamento{margin-left: 40px; line-height: 150px;}

  	a.bt-orcamento{margin-right: 40px;}



  	/*DIFERENCIAIS*/

  	.diferenciais{

  		text-align: center;

  		padding: 45px 40px;

  	}



  	/*FOOTER*/

  	footer {width: 100%;}

  	.top-foot{padding: 40px;}

  	.bottom-foot{background: #a2a09f; padding: 25px 40px;}



  	/*INTERNAS*/

  	.content{padding: 15px 40px 40px 40px;}

  	.area-tit{padding: 40px;}

  	.area-tit h1{font-size: 28px; font-weight: 500;}



  	/*PRODUTOS*/	

  	.mod-list{padding: 25px 0;}

  	.col{float: left; width: 100%; padding: 13px 0;}

  	.box-prod{width: 100%;}



  }







  /*-- Tablets até 991px --*/

  @media (max-width: 991px) {

  	.logo img{width: 70px;}	

  	.area-redes {

  		right: 90px;

  		top: 38px;

  	}

  	#hamburger{

  		display: block;

  		height: 18px !important;

  		position: absolute;

  		right: 30px;

  		top: 45px;

  	}	

  	header nav{float: none; width: 100%; margin: 0; clear: both; display: none;}

  	header nav ul {

  		text-align: center;

  		background: #a2a09f;

  		padding: 20px 0;

  	}

  	header nav ul li {

  		display: block;

  		line-height: 27px;

  		color: #FFF;

  		margin: 0;

  	}



  	header nav ul li:hover {color: #fff; opacity: 0.7;}



  	/*SERVIÇOS*/

  	.row{ margin: 0 40px;}

  	.box-serv{float: none; width: 90%; margin: 0 auto; padding: 0 0 30px 0;}

  	.box-serv img{ width: 100%;}



  	/*ORÇAMENTOS*/

  	.bg-orcamento{height: auto; text-align: center; padding: 30px 40px;}

  	.l-orcamento{

  		float: none; 

  		height: 65px;

  		line-height: 20px;

  		background: none;

  		padding-left: 0;

  		margin: 0;

  		margin-bottom: -15px;

  		width: 100%;

  		text-align: center;

  		font-size: 18px;

  	}

  	a.bt-orcamento{

  		float: none;

  		display: inline-block;

  		text-align: center;

  		height: 40px;

  		padding: 0 50px;

  		margin: 0;

  	}



  	/*DIFERENCIAIS*/

  	.box-dif{

  		float: none;

  		width: 90%;

  		margin: 0 auto;

  		padding-left: 15px;

  		padding-right: 15px;

  		padding-top: 30px;

  		line-height: 22px;

  	}

  	.box-dif:hover{transition: all 0.2s; opacity: 0.9;}

  	.box-dif h3{margin: 0; font-size: 19px; color: #ed3237; padding: 10px 0; font-weight: 700;}

  	.box-dif p{margin: 0; font-size: 16px; color: #666565;}



  	.ico-dif{

  		display: inline-block;

  		text-align: center;

  		border: solid 2px #a2a09f;

  		width: 116px;

  		height: 116px;

  		border-radius: 60px;

  	}



  	/*FOOTER*/

  	.item-foot{

  		float: left;

  		width: 25%;

  		margin: 0;

  		padding-top: 60px;

  	}

  	.area-contato-foot{

  		float: none;

  		width: 205px;

  		clear: both;

  		margin: 0 auto;

  		color: #fff;

  		padding-top: 20px;

  	}



  	/*CONTATO*/

  	#contatos {float:right; width:100%; padding: 0;}

  	#message-form {float:right; width:100%; padding: 0;}



  }

  /*-- Phones até 767px --*/

  @media (max-width: 767px) {  
  	img.caminhao-co2 {

  		width: 100%;
  	}

  	img.tanques {

  		width: 100%;
  	}



  	/*FOOTER*/

  	.item-foot{float: left; width: 100%; margin: 0; margin-bottom: 15px;}    

  	.ass, .copy{float: none; width: 100%; text-align: center;}



  	/*PRODUTOS*/	

  	.mod-list{padding: 25px 0;}

  	.col{float: left; width: 100%; padding: 13px 0; text-align: center;}

  	.box-prod{width: 100%; height: auto; padding: 20px;}		

  	.img-list-prod{float: none; width: 100%; height: auto; border:none; text-align: center;}	

  	.thumb-prod{width:100%; height: auto; display: block;}	

  	.txt-list-prod{float: none; padding: 20px 0 0 0; width: 100%; height: auto;}	

  }



  /*-- Phones até 480px --*/



  @media (max-width: 480px) {



  }



  /*-- Phones até 767px --*/



  @media (min-width: 767px) {




  }

  div#form-orcamento {

  	width: 500px;

  }