* {
  box-sizing: border-box
}

#Page button,
#Page input[type=submit],
#Page input[type=image],
button {
  outline: none;
  border: none
}

.menu-open body {
  height: 100%;
  overflow: hidden;
  width: 100%
}

body {
  background: #f1f1f1;
  min-width: 1140px;
  position: relative
}

@media screen and (min-width: 768px)and (max-width: 1024px) {
  body {
    min-width: 0
  }
}

body,
.color,
.color a,
td,
p {
  font-family: "Noto Sans", sans-serif
}

a:link,
a:visited,
abbr {
  text-decoration: none
}

.bgcolor {
  background: #06a855
}

#Page {
  background: none;
  margin: 0 auto;
  max-width: 1140px;
  min-height: 300px;
  width: 100%
}

@media screen and (max-width: 768px) {
  #Page {
    max-width: none
  }
}

.page-home #Page {
  background: none;
  margin: 40px 0 0 0;
  max-width: none;
  padding: 0;
  width: auto
}

@media screen and (max-width: 768px) {
  .page-home #Page {
    margin: 25px 0 0 0
  }
}

#NavLogoTray {
  display: none
}

#NavLogoTray br {
  display: none
}

#NavLogoTray .timelogotray {
  margin: -20px 0 0 0
}

@media screen and (max-width: 768px) {
  #NavLogoTray .timelogotray {
    display: none;
    white-space: normal
  }
}

.Seguro {
  display: none
}

#NavVisitados,
.wrapperNavVisitados {
  display: none
}

.blocoAlerta,
.board .blocoAlerta {
  background-color: #d93136;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  padding: 5px
}

#loading-product-container,
#loading-tab-container {
  left: 0
}

img.lazy {
  opacity: 0;
  visibility: hidden
}

img.lazy.loaded {
  opacity: 1;
  visibility: visible
}

.center {
  margin: 0 auto;
  padding: 0 15px
}

@media(min-width: 1200px) {
  .center {
    max-width: 1170px
  }
}

@media screen and (max-width: 768px) {
  .center--smallest-padd {
    padding: 0 8px
  }
}

.no-transition {
  transition: 0ms all linear 0s
}

.transition {
  transition: 200ms all linear 0s
}

.transition-medium {
  transition: 150ms all linear 0s
}

.transition-fast,
img.lazy.loaded {
  transition: 75ms all linear 0s
}

.user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.flex,
.menu-object__img,
.menu-object__content {
  display: flex
}

.flex1 {
  flex: 1
}

.flex2 {
  flex: 2
}

.text-center {
  text-align: center
}

.only-desktop {
  display: block
}

@media(max-width: 768px) {
  .only-desktop {
    display: none
  }
}

.only-mobile {
  display: none
}

@media(max-width: 768px) {
  .only-mobile {
    display: block
  }
}

@media screen and (max-width: 768px) {
  html {
    padding: 0
  }

  body {
    min-width: 0
  }

  .center {
    width: auto
  }

  .header {
    display: block
  }

  .Seguro {
    position: static
  }

  .newsletter,
  .banner-title,
  .banner-extra3,
  .banner-extra2,
  .banner-extra1,
  .banner-home {
    display: none
  }
}

.banner-content {
  padding-top: calc(768 / 768 * 100%);
  position: relative;
  background-color: #e8e8e8
}

@media(min-width: 1024px) {
  .banner-content {
    padding-top: calc(400 / 1920 * 100%)
  }
}

.banner {
  line-height: 0;
  margin: 0 auto;
  text-align: center
}

.banner--home {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%
}

.banner--home img {
  display: block
}

.banner--home .glide__arrow {
  box-shadow: none;
  border: none;
  text-shadow: none;
  width: 60px;
  height: 100%;
  top: 0;
  transform: translateY(0);
  border-radius: 0;
  padding: calc(768 / 768 * 50%) 0;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width: 1024px) {
  .banner--home .glide__arrow {
    padding: calc(400 / 1920 * 50%) 0
  }
}

.banner--home .glide__arrow svg {
  fill: #fff
}

.banner--home .glide__arrow:hover svg {
  fill: #06a855
}

.banner--home .glide__arrow--left {
  left: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.0001) 100%)
}

.banner--home .glide__arrow--right {
  right: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.0001) 100%)
}

.banner--title {
  margin: 0 0 5px 0
}

.minibanners {
  margin: 0 auto 60px
}

.minibanners__content {
  display: grid
}

.minibanners__item {
  position: relative;
  padding-top: 66.6666666667%;
  width: 100%;
  background-color: #e8e8e8;
  line-height: 0;
  text-align: center
}

.minibanners__item:last-child {
  display: none
}

.minibanners__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.minibanners__img {
  display: block;
  margin: 0 auto;
  width: 100%
}

.banner__middle {
  margin: 0 auto 60px;
  max-width: 1140px;
}

.banner__middle .banner__middle-content {
  width: 100%
}

.banner__middle img {
  width: 100%
}

@media(max-width: 767px) {
  .minibanners {
    display: none
  }
}

@media(min-width: 768px) {
  .minibanners {
    display: block
  }

  .minibanners__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 15px
  }

  .minibanners__item:last-child {
    display: block
  }
}

@media(min-width: 1200px) {
  .minibanners__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 15px
  }

  .minibanners__item:last-child {
    display: block
  }
}

.reviews {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff
}

