/*-------------------------------------------------
 =  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
-------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

body{
   font-family: 'Roboto', Arial, sans-serif !important;
   /font-family: 'Montserrat',sans-serif;
    /font-family: 'Open Sans',sans-serif;
}


/*-------------------------------------------------*/
/* =  FLOATING BOTAO
/*-------------------------------------------------*/
#floating{ 
  position: fixed;
  bottom: 10%;
  right: 10px;
  background:rgba(41, 131, 196, 0);
  z-index:999;
  border-radius:19px 0px 0px 19px;
  /box-shadow:2px 2px 2px rgba(0, 0, 0, 0.45);
  transition:all 0.3s ease;
}
@media(max-width:768px){
  #floating{ 
    bottom: 3% !important;
  }
}
#floating:hover{ 
  right: 15px;
  transition:all 0.3s ease;
}
#floating a{ 
  width:200px !important;
  transition:all 0.5s ease;
  border-radius:8px 0px 0px 8px;

}
#floating  a:hover{ 
  cursor:pointer !important;
}
#floating.localize {
  background:#ff0000;
  padding:0px ;
  right: -1px;;
  border:1px solid #0d9acc;
  border-radius:5px 0px 0px 5px;
  /box-shadow:-2px 3px 3px #00000073;
}
#floating.localize img{
  width:150px; 
   border-radius:5px 0px 0px 5px;
}

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





/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
#header_bg {
  /background:#80a500;
  padding:183px 0px 0px 0px !important;
}
@media(max-width:1200px){
  #header_bg {
    padding:183px 0px 0px 0px !important;
  }
}
@media(max-width:992px){
  #header_bg {
    padding:136px 0px 0px 0px !important;
  }
}  
@media(max-width:768px){
  #header_bg {
    padding:60px 0px 0px 0px !important;
  }
}

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

.navbar-default {
  background: transparent !important;
  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 !important ;
}
DIV#menu_principal{
  /background:#2f3256;
}
@media(max-width:768px){
  DIV#menu_principal #topo_bg {
    display:none !important;
  }
}

DIV#menu_principal #topo {
  background: rgb(255, 255, 255) !important;
  height:auto !important; 
  width:100%; 
  margin:0px auto !important; 
  padding:0px 0px !important; 
}
nav.navbar div#logo {
  /background: #09ff20 !important;
  height:auto !important;
  margin: 0px auto !important;
  padding: 0px auto !important;
  text-align: center !important;
  display:flex !important;
}

@media(max-width:1200px){
  nav.navbar div#logo{
    padding:0px !important;
    height:134px !important;
  }
}
@media(max-width:992px){
  nav.navbar div#logo{
    padding:0px !important;
    height:87px !important;
  }
}
@media(max-width:768px){
  nav.navbar div#logo{
    padding:0px 0px 0px 0px !important;
    height:auto !important;
  }
}
nav.navbar div#logo a.navbar-brand2{
  /background:#e20000;
  width:100%;
  height:134px !important;
  display:flex !important;  
  text-decoration:none !important;
}
@media(max-width:1200px){
  nav.navbar div#logo a.navbar-brand2{
    height:130px !important;
  }
}
@media(max-width:992px){
  nav.navbar div#logo a.navbar-brand2{
    height:87px !important;
  }
}
nav.navbar div#logo .col-sm-4,
nav.navbar div#logo .col-md-4{
  margin:0px !important;
  padding:0px !important;
}

nav.navbar div#logo img{
  width:100% !important;
  max-width:340px !important;
  height:134.2px !important;
  background: # !important;
  display:normal !important;
  align-self:center;
}
@media(max-width:1200px){
  nav.navbar div#logo img{
     height:123px !important;
  }
}
@media(max-width:992px){
  nav.navbar div#logo img{
     height:71px !important;
  }
}
@media(max-width:768px){
  nav.navbar div#logo img{
    width:186px !important;
  }
}

#logo_escrito_xs{  
    /background:#ffbe0a !important;
    display:flex;  
    height:60px;
}
#logo_escrito_box{  
    /background:#ff0a0a !important;
    color:#FFF !important;
    margin:0px auto !important;
    align-self:center;   
}
#logo_escrito_box #titulo{  
  font-size:35px;
  font-weight:900;
  font-family:"Roboto",Arial, sans-serif;
  text-transform:uppercase;
  display:block;
  color:#ff0000 !important;
  margin:0px auto !important;
  line-height:35px;
}
@media(max-width:992px){
  #logo_escrito_box #titulo{  
    font-size:23px;
    font-weight:900;
    font-family:"Roboto", Arial, sans-serif;
    text-transform:uppercase;
    display:block;
    color:#ff0000 !important;
    margin:0px auto !important;
    text-align:center;
    line-height:20px;
  }
}
@media(max-width:768px){
  #logo_escrito_box #titulo{  
      font-size:18px;
      line-height:6px;
  }
}
#logo_escrito_box #subtitulo{  
  font-size:15px;
  display:block;
  color:#9e9e9e !important;
  margin:5px auto 0px auto !important;
  text-align:center;
}
@media(max-width:992px){
  #logo_escrito_box #subtitulo{
    margin:0px auto 0px auto !important;
  }
}
@media(max-width:768px){
  #logo_escrito_box #subtitulo{
    font-size:10px;
     margin:5px auto 0px auto !important;
    line-height:1.2rem;
    display:block;
    /width:150px;
  }
}
nav.navbar DIV#contato_top2 span.txt{
  font-size:15px !important;
  font-weight:bold;
  line-height:10px;
  display:block !important;
  margin:0px 0px 10px 0px;
  color:#d0d0d0;
}
nav.navbar DIV#contato_top2 span.telefone i{
  font-size:15px !important;
  font-weight:normal !important;
  margin:0px 5px 0px 0px;
}
nav.navbar DIV#contato_top2 span.telefone{
  font-size:18px !important;
  font-weight:normal !important;
  display:block;
  color:#ff0000 !important;
  margin:0px 0px 0px 0px;
  /font-family:Tahoma, Geneva, sans-serif;
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:18px !important;
    margin:0px 0px 0px 0px;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:16px !important;
    margin:0px 0px 0px 0px;
  }
}
@media(max-width:768px){
  nav.navbar DIV#contato_top2 span.telefone{
    font-size:25px !important;
    margin:0px 0px 0px 0px;
  }
}
nav.navbar DIV#contato_top2 span.telefone a,
nav.navbar DIV#contato_top2 span.telefone a:visited{
  text-decoration:none;
}
img.icon{
  width:18px !important;
  margin:-8px 0px 0px 4px!important;
  border:none !important;
}
@media(max-width:992px){
  img.icon{
    width:18px !important;
  margin:-8px 0px 0px 4px!important;
  }
}
img.icon:hover{
  opacity:0.8;
}
img.icon.footer{
  width:16px !important;
  margin:-3px 0px 0px 3px!important;

}
nav.navbar DIV#contato_top2:hover a{
  text-decoration:none;
}
nav.navbar DIV#contato_top2 {
  /background:#1500de;
   height:134px;  
  /margin:40px 0px 0px 0px;
  padding:0px 0px 0px 0px ;
  display:flex;
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top2 {
    height:130x
  }
}
@media(max-width:992px){
  nav.navbar DIV#contato_top2 {
    height:87px;
  }
}
nav.navbar DIV#contato_top2 div.txt_box{
  align-self:center;
  border-left:2px dotted #d0d0d0 ;
  padding:0px 0px 0px 20px;
}
@media(max-width:1200px){
  nav.navbar DIV#contato_top2 div.txt_box{
   padding:0px 0px 0px 20px;;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contato_top2 div.txt_box{
   padding:0px 0px 0px 10px;;
  }
}

