/*-------------------------------------------------
 =  Table of Css
 0.Color
 1.Isotope
 1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT
 3.Header
 4.General
 5.content - home sections
 6.home 2
 7.home 3
 8.home 4
 9.about page
 10.services page
 11.projects page
 12.blog pages
 13.single project page
 14.contact page
 15.error page
 16.underconstruction page
 17.tables page
 18.Shop
 19.single-product
 20.footer
 21.Responsive part
-------------------------------------------------*/






/*-------------------------------------------------------*/
/* 1. COLOR
/*-------------------------------------------------------*/
#home-section .tp-caption.finewide_medium_white span.color-skin.color-skin,

.testimonial-section .testimonial-box h2 {
   color: #0088cc ;
}
.top-line p span i, .top-line p a i {
    color: #0088cc ;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a.active,
header.active .navbar-nav > li > a:hover, 
header.active .navbar-nav > li > a.active {
    color: #0088cc ;
}
.home_form {
  background:#0088cc;
}
#home-section .tp-caption a.trans-btn2 {
    border: 2px solid #0088cc ;
    background: #0088cc ;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #0088cc ;
    border-color: #0088cc ;
}
h1::after {
    background: #0088cc ;
}
footer .up-footer .info-widget p span {
    color: #757575 ;
}





/*-------------------------------------------------*/
/* =  FLOATING BOTAO
/*-------------------------------------------------*/
#floating{ 
  position: fixed;
  bottom: 10%;
  right: 0px;
  background:rgba(41, 131, 196, 0);
  z-index:999;
  border-radius:19px 0px 0px 19px;
}
@media(max-width:768px){
  #floating{ 
    bottom: 3% ;
  }
}
#floating a{ 
  width:200px ;
  transition:all 0.5s ease;
  border-radius:8px 0px 0px 8px;
}
#floating  a:hover{ 
  cursor:pointer ;
}
#floating.localize {
  background:#0096cb;
  padding:0px ;
  right: -1px;;
  border:1px solid #0d9acc;
  border-radius:5px 0px 0px 5px;
}
#floating.localize img{
  width:150px; 
   border-radius:5px 0px 0px 5px;
}

#floating.whats img{
  width:50px ; 
   border-radius:0px 0px 0px 0px;
}
#floating.whats img:hover{
  opacity:1;
}





/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
#header_bg {
  padding:183px 0px 0px 0px ;
}
@media(max-width:1200px){
  #header_bg {
    padding:183px 0px 0px 0px ;
  }
}
@media(max-width:992px){
  #header_bg {
    padding:140px 0px 0px 0px ;
  }
}  
@media(max-width:768px){
  #header_bg {
    padding:60px 0px 0px 0px ;
  }
}

@media(max-width:768px){
  nav.navbar div#logo{
    height:auto ;
  }
}
header#header {
  position:relative ;
  z-index:999;
  background:#489 ;
  display:table;
}

.navbar-default {
  background: transparent ;
  border: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  margin: 0;
  border:none  ;
}

@media(max-width:768px){
  DIV#menu_principal #topo_bg {
    display:none ;
  }
}

DIV#menu_principal #topo {
  background: rgb(255, 255, 255) ;
  height:auto ; 
  width:100%; 
  margin:0px auto ; 
  padding:0px 0px ; 
}
nav.navbar div#logo {
  height:auto ;
  margin:0px 0px ;
  padding:0px 20px ;
  text-align: center ;
}
@media(max-width:1200px){
  nav.navbar div#logo{
    padding:5px 0px 5px 0px ;
  }
}
@media(max-width:992px){
  nav.navbar div#logo{
    padding:10px 0px 10px 0px ;
  }
}
@media(max-width:768px){
  nav.navbar div#logo{
    padding:0px 0px 0px 0px ;
    height:auto ;
  }
}
nav.navbar div#logo .col-sm-4,
nav.navbar div#logo .col-md-4{
  margin:0px ;
  padding:0px ;
}
nav.navbar div#logo img{
  width:100% ;
  max-width:340px ;
  display:normal ;
}
@media(max-width:768px){
  nav.navbar div#logo img{
    width:186px ;
  }
}
nav.navbar DIV#contato_top {
  height:auto ;
  margin-top:40px;
  padding:0px 0px 0px 30px;
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top {
    margin:50px 0px 0px 0px;
    padding:0px 0px 0px 30px ;
  }
}

@media(max-width:992px){
  nav.navbar DIV#contato_top {
    margin:30px 0px 0px 0px;
    padding:0px 0px 0px 30px ;
  }
}
@media(max-width:768px){
  nav.navbar DIV#contato_top {
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px ;
    text-align:right;
  }
}
nav.navbar DIV#contato_top span.txt,
nav.navbar DIV#contato_top2 span.txt{
  font-size:15px ;
  font-weight:bold;
  line-height:10px;
  display:block ;
  margin:0px 0px 10px 0px;
}
nav.navbar DIV#contato_top span.telefone i,
nav.navbar DIV#contato_top2 span.telefone i{
  font-size:15px ;
  font-weight:normal ;
  margin:0px 5px 0px 0px;
}
nav.navbar DIV#contato_top span.telefone,
nav.navbar DIV#contato_top2 span.telefone{
  font-size:18px ;
  font-weight:normal ;
  display:block;
  color:#0096cb ;
  margin:0px 0px 0px 0px;
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top span.telefone,
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:18px ;
    margin:0px 0px 0px 0px;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contato_top span.telefone,
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:16px ;
    margin:0px 0px 0px 0px;
  }
}
@media(max-width:768px){
  nav.navbar DIV#contato_top span.telefone,
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:25px ;
    margin:0px 0px 0px 0px;
  }
}
img.icon{
  width:18px ;
  margin:-8px 0px 0px 4px;
  border:none ;
}
@media(max-width:992px){
  img.icon{
    width:18px ;
  margin:-8px 0px 0px 4px;
  }
}
img.icon:hover{
  opacity:0.8;
}
img.icon.footer{
  width:16px ;
  margin:-3px 0px 0px 3px;

}
nav.navbar DIV#contato_top2:hover a{
  text-decoration:none;
}
nav.navbar DIV#contato_top2 {
  height:auto ;
  margin:40px 0px 0px 0px;
  padding:0px 0px 0px 20px ;
  border-left:2px dotted #d0d0d0 ;
  
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top2 {
    margin:35px 0px 0px 0px;
    padding:0px 0px 0px 20px ;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contato_top2 {
    margin:15px 0px 0px 0px;
    padding:0px 0px 0px 10px ;
  }
}

DIV#contrate  {
  text-align:center;
  padding:0px 0px 0px 0px;
}
DIV#contrate  span.licensed{
  float:right;
  margin:3px 7px 0px 0px;
}
DIV#contrate  span.licensed.invisivel{
  opacity:0;
}
DIV#contrate  span.licensed .texto{
  float:right;
  margin:0px 0px 0px 0px ;
  padding:8px 3px 0px 0px ;
  font-size:9px;
  font-style:italic ;
  line-height:0px ;
}
DIV#contrate  span.licensed img{
  float:right;
}
nav.navbar DIV#contrate a:hover{
  text-decoration:none;
}
nav.navbar DIV#contrate span.txt{
  font-size:18px ;
  font-weight:bold ;
  color:#FFF;
  display:table;
  margin:60px auto 0px auto;
  padding:10px 20px;
  border-radius:50px;
  border:1px solid #0096cb ;
}
nav.navbar DIV#contrate span.txt:hover{
  color:#FFF ;
  transition:0.2s all ease;
}
@media(max-width:1200px){
  nav.navbar DIV#contrate span.txt{
    font-size:15px ;
    padding:10px 10px;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contrate span.txt{
    font-size:15px ;
    margin:15px auto 0px auto;
    padding:5px 10px;
    float:right;
  }
}