.reviews__title strong {
  color: #06a855;
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  margin-top: 15px;
  text-align: center;
  text-transform: none
}

.instagram__feed {
  max-width: 1140px;
  margin: 0 auto 5px;
  background: #fff;
  box-shadow: 700px 0 0 #fff, -700px 0 0 #fff;
  padding: 10px 0
}

.instagram__title {
  font-size: 21px;
  font-weight: bold;
  color: #06a855;
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 35px
}

.instagram__title a {
  font-size: 22px;
  font-weight: bold;
  color: #06a855;
  margin-left: 5px
}

.instagram__title svg {
  fill: #06a855;
  margin-right: 10px
}

.instagram__title a:hover {
  color: #068c47;
  text-decoration: none
}

.instagram__feed-container {
  height: 238px;
  background-color: #e8e8e8;
  width: 100%
}

.instagram_gallery {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  background-color: #fff
}

.instagram-image,
.instagram-video {
  width: 238px;
  flex-shrink: 0;
  margin-right: 15px
}

.instagram-image:last-child,
.instagram-video:last-child {
  margin-right: 0
}

.instagram-image img,
.instagram-video img {
  display: block
}

@media(min-width: 1200px) {
  .instagram__feed-container {
    height: 216px
  }

  .instagram-image,
  .instagram-video {
    width: 216px
  }
}

@media screen and (max-width: 768px) {
  .instagram__title {
    flex-direction: column
  }
}

.menu-object {
  background: #f7f7f7;
  display: block;
  margin-bottom: 30px;
  padding: 30px 0
}

.menu-object__title {
  color: #a1a1a1;
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 60px 0;
  text-align: center;
  text-transform: uppercase
}

@media screen and (max-width: 768px) {
  .menu-object__title {
    margin: 0 0 20px 0
  }
}

.menu-object__title strong {
  color: #06a855;
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  margin-top: 10px;
  text-align: center;
  text-transform: none
}

.menu-object__content {
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .menu-object__content {
    flex-wrap: wrap
  }
}

.menu-object__item {
  display: inline-block
}

@media screen and (max-width: 768px) {
  .menu-object__item {
    width: 50%
  }
}

.menu-object__item:hover .menu-object__img img {
  opacity: .9
}

.menu-object__item:hover .menu-object__label b {
  color: #06a855
}

.menu-object__link {
  display: inline-block;
  line-height: 0
}

@media screen and (max-width: 768px) {
  .menu-object__link {
    text-align: center;
    width: 100%
  }
}

.menu-object__img {
  line-height: 0;
  margin-bottom: 30px;
  min-height: 290px;
  align-items: flex-end;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .menu-object__img {
    margin-bottom: 15px;
    min-height: 180px
  }
}

.menu-object__img img {
  max-height: 290px
}

@media screen and (max-width: 768px) {
  .menu-object__img img {
    max-height: 140px
  }
}

.menu-object__label {
  color: #636363;
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 18px;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}

@media screen and (max-width: 768px) {
  .menu-object__label {
    font-size: 14px
  }
}

.menu-object__label b {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 22px;
  text-transform: none
}

html .smarthint .slick-list {
  margin: 0;
}

html .smarthint .center.showcase__product-list.slick-that {
  padding: 0 15px;
}

html .smarthint .product {
  width: 100% !important;
  margin: 0;
}

html .smarthint .slick-initialized .slick-slide {
  margin: 5px;
}

html .smarthint .slick-list {
  margin-left: -5px;
  margin-right: -5px;
}

/* Fix smarthint mobile style */
@media screen and (max-width: 650px) {

  html .smarthint .slick-list,
  html div#smarthint-news .slick-list.draggable {
    margin: 0 -3px !important;
  }

  html .smarthint .slick-initialized .slick-slide {
    margin: 3px;
  }
}

/* OUTROS ESTILOS */
.page-home .smt-only-desktop {
}
.page-home .smt-only-mobile {
  display: none;
}
@media (max-width: 992px) {
  .page-home .smt-only-desktop {
    display: none;
  }
  .page-home .smt-only-mobile {
    display: block;
  }
  .page-home .banner--home img {
    width: 100vw;
  }
}

/* BANNER HOME */
.page-home.mobile-active .banner--home {
  position: absolute !important;
}
.page-home.mobile-active .banner--home .swiper-slide {
  padding: 0px !important;
}

.banner--home .swiper-button-next:after,
.banner--home .swiper-button-prev:after {
  /* background: #0003; */
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100vh; */
}
.banner--home .swiper-button-next,
.banner--home .swiper-rtl .swiper-button-prev {
  right: 0px;
}
.banner--home .swiper-button-prev,
.banner--home .swiper-rtl .swiper-button-next {
  left: 0px;
}
.banner--home .swiper-button-next,
.banner--home .swiper-button-prev {
  margin-left: 10px;
  margin-right: 10px;
}

.banner--home .swiper-button-next:after,
.banner--home .swiper-button-prev:after {
  color: var(--bf-white);
  padding: 20px;
}
.smt-banner-primeira-compra {
  margin-top: 25px;
  margin-bottom: 25px;
}

.smt-banner-container.swiper-slide {
  height: 330px !important;
  padding: 0px !important;
}

.swiper-slide {
  height: 100% !important;
}

.banner__middle .banner__middle-content { margin-bottom:20px;}

.banner--home .swiper-button-next:after, .banner--home .swiper-button-prev:after { color: white;}