.content{
    margin: 0 auto;
    width: 914px;
}

/* Header */ 
header{
    float: left;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 2;
}
header img{
    float: left;
    padding: 10px;
    background: #FFFF00;
    position: absolute;
    z-index: 3;
}
header menu{ float: right; }
header menu ul li{ display: inline;  }
header menu ul li a{  
    float: left;
    padding: 17px 23px;
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
}
header menu ul li a:hover{ background: #FFFF00; color: #000; }

/* Banner */
.banner{
    width: 100%;
    float: left;
    margin-top: -50px;
}
.banner .bx-controls-direction a.bx-next{
    display: none !important;
}
.slide1{
    background: url(../img/imgBanner.jpg) no-repeat;
    background-size: cover;
    height: 433px;
}
.slide2{
    background: url(../img/imgBanner2.jpg) no-repeat;
    background-size: cover;
    height: 433px;
}
.slide3{
    background: url(../img/imgBanner3.jpg) no-repeat;
    background-size: cover;
    height: 433px;
}
.banner img{
    float: right;
    margin-top: -222px;
}
.slide1 h2, .slide2 h2, .slide3 h2{
    float: left;
    padding: 27.5px;
    background: rgba(0, 0, 0, 0.5);
    margin-top: 217px;
    font-family: "Trebuchet MS";
    font-size: 23px;
    font-weight: lighter;
    line-height: 0.9;
    color: #FFF;
    width: 60%;
}
.slide1 h2{ padding: 17.5px 27.5px 27.5px 27.5px !important; }

.slide1 h2 #span1, .slide2 h2 #span1, .slide3 h2 #span1{  color: #FFFF00; }
.slide1 h2 #span2, .slide2 h2 #span2, .slide3 h2 #span2{  font-size: 34px; }

/* Direcionais do Banner*/
.banner .bx-wrapper .bx-pager.bx-default-pager a{
	background: #FFF;
}


/* Telefone */
.phone{
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 0;
    margin-top: -53px;
}
.phone p{
    font-family: "Trebuchet MS";
    font-size: 20px;
    color: #FFF;
}
.phone p span{
    font-size: 14px;
}

/* Middle */
.middle{
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    margin-top: -20px;
}
.service{
    float: left;
    width: 13%;
    border: 1px solid #CCC;  
    margin-right: 4.1%;
}
.service img{ padding: 5.8%; width: 88%; }
.service h3{
    width: 100%;
    text-align: center;
    background: #FFFF00;
    font-family: "Trebuchet MS";
    font-size: 13px;
    text-transform: uppercase;
    padding: 6% 0;
    border-top: 1px solid #CCC;
    color: #444;
}
.service:hover{ border: 1px solid #000; }
.service:hover h3{ border-top: 1px solid #000; }


/*Estoque */
.estoque{
    float: left;
    margin: 4% 0;
    padding: 3.5% 4%;
    border: 1px solid #CCC;
    width: 50.2%;
    background: url(../img/bgEstoque.png) no-repeat right;
}
.textEstoque{width: 55%;}
.estoque h1{
    font-family: "Trebuchet MS";
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #000;
}
.estoque h3{
    font-family: "Trebuchet MS";
    font-size: 15px;
    text-align: justify;
    padding-bottom: 15px;
    color: #999;
}
.estoque p{
    font-family: "Trebuchet MS";
    font-size: 12px;
    text-align: justify;
    padding-bottom: 34px;
    color: #999;
}
.estoque a{
    float: right;
    font-family: "Trebuchet MS";
    font-size: 16px;
    padding: 3.5% 4.5%;
    color: #000;
    text-transform: uppercase;
    background: #FFFF00;
    border: 1px solid #CCC;
}
.estoque a:hover{  border: 1px solid #000; }

/* Facebook */
.facebook{
    float: right;
    margin: 4% 0;
    width: 285px;
    padding: 3%;
    border: 1px solid #CCC;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

/* Marcas */
.blockBannerMarcas, .blockBannerProdutos{
    float: left;
    border: 1px solid #CCC;
    padding: 3%;
    width: 94%;
}

.bannerMarcas .bx-wrapper .bx-controls-direction a.bx-prev{
    margin-left: -50px;
}
.blockBannerProdutos{
    padding: 4% 7.5% !important; 
    width: 85% !important;
}
.marcas{
    text-align: center
}

/* Localização */
.localiz h1{
    font-family: "Trebuchet MS";
    font-size: 32px;
    padding-bottom: 5px;
    color: #000;
}
.localiz h2{
    font-family: "Trebuchet MS";
    padding-bottom: 5px;
    color: #000;
}

.localiz p{
  font-family: "Trebuchet MS";
  font-size: 15px;
  text-align: justify;
  padding-bottom: 15px;
  color: #999;
}

/* Contato */
.contatoSpace{
    float: left;
    padding-top: 5%;		
}
#bx-pager img, #bx-pager2 img, #bx-pager3 img{
    width: 19%;
    padding: 0.3%;
}
.contato{
    float: left;
    width: 35%;
}
.contato h1{
    font-family: "Trebuchet MS";
    font-size: 32px;
    padding-bottom: 5px;
    color: #000;
}
.contato p{
  font-family: "Trebuchet MS";
  font-size: 15px;
  text-align: justify;
  padding-bottom: 15px;
  color: #999;
}
.contato p a{ color: #999; text-decoration: underline; }
.contato p a:hover{ text-decoration: none; }
.formContato{
    float: right;
    width: 50%;
    padding: 5%;
    background: #EEE;
}
.formContato input, .formContato textarea{ padding: 2% 3%; border: 1px solid #999 }
.formContato input:focus, .formContato textarea:focus{ 
    border: 1px solid #000; 
    outline: none !important;
}
.tb, .formContato textarea{ width: 94%; margin-bottom: 18px; resize: vertical; }
.formContato p{
    font-family: "Trebuchet MS";
    font-size: 15px;
    padding-bottom: 4px;
    color: #000;
}
.btForm{
    float: right;
    background: #FFFF00;
    font-family: "Trebuchet MS";
}
.btForm:hover{ border: 1px solid #000; cursor: pointer; }
.g-recaptcha {
    width: 304px;
    margin: 0 0 20px auto;
}

/* Footer */ 
footer{
    float: left;
    width: 100%;
}
.footerTop{
    float: left;
    width: 100%;
    padding: 30px 0;
    background: #222;
}
.footerTop h4{
    font-family: "Trebuchet MS";
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #FFF;
}
.footerTop p{
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #FFF;
}
.footerTop p a{ color: #FFF; text-decoration: none}
.footerTop p a:hover{text-decoration: underline}
.sobreFooter{
    float: left;
    padding-right: 7%;
}
.newsletter{
    float: left; 
    width: 41.4%;
}
.newsletter form{ margin-top: 10px; }
.newsletter input{
    padding: 2% 2.5%;  
    float: left;
}
.news{ width: 69.4%; margin-right: 2% }
.bt{
    background: #FFFF00;
    text-transform: uppercase;
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #000;
}
.bt:hover{ cursor: pointer; background: #444; color: #FFF; }
.copyright{
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #333;    
}
.copyright p{
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #FFF;
    float: left;
    width: 100%;
}
.copyright p span{ float: right; }
.copyright p a{ color: #FFF; }
.copyright p a:hover{ text-decoration: underline; }

.blockService{
    float: left; 
    border: 1px solid #CCC; 
    padding: 4%;
    margin-bottom: 2%;
}

/* Sobre */
.imgMobile{ width: 35%; }
.imgMob{ width: 36%; }

/* Nav Mobile */
#navMobile{
    position: absolute;
    z-index: 9999;
    right: 5%;
    top: 50px;
}
#navMobile ul li a{
    float: right;
    color: #FFF;
    background: rgba(0,0,0,0.8);
    width: 200px;
    font-family: "Trebuchet MS";
    font-size: 16px;
    padding: 13px;
}
#navMobile ul li a:hover{ background: #FFFF00; color:#000; cursor: pointer; }

/* Nav Icon */
#navIcon{ float: right; display: none; }
#navIcon span{   
      background: #000;
      color: #FFF;
      float: left;
      padding: 13.5px;
      font-size: 20px;
}
#navIcon span:hover{
    background: #FFFF00;
    color: #000;
    cursor: pointer;
}



svg {
    vertical-align: middle;
    fill: #999;
}

svg.white {
 fill: #fff;
}