DIV#menu_principal #menu_bg{
  background:#a9c938;
  width:100%;
  display:table;
  height:auto;
  border-bottom:3px solid transparent;
}
@media(max-width:768px){
  DIV#menu_principal #menu_bg{
    background:none ;
  }
  DIV#menu_principal #menu_bg .container{
    padding:0px ;
  }
}
DIV#menu_principal ul#menu{
  background:#a9c938;
  text-align:center ;
  width:100%;
  height:50px;
  margin:0px ;
  padding:0px ;
}
@media(max-width:768px){
  .navbar-fixed-top .navbar-collapse {
      max-height: 100% ;
  }
  DIV#menu_principal ul#menu{
    background:rgba(0, 0, 0, 0.8);
    height:auto;
  }
}
DIV#menu_principal ul#menu li{
  text-align:center ;
  margin:0px ;
  padding:0px ;
}

DIV#menu_principal ul#menu .glyphicon{
  width:5px ;
  padding:22px 0px 0px 0px;
  color:#ffffff;
  font-size:5px;
}
@media(max-width:768px){
  DIV#menu_principal ul#menu .glyphicon{
    display:none ;
  }
}
DIV#menu_principal ul#menu li a{
  font-size:15px;
  font-weight:normal;
  padding:15px 33px 15px 33px ;
  color:#FFF ;
  text-transform:none ;
  transition:all 0.3s ease;
}
@media(max-width:1200px){
  DIV#menu_principal ul#menu li a{
    padding:15px 28px 15px 28px ;
  }
}
@media(max-width:992px){
  DIV#menu_principal ul#menu li a{
    padding:15px 12px 15px 12px ;
  }
}
@media(max-width:768px){
  DIV#menu_principal ul#menu li a{
    padding:7px 0px 7px 30px ;
    text-align:left;
    font-size:15px;
    font-weight:normal;
    border-bottom:1px solid #5a5a5a;
  }
}
DIV#menu_principal ul#menu li a:hover,
DIV#menu_principal ul#menu li a.active{
  background:rgba(0, 0, 0, 0.5) ;
  color:#ffffff ;
  border-radius:2px;
  transition:all 0.2s ease;
}
@media(max-width:768px){
  DIV#menu_principal ul#menu li a:hover,
  DIV#menu_principal ul#menu li a.active{
    color:#ffffff ;
  }
}
DIV#menu_principal ul#menu li.cliente{
  float:right ;
}
DIV#menu_principal ul#menu li.cliente a{
  background:rgba(0, 0, 0, 0.7 ) ;
  margin:0px ;  
  padding:15px 33px 15px 33px ;
  transition:all 0.3s ease;
  display:table;
}
DIV#menu_principal ul#menu li.cliente a.localize{
  margin:0px ;  
  padding:0px 0px ;
  transition:all 0.3s ease;
}
DIV#menu_principal ul#menu li.cliente a.localize img{
  float:right;
  width:100%;
}

@media(max-width:1200px){
DIV#menu_principal ul#menu li.cliente a{
    padding:15px 22px ;
  }
}
@media(max-width:992px){
  DIV#menu_principal ul#menu li.cliente a.localize{
    padding:0px 0px ;
  }
  DIV#menu_principal ul#menu li.cliente a.localize img{
    float:right;
    width:173px;
  }
DIV#menu_principal ul#menu li.cliente a{
    padding:15px 15px ;
  }
}
DIV#menu_principal ul#menu li.cliente:hover{
  transition:all 0.2s ease;
  opacity:0.7 ; 
}
DIV#menu_principal ul#menu li.cliente .glyphicon{
  width:1px ;
  padding:0px 25px 0px 0px;
  font-size:16px;
}
DIV#menu_principal ul#menu li.cliente:hover .glyphicon{
  transition:all 0.3s ease;
}
DIV#menu_principal ul#menu a.dropdown-toggle{
  background:transparent;
}
.dropdown .dropdown-menu {
    display: none;
    opacity:0;
    transition:all 1s ease;
}
.dropdown:hover .dropdown-menu {
    opacity:1;
    display: block;
    transition:all 1s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu{
  background:rgba(42, 42, 42, 0.8);
  margin:-1px 0px 0px 0px;
}
DIV#menu_principal ul#menu ul.dropdown-menu{
  padding:0px ;
}
DIV#menu_principal ul#menu ul.dropdown-menu li{
  color:#ffffff ;
  padding:0px 0px;
  margin:0px ;
  transition:all 0.2s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu li.divider{
  margin:0px;
}
DIV#menu_principal ul#menu ul.dropdown-menu a{
  color:#ffffff ;
  padding:7px 30px;
  margin:0px;
   transition:background 1s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu a:hover{
  color:#ffffff ;
  border-bottom:0px none ;
  width:100%;
  opacity:1;
  transition:all 0.5s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu li:hover{
  color:#ffffff ; 
}





@media(max-width:768px){
  .navbar-header {
    height:60px ;
    padding:0px;
    margin:0px ;
    background-color:#a9c938;
    background:url("../images/menu_bg_768.png") repeat-x center top ;
    border-bottom:1px solid #fff;
    box-shadow:0px 1px 5px #0000007d;
  }
  .navbar-brand{
    padding:0px ;
  }
   .navbar-header .navbar-brand img{
    width:150px;
  }
  .navbar-header a#localize{
    width:auto;
    float:right;
    text-align:right;
    margin:6px 3% 0px 0px;
  }
    .navbar-header a#localize:hover{
    opacity:0.8;
  }
  .navbar-header a#localize img{
    width:100%;
    max-width:48px;
  }
  button.navbar-toggle{
    background:#0096cb ;
    color:#FFF ;
    margin:12px 10px 0px 0px ;
   }
   button.navbar-toggle span.icon-bar{
     background-color:#FFF ;
  }
  
}

DIV#contato_top .desativar,
DIV#contato_top2 .desativar  {
  display:none; 
}







/*-------------------------------------------------------*/
/* 2. FORMULARIO
/*-------------------------------------------------------*/
#form_container{
  height:0px;
  background:#875;
}
#formulario{
  position: relative;
  top: 0px;
  right: 0px;
  width: 260px;
  background: rgb(243, 243, 243);
  padding: 15px 20px 15px 20px ;
  display:table;
  float:right ;
}
@media(max-width:768px){
  #formulario{
    display:none;
  }
}
#formulario h3{
  font-size:16px;
  text-align:left;
  color:#4151c0;
  padding:0px ;
  margin:0px 0px 0px 10px;
}
#formulario h3.sub{
  font-size:15px;
  font-weight:bold ;
}
#formulario hr{
 margin:10px 0px ;

}
#formulario input{  
  font-size:14px;
  text-align:left;
  color:#ff7101;
  padding:0px 0px 0px 10px;
  margin:0px;
  border:1px solid #d8d8d8;
}
#formulario textarea{  
   border:1px solid #d8d8d8;
}
#formulario button{  
  font-size:14px;
  text-align:center;
  width:120px;
  color:#ffffff;
  background:#0096cb;
  padding:8px 0px;
  margin:10px 0px 0px 10px;
  float:right;
  border-radius:2px;
  border:none ;
}
#formulario button:hover{  
  opacity:0.8;
}







/*MENU TOPO NORMAL*/
.affix-top{
  height:auto ;
  padding:0px 0px 0px 0px ;
}

