@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap");
* {
  margin: 0px;
  padding: 0px;
}

a {
  color: unset !important;
  text-decoration: unset !important;
}

ul {
  padding: unset !important;
}

.hero,
.slider-item {
  grid-template-rows: 100%;
}
main {
  font-family: "Montserrat", sans-serif;
}
body {
  background-color: #fff;
}
.price .price-por {
  display: block;
}
/* -------------------------------
1 BOX ITENS - BANNNER HERO
------------------------------- */

.hero {
  padding: 0 0;
}

.main_text {
  margin: 0px auto;
  width: 100%;
}
.main_text img {
  width: 100%;
}

.main_text img,
.main_text .title-hero {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.main_text .title-hero {
  display: none;
  color: #000;
  font-size: 30px;
  line-height: 100%;
  margin-left: 40px;
  text-transform: uppercase;
  text-align: left;
}
.main_text .title-hero h1 {
  color: #000;
  font-size: 210px;
  font-weight: 900;
  line-height: 80%;
  margin: 0;
  letter-spacing: 0;
}
.main_text .title-hero h1 span {
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  font-size: 55px;
  line-height: 100%;
  margin-left: -40px;
}

.grid-1 {
  grid-area: content;
  grid-column: 1 / 1;
  grid-row: 2 / 2;
  background-color: #000;
  border-radius: 60px;
  margin: 0 auto;
  color: #fff;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.desc-tag .holder-item,
.desc-tag .prod-image {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.prod-image {
  max-width: 300px;
}

.desc-tag .prd-title {
  font-size: 26px;
}
.desc-tag .prd-title b {
  font-size: 33px;
  display: block;
  line-height: 100%;
}

.desc-tag .price {
}

.grid-1 .price-de,
.grid-1 .price-por {
  font-size: 12px;
  font-weight: lighter;
  display: block;
}

.grid-1 .price-de {
  text-transform: uppercase;
}
.grid-1 .price-por b {
  font-size: 55px;
  line-height: 100%;
}

.grid-1 .price-por sup {
  top: -28px;
}
.grid-1 .price-por b sup {
  font-size: 60%;
  top: -13px;
}

.grid-1 .price-por p {
  text-align: right;
  margin: -15px 0 0;
  max-width: 96px;
}

.grid-2 .price-de,
.grid-2 .price-por {
  font-size: 12px;
  font-weight: lighter;
  display: block;
}

.grid-2 .price-de {
  text-transform: uppercase;
}
.grid-2 .price-por b {
  font-size: 55px;
  line-height: 100%;
}

.grid-2 .price-por sup {
  top: -28px;
}
.grid-2 .price-por b sup {
  font-size: 60%;
  top: -13px;
}

.desc-tag .cta-prod {
  background-color: #fff;
  color: #000;
  max-width: 162px;
  padding: 5px 0;
  text-align: center;
  border-radius: 100px;
  font-size: 19px;
  margin: 5px auto;
  display: block;
}

/* -------------------------------
1 BOX ITENS - BANNNER HERO
------------------------------- */

/* -------------------------------
3 BOX ITENS
------------------------------- */
.box-item-4 {
  /* display: grid;
  grid-template-columns: 370px 370px 370px;
  grid-template-areas:
    "empty"
    "content";
  grid-template-rows: auto; */
  display: flex;
  flex-wrap: wrap;
  width: 84%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0 0 60px;
}

/* .box-item-4 .item-11 {
  margin-left: -60px;
} */

.box-item-4 .tag-frete {
  padding: 12px 13px;
  font-size: 12px;
  top: 1vh;
  left: 5vw;
}
.box-item-4 .tag-frete p {
  font-size: 10px;
  margin: 0;
}

.box-item-4 .item-1 {
  padding: 5px;
  grid-area: content;
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-2 {
  padding: 5px;
  grid-area: content;
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-3 {
  padding: 5px;
  grid-area: content;
  grid-column: 3 / 3;
  grid-row: 1 / 1;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-4 {
  padding: 5px;
  grid-area: content;
  grid-column: 1 / 1;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-5 {
  padding: 5px;
  grid-area: content;
  grid-column: 2 / 2;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-6 {
  padding: 5px;
  grid-area: content;
  grid-column: 3 / 3;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-7 {
  padding: 5px;
  grid-area: content;
  grid-column: 3 / 3;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-8 {
  padding: 5px;
  grid-area: content;
  grid-column: 3 / 3;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-9 {
  padding: 5px;
  grid-area: content;
  grid-column: 3 / 3;
  grid-row: 2 / 2;
  text-align: center;
  margin: 10px auto;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-10 {
  padding: 5px;
  text-align: center;
  margin-right: 51px;
  max-width: 100%;
  position: relative;
}
.box-item-4 .item-11 {
  padding: 5px;
  text-align: center;
  max-width: 100%;
  position: relative;
}
.box-item-4 .prod-image {
  background-color: #fff;
  border-radius: 20px;
}
.box-item-4 .prod-item {
  color: #707070;
  text-decoration: none;
  max-width: 344px;
}
.box-item-4 .title {
  font-size: 20px;
  font-weight: bold;
}
.box-item-4 .price-de {
  font-size: 15px;
}
.box-item-4 .price-por {
  font-size: 23px;
}
.price .price-por {
  display: block;
}
.box-item-4 .tag-desc-item {
  background-color: #000;
  color: #fff;
  left: auto;
  right: 1vw;
}
.box-item-4 .cta-prod {
  display: block;
  max-width: 150px;
  border-radius: 100px;
  background-color: #f3911d;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  padding: 10px 0;
  margin: 10px auto;
}
.box-item-4 .cta-prod:hover {
  opacity: 0.5;
}
/* -------------------------------
3 BOX ITENS
------------------------------- */

.juridico p {
  text-align: center;
  display: block;
  max-width: 910px;
  margin: 0 auto 50px;
}

@media (max-width: 768px) {
  /* -------------------------------
    1 BOX ITENS - BANNNER HERO
    ------------------------------- */

  .hero {
  }

  .main_text img,
  .main_text .title-hero {
    text-align: center;
    margin: 0px;
  }
  .main_text .title-hero {
    color: #000;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
  }
  .main_text .title-hero h1 {
    font-size: 159px;
  }
  .main_text .title-hero h1 span {
    font-size: 41px;
    text-align: left;
  }

  .desc-tag .holder-item,
  .desc-tag .prod-image {
    display: inline-block;
    vertical-align: middle;
  }
  /* .prod-image {
    max-width: 300px;
  } */

  .desc-tag .prd-title {
    font-size: 26px;
  }
  .desc-tag .prd-title b {
    font-size: 33px;
    display: block;
    line-height: 100%;
  }

  .desc-tag .price {
  }

  .desc-tag .cta-prod {
    max-width: 162px;
    padding: 5px 0;
    text-align: center;
    border-radius: 100px;
    font-size: 19px;
    margin: 5px auto;
    display: block;
  }

  /* -------------------------------
    1 BOX ITENS - BANNNER HERO
    ------------------------------- */

  /* -------------------------------
    3 BOX ITENS
    ------------------------------- */
  .box-item-4 {
    grid-template-columns: 100vw;
  }

  .box-item-4 .tag-frete {
    top: 1vh;
    left: 33vw;
  }
  .box-item-4 .item-1 {
    grid-area: content;
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }
  .box-item-4 .item-2 {
    grid-area: content;
    grid-column: 1 / 1;
    grid-row: 2 / 2;
  }
  .box-item-4 .item-3 {
    grid-column: 1 / 1;
    grid-row: 3 / 3;
  }
  .box-item-4 .item-4 {
    grid-column: 1 / 1;
    grid-row: 4 / 4;
  }
  .box-item-4 .item-5 {
    grid-column: 1 / 1;
    grid-row: 5 / 5;
  }
  .box-item-4 .item-6 {
    grid-column: 1 / 1;
    grid-row: 6 / 6;
  }
  .box-item-4 .prod-image {
    border-radius: 20px;
  }
  .box-item-4 .title {
    font-size: 20px;
  }
  .box-item-4 .price-de {
    font-size: 15px;
  }
  .box-item-4 .price-por {
    font-size: 23px;
  }
  .box-item-4 .item-10 {
    margin: 0px;
  }
  /* -------------------------------
    3 BOX ITENS
    ------------------------------- */
}
@media (min-width: 1900px) {
  .box-item-4 {
    width: 70%;
  }
}
/* slider buttons */
.uk-slidenav-previous,
.uk-slidenav-next {
  color: #a3a4a5 !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 120px !important;
}
