/* GERAL */
html{
  padding:0;
  margin:0;
  vertical-align:baseline;
  list-style:none;
  border:0;
}

.no-padding{ padding: 0px; }
.clear{ clear: both; }
.float-right{ float: right; }
.float-left{ float: left; }

.form-step{
  border-radius: 100px;
  padding: 3px 7px;
}

.no-margin {
  margin: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.conteudo-pagina .page-header b{ padding-bottom: 9px; }
.conteudo-pagina{ 
  text-align: justify;
  padding: 0 5vw; 
}

.botaoCarousel{
  color: #23527c !important;
  border-color: #23527c !important;
  background-color: #23527c !important;
}
.botaoCarousel.active{
  color: #ff890a !important;
  border-color: #ff890a !important;
  background-color: #ff890a !important;
}

.politica-texto thead tr{
  background-color: #23527c;
  color: #ff890a !important;
}

.politica-texto thead td:nth-child(2),
.politica-texto thead td:nth-child(1){
  border-right: 1px solid #ff890a !important;
}

.politica-texto thead tr,.politica-texto thead td{
  border: 1px solid #23527c !important;
  border: 1px solid #23527c !important;
}

.politica-texto tbody tr,.politica-texto tbody td{
  border: 1px solid #000;
}

.form-step{
  color: #23527c;
  background: #fff; /* For browsers that do not support gradients */
  border: 1px solid linear-gradient(to bottom right, #8db8ce, #5e727b); 
  background: -webkit-linear-gradient(left top,      #8db8ce, #5e727b); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,       #8db8ce, #5e727b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,     #8db8ce, #5e727b); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(to top left, #3aaed1, #124565); /* Standard syntax */    
  background: linear-gradient(to top left, #c3e2ef, #f4fcff); /* Standard syntax */    
}

a{ color: #23527c; }
a:hover{ color: #ff890a; }

.header{
  background: #ecf3f6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #ecf3f6, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,  #ecf3f6, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,#ecf3f6, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,  #ecf3f6, #fff); /* Standard syntax */    
  color: #23527c;
}
.header .dropdown-menu{ background: #fff; }

.header .dropdown-menu .divider,
.header .dropdown-menu a{
  border-right: 5px solid #23527c;
}
.header #topo-contato span,
.dropdown-menu a{
  color: #23527c;
}

form .btn-primary, .btn_email_revenda, .btn_contato_revenda{
  border-color: #23527c !important;
  background-color: #23527c !important;
}

form .btn-primary:hover, .btn_email_revenda:hover, .btn_contato_revenda:hover{
  border-color: #ff890a !important;
  background-color: #ff890a !important;
}

.header .dropdown-menu a:hover{
  border-right: 5px solid #ff890a;
}

.footer #voltar-topo,
.header #navbar .nav .open .dropdown-toggle{
  background-color: #23527c;
  color: #fff;
}

#conteudo #carousel_solucoes .item-solucao:hover h3,
.header #navbar li .dropdown-menu a:hover,
.header #navbar li a:hover{
  color: #ff890a;
}

.header #navbar li .dropdown-menu a:hover{
  border-right: solid 5px #ff890a;
}
.header #navbar li a:hover{
  background-color: transparent;
  border-bottom: solid 5px #ff890a;
}

.footer #voltar-topo span{
  border: solid #fff;
}

.topo-mobile .page-header,
#pag-inicial-revenda .pag-inicial-texto,
#pag-inicial-topo .pag-inicial-texto{
  background-color: #00000083;
  color: #fff;
}
.menu_pagina li a,
#pag-inicial-revenda a { color: #fff; }

#conteudo #carousel_solucoes .item-solucao:hover .span-saiba b{
  background-color: #ff890a;
  color: #fff;
}


#termos_cookies a{ color: #ff890a; }

#termos_cookies{
  color:#fff;
  background-color: #23527c;
  border-color: #23527c;
}

#termos_cookies button,
#conteudo #carousel_solucoes .item-card .span-saiba b{ 
  background-color: #23527c;
  border-color: #23527c;
  color: #fff;
}

#termos_cookies button:active{ 
  box-shadow: #00000025 0px 30px 60px -12px inset, #00000025  0px 18px 36px -18px inset;
  background-color: #ff890a;
  border-color: #ff890a;
}