.affix-top #menu_principal #topo{
  transition:all 0.5s ease;
}
@media(max-width:768px){
  .affix-top #menu_principal #topo{
    display:none ;
    opacity:0 ;
  }
}
.affix-top #formulario{
  margin-top:20px ;
   margin-right:0px ;
   opacity:1 ;
   transition:all 1.3s ease;
}


/*MENU TOPO SCROLL*/
.affix  {
  height:51px ;
  -webkit-transition:background 1s ease, height 0.2s ease;
  -moz-transition:background 1s ease, height 0.2s ease;
  -o-transition:background 1s ease, height 0.2s ease;
  transition:background 1s ease, height 0.2 ease;
}

.affix #menu_principal #topo{
  margin-top:-134px  ;
  opacity:0 ;
  transition:all 0.8s ease;
}
@media(max-width:992px){
  .affix #menu_principal #topo{
      margin-top:-91px  ;
      opacity:0 ;
      transition:all 0.8s ease;
    }
}
@media(max-width:768px){
  .affix #menu_principal #topo{
      margin-top:-73px  ;
      opacity:0 ;
      transition:all 0.8s ease;
    }
}
.affix #formulario{
  margin-right:-500px ;
  opacity:0 ;
   transition:all 0.8s ease;
}

@media(max-width:768px){
  .affix .navbar-header {
      box-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);
      opacity:1 ;
      transition:all 1s ease;
    }
  .affix .navbar-header .navbar-brand img{
      opacity:1 ;
      transition:all 1s ease;
    }
    
}





/*-------------------------------------------------------*/
/* 2. SLIDESEHOW - M5LIDER
/*-------------------------------------------------------*/
/*
#m5slider{
  backgroun:#485 ;
  margin:0px ;
  padding:0px ;
  background-size:cover ;
}
#m5slider .ma5slider{
  margin:0px ;
}

#m5slider .ma5slider .dots {
  margin:0px ;
  padding:5px 0px 0px 0px ;
  background-color:#1f1f1f;
}
@media(max-width:768px){
    .slides #aviso{
      background:rgba(0, 0, 0, 0.3);
      top:15px;
      left:0px;
      width:100%;
      max-width:205px;
      height:auto;
      padding:5px 5px 5px 5px;
      position:absolute;
      color:#FFF;
      text-align:left;
      text-shadow:2px 2px 1px #131313;
    }
    .slides #titulo{
      font-size:22px;
      font-weight:bold;
      color:#FFF;
      display:block;
      margin:0px 0px 5px 0px;
    }
    .slides #texto{
      /font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:17px;
      font-weight:normal;
      color:#FFF;
      display:block;
      margin:5px 0px 0px 0px;
      line-height:25px;

    }
    .slides #texto2{
      /font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:18px;
      font-weight:normal;
      color:#FFF;
      display:block;
      margin:3px 0px 10px 0px;
      line-height:auto;
    }
    .slides #preco{
      width:100%;
      height:68px;
      /background:rgb(0, 191, 255);
      display:block;
      margin:0px 0px 0px 0px;
    }
    .slides #preco #cifrao{
      font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:30px;
      font-weight:normal;
      color:#FFF;
      float:left;
      margin:0px 0px 0px 10px;
    }
    .slides #preco #valor{
      font-family: 'Arimo', sans-serif;
      font-size:80px;
      font-weight:bold;
      color:#FFF;
      float:left;
      line-height: ;
      margin:-20px 0px 0px 5px;
    }
    .slides #preco #mes{
      font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:20px;
      font-weight:normal;
      color:#FFF;
      float:left;
      margin:25px 0px 0px 5px;
      line-height:20px;
    }
    .slides #texto3{
      /font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:17px;
      font-weight:normal;
      color:#FFF;
      display:block;
      clear:both;
      margin:-15px 0px 0px 0px;
      float:left;
    }
}
*/




/*-------------------------------------------------------*/
/* 2. SLIDESHOW - SLIDER PLUGIN
/*-------------------------------------------------------*/
/*
.banner_box{
  /position:relative;
  padding:0px 0px 0px 0px;
  /background-color:#80a500;
}
.banner_box #index-banner{
  padding:0px 0px 20px 0px ;
  /background-color:#633434; 
}

.index-banner #control_bg {
    position: absolute ;
    height: 20px;
    margin:0px ;
    padding: 0px  ;
    bottom: 0 ;
    text-align: center ;
    display:table;
    width:100%;
    /background-color:#1f1f1f;
}
.index-banner #control_bg .control{
    position: absolute ;
    height: 20px;
    margin:0px ;
    padding: 5px 0px 20px 0px ;
    bottom: 0 ;
    text-align: center ;
    z-index: 9999;
}
.index-banner .control span {
    text-align:center ;
    margin:0px 5px ;
    padding: 0px 0px ;
}
.index-banner .control span.active {
    background: #a9c938 ;
    /text-align:center ;
}

.banner_box #aviso{
  position:absolute;
  top:10px;
  z-index:999;
  background:rgba(0, 0, 0, 0.51);
  width:360px;
  height:auto;
  display:table;
  text-shadow:2px 2px 1px #131313;
  text-align:left;
  padding:10px 10px 10px 10px;
}
@media(max-width:768px){
  .banner_box #aviso{
    top:10px;
    width:290px;
    height:auto;
    padding:10px 10px 10px 10px;
  }
}
.banner_box #aviso.carro{
    background:none;
    left:20%;
}
.banner_box #aviso.moto{
    background:none;
    left:47%;
}
.banner_box #aviso.caminhao{
    left:20%;
}
@media(max-width:1200px){
  .banner_box #aviso.carro{
    left:24%;
  }
  .banner_box #aviso.moto{
    background:none;
    left:42%;
  }
  .banner_box #aviso.caminhao{
    left:25%;
  }
}
@media(max-width:992px){
  .banner_box #aviso.carro{
    left:30%;
  }
  .banner_box #aviso.moto{
    background:none;
    left:51%;
  }
  .banner_box #aviso.caminhao{
    left:30%;
  }
}
@media(max-width:768px){
  .banner_box #aviso.carro{
    background:rgba(0, 0, 0, 0.51);
    left:42%;
  }
  .banner_box #aviso.moto{
    background:rgba(0, 0, 0, 0.51);
    left:42% ;
  }
  .banner_box #aviso.caminhao{
    left:42%;
  }
}
.banner_box #titulo{
  font-size:35px;
  font-weight:bold;
  color:#FFF;
}
.banner_box #texto{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:24px;
  font-weight:normal;
  color:#FFF;
  
  display:block;
  margin:10px 0px 0px 0px;
  line-height:25px;
}
.banner_box #texto2{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:24px;
  font-weight:normal;
  color:#FFF;
  display:block;
  margin:5px 0px 0px 0px;
  line-height:auto;
}
.banner_box #preco{
  /width:100%;
  /height:170px;
  /background:rgba(0, 191, 255, 0.33);
  /display:block;
}
.banner_box #preco #cifrao{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:40px;
  font-weight:normal;
  color:#FFF;
  float:left;
  margin:10px 0px 0px 0px;
}
.banner_box #preco #valor{
  /font-family: 'Arimo', sans-serif;
  /font-size:180px;
  /font-weight:bold;
  /color:#FFF;
  /float:left;
  /line-height: ;
  /margin:-40px 0px 0px -5px;
}
.banner_box #preco #centavos{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:60px;
  font-weight:normal;
  color:#FFF;
  float:left;
  margin:29px 0px 0px 0px;
  line-height:40px;
}
.banner_box #preco #mes{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:40px;
  font-weight:normal;
  color:#FFF;
  float:left;
  margin:70px 0px 0px 5px;
  line-height:40px;
}
.banner_box #texto3{
  /font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  /font-size:22px;
  /font-weight:normal;
  /color:#FFF;
  /display:table;
  /clear:both;
  /margin:-60px 0px 0px 0px;
  /float:left;
  /text-align:center;
  /width:100%;
}
@media(max-width:768px){
  .banner_box #titulo{
      font-size:25px;
    }
    .banner_box #texto{
      font-size:17px;
    }
    .banner_box #texto2{
      font-size:18px;
    }
    .banner_box #preco{
      height:170px;
    }
    .banner_box #preco #cifrao{
      font-size:35px;
      margin:10px 0px 0px 0px;
    }
    .banner_box #preco #valor{
      /font-size:160px;
      /margin:-40px 0px 0px -5px;
    }
    .banner_box #preco #mes{
      font-size:25px;
      margin:70px 0px 0px 5px;
      line-height:30px;
    }
    .banner_box #texto3{
      /font-size:20px;
      /margin:-50px 0px 0px 0px;
    }
}
*/