DIV#contrate  {
  /background:url("../images/powered.png") no-repeat 35px 2px;
  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 !important;
  padding:8px 3px 0px 0px !important;
  font-size:9px;
  font-style:italic !important;
  line-height:0px !important;
}
DIV#contrate  span.licensed img{
  float:right;
  /width:60px;
}
nav.navbar DIV#contrate a:hover{
  text-decoration:none;
}
nav.navbar DIV#contrate a#contrate_box{
  /background:#1500de;
  height:134px;  
  display:flex;
}
@media(max-width:1200px){
  nav.navbar DIV#contrate a#contrate_box{
    height:130x;  
  }
}
@media(max-width:992px){
  nav.navbar DIV#contrate a#contrate_box{
    height:87px;  
  }
}
nav.navbar DIV#contrate span.txt{
  font-size:18px !important;
  font-weight:bold !important;
  color:#FFF;
  display:table;
  margin:10px auto 0px auto;
  padding:10px 20px;
  border-radius:50px;
  border:1.5px solid #ff0000 !important;
  align-self:center;

}
nav.navbar DIV#contrate span.txt:hover{
  /opacity:0.8;
  color:#FFF !important;
  text-shadow:1px 1px 0px #000;
  transition:0.2s all ease;
}
@media(max-width:1200px){
  nav.navbar DIV#contrate span.txt{
    font-size:15px !important;
    padding:10px 10px;
  }
}
@media(max-width:992px){
  nav.navbar DIV#contrate span.txt{
    font-size:15px !important;
    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 !important;
  }
  DIV#menu_principal #menu_bg .container{
    padding:0px !important;
  }
}
DIV#menu_principal ul#menu{
  background:#a9c938;
  text-align:center !important;
  width:100%;
  height:50px;
  margin:0px !important;
  padding:0px !important;
}
@media(max-width:992px){
  DIV#menu_principal ul#menu{
    height:46px;
  }
}
@media(max-width:768px){
  .navbar-fixed-top .navbar-collapse {
      max-height: 100% !important;
  }
  DIV#menu_principal ul#menu{
    background:rgba(0, 0, 0, 0.8);
    height:auto;
  }
}
DIV#menu_principal ul#menu li{
  background:#;
  text-align:center !important;
  margin:0px !important;
  padding:0px !important;
}
DIV#menu_principal ul#menu .separador{
  width:1px !important;
  height:15px;
  margin:17px 0px 0px 0px !important;
  padding:0px 0px!important;
  background-color:#696969;
  /display:none;
  opacity:0.2;
}
@media(max-width:768px){
  DIV#menu_principal ul#menu .separador{
    display:none !important;
  }
}
DIV#menu_principal ul#menu .glyphicon{
  margin:0px 10px 0px 0px!important;
  color:#ffffff;
}
@media(max-width:768px){
  DIV#menu_principal ul#menu .glyphicon{
    /display:none !important;
  }
}
DIV#menu_principal ul#menu li a{
  /background:#156;
  font-size:15px;
  font-weight:normal;
  padding:15px 33px 15px 33px !important;
  color:#FFF;
  text-transform:none !important;
  transition:all 0.3s ease;
}
@media(max-width:1200px){
  DIV#menu_principal ul#menu li a{
    padding:15px 28px 15px 28px !important;
  }
}
@media(max-width:992px){
  DIV#menu_principal ul#menu li a{
    padding:13px 12px 14px 12px !important;
  }
}
@media(max-width:768px){
  DIV#menu_principal ul#menu li a{
    padding:7px 0px 7px 30px !important;
    text-align:left;
    font-size:15px;
    font-weight:normal;
    border-bottom:1px solid #5a5a5a;
    color:#FFF !important;
  }
}
DIV#menu_principal ul#menu li a:hover,
DIV#menu_principal ul#menu li a.active{
  background:rgba(0, 0, 0, 0.5) !important;
  color:#ffffff !important;
  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 !important;
  }
}
DIV#menu_principal ul#menu li.cliente{
  float:right !important;
}
DIV#menu_principal ul#menu li.cliente a{
  background:rgba(0, 0, 0, 0.7 ) !important;
  margin:0px !important;  
  padding:15px 33px 15px 33px !important;
  transition:all 0.3s ease;
  display:table;
}
DIV#menu_principal ul#menu li.cliente a.localize{
  margin:0px !important;  
  padding:0px 0px !important;
  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 !important;
  }
}
@media(max-width:992px){
  DIV#menu_principal ul#menu li.cliente a.localize{
    padding:0px 0px !important;
  }
  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 !important;
  }
}
DIV#menu_principal ul#menu li.cliente:hover{
  transition:all 0.2s ease;
  opacity:0.7 !important; 
}
DIV#menu_principal ul#menu li.cliente .glyphicon{
  width:1px !important;
  padding:0px 25px 0px 0px!important;
  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:#2a2a2acc;
  margin:0px 0px 0px 0px;
  padding:0px !important;
}
DIV#menu_principal ul#menu ul.dropdown-menu li{
  color:#ffffff !important;
  padding:0px 0px!important;
  margin:0px !important;
  transition:all 0.2s ease;
}
DIV#menu_principal ul#menu  .dropdown-menu .divider{
  height: 1px;
  margin: 0px auto !important;
  width:80%;
  overflow: hidden;
  background-color: #00000059;
}
DIV#menu_principal ul#menu ul.dropdown-menu a{
  color:#ffffff;
  font-size:14px;
  font-weight:normal;
  padding:7px 30px!important;
  margin:0px;
  transition:background 0.3s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu a:hover{
  /padding:7px 30px 7px 25px!important;
  color:#ffffff !important;
  border-bottom:0px none !important;
  width:100%;
  /border-left:2px solid #FFF !important;
  opacity:1;
  transition:all 0.3s ease;
}
DIV#menu_principal ul#menu ul.dropdown-menu li:hover{
  color:#ffffff !important; 
}





@media(max-width:768px){
  .navbar-header {
    height:60px !important;
    padding:0px!important;
    margin:0px !important;
    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 !important;
  }
   .navbar-header .navbar-brand img{
    width:150px;
    height:59px;
    /opacity:0 !important;
  }
  .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;
    border-radius:80px;
  }
  button.navbar-toggle{
    background:#ff0000 !important;
    color:#FFF !important;
    /width:80px;
    /padding:8px 5px  !important;
    margin:12px 10px 0px 0px !important;
   }
   button.navbar-toggle span.icon-bar{
     background-color:#FFF !important;
    /float:right !important;
    /margin-left:45px ;
    /margin-top:4px ;
  }
  /button.navbar-toggle span.menu{
    float:left;
    margin:0px 0px 0px 0px;
    font-size:15px !important;
  }

}

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







/*-------------------------------------------------------*/
/* 2. FORMULARIO
/*-------------------------------------------------------*/
#form_container{
  /position:relative;
  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 !important;

}
#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:#ff0000;
  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 !important;
  padding:0px 0px 0px 0px !important;
  /border:1px solid rgb(208, 208, 208) !important;
}

.affix-top #menu_principal #topo{
  transition:all 0.5s ease;

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


/*MENU TOPO SCROLL*/
.affix  {
  height:51px !important;
  /background:#ff7101 !important;
  -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;
   /border:1px solid rgb(208, 208, 208) !important;
}

.affix #menu_principal #topo{
  margin-top:-134px  !important;
  opacity:0 !important;
  transition:all 0.8s ease;
}
@media(max-width:992px){
  .affix #menu_principal #topo{
      margin-top:-91px  !important;
      opacity:0 !important;
      transition:all 0.8s ease;
    }
}
@media(max-width:768px){
  .affix #menu_principal #topo{
      margin-top:-73px  !important;
      opacity:0 !important;
      transition:all 0.8s ease;
    }
}
.affix #formulario{
  margin-right:-500px !important;
  opacity:0 !important;
   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 !important;
      transition:all 1s ease;
    }
  .affix .navbar-header .navbar-brand img{
      opacity:1 !important;
      transition:all 1s ease;
    }
    
}