#conteudo #carousel_solucoes .item-solucao:active .span-saiba b{
  box-shadow: #00000025 0px 30px 60px -12px inset, #00000025  0px 18px 36px -18px inset;
}

#termos_cookies button:hover{ background-color: #ff890a; }

.carousel-indicators li{ background-color: #23527c; }

.menu_pagina li{
  border: 1px solid #23527c;
  background-color: #23527c;
  color: #fff; 
}
.menu_pagina li:hover{
  border: 1px solid #ff890a;
  background-color: #ff890a;
  color: #fff; 
}

.page-header a{ color: #333; }

.nav-tabs-custom .nav-tabs .active a { color: #ff890a !important; }
.nav-tabs-custom .nav-tabs .active{ border-bottom: #ff890a solid 3px; }

.nav-tabs-custom .nav-tabs a{ color: #23527c !important; }
.nav-tabs-custom .nav-tabs{ border-bottom: #23527c solid 3px; }

.nav-tabs-custom li:hover, .nav-tabs-custom li:hover a{
  color: #6098c1 !important;
  background-color: transparent;
  border-bottom: #6098c1 solid 3px;
}
.topo-mobile .page-header hr{ border-bottom: 1px solid #fff; }

.pag-inicial-texto .page-header,
#carousel_solucoes .page-header,
#carousel_clientes .page-header,
#carousel_parceiros .page-header,
.conteudo-pagina .page-header{ border-bottom: solid 3px; }

.img-cenario h4{ 
  background-color: #23527c; 
  color: #fff; 
  border-top: 3px solid #23527c; 
}

form .form-numero{
  background-color: #23527c;
  color: #fff;
}
  
.header{
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.header{ top: 0; z-index: 2; position: relative; }
.header .navbar{ margin: 0% 0px; }
.header .navbar-right{ position: relative; top: 5px; }
.header button{ padding: 10px; }
.header img{ height: 100%; width: auto; }
.header #navbar li a,
.header #navbar .dropdown-menu li a{ 
  font-weight: bold;
  padding: 10px;
}
.header .dropdown-menu{
  padding: 0;
  border: 0;
}
.header .dropdown-menu .divider{ margin: 0; }
.header .dropdown-menu a{
  padding: 10px;
  font-weight: normal !important;
}
.header #navbar li #menu_email,
.header #navbar li #menu_whats,
.header #navbar li #menu_face{ 
  float:left;
  padding: 6px 10px 0 10px;
}
.header #navbar li #menu_insta{ 
  float:left;
  padding: 6px 0px 0 10px; 
}
.header #topo-contato span{ 
  text-align: right;
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
 }

.header #navbar li .dropdown-menu a:hover{
  border-bottom: none;
  font-weight: bold;
}

.header #navbar ul .open a:visited{ background-color: transparent; }
.header #navbar ul .open a:hover{ border-bottom: none; }

.header #navbar li a:hover{ padding-bottom: 10px; }

.header #navbar li #menu_email img,
.header #navbar li #menu_whats img,
.header #navbar li #menu_face img, 
.header #navbar li #menu_insta img,
#footer_face img,#footer_insta img,
#footer_whats img{
  height: 28px; 
  width: 28px
}

.header #navbar li #menu_email:hover,
.header #navbar li #menu_insta:hover,
.header #navbar li #menu_face:hover,
.header #navbar li #menu_whats:hover,
#footer_face:hover, 
#footer_face:hover, 
#footer_whats:hover{
  border-bottom: none;
  text-decoration: none;
}

/* FOOTER */
/* .footer{ 
  position: absolute; 
  bottom: 0; 
  height: 35vh;
  max-height: 35vh;
  padding-top: 20px;
  
}
.footer hr{ margin: 5px 0; }
.footer #direitos{ text-align: center; margin-top: 5px; }
.footer ul{ padding: 0; }
.footer ul li{ list-style-type: none; padding: 5px 0; }
.footer .titulo_menu_footer{ font-weight: bold; font-size: 12pt; }
.footer img{ height: 25px; margin-bottom: 10px; }

.footer #voltar-topo span{
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.footer #voltar-topo{
  padding: 10px;
  padding: 13px 16px;
}

#footer_face, #footer_whats{ padding: 10px 10px 0 10px; }
#footer_insta{ padding: 10px 0px 0 10px; } */

/* CONTEUDO */
.topo-mobile img { width: 100%; }
.topo-mobile .page-header{
  padding: 50px 5vw;
  margin: 0;
}
.topo-mobile .page-header b{
  padding-left: 15px;
}

.topo-mobile {
  background-position: 63% 31%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 20px
}

/* INDEX */


/* INDEX - TOPO */
#pag-inicial-topo{ 
  background-image: url('../../imagens/im.jpeg'); 
  background-position: 63% 31%;
  background-size: 100%;
  height: 500px;
  background-repeat: no-repeat;
}