/*-------------------------------------------------------*/
/* 2. INTRO
/*-------------------------------------------------------*/

section#intro{
  background:#1f1f1f;
  padding:35px 0px 40px 0px;
}
@media(max-width:768px){
  section#intro{
    padding:30px 0px;
  }
}
section#intro p{
  color:#FFF;
  font-size:30px;
  font-weight:normal ;
  text-align:center;
}
@media(max-width:768px){
  section#intro p{
    font-size:20px;
  }
}
#menu_principal #topo{
  display:table ;
  opacity:1 ;
  transition:all 0.5s ease;
}
section#intro p span{
  color:#ff7101;
  font-size:25px;
  font-weight:normal ;
  display:block;
}
@media(max-width:768px){
  section#intro p span{
    font-size:23px;
    margin:10px 0px;
  }
}
section#intro .btn-primary{
   background:transparent;
   border:none ;
   transition:all .5s ease;
   margin:22px auto 5px auto;
   padding:13px 20px 13px 40px ;
   width:100%;
   background:#e37101;
   font-size:25px ;
}
@media(max-width:768px){
 section#intro .btn-primary{
     margin:5px auto 5px auto;
     padding:10px 20px 10px 40px ;
     font-size:20px ;
  }
}
section#intro .btn-primary:hover {
  opacity:0.8;
  transition:all .3s ease;
}

section#intro .btn-primary .glyphicon{
  color:#ffffff;
  font-size:20px;
  font-weight:normal ;
  opacity:0.8;
  transition:all 0.3s ease;
}
section#intro .btn-primary:hover .glyphicon{
  margin:0px 0px 0px 10px;
  transition:all 0.3s ease;
}
 
section#intro .learn-more{
  text-align:center ;
}
section#intro .learn-more a{
  color:#ffffff ;
  font-size:16px;
  font-weight:normal ;
}


/*-------------------------------------------------------*/
/* 2. PLANOS
/*-------------------------------------------------------*/

section#planos{
  background:#fff;
  padding:30px 0px 20px 0px;
}
section#planos #planos{
     background:#FFF;
     padding:0px 0px 10px 0px;
     transition:all 0.3s ease;
     cursor:pointer;
}
@media(max-width:768px){
  section#planos #planos{
    margin:0px 0px 10px 0px;
  }
}
section#planos #planos:hover{
      opacity:0.9;
      z-index:999;
      transition:all 0.2s ease;
}
section#planos img{
  width:100%;
  display:block;
}
@media(max-width:768px){
  section#planos img{
    max-width:500px;
    max-height: 330px;
    margin:0px auto ;
  }
}
section#planos div#box_topo{
  margin:0px 20px;
  padding:10px 0px 0px 0px ;
  display:block;
  background:#292929;
  text-align:center ;
  border-radius:10px 10px 0px 0px;
}
@media(max-width:1200px){
  section#planos div#box_topo{
    margin:0px 13px;
  }
}
@media(max-width:992px){
  section#planos div#box_topo{
    margin:0px 10px;
    padding:5px 0px 0px 0px;
  }
}
@media(max-width:768px){
  section#planos div#box_topo{
    margin:0px 13px;
    padding:0px auto;
  }
}
section#planos span#titulo{
  color:#929292;
  font-size:20px;
  font-weight:normal ;
  display:block;
}

@media(max-width:992px){
  section#planos span#titulo{
    font-size:18px;
  }
}
@media(max-width:768px){
  section#planos span#titulo{
    font-size:18px;
  }
}
section#planos span#titulo2{
  color:#ffffff;
  font-size:35px;
  font-weight:bold ;
  display:block;
}
@media(max-width:1200px){
  section#planos span#titulo2{
    font-size:32px;
  }
}
@media(max-width:992px){
  section#planos span#titulo2{
    font-size:26px;
  }
}
@media(max-width:992px){
  section#planos span#titulo2{
    font-size:26px;

  }
}
@media(max-width:768px){
  section#planos span#titulo2{
    font-size:20px;
    text-align:center;
  }
}
section#planos button{
  background:rgb(86, 86, 86);
  color:#ffffff;
  font-size:16px;
  font-weight:normal ;
  display:inline-block;
  padding:8px 50px;
  margin:15px 30px 0px 0px;
  border-radius:5px;
  border:none;
}
section#planos #planos:hover button{
  background:rgba(86, 86, 86, 1) ;
  color:#ffffff;
}
section.owl .owl-carousel .owl-nav{
  padding:0px 0px;
  margin:10px auto 0px auto;
  width:100px;
}
section.owl .owl-carousel button.owl-prev{
  float:left ;
  margin:0px ;
  width:40px;
  height:40px;
  border-radius:50px ;  
  position:relative;
}
section.owl .owl-carousel button.owl-next{
  float:right ;
  padding:0px ;
  margin:0px ;
  width:40px;
  height:40px;
  border-radius:50px ;  
  position:relative;
}
section.owl .owl-carousel button.owl-prev span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  ;
  left:13px  ;
  position:absolute;
}
section.owl .owl-carousel button.owl-next span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  ;
  right:13px  ;
  position:absolute;
}
section.owl .owl-carousel button.owl-prev:hover,
section.owl .owl-carousel button.owl-next:hover{
  opacity:0.8;
}





/*-------------------------------------------------------*/
/*  DEPOIMENTOS
/*-------------------------------------------------------*/
section#depoimentos {
  background:url('../images/depoimentos/bg3.jpg')fixed center center no-repeat/cover;
}
section#depoimentos .depoimentos{
  padding:20px 0px;
  margin:0px auto 0px auto;
}
section#depoimentos #depoimentos{
  background:#000000d1 ;
  padding:35px 20px;
  margin:0px auto 0px auto;
}
section#depoimentos #depoimentos .aspas{
  text-align:center ;
  font-family:Georgia;
  font-size:22px;
  font-weight:bold;
  line-height:10px;
}
section#depoimentos #depoimentos #texto{
  text-align:center ;
   font-family:ARIAL;
  color:#ffffff;
  display:table;
  font-size:14px;
  font-weight:normal;
}
section#depoimentos #depoimentos .nome{
  text-align:center ;
  font-size:15px;
  font-weight:bold;
  color:#fff;
  width:100%;
  display:block;
  margin:5px auto 5px auto;
}
section#depoimentos #depoimentos img{
  padding:0px 0px;
  margin:10px auto 0px auto;
  width:75px;
  border-radius:50px;
}

