/* clearfix */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* helpers */

.left {
	float:left;
}

.right {
	float: right;
}

.break {clear: both; display: block;}

.centerandoHome{
    margin: 0 auto;
    position:  relative;
    height: 96px;
    width: 520px;
}

html, body {
	height: 100%;
	min-height: 560px;
	width: 100%;
	min-width: 1100px;
}

body {
	display:block;
}

a {
	text-decoration: none;
}

/* main container */

#main {
	width:1100px;
	overflow: hidden;
	margin:auto;
	margin-top:100px;

}

/* header */

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}
.header {
	width:100%;
	height:100px;
	border-bottom:2px solid #282638;
	background-color: #3f3d4e;
	
}

.header .wrap,  
.section .container {
	width:1100px;
	height: 100%;
	margin: auto;
}
.footer .wrap{
	width:960px;
    height: 100%;
	margin: auto;
}

.logo {
	display: block;
	float: left;
	width: 200px;
	height:98px;
	margin-left: 124px;
	background: url('../img/Slogo.png') no-repeat 0 0;
}

.logo:hover {
	background-position: -180px 0;
}

/*
.mini-logo {
	background-image: url('../img/logo-small.png');
	background-position: center center;
	background-repeat: no-repeat;
    display: block;
    float: left;
    height: 100px;
    margin-left: 1px;
    width: 100px;
}
*/

.nav {
	float: right;
	width: 658px;
	height:98px;
	display: block;
	margin-right: 92px;
}

.nav ul {
	width:100%;
	height:100%;
	overflow: hidden;
	list-style: none;
}

.nav li {
	height: 100%;
	float: left;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	border-bottom: 3px solid #3f3d4e;
}

.nav li:hover, .nav li.active {
	border-color: #d62222;
}