/*-------------------------------------------------------*/
/* 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 !important;
  text-align:center;
  text-shadow:1px 2px 1px #000;
}
@media(max-width:768px){
  section#intro p{
    font-size:20px;
  }
}
#menu_principal #topo{
  display:table !important;
  opacity:1 !important;
  transition:all 0.5s ease;
}
section#intro p span{
  color:#ff7101;
  font-size:25px;
  font-weight:normal !important;
  display:block;
}
@media(max-width:768px){
  section#intro p span{
    font-size:23px;
    margin:10px 0px;
  }
}
section#intro .btn-primary{
   background:transparent;
   border:none !important;
   transition:all .5s ease;
   margin:22px auto 5px auto;
   padding:13px 20px 13px 40px !important;
   width:100%;
   background:#e37101;
   font-size:25px !important;
   /text-shadow:1px 1px 1px #000;
}
@media(max-width:768px){
 section#intro .btn-primary{
     margin:5px auto 5px auto;
     padding:10px 20px 10px 40px !important;
     font-size:20px !important;
  }
}
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 !important;
  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 !important;
}
section#intro .learn-more a{
  color:#ffffff !important;
  font-size:16px;
  font-weight:normal !important;
}


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

section#planos{
  /background:url('../images/planos_bg.html')center center;
  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-indez:999;
      transition:all 0.2s ease;
}
section#planos img{
  width:100%;
  display:block;
}
@media(max-width:768px){
  section#planos img{
    max-width:500px;
    margin:0px auto !important;
  }
}
section#planos div#box_topo{
  margin:0px 20px;
  padding:10px 0px 0px 0px ;
  display:block;
  background:#292929;
  text-align:center !important;
  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 !important;
  display:block;
}
@media(max-width:1200px){
  section#planos span#titulo{
    
  }
}
@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 !important;
  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 !important;
  display:block;
  /float:right;
  padding:8px 50px;
  margin:15px auto 0px auto !important;
  border-radius:5px;
  border:none;

}
section#planos #planos:hover button{
  background:rgba(86, 86, 86, 1) !important;
  color:#ffffff;

}
section.owl .owl-carousel .owl-nav{
  /background:#416b2e !important;
  padding:0px 0px;
  margin:10px auto 0px auto;
  width:100px;
}
section.owl .owl-carousel button.owl-prev{
  /background:#ff0000 !important;
  float:left !important;
  margin:0px !important;
  width:40px;
  height:40px;
  border-radius:50px !important;  
  position:relative;
}
section.owl .owl-carousel button.owl-next{
  /background:#ff0000 !important;  
  float:right !important;
  padding:0px !important;
  margin:0px !important;
  width:40px;
  height:40px;
  border-radius:50px !important;  
  position:relative;
}
section.owl .owl-carousel button.owl-prev span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  !important;
  left:13px  !important;
  position:absolute;
}
section.owl .owl-carousel button.owl-next span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  !important;
  right:13px  !important;
  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;
  background-color:#333333;
  padding:60px 0px;
}
section#depoimentos .depoimentos{
  padding:20px 0px;
  margin:0px auto 0px auto;
}
section#depoimentos #depoimentos{
  background:#000000d1 !important;
  padding:35px 20px;
  margin:0px auto 0px auto;
}
section#depoimentos #depoimentos .aspas{
  text-align:center !important;
  font-family:Georgia;
  font-size:22px;
  font-weight:bold;
  line-height:10px;
}
section#depoimentos #depoimentos #texto{
  text-align:center !important;
   font-family:ARIAL;
  color:#ffffff;
  display:table;
  font-size:14px;
  font-weight:normal;
}
section#depoimentos #depoimentos .nome{
  text-align:center !important;
  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{
  /background:#ff0000 !important;
  float:left !important;
  margin:0px !important;
  width:40px;
  height:40px;
  border-radius:50px !important;  
  position:relative;
}
section.owl .owl-carousel button.owl-next{
  /background:#ff0000 !important;  
  float:right !important;
  padding:0px !important;
  margin:0px !important;
  width:40px;
  height:40px;
  border-radius:50px !important;  
  position:relative;
}
section.owl .owl-carousel button.owl-prev span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  !important;
  left:13px  !important;
  position:absolute;
}
section.owl .owl-carousel button.owl-next span{
  color:#ffffff;
  font-size:33px;
  line-height:0;
  top:17px  !important;
  right:13px  !important;
  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{   
  padding:0px auto;
  background-color:#363636;
  display:table;
  width:100%;
  height:100%;
}
@media(max-width:768px){
  section#celular{   
  padding:0px 0px 0px 0px;
  }
}
section#celular .col-md-6,
section#celular .col-xs-12{
  padding:0px;
  /margin:0px auto;
}
section#celular img{
     width:100%;
}
section#celular img#celular2{
  float:right;
   width:100%;
   max-width:1050px !important;
}
@media(max-width:768px){
  section#celular img#celular2{
     margin:0px 0px 0px 0px;
  }
}
section#celular div#celular{
  /background:#984;
  min-height:460px;
  margin:20px auto 20px auto;
  display:flex;
}
@media(max-width:1200px){
 section#celular div#celular{
     min-height:360px;
  }
}
@media(max-width:992px){
  section#celular div#celular{
    min-height:300px;
  }
}
@media(max-width:768px){
  section#celular div#celular{
    min-height:auto;
    text-align: center;
  }
}
@media(max-width:768px){
  section#celular span#titulo{
    font-size:30px;
  }
}
section#celular div#celular_box{
     width:100%;
     align-self:center; 
     padding:0px 20px 0px 0px; 
}
@media(max-width:768px){
  section#celular div#celular_box{
    padding:20px 30px 20px 30px;
  }
}
section#celular span#titulo{
  color:#0497cb;
  font-size:35px;
  font-weight:bold !important;
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  display:block;
  text-transform:uppercase;
  font-family:"Montserrat" , arial, sans-serif;
    text-align: right;
}
@media(max-width:1200px){
  section#celular span#titulo{
    font-size:30px;
  }
}
@media(max-width:992px){
  section#celular span#titulo{
    font-size:18px;
  }
}
@media(max-width:768px){
  section#celular span#titulo{
    font-size:30px;
    text-align:center;
  }
}
section#celular span#titulo2{
  color:#ffffff;
  font-size:20px;
  font-weight:normal !important;
  display:block;
  margin:10px 0px 0px 0px ;
  padding:0px 0px;
  /text-shadow:1px 1px 1px #000;
    text-align: right;
}
@media(max-width:992px){
  section#celular span#titulo2{
    font-size:16px;
    margin:10px 0px 0px 0px ;
  }
}
@media(max-width:768px){
  section#celular span#titulo2{
    font-size:25px;
    margin:10px 0px 0px 0px ;
    text-align:center;
  }
}
section#celular span#titulo3{
  color:#0997c9;
  font-size:20px;
  font-weight:bold !important;
  display:block;
  margin:20px 0px 0px 0px ;
  padding:0px 0px;
  /text-shadow:1px 1px 1px #000;
    text-align: right;
}
@media(max-width:992px){
  section#celular span#titulo3{
    font-size:16px;
  }
}
@media(max-width:768px){
  section#celular span#titulo3{
    text-align:center;
  }
}

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:535px;
    float:none;
    padding:0px;
    margin:0px auto;
  }
}
section#celular .glyphicon{
      color:#00a5ff;
  font-size:35px;
  font-weight:normal !important;
  margin:0px 0px 0px 20px ;
  padding:0px 0px 0px 0px ;

}
section#celular a.btn{
  color:#ffffff;
  font-size:16px;
  font-weight:bold !important;
  margin:20px auto 0px auto;
  padding:10px 45px ;
  border:2px solid #dedede;
  border-radius:25px;
  float:right;
  transition:all 0.3s ease;
}
section#celular a.btn:hover{
  background:#ff0000;
  color:#000000;
  border:2px solid #0e0e0e;
  transition:all 0.3s ease;
}
@media(max-width:992px){
  section#celular a.btn{
    margin:10px auto 0px auto;
    padding:8px 35px ;
  }
}
@media(max-width:768px){
  section#celular a.btn{    
     float:none !important;
     margin:20px auto 0px auto;
     padding:10px 45px ;
       
  }
}
section#celular span.apps{
     /background:#2b2b2b;
     display:block;
     width:100%;
     height:38px;
     margin:20px 0px 0px 0px;
     text-align:center;
}
section#celular span.apps img{
     float:right;
     clear:;
     width:100%;
     max-width:120px;
     margin:0px 0px 0px 10px;
}
@media(max-width:768px){
  section#celular span.apps img{
       float:none;
       margin:0px 5px 0px 5px;
  }
}

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

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

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

  text-align:center;
  /border-radius:10px 10px 0px 0px;
}
section#comprar span#titulo2{
  color:#040404;
  font-size:35px;
  font-weight:bold !important;
  display:block;
  margin:0px 20px;
  padding:0px 0px;
  text-align:center;
}
section#comprar button{
  background:#80a500;
  color:#ffffff;
  font-size:26px;
  font-weight:normal !important;
  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-color:#ffffff;
  padding:60px 0px 0px 0px;
}
@media(max-width:768px){
  section#vantagens{
    padding:40px 0px 0px 0px;
  }
}
section#vantagens #bg_mulher{
  background:url('../images/vantagens_bg.jpg')center bottom no-repeat;
  padding:0px 0px 0px 0px;
}
@media(max-width:1200px){
  section#vantagens #bg_mulher{
    background:url('../images/vantagens_bg_md.jpg')center bottom no-repeat;
  }
}
@media(max-width:992px){
  section#vantagens #bg_mulher{
    padding:0px 0px 50px 0px;
    background:url('../images/vantagens_bg_sm.jpg')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;
  background:#;
  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:0px 0px 0px 0px;
     margin:8px 0px 0px 0px;
}
@media(max-width:768px){
  section#vantagens #icons{
     text-align:center;
  }
}
section#vantagens span#titulo{
  font-family:"Montserrat" , arial, sans-serif;
  color:#0088cc;
  font-size:35px;
  font-weight:bold !important;
  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 !important;
  margin:auto 0px auto 15px ;
  text-align:left;
  text-transform:uppercase;
  align-self:center !important;
}
@media(max-width:768px){
  section#vantagens span#subtitulo{
    font-size:16px;
    font-weight:bold !important;
    margin:auto 0px auto 5px ;
  }
}
section#vantagens span#texto{
  color:#424242;
  font-size:14px;
  font-weight:normal !important;
  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 !important;
  background:#ff0000;
  color:#ffffff;
  font-size:25px;
  font-weight:bold !important;
  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:50px 0px 0px 0px;
  position:relative;
}
footer .up-footer{
  /background:url('../images/footer_bg7.png')center bottom no-repeat;
  /background-color:#151515;
  padding:0px 0px 60px 0px;
}
@media(max-width:768px){
  footer .up-footer{
    /background:url('../images/footer_bg7.png')center bottom no-repeat;
    padding:0px 0px 30px 0px;
  }
}
footer .footer-widget{
    color:#e6e6e6;
    min-height:260px;
    border-left:0.1px solid #212121;
    padding:20px 0px 20px 50px;
}
footer  a{
  color:#e6e6e6;
  transition:all 0.2s ease;
}
footer  a:hover{
  transition:all 0.2s ease;
}
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!important;
  }
  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 !important;
    display:block;
    width:100%;
    max-width:350px !important;
  }
  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 !important;
  }
  
}
footer h2{
  padding:0px 0px 0px 0px;
  margin:0px 0px 25px 0px;
  color:#ff0000;
  font-size:21px;
  font-weight:bold !important;
  text-transform:uppercase;
}
@media(max-width:768px){
  footer h2{
    margin:20px 0px 10px 0px;
  }
}

footer span#titulo{
  display:block;
  color:#828282 !important;
  font-size:14px;
}
footer span#titulo i{
   color:#828282 !important;
   margin:0px 5px 10px 0px;
}
footer p span.conteudo{
  display:block !important; 
  color:##d2d2d2 !important; 
}

footer div.copyright{
  text-align:center;
  /background:url('../images/comprar_bg.html')center bottom;
  padding:40px 0px 40px 0px !important;
  margin:0px 0px 0px 0px;
  background:#000000;
  color:#FFF;
  font-size:12px;
  font-weight:normal !important;
  display:block;
}
@media(max-width:768px){
  footer div.copyright{
    padding:20px 0px 20px 0px !important;
  }
}

footer #redes_sociais{
    display:block;
    margin:20px 0px 0px 0px;
}
footer .icone{
    margin:0px 10px 0px 0px ;
}

footer div#jasper_copyright {
    margin:0px 0px 0px 0px;
}
footer div#jasper_copyright span#texto{
    color:#dedede;
    font-size:10px;
    /display:none;
}
footer div#jasper_copyright img{
    width:130px;
    margin:-5px 0px 0px 0px;
}
@media(max-width:768px){
  footer div#jasper_copyright {
      margin:20px 0px 0px 0px !important;
  } 
}

footer span#restrita{
  /background:#987;      
  display:block;
  /height:15px;
  position:relative;
} 
footer span#login_icon{
    background:url("../images/login_icon.png") -48px center no-repeat;
    background-color:#424242;
    width:50px;
    height:50px;
    padding:0px;
    margin:0px 0px 0px 0px; 
    position:absolute;
    top:-18px;
    left:0px;
}
@media(max-width:768px){
  footer span#restrita{
      /background:#af1717;
      display:block;
      height:50px;
      margin:0px auto 20px auto;
      text-align:center !important;  
  } 
    footer span#login_icon{            
       margin: 0px 5px!important; 
      display: inline-block;
       position: initial;  
  } 
}
footer span#login_icon:hover{
    background:url("../images/login_icon.png") 13px center no-repeat;
    background-color:#424242;
}
footer span#webmail_icon{
    background:url("../images/webmail_icon.png") center center no-repeat;
    background-color:#424242;
    width:50px;
    height:50px;
    padding:0px;
    margin:-0px 0px 0px 0px;  
    position:absolute;
    top:-18px;
    left:60px;
    transition:all 0.2s ease;
}
@media(max-width:768px){
    footer span#webmail_icon{      
      margin: 0px 5px!important;  
      display: inline-block;
      position: initial;  
  } 
}
footer span#webmail_icon:hover{
    background:url("../images/webmail_icon.png") center 7px no-repeat;
    background-color:#424242;
    transition:all 0.2s ease;
}

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


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

section#formulario_pagina.baixo #celular_bg{
  background:url('../images/celular_form_azul_inver.png')no-repeat 30px 20px;
  padding:75px 0px 30px 0px;
}
@media(max-width:1200px){
  section#formulario_pagina.baixo #celular_bg{
    background:url('../images/celular_form_azul_inver_md.png')no-repeat 0px 30px;
    padding:75px 0px 30px 0px;
    display:table;
  }
}
@media(max-width:992px){
  section#formulario_pagina.baixo #celular_bg{
    background:url('../images/celular_form_azul_inver_xs.png')no-repeat center 10px;
    padding:175px 0px 30px 0px;
  }
}
@media(max-width:768px){
  section#formulario_pagina.baixo #celular_bg{
    background:url('../images/celular_form_azul_inver_xs.png')no-repeat center 10px;
    padding:175px 0px 30px 0px;
  }
}
section#formulario_pagina #celular_dentro{
   /background:#158;
  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;
      /text-shadow:1px 1px 0px #fff;
}
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 !important;
      border:1px solid #737373;
}
section#formulario_pagina button{
      font-size:18px;
      color:#FFF !important;
      font-weight:bold;
      padding:5px 20px;
      margin:0px auto 0px 0px;
      text-align:center;
      display:block;
      width:100%;
      border:0px none;
      background:#ff6c00;
      border:2px solid #FFF;
      border-radius:4px !important;
      transition:all 0.3s ease;
}
section#formulario_pagina button:hover{
      opacity:0.8;
      transition:all 0.3s ease;
}





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

section.paginas {
      background-color:#f5f5f5;
      padding:20px 0px 30px 0px;
}
section.paginas img.conteudo{
      width:100% !important;
}
section.paginas .center{
      text-align:center !important;
}
section.paginas h1{
      font-family:"Montserrat", arial, sans-serif ;
      font-size:35px;
      font-weight:bold;
      color:#ff0000;
      display:block;
      margin:20px auto 30px 0px;
      text-transform:;
      text-align:center;
}
@media(max-width:768px){
    section.paginas h1{
      font-size:35px;
      margin:0px auto 10px 0px;
  }
}
section.paginas h2{
      font-family: Montserrat ;
      font-size:25px;
      font-weight:bold !important;
      color:#8bab1d;
      display:block;
      margin:10px auto 15px auto;
      text-align:left;
}
section.paginas h3{
      font-family: Montserrat ;
      font-size:20px;
      font-weight:normal !important;
      color:#000000;
      display:block;
      margin:20px auto 20px auto;
      text-align:left;
}
section.paginas p{
      font-size:15px;
      font-weight:normal;
      color:#;
      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;
}
section.paginas img{
  width:100%;
  height:auto !important;
}
@media(max-width:768px){
  section.paginas img{
    width:100% !important;
    height:auto !important;
  }
}
section.paginas a:hover>img{
      opacity:0.8;
}



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

section#empresa{
  
}
section#empresa #empresa_bg_logo{
   background:url('../images/empresa_bg_logo.html')no-repeat center center;
   text-align:center !important;
   min-height:240px;
   display:flex;
   /background-color:#fff;
   /border:1px solid #e0e0e0;
   /padding:0px 10px;
}
section#empresa #empresa_bg_logo img{
   align-self:center;
   text-align:center;
   margin:0px auto 0px auto;
   /background-color:#fff;
}
section#empresa #empresa_bg_logo img#empresa{
   width:100% !important;
   margin:0px auto 0px auto;
   border-radius:5px;
}
section#empresa li{
    list-style:initial;
}


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

section#servicos{
  background:;
  padding:20px 0px 30px 0px;
}
section#servicos #servicos_bg{
   /min-height:260px;
}
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{
  background:;
  
}
section#frotas #frotas_img_bg{
   background:url('../images/city_bg.html')no-repeat center bottom;
   text-align:center !important;
    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:#ff0000;
}




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

section#rastreador{
  background:;
  padding:20px 0px 0px 0px;
}
section#rastreador p{
   text-align:justify !important;
}
section#rastreador ul{
   margin:0px 0px 30px 0px;
   padding:0px 0px 0px 80px ;
   list-style:initial !important;
   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 !important;
}
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 !important;
}
section#rastreador img{
   width:100%;
}




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

section#duvidas{
  background:#;
}
section#duvidas .panel-heading{
  background:transparent !important;
  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{
  /background:#0076a0;
  color:#fff;
  font-weight:bold;
}
section#duvidas .panel-heading  a.{
  background:#ff0000;
  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{
  background:#;
}
@media(max-width:768px){
   section#area{
      margin: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:#ff0000;
   border-radius:2px;
}
section#area form{
   text-align:center;
   display:block;
   padding:30px 30px 20px 30px;
   margin:0px 0px 0px 0px;
   background:#e6e6e6;
   border-radius:5px;
   border:1px solid #bbbbbb;
   box-shadow:0px 0px 15px #d2d2d2;
   background:url("../images/form_bg.jpg") center center no-repeat;
   background-size:cover;
   background-color:#ffffff !important;
}
@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 !important;
}
section#area .button{
  background:#ff5b00;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:25px;
  border:none;
  padding:10px 0px;
  margin:20px auto 0px auto !important;
  width:100%;
  display:table;
  text-transform:uppercase;
  transition:all 0.3s ease;
}
section#area .button:hover{
  opacity:0.8;
  transition:all 0.3s ease;
}

section#area .aviso{
   text-align:center;
   display:block;
   padding:15px 20px;
   margin:0px auto 10px auto;
   background:#ce0000d4;
   color:#ffffff;
   font-size:15px;
   border-radius:3px;
   /border:1px solid #000000;
   width:100% !important;
   max-width:350px;
   top:155px;
   /position:absolute;
   z-index:99;
}
section#area .aviso .titulo{
   color:#ffffff;
   font-size:17px;
   display:block;
   font-weight:bold;
}







/**********************************************/
/*   CONTATO    */
/**********************************************/
section#contato  {
    padding:20px 0px 50px 0px;
}
section#contato  h2{
    color:#a9c938 !important;
    font-size:25px ;
    font-weight:bold !important;
}
section#contato  h4{
    color:#545454 !important;
    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.conteudo{
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px ;
    color:#545454 !important;
    font-size:15px ;
}
section#contato  div#contatos span .glyphicon{
    padding:0px 15px 0px 0px ;
    margin:10px 0px 5px 0px;
    color:#545454 !important;

}
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;
  transition:all 0.3s ease;
}
section#contato .button:hover{
  opacity:0.8;
  transition:all 0.3s ease;
}