section.owl .owl-carousel button.owl-prev{
  float:left ;
  margin:0px ;
  width:40px;
  height:40px;
  border-radius:50px ;  
  position:relative;
}
section.owl .owl-carousel button.owl-next{
  float:right ;
  padding:0px ;
  margin:0px ;
  width:40px;
  height:40px;
  border-radius:50px ;  
  position:relative;
}
section.owl .owl-carousel button.owl-prev span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  ;
  left:13px  ;
  position:absolute;
}
section.owl .owl-carousel button.owl-next span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  ;
  right:13px  ;
  position:absolute;
}
section.owl .owl-carousel button.owl-prev:hover,
section.owl .owl-carousel button.owl-next:hover{
  opacity:0.8;
}






/*-------------------------------------------------------*/
/* 2. CELULAR
/*-------------------------------------------------------*/

section#celular{
  background:url('../images/celular_bg_fixed.jpg')fixed repeat center top;
  padding:0px 0px 0px 0px;
}

section#celular #bg_car{
  padding:40px 0px 120px 0px;
}


section#celular .container,
section#celular .col-md-4{
  padding:0px 0px 0px 0px;
  margin:0px auto;
}
section#celular .container,
section#celular .col-md-4{
  padding:0px 0px 0px 0px;
  margin:0px auto;
}
section#celular img{
     width:100%;
}

section#celular span#titulo{
  color:#ffdc00;
  font-size:42px;
  font-weight:bold ;
  margin:0px 0px 0px 0px ;
  padding:10px 0px 0px 0px ;
  display:block;
  text-align:center;
}
@media(max-width:992px){
  section#celular span#titulo{
    font-size:32px;
  }
}
@media(max-width:768px){
  section#celular span#titulo{
    font-size:30px;
  }
}
section#celular span#titulo2{
  color:#ffffff;
  font-size:34px;
  font-weight:normal ;
  display:block;
  margin:20px 0px 0px 0px ;
  padding:0px 0px;
  text-align:center;
  text-shadow:1px 1px 1px #000;
}
@media(max-width:768px){
  section#celular span#titulo2{
    font-size:25px;
    margin:10px 0px 0px 0px ;
  }
}
section#celular span#titulo3{
  color:#ffe900;
  font-size:20px;
  font-weight:bold ;
  display:block;
  margin:20px 0px 0px 0px ;
  padding:0px 0px;
  text-align:center;
  text-shadow:1px 1px 1px #000;

}
section#celular img#pc{
     width:100%;
     max-width:350px;
     float:right;
     margin:20px 0px 0px 0px;
}
@media(max-width:768px){
  section#celular #celular_mao{
    width:100%;
    max-width:230px;
    float:right;
    padding:0px;
    margin-right:0px;
  }
}
section#celular .glyphicon{
      color:#00a5ff;
  font-size:35px;
  font-weight:normal ;
  margin:0px 0px 0px 20px ;
  padding:0px 0px 0px 0px ;

}





/*-------------------------------------------------------*/
/* 2. COMPRAR
/*-------------------------------------------------------*/

section#comprar{
  background:url('../images/comprar_bg.png')center bottom;
  padding:40px 0px 150px 0px;
}

section#comprar span#titulo{
  color:#000000;
  font-size:32px;
  font-weight:normal ;
  margin:0px 0px 0px 0px ;
  padding:10px 0px 0px 0px ;
  display:block;

  text-align:center;
}
section#comprar span#titulo2{
  color:#040404;
  font-size:35px;
  font-weight:bold ;
  display:block;
  margin:0px 20px;
  padding:0px 0px;
  text-align:center;
}
section#comprar button{
  background:#80a500;
  color:#ffffff;
  font-size:26px;
  font-weight:normal ;
  display:block;
  text-align:center;
  padding:8px 180px;
  margin:15px auto;
  border-radius:2px;
  border:none;
}
section#comprar button:hover{
  background:#0088cc;
  color:#ffffff;
}









/*-------------------------------------------------------*/
/* 2. VANTAGENS
/*-------------------------------------------------------*/

section#vantagens{
  background:url('../images/vantagens_bg_fixed.jpg')fixed  no-repeat center top;
  background-color:#ffffff;
  padding:20px 0px 0px 0px;
}

section#vantagens #bg_mulher{
  background:url('../images/vantagens_bg.png')center bottom no-repeat;
  padding:0px 0px 0px 0px;
}
@media(max-width:1200px){
  section#vantagens #bg_mulher{
    background:url('../images/vantagens_bg_md.png')center bottom no-repeat;
  }
}
@media(max-width:992px){
  section#vantagens #bg_mulher{
    padding:0px 0px 50px 0px;
    background:url('../images/vantagens_bg_sm.png')center bottom no-repeat;
  }
}
@media(max-width:768px){
  section#vantagens #bg_mulher{
    padding:0px 0px 0px 0px;
    background:none;
  }
}
section#vantagens .col-md-3,
section#vantagens .col-md-9{
  margin:0px;
  padding:0px;
}

section#vantagens .col-md-9{
  display:flex;
  min-height:83px;
  border-left:3px solid #0088cc;
}
section#vantagens .row{
     margin:0px 0px 30px 0px;
}
@media(max-width:768px){
  section#vantagens .row{
     margin:0px 0px 0px 0px;
  }
}
section#vantagens img#icons{
     width:100%;
     max-width:70px;
     padding:8px 0px 0px 0px;
}
@media(max-width:768px){
  section#vantagens #icons{
     text-align:center;
  }
}
section#vantagens span#titulo{
  color:#0088cc;
  font-size:42px;
  font-weight:bold ;
  margin:0px 0px 30px 0px ;
  padding:0px 0px 0px 0px ;
  display:block;
  text-align:center;
  text-transform:uppercase;
}
@media(max-width:768px){
  section#vantagens span#titulo{
    font-size:30px;
    margin:0px 0px 10px 0px ;
  }
}
section#vantagens span#subtitulo{
  color:#313131;
  font-size:18px;
  font-weight:normal ;
  margin:auto 0px auto 15px ;
  text-align:left;
  text-transform:uppercase;
  align-self:center ;
}
@media(max-width:768px){
  section#vantagens span#subtitulo{
    font-size:16px;
    font-weight:bold ;
    margin:auto 0px auto 5px ;
  }
}
section#vantagens span#texto{
  color:#424242;
  font-size:13px;
  font-weight:normal ;
  margin:15px 0px 0px 0px ;
  padding:0px 0px 0px 0px ;
  display:block;
  text-align:left;
  text-transform:uppercase;
}
@media(max-width:768px){
  section#vantagens span#texto{
     margin:10px 0px 20px 0px ;
  }
}
section#vantagens a{
  text-decoration:none;
}
section#vantagens button{
  border:none ;
  background:#0096cb;
  color:#ffffff;
  font-size:25px;
  font-weight:bold ;
  margin:55px auto 50px auto ;
  padding:20px 90px ;
  display:block;
  text-align:center;
  text-transform:uppercase;
  border-radius:3px;
  transition:all 0.2s ease;
}
section#vantagens button:hover{
  opacity:0.8;
  transition:all 0.2s ease;
}
@media(max-width:992px){
  section#vantagens button{
     margin:15px auto 70px auto ;
     padding:20px 40px ;
  }
}
@media(max-width:768px){
  section#vantagens button{
    font-size:20px;
    margin:15px auto 30px auto ;
    padding:20px 30px ;
  }
}







/*-------------------------------------------------------*/
/* 2. FOOTER
/*-------------------------------------------------------*/

footer{
  background-color:#151515;
  padding:20px 0px 0px 0px;
}