.nav a {
	display: block;
	font-family: 'BebasNeue';
	font-size: 20px;
	color:#fff;
	padding:42px 30px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.nav a:hover, .nav a.active {
	color:#d62222;
}

/* footer */

.footer {
	width:100%;
	height:100px;
	border-top: 4px solid #d62222;
	background-color: #3f3d4e;
}

/* homepage sections */


.services {
	background: url('../img/servicos.jpg') no-repeat  center center;	
}

.enterprise {
	background: url('../img/empresa.jpg') no-repeat  center center;
}

.fleet {
	background: url('../img/frota.jpg') no-repeat  center center;
}

.coverage {
	background: url('../img/cobertura.jpg') no-repeat  center center;
}

.contact {
	background: url('../img/contato.jpg') no-repeat  center center;	
}

.section {	
	display: block;
	position: relative;
	float: none;
	height:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-mox-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	overflow: hidden;
}

.section .container {
	padding: 0 72px;
    position: relative;
}

/* tipography */

h2 {
	font-family: 'BebasNeue';
	font-size: 100px;
	color:#fff;
}

h3 {
	font-family: 'BebasNeue';
	font-size: 50px;
	color:#fff;
}

p {
	font-family: Arial;
	font-size: 12px;
	color:#fff;	
	width:282px;
	line-height: 14px;
}

.button {
	margin-top:16px;
	font-family: 'BabelSans'; /* babel sans */
	background-color: #3f3d4e;
	font-size:12px;
	color:#fff;
	padding:11px;
	display: inline-block;
}

.button:hover {
	background-color:#514e63;
}

.services .wrap {
	width: 286px;
    margin-top: -80.5px;
    float: right;
    position: absolute;
    right: 75px;
    top: 50%;
}
.coverage .wrap {
	width: 350px;
    float: left;
    position: absolute;
    left: 73px;
    top: 50%;
    margin-top: -107.5px;
}

.enterprise .wrap {
	position: absolute;
    width: 284px;
    float: left;
    left: 72px;
    top: 50%;
    margin-top: -143px;
}

.fleet .wrap {
	width: 282px;
    position: absolute;
    right: 72px;
    top: 50%;
    margin-top: -81px;
}

.contact .wrap {
	position: absolute;
    width: 282px;
    left: 73px;
    top: 50%;
    margin-top: -79px;
}


.coverage h2 {
	line-height: 82px;
}

.coverage p {
	width: 100%;
}

.box-text {
	width:458px;
}


.road {
	display: block;
	width:100%;
	height:9px;
	background: url('../img/road.png') repeat-x;
	margin-bottom: 20px;
}

.data-box p {
	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;	
	margin-bottom: 50px;
}

.data-box {
	position: absolute;
    width: 282px;
    right: 73px;
    top: 50%;
    margin-top: -140px;
}


.teaser {
	width:100%;
	height:250px;
	position: relative;
}

.teaser-red-lines {
	width:100%;
	height:250px;
	position: absolute;
	z-index:1;
}

.teaser h2 {
	display: block;
	height:100%;
	margin: auto;
	padding-top: 90px;
}


/* servicos */

.services-page .teaser {
	background: url('../img/services-header.jpg') no-repeat;
}

.services-page .teaser-red-lines {
	background: url('../img/header-mask.png') no-repeat;
}

.services-page .teaser h2 {
	width:290px;
}

/* fleet */

.fleet-page .teaser {	
	background: url('../img/fleet-header.jpg') no-repeat;	
}

.fleet-page .teaser-red-lines {
	background: url('../img/header-mask-fleet.png') no-repeat;
}

.fleet-page .teaser h2 {
	width:194px;
}

/* enterprise */

.enterprise-page .teaser {	
	background: url('../img/enterprise-header.jpg') no-repeat;	
}

.enterprise-page .teaser-red-lines {
	background: url('../img/header-mask-enterprise.png') no-repeat;
}

.enterprise-page .teaser h2 {
	width:290px;
}

/* contact */

.contact-page .teaser {	
	background: url('../img/contact-header.jpg') no-repeat;	
}

.contact-page .teaser-red-lines {
	background: url('../img/header-mask-contact.png') no-repeat;
}

.contact-page .teaser h2 {
	width:278px;
}

/* coverage */

.coverage-page .teaser {	
	background: url('../img/coverage-header.jpg') no-repeat;	
}

.coverage-page .teaser-red-lines {
	background: url('../img/header-mask-coverage.png') no-repeat;
}

.coverage-page .teaser h2 {
	width:630px;
}


.services-page {
	height:2274px;
}

.services-page .article {
	height: 2020px;
	background: url('../img/services-bg.jpg') no-repeat;
}

.services-page .box-txt {
	width:457px;
}

.services-page .box-txt h2 {
	margin-bottom:20px;
}

.services-page .box-txt p {
	font-family: Arial;
	font-size: 12px;
	color:#3f3d4e;
	width:457px;
}


.sofa-txt {
	top: 365px;

}

.plant-txt {
	margin-top:170px;
}

.metals-txt {
	margin-top:170px;
}

.food-txt {
	margin-top:170px;
}

.wine-txt {
	margin-top:170px;
}

.shipment-txt { 
	margin-top:170px;
}


/* frota */

.fleet-page .box-txt {
	z-index: 1;
	position: relative;
}

.article {
	position: relative;
	padding: 121px 55px;
}

.article h2 {
	font-family: 'BebasNeue';
	font-size:50px;
	color:#3f3d4e;
	margin-bottom:5px;
	text-transform: uppercase;
}

.article p {
	font-family: Arial;
	font-size: 13px;
	color:#3f3f3f;
	width:453px;
	margin-bottom:20px;
	
}

.fleet-page .article {
	height: 932px;
	background: url('../img/fleet-bg.jpg') no-repeat;
}

.fleet-page .right-text {
	margin-top:350px;
}


/* serviços */

.fleet-page .article {
	height: 932px;
	background: url('../img/fleet-bg.jpg') no-repeat;
}


/* empresa */

.enterprise-page .article {
	height: 932px;
	background: url('../img/enterprise-bg.jpg') no-repeat;
}

.enterprise-page .right-text {
	margin-top:380px;
}


/* empresa */

.coverage-page .article {
	height: 770px;
	background: url('../img/coverage-bg2.jpg') no-repeat;
}

.coverage-page .right-text {
	margin-top:680px;
}



/* contato */

.contact-page .article {
	height: 1174px;
	background: url('../img/contact-bg.jpg') no-repeat;
}


.form-box {
	width:484px;
	float: right;	
}

.contact-page .right-text {
	margin-top: 170px;
	width:435px;
}
.required span{
    position: relative;
    height: 30px;
    display: block;
}
.required span:before{
    content: '';
    display: block;
    background: url('../img/plust.jpg');
    width: 8px;
    height: 11px;
    position: absolute;
    top: 11px;
    left: 72px;
}
#resetForm{
    
}
form{position: relative;}
.butoins:after{
    content: '';
    background: url('../img/barrinha.jpg');
    display: block;
    width: 12px;
    height: 3px;
    position:  absolute;
    right: 19px;
    top: 13px;
}
.butoins:before{
    content: '';
    background: url('../img/barrinha.jpg');
    display: block;
    width: 12px;
    height: 3px;
    position:  absolute;
    top: 13px;
    left: 0;
}
.butoins{
    position: relative;
    display: inline-block;
}
.butoins>input{
    background: transparent;
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 13px;
    width: auto;
    border: 0 none;
    font-family: BebasNeue;
    font-size: 16px;
    color: #312f3d;
}
.positedbt{
    position: absolute;
    right: 0px;
    bottom: -5px;
}
.required label{
    width: 63px;
}
label {
	font-family: 'BebasNeue';
	font-size:16px;
	color:#31303d;
	float: left;
    line-height: 30px;
}

