/*--------------------*/
  /* Geral */
  /*--------------------*/



  body {
      background: #fff;
      color: #fff;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      font-family: "Lato", sans-serif;
      font-weight: 100;
      font-size: 2rem;
  }

  .slider {
      display: block;
  }

  .slider-mobile {
      display: none;
  }

  .logo-mobile {
      display: none;
  }

  .mobile {
      display: none;
  }

  .button_container {
      display: none;
  }



  #policy p {
      font-size: 18px;
      letter-spacing: -0.05px;
      text-align: justify;
      color: #000;
  }

  #policy h1 {
      padding: 50px 10px;
      color: #000;
  }

  #policy h3 {
      font-size: 24px;
      color: #000;
  }

  #policy h4 {
      font-size: 20px;
      color: #000;
  }

  .footer1 {
      display: block;
  }

  .footer-mobile {
      display: none;
  }

  h1,
  h5 {
      font-weight: 100;
  }

  section {
      background: #fff;
      padding: 6rem 3rem;
      margin: 0;
  }

  .row {
      margin-right: 0 !important;
      margin-left: 0 !important;
  }

  .invisible {
      color: transparent;
  }

  .nav-mobile {
      display: none;
  }

  #folhados-mobile {
      display: none;
  }


  #chocolates-mobile {
      display: none;
  }

  #secos-mobile {
      display: none;
  }

  #humidos-mobile {
      display: none;
  }

  .lines-between-mobile {
      display: none;
  }

  .lines-between-T-mobile {
      display: none;
  }

  /*--------------------*/
  /* Menu */
  /*--------------------*/

  .hamburger {
      position: absolute;
      margin: 0px 10px;
      top: 5vh;
      height: 100vh;
      z-index: 9999;
      cursor: pointer;
  }

  .line {
      width: 20px;
      height: 3px;
      background: #fff;
      margin-bottom: 3px;
  }

  .menu {
      width: 150px;
      height: 100%;
      background: #eeaf00;
      position: fixed;
      top: 0;
      left: -320px;
      transition: left .1s;
      font-family: "Lato", sans-serif;
      z-index: 998;
  }

  .menu a {
      color: #fff;
      text-decoration: none;
  }

  .menu a:link {
      color: #fff;
      text-decoration: none;
  }


  .menu a:visited {
      color: #fff;
      text-decoration: none;
  }



  .menu a:hover {
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      font-size: 17px;
  }

  .menu a:active {
      color: #fff;
      text-decoration: none;
  }

  .menu-open {
      width: 165px;
      height: 100vh;
      background: #eeaf00;
      position: absolute;
      left: 40px;
      top: 0;
      z-index: 999;
  }

  .menu-open a {
      color: #fff;
  }


  .menu-open a:link {
      color: #fff;
      text-decoration: none;
  }

  .menu-open a:visited {
      color: #fff;
      text-decoration: none;
  }



  .menu-open a:hover {
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      font-size: 17px;
  }

  .menu-open a:active {
      color: #fff;
      text-decoration: none;
  }

  .menu-item:first-child {
      margin-top: 200px;
  }

  .menu--open {
      left: 0;
  }




  .menu-item {
      color: #fff;
      width: 100%;
      opacity: 0.8;
      padding: 1rem 0rem;
      box-sizing: border-box;
      font-size: 16.5px;
      font-weight: 500;
      font-family: "Lato", sans-serif;
  }

  .menu-item:hover {
      opacity: 1;
      cursor: pointer;
  }

  .soli {
      display: none;
  }

  .soli-mobile {
      display: none;
  }


  .barra-soli {
      display: none;
  }

  .barra {
      position: fixed;
      left: 0;
      height: 100%;
      background-color: #eeaf00;
      width: 40px;
      display: none;
  }


  .segmentos {
      position: fixed;
      right: 0;
      top: 30vh;
      display: none;
  }

  .square {
      background-color: #fff;
      padding: 0;
  }

  .square a {
      display: block;
      color: #000;
      padding: 15px 15px;
      border-bottom: solid 1px white;


  }

  .square a:hover {
      opacity: 1;
  }


  .btn {
      border: none !important;
      outline: none;
      padding: 15px 15px;
      background-color: #fff;
      cursor: pointer;
      font-size: 18px;
      opacity: 0.2;
      box-shadow: 0 0 0 0 solid;
  }

  /* Style the active class, and buttons on mouse-over */
  .active,
  .btn:hover {

      opacity: 1;
  }

  .lines {
      margin-top: 20px;
      margin-bottom: 40px;
      border: 0;
      border-top: 1px solid #b0b0b0;
      width: 84%;

  }

  .lines-between {
      margin-top: 20px;
      margin-bottom: 40px;
      border: 0;
      border-top: 1px solid #b0b0b0;
      width: 84%;

  }

  .lines-between-T {
      margin-top: 1px;
      margin-bottom: 1px;
      border: 0;
      border-top: transparent;
      width: 84%;

  }


  .rotate:hover {
      -webkit-transform: rotateZ(-360deg);
      -ms-transform: rotateZ(-360deg);
      transform: rotateZ(-360deg);
      transition: 0.9s;
  }



  /*--------------------*/
  /* Home */
  /*--------------------*/

  #home {
      background-color: #eeaf00;
      height: 100vh;
      width: 100%;

  }

  .seta-top {
      width: 18px;
  }


  /*--------------------*/
  /*     Footer*/
  /*--------------------*/

  .footer-contatos {
      margin-bottom: 20px;
      color: #fff;
      font-weight: 300;
      font-size: 13px;
      letter-spacing: 0.5px;
  }


  .redes {
      text-align: right;
      margin-top: -2px;
  }

  .redes a {
      color: #fff;
      font-size: 14px;
  }

  .redes a:hover {
      color: #666666;
  }

  footer p {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      margin-bottom: 20px;
  }

  footer p a:hover {
      text-decoration: none;
      color: #fff;
      cursor: pointer;
  }

  .footer-ifs {
      margin-left: 10px;
      margin-top: -15px;
  }

  .space {
      margin-left: 30px;
  }



  .novo p a {
      font-size: 20px;
      color: #fff;
  }

  .novo p a:hover {
      color: #666666;
  }

  .news {
      border: 2px solid #fff;
      color: #fff;
      padding: 10px 8px 10px 8px;
  }


  .footer-bott {
      padding: 1px 0 5px;
      text-align: center;
      width: 100%;
      background-color: #666666;
  }


  /*--------------------*/
  /* Produtos */
  /*--------------------*/

  #produtos {
      margin: 0;
      padding-bottom: 0;
      background-color: #fff;
  }

  #produtos h1 {
      font-size: 3.3em;
      font-family: "Lato", sans-serif;
      font-weight: 600;
      color: #000;
  }

  #produtos p {
      font-size: 1.8em;
      font-weight: 300;
      font-family: "Lato", sans-serif;
      padding-bottom: 1.5em;
      line-height: 1.2em;
  }

  #produtos .container {
      width: 65%;
  }

  #produtos a {
      color: #000;
      text-decoration: none;
      font-family: "Lato", sans-serif;
  }

  #produtos a:hover {
      opacity: 0.8;
  }

  .gallery-left {
      padding-left: 0 !important;
      margin-left: -3px;
  }


  .gallery-right {
      padding-right: 0 !important;
      margin-right: -3px;

  }

  .no-padding-left {
      padding-left: 0;
  }

  .no-padding-right {
      padding-right: 0;
  }


  .catalogo {
      margin-bottom: 40px;
      font-weight: 400;
      margin-top: -10px;
      font-size: 18px;
  }

  /*--------------------*/
  /* Bloco texto Right */
  /*--------------------*/




  .texto-right {
      padding: 140px 20px;
  }



  .texto-right h3 {
      font-family: "Lato", sans-serif;
      margin-top: 10px;
      text-align: left;
      font-size: 3.5em;
      line-height: 1.4em;
      font-weight: 600;
      margin-bottom: 1px;
      margin-left: 20px;
  }



  .texto-right p {
      font-family: "Lato", sans-serif;
      text-align: left;
      font-size: 1.6em;
      font-weight: 300;
      margin-bottom: 30px;
      line-height: 1.2em;
      margin-left: 20px;
  }

  .texto-right h5 {
      font-family: "Lato", sans-serif;
      text-align: left;
      font-size: 1em;
      color: #9e9e9e;
      font-weight: 600;
      margin-left: 20px;
      margin-bottom: 20px;
  }


  .title1 {
      font-size: 1.8em;
  }

  .img-exemplos-R {
      width: 88%;
      margin-left: 20px;
  }

  .tag-R {
      width: 100px;
      margin-left: 20px;
  }

  .tag-R1 {
      width: 100px;
      margin-left: 20px;
      margin-bottom: 20px;
  }







  /*--------------------*/
  /* Bloco Texto Left */
  /*--------------------*/

  .texto-left {
      padding: 140px 20px;
  }



  .texto-left h3 {
      font-family: "Lato", sans-serif;
      margin-top: 10px;
      text-align: right;
      font-size: 3.5em;
      line-height: 1.4em;
      font-weight: 600;
      margin-bottom: 1px;
      float: right;
      margin-right: 20px;
  }



  .texto-left p {
      font-family: "Lato", sans-serif;
      text-align: right;
      font-size: 1.6em;
      font-weight: 300;
      margin-bottom: 30px;
      line-height: 1.2em;
      float: right;
      width: 100%;
      margin-right: 20px;
  }



  .texto-left h5 {
      font-family: "Lato", sans-serif;
      text-align: right;
      font-size: 1em;
      color: #9e9e9e;
      font-weight: 600;
      float: right;
      margin-right: 20px;
      margin-bottom: 20px;
  }

  .title1 {
      font-size: 1.8em;
  }

  .img-exemplos-L {
      width: 88%;
      margin-right: 20px;
      float: right;
  }

  .tag-L {
      width: 100px;
      float: right;
      margin-right: 20px;
  }

  .tag-L1 {
      width: 100px;
      float: right;
      margin-right: 20px;
      margin-bottom: 20px;
  }

  /*--------------------*/
  /* Folhados */
  /*--------------------*/
  #folhados {
      padding: 0em 0 0em
  }


  #folhados h3 {
      color: black;
      font-family: "Lato", sans-serif;
  }


  .img-sol-folhados {
      margin-top: -5px;
      width: 30px;
      margin-right: 10px;
  }



  /*--------------------*/
  /* Chocolate */
  /*--------------------*/

  #chocolates {
      padding: 0em 0 0em
  }


  #chocolates h3 {
      color: black;
      font-family: "Lato", sans-serif;

  }

  .img-sol-chocolate {
      margin-top: -5px;
      width: 30px;
      margin-right: 10px;
  }



  /*--------------------*/
  /* Secos */
  /*--------------------*/
  #secos {
      padding: 0em 0 0em
  }


  #secos h3 {
      color: black;
      font-family: "Lato", sans-serif;
  }


  .img-sol-secos {
      margin-top: -5px;
      width: 30px;
      margin-right: 10px;
  }


  /*--------------------*/
  /* Húmidos */
  /*--------------------*/
  #humidos {
      padding: 0em 0 0em
  }


  #humidos h3 {
      color: black;
      font-family: "Lato", sans-serif;
  }

  .img-sol-humidos {
      margin-top: -5px;
      width: 30px;
      margin-right: 10px;
  }



  /*--------------------*/
  /* Edição Especial */
  /*--------------------*/
  #especial {
      padding: 2em 0 2em
  }


  #especial h3 {
      color: black;
      font-family: "Lato", sans-serif;
  }

  .img-sol-especial {
      margin-top: -5px;
      width: 30px;
      margin-right: 10px;
  }










  /*--------------------*/
  /* Palmieres */
  /*--------------------*/



  .img-palmiere {
      width: 100%;
      margin-top: -15%;
      padding: 0 0 0 9%;
  }


  .title-palmiere {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 180px;
  }



  /*--------------------*/
  /* Churritos */
  /*--------------------*/

  .img-churritos {
      margin-top: -8%;
      width: 100%;
      padding: 0 0 0 2%;
  }

  .title-choco-churritos {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      float: left;
      margin-bottom: 40px;
      margin-left: 60px;
  }


  /*--------------------*/
  /* Mini Churritos */
  /*--------------------*/



  .img-M-churritos {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }

  .title-choco-M-churritos {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }



  /*--------------------*/
  /* Supremas de Chocolate */
  /*--------------------*/



  .img-supremas-choco {
      margin-top: -3%;
      width: 100%;
      padding: 0 10px 0 0;
  }

  .title-choco-supremas {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      float: left;
      margin-bottom: 40px;
      margin-left: 190px;
  }







  /*--------------------*/
  /* Areias */
  /*--------------------*/


  .img-areias {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-secos-areias {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }



  /*--------------------*/
  /* Biscoitos Amendoa */
  /*--------------------*/


  .img-b-amendoa {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-secos-b-amendoa {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }




  /*--------------------*/
  /* Biscoitos Gengibre */
  /*--------------------*/

  .img-b-gengibre {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-secos-b-gengibre {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }


  /*--------------------*/
  /* Delícias Canela*/
  /*--------------------*/


  .img-d-canela {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-secos-d-canela {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }


  /*--------------------*/
  /* Esses */
  /*--------------------*/

  .img-esses {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-secos-esses {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }



  /*--------------------*/
  /* Manteiguinhas */
  /*--------------------*/


  .img-manteiguinhas {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-secos-manteiguinhas {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }


  /*--------------------*/
  /* Lagartos */
  /*--------------------*/


  .img-lagartos {
      width: 100%;
      margin-top: -12%;
      padding: 0 0 0 8%;
  }


  .title-secos-lagartos {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }


  /*--------------------*/
  /* L gato */
  /*--------------------*/


  .img-L-gato {
      width: 100%;
      margin-top: -5%;
      padding: 0 0 0 2%;
  }


  .title-secos-L-gato {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }




  /*--------------------*/
  /* L veado */
  /*--------------------*/


  .img-L-veado {
      width: 100%;
      margin-top: -2%;
      padding: 0 0 0 8%;
  }


  .title-secos-L-veado {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }



  /*--------------------*/
  /* Preciosas */
  /*--------------------*/

  .img-preciosas {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-secos-preciosas {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 120px;
      float: left;
      margin-bottom: 40px;
  }



  /*--------------------*/
  /* Supremas */
  /*--------------------*/


  .img-supremas {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-secos-supremas {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }






  /*--------------------*/
  /* Mini Amendoa */
  /*--------------------*/


  .img-m-amendoa {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-humidos-m-amendoa {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }


  /*--------------------*/
  /* Mini Cenoura */
  /*--------------------*/


  .img-m-cenoura {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-humidos-m-cenoura {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }







  /*--------------------*/
  /* Figo d'ouro*/
  /*--------------------*/


  .img-figo {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 2%;
  }


  .title-especial-figo {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 80px;
      float: left;
      margin-bottom: 40px;
  }





  /*--------------------*/
  /* Broa Castelar */
  /*--------------------*/


  .img-broa {
      width: 100%;
      margin-top: -7%;
      padding: 0 0 0 8%;
  }


  .title-especial-broa {
      font-weight: 400;
      margin-top: 10px;
      font-size: 18px;
      margin-left: 20px;
      margin-bottom: 40px;
      float: right;
      margin-right: 80px;
  }









  /*--------------------*/
  /* Tooltip */
  /*--------------------*/



  [tooltip] {
      position: relative;
  }

  [tooltip]::before,
  [tooltip]::after {
      text-transform: none;
      line-height: 1;
      font-size: .9em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      position: absolute;
      display: none;
      opacity: 0;
  }

  [tooltip]::before {
      content: '';
      border: var(--dink) solid transparent;
      z-index: 1001;
  }

  [tooltip]::after {
      content: attr(tooltip);
      font-family: "Lato", sans-serif;
      text-align: center;
      min-width: 3em;
      max-width: 21em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 1ch 1.5ch;
      border-radius: .3em;
      box-shadow: 0 1em 2em -0.5em var(--shadow);
      background: var(--bg);
      color: var(--text);
      z-index: 1000;
  }

  [tooltip]:hover::before,
  [tooltip]:hover::after {
      display: block;
  }

  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
      bottom: 100%;
      border-bottom-width: 0;
      border-top-color: var(--bg);
  }

  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
      bottom: calc(100% + var(--dink));
  }

  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
      left: 50%;
      -webkit-transform: translate(-50%, 0.5em);
      transform: translate(-50%, 0.5em);
  }

  [tooltip][flow^="down"]::before {
      top: 100%;
      border-top-width: 0;
      border-bottom-color: var(--bg);
  }

  [tooltip][flow^="down"]::after {
      top: calc(100% + var(--dink));
  }

  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
      left: 50%;
      -webkit-transform: translate(-50%, -0.5em);
      transform: translate(-50%, -0.5em);
  }

  [tooltip][flow$="-left"]::after {
      right: 50%;
      left: auto;
  }

  [tooltip][flow="up-left"]::after {
      -webkit-transform: translate(1.5em, 0.5em);
      transform: translate(1.5em, 0.5em);
  }

  [tooltip][flow="down-left"]::after {
      -webkit-transform: translate(1.5em, -0.5em);
      transform: translate(1.5em, -0.5em);
  }

  [tooltip][flow="up-right"]::after {
      -webkit-transform: translate(-1.5em, 0.5em);
      transform: translate(-1.5em, 0.5em);
  }

  [tooltip][flow="down-right"]::after {
      -webkit-transform: translate(-1.5em, -0.5em);
      transform: translate(-1.5em, -0.5em);
  }

  [tooltip][flow="left"]::before {
      top: 50%;
      border-right-width: 0;
      border-left-color: var(--bg);
      left: calc(0em - var(--dink));
      -webkit-transform: translate(0.5em, -50%);
      transform: translate(0.5em, -50%);
  }

  [tooltip][flow="left"]::after {
      top: 50%;
      right: calc(100% + var(--dink));
      -webkit-transform: translate(0.5em, -50%);
      transform: translate(0.5em, -50%);
  }

  [tooltip][flow="right"]::before {
      top: 50%;
      border-left-width: 0;
      border-right-color: var(--bg);
      right: calc(0em - var(--dink));
      -webkit-transform: translate(-0.5em, -50%);
      transform: translate(-0.5em, -50%);
  }

  [tooltip][flow="right"]::after {
      top: 50%;
      left: calc(100% + var(--dink));
      -webkit-transform: translate(-0.5em, -50%);
      transform: translate(-0.5em, -50%);
  }

  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
      -webkit-animation: tips-vert var(--ani);
      animation: tips-vert var(--ani);
  }

  [tooltip][flow$="-right"]:hover::after {
      -webkit-animation: tips-diag-right var(--ani);
      animation: tips-diag-right var(--ani);
  }

  [tooltip][flow$="-left"]:hover::after {
      -webkit-animation: tips-diag-left var(--ani);
      animation: tips-diag-left var(--ani);
  }

  [tooltip][flow="left"]:hover::before,
  [tooltip][flow="left"]:hover::after,
  [tooltip][flow="right"]:hover::before,
  [tooltip][flow="right"]:hover::after {
      -webkit-animation: tips-horz var(--ani);
      animation: tips-horz var(--ani);
  }

  [tooltip='']::after,
  [tooltip='']::before {
      display: none !important;
  }

  *,
  *::before,
  *::after {
      box-sizing: border-box;
  }



  /*--------------------*/
  /*    seta go top*/
  /*--------------------*/


  .back-to-top {
      cursor: pointer;
      position: fixed;
      bottom: 20px;
      color: #000;
      right: 20px;
      display: inline-block;
      padding: 2px 3px;
      border-radius: 100px;
      background-color: #eeaf00;

  }


  /*--------------------*/
  /*    Pop up*/
  /*--------------------*/



  .vertical-alignment-helper {
      display: table;
      height: 100%;
      width: 100%;
      pointer-events: none;
  }

  .vertical-align-center {
      /* To center vertically */
      display: table-cell;
      vertical-align: middle;
      pointer-events: none;
  }

  .modal-content {
      /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
      width: inherit;
      max-width: inherit;
      /* For Bootstrap 4 - to avoid the modal window stretching full width */
      height: inherit;
      /* To center horizontally */
      margin: 0 auto;
      pointer-events: all;
  }

  .modal-content h4 {
      font-family: "Lato", sans-serif;
      font-size: 30px;
      font-weight: 400;
      text-align: center;
      padding: 20px 0 0 0;
  }

  .modal-header {
      border: none !important
  }

  .modal-footer {
      border: none !important;
      padding: 0px 15px 5px 0px !important
  }

  .modal-footer .btn {
      opacity: 0.8;
  }









  /*--------------------*/
  /*
    
    
___  ___        _      _  _       
|  \/  |       | |    (_)| |      
| .  . |  ___  | |__   _ | |  ___ 
| |\/| | / _ \ | '_ \ | || | / _ \
| |  | || (_) || |_) || || ||  __/
\_|  |_/ \___/ |_.__/ |_||_| \___|
                                  
                                  
                     */
  /*--------------------*/






















  @media (max-width: 1024px) {
      body {}


      .slider {
          display: none;
      }

      .logo-mobile {
          display: block;
          position: absolute;
          top: 50px;
          left: 27.5%;
          width: 45%;
      }


      .slider-mobile {
          display: block;
          position: absolute;
          top: 3%;
          left: 0%;
          width: 100%;
      }

      .mobile {
          display: block;
          width: 100%;
          height: 100vh;
          background-color: #eeaf00;
          position: absolute;

      }



      .mobile a:link {
          color: #fff;
          text-decoration: none;
      }

      .mobile a {

          color: #fff;
          font-size: 350%;
          font-weight: 300;
          font-family: "Lato", sans-serif;
      }

      .mobile a:hover {
          color: #fff;
          text-decoration: none;
      }



      .footer1 {
          display: none;
      }

      .redes {
          padding: 20px 0;
      }

      .footer-mobile {
          display: block;
          position: absolute;
          width: 100%;
        

      }

      .footer-mobile p {
          font-size: 26px;
      }

      .space {
          margin-left: 70px;
      }


      .barra {
          position: fixed;
          left: 0;
          height: 100%;
          background-color: #eeaf00;
          width: 75px;
          display: none !important;
          z-index: 998;
      }


      .hamburger {
          position: absolute;
          margin: 0px 10px;
          top: 5vh;
          height: 100vh;
          z-index: 9999;
          cursor: pointer;
      }

      .line {
          width: 50px;
          height: 7px;
          background: #fff;
          margin-bottom: 7px;
      }

      .menu {
          width: 200px;
          height: 100%;
          background: #eeaf00;
          position: fixed;
          top: 0;
          left: -320px;
          transition: left .1s;
          font-family: "Lato", sans-serif;
          z-index: 998;
      }

      .menu-item {
          color: #fff;
          width: 100%;
          opacity: 0.8;
          padding: 1rem 0rem;
          box-sizing: border-box;
          font-size: 26px;
          font-weight: 500;
          font-family: "Lato", sans-serif;
      }

      .menu-item:hover {
          opacity: 1;
          cursor: pointer;
      }

      .menu-open {
          width: 1px;
          height: 100vh;
          background: #eeaf00;
          position: absolute;
          left: 40px;
          top: 0;
          z-index: 999;
      }


      .none {
          display: none;
      }

      .nav > li > a {
          position: relative;
          display: block;
          padding: 30px 15px !important;
      }

      .nav > li > a > img {
          width: 60px;
      }


      .soli {
          display: none !important;
      }

      .soli-mobile {
          display: block;
      }

      .barra-soli {
          display: block;
          position: absolute;
          width: 110px;
          right: 0;
          top: 0;
          height: 100vh;
          background-color: #eeaf00;
          z-index: 999;
      }

      .tooltip-inner {
          font-size: 30px;
      }




      #folhados {
          display: none;
      }


      #chocolates {
          display: none;
      }

      #secos {
          display: none;
      }

      #humidos {
          display: none;
      }

      .lines-between {
          display: none;
      }

      .lines-between-T {
          display: none;
      }


      #folhados-mobile {
          display: block;
      }


      #chocolates-mobile {
          display: block;
      }

      #secos-mobile {
          display: block;
      }

      #humidos-mobile {
          display: block;
      }


      .lines-between-mobile {
          display: block;
          margin-top: 20px;
          margin-bottom: 40px;
          border: 0;
          border-top: 1px solid #b0b0b0;
          width: 100%;
      }

      .lines-between-T-mobile {
          display: block;
          margin-top: 1px;
          margin-bottom: 1px;
          border: 0;
          border-top: transparent;
          width: 100%;
      }


      .texto-center {
          padding: 140px 20px;
      }



      .texto-center h3 {
          font-family: "Lato", sans-serif;
          margin-top: 10px;
          text-align: center;
          font-size: 4.5em;
          line-height: 1.4em;
          font-weight: 600;
          color: black;
          margin-bottom: 1px;
          margin-left: 20px;
      }



      .texto-center p {
          font-family: "Lato", sans-serif;
          text-align: center;
          font-size: 2.6em;
          font-weight: 300;
          margin-bottom: 30px;
          line-height: 1.2em;
          margin-left: 20px;
      }

      .texto-center h5 {
          font-family: "Lato", sans-serif;
          text-align: center;
          font-size: 1em;
          color: #9e9e9e;
          font-weight: 600;
          margin-left: 20px;
          margin-bottom: 20px;
      }


      .title1 {
          font-size: 2.2em;
      }

      .img-exemplos-R {
          width: 88%;
          margin-left: 20px;
      }



      .tag-mobile {
          width: 100px;
          margin-bottom: 20px;
      }


      /*--------------------*/
      /* Produtos */
      /*--------------------*/

      #produtos {
          margin: 0;
          padding-bottom: 0;
          background-color: #fff;
      }

      #produtos h1 {
          font-size: 4.3em;
          font-family: "Lato", sans-serif;
          font-weight: 600;
          color: #000;
      }

      #produtos p {
          font-size: 2.5em;
          font-weight: 300;
          font-family: "Lato", sans-serif;
          padding-bottom: 1.5em;
          line-height: 1.2em;
      }

      #produtos .container {
          width: 75%;
      }

      #produtos a {
          font-size: 1.99em;
          color: #000;
          text-decoration: none;
          font-family: "Lato", sans-serif;
      }

      #produtos a:hover {
          opacity: 0.8;
      }


      /*--------------------*/
      /*    seta go top*/
      /*--------------------*/


      .back-to-top {
          cursor: pointer;
          position: fixed;
          bottom: 5%;
          color: #000;
          right: 3.5%;
          display: inline-block;
          padding: 23px 21px;
          border-radius: 100px;
          background-color: #eeaf00;

      }

      .seta-top {
          width: 38px;
      }



      /*--------------------*/
      /* img-sol */
      /*--------------------*/

      .img-sol-folhados {
          margin-top: -5px;
          width: 40px;
          margin-right: 10px;
      }

      .img-sol-chocolate {
          margin-top: -5px;
          width: 40px;
          margin-right: 10px;
      }


      .img-sol-secos {
          margin-top: -5px;
          width: 40px;
          margin-right: 10px;
      }


      .img-sol-humidos {
          margin-top: -5px;
          width: 40px;
          margin-right: 10px;
      }













      /*--------------------*/
      /* Palmieres */
      /*--------------------*/



      .img-palmiere {
          width: 100%;
          margin-top: -15%;
          padding: 0 0 0 0;
      }





      /*--------------------*/
      /* Menu Mobile */
      /*--------------------*/

      .nav-mobile {
          display: block;
      }

      nav {

          height: 100vh;
          width: 120px;
          position: fixed;
          background-color: #eeaf00;
          top: 0;
          z-index: 999;

      }


      #menuToggle {
          display: flex;
          flex-direction: column;
          position: relative;
          top: 55px;
          left: 25px;
          z-index: 1;
          -webkit-user-select: none;
          user-select: none;
      }

      #menuToggle input {
          display: flex;
          width: 100px;
          height: 100px;
          position: absolute;
          cursor: pointer;
          opacity: 0;
          z-index: 1000;
          color: #fff;
      }

      #menuToggle span {
          display: flex;
          width: 70px;
          height: 9px;
          margin-bottom: 8px;
          position: relative;
          background: #ffffff;
          border-radius: 3px;
          z-index: 1;
          transform-origin: 5px 0px;
          transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
              background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
              opacity 0.55s ease;
      }

      #menuToggle span:first-child {
          transform-origin: 0% 0%;
      }

      #menuToggle span:nth-last-child(2) {
          transform-origin: 0% 100%;
      }

      #menuToggle input:checked ~ span {
          opacity: 1;
          transform: rotate(45deg) translate(-3px, -1px);
          background: #fff;

      }

      #menuToggle input:checked ~ span:nth-last-child(3) {
          opacity: 0;
          transform: rotate(0deg) scale(0.2, 0.2);
      }

      #menuToggle input:checked ~ span:nth-last-child(2) {
          transform: rotate(-45deg) translate(0, -1px);
      }

      #menu {
          position: absolute;
          width: 70vw;
          height: 102vh;
          box-shadow: 0 0 10px #85888C;
          margin: -55px 0 0 -50px;
          padding: 50px;
          padding-top: 10vh;
          background-color: #eeaf00;
          -webkit-font-smoothing: antialiased;
          transform-origin: 0% 0%;
          transform: translate(-100%, 0);
          transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);

      }

      #menu li {
          color: transparent;
      }

      #menu li a {
          padding: 15px 0;
          transition-delay: 2s;
          font-size: 70px;
          color: #fff;
          font-family: "Lato", sans-serif;
          font-weight: 400;
      }

      #menuToggle input:checked ~ ul {
          transform: none;
      }

      .logo-menu-mobile {
          width: 50%;
          margin-bottom: 100px;
      }



      /*--------------------*/
      /*    Pop up*/
      /*--------------------*/



      .vertical-alignment-helper {
          display: table;
          height: 100%;
          width: 100%;
          pointer-events: none;
      }

      .vertical-align-center {
          /* To center vertically */
          display: table-cell;
          vertical-align: middle;
          pointer-events: none;
      }

      .modal-content {
          /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
          width: inherit;
          max-width: inherit;
          /* For Bootstrap 4 - to avoid the modal window stretching full width */
          height: inherit;
          /* To center horizontally */
          margin: 0 auto;
          pointer-events: all;
          width: 80vw;
      }

      .modal-content h4 {
          font-family: "Lato", sans-serif;
          font-size: 50px;
          font-weight: 400;
          text-align: center;
          padding: 20px 0 0 0;
      }

      .modal-header {
          border: none !important
      }

      .modal-footer {
          border: none !important;
          padding: 0px 15px 5px 0px !important
      }

      .modal-footer .btn {
          opacity: 0.8;
          font-size: 35px;
      }

      .close {
          font-size: 35px !important;
      }











  }

  /* auxiliar classes */
.position-relative {
position: relative;
}

  /* Footer additional information */

.footer-contatos {
    position: relative;
    white-space: nowrap;
}

.footer-telephone {
    width: 150px;
    display: inline-block;
    text-align: center;
}

.footer-phone-add-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 8px;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .footer-mobile .footer-phone-add-info {
        text-align: left;
        font-size: 14px;
    }

    .footer-telephone {
        text-align: left;
    }
}