/**********************************************/
/*   CONTRATAR    */
/**********************************************/
section#contratar  {
    padding:20px 0px 50px 0px;
}
section#contratar  img{
    width:100%;
    max-width:160px !important;
    padding:0px 0px !important;
    margin:3px auto 0px auto !important;
    display:;
    transition:all 0.5s ease;
}
section#contratar  #planos:hover img{
   /transform:scale(1.11);
   transition:all 0.5s ease;
}
section#contratar a  {
    text-decoration:none;
}
section#contratar  #planos{
  background:#ffffff !important;
  display:block;
  margin:20px auto;
  padding:5px 20px 20px 20px;
  text-align:center;
  box-shadow:0px 0px 15px #33333340;  
  border:1px solid #d8d8d8; 
}
section#contratar  #planos:hover {
   opacity:0.8;
   transition:all 0.5s ease;
}
section#contratar  #box_topo{
   /background:#383838;
   color:#2b2b2b !important;
   font-size:20px ;
   padding:8px 0px 8px 0px ;
   margin:0px 20px;
   border-radius:0px 0px 5px 5px ;
   text-align:center;
}
section#contratar  #planos #titulo{
    color:#bbbbbb !important;
    font-size:25px ;
    font-weight:normal ;
    text-align:center;
    margin:0px 20px ;
    padding:;
    display:block;
    /border-radius:3px ;
    line-height:30px;
}
section#contratar  #planos #titulo2{
    font-size:25px;
  font-weight:normal !important;
  color:#323a45;
  display:block;
  text-align:center;
  margin:0px  0px 0px 0px;
}
@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-family: "Montserrat", sans-serif ;
  font-size:50px;
  font-weight:bold !important;
  color:#323a45;
  display:block;
  text-align:center;
  margin:0px 0px 0px 0px;
}

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 !important;
    font-size:25px ;
    display:block;
    font-weight:normal ;
    text-align:center;
    margin:0px 0px 20px 0px ;
}
section#contratar  form .invisivel{
  display:none !important;
}
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;
  transition:all 0.3s ease;
}
section#contato .button:hover{
  opacity:0.8;
  transition:all 0.3s ease;
}



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