#pag-inicial-topo .pag-inicial-texto{
  width: 100%;
  font-size: 15pt;
  height: 100%;
  padding: 10% 0 2% 5vw;
}

/* INDEX - PARCEIROS */ 

#pag-inicial-revenda .pag-inicial-texto{
  width: 100%;
  height: 100%;
  padding: 2% 0 2% 5vw;
}
#pag-inicial-revenda{
  background-image: url('../../imagens/im2.jpg'); 
  background-position: 63% 45%;
  height: 200px;
  background-size: 100%;
  background-repeat: no-repeat;
}



/* INDEX - MEDIA QUERY */
@media (max-width: 440px) {
  #conteudo #carousel_clientes img{ width: 100%; }
  #conteudo #carousel_parceiros img{ width: 100%; }
}


@media (max-width: 991px) {
  #pag-inicial-topo{ 
    background-position: 68% 31%;
    background-size: 115% 100%;
  }
  #pag-inicial-revenda{
    height: 200px;
    background-position: 44% 31%;
    background-size: 100% 100%;
  }
  #pag-inicial-topo .pag-inicial-texto,
  #pag-inicial-revenda .pag-inicial-texto{ width: 100%; }
  #pag-inicial-revenda .pag-inicial-texto{ padding: 1% 0 2% 5vw; }
}

/* INDEX - CLIENTES */
#conteudo #carousel_clientes,
#conteudo #carousel_parceiros,
#conteudo #carousel_solucoes {
  padding-left: 5%;
  padding-right: 5%;
}


/* INDEX - SOLUCOES */
/* #conteudo #carousel_solucoes img{
  width: 200;
  height: 120px;
  margin: 15px;
} */

#conteudo #carousel_solucoes .index-solucao-item{ margin-bottom: 4.5vh; } 


#conteudo #carousel_solucoes .item-maior .item-card .descricao{ min-height: 200px; }

#conteudo #carousel_solucoes .item-card .span-saiba b{ 
  padding: 5px 10px;
  border: solid 1px;
  border-radius: 5px;
}

#conteudo #carousel_solucoes .item-card .descricao{ 
  min-height: 100px;
  text-align: justify;
  padding: 10px 25px;
}

.pagina-solucoes .item-card{ min-height: 50vh; }


#conteudo #carousel_solucoes .item-solucao{ 
  text-decoration: none; 
  text-align: center; 
}

.item-solucao .span-saiba{
  margin-bottom: 2vh;
}

.item-solucao .descricao{
  text-align: center;
  min-height: 12vh;
  min-height: 12vh;
  padding: 10px;
}

/* INDEX - PARCEIROS */
#conteudo #carousel_parceiros img{  min-height: 50px; margin: 15px 0; }

/* HOTSPOT */
.menu_pagina{ padding: 0; }

.menu_pagina li a{ text-decoration: none; }

.menu_pagina li{
  text-decoration: none;
  padding: 5px 30px;
  margin-bottom: 2px;
  list-style-type: none;
  border-radius: 5px;
}

/* LISTAGEM DE PRODUTO */
.listagem_produto-descricao{ text-align: justify; }
.produto_servico-texto{ text-align: justify; }

/* EMPRESA */
.empresa-texto{ text-align: justify; }
.empresa-texto a{ text-decoration: none; }
.empresa-rede-social{ margin: 0 15px; }

#topo_email, #topo_face, #topo_insta, #topo_whats{ padding: 5px; margin: 5px; }
#topo_email img, #topo_face img, #topo_insta img, #topo_whats img{ height:28px; width:28px }