footer .footer-widget{
    color:#d2d2d2;
    min-height:190px;
    border-left:1px solid #3a3a3a;
    padding:20px 0px 20px 50px;
}
footer .footer-widget.info-widget img{
    width:60px;
    height:auto;
    margin:0px 0px 0px 10px;   
}
footer .footer-widget.info-widget img.whats{
    width:20px;
    margin:0px 0px 0px -7px;   
}
@media(max-width:1200px){
  footer .footer-widget{
    padding:20px 0px 20px 30px;
  }
}

@media(max-width:992px){
  footer .footer-widget{
    padding:20px 0px 20px 30px;
  }
}
footer .footer-widget.left{
    border-left:none;
}
@media(max-width:768px){
  footer{
    padding:0px 0px 0px 0px;
    text-align:center;
  }
  footer .row{
    padding:0px 0px 0px 0px;
  }
  footer span#descricao{
    text-align:center;
    padding:0px 0px;
    margin:0px auto 20px auto;
    color:#FFF;
    font-size:14px;
    font-weight:normal ;
    display:block;
    width:100%;
    max-width:350px ;
  }
  footer .footer-widget{
    border-bottom:1px solid #3a3a3a;
    border-left:none;
    padding:0px 0px 20px 0px;
    min-height:auto;
  }
  footer .footer-widget.bottom{
    border-bottom:none ;
  }
  
}
footer h2{
  padding:0px 0px 0px 0px;
  margin:0px 0px 25px 0px;
  color:#0096cb;
  font-size:21px;
  font-weight:bold ;
  text-transform:uppercase;
}
@media(max-width:768px){
  footer h2{
    margin:20px 0px 10px 0px;
  }
}
footer p.copyright{
  text-align:center;
  padding:30px 0px;
  margin:0px 0px 0px 0px;
  background:#000000;
  color:#FFF;
  font-size:12px;
  font-weight:normal ;
}
footer #redes_sociais{
    display:block;
    margin:20px 0px 0px 0px;
}
footer .icone{
    margin:0px 3px 0px 3px;
}




/*-------------------------------------------------------*/
/* FORMULARIO PAGINAS
/*-------------------------------------------------------*/


section#formulario_pagina.baixo{
  background:url('../images/celular_form_bg3.png')repeat-x center -20px;
  background-color:#0096cb;
  margin:0px 0px 0px 0px;
  padding:0px 0px 30px 0px;
  text-align:center;
}

section#formulario_pagina.baixo #celular_bg{
  padding:75px 0px 30px 0px;
}
@media(max-width:1200px){
  section#formulario_pagina.baixo #celular_bg{
    padding:75px 0px 30px 0px;
    display:table;
  }
}
@media(max-width:992px){
  section#formulario_pagina.baixo #celular_bg{
    padding:175px 0px 30px 0px;
  }
}
@media(max-width:768px){
  section#formulario_pagina.baixo #celular_bg{
    padding:175px 0px 30px 0px;
  }
}
section#formulario_pagina #celular_dentro{
  padding:50px 0px 0px 0px;
}
section#formulario_pagina h3{
      font-size:27px;
      font-weight:bold;
      color:#000000;
      display:block;
      margin:0px auto 0px 0px;
      text-align:left;
}
section#formulario_pagina.baixo h3{
      text-align:left;
}
section#formulario_pagina h3.sub{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
      font-size:30px;
      font-weight:bold;
      color:#ffffff;
      display:block;
      margin:0px auto 0px 0px;
      text-align:left;
}
section#formulario_pagina.baixo h3.sub{
      text-align:left;
}
section#formulario_pagina input{
      font-size:15px;
      margin:0px auto 0px 0px;
      text-align:left;
      color:#000000 ;
      border:1px solid #737373;
}
section#formulario_pagina button{
      font-size:18px;
      color:#FFF ;
      font-weight:bold;
      padding:5px 20px;
      margin:0px auto 0px 0px;
      text-align:center;
      display:block;
      width:100%;
      border:0px none;
      background:#ff6c00;
      border-radius:4px ;
      transition:all 0.3s ease;
}
section#formulario_pagina button:hover{
      color:#FFF;
      background:#ea6300;
      transition:all 0.3s ease;
}





/*-------------------------------------------------------*/
/* PAGINAS GERAL
/*-------------------------------------------------------*/

section.paginas {
      background-color:#f5f5f5;
      padding:20px 0px 30px 0px;
}
section.paginas img.conteudo{
      width:100% ;
}
section.paginas .center{
      text-align:center ;
}
section.paginas h1{
      font-family: Lato ;
      font-size:45px;
      font-weight:normal;
      color:#0096cb;
      display:block;
      margin:20px auto 30px 0px;
      text-align:center;
}
@media(max-width:768px){
    section.paginas h1{
      font-size:35px;
      margin:0px auto 10px 0px;
  }
}
section.paginas h2{
      font-size:25px;
      font-weight:bold ;
      color:#8bab1d;
      display:block;
      margin:10px auto 15px auto;
      text-align:left;
}
section.paginas h3{
      font-size:20px;
      font-weight:normal ;
      color:#131313;
      display:block;
      margin:10px auto 5px auto;
      text-align:left;
}
section.paginas p{
      font-size:15px;
      font-weight:normal;
      display:block;
      margin:0px auto 20px auto;
      padding:0px 0px 0px 0px;
      text-align:justify;
}
section.paginas li{
    list-style:none;
    font-size:15px;
}
section.paginas ul{
   padding:0px 0px 0px 10px;
}





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

section#empresa #empresa_bg_logo{
   background:url('../images/empresa_bg_logo.png')no-repeat center center;
   text-align:center ;
   min-height:240px;
   display:flex;
}
section#empresa #empresa_bg_logo img{
   align-self:center;
   text-align:center;
   margin:0px auto 0px auto;
}
section#empresa #empresa_bg_logo img#empresa{
   width:100% ;
   margin:0px auto 0px auto;
   border-radius:5px;
}
section#empresa li{
    list-style:initial;
}


/*-------------------------------------------------------*/
/* SERVICOS
/*-------------------------------------------------------*/

section#servicos{
  padding:20px 0px 30px 0px;
}

section#servicos .glyphicon{
  margin:0px 10px 0px 0px;
}
section#servicos img.rastreador{
  margin:0px auto 25px auto;
  display:block;
}

section#servicos img#cars{
  max-width:575px;
  margin:auto;
}
section#servicos .glyphicon{
   color:#8bab1d;
}



/*-------------------------------------------------------*/
/* FROTAS
/*-------------------------------------------------------*/

section#frotas #frotas_img_bg{
   background:url('../images/city_bg.jpg')no-repeat center bottom;
   text-align:center ;
    padding:0px 0px 30px 0px;
    margin:0px 0px 20px 0px;
    border-bottom:15px solid #0c0c0c;
}
section#frotas li{
   margin:0px 0px 5px 0px;
}
section#frotas .glyphicon{
   color:#0096cb;
}




/*-------------------------------------------------------*/
/* RASTREADOR VEICULAR
/*-------------------------------------------------------*/

section#rastreador{
  padding:20px 0px 0px 0px;
}
section#rastreador p{
   text-align:justify ;
}
section#rastreador ul{
   margin:0px 0px 30px 0px;
   padding:0px 0px 0px 80px ;
   list-style:initial ;
   width:400px;
}
@media(max-width:768px){
  section#rastreador ul{
     margin:0px 0px 20px 0px;
     padding:0px 0px 0px 0px ;
     width:auto;
  }
}
section#rastreador li{
   list-style:initial ;
}
section#rastreador img#rastreador{
   width:246px;
   margin:20px 150px 0px 0px;
   padding:0px 0px 0px 0px ;
   float:right;
}
@media(max-width:768px){
  section#rastreador img#rastreador{
     margin:0px 0px 10px 0px;
     float:none;
  }
}
section#rastreador #vantagens2{
   text-align:center ;
}
section#rastreador img{
   width:100%;
}




