/************************************/
/* HERO */
/************************************/

#hero {
  padding: 0;
}

#hero .heroImg {
  width: 100%;
  height: 30vw;
  background: #000;
}

#hero .slickLink {
  display: block;
  height: inherit;
  position: relative;
}

#hero .slickLink:hover {
  text-decoration: none;
}

#hero .heroImg img {
  opacity: .5;
}

#hero .heroTxtDiv {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  padding: 0 4vw;
  text-align: center;
  transform: translateY(-50%);
}

#hero .heroTxt {
  color: #fff;
  padding: 0 70px;
}

#hero .slickNavUl {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 4vw;
}

#hero .slickNavLi {
  float: left;
}

#hero .slickNavLi:last-child {
  float: right;
}

#hero .icon {
  padding: 10px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%;
}

#hero .icon:hover {
  background: var(--baseLinkColor);
}

@media (max-width: 767px) {
  #hero .heroImg {
    height: 50vw;
  }

  #hero .heroImg img {
    opacity: 1;
  }

  #hero .heroTxtDiv {
    position: relative;
    top: 0;
    padding: 10px 4vw;
    transform: translateY(0);
    background: #fff;
  }

  #hero .heroTxt {
    color: var(--baseLinkColor);
    padding: 0;
  }

  #hero .slickNavUl {
    display: none;
  }
}

/************************************/
/* END HERO */
/************************************/

/************************************/
/* CATEGORIAS */
/************************************/

#categorias {
  padding: 20px 0;
  background: var(--baseLinkColor);
  text-align: center;
}

#categorias .icon {
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
}

#categorias .icon:hover {
  text-decoration: none;
  opacity: .5;
}

@media (max-width: 767px) {
  #categorias .icon {
    padding: 5px 10px;
  }
}

/************************************/
/* END CATEGORIAS */
/************************************/

/************************************/
/* SUMARIO */
/************************************/

#sumario {
  padding: 6vh 0;
  text-align: center;
  background: #f2f2f2;
}

#sumario .cta {
  margin: 10px 0 0 0;
}

/************************************/
/* END SUMARIO */
/************************************/

/************************************/
/* DESTAQUES */
/************************************/

#destaques {
  padding: 6vh 0;
  background: var(--baseLinkColor);
}

#destaques .sectionTitle {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  position: relative;
  padding: 0 50px;
}

#destaques .slickNavUl {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

#destaques .slickNavLi {
  float: left;
}

#destaques .slickNavLi:last-child {
  float: right;
}

#destaques .icon {
  padding: 10px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%;
}

#destaques .icon:hover {
  background: var(--baseLinkColor);
}

#destaques .slickDestaquesUl {
  margin: 20px 0 0 0;
}

#destaques .produtoLink {
  padding: 0 5px;
}

/************************************/
/* END DESTAQUES */
/************************************/

/************************************/
/* HIGHLIGHT */
/************************************/

#highlight {
  padding: 0;
  text-align: center;
}

#highlight .wrap {
  padding: 6vh 4vw;
}

#highlight .highlightTxt {
  border: 4px solid #fff;
  padding: 20px;
  color: #fff;
  font-weight: 700;
  display: block;
  max-width: 80%;
  margin: auto;
  background: rgba(0,0,0,.4);
}

/************************************/
/* END HIGHLIGHT */
/************************************/

/************************************/
/* MARCAS */
/************************************/

#marcas {
  padding: 6vh 0;
}

#marcas .sectionTitle {
  text-transform: uppercase;
  text-align: center;
}

#marcas .txt {
  text-align: center;
  padding: 10px 0;
}

#marcas .centerImg {
  width: 100%;
  height: 11vw;
  max-height: 175px;
}

@media (max-width: 1200px) {
  #marcas .centerImg {
    height: 16vw;
  }
}

@media (max-width: 767px) {
  #marcas .centerImg {
    height: 22vw;
  }
}

@media (max-width: 480px) {
  #marcas .centerImg {
    height: 33vw;
  }
}
/************************************/
/* END MARCAS */
/************************************/

/************************************/
/* CATALOGOS */
/************************************/

#catalogos {
  padding: 6vh 0;
  background: #e5e5e5;
}

#catalogos .sectionTitle {
  text-transform: uppercase;
  text-align: center;
}

#catalogos .txt {
  text-align: center;
  padding: 10px 0 20px 0;
}

#catalogos .catalogosLi {
  display: inline-block;
  width: 70%;
  padding: 0 0 0 3vw;
  position: relative;
}

#catalogos .catalogosLi:first-child {
  width: 30%;
  padding: 0;
}

#catalogos .fsInput {
  margin: 0;
  padding: 10px 40px 10px 10px;
}

#catalogos .sectionSubTitle {
  text-transform: uppercase;
  padding: 0 0 10px 0;
  font-weight: 700;
}

#catalogos .formStyle {
  position: relative;
}

#catalogos .catalogosSlickUl {
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: middle;
}

#catalogos .slickNavUl {
  display: inline-block;
  vertical-align: middle;
}

#catalogos .catalogosImg {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

#catalogos .catalogosLink {
  display: block;
  position: relative;
  text-transform: uppercase;
  padding: 30px 0;
}

#catalogos .icon {
  padding: 10px 0;
}

@media (max-width: 767px) {
  #catalogos .catalogosLi {
    width: 100%;
    padding: 0;
  }

  #catalogos .catalogosLi:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }

  #catalogos .catalogosSlickUl {
    width: calc(100% - 80px);
  }

  #catalogos .catalogosImg {
    width: 40px;
  }

  #catalogos .catalogosLink {
    padding: 10px 0;
  }
}

/************************************/
/* END CATALOGOS */
/************************************/