/**********************************************/
/*   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;
    /border:1px solid #987;
    box-shadow:0px 0px 15px #bfbfbf;
}
section#pagamento span {
   display:block;
  text-align:center;
  color:#797979;
  font-size:20px;
  font-weight:bold;
  margin:20px 0px 5px 0px;
  font-family:ARIAL !important;
}
section#pagamento form#pagseguro input#img {
    width:100%;
    max-width:400px;
    margin:auto;
    border-radius:5px;
    /border:1px solid #987;
    box-shadow:0px 0px 15px #bfbfbf;
    cursor:pointer;
}
/*-------------------------------------------------------*/
/* ADM
/*-------------------------------------------------------*/

section#admin {
      padding:20px 0px 30px 0px;
      text-align:center;
}
section#admin img{
  width:100%;
  max-width:400px;
}
section#admin #aviso{
  background:#e8e8e8;
  display:table;
  text-align:center;
  color:#797979;
  font-size:30px;
  font-weight:bold;
  padding:20px 100px;
  margin:20px auto !important;
  font-family:ARIAL !important
}
@media(max-width:768px){
  section#admin #aviso{
    padding:10px 0px;
    width:100%;
  font-size:25px;
  }
}
section#admin form input{
     float:left !important;
}
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 0px 50px  0px !important;
  background:#bdbdbd;
  display:block !important;
}
section#parceiros span.titulo{
  color:#363636;
  font-size:35px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  margin:20px auto 20px auto !important;
  width:100%;
  display:block;
}







/*-------------------------------------------------------*/
/* OWL SLIDESHOW HOME
/*-------------------------------------------------------*/
.container_owl{
  /background:#978;
  position:relative;
  top:0px;
  z-index:999; 
  width:100%; 
  max-width:1050px;
  height:0px;
  display:block;
  margin:0px auto;
}
@media(max-width:1200px){
  .container_owl{
    padding:0px 0px 0px 20px;
  }
}
#slide_owl{
  position:absolute;
  top:20px;
  z-index:999;
  background:#0000004a;
  height:auto;
  display:table;
  text-shadow:0px 1.2px 0px #131313;
  text-align:center;
  padding:10px 10px 10px 30px;
  border-radius:5px;
}
@media(max-width:1200px){
  #slide_owl{
    width:40vw;
  }
}
@media(max-width:992px){
  #slide_owl {
    top:5px;
    width:40vw;
    padding:0px 0px 0px 5px;
  }
}
@media(max-width:768px){
  #slide_owl{
    top:10px;
    width:270px;
    padding:5px;
  }
}
#slide_owl.esquerda{
    /background:none;
    /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{
  /background:#96bc33;
  font-size:2vw;
  color:#FFF;
  font-family: 'montserrat', sans-serif;
  font-weight:600;
  line-height:auto;
  text-align:left;
  padding:0px 0px 0px 0px;
  display:block;
}
#slide_owl #texto{
  /background:#cc0909;
  font-family: 'Roboto', sans-serif;
  font-size:1vw;
  font-weight:400;
  color:#FFF;
  display:block;
  padding:0px 0px 0px 0px ;
  margin:0px 0px 0px 0px;
  line-height:auto;
  text-align:left;
  width:17vw;  
}
#slide_owl  #texto2{
  /background:#96bc33;
  font-family: 'Roboto', sans-serif;
  font-size:1vw;
  font-weight:400;
  color:#FFF;
  display:block;
  margin:12px 0px 0px 0px;
  padding:3px 0px 5px 0px;
  line-height:25px;
  text-align:left;
  border-radius:3px;
}
#slide_owl #preco{
  /background:#ff2424;
  width:100% !important;
  max-width:30vw !important;
  height:4.4vw;  
  display:flex;
  margin:10px 0px 5px 0px ;
  padding:0px 0px 0px 0px;
  border-radius:2px;
  text-align:right;
}
@media(max-width:768px){
  #slide_owl #preco{
    width:100% !important;
    max-width:60vw !important;
    height:70px;
    margin:0px 0px;
  }
}
#slide_owl #preco_conteudo{  
  /background:#ff0000;
  /width:16vw !important;
  height:4.3vw;  
  /align-self:right;
  /position:relative;
  margin:0px 0px 0px 0px ;
}
@media(max-width:768px){
  #slide_owl #preco_conteudo{  
    width:100% !important;
    height:60px;
  }
}
#slide_owl #preco #cifrao{
  font-family: 'Roboto', sans-serif;
  font-size:40px;
  font-size:2.8vw;
  font-weight:500;
  color:#FFF;
  float:left;
  line-height:auto;
  margin:8px 3px 0px 0px;
  /position:absolute;
  top:0px;
  left:0px;
  line-height:60%;
}
#slide_owl #preco #valor{
  /background:#71ff00fc;
  font-family: 'Open Sans', sans-serif;  
  font-size:60px;
  font-size:5vw;
  font-weight:600 !important;
  color:#FFF;
  float:left;
  top:5px;
  left:23%;
  line-height:73%;
  letter-spacing: -1px;  
}
#slide_owl #texto3{
  font-family: 'Roboto', sans-serif;
  font-size:1.1vw;
  font-weight:400;
  /background:#96ba39;
  color:#FFF;
  display:block;
  margin:0px 0px 0px 0px;
  text-align:center;
  /width:18vw !important;
  z-index:9999;
  /border:2px solid #96ba39;
  /border-radius:50px;
  padding:0px 0px 0px 0px;
  float:left;
}
@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;
      width:100%;
    }
    #slide_owl #texto2{
      font-size:1.6vw;
    }
    #slide_owl #texto3{
      padding:3px 0px 0px 20%;
      text-align:left;
      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 #cifrao{
      font-size:35px;
      margin:10px 0px 0px 0px;
      left:0px;
    }
    #slide_owl #preco #valor{
      font-size:60px;
      /left:43px;
    }
    #slide_owl #preco #centavos{
      font-size:35px;
      margin:0px 0px 0px 0px;
      top:20px;
      left:150px;
    }
    #slide_owl #texto3{
      font-size:18px;
       padding:3px 0px 0px 35%;
      width:100% !important;
    }
}
section#slideshow .owl-dots{
  background:#1f1f1f !important;
  margin:0px 0px 0px 0px;
  padding:4px 0px 0px 0px ;
}