/*-------------------------------------------------------*/
/* DUVIDAS
/*-------------------------------------------------------*/


section#duvidas .panel-heading{
  background:transparent ;
  padding:0px;
  margin:0px;
}
section#duvidas .panel-heading  a{
  background:#464646;
  display:block;
  padding:10px 0px 10px 20px ;
  color:#fff;
  font-size:15px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  border-radius:3px;
}
section#duvidas .panel-heading  a:hover{
  color:#fff;
  font-weight:bold;
}
section#duvidas .panel-heading  a{
  background:#0096cb;
  color:#fff;
  font-weight:bold;
}


section#duvidas .panel {
  background:rgb(255, 255, 255);
  color:#4a4a4a;
  font-weight:normal;
  text-align:justify;
}





/*-------------------------------------------------------*/
/* AREA CLIENTE
/*-------------------------------------------------------*/

section#area{
  margin:0px 0px 100px 0px;
}
@media(max-width:768px){
   section#area{
      margin:0px 0px 0px 0px;
    }
}
section#area #area_bg{
  background:url('../images/area_bg.html')no-repeat center 30px;
  padding:0px 0px 50px 0px;
}
@media(max-width:768px){
   section#area #area_bg{
      padding:0px 0px 0px 0px;
    }
}
section#area img{
   width:100%;
}
section#area img#localize{
   width:100%;
   max-width:300px;
   text-align:center;
   margin:0px 0px 20px 0px;
   background:#0096cb;
   border-radius:5px;
}
section#area form{
   text-align:center;
   display:block;
   padding:30px 0px 30px 0px;
   margin:30px 40px 0px 40px;
   background:rgba(0, 0, 0, 0.73);
   border-radius:8px;
   border:2px solid rgb(119, 119, 119);
}
@media(max-width:768px){
  section#area form{
     margin:30px 0px 0px 0px;
  }
}
section#area form .form-group{
   margin:0px 0px 8px 0px;
}
section#area input{
   margin:0px auto ;
   max-width:300px;
   
}
section#area .button{
  background:#ff5b00;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:5px;
  border:none;
  padding:10px 0px;
  margin:20px 0px 0px 0px ;
  width:100%;
  display:table;
  text-transform:uppercase;
}
section#area .button:hover{
  opacity:0.8;
}


/**********************************************/
/*   CONTATO    */
/**********************************************/
section#contato  {
    padding:20px 0px 50px 0px;
}
section#contato  h2{
    color:#a9c938 ;
    font-size:25px ;
    font-weight:bold ;
}
section#contato  h4{
    color:#545454 ;
    font-size:16px ;
    padding:0px 0px 15px 0px ;
}
section#contato  div#contatos{
    padding:0px 10px 0px 20px ;
    border-right:1px solid #969696;
}
@media(max-width:992px){
  section#contato  div#contatos{
      padding:0px 0px 40px 0px ;
      border-bottom:1px solid #969696;
      border-right:none;
  }
}
@media(max-width:768px){
  section#contato  div#contatos{
      padding:0px 0px 40px 0px ;
      border-bottom:1px solid #969696;
      border-right:none;
  }
}
section#contato  div#contatos img{
    width:100%;
    max-width:360px;
    margin:0px 0px 20px 0px ;
    border:2px solid #d8d8d8;
}

section#contato  div#contatos span{
    display:block;
    padding:0px 0px 5px 0px ;
    color:#545454 ;
    font-size:15px ;
}
section#contato  div#contatos span .glyphicon{
    padding:0px 15px 0px 0px ;
    color:#545454 ;

}
section#contato .button{
  background:#ff6c00;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:5px;
  border:none;
  padding:10px 0px;
  margin:0px 0px 0px 0px ;
  width:100%;
  display:table;
  text-transform:uppercase;
}
section#contato .button:hover{
  opacity:0.8;
}





/**********************************************/
/*   CONTRATAR    */
/**********************************************/
section#contratar  {
    padding:20px 0px 50px 0px;
}
section#contratar  img{
    width:100%;
    max-width:160px ;
    padding:0px 0px ;
    margin:3px auto 0px auto ;
    transition:all 0.5s ease;
}
section#contratar  #planos:hover img{
   transition:all 0.5s ease;
}
section#contratar a  {
    text-decoration:none;
}
section#contratar  #planos{
    background:#ffffff ;
    text-align:center;
    padding:0px 0px 0px 0px;
    margin:0px 0px;
    border-radius:6px;
    border:2px solid #eaeaea;
    cursor:pointer;
}
section#contratar  #planos:hover {
   opacity:0.8;
   transition:all 0.5s ease;
}


section#contratar  #box_topo{
   background:#383838;
   color:#ffffff ;
   font-size:20px ;
   padding:8px 0px 8px 0px ;
   margin:0px 20px;
   border-radius:0px 0px 5px 5px ;
   text-align:center;
}
section#contratar  #box_topo #titulo{
    color:#bbbbbb ;
    font-size:25px ;
    font-weight:normal ;
    text-align:center;
    margin:0px 20px ;
    display:block;
    line-height:30px;
}
section#contratar  #box_topo #titulo2{
    color:#ffffff ;
    font-size:30px ;
    font-weight:bold ;
    text-align:center;
    margin:0px 0px 0px 0px ;
    display:block;
}
@media(max-width:1200px){
  section#contratar  #box_topo #titulo2{
      font-size:25px ;
  }
}
@media(max-width:768px){
  section#contratar  #box_topo #titulo2{
      font-size:25px ;
  }
}
section#contratar #preco{
    font-size:40px ;
    display:block;
    font-weight:bold ;
    text-align:cente;
    margin:0px 0px 0px 0px ;
    line-height:auto;
    text-shadow:2px 2px 0px #fff;
    transition:all 0.5s ease;
}

section#contratar  #preco.moto{
    color:#454545;
}
section#contratar  #planos:hover #preco.moto  {
   transition:all 0.5s ease;
}
section#contratar #preco.car{
    color:#454545;
}
section#contratar  #planos:hover #preco.car  {
   transition:all 0.5s ease;
}
section#contratar  #preco.truck{
    color:#454545;
}
section#contratar  #planos:hover #preco.truck  {
   transition:all 0.5s ease;
}
section#contratar  form{
  background:#ececec;
  padding:10px 0px 0px 0px;
  margin:0px 0px 30px 0px ;
  width:100%;
  display:table;
  border-radius:3px;
}
@media(max-width:768px){
  section#contratar  form{
    background:#ececec;
    margin:0px 0px 10px 0px ;
  }
}
section#contratar  form .titulo{
    color:#2f2f2f ;
    font-size:25px ;
    display:block;
    font-weight:normal ;
    text-align:center;
    margin:0px 0px 20px 0px ;
}
section#contratar  form .invisivel{
  display:none ;
}
section#contratar  .button{
  background:#ff6c00;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:5px;
  border:none;
  padding:10px 0px;
  margin:0px 0px 0px 0px ;
  width:100%;
  display:table;
  text-transform:uppercase;
}
section#contato .button:hover{
  opacity:0.8;
}



/**********************************************/
/*   CONFIRMACAO    */
/**********************************************/
section#confirmacao  {
    padding:20px 0px 50px 0px;
}
section#confirmacao  #titulo_confirmacao { 
  display:block;
  text-align:center;
  color:#0096cb;
  font-size:34px;
  font-weight:normal;
  margin:40px 0px 0px 0px;
  font-family:ARIAL ;
}
section#confirmacao  #titulo_confirmacao2 { 
  display:block;
  text-align:center;
  font-size:20px;
  font-weight:normal;
  margin:15px 0px 20px 0px;
  font-family:ARIAL ;
}