input, 
textarea,
select {
	font-family: Arial;
	font-size: 13px;
	color:#858585;
	background-color: #d5d5d5;
	padding: 9px 10px;
	height:30px;
	border-radius: 5px;
	border-top:2px solid #929292;
	border-left:1px solid #929292;
	width:394px;
	margin-left:10px;
	margin-bottom:29px;
	float: right;
}

select {
	width:317px;
	padding: 4px 10px;
}

textarea {
	height:164px;
}

.contact-list {
	border-top: 1px solid #3f3d4e;
	padding-top:20px;
}

.contact-list li {
	font-family: Arial;
	font-size:13px;
	color:#3f3f3f;
	margin-bottom: 22px;
	padding-left:40px;
}

.contact-list .phone  {
	background: url('../img/phone.png') no-repeat left center;	
}

.contact-list .fax  {
	background: url('../img/fax.png') no-repeat left center;	
}

.contact-list .letter  {
	background: url('../img/letter.png') no-repeat left center;	
}
.contact-list .email  {
	background: url('../img/email.png') no-repeat left center;	
}

.label {
	display: block;
	font-family:'BebasNeue';
	font-size:17px;
	color:#3f3d4e;
}

#map {
	width: 524px;
	height: 371px;
	position: absolute;
	top: 749px;
	left: 51px;
}


.addressFooter {
	width:470px;
	float: right;
	height: 35px;
	margin-top: 35px;
	margin-right: 47px;
}
.addressFooter p{
	width: auto; 
	padding: 9px 0;
	font-size: 12px;
	font-family: Arial;
}

.newMenu{
	float: left;
	width: 383px;
	height: 96px;
	margin-right: 0;
	overflow: hidden;
}
.newMenu li{
	border: 0 none;
	float: left;
	height: 96px;
}
.newMenu li a:after{
	content: '|';
	font-family: 'BebasNeue';
	font-size: 20px;
	color:#fff;
	position:  absolute;
	right: -5px;
	top: 0;
}
.newMenu ul li:last-child a:after{display: none;}
.newMenu li a{
	font-size: 17px;
	padding: 0 10px;
	font-family: 'BebasNeue';
	color: #fff;
	text-decoration: none;
	line-height: 109px;
	position: relative;
	display: block;
	transition: color 0.4s ease 0s;
	-webkit-transition: color 0.4s ease 0s;
	-moz-transition: color 0.4s ease 0s;
	-o-transition: color 0.4s ease 0s;
}
.newMenu li a:hover, .newMenu li.active a{color: #67657a;}

.Tinteragem{
	position: absolute;
	right: 0px;
	top: 38px;
	width: 42px;
	height: 26px;
}
.Tinteragem a:hover #darkL{
	opacity: 1;
}
#darkL {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 26px;
	background: url('../img/tinteragem.png') 0 -26px;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
}
#lightL {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 26px;
	background: url('../img/tinteragem.png');
	z-index: 1;
}
.footer .wrap{position: relative;}
.bghack{display: none;}
.no-backgroundsize .bghack{
	display: block;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}