/* Normalizando os estilos CSS */
html,
body,
div,
h1,
p,
a,
video {
  margin: 0;
  padding: 0;
}

/* Definindo a altura do body e html */
html,
body {
  height: 100%;
}

/* ABERTURA */
@keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes abertura {
     from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}
	
*{margin:0;padding:0;text-decoration:none}



body {
   font-size: 17px;
   line-height: 1.3;
	font-family: 'futura_lt_btlight';
	color:#383838;
	background: #FFF;
	-webkit-animation: abertura 1s; /* Safari and Chrome */
    -moz-animation: abertura 1s; /* Firefox */
    -ms-animation: abertura 1s; /* Internet Explorer */
    -o-animation: abertura 1s; /* Opera */
    animation: abertura 1s;
	text-align: justify;
	overflow-x: hidden;
	line-height: 24px;}





@font-face {
    font-family: 'futura_lt_btlight';
    src: url('../fontes/futural-webfont.woff2') format('woff2'),
         url('../fontes/futural-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'futura_bdcn_btbold';
	 src: url('../fontes/futurabc-webfont.woff2') format('woff2'),
          url('../fontes/futurabc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

/* Estilo do .content onde está o conteúdo da página */

h1 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 242px;
	margin-left: 60%;}

h2{
	font-family: 'futura_lt_btlight';
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding-top: 30%;
	}

h3 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 254px;
	margin-left: 60%;
	padding: 10px;}

h4{
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: rgba(122,44,44,1);
	text-align: left;
	margin: 10px 0 10px 0;}

h5 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 254px;
	margin-left: 50%;
	padding: 10px;}


a {
	color:#FFFFFF;
	text-decoration: none;}




/*--------------HEADER------------*/

header{
	width:100%;
	height: 65px;
	background:#000;}

#logo{
	width: 15%;
	float: left;
	margin: 3px 0px 0px 8%;}

#logo img{
	width: 100%;}

.menu-bar{
	position:relative;
	width:auto;
	float: right;
	z-index: 99999999;
	margin-right: 8%;}

.menu-bar ul{
	width: 100%;}

.menu-bar li{
	width: auto;
	padding:10px;
	float:left;
	list-style:none;
	padding-top: 20px;}

ul.egmenu { 
	z-index:99999;}

ul.egmenu > li { 
    float: left; 
    position: relative;
	z-index:99999;}

ul.egmenu ul {
	overflow:hidden;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	display: none;
    position: absolute;
	z-index:99999;}

ul.egmenu a{
    display: block;
	font-family: 'futura_lt_btlight';
	font-size: 13px;}

.egmenu li ul li a:hover  {
	list-style: none;
	color:#FFFFFF; }


	
ul.egmenu li:hover ul {
	display: block;}
	
#menu{
	display: none;}







/*--------------SLIDE------------*/

.slideshow{
	width:100%;
	height:300px;
	background:url(../images/logistica-transporte-et.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	z-index:1;}
	

.slideshow img{
	width:100%;
	height:300px;
	height:auto;}

.slideshow2{
	display:none;}

/*--------------HOME------------*/

#home{
	width: 80%;
	height: 80%;
	margin: 0 auto;
	margin-top:30px;}	

#home li{
	width: 25%;
	height: 250px;
	float: left;
	list-style: none;}

#home li img{
	width: 100%;
	height: 100%;}

#box{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom right, rgba(217,85,85,1), rgba(120,59,55,1));}

#bannerServicos{
	width: 100%;
	height:350px;
	background:url("../images/home/background-servicos.jpg") top center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	 transform: translateZ(-100px) scale(1.05);
	margin-top: -30px;}

#servicos{
	width: 60%;
	margin: 0 auto;
	margin-top: 3%;
	padding-top: 6%;}

.title-servicos{
	width: 40%;
	height: 20px;
	float: left;
	margin: 0 3% 2% 3%;
	background: rgba(122,44,44,0.7);
	padding: 10px;
	text-align: center;
	color: #fff;}

.title-servicos:hover{
	background: rgba(122,44,44,1.0);
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	
}

/*--------------EMPRESA------------*/

.slideshow-pg{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/transporte-mercadorias.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}

.slideshow-pg img{
	width:100%;
	height:300px;}

#conteudo{
	width: 70%;
	margin: 0 auto;
	margin-top:30px;}

.imagem-empresa{
	width: 85%;
	margin: 0 auto;}

#empresa{
	width: 45%;
	float: left;}

#img-empresa{
	width: 40%;
	float: right;}

#img-empresa img{
	width: 100%;}

/*-------------FROTA---------------*/

.slideshow-frota{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/frete-transportes.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}

/*-------------PARCERIAS---------------*/

.slideshow-parcerias{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/parcerias.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}
	
/*-------------TI---------------*/

.slideshow-ti{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/ti.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}

/*--------------DOCUMENTOS------------*/

.slideshow-documentos{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/documentos.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

#conteudo ul li{
	width: 22%;
	float: left;
	margin: 1%;
	list-style: none;}

#conteudo ul li img{
	width: 100%;}

/*--------------RASTREAMENTO------------*/

.slideshow-rastreamento{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/rastreamento.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

#rastreamento{
	width: 75%;
	margin: 0 auto;
	margin-top:30px;}

#rastreamento img {
	margin-top: 7px;
}

#rastreamento input{
	width:100%;
	margin: 0 auto;
	height:24px;
	margin-top:9px;
	color:#3A3A3A;
	background:#DFDFDF;
	border: none;
	padding: 5px;}
	
#rastreamento textarea{
	width:100%;
	margin: 0 auto;
	height:24px;
	background: #DFDFDF;
	margin-top:9px;
	color:#3A3A3A;
	border: none;
	padding: 5px;}


