/* Indice de estilo

** Estilos Comuns **
1. Corpo
2. Menu Redes Sociais
2. Menu Navegação
3. Rodapé */

 /* === Fontes ===
    ** Roboto Rubik Teko **/
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap');

 /* === Fontes === */

/** Estilos Comuns */
hr{margin-top: -30px;}
h1{font-family: 'Teko', sans-serif; z-index:2;}
h2{font-family: 'Teko', sans-serif; z-index:2;}
h3{font-family: 'Teko', sans-serif; z-index:2;}
h4{font-family: 'Teko', sans-serif; z-index:2; font-size: 14pt;}
h5{font-family: 'Teko', sans-serif; z-index:2;}
/*.linkInterno:before {
	content: url("../images/png/share-link.png");
	display: block;
	text-align: center;
}*/
.linkInterno  {
	text-decoration: none;
}
.linkInterno :hover {
	text-decoration: none;
}

html {
  font-size: 16px; /* Tamanho base */
}

/* === Corpo === */
body{
    font-family: 'Rubik', sans-serif;
    background: #ffffff;
    background-color: #ffffff;
}
/* === Corpo === */

/* === Menu Redes Sociais === */
.navbar-nav-esquerda {
  margin-left: auto;
  align-items: flex-start;
  text-align: right;
}
.navbar-nav-direita {
  margin-left: auto;
  /*align-items: flex-start;*/
  align-items: flex-end;
  text-align: right;
}
.social_head {background-color:#263238;}
.social_head_menu {margin:5px auto 0 auto; list-style-type:none; text-align:right;color:#CCC;}
.social_head_menu a { color:#CCC;margin-left: 5px;padding-left:10px; padding-top:5px; float:right;}
/*
.social_head_ul { display:table; margin:5px auto 0 auto; list-style-type:none; text-align:right;}

.social_head_ul li { padding-left:20px; padding-top:5px; float:right; }
.social_head_ul li a { color:#CCC;}
.social_head_ul li i { width:20px; height:20px; text-align:right;}*/
/* === Menu Redes Sociais === */

/* === Atrasar imagens fora da tela === */
.lazy {
  opacity: 0;
  transition: opacity 0.3s;
}

.lazy.loaded {
  opacity: 1;
}
/* === Atrasar imagens fora da tela === */

main{
  width:100%;
}
/* === menu === */

.Missao{
  min-height: 250px;
}
/* === Aba Produtos === */
.por_produto{
  text-align: center;
}

.card_Produto{
  max-height: 164px;
  text-align: center;
}

.Imagem_Produto_index{
  max-width: 90px;
  text-align: center;
}

/* === Aba Produtos === */


/* === Maquinas === */
.PrimeiraLinhaMedidas{
  font-size:small;
  font-family: 'Teko', sans-serif;
}
.SegundaLinhaImagemMedidas{
  float: left;
  margin-top: -15;
  margin-left: -20;
  margin-right: 20;
  font-stretch:condensed;
}
.SegundaLinhaMedidas{
  font-size:small;
  font-family: 'Teko', sans-serif;
  color:#FF8738;
  top: -30px;
  float: left;
  margin-top: -5;
}

.card_Maquina{
  min-height: 407px;
}

.produtos{
  text-align: center;
  position: relative;
  float: center;
}
.descrText{
  font-size: 12pt;
}

.blocoinformacoes{
  min-height: 400px;
}

.fotomaquina{
  float: left;

  margin-top: -45px;

}

.foto-destaque{
  padding: 10px;
}

.bt-video{
  top: 5px;
  /*background-color: #007BB2;*/
  border-radius: 0px 10px 10px 0px;
  width: 200px;
  height: 65px;
  vertical-align: middle;
  padding: 10px;
  padding-top: 20px;
  font-weight: bold;
  color: beige;
  margin-bottom: 10px;
  cursor: pointer;
  background-image: url("https://www.golpack.com.br/images/png/BotaoVideoPrincipal.png");
}

.linkPDF:after{
  text-decoration: none;
  color: #08081b;
  content: url("https://franklink.com.br/golpack/images/png/icone/abrir-link.png");
  width: 10px;
  height: 10px;
  vertical-align: middle;
}

.linkPDF:before{
  text-decoration: none;
  color: #08081b;
  content: url("https://franklink.com.br/golpack/images/png/icone/pdf.png");
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
.linkPDF{
  text-decoration: none;
  color: #08081b;
  vertical-align: middle;
}
.linkPDF:hover{
  text-decoration: none;
  color: #1b1b50;
}
/* === Maquinas === */

/* === por maquinas === */

/* === Rodapé  === */
footer {width:100%; background-color:#263238; min-height:250px; padding:15px 0px 15px 0px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}
.col_white_amrc { color:#FFF;}

.redes-sociais-rodape{margin-right: 0px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none; margin-right: 15px;text-align:center; margin-left: 10px;}/**/
.social_footer_ul { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px; margin-left: -5px;}
.social_footer_ul li { padding-left:10px; padding-top:10px; float:left; }
/*.social_footer_ul li { padding-left:10px; padding-top:10px; float:right; }*/
.social_footer_ul li a { color:#CCC;}
/*.social_footer_ul li i { width:20px; height:20px; text-align:center;}
.social_footer_ul li i { width:20px; height:20px; text-align:center;}*/

.assinatura_footer_ul { display:table; margin:5px auto 0 auto; list-style-type:none;  }
.assinatura_footer_ul li { padding-top:10px; float:left; }
.assinatura_footer_ul li a { color:#CCC;}
.assinatura_footer_ul li i { height:5px; text-align:center;opacity: 0.3;color:#CCC;}
/* ===  Rodapé  === */



/* === Index === */

/* === Banner === */
.carousel_index{
  width: 100%;
  max-width: 1500px;
  max-height: 470px;
  margin-left: 2rem;
  border-radius: 5px;
   -webkit-transform: skew(-20deg); /* Chrome, Opera */
      -ms-transform: skew(-20deg); /* IE */
          transform: skew(-20deg); /* Padrão */
}
.bannerfrank{
  -webkit-transform: skew(20deg); /* Chrome, Opera */
  -ms-transform: skew(20deg); /* IE */
      transform: skew(20deg); /* Padrão */
     background-size: contain;
     background-position: 150px 5px;
     margin-top: -10;
}

.Titulo_Banner_Index{
  font-size:36pt;
  color: #3D3B72;
  margin-left: 550px;
  font-weight: bolder;
  margin-top: 10;
  z-index: 15;
  float: left;
}

.SubTitulo_Banner_Index{
  font-size:30pt;
  color: #F26000;
  margin-left: 550px;
  font-weight: bolder;
  z-index: 15;
  float: left;
}

.Bt_Banner_Index{
  background: #0c334d;
  background-image: -webkit-linear-gradient(top, #0c334d, #e3e3e3);
  background-image: -moz-linear-gradient(top, #0c334d, #e3e3e3);
  background-image: -ms-linear-gradient(top, #0c334d, #e3e3e3);
  background-image: -o-linear-gradient(top, #0c334d, #e3e3e3);
  background-image: linear-gradient(to bottom, #0c334d, #e3e3e3);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  z-index: 15;
  float: left;
  margin-left: 550px;
}

.Bt_Banner_Index:hover {
  background: #0c334d;
  background-image: -webkit-linear-gradient(top, #0c334d, #7391a6);
  background-image: -moz-linear-gradient(top, #0c334d, #7391a6);
  background-image: -ms-linear-gradient(top, #0c334d, #7391a6);
  background-image: -o-linear-gradient(top, #0c334d, #7391a6);
  background-image: linear-gradient(to bottom, #0c334d, #7391a6);
  text-decoration: none;
  color: #ffffff;
}
/* === Banner === */

.container.quadro-bem-vindo{
  margin-top: 48px;
}

.quadro-bem-vindo h1{
  font-size: 3rem;
  text-align: center;
}

.quadro-bem-vindo p{
  color: #000000;
}

.quadro-bem-vindo .quadro-icones{
  margin-top: 30px;
}

.quadro-bem-vindo .bem-vindo-icones{
  width: 50px;
}

.quadro-bem-vindo .bem-vindo-titulo{
  font-family: 'Teko', sans-serif;
  color: #4d0c0c;
  font-weight: 400;
  font-size: 1.8rem;
}

.quadro-bem-vindo .bem-vindo-texto{
  color: #000000;
  font-size: 1rem;
  margin-top: 20px;
}

.quadro-bem-vindo .conhecamais{
  margin-top: 55px;
}

.quadro-bem-vindo .botao-conhecamais{
  margin-top: 250px;
  font-family: 'Teko', sans-serif;
  color: #000000;
  font-size: 1.3rem;
  border-radius: 50px;
  border-color: #3d3d3d;
  border-style: solid;
  border-width: thin;
  padding: 8 40 8 40;
  height: 30px;
  width: 260px;
  text-decoration: none;
  font-weight: 300;
}

.quadro-bem-vindo .botao-conhecamais:hover{
  font-family: 'Teko', sans-serif;
  color: #000000;
  font-size: 1.3rem;
  border-radius: 50px;
  border-color: #424242;
  border-style: solid;
  border-width: thin;
  padding: 8 40 8 40;
  height: 30px;
  width: 260px;
  text-decoration: none;
  background-color: rgba(145, 145, 145, 0.295);
  cursor: pointer;
  font-weight: 300;
}

.quadro-solucoes-por .index-texto{
  font-family: 'Teko', sans-serif;
  color: #000000;
  font-size: 1rem;
  text-decoration: none;
  filter: grayscale(100%);
}

.quadro-solucoes-por .index-texto:hover{
  font-family: 'Teko', sans-serif;
  color: #000000;
  font-size: 1rem;
  text-decoration: none;
  filter: grayscale(0%);
  -webkit-filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.397));
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.397);
        filter: grayscale(0%);
        -webkit-filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.397));
        filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.397));
}

.IndexTextoProdutos{
  font-family: 'Teko', sans-serif;
  color: #000000;
  font-size: 0.9rem;
  text-decoration: none;
}

.quadro-solucoes-por{
  margin-top: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(left,  #f4f4f4 0%, #d3d3d3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f4f4f4 0%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f4f4f4 0%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d3d3d3',GradientType=1 ); /* IE6-9 */
  /*height: 240px;*/
}


@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
  .quadro-solucoes-por{
    height: 540px;
    min-height: 780px;
  }
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */
  .quadro-solucoes-por{
    height: 540px;
    min-height: 780px;
  }
}
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
  .quadro-solucoes-por{
    height: 540px;
    min-height: 780px;
  }
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
  .quadro-solucoes-por{
    height: 240px;
    min-height: 600px;
  }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
  .quadro-solucoes-por{
    height: 240px;
    min-height: 240px;
  }
 }
@media (min-width:1281px) { /* hi-res laptops and desktops */
  .quadro-solucoes-por{
    height: 240px;
    min-height: 240px;
  }
}


/* === Index === */

a .produtos-destaque-categoria{
  color:#FF8738;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
}

a .produtos-destaque-categoria:hover{
  color:#FF8738;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
  -webkit-filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0));
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0);
  filter: grayscale(0%);
  -webkit-filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0));
  filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0));
}

.maquinas-em-destaque{
  background-color: #30303096;
  margin-top: 25px;
  margin-bottom: 25px;
}

.fotos{
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}


/* parallax */



.parallax.maquinas:before {
  /* requerido */
  content: '';
  /* estilo de preto quase transparente */
  background-color:#000000;
  opacity: 0.6;
  /* posiciona nos limites do elemento pai */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
   }

.parallax.maquinas {
 /* padding-top: 20px;
  background-image: url('../images/jpg/separador/LinhaGolpackEmpacotadoras.jpg');
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 320px;
  z-index: 1;
  position: relative;*/
  margin-top: 35px;
 /* margin-bottom: 35px;*/
}

@media(max-width:570px){
  .parallax.maquinas{
    height: 1650px;
  }
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
  .parallax.maquinas{
    height: 880px;
  }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
  .parallax.maquinas{
    height: 500px;
  }
 }
@media (min-width:1281px) { /* hi-res laptops and desktops */
  .parallax.maquinas{
    height: 500px;
  }
}


 /*
.parallax.maquinas h2:after {
 content: "";
  position: absolute;
  text-align: center;
  border-bottom: 3px solid #e45b00;
  width: 100px;
  top:35px;
  margin-bottom: 10px;
  margin-left: -140px;
  filter: grayscale(0%);
}*/
/* sem parallax em celular */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

/* parallax */

/* parallax */
.parallax:before {
  /* requerido */
  content: '';
  /* estilo de preto quase transparente */
  background-color:#000000;
  opacity: 0.6;
  /* posiciona nos limites do elemento pai */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.parallax {
  padding-top: 20px;
  background-image: url('../images/jpg/separador/LinhaGolpackEmpacotadorasTonsDeConza.jpg');
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 320px;
  z-index: 1;
  position: relative;
}
/* sem parallax em celular */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

/* parallax */

.index_destaque_embalagens{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.index_MenuEmbalagem{
  text-align: center;
  vertical-align: middle;
}

.index_MenuEmbalagem:hover{
  text-shadow: 1px 1px 6px rgb(255, 255, 255);
}

.index_iconMenuEmbalagem:hover{
-webkit-filter: drop-shadow(1px 1px 6px rgb(255, 255, 255));
filter: drop-shadow(1px 1px 6px rgb(255, 255, 255));
}

.parallax .h2-index-destaque-emba{
  font-weight: bold;
  font-size:x-large;
  color: #FFF;
  text-align: center;
}

.parallax h2:after {
  content: "";
  position: absolute;
  text-align: center;
  border-bottom: 3px solid #e45b00;
  width: 160px;
  top:38px;
  margin-bottom: 12px;
  margin-left: -80px;
  z-index: 1;
}

.parallax p{
  color: #FFF;
  text-align: center;
  margin-top: 20px;
}

.index_destaque_maquina{
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.692);
  filter: grayscale(0%);
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
}

.index_destaque_maquina{
  background-color: #ffffff;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.692);
  filter: grayscale(0%);
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
}

.texto-maquina{
  background-color: #ffffff;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.692);
  filter: grayscale(0%);
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.692));
  margin-top: -10px;
}

.texto-maquina-p{
  color: #000000 !important;
  text-decoration: none !important;
}

.texto-maquina-p :hover{
  text-decoration: none !important;
}

.chamada-LinhaManual{
  background-image: url('../images/png/LinhaManual_Chamada.png');
  height: 296px;
  image-rendering: optimizeSpeed;
  background-size: contain;
  background-position:center;
  /*background-size:contain;*/
  background-repeat:no-repeat
}

.quadros-inferiores{

}

.projetosespeciais{
  margin-top: 20px;
  margin-bottom: 25px;
}

.icone-youtube-index{
  color: #ff0000;
}

.acompanhe-youtube-index{
  color: #000000;
  text-decoration: none;
}

.acompanhe-youtube-index:hover{
  color: #464646;
  text-decoration: none;
}

.index-texto-projetos{
  line-height:15pt;
}

.DestaqueTextoGolpack{
  font-weight: bold;
}

.icones-segmentos{
  margin-top: 25px;
}

.menuwhats{
  width: 100px;
  height: 50px;
  margin-top: 240px; /* altura que está do topo */
  top: 150px; /* altura que vai parar antes do topo */
  border-radius: 10px;
  position: fixed;
}

.quadro-whats{
  max-width: 360px;
  min-width: 360px;
  margin-top: 45px;
  top: 45px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.whats-descricao{
  background: #0DC152;
	color: white;
  border: none;
  margin-top: -6px;
  padding: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 12pt;
  height: 50px;
}

.whats-icone{
  width: 40px;

  margin-left: -10px;
}

.whats-departamento{
  font-size: 8pt;
  color: gray;
}
.whats-nome{
  font-size: 12pt;
  color: rgb(20, 20, 20);
}

/* == Index == */

/*
#####################################################
                        Maquinas
#####################################################
*/
.maquinas_categoria{
  color: #163373;
  font-weight: bold;
}
.maquinas_titulo{
  color: #2b2d31;
  font-size: 10pt;
  text-decoration: none;
  text-align: center;
}
.maquinas_titulo:hover{
  color: #13161b;
  font-size: 10pt;
  text-decoration: none;
}
/*
#####################################################
                        Maquinas
#####################################################
*/

/* Projetos Especiais */
.projetosespeciais.ImagemTexto{
  background: url('../images/jpg/projeto-mecanico.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Teko', sans-serif;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: flex;
  /*justify-content: center;
  align-items:  center;*/
  flex-direction: column;
  text-align: justify;
  max-width: 100%;
  z-index:2;
  text-shadow: 0.1em 0.1em 2px rgba(0, 0, 0, 0.329);
  padding: 0;
  font-size: 5rem;
  margin-top: -20px;
}

.projetosespeciais-titulo{
  height: 50px;
}

.projetosespeciais-titulo-janela{
  height: 56px;
  vertical-align: middle;
  padding: 15px;
}

.projetosespeciais.fundo{
  background: url('../images/jpg/projeto-mecanico.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100wh;
  padding: 0;
  margin: 0;
  clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%);
}

.projetosespeciais.destaque{
  padding: 0;
  padding-left: 15px;
  clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%);
}


.parallax_ProjetosEspeciais:before {
  /* requerido */
  content: '';
  /* estilo de preto quase transparente */
  background-color:#ffffff;
  opacity: 0.6;
  /* posiciona nos limites do elemento pai */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.parallax_ProjetosEspeciais {
  padding-top: 20px;
  background-image: url('../images/jpg/maquinas/Desenhos/projetista2.jpg');
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 360px;
  z-index: 1;
  position: relative;
}

.projetosespeciais.card{
  margin: 10px;
}

.projetosespeciais.titulocartao{
  background-color: white;
  font-weight: bold;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

.AbreGaleria{
  cursor: pointer;;
}

.projetosespeciais.topo{
opacity: 0.5;
}

.projetosespeciais-Titulo{
margin-top: 15px;
}

.carousel-caption{
  color: #000000;
  background-color: #ffffff;

}

/* Projetos Especiais */

/*
#####################################################
            Por produtos / por embalagens
#####################################################
*/

.fixa-painel{
  margin-top: 2em;
  background-color: #cecece;
  width: 210px;
  position: fixed;
  margin-left: 150px;
  margin-right: 150px;
  left: 245px;
  right: 150px;
  padding: 5px;
  border-radius: 5px;
}

.sticky {
  position: absolute;
 /* position: sticky;*/
  bottom: 200px;
  margin-top: 10px;
  background-color: #cecece;
  width: 210px;

  padding: 5px;
  border-radius: 5px;
}

.stickys{
  background-color: #cecece;
  /*width: 180px;*/
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  margin-top: 10px;
}

.accordion{
  padding-left: 10px;
  padding-top: 15px;
}

.painel-pesquisa{
  position: absolute;
  background-color: #163373;

}

.card-header {
  font-family: 'Teko', sans-serif;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
  border-left: 5px solid gray;
}

.card-header .por-maquinas{
  font-family: 'Teko', sans-serif;
  color:#FF8738;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
}

.card-header h1{
  font-family: 'Teko', sans-serif;
  color:#FF8738;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
}

.marcador_categoria{
  display: block;
  position: relative;
  margin: 150px 20;
  background: #369;
}

.marcador_categoria .categoria_por{
  font: bold 12px Sans-Serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #369;
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(-90deg);

}
/*
#####################################################
            Por produtos / por embalagens
#####################################################
*/
/*
#####################################################
            Notícias
#####################################################
*/
h5 .card-title{
  font-size: 20pt!important;
  color: #3C3A74;
}
/*
#####################################################
            Notícias
#####################################################
*/
a.barraNavegacao{
  text-decoration: none;
}
a:hover.barraNavegacao{
  text-decoration: none;
  color:#00259E;
}
.barraNavegacao{
  font-family:'Rubik', sans-serif;
  font-size: 12pt!important;
  color:#3C3A74;
  width: 100%;
  white-space: nowrap;
  font-weight: normal;
  text-decoration: none;
}
/*
h1 .barraNavegacao{
  font-family:'Rubik', sans-serif;
  font-size: 9pt!important;
  color:black;
  width: 100%;
}
*/


/* === Formularios === */
.quadroAviso_form{
background-color: #ff484844;
border-radius: 5px;
margin-bottom: 15px;
}
/* === Formularios === */