/**********************************************/
/*   CONFIRMACAO    */
/**********************************************/
section#pagamento  {
    padding:20px 0px 50px 0px;
    text-align:center;
}
section#pagamento  .linha-bottom{
    border-bottom:1px solid #e2e2e2;
    padding:0px 0px 30px 0px ;
}
section#pagamento img {
    width:100%;
    max-width:400px;
    margin:auto;
    border-radius:5px;
    box-shadow:0px 0px 15px #bfbfbf;
}
section#pagamento a:hover {
    opacity:0.8;
}
section#pagamento span {
   display:block;
  text-align:center;
  color:#797979;
  font-size:20px;
  font-weight:bold;
  margin:20px 0px 5px 0px;
  font-family:ARIAL ;
}
section#pagamento form#pagseguro input#img {
    width:100%;
    max-width:400px;
    margin:auto;
    border-radius:5px;
    box-shadow:0px 0px 15px #bfbfbf;
    cursor:pointer;
}
/*-------------------------------------------------------*/
/* ADM
/*-------------------------------------------------------*/

section#admin {
      padding:20px 0px 30px 0px;
      text-align:center;
}
section#admin img{
  width:100%;
}

section#admin #aviso{
  background:#e8e8e8;
  display:table;
  text-align:center;
  color:#797979;
  font-size:30px;
  font-weight:bold;
  padding:20px 100px;
  margin:20px auto ;
  font-family:ARIAL 
}
@media(max-width:768px){
  section#admin #aviso{
    padding:10px 0px;
    width:100%;
  font-size:25px;
  }
}
section#admin form input{
     float:left ;
}
section#admin form label{
  background:#6f6f6f;
  color:#fff;
  font-size:20px;
  text-align:center;
  border-radius:5px;
  padding:10px 30px;
  margin:0px auto ;
 display:block;
  max-width:250px;
  text-transform:uppercase;
  cursor:pointer;
}
section#admin form label.liberado:hover{
  background:#003e00;
}
section#admin form label.bloqueado:hover{
  background:#ff0000;
}
section#admin form label > input#form_status{
  width:25px;
  height:25px;
}
section#admin form input#botao{
  background:#ff6c00;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:5px;
  border:none;
  padding:10px 0px;
  margin:0px 0px 0px 0px ;
  width:100%;
  display:table;
  text-transform:uppercase;
}
section#admin form input#botao:hover{
  opacity:0.8;
}






/*-------------------------------------------------------*/
/*  PARCEIROS
/*-------------------------------------------------------*/
section#parceiros {  
  padding:20px auto ;
}
section#parceiros span.titulo{
  color:#5d5d5d;
  font-size:32px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  margin:20px auto 0px auto ;
  width:100%;
  display:block;
}







/*-------------------------------------------------------*/
/* OWL SLIDESHOW HOME
/*-------------------------------------------------------*/



#slide_owl{
  position:absolute;
  top:20px;
  z-index:999;
  background:rgba(0, 0, 0, 0.3);
  width:12vw;
  height:auto;
  display:table;
  text-shadow:2px 2px 1px #131313;
  text-align:left;
  padding:10px 10px 10px 10px;
}
@media(max-width:1200px){
  #slide_owl{
    width:39vw;
  }
}
@media(max-width:992px){
  #slide_owl {
    top:10px;
    width:45vw;
    padding:0px 0px 0px 5px;
  }
}
@media(max-width:768px){
  #slide_owl{
    top:10px;
    width:260px;
    padding:5px;
  }
}
#slide_owl.esquerda{
    left:20%;
}
#slide_owl.direita{
    left:47%;
}
@media(max-width:1200px){
  #slide_owl.esquerda{
    left:3%;
  }
  #slide_owl.direita{
    left:46%;
  }
}
@media(max-width:992px){
  #slide_owl.esquerda{
    left:2%;
  }
  #slide_owl.direita{
    left:45%;
  }
}
@media(max-width:768px){
  #slide_owl.esquerda{
    left:0%;
  }
  #slide_owl.direita{
    left:0% ;
  }
}
#slide_owl #titulo{
  font-size:2.1vw;
  font-weight:bold;
  color:#FFF;
}
#slide_owl #texto{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:1.34vw;
  font-weight:normal;
  color:#FFF;
  
  display:block;
  margin:10px 0px 0px 0px;
  line-height:25px;
}
#slide_owl  #texto2{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:1.34vw;
  font-weight:normal;
  color:#FFF;
  display:block;
  margin:15px 0px 0px 0px;
  line-height:auto;
}
#slide_owl #preco{
  width:18vw ;
  height:7vw;
  display:table;
  margin:5px 0px 0px 0px;
  position:relative;
}
@media(max-width:768px){
  #slide_owl #preco {
   width:245px ;
   height:80px ;
  }
}
#slide_owl #preco #cifrao{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:40px;
  font-size:2.2vw;
  font-weight:normal;
  color:#FFF;
  float:left;
  line-height:auto;
  margin:10px 0px 0px 0px;
  position:absolute;
  top:0px;
  left:0px;
  line-height:60%;
}

#slide_owl #preco #valor{
  font-family: 'Arimo', sans-serif;
  font-size:180px;
  font-size:9vw;
  font-weight:bold;
  color:#FFF;
  position:absolute;
  top:0px;
  left:13%;
  line-height:72%;
}

#slide_owl #preco #centavos{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:60px;
  font-size:3.2vw;
  font-weight:normal;
  color:#FFF;
  position:absolute;
  top:20px;
  left:70%;
  line-height:0%;
}
#slide_owl #texto3{
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
  font-size:1vw;
  font-weight:normal;
  color:#FFF;
  display:table;
  margin:0px 0px 0px 0px;
  text-align:center;
  width:18vw ;
  z-index:9999;
}
@media(max-width:1200px){
  #slide_owl #titulo{
      font-size:2.8vw;
      margin:0px 0px 0px 0px;
    }
    #slide_owl #texto{
      font-size:1.6vw;
      margin:0px 0px 0px 0px;
      line-height:20px;
    }
    #slide_owl #texto2{
      font-size:1.6vw;
    }
    #slide_owl #texto3{
      font-size:1.6vw;
    }
}
@media(max-width:992px){
  #slide_owl #titulo{
      font-size:2.8vw;
      margin:0px 0px 0px 0px;
    }
    #slide_owl #texto{
      font-size:1.8vw;
      margin:0px 0px 0px 0px;
      line-height:20px;
    }
    #slide_owl #texto2{
      font-size:1.8vw;
    }
    #slide_owl #texto3{
      font-size:1.8vw;
    }
}
@media(max-width:768px){
  #slide_owl #titulo{
      font-size:25px;
    }
    #slide_owl #texto{
      font-size:17px;
    }
    #slide_owl #texto2{
      font-size:18px;
    }
    #slide_owl #preco{
      height:170px;
    }    
    #slide_owl #preco #cifrao{
      font-size:35px;
      margin:10px 0px 0px 0px;
    }
    #slide_owl #preco #valor{
      font-size:95px;
      margin:0px 0px 0px 0px;
      top:0px;
      left:43px;
    }
    #slide_owl #preco #centavos{
      font-size:35px;
      margin:0px 0px 0px 0px;
      top:20px;
      left:150px;
    }
    #slide_owl #texto3{
      font-size:18px;
      width:100% ;
    }
}
section#slideshow .owl-dots{
  background:#1f1f1f ;
  margin:0px 0px 0px 0px;
  padding:4px 0px 0px 0px ;
}