/*--------------TRABALHE------------*/

.slideshow-trabalhe{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/trabalhe.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

#trabalhe{
	width: 75%;
	margin: 0 auto;
	margin-top:30px;
	text-align: left;}

#trabalhe img {
	margin-top: 7px;
}

#trabalhe input{
	width:100%;
	margin: 0 auto;
	height:24px;
	margin-top:9px;
	color:#3A3A3A;
	background:#DFDFDF;
	border: none;
	padding: 5px;}
	
#trabalhe textarea{
	width:100%;
	margin: 0 auto;
	height:24px;
	background: #DFDFDF;
	margin-top:9px;
	color:#3A3A3A;
	border: none;
	padding: 5px;}

/*-------------ÁREAS ATUACAO---------------*/

.slideshow-area{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/area.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}

/*-------------CUBAGEM---------------*/

.slideshow-cubagem{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url(../images/cubagem.jpg);
	background-repeat:no-repeat;
	overflow:hidden;}

/*-------------CUBAGEM---------------*/

.slideshow-relacionamento{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/relacionamento.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

/*--------------ENTREGA------------*/

.slideshow-entrega{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/prazo-entrega.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

/*--------------COLETA------------*/

.slideshow-coleta{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/coleta.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

/*--------------CONTATO------------*/

.slideshow-contato{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/contato.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}

	
#conteudo input{
	width:70%;
	margin: 0 auto;
	height:24px;
	margin-top:9px;
	color:#3A3A3A;
	background:#DFDFDF;
	border: none;
	padding: 5px;}
	
#conteudo textarea{
	width:70%;
	margin: 0 auto;
	height:100px;
	background: #DFDFDF;
	margin-top:9px;
	color:#3A3A3A;
	border: none;
	padding: 5px;}

	
.botao{
	float:left;
	color:#3A3A3A;
	text-align:center;
	padding:10px 10px 25px 10px;}

/*--------------OPINIAO------------*/

.slideshow-opiniao{
	width:75%;
	height:300px;
	margin: 0 auto;
	background:url("../images/pesquisa.jpg");
	background-repeat:no-repeat;
	overflow:hidden;}


#satisfacao{
	width: 70%;
	height: 30px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	background:#414141;
	color: #fff;
	font-size: 24px;
	padding: 7px;}

#satisfacao:hover{
	background: #A02D2F;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	
}

/*--------------FOOTER------------*/

footer{
	width: 100%;
	height: 105px;
	text-align: center;
	background:#000;
	padding-top:10px;
	color: #fff;
margin-top: 20px;}


#txt{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	float: left;
	padding-top:15px; }


#copyright{
	width:100%;
	height:24px;
	background:hsla(0,0%,15%,1.00);
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	margin-top:20px;}


/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 1000px) {
	
body{
	line-height:22px;
	overflow-x:hidden;}

	
#logo{
	position:absolute;
	top:0;
	left: 0;
	height: 47px;
	float: left;}
	
#logo img{
	height: 100%;}

	
#icons{
	width: 20%;
	float: left;
	margin-top:0px;}
	

.egmenu.js {
	display: none;}
	
#home{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top:30px;}	

#home li{
	width: 50%;
	height: 250px;
	float: left;
	list-style: none;}
	
#bannerServicos{
	width: 100%;
	height:500px;
	background:url("../images/home/background-servicos.jpg") top center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	 transform: translateZ(-100px) scale(1.05);}

.title-servicos{
	width: 60%;
	height: auto;
	float: left;
	margin: 0 3% 2% 10%;
	background: rgba(122,44,44,0.7);
	padding: 10px;
	text-align: center;
	color: #fff;}
	
#menu {
	width:50px;
	font-size:1.35em;
	text-align: center;
	display:block;
	color: #fff;
	padding-top: 10px;
	float: right;}
	
.menu-bar ul {
	width:100%;
	display:block;
	float: right;}
	
.menu-bar ul li{
	padding:15px 20px 15px 20px;
	border:solid 1px #F1F1F1;
	width:100%;
	float:none;}

.menu-bar {
	float:none;}
	
.egmenu {
	width: 100%;
	background:#FFFFFF;
	position: absolute;
	z-index:99999999;
	margin-top:60px;}
	
ul.egmenu ul{
	width:100%;
	padding:0;
	overflow:visible;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	display: none; 
    position: relative;
	top: 0;
	z-index:9999999;
	float: right;}

ul.egmenu a{
	color:#585858;
	text-transform:uppercase;
	display:block;}

.egmenu li ul li a:hover{
	list-style: none;
	color:#FFFFFF;}
	
#form{
	width:80%;
	margin: 0 auto;}
	
#form input{
	width:96%;
	float: left;
	height:30px;
	margin-top:9px;
	color:#3A3A3A;
	margin-right: 1.3%;
	background: #BABABA;
	border: none;
	padding: 5px;}
	
footer{
	width: 100%;
	height: 300px;
	text-align: center;
	background:#000;
	padding-top:10px;
	color: #fff;
margin-top: 20px;}


#txt{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	float: none;
	padding-top:15px; }
	
h1 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 45%;
	margin-left: 55%;}
	
h3 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 50%;
	margin-left: 50%;
	padding: 10px;}


h5 {
	font-family: 'futura_bdcn_btbold';
	font-size: 24px;
	color: #fff;
	text-align: right;
	background: rgba(122,44,44,0.7);
	padding: 4px;
	border-top-left-radius: 20px;
	position: absolute;
	margin-top: 50%;
	margin-left: 15%;
	padding: 10px;}


@media screen and (min-width: 1000px) {
		#menu {
			display: none;
		}
	}