section#slideshow a.btn{
  background:#ff0000;
  color:#ffffff;
  font-size:1vw;
  font-weight:normal1 !important;
  width:auto;
  display:block;
  margin:20px 25% 0px 25%;
  padding:10px 0px 10px 0px;
  /border:2px solid #dedede;
  border-radius:56px;
  transition:all 0.5s ease;
  text-shadow:none;
}
section#slideshow a.btn:hover{
  opacity:0.9;
  color:#000000;
  /border:2px solid #0e0e0e;
  transition:all 0.5s ease;
}

section#slideshow div.ATIVADO{
   top:50px !important;
}
section#slideshow div.DESATIVADO{
  display:none !important;
}





/*-------------------------------------------------------*/
/* PRICES
/*-------------------------------------------------------*/

section#prices{
  background:#ffffff;
  padding:40px 0px 40px 0px;
}
section#prices #price_box{
  display:block;
  margin:20px auto;
  padding:5px 20px 20px 20px;
  text-align:center;
  box-shadow:0px 0px 25px #3333331a;  
  border:1px solid #eaeaea;   
}
section#prices #price_box img{
  width:100%;
  max-width:200px;
  margin:0px auto;
  padding:0px 20px;
  display:block;
}
section#prices #price_box #titulo{
  font-size:25px;
  font-weight:normal !important;
  color:#323a45;
  display:block;
  text-align:center;
  margin:0px  0px 0px 0px;
}
section#prices #price_box #subtitulo{
  font-size:14px;
  font-weight:bold !important;
  color:#0497cb;
  display:block;
  text-align:center;
  margin:0px  0px 0px 0px;
}
section#prices #price_box #preco{
  font-family: "Montserrat", sans-serif ;
  font-size:50px;
  font-weight:bold !important;
  color:#323a45;
  display:block;
  text-align:center;
  margin:0px 0px 0px 0px;
}
section#prices #price_box #txt{      
  font-size:16px;
  font-weight:normal !important;
  font-style:italic;
  color:##a1a8b0;
  display:block;
  text-align:center;
}
section#prices #price_box #divisoria{ 
  background:url("../images/price_divisoria.png") center center repeat-y;    
  height:2px;
  display:block;  
  border-radius:15px;  
  margin:10px 0px 20px 0px ;
}
section#prices #price_box #detalhes{ 
  font-family:"Open Sans",sans-serif;     
  font-size:17px;
  font-weight:normal !important;
  font-style:normal;
  color:##323a45;
  display:block;
  text-align:left;
  margin:0px  0px 0px 30px;
  color:#000000;
}
section#prices a.btn{
  background:#0497cb;
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold !important;
  margin:30px auto 20px auto;
  padding:10px 45px ;
  border:2px solid #e4e4e4;
  border-radius:25px;
  transition:all 0.5s ease;
}
section#prices a.btn:hover{
   opacity:0.8;
  transition:all 0.5s ease;
}
section#prices #price_box #obs{      
  font-size:15px;
  font-weight:normal !important;
  font-style:italic;
  color:##a1a8b0;
  display:block;
  text-align:center;
}






/*-------------------------------------------------------*/
/* ADM LICENCIADO
/*-------------------------------------------------------*/
body#editor{
   background:#ffffff;   
}
input.menulateral{      
  width:50px;
  height:50px ;
  margin:0px auto;  
  padding:0px 0px 0px 0px ;
  display:none;
  position:fixed;
  top:5px;
  right:10px;
  z-index: 9999;
  opacity:1;
  transition:all 0.5s ease;
}
.sidebarIconToggle {
  background:#000000b5;
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: fixed;
  z-index: 9999;
  height: 100%;
  width: 100%;
  top: 8px;
  left: 10px;
  height: 50px;
  width: 150px;
  padding:0px 5px 0px 5px;
  border:1px solid transparent;
  border-radius:50px;
  transition:all 0.5s ease;
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle{
    left:-20px;
    width: 180px;
    border:1px solid #757575;
    transition:all 0.5s ease;
}
@media(max-width:768px){
  input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle{
      left:0px;
      width: 50px;
      transition:all 0.5s ease;
  }
   .sidebarIconToggle{
      left:210px;
      width: 50px;
      padding:0px 5px 0px 5px;
      border-radius:0px 3px 3px 0px;
      border:1px solid #757575;
      transition:all 0.5s ease;
  }
}
.spinner {
  transform:rotate(0deg);
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle .horizontal{
    opacity:1;
    transition:all 0.5s ease;    
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle .diagonal.part-1 {
    transform: rotate(0deg) translate(0px,0px);
    transition:all 0.5s ease;
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle .diagonal.part-2 {
    transform: rotate(0deg) translate(0px,0px);
    transition:all 0.5s ease;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
    margin-top: 15px;
    transform: rotate(45deg) translate(5px,6px);    
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 5px;
    opacity:0;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 5px;
   transform: rotate(-45deg) translate(6px,-6px);
}
.sidebarIconToggle .menu_txt{
  font-size:20px;
  font-weight:normal;
  text-align:center;
  color:#FFF;
  margin:10px auto 0px auto;
  transition:all 0.5s ease;
}
.sidebarIconToggle .menu_txt i.glyphicon-remove{
  font-size:15px;
  color:#FFF;
  transition:all 0.5s ease;
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle .menu_txt  i.glyphicon-remove{    
    font-size:0.00000001px;
    transition:all 0.5s ease;
}
.sidebarIconToggle .menu_txt i.glyphicon-menu-hamburger{
  font-size:0.00000001px;
  color:#FFF;
  opacity:0;
  transition:all 0.5s ease;
}
input.menulateral[type="checkbox"]:checked ~ .sidebarIconToggle .menu_txt i.glyphicon-menu-hamburger{ 
   opacity:1; 
   font-size:15px;  
   transition:all 0.5s ease;
}
DIV#menu_editor{
   background: #333333;
   width:170px;
   height:100%;
   z-index:999 !important;
   position:fixed;
   top:0;
   /
   border-right:2px solid #484848;
   transition:all 0.5s ease;
}
input.menulateral[type="checkbox"]:checked ~ #menu_editor {
    width:0px;
    transition:all 0.5s ease;
}
@media(max-width:768px){
  input.menulateral[type="checkbox"]:checked ~ #menu_editor {
    width:0px;
    padding:7px 0px 10px 0px;
    transition:all 0.5s ease;
  }
 DIV#menu_editor{
   background:#000000cf;
   width:100%;
   max-width:210px;
   height:auto;
   padding:7px 10px 10px 10px;
   top:0;
   border-right:none;
   transition:all 0.5s ease;
  }
}
input.menulateral[type="checkbox"]:checked ~ #content_editor{
    margin-left:0px !important;
    transition:all 0.5s ease;
}
DIV#content_editor{
   margin-left:170px !important;   
   transition:all 0.5s ease;}

