@font-face {
  font-family: 'Brisa';
  src: url('../fonts/brisa_regular-webfont.woff2') format('woff2'),
       url('../fonts/brisa_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Lato, Arial;
  margin: 0;
  padding: 0;
}

.main-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/**
 * Reset estilos do FullPage.js
 */
.fp-controlArrow {
  display: none !important;
}


/**
 * Estilo do Menu
 */
.side-menu {
  background-color: #151515;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  height: 100vh;
  width: 162px;
  z-index: 99;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.side-menu:hover {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: 320px;
}

.side-menu:hover > .link-home > .logo {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  background-image: url("../imagens/logo-expand.png");
  background-color: #be9f57;
  height: 148px;
  width: 336px;
}

.side-menu > .link-home > .logo {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  background-image: url("../imagens/logo.png");
  background-color: #be9f57;
  margin: 1em 0;
  padding: 0;
  height: 92px;
  width: 131px;
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: space-around;
  list-style: none;
}

.content > .items {
  margin: 0 1.5em;
  padding: 0;
}

.content > .items > .link {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}

.content > .items > .link > .mark {
  display: inline-table;
  margin-right: 0.5em;
  width: 4px;
  height: 20px;
}

.content > .items > .link > .mark.orange {
  border: 1px solid #ff6600;
}

.content > .items > .link > .mark.orange.active {
  background-color: #ff6600;
}

.content > .items > .link > .mark.lime {
  border: 1px solid #99cc33;
}

.content > .items > .link > .mark.lime.active {
  background-color: #99cc33;
}

.content > .items > .link > .mark.green {
  border: 1px solid #009933;
}

.content > .items > .link > .mark.green.active {
  background-color: #009933;
}

.content > .items > .link > .mark.wine {
  border: 1px solid #990000;
}

.content > .items > .link > .mark.wine.active {
  background-color: #990000;
}

.content > .items > .link > .mark.blue {
  border: 1px solid #003399;
}

.content > .items > .link > .mark.blue.active {
  background-color: #003399;
}

.content > .items > .link > .mark.gold {
  border: 1px solid gold;
}

.content > .items > .link > .mark.gold.active {
  background-color: gold;
}

.content > .items > .link > .mark.red {
  border: 1px solid red;
}

.content > .items > .link > .mark.red.active {
  background-color: red;
}

.content > .items > .link > .title {
  opacity: 0;
  width: 400px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.side-menu:hover > .content > .items > .link > .title {
  opacity: 1;
  width: 400px;
  -webkit-transition: all 2.5s ease-in-out;
  -moz-transition: all 2.5s ease-in-out;
  -o-transition: all 2.5s ease-in-out;
  transition: all 2.5s ease-in-out;
}

.side-menu > .menu-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 300px;
  color: white;
  position: absolute;
  bottom: 2em;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.side-menu:hover > .menu-footer,
.side-menu:hover > .menu-return > .title,
.side-menu:hover > .menu-return > .link > .title {
  opacity: 1;
  -webkit-transition: all 2.5s ease-in-out;
  -moz-transition: all 2.5s ease-in-out;
  -o-transition: all 2.5s ease-in-out;
  transition: all 2.5s ease-in-out;
}

.menu-return > .title,
.menu-return > .link > .title {
  opacity: 0;
}

.menu-footer > .follow-us {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.menu-footer > .follow-us > .follow {
  transform: rotate(-90deg);
}

.menu-footer > .follow-us > .follow > .title {
  text-transform: uppercase;
}

.menu-footer > .follow-us > .social-medias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 45px;
  width: 100px;
}

.menu-footer > .follow-us > .social-medias > span[class*="icon-"] {
  font-size: 18px;
}

.menu-footer > .talk-to-us {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.talk-to-us-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

.menu-return {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100px;
  margin: 0 1.5em 1.5em 1.5em;
}

.menu-return > .link {
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.menu-return > .title {
  color: white;
  text-transform: uppercase;
  margin-left: 1em;
}

.menu-return > .link > .mark {
  display: inline-table;
  margin-right: 0.5em;
  width: 4px;
  height: 20px;
}

.menu-return > .link > .mark.white {
  border: 1px solid #ffffff;
}

.menu-return > .link > .mark.white.active {
  background-color: #ffffff;
}

/**
 * Estilos de cores
 */

.laranja {color: #ff6600;}
.verde {color: #009933;}
.verde-escuro {color: #006633;}
.verde-limao {color: #99cc33;}
.vermelho {color: #cc0000;}
.vermelho-escuro {color: #990000;}
.azul {color: #003399;}
.mostarda {color: #cc6600;}
.marrom {color: #993300;}
.marrom-escuro {color: #663333;}

/**
 * Home - Manifesto
 */

.block-manifest .manifest-items {
  background-size: cover;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.block-manifest .manifest-items.one {
  background-image: url("../imagens/bg-pack-1.png");
}

.block-manifest .manifest-items.two {
  background-image: url("../imagens/bg-pack-2.png");
}

.block-manifest .manifest-items.three {
  background-image: url("../imagens/bg-pack-3.png");
}

.block-manifest .manifest-items.three .manifest-content .brush  {
  background-image: url("../imagens/brush-pack-3b.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10em;
  height: 100vh;
  width: 100%;
}

.block-manifest .manifest-items.four {
  background-image: url("../imagens/bg-pack-4.png");
}

.block-manifest .manifest-items.five {
  background-image: url("../imagens/bg-pack-5.png");
}

.block-manifest .manifest-items.six {
  background-image: url("../imagens/bg-pack-6.png");
}

.block-manifest .manifest-items.seven {
  background-image: url("../imagens/bg-pack-1.png");
}

.block-manifest .manifest-items.eight {
  background-image: url("../imagens/bg-pack-8.png");
}

.block-manifest .manifest-items.nine {
  background-image: url("../imagens/bg-pack-9.png");
}

.block-manifest .manifest-items.ten {
  background-image: url("../imagens/bg-pack-10.png");
}

.block-manifest .manifest-items.eleven {
  background-image: url("../imagens/bg-pack-11.png");
}


.block-manifest .manifest-items.twelve {
  background-image: url("../imagens/bg-pack-12.png");
}

.block-manifest .manifest-items.thirteen {
  background-image: url("../imagens/bg-pack-13.png");
}

.block-manifest .manifest-items.fourteen {
  background-image: url("../imagens/bg-pack-14.png");
}

.block-manifest .manifest-items > .manifest-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.block-manifest .manifest-items > .manifest-content > .manifest-texts > .manifest-title {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.block-manifest .manifest-items.two > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.four > .manifest-content > .manifest-texts > .manifest-title {
  color: #be9f57;
  font-size: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.block-manifest .manifest-items.fourteen > .manifest-content {
  text-align: center;
}

.block-manifest .manifest-items.eight > .manifest-content > .manifest-texts.brush {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  width: 35vw;
}

.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts.brush {
  display: flex;
  flex-direction: row;
}

.block-manifest .manifest-items.eight > .manifest-content > .manifest-texts > .manifest-title  {
  width: 100%;
}

.block-manifest .manifest-items.eight > .manifest-content > .manifest-texts > .manifest-title > span {
  float: right;
  clear: both;
}

.block-manifest .manifest-items.fourteen > .manifest-content > .manifest-texts > .manifest-title  {
  font-size: 20px;
  text-transform: normal;
}

.block-manifest .manifest-items.fourteen > .manifest-content > .manifest-texts > .manifest-title > strong {
  color: #be9f57;
  font-size: 70px;
  text-transform: uppercase;
}

.block-manifest .manifest-items > .manifest-content > .manifest-texts > .manifest-title > span {
  color: #060503;
}

.block-manifest .manifest-items > .manifest-content > .manifest-texts > .manifest-description {
  color: #ffffff;
  font-size: 18px;
}

.block-manifest .manifest-items.thirteen > .manifest-content,
.block-manifest .manifest-items.ten > .manifest-content {
  width: 50%;
}

.block-manifest .manifest-items.thirteen > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.twelve > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.ten > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.eight > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts > .manifest-title {
  text-transform: none;
  font-weight: 100;
  font-size: 18px;
}

.block-manifest .manifest-items.six > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.five > .manifest-content > .manifest-texts > .manifest-title {
  text-transform: none;
  font-weight: 100;
  font-size: 24px
}

.block-manifest .manifest-items.thirteen > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.twelve > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.ten > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.eight > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.six > .manifest-content > .manifest-texts > .manifest-title > span,
.block-manifest .manifest-items.five > .manifest-content > .manifest-texts > .manifest-title > span {
  color: #be9f57;
  text-transform: uppercase;
  font-size: 70px;
  font-weight: bold;
  line-height: 1em;
}

.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts > .manifest-title > .italic,
.block-manifest .manifest-items.three > .manifest-content > .manifest-texts > .manifest-title > span {
  font-family: 'Brisa';
  font-weight: normal;
  text-transform: none;
  color: #000000;
}

.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts > .manifest-title > .bold,
.block-manifest .manifest-items.six > .manifest-content > .manifest-texts > .manifest-title {
  color: #010101;
}

.block-manifest .manifest-items.seven > .manifest-content > .manifest-texts > .manifest-title,
.block-manifest .manifest-items.five > .manifest-content > .manifest-texts > .manifest-title {
  color: #ffffff;
}

.block-manifest .manifest-items.six > .manifest-content > .manifest-texts > .manifest-title > .italic,
.block-manifest .manifest-items.five > .manifest-content > .manifest-texts > .manifest-title > .italic {
  font-family: 'Brisa';
  font-weight: normal;
  text-transform: none;
  color: #be9f57;
}

.block-manifest .manifest-items.three > .manifest-content > .manifest-texts > .manifest-title {
  font-weight: normal;
  text-transform: none;
  word-spacing: 15px;
}

.block-manifest .manifest-items.twelve > .manifest-content > .manifest-texts {
  text-align: center;
}

.block-manifest .manifest-items.three > .manifest-content > .manifest-texts > .manifest-title > span {
  font-size: 70px;
}

.block-manifest .manifest-items.one > .manifest-content > .manifest-texts {
  width: 30%;
}


/**
 * Home - Produtos
 */
.kalassi-products {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-image: url("../imagens/bg-block2.png");
  background-size: cover;
}

.kalassi-products .white {
  color: #ffffff;
}

.kalassi-products .beige {
  color: #be9f57;
}

.kalassi-products .know {
  color: #ffffff;
  margin-top: 1em;
  font-size: 15px;
  font-weight: 100;
}

.kalassi-products > .conteudo {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.kalassi-products > .conteudo > .text {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

.kalassi-products > .conteudo > .text > .rice-block2-description,
.kalassi-products > .conteudo > .text > .cranx-block2-description,
.kalassi-products > .conteudo > .text > .pimenta-block2-description {
  display: none;
}

.kalassi-products > .conteudo > .products {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 60%;
}

.kalassi-products > .conteudo > .products > .items > .product-image {
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2em;
  transition: background 0.1s ease-in-out 0.1s;
}

.kalassi-products > .conteudo > .products > .items > .attributes {
  opacity: 0;
  transition: opacity 0.1s ease-in-out 0.1s;
}

.kalassi-products > .conteudo > .products > .items.rice-block2:hover > .attributes,
.kalassi-products > .conteudo > .products > .items.cranx-block2:hover > .attributes,
.kalassi-products > .conteudo > .products > .items.pimenta-block2:hover > .attributes {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0.1s;
}

.kalassi-products > .conteudo > .products > .items.rice-block2:hover > .product-image {
  background-image: url("../imagens/brush-rice-block2.png");
  transition: background 0.1s ease-in-out 0.1s;
}
.kalassi-products > .conteudo > .products > .items.cranx-block2:hover > .product-image {
  background-image: url("../imagens/brush-cranx-block2.png");
  transition: background 0.1s ease-in-out 0.1s;
}
.kalassi-products > .conteudo > .products > .items.pimenta-block2:hover > .product-image {
  background-image: url("../imagens/brush-pimenta-block2.png");
  transition: background 0.1s ease-in-out 0.1s;
}

.kalassi-products > .conteudo > .products > .items > .product-image > img {
  max-height: 250px;
}



/**
 * Home - Geral
 */
.home {
  width: 100%;
}

/**
 * Home - Instagram
 */
.mosaic-instagram {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0;
  padding: 0;
  height: 100vh;
  max-height: 100vh;
}
.mosaic-instagram > .item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  flex: 1 0 auto;
  padding: 0px;
  width: calc(100% / 6);
}

.mosaic-instagram > .item.hashtag {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mosaic-instagram > .item.hashtag > .title {
  color: #be9f57;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.mosaic-instagram > .item > img {
  height: 100%;
  width: 100%;
}

/**
 * Home - Novas Combinações e Universo
 */
.novas-combinacoes,
.universo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-size: cover;
}

.novas-combinacoes {
  background-image: url("../imagens/background-cinza.jpg");
}

.universo {
  background-image: url("../imagens/background-bege.jpg");
}

.novas-combinacoes > .conteudo > header,
.universo > .conteudo > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 30px;
}

.novas-combinacoes > .conteudo > header > h2,
.universo > .conteudo > header > h2 {
  width: 200px;
  margin: 0;
  line-height: 28px;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
}

.novas-combinacoes > .conteudo > header > h2 > span,
.universo > .conteudo > header > h2 > span {
  color: #be9f57;
}

.novas-combinacoes > .conteudo > header > ul,
.universo > .conteudo > header > ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  width: /*500px*/70%;
  margin: 0;
  padding: 0;
}

.novas-combinacoes > .conteudo > header > ul > li,
.universo > .conteudo > header > ul > li {
  position: relative;
  z-index: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado,
.universo > .conteudo > header > ul > li.selecionado {
  color: #fff;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado:before,
.universo > .conteudo > header > ul > li.selecionado:before {
  position: absolute;
  z-index: -1;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado:nth-child(1):before,
.universo > .conteudo > header > ul > li.selecionado:nth-child(1):before {
  content: url("../imagens/item-sombra-1.png");
  bottom: -23px;
  right: -8px;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado:nth-child(2):before,
.universo > .conteudo > header > ul > li.selecionado:nth-child(2):before {
  content: url("../imagens/item-sombra-2.png");
  bottom: -30px;
  right: -11px;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado:nth-child(3):before,
.universo > .conteudo > header > ul > li.selecionado:nth-child(3):before {
  content: url("../imagens/item-sombra-3.png");
  bottom: -72px;
  right: -51px;
}

.novas-combinacoes > .conteudo > header > ul > li.selecionado:nth-child(4):before,
.universo > .conteudo > header > ul > li.selecionado:nth-child(4):before {
  content: url("../imagens/item-sombra-4.png");
  bottom: -29px;
  right: -49px;
}

.novas-combinacoes > .conteudo > .album-container,
.universo > .conteudo > .album-container {
  display: flex;
  justify-content: space-between;
}

.novas-combinacoes > .conteudo > .album-container > .album-coluna-grande,
.universo > .conteudo > .album-container > .album-coluna-grande {
  display: flex;
  align-items: center;
  width: 52%;
}

.novas-combinacoes > .conteudo > .album-container > .album-coluna-pequena,
.universo > .conteudo > .album-container > .album-coluna-pequena {
  width: 30%;
}

.novas-combinacoes > .conteudo > .album-container .album-item,
.universo > .conteudo > .album-container .album-item {
  position: relative;
  margin: 0 0 20px 0;
}

.novas-combinacoes > .conteudo > .album-container .album-item > figcaption,
.universo > .conteudo > .album-container .album-item > figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 25% 15px 15px;
  font-size: 12px;
  color: #fff;
}

.novas-combinacoes > .conteudo > .album-container .album-item > figcaption > .social,
.universo > .conteudo > .album-container .album-item > figcaption > .social {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.novas-combinacoes > .conteudo > .album-container .album-item > figcaption > .social > a,
.universo > .conteudo > .album-container .album-item > figcaption > .social > a {
  text-decoration: none;
  color: #fff;
}

.novas-combinacoes > .conteudo > .album-container .album-item-grande > figcaption,
.universo > .conteudo > .album-container .album-item-grande > figcaption {
  font-size: 18px;
}

.novas-combinacoes > .conteudo > .album-container > .album-mais,
.universo > .conteudo > .album-container > .album-mais {
  display: flex;
  align-items: center;
  width: 10%;
}

/**
 * Estilos da lista de receitas
 */

.lista-artigos > article {
  position: relative;
}

.lista-artigos > article:before {
  background-image: url("../imagens/background-cinza.jpg");
  background-size: cover;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
}

.lista-artigos > article > p {
  margin: 0;
  position: relative;
  z-index: -1;
}

.lista-artigos > article > p > img {
  width: 100%;
}

.lista-artigos > article > .conteudo {
  background-color: white;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  left: 100px;
  margin: -200px auto 0 auto;
  padding: 30px;
  position: relative;
  width: 700px;
}

.lista-artigos > article > .conteudo > aside {
  margin-top: 60px;
  width: 75px;
}

.lista-artigos > article > .conteudo > aside > p {
  font-size: 12px;
  margin: 0 auto 15px auto;
  text-align: center;
  text-transform: uppercase;
}

.lista-artigos > article > .conteudo > aside > .preparo { width: 55px; }
.lista-artigos > article > .conteudo > aside > .enviar { width: 70px; }
.lista-artigos > article > .conteudo > aside > .preparo { width: 55px; }

.lista-artigos > article > .conteudo > aside > p > span {
  display: inline-block;
  font-size: 38px;
  margin-bottom: 5px;
}

.lista-artigos > article > .conteudo > .artigo {
  width: 400px;
}

.lista-artigos > article > .conteudo > .artigo > h1 {
  background-image: url("../imagens/brush-espacador.png");
  background-size: 100% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  font-size: 22px;
  margin: 0 0 20px 0;
  padding-bottom: 38px;
  text-transform: uppercase;
}

.lista-artigos > article > .conteudo > .artigo > h2 {
  font-size: 18px;
}

.lista-artigos > article > .conteudo > .artigo > .social {
  background-image: url("../imagens/brush-espacador.png");
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
  margin: 30px 0 0 0;
  padding-top: 28px;
}

.lista-artigos > article > .conteudo > .social {
  width: 100px;
}

.lista-artigos > article > .conteudo .social {
  font-size: 12px;
  text-transform: uppercase;
}

.lista-artigos > article > .conteudo .social > .legenda {
  display: block;
  margin-bottom: 5px;
}

.lista-artigos > article > .conteudo .social > a {
  color: #000;
  font-size: 28px;
  text-decoration: none;
}

/**
 * Estilos do Maps
 */

.kalassi-maps {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  background-image: url("../imagens/background-cinza.jpg");
  background-size: cover;
}

.kalassi-maps > .search-map {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 20%;
}

.kalassi-maps > .search-map > .left > .title {
  color: #010101;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
}

.kalassi-maps > .search-map > .left > .title > span {
  color: #be9f57;
}

.kalassi-maps > .search-map > .right > span {
  text-transform: uppercase;
  font-weight: 100;
  margin-right: 1em;
}

.kalassi-maps > .search-map > .right > input {
  height: 30px;
  background: transparent;
  border: 1px solid #9e9e9e;
  padding: 10px;
  color: #010101;
}

.kalassi-maps > #map {
  height: 70%;
  width: 100%;
}

/**
 * Estilos do footer
 */
.footer {
  background-color: #be9f57;
  width: 100%;
}

.footer .container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 350px;
}

.footer .container > .rights {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.footer .container > .rights > .title {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1em 0;
}

.footer .container > .developed > .poweredby {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.footer .container > .developed > .poweredby > a {
  margin-left: 1em;
}

.footer .title, .footer .copyright, .footer .poweredby {
  text-transform: uppercase;
}

.footer .container {
  width: 100%;
}

.product .side-menu {
  position: fixed;
  top: 0;
}

.d-scroll-to-discover {
  position: absolute;
  bottom: 0;
}

/*
  menu icon css3
*/

.menu-icon span, .menu-icon:before, .menu-icon:after, .menu-icon span:before, .menu-icon span:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0.125em;
  background-color: #ff6600;
  width: 0.75em;
  height: 0.05em;
  border-radius: 0;
}

.menu-icon {
  font-size: 4em;
  width: 1em;
  height: 1em;
  display: inline-block;
  position: relative;
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  cursor: pointer;
}

.menu-icon span {
  margin-top: -0.025em;
}

.menu-icon:before {
  content: "";
  margin-top: -0.275em;
}

.menu-icon:after {
  content: "";
  margin-top: 0.225em;
}

.menu-icon:before, .menu-icon:after {
  display: none;
}

.menu-icon span {
  transition: 0.25s ease;
}

.menu-icon span:before, .menu-icon span:after {
  content: "";
  transition: 0.25s ease;
  top: 0;
  left: 0;
}

.menu-icon span:before {
  transform: translateY(-0.25em);
}

.menu-icon span:after {
  transform: translateY(0.25em);
}

.menu-icon.is-open span {
  transform: rotate(45deg);
}

.menu-icon.is-open span:before, .menu-icon.is-open span:after {
  transform: rotate(90deg);
}

.menu-icon {
  vertical-align: middle;
}


.side-menu {
  display: none;
}

.navbar-bar {
  border: 1px solid white;
  display: inline-table;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
}

.navbar-bar--orange {
  border: 1px solid #ff6600;
}

.navbar-header-bars {
  left: 15px;
  position: absolute;
  top: 15px;
}

.navbar {
  background-color: rgba(0,0,0,.8);
  color: white;
  left: 0;
  text-transform: uppercase;
  top: 0;
  position: absolute;
  width: 100vw;
  z-index: 10;
}

.navbar-list {
  background-color: rgba(0,0,0,.8);
  display: none;
  list-style-type: none;
  position: fixed;
  padding-left: 30px;
  padding-top: 30px;
  margin-top: -20px;
  height: calc(100vh - 80px);
  width: 100vw;
  top: 100px;
}

.navbar-header {
  background-color: rgba(0,0,0,.8);
  font-size: 10px;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 11;
}

.navbar-header__logo {
  display: block;
  margin: 0 auto;
  position: relative;
}

.navbar-sublist {
  padding-left: 30px;
}

.navbar-sublist-list {
  list-style-type: none;
}

.navbar-title {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 20px;
}

.navbar-link {
  color: white;
  display: inline-block;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 20px;
  margin-top: 20px;
  text-decoration: none;
  vertical-align: middle;
}

.product-line-slide-controls {
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 10;
}

.product-line-slide-controls__list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0 20px;
}

.product-line-slide-controls__arrow {
  width: 35px;
}

.product-line {
  background: url("../imagens/gray-background.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 115px;
}

.product-line .footer {
  margin-top: 50px;
}

.product-line-item {
  animation-delay: 0.25s;
  margin: 0 auto;
}

.product-line-item-container {
  max-width: 90%;
}

.product-line-item-name {
  font-size: 32px;
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}

.product-line-item-name--chilli {
  color: #ff6600;
}

.product-line-item-name--lime-black-pepper {
  color: #99cc33;
}

.product-line-item-name--cranx-sour-cream-and-chives {
  color: #009933;
}

.product-line-item-name--smoky-bbq {
  color: #990000;
}

.product-line-item-name--original {
  color: #003399;
}

.product-line-item-name--cheese {
  color: #cc6600;
}

.product-line-item-name--sour-cream-and-onion {
  color: #006633;
}

.product-line-item-name--paprika {
  color: #993300;
}

.product-line-item-name--barbecue {
  color: #663333;
}

.product-line-item-name--sweet-chilli {
  color: #cc0000;
}

.product-line-item-name__kalassi {
  color: black;
  display: block;
  font-size: 18px;
  font-weight: normal;
}

.product-line-item-quantity {
  font-size: 18px;
  text-transform: none;
}

.product-line-item-navbar-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
}

.product-line-item-navbar-item {
  margin-bottom: 5px;
}

.product-line-item-navbar-link {
  align-items: center;
  color: black;
  display: flex;
  font-weight: 700;
  height: 50px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s;
  outline: none;
  min-width: 100px;
}

.product-line-item-navbar-item {
  position: relative;
}

.product-line-item-navbar-link-bg {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.product-line-item-navbar-link-bg--1 {
  left: -100px;
  top: -10px;
}

.product-line-item-navbar-link-bg--2 {
  left: -15px;
  top: -15px;
}

.product-line-item-navbar-link-bg--3 {
  left: -70px;
}

.mobile-only .product-line-item-navbar-link {
  background-position: left;
}

.product-line-item-nutritional-table {
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}

.product-line-item-nutritional-table-description {
  font-size: 14px;
  margin-top: 10px;
}

.product-line-item-nutritional-table tr:nth-child(2) td {
  padding-top: 5px;
}

.product-line-item-nutritional-table tr:last-of-type td {
  border-top: 1px solid black;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-line-item-nutritional-table tr:nth-last-of-type(2) td {
  padding-bottom: 10px;
}

.product-line-item-nutritional-table__title p {
  display: inline;
}

.product-line-item-nutritional-table td {
  border-right: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
}

.product-line-item-nutritional-table__title {
  border: 1px solid black;
  padding: 5px;
  text-transform: uppercase;
  text-align: left;
}

.product-line-item-nutritional-table__title > p {
  margin-bottom: 10px;
}

.product-line-item-nutritional-table__title-note {
  text-transform: none;
}

.product-line-item-figure {
  animation-delay: 0.45s;
}

.product-line-item-figure-container {
  max-width: 250px;
  margin: 15px auto;
}

.product-line-item-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.product-line-item-figure__footer {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}

.social-medias--product-line-item {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.social-media-link--product-line-item {
  color: black;
  font-size: 28px;
  text-decoration: none;
}

.social-media-link--recipe {
  color: white;
  text-decoration: none;
}

.product-line-item-footer {
  max-width: 280px;
  margin: 0 auto;
}

.product-line-item-footer--desktop {
  display: none;
}

.product-line-item-footer__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.product-line-item-footer__text-strong {
  font-weight: bold;
}

.product-line-item-footer__link {
  color: black;
  font-style: italic;
  text-decoration: none;
}

.product-line-item-footer__recipe {
  background-color: #000;
  border-radius: 8px;
  display: flex;
  color: #fff;
}

.product-line-item-footer__recipe-figure {
  margin: 0;
  padding: 0;
}

.product-line-item-footer__recipe-image {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.product-line-item-footer__recipe-title {
  font-size: 13px;
}

.product-line-item-footer__recipe-right-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}

.product-line-item-info {
  position: relative;
  min-height: 350px;
}

.product-line-item-info-item {
  opacity: 0;
  position: absolute;
}

.product-line-item-info--active {
  opacity: 1;
  transition: all .25s;
}

.product-line-item-image {
  z-index: 2;
}

.product-line-item-figure--rice-cracker {
  margin: 0;
}

.product-line-item-figure-container--rice-cracker {
  max-width: initial;
}

.chili-can {
  height: 519px;
}

.chili-right {
  left: initial !important;
  right: 0;
  z-index: 3;
}

.chili-left {
  top: initial !important;
  bottom: 0 !important;
  z-index: 1;
}

.dots {
  right: 0;
  z-index: 1;
}

.cranx-dots {
  bottom: 0 !important;
  left: -80px !important;
  max-width: initial;
  right: initial !important;
  top: initial !important;
  z-index: 1;
}

.lemon {
  bottom: 0 !important;
  left: initial !important;
  right: -100px !important;
  top: 130px !important;
}

.leaf-right {
  bottom: 50px !important;
  left: initial !important;
  right: -50px !important;
  top: initial !important;
}

.leaf-left {
  bottom: initial !important;
  left: -50px !important;
  right: initial !important;
  top: 50px !important;
}

.sour-cream {
  bottom: 0 !important;
  left: -80px !important;
  max-width: initial;
  right: initial !important;
  top: initial !important;
}

.chives-pieces {
  bottom: 0 !important;
  left: -50px !important;
  max-width: initial;
  right: 0 !important;
  top: initial !important;
}

.chives {
  right: -150px !important;
  left: initial !important;
}

.bbq {
  right: -100px !important;
  left: initial !important;
}

.cheese-right {
  bottom: initial !important;
  left: initial !important;
  height: 100px;
  right: -10px !important;
  top: -5px !important;
  z-index: 1;
}

@media(min-width: 620px) {
  .cheese-right {
    height: 200px;
    right: -20px !important;
    top: -15px !important;
  }
}

@media(min-width: 900px) {
  .cheese-right {
    bottom: initial !important;
    left: initial !important;
    height: 250px;
    right: -165px !important;
    top: -10px !important;
    z-index: 2;
  }
}

.cheese-left {
  bottom: -15px !important;
  left: -10px !important;
  right: initial !important;
  top: initial !important;
  width: 100px;
  z-index: 1;
}

@media(min-width: 620px) {
  .cheese-left {
    left: -25px !important;
    width: 200px;
  }
}

@media(min-width: 900px) {
  .cheese-left {
    left: -120px !important;
  }
}

.onions-1 {
  bottom: initial !important;
  left: initial !important;
  right: 0px !important;
  top: -10px !important;
  z-index: 1;
}

@media(min-width: 900px) {
  .onions-1 {
    max-width: initial;
    right: -150px !important;
    top: 40px !important;
  }
}

.onions-2 {
  bottom: -10px !important;
  left: -15px !important;
  right: initial !important;
  top: initial !important;
}

@media(min-width: 900px) {
  .onions-2 {
    bottom: -60px !important;
    left: -20px !important;
    max-width: initial;
  }
}

.sour-cream--rice-cracker {
  bottom: -20px !important;
  left: initial !important;
  right: -15px !important;
  top: initial !important;
  width: 70px;
}

@media(min-width: 480px) {
  .sour-cream--rice-cracker {
    width: 100px;
  }
}

@media(min-width: 620px) {
  .sour-cream--rice-cracker {
    width: 120px;
  }
}

@media(min-width: 900px) {
  .sour-cream--rice-cracker {
    width: 170px;
  }
}

@media(min-width: 900px) {
  .paprika-powder {
    max-width: initial;
    z-index: 1;
  }
}

.barbecue {
  left: initial !important;
  right: -10px !important;
  width: 50px;
}

@media(min-width: 480px) {
  .barbecue {
    right: -20px !important;
    width: 70px;
  }
}

@media(min-width: 620px) {
  .barbecue {
    right: -30px !important;
    width: 100px;
  }
}

@media(min-width: 720px) {
  .barbecue {
    right: -50px !important;
  }
}

@media(min-width: 720px) {
  .barbecue {
    right: -110px !important;
  }
}

.chilli--rice-cracker {
  bottom: initial !important;
  left: initial !important;
  right: -15px !important;
  top: -15px !important;
  width: 100px;
}

@media(min-width: 620px) {
  .chilli--rice-cracker {
    width: 150px;
  }
}

@media(min-width: 900px) {
  .chilli--rice-cracker {
    right: -100px !important;
    top: -30px !important;
    width: 200px;
  }
}

.dots--rice-cracker {
  width: 100%;
  z-index: 1;
}

@media(min-width: 900px) {
  .dots--rice-cracker {
    bottom: 0 !important;
    top: initial !important;
  }
}

.desktop-only {
  display: none !important;
}

@media(min-width: 380px) {
  .product-line-item-info {
    min-height: 285px;
  }
}

@media(min-width: 480px) {
  .product-line-item-navbar-list {
    flex-direction: row;
    margin-bottom: 20px;
    margin-top: 0;
  }

  .product-line-item-navbar-item {
    margin-bottom: 0;
    margin-right: 15px;
  }

  .product-line-item-navbar-item:last-child {
    margin-right: 0;
  }

  .product-line-item-info {
    min-height: 270px;
  }
}

@media(min-width: 900px) {
  .side-menu {
    display: block;
  }

  .navbar {
    display: none;
  }

  .product-line-slide-controls {
    display: none;
  }

  .product-line {
    background: initial;
    padding: 0;
    padding-left: 162px;
  }

  .slide--product-line {
    background: url("../imagens/gray-background.jpg") no-repeat center center;
    background-size: cover;
  }

  .product-line .footer {
    margin-top: 0;
  }

  .product-line-item-line {
    padding-bottom: 0;
    padding-top: 0;
  }

  .product-line-item-name {
    text-align: left;
  }

  .product-line-item-container {
    margin: auto;
  }

  .product-line .fp-tableCell {
    display: flex !important;
  }

  .product-line-item-footer--mobile {
    display: none;
  }

  .product-line-item-footer--desktop {
    display: block;
    margin: initial;
  }

  .product-line-item {
    display: flex;
  }

  .product-line-item-main-info {
    animation-delay: 1s;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .product-line-item-info {
    min-width: 420px;
  }

  .product-line-item-figure-container {
    height: 85%;
    width: 100%;
  }

  .product-line-item-image--chili-can {
    height: 100%;
  }

  .product-line-item-image--cranx-lime-and-pepper {
    max-width: initial;
  }

  .cranx-dots {
    bottom: 0 !important;
    left: -80px !important;
    max-width: initial;
    right: initial !important;
    top: initial !important;
    z-index: 1;
  }

  .lemon {
    bottom: 0 !important;
    left: initial !important;
    right: -180px !important;
    top: 180px !important;
  }

  .leaf-right {
    bottom: 50px !important;
    left: initial !important;
    right: -150px !important;
    top: initial !important;
  }

  .leaf-left {
    bottom: initial !important;
    left: -50px !important;
    right: initial !important;
    top: 50px !important;
  }

  .chives {
    bottom: initial !important;
    right: -225px !important;
    top: -50px !important;
  }

  .bbq {
    right: -190px !important;
    left: initial !important;
  }

  .desktop-only {
    display: block !important;
  }

  .product-line-item-figure {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0;
  }

  .mobile-only {
    display: none;
  }

  .product-line-item-header--rice-cracker {
    display: flex;
    justify-content: space-between;
  }

  .product-line-item-info-container--rice-cracker {
    display: flex;
    justify-content: space-between;
  }

  .product-line-item-figure__footer--rice-cracker {
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
  }
}

@media(min-height: 680px) {
  .product-line-item-info-container--rice-cracker {
    padding-top: 50px;
  }
}

article.contact-us-container {
  background-color: rgba(0,0,0,.5);
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 11;
}

.contact-us-content {
  background: url(../imagens/background-cinza.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contact-us-content {
  border-radius: 20px;
  margin: auto;
  padding: 40px 30px 0;
  max-height: 80vh;
  overflow-y: auto;
  min-width: 60vw;
}

.contact-us-title {
  font-size: 28px;
  text-transform: uppercase;
}

.contact-us-title > strong {
  color: #c0a65c;
}

.contact-us-sac__infos > dt {
  color: #c0a65c;
}

.contact-us-header {
  position: relative;
}

.contact-us-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.btn-close {
  background-image: url(../imagens/fechar.png);
  background-repeat: no-repeat;
  border: none;
  color: transparent;
  height: 54px;
  width: 52px;
}

.contact-us-form {
  padding-bottom: 40px;
}

.contact-us-form-input {
  border: 1px solid black;
  display: block;
  padding: 5px;
  width: 100%;
}

.contact-us-form-phones {
  border: none;
  padding: 0;
}

.contact-us-form-submit {
  background: url(../imagens/tab-sombra-1.png);
  border: none;
  color: white;
  font-family: Lato, Arial;
  font-weight: bold;
  height: 58px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: right;
  text-transform: uppercase;
  width: 203px;
}

.contact-us-form-note {
  color: red;
}

.contact-us-sac {
  margin-bottom: 20px;
  margin-top: 20px;
}

.form-group {
  margin-bottom: 15px;
  margin-top: 15px;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 16px;
  color: black;
  width: 220px;
  height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 8px 15px;
  transition: all 0.2s ease-in;
}

.select-styled:after {
  content:"";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}

.select-styled:hover {
  color: white;
  background-color: #c0a65c;

}

.select-styled:hover:after {
  border-color: white transparent transparent transparent;
}

.select-styled:active, .select-styled.active {
  background-color: #c0a65c;
  color: white;
}

.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent white transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
}

.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  transition: all 0.15s ease-in;
}

.select-options li:hover {
  color: white;
  background: #c0a65c;
}

.select-options li[rel="hide"] {
  display: none;
}

.contact-us-modal {
  display: none;
}

.hidden {
  display: none;
}

.genders {
  display: flex;
}

.inputs-gender {
  align-items: center;
  display: flex;
}

.inputs-gender--male {
  margin-right: 10px;
}

@media(min-width: 990px) {
  .contact-us-content {
    display: flex;
    flex-direction: column;
  }

  .contact-us-title {
    flex: 1;
  }

  .contact-us-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
  }

  .contact-us-right {
    display: flex;
    flex: 1;
  }

  .contact-us-sac {
    align-items: center;
    display: flex;
    margin-right: 30px;
  }

  .contact-us-sac-title {
    font-size: 22px;
  }

  .contact-us-sac-title:after {
    color: #c0a65c;
    content: "|";
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .contact-us-sac__infos > dt,
  .contact-us-sac__infos > dd {
    display: inline-block;
  }

  .contact-us-form {
    display: flex;
  }

  .contact-us-form-left {
    flex: 1;
    margin-right: 10px;
  }

  .contact-us-form-right {
    flex: 1;
    margin-left: 20px;
  }

  .contact-us-form-label {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .contact-us-form-textarea {
    resize: none;
  }

  .contact-us-form-phones {
    align-items: flex-end;
    display: flex;
  }

  .contact-us-form-phones .form-group {
    margin-right: 10px;
  }

  .contact-us-form-phones .form-group:last-of-type {
    margin-right: 0;
  }

  .inline-fields {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .form-group-gender {
    flex: 1;
  }

  .form-group-birthday {
    flex: 1;
    margin-right: 10px;
  }
}