.lista-lgpd{ list-style-type: decimal; }

@media (min-width: 991px) {
  .img_servicos{ position: relative; top: 50px; }
}

.revenda_espacamento{ text-align: center; padding: 21px 10px; }
.btn_email_revenda, .btn_whats_revenda{ padding: 3px 12px !important; }
.btn_email_revenda img{ width: 29px !important; height: 28px !important;margin-left: 2px; }
.btn_whats_revenda{ background-color: #4caf50; border-color: #4caf50; }
.btn_whats_revenda:hover{ background-color: #3c863f; border-color: #3c863f; }
.btn_whats_revenda:active{ background-color: #3c863f !important; border-color: #3c863f !important; }


.icone-infor{
  width: auto;
  height: 23px;
  margin-right: 9px;
}

/* FORMULARIO */
form img{
  position: relative;
  top: -3px;
}

form .form-numero{
  padding: 5px 10px;
  border-radius: 100%;
}
form input[type='radio']{ margin-bottom: 10px; }
form .enviar{ width: 100%; font-weight: bold; }
.form-bloco{ padding: 15px 0; clear: both; }
.form-grupo{ margin-bottom: 20px; clear: both; height: auto; }
.form-politica-privacidade{ 
  margin-bottom: 20px;
  font-size: 85%;
  font-style: italic;
}
form .form-dica{
  position: relative;
  top: -5px;
}

/* COOKIES */
#termos_cookies{
  display: none;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 2.5%;
  width: 296px; 
  padding: 1%;
  min-height: 100px;
  border-radius: 5px;
}


#termos_cookies a{
  font-size: 10pt;
  float:left;
  position: relative;
  top: 15px;
  font-weight: bold;
}

#termos_cookies button{
  float:right;
  padding: 5px 10px;
  border: solid 1px;
  border-radius: 5px;
}

/* POLITICA DE PRIVACIDADE */
.politica-texto p,
.politica-texto ol li{
  text-align: justify;
}

.politica-texto ol li{
  color: #333 !important;
  border-color: transparent !important;
  background-color: transparent !important;
}

.politica-texto table{ width: 100%;}

.politica-texto table,
.politica-texto tr,
.politica-texto td{
  padding: 10px 5px;
}

.politica-texto thead tr{
  font-weight: bold;
}

.politica-menu img{ 
  width: 100%;
  height: auto;
}

.politica-menu{ 
  position:fixed;
  width: 10%;
}
.politica-lista li{ margin-bottom: 5px; }
.politica-lista{ padding-left: 15px; }


#informacoes-coletadas, #como-usamos, #uso-cookies, #desativar-cookie, 
#uso-informacao, #tempo-dados, #protecao-dados, #direitos, #contratacao, 
#mudancas{ scroll-margin-top: 90px; }

/* TABS */
.tab-content{ margin-top: 10px; }

.nav-tabs-custom .nav-tabs .active{ margin-bottom: -3px; }

.nav-tabs-custom li:hover{  margin-bottom: -3px; }

.nav-tabs-custom .nav-tabs{ margin: 0; }

.nav-tabs-custom .nav-tabs a{
  margin-right: 0;
  font-weight: bold;
  border: 0 !important;
}
/* CENARIO FIREWALL */
.img-cenario{ margin-top: 30px; }
.img-cenario img{ width: 100%; margin-bottom: 50px;}
.img-cenario h4{ padding: 5px 10px; border-radius: 5px; }
/* .desc-cenario{ font-size: 10pt; }   */

@media only screen and (max-width: 600px) {
  .img-blog-detalhar {
    max-height: 100px;
    height: 100px;
    min-height: 100px;
  }
}

.img-blog-index {
  max-height: 100px !important;
  height: 100px !important;
  min-height: 100px !important;
}

.img-blog-detalhar {
  max-height: 220px !important;
  height: 220px !important;
  min-height: 220px !important;
}

.font-blog-data {
  font-size: 11pt;
  word-break: break-all;
  line-break: anywhere;
}

#blog-detalhar-imagem {
  text-align: center;
}

#blog-detalhar-data {
  margin-bottom: 10px;
}

#blog-detalhar-texto {
  word-wrap: break-all;
}
#indicadorCarousel {
  clear: both;
  padding-bottom: 40px;
}