@media(max-width:768px){
 DIV#content_editor{
   margin-left:0px !important;   
  }
}
section#adm{
  background:#ffffff;
  padding:0px 0px 0px 0px;
}
section#adm .container_adm{
  width:100% !important;
  /max-width:1150px !important;
  margin:auto;
}
section#adm div#divisor{
  background:#f7f7f7;
  padding:40px 10px;  
  width:100%;
  /text-align:center;
}
section#adm div#divisor.cor{
  /background:#f3f3f3;
}
section#adm div#divisor div.container_box{
  /background:#95acb9fc;
  margin:auto !important;    
  width:100%;
  max-width:1150px;
}
section#adm img{
  width:100%;
  height:auto !important;
}
section#adm form#adm_licenciado h1.editor{
  display:block;
  margin:15px 0px 15px 0px!important;    
}
section#adm form#adm_licenciado h2.editor{
  margin:15px 0px!important;  
  text-align:center;
  color:#505050 !important;
}
section#adm form#adm_licenciado label{
  display:block;
  margin:0px auto!important;  
  text-align:left;
  font-size:13px;  
  font-weight:600 !important;
}
section#adm div#cores{
  border:1px solid #e2e2e2;
  /box-shadow:0px 0px 5px #737373;
  border-radius:2px;
  background:#f7f7f7;
  padding:15px 10px 1px 10px;
  position:relative;
}
@media(max-width:992px){
  section#adm div#cores{
    margin:0px 0px 15px 0px;
  }
}
@media(max-width:768px){
  section#adm div#cores{
    margin:0px 0px 15px 0px;
  }
}
section#adm div#cores label{
  display:block;
  margin:10px auto 10px auto !important;  
  text-align:center;
  font-size:13px;  
  font-weight:600 !important;
}
section#adm div#cores input{
  display:block;
  width:100%;
  max-width:200px;
  margin:0px auto;
  height:65px;
  /border:none;
  text-align:center !important;
}
section#adm form#adm_licenciado  label#ativar{
  /background:#ffffff !important;
  width:100%;
  margin:0px auto 0px auto !important;  
  padding:5px 0px 5px 0px;
  cursor:pointer;
  
}
section#adm form#adm_licenciado  input#ativar{
  display:none; 
  width:20px !important;
  height:20px;
  float:left;  
}
section#adm form#adm_licenciado  label#ativar span{
  background:#ce4040;
  text-align:center;
  font-size:15px;  
  font-weight:600 !important;
  color:#fff;
  display:block;
  margin:0px 60px;
  padding:10px 0px 10px 0px !important;
  border:2px solid #ffffff;
  border-radius:30px;
}
section#adm form#adm_licenciado span#ativado{
  display:none !important;
}
section#adm form#adm_licenciado input#ativar:checked ~ span#ativado{
  display:block !important;
  background:#26b11a;
}
section#adm form#adm_licenciado input#ativar:checked ~ span#desativado{
  display:none !important;
}
section#adm div#cores  div.picker{
  display:block;
  margin:10px 0px 0px 0px;
  padding:5px 0px;
  /background:#fff;
}
section#adm div#cores div.farbtastic{
  margin:0px auto !important;
}
section#adm div#cores input.picker{
  /color:#797979 !important;
}

section#adm form#adm_licenciado .box{
  background:#f7f7f7;
  border:1px solid #d6d6d6;
  border-radius:2px;  
  padding:10px 15px 10px 15px;
}
@media(max-width:768px){
  section#adm form#adm_licenciado .box{
    margin:0px 0px 15px 0px;
  }
}
section#adm form#adm_licenciado  input,
section#adm form#adm_licenciado  textarea{
  /color: #00a500;
  text-align:left;
  font-size:14px;
  font-weight:bold;
}
section#adm form#adm_licenciado  input::placeholder,
section#adm form#adm_licenciado  textarea::placeholder{
  color:#b5b5b5 !important;
  text-align:left;
  font-size:14px;
  font-weight:normal;  
}

section#adm form label#label_logo{
  display:block;
  margin:0px auto !important;  
  text-align:center;
  font-size:13px;  
  font-weight:600 !important;
}
section#adm form img#preview_logo{
  width:100%;
  max-width:380px;
  height:150px !important;
  display:block;
  margin:0px auto !important;
  border:2px solid #b3b3b3;
}
section#adm form img#preview_favicon{
  width:16px !important;
  height:16px !important;
  display:block;
  margin:0px auto !important;
  /border:2px solid #b3b3b3;
}
section#adm form label#upload_btn{
  margin:3px auto 10px auto !important;
  padding:7px 0px;
  background:#404040;
  color:#FFFFFF;
  text-align:center;
  border-radius:3px;
  cursor:pointer;
  width:100%;
  max-width:380px;
  text-align:center;
  display:block;
}
section#adm form label#upload_btn:hover{
  opacity:0.9;
}
section#adm form#adm_licenciado img.banner{
  width:100% !important;
  max-width:350px;
  /height: min-content!important;
  display:block;
  margin:0px auto ;
}
section#adm form#adm_licenciado img.plano{
  width:100% !important;
  max-width:200px;
  display:block;
  margin:0px auto ;
}
section#adm form#adm_licenciado img.palma{
  width:100% !important;
  max-width:700px;
  display:block;
  margin:0px auto ;
}
section#adm form#adm_licenciado img.vantagem{
  width:100% !important;
  max-width:70px;
  display:block;
  margin:0px auto ;
}
section#adm form#adm_licenciado label.promo{
  text-align:center;
}
section#adm form#adm_licenciado img.promo{
  width:100% !important;
  max-width:500px;
  height:auto;
  display:block;
  margin:0px auto ;
  box-shadow:0px 0px 10px #cecece;
}
section#adm hr{
  margin:30px auto 30px auto ;
  width:80%;
}
section#adm form#adm_licenciado button.salvar{
  text-align:center;
  display:block;
  margin:20px auto !important;
  padding:10px 80px;
  background:#0096dc;
  color:#ffffff;
  text-align:center;
  border-radius:30px;
  border:0px solid #0096dc;
  cursor:pointer;
  font-size:20px;
  font-weight:bold;
  /box-shadow:0px 2px 0px #003e5a;  
  /float:right;
  transition:all 0.3s ease;
}
section#adm form#adm_licenciado button.salvar:hover{
  opacity:1;
  /color:#0096dc;
   background:#00547b;
   transition:all 0.3s ease;
}
section#adm form#adm_licenciado button.reset_btn{
  text-align:center;
  display:block;
  margin:20px auto !important;
  padding:10px 80px;
  background:#32a500;
  color:#ffffff;
  text-align:center;
  border-radius:3px;
  border:0px none ;
  cursor:pointer;
  font-size:20px;
  font-weight:bold;
  /box-shadow:0px 2px 0px #003e5a;  
  /float:right;
  transition:all 0.3s ease;
}
section#adm form#adm_licenciado button.reset_btn:hover{
  opacity:1;
  /color:#0096dc;
   background:#237300;
   transition:all 0.3s ease;
}

section#adm #aviso{
   background:#636363; 
   text-align:center;
   display:table;
   padding:0px 0px;
   margin:0px auto 40px 0px;     
   width:100% !important;   
   cursor:pointer;
   /border-bottom:2px solid #dcdcdc;
   border-radius:8px;
}
section#adm #aviso #titulo{
   background:#a22d2d;
   font-family:Roboto Slab, serif;
   width:100%;
   /max-width:350px;
   font-size:18px;
   display:block;
   font-weight:bold;
   text-transform:uppercase;
   margin:0px auto 0px auto;
   border:none;
   border-radius:5px 5px 0px 0px;
   transition:all 0.3s ease;
}
section#adm #aviso .subtitulo{
   display:block;
   /background:#005175;
   font-family:Roboto, sans-serif;
   font-size:13px;
   font-weight:normal;
   margin:0px auto 0px auto;
   padding:0px;
   text-transform:none;
}
section#adm #aviso #titulo:hover{
   background:#8e1b1b;
   transition:all 0.3s ease;
}
section#adm #aviso #titulo:hover .subtitulo{
   /background:#c1272c;
   transition:all 0.3s ease;
}
section#adm #aviso > div{
   background:#ffffff;
   border:2px solid #a22d2d;  
}
section#adm #aviso #texto{
  /background:#237fa9;
  display:block;
  padding:20px 5px;     
}
section#adm #aviso #texto li{
   color:#383838;
   font-size:15px;   
   font-family:ARIAL;
   font-weight:nromal;
   text-align:left;
   list-style-type:decimal; 
   margin:0px 20px;  
}
section#adm #aviso a#tutorial{
  /background:#321587;
   color:#272727;
   font-weight:bold;
   font-size:12px;
   margin:15px auto 0px auto;
   padding:0px 0px 0px 0px;
   display:table;
   text-decoration:none;
   position:relative;
   transition:all 0.3s ease;
}
section#adm #aviso a#tutorial img{
   width:100%;
   max-width:450px;
   margin:0px auto 0px auto;
   border:5px solid #e0e0e0;
   /border-radius:155px;
   transition:all 0.3s ease;
}
section#adm #aviso a#tutorial:hover img{
    opacity:0.98;
    transition:all 0.3s ease;
    border:5px solid #8c8c8c;
}
section#adm #aviso a#tutorial i{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   background:url("../images/icon_plus.png") center center no-repeat;
   background-color:#00000061;
   color:#ffffff;
   font-size:4.7vw;
   opacity:0;
   transition:all 0.3s ease;
}
section#adm #aviso a#tutorial:hover i{
   opacity:1;
   transition:all 0.3s ease;
}
section#adm #aviso a#tutorial .txt{
   margin:3px 0px 0px 0px;
   display:block;
   font-size:16px;
}
section#adm #aviso a#tutorial span.txt i#icon{
  position:initial !important;
  opacity:1;
  color:#272727;
  font-size:12px;
  text-shadow:none;
   display:initial;
   margin:0px 5px 0px 0px;
}

