@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
/*Cores*/
.texto-cinza {
  color: #EBEBEB;
}
.texto-cinza-medio {
  color: #5A5A5A;
}
.texto-ciano {
  color: #6C8CC8;
}
/*titulos*/
.titulo1 {
  font-size: 3.5em;
  font-weight: 900;
  line-height: 53px;
}
.titulo1 * {
  font-weight: 900;
  line-height: 53px;
}
strong {
  font-weight: 900;
}
strong * {
  font-weight: 900;
}
/*Geral*/
body {
  font: 1em Inter;
  font-weight: 300;
}
.container {
  width: 1200px;
  margin: auto;
}
@media (max-width: 1201px) {
  .container {
    width: 95%;
  }
}
/*Botoes*/
.botao-transparente-arredondado {
  border: 2px solid #ffffff;
  border-radius: 50px;
  padding: 12px 30px;
  text-decoration: none;
  color: #fff;
  transition: all 0.35s;
}
.botao-transparente-arredondado:hover {
  background: #ffffff;
  color: #383838;
}
#topo {
  width: 100%;
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
}
#topo #topo-superior {
  background: #6C8CC8;
}
#topo #topo-superior #contatos-topo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#topo #topo-superior #contatos-topo a {
  padding: 7px;
}
#topo #topo-inferior {
  padding: 7px 0;
  background: #EBEBEB;
}
#topo #topo-inferior .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#topo #topo-inferior #menu-principal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#topo #topo-inferior #menu-principal a {
  display: block;
  padding: 0 15px;
  font-size: 1.2em;
  text-decoration: none;
  color: #6C8CC8;
  transition: color 0.35s;
}
#topo #topo-inferior #menu-principal a:hover {
  color: #2d2d2d;
}
#topo #topo-inferior #bt-menu-mobile {
  display: none;
}
@media (max-width: 981px) {
  #topo #topo-superior #contatos-topo {
    justify-content: center;
  }
  #topo #topo-inferior #menu-principal {
    display: none;
  }
  #topo #topo-inferior #bt-menu-mobile {
    display: block;
    cursor: pointer;
  }
}
/*-----------------*/
/*Menu Mobile*/
#menu-mobile {
  position: fixed;
  width: 300px;
  height: 100%;
  background: #363C47 url(../../assets/images/fundos/fundo-linhas.svg) 50% 50% no-repeat;
  background-size: cover;
  padding-top: 30px;
  color: #fff;
  z-index: 15;
  top: 0;
  right: 0;
  transition: 0.35s;
}
#menu-mobile .container {
  width: 100%;
}
#menu-mobile .links-barra-superior {
  display: block;
}
#menu-mobile .links-barra-superior li {
  border: none;
  padding: 0;
}
#menu-mobile .links-barra-superior li div {
  margin-bottom: 0;
}
#menu-mobile .links-barra-superior a {
  display: block;
  padding: 10px 10px 10px 25px;
  color: #fff;
  text-decoration: none;
  transition: all 0.35s;
}
#menu-mobile .links-barra-superior a:hover {
  background: #363C47;
  color: #fff;
}
#menu-mobile li {
  /*border-bottom: 1px dashed #474747;*/
  transition: 0.35s;
}
#menu-mobile li a {
  text-decoration: none;
  color: #fff;
  display: block;
  position: relative;
  padding: 10px 10px 10px 25px;
  transition: background 0.35s;
}
#menu-mobile li a:hover {
  background: #ffffff;
  color: #363C47;
}
#menu-mobile li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  background: #363C47;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#menu-mobile li a:hover:after {
  width: 100%;
  left: 0;
}
#fechar-menu-mobile {
  padding: 0px 10px 10px 25px;
}
#fechar-menu-mobile:hover {
  cursor: pointer;
}
#fechar-menu-mobile .material-icons {
  font-size: 2em;
}
.menu-mobile-fecado {
  margin-right: -300px;
}
.menu-mobila-aberto {
  margin-right: 0;
}
#rodape {
  background: #EBEBEB;
  padding: 15px 0;
}
#rodape .container {
  display: grid;
  grid-template-columns: 50% 50%;
}
#rodape .container div.coluna-rodape:first-child {
  border-right: 2px solid #c0c0c0;
}
#rodape .container #contatos-rodape .link-rodape {
  padding: 5px 0px;
}
#rodape .container #contatos-rodape .link-rodape a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
  color: #c0c0c0;
  font-size: 1.2em;
}
#rodape .container #contatos-rodape .link-rodape a .texto {
  padding-right: 5px;
}
@media (max-width: 981px) {
  #rodape .container {
    display: block;
    text-align: center;
  }
  #rodape .container div.coluna-rodape:first-child {
    border-right: none;
  }
  #rodape .container #contatos-rodape .link-rodape a {
    justify-content: center;
  }
}
/*Home*/
#bem-vindo-home {
  background: url(../../assets/images/fundos/banner_fundo_entrada.jpg) 50% 50% no-repeat;
  background-size: cover;
  padding: 60px 0px;
  color: #ffffff;
}
#bem-vindo-home .container {
  display: flex;
  justify-content: center;
}
#bem-vindo-home .container article {
  display: block;
  width: 80%;
}
@media (max-width: 1201px) {
  #bem-vindo-home .container article {
    width: 100%;
  }
}
/*Marca Própria*/
#box-texto-oportunidade {
  background: #EBEBEB url(../../assets/images/fundos/fundo-linhas.svg) 50% 50% no-repeat;
  background-size: cover;
}
#box-imagem-texto-marca-propria {
  display: grid;
  grid-template-columns: 50% 50%;
  /*background: url(../../assets/images/marca-propria/mockup_pack.png) -80px 10px no-repeat;*/
}
#box-imagem-texto-marca-propria .coluna-esqueda {
  padding: 10px 10px 10px 0;
  text-align: right;
}
#box-imagem-texto-marca-propria .coluna-direita {
  padding: 100px 0px 170px 10px;
  text-align: left;
}
#box-imagem-texto-marca-propria .coluna-direita p {
  color: #5A5A5A;
  line-height: 1.6;
  padding-bottom: 10px;
}
@media (max-width: 1207px) {
  #box-imagem-texto-marca-propria {
    background-size: 80% !important;
  }
}
@media (max-width: 1024px) {
  #box-imagem-texto-marca-propria {
    background: none !important;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 981px) {
  #box-texto-oportunidade .titulo1 {
    font-size: 3em;
  }
}
/*Tipos de ALimentação*/
#secao-tipos-alimentos {
  background: #EBEBEB url(../../assets/images/fundos/fundo_cozinha.jpg) 50% 100% no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.botao-tipo-alimento {
  margin: 0 7px;
  background: #363C47;
  padding: 9px 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50px;
  transition: background 0.35s;
}
.botao-tipo-alimento:hover {
  cursor: pointer;
  background: #ffffff;
  color: #363C47;
}
.botao-tipo-alimento-selecionado {
  margin: 0 7px;
  background: #ffffff;
  padding: 9px 20px;
  color: #363C47;
  font-weight: bold;
  border-radius: 50px;
}
#box-texto-tipo-alimento {
  display: grid;
  grid-template-columns: 40% 60%;
  min-height: 650px;
}
#box-texto-tipo-alimento .coluna-esquerda {
  padding-right: 10px;
}
#box-texto-tipo-alimento .coluna-direita {
  padding-left: 10px;
}
#box-texto-tipo-alimento .texto {
  line-height: 1.6;
  max-height: 200px;
  overflow: auto;
}
#box-texto-tipo-alimento .botao-veja-produtos {
  max-width: 280px;
  border: 1px solid #363C47;
  border-radius: 50px;
  text-align: center;
  padding: 10px 40px;
  margin-left: 50px;
  transition: background 0.35s;
}
#box-texto-tipo-alimento .botao-veja-produtos:hover {
  cursor: pointer;
  background: #363C47;
  color: #fff;
}
@media (max-width: 981px) {
  #secao-tipos-alimentos .flex-centro {
    display: block;
  }
  #secao-tipos-alimentos .botao-tipo-alimento {
    width: 100%;
    margin-bottom: 5px;
  }
  #box-texto-tipo-alimento {
    display: block;
  }
  #box-texto-tipo-alimento .botao-veja-produtos {
    margin: auto !important;
  }
}
.scroll-a-esquerda {
  direction: rtl;
  overflow: auto;
  padding-left: 25px;
}
.scroll-a-esquerda * {
  direction: ltr;
}
/*Palatabilizantes*/
#secao-texto-palatabilizante {
  background: url(../../assets/images/fundos/fundo-linhas.svg) 50% 50% no-repeat;
  background-size: cover;
}
#secao-texto-palatabilizante .texto {
  max-height: 200px;
}
#box-texto-palatabilizantes {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 80px 0;
}
#box-texto-palatabilizantes .coluna-esquerda {
  padding-right: 10px;
  position: relative;
}
#box-texto-palatabilizantes .coluna-direita {
  padding-left: 10px;
  position: relative;
}
#box-texto-palatabilizantes .botao-veja-produtos {
  max-width: 280px;
  border: 1px solid #363C47;
  border-radius: 50px;
  text-align: center;
  padding: 10px 40px;
  position: relative;
  margin: 0 58px 0 auto;
  transition: background 0.35s;
}
#box-texto-palatabilizantes .botao-veja-produtos:hover {
  cursor: pointer;
  background: #363C47;
  color: #fff;
}
@media (max-width: 1024px) {
  #box-texto-palatabilizantes .titulo1 {
    font-size: 3em;
  }
}
@media (max-width: 581px) {
  #box-texto-palatabilizantes .titulo1 {
    font-size: 2.5em;
  }
}
@media (max-width: 981px) {
  #box-texto-palatabilizantes {
    display: flex;
    flex-direction: column-reverse;
  }
  #box-texto-palatabilizantes .coluna-esquerda img {
    display: none;
  }
  #box-texto-palatabilizantes .botao-veja-produtos {
    margin: 30px auto 30px auto;
  }
}