section#adm div#divisor div.carossel_editor,
section#adm div#divisor div.slideshow_editor{
  /background:#bdc9fffc;
  padding:0px 60px;
}
section#adm .owl-carousel .owl-nav button.owl-next,
section#adm .owl-carousel .owl-nav button.owl-prev{
  background:#252525 !important;
  color:#ffffff;
  font-size:65px !important;
  /line-height:0px !important;
  /border-radius:50px;
  position:absolute;
  padding:8px 15px 15px 15px !important;
  border:none !important;
}
section#adm .owl-carousel .owl-nav button.owl-prev{
  float:left;
  left:0;
  top:40%;
}
section#adm .owl-carousel .owl-nav button.owl-next{
  float:right;
  right:0;
  top:40%;
}


section#adm form#adm_licenciado input.note-btn{
  color:#ffffff !important;
}
section#adm form#adm_licenciado span#img_upload{
  background:#fff;
  border:2px solid #0096dc;
  text-align:center !important;
  display:block;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
section#adm form#adm_licenciado span#img_upload img{
  max-width:170px;
  /border:1px solid #000;
  margin:20px auto 0px auto;
}
section#adm form#adm_licenciado label#upload_btn{
  width:100%;
  max-width:180px;
}
section#adm form#adm_licenciado span#img_upload #titulo{
  font-weight:bold;
  font-size:16px;
  display:block;
  padding:10px 0px 10px 0px;
  margin:0px 0px 0px 0px;
  background:#0096dc;
  color:#000000 !important;
  text-transform:uppercase !important;
}
section#adm form#adm_licenciado span#img_upload #subtitulo{
  color:#ffffff !important;
  font-size:18px;
  font-weight:normal;
  text-transform:lowercase !important;
}
section#adm form#adm_licenciado span#img_upload .aviso{
  /background:#2b0000;
  /border:1px solid #f00;
  color:#333333 !important;
  font-weight:normal;
  font-size:14px;
  text-align:;
  padding:10px 8px;
  margin:15px 0px 10px 0px;
  display:block;
  text-align:left;
}
section#adm form#adm_licenciado span#img_upload .aviso strong{
  text-align:center;
  display:block;
  margin:0px 0px 5px 0px;
}
@media(max-width:768px){
  section#adm form#adm_licenciado span#img_upload .aviso{
    text-align:center;
  }
}



section#adm.google div.arquivo input#google_files{
  margin:10px  0px;
}
section#adm.google div.arquivo label,
section#adm.google div.arquivo input#google_files{
  text-align:left !important;
}
section#adm.google h3{
  text-align:center;
}
section#adm.google a.google{
  display:block;
  text-align:center;
}

#content_editor .reset_aviso{
   text-align:center;
   display:block;
   padding:15px 20px;
   margin:10px auto 10px auto;
   background:#32a500;
   color:#ffffff;
   font-size:15px;
   border-radius:3px;
   width:100% !important;
   max-width:350px;
}



/*-------------------------------------------------------*/
/* MENU EDITOR 
/*-------------------------------------------------------*/
input.menulateral[type="checkbox"]:checked ~ #menu_editor ul#nav_adm {
   opacity:0;
   transform: translateX(-200px);
   transition:all 0.3s ease;
}
ul#nav_adm{
   margin:66px auto 0px 0px;
   padding:0px 0px 0px 0px;
   /background:#737373;
   width:100%;
   max-width:168px;
   /position:fixed;
   /top:35px;
   /left:0;
   z-index:999;
   opacity:1;
   transform: translateX(0);
   transition:all 0.8s ease;
}
@media(max-width:768px){
  ul#nav_adm{    
    margin:0px 0px 0px 0px;
    background:none;
    max-width:200px;
  }
}
ul#nav_adm img#logo{
   width:168px;
   height:66px;
}
ul#nav_adm div#titulo_menu{      
  width:100%;
  margin:0px auto;  
  padding:0px 0px 0px 0px ;
  display:block;
}
ul#nav_adm div#titulo_menu span.titulo{      
   background-color:#006898;
   color:#FFFFFF;
   font-weight:bold;
   font-size:15px;  
   text-decoration:none;
   /text-transform:uppercase;
   margin:0px auto !important;
   transition:all 0.3s ease;
   text-align:center;
   padding:10px 0px 8px 0px;
   display:block;
   border-top:1px solid #171717;
   /border-bottom:1px solid #171717;
   text-shadow:1px 1px 1px #333333;
   cursor:pointer;
}
@media(max-width:768px){
  ul#nav_adm div#titulo_menu span.titulo{    
    background-color:#000000 !important;
  }
}
ul#nav_adm div#titulo_menu span.titulo:hover{    
    background-color:#0096dc !important;
}

ul#nav_adm div#titulo_menu span.titulo i{      
   font-size:10px;
   font-weight:normal;  
   padding:0px 0px 0px 8px !important;
   transition:all 0.2s ease;
   position:ab;
}
ul#nav_adm div#titulo_menu span.titulo:hover i{      
   transform: rotate(90deg) translate(-3px, -4px);
   transition:all 0.2s ease;
}
ul#nav_adm li{   
  margin:0px auto;   
  background:#333333;
  border-bottom:0.2px solid #2b2b2b;
  border-radius:none;
  width:100%;
  height:35px;
  display:flex;
}
@media(max-width:768px){
  ul#nav_adm li{   
    background:none;
    /border-bottom:none;
  }
}
ul#nav_adm li a{
  /background:#1e820a;
  color:#FFFFFF;
  font-weight:normal;
  font-size:14px;
  text-decoration:none;
  transition:all 0.3s ease;
  border-radius:none;
  width:100%;
  padding:8px 0px 6px 8px;
  display:block;
}
ul#nav_adm li a:hover{
  background:#0096dc;
  transition:all 0.2s ease;
}
ul#nav_adm li a i{
  color:#fff;
  opacity:0;
  font-size:10px;
  margin:0px 5px 0px 0px;
  transition:all 0.3s ease;
}
ul#nav_adm li a:hover i{
  opacity:1;
  margin:0px 9px 0px 0px;
  transition:all 0.3s ease;
}
ul#nav_adm li#sair{   
  background:#000000;
  border:none !important;
}
ul#nav_adm li#sair a{   
   border-top:1px solid #171717;
   font-size:16px;
   padding:8px auto 8px auto;
   text-align:center;
}
ul#nav_adm li#sair a:hover{   
  background:#1b1b1b;
}
ul#nav_adm li#sair a i{   
  opacity:1;
  font-size:16px;
}
@media(max-width:768px){
  ul#nav_adm li.submenu,
  ul#nav_adm li.submenu2,
  ul#nav_adm li.submenu3{
    display:none;
    }
}

/*-------------------------------------------------------*/
/* AREA EDITOR
/*-------------------------------------------------------*/

section#area_editor{
    padding:20px 0px 30px 0px;
}
section#area_editor form{
   text-align:center;
   display:block;
   padding:30px 30px 40px 30px;
   margin:0px 0px 0px 0px;   
   border-radius:5px;
   border:1px solid #bbbbbb;
   box-shadow:0px 0px 15px #d2d2d2;
   background:url("../images/form_bg.jpg") center center no-repeat;
   background-size:cover;
   background-color:#ffffff !important;
}
@media(max-width:768px){
  section#area_editor form{
     margin:30px 0px 0px 0px;
  }
}
section#area_editor form span#titulo{
   text-align:center;
   display:block;
   margin:0px 0px 20px 0px;
   font-size:35px;
   color:#555555;
}
section#area_editor form p{
   text-align:center;
   display:block;
   margin:0px 0px 10px 0px;
   font-size:16px;
}

section#area_editor input{
   margin:0px auto !important;
}
section#area_editor .button{
  background:#ff0000;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border-radius:25px;
  border:none;
  padding:10px 0px;
  margin:20px auto 0px auto !important;
  width:100%;
  display:table;
  text-transform:uppercase;
  transition:all 0.3s ease;
}
section#area_editor .button:hover{
  opacity:0.8;
  transition:all 0.3s ease;
}

section#area_editor .aviso{
   text-align:center;
   display:block;
   padding:15px 20px;
   margin:0px auto 10px auto;
   background:#ce0000d4;
   color:#ffffff;
   font-size:15px;
   border-radius:3px;
   /border:1px solid #000000;
   width:100% !important;
   max-width:350px;
   top:155px;
   /position:absolute;
   z-index:99;
}
section#area_editor .aviso .titulo{
   color:#ffffff;
   font-size:17px;
   display:block;
   font-weight:bold;
}