.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fed600;
  font-family: 'Din Pro', sans-serif;
  color: #202020;
  font-size: 24px;
  line-height: 20px;
}

h1 {
  max-width: none;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #202020;
  font-size: 61px;
  line-height: 120%;
  font-weight: 900;
  text-transform: uppercase;
}

h2 {
  max-width: 640px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #202020;
  font-size: 26px;
  line-height: 130%;
  font-weight: 700;
  text-transform: uppercase;
}

h3 {
  max-width: none;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 110%;
  font-weight: 900;
  text-transform: uppercase;
}

h5 {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #dd0a2c;
  font-size: 21px;
  line-height: 140%;
  font-weight: 700;
  text-transform: uppercase;
}

p {
  max-width: 760px;
  margin-bottom: 0px;
  font-size: 21px;
  line-height: 140%;
}

a {
  color: #202020;
  font-size: 18px;
  line-height: 150%;
  text-decoration: underline;
}

.container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 1480px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.container.vertical {
  width: 100%;
  margin-top: 30px;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.vertical.right {
  margin-top: 50px;
  text-align: left;
}

.container.large {
  width: 100%;
  max-width: 1580px;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.padding-large {
  width: 100%;
  max-width: 1580px;
  margin-left: auto;
  padding-top: 190px;
  padding-bottom: 190px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.padding-global {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100vw;
  height: 100%;
  padding: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.padding-global._2 {
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 100px;
}

.padding-global.mpublica {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.padding-global.large {
  padding-top: 100px;
  padding-right: 10px;
  padding-bottom: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-width: 260px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 13px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #dd0a2c;
  box-shadow: 3px 5px 0 1px #9f0016;
  color: #fff;
  font-size: 22px;
  line-height: 150%;
  font-weight: 900;
  text-transform: uppercase;
}

.btn:hover {
  margin-top: 6px;
  margin-bottom: 0px;
  box-shadow: none;
}

.btn:active {
  margin-top: 6px;
}

.btn.small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 250px;
  min-width: auto;
  padding: 11px 36px;
  font-size: 18px;
}

.btn.small.secondary {
  background-color: #f7f7f7;
  box-shadow: 3px 5px 0 1px #dd0a2c;
  color: #dd0a2c;
}

.btn.small.secondary:hover {
  box-shadow: none;
}

.btn.small.full {
  width: 85%;
}

.btn.secondary {
  background-color: #fff;
  box-shadow: 3px 5px 0 1px #dd0a2c;
  color: #dd0a2c;
}

.btn.secondary:hover {
  box-shadow: none;
}

.btn.persona {
  padding: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.btn.persona-copy {
  min-width: 280px;
  padding: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none;
}

.btn.hero-section {
  max-width: 400px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 20px;
  white-space: nowrap;
}

.group-padding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 20px;
}

.color-red {
  display: inline;
  color: #dd0a2c;
}

.color-red.mobile {
  color: #202020;
}

.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  max-height: 1000px;
  min-height: 700px;
  margin-bottom: 70px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mensagempublica {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mensagemprivada {
  margin-top: 0px;
}

.lojaonline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 100px 100px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 25px;
  background-color: transparent;
  background-image: url('../images/mountain_footer.png');
  background-position: 100% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  white-space: nowrap;
}

.footer.persona {
  padding-top: 80px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 214, 0, 0)), color-stop(75%, #fed600));
  background-image: linear-gradient(180deg, rgba(254, 214, 0, 0), #fed600 75%);
  background-position: 0px 0px;
}

.navbar {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 100px;
  padding-left: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.nav-container {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1480px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-container._2 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.logo {
  width: 140px;
  max-width: none;
}

.content-wrapper {
  position: relative;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: 20px;
  text-align: left;
}

.content-wrapper.text {
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content-wrapper.rows {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 30px;
}

.content-wrapper.info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 560px;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 30px;
}

.content-wrapper.info._2 {
  width: 40%;
}

.content-wrapper.slider-text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 57%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 30px;
}

.content-wrapper.slider-img {
  width: 43%;
  margin-right: 30px;
}

.content-wrapper.hide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.row-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  text-align: left;
}

.text-small {
  font-size: 12px;
}

.rich-text-block {
  max-width: 640px;
  margin-top: 30px;
  font-size: 18px;
}

.small-link {
  font-size: 14px;
}

.hero-text {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 800px;
  margin: 0px auto auto;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.hero-img {
  position: relative;
  bottom: 0px;
  z-index: 0;
  width: 160%;
  height: auto;
  max-height: 90%;
  max-width: none;
  margin: auto 0px 0px -35%;
  -o-object-fit: contain;
  object-fit: contain;
}

.grid {
  position: relative;
  bottom: 0px;
  display: -ms-grid;
  display: grid;
  height: 100%;
  max-width: 1680px;
  padding-right: 60px;
  padding-left: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -ms-grid-columns: 30% 60%;
  grid-template-columns: 30% 60%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-wrapper.margin-bottom {
  margin-bottom: 60px;
}

.social-media-icon {
  width: 40px;
  height: 40px;
}

.social-media-icon.ig {
  background-image: url('../images/ig-icon.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.social-media-icon.ig:hover {
  background-image: url('../images/ig-icon_hover.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.social-media-icon.fb {
  background-image: url('../images/fb-icon.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.social-media-icon.fb:hover {
  background-image: url('../images/fb-icon_hover.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.logofooter {
  width: 120px;
  max-width: none;
}

.shopify-collection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 2000px;
  margin-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.floating-bottle {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: -25px;
  z-index: 1;
  display: block;
  width: 220px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.tree {
  position: relative;
  z-index: -2;
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.mensagemtipos {
  position: relative;
  z-index: auto;
}

.floating-bottle-wrapper {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  height: 100%;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.snow-container {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url('../images/6362802da31fb74eb7329ce1_snowLB.gif');
  background-position: 0px 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.18;
  mix-blend-mode: normal;
}

.image {
  opacity: 0.79;
}

.gpublica {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: auto;
  max-height: 600px;
  margin: auto 0px auto auto;
  opacity: 1;
  -o-object-fit: contain;
  object-fit: contain;
}

.gpublica._2 {
  position: relative;
  top: auto;
  bottom: auto;
  margin-right: 0px;
}

.gpublica._1 {
  top: auto;
  bottom: auto;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
}

.gpublica.lottie {
  left: auto;
  top: auto;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 500px;
  margin-top: 0px;
  margin-left: auto;
  padding-bottom: 50px;
  -webkit-transform: scale3d(1, 1, 0.6);
  transform: scale3d(1, 1, 0.6);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.gpublica-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.gpublica-wrapper.mobile {
  display: none;
}

.hero-img-container {
  position: relative;
  z-index: 0;
  display: none;
  width: 140%;
  height: auto;
  max-height: 90%;
  max-width: none;
  margin-right: 0px;
  margin-left: -20%;
  -o-object-fit: contain;
  object-fit: contain;
}

.grid-2 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.publicas {
  display: none;
  width: 100%;
  margin-top: 30px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border: 0px solid #202020;
  background-color: transparent;
  color: #dd0a2c;
  font-size: 18px;
}

.publica-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 30px;
  box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.2);
}

.small-paragraph {
  color: #202020;
  font-size: 18px;
}

.publica-img {
  width: 100%;
  max-width: none;
  margin-bottom: 0px;
}

.slide {
  position: static;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
}

.slider {
  overflow: visible;
  width: 100%;
  height: auto;
  max-width: 1480px;
  margin-bottom: 40px;
  background-color: transparent;
}

.slide-nav {
  margin-bottom: -60px;
}

.right-arrow {
  margin-right: -70px;
}

.left-arrow {
  margin-left: -70px;
}

.icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #dd0a2c;
}

.icon-2 {
  color: #dd0a2c;
}

.padding-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.video-container-menu {
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.video-container-menu._1 {
  display: none;
}

.video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 1000px;
  max-width: 1480px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.html-embed {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: fill;
  object-fit: fill;
}

.close-wrapper {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #dd0a2c;
}

.close-wrapper.text {
  top: auto;
  right: auto;
  bottom: -35px;
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 0%;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  text-decoration: underline;
}

.x {
  position: absolute;
  width: 2px;
  height: 60%;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.x._45 {
  border: 1px none #000;
  border-radius: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.close-space {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-space.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.hero-text-mobile {
  display: none;
}

.exemplos {
  margin-top: 0px;
  padding-top: 100px;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.fotografiabg {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0px;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54vw;
  max-height: 100%;
  max-width: none;
  margin-top: 100px;
  margin-left: auto;
  padding-left: 0%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(254, 214, 0, 0)), to(#fed600)), -webkit-gradient(linear, left top, left bottom, from(#fed600), color-stop(10%, rgba(254, 214, 0, 0)));
  background-image: linear-gradient(180deg, rgba(254, 214, 0, 0) 85%, #fed600), linear-gradient(180deg, #fed600, rgba(254, 214, 0, 0) 10%);
  opacity: 0.57;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.fotografiaimagem {
  position: relative;
  z-index: -1;
  display: none;
  width: 100%;
  max-width: none;
  margin-left: 0px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.mobileonly {
  display: none;
}

.btn-move {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.btn-move.persona {
  width: 100%;
  max-width: none;
  min-width: 620px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.fotografiabgmobile {
  display: none;
}

.no-margin {
  margin-right: 0px;
  margin-bottom: 0px;
}

.swiper-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.slider-button-right {
  width: 40px;
  height: 40px;
  padding: 0px;
  border: 0px solid transparent;
  border-radius: 100px;
  background-color: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}

.slider-button-right:hover {
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
  color: #fff;
}

.slider-button-right:active {
  background-color: transparent;
}

.container-2 {
  position: relative;
  width: 100%;
  max-width: 1328px;
  padding-right: 24px;
  padding-left: 24px;
}

.container-2.flex-center.overflow-none {
  overflow: hidden;
}

.swiper-wrapper {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.swiper-wrapper.basic-slider-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-button-left {
  width: 40px;
  height: 40px;
  padding: 0px;
  border: 0px solid #dd0a2c;
  border-radius: 0%;
  background-color: transparent;
  color: #7e3d5d;
  font-size: 0px;
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}

.slider-button-left:hover {
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-image: none;
  color: #fff;
}

.slider-button-left:active {
  background-color: transparent;
}

.swiper-slide {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.swiper-slide.basic-swiperr-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 37%;
  height: auto;
  margin-right: 0.4%;
  margin-left: 0.4%;
  box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.5);
}

.swiper-slide.basic-swiperr-item.empty {
  box-shadow: none;
}

.swiper-slide.basic-swiperr-item.last {
  margin-right: 200px;
}

.swiper-arrow-wrapper {
  position: absolute;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: -100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.basic-swiper {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 200px;
}

.swiper-pagination {
  display: none;
  margin-top: 5px;
  margin-right: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.swiper-pagination-bullet {
  width: 54px;
  height: 5px;
  background-color: rgba(221, 10, 44, 0.2);
}

.swiper-pagination-bullet-active {
  width: 54px;
  height: 5px;
  background-color: #dd0a2c;
}

.color-black {
  color: #202020;
}

.video-container-publicas {
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.video-container-publicas._1 {
  display: none;
}

.close-space2 {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-space2.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.video-container-parlamento {
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.video-container-parlamento._1 {
  display: none;
}

.video-container-selecionador {
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.video-container-selecionador._1 {
  display: none;
}

.video-container-marcelo {
  position: fixed;
  z-index: 99;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.video-container-marcelo._1 {
  display: none;
}

.close-spaceparlamento {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-spaceparlamento.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.close-spaceselecionador {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-spaceselecionador.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.close-spacemarcelo {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-spacemarcelo.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.close-space3 {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-space3.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.close-space4 {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-space4.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.close-space5 {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}

.close-space5.x {
  top: 0px;
  right: 0px;
  z-index: -1;
  display: none;
  width: 47px;
  height: 47px;
  margin-top: -50px;
  margin-right: -50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd0a2c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.section-heading {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.how {
  width: 50%;
  margin-top: -60px;
  margin-right: 0px;
  -o-object-fit: contain;
  object-fit: contain;
}

.heading {
  margin-top: 0px;
}

.prenda {
  display: none;
}

.allmessages {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: auto;
  height: 80%;
  max-width: none;
  margin-right: 0px;
  margin-bottom: 0px;
  -o-object-fit: contain;
  object-fit: contain;
}

.container-persona {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  max-height: none;
  max-width: 660px;
  min-height: 100vh;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
}

.input-mensagem {
  margin-bottom: 20px;
  padding: 32px 72px 35px;
  border: 0px solid #000;
  border-radius: 0px;
  background-image: url('../images/input_corner3.svg'), url('../images/input_corner4.svg'), url('../images/input_corner2.svg'), url('../images/input_corner1.svg');
  background-position: 100% 100%, 0% 100%, 100% 0%, 0px 0px;
  background-size: 70px, 70px, 70px, 70px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  font-size: 42px;
}

.headings-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.mensagem {
  color: #dd0a2c;
  font-size: 32px;
  font-weight: 700;
}

.receptor {
  font-size: 18px;
}

.emissor {
  color: #dd0a2c;
  font-size: 24px;
  font-weight: 500;
}

.persona-modal {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
  min-height: 480px;
  padding: 90px 100px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 8px;
  background-color: #fed600;
  box-shadow: 1px 1px 13px 0 rgba(75, 0, 12, 0.52);
  color: #202020;
  text-align: center;
  cursor: default;
}

.color-white {
  color: #fff;
}

.persona-modal-container {
  position: absolute;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.logo-modal {
  position: absolute;
  top: 30px;
  width: 120px;
}

.snow {
  position: fixed;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.tree-gift {
  position: relative;
  left: -180px;
  top: auto;
  right: auto;
  bottom: 0px;
  z-index: 0;
  width: auto;
  height: 105vh;
  max-height: none;
  max-width: none;
  min-height: auto;
  margin-right: 0px;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  -o-object-fit: contain;
  object-fit: contain;
}

.beirao-pai-natal {
  position: relative;
  left: auto;
  top: auto;
  right: 0%;
  bottom: -5%;
  width: 42%;
  height: auto;
  max-height: 86vh;
  max-width: none;
  min-width: auto;
  margin-top: auto;
  margin-right: -5%;
  margin-left: auto;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  -o-object-fit: contain;
  object-fit: contain;
}

.bg {
  position: fixed;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.snow-gif {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.27;
}

.input-bg {
  display: none;
}

.set-all-components-to-display-none-and-use-this-div-to-create-a-symbol {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 0%;
  margin-bottom: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fs-cc-banner_component {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 99998;
  display: none;
  width: auto;
  padding: 1.4rem 2rem 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top: 1px solid rgba(67, 83, 255, 0.16);
  border-radius: 0px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
}

.fs-cc-banner_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: none;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.fs-cc-banner_text {
  max-width: 800px;
  margin-right: 1rem;
  color: #fff;
  font-weight: 500;
  text-align: left;
  text-transform: none;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid #cb112a;
  color: #cb112a;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.fs-cc-banner_buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.fs-cc-banner_button {
  min-width: 8.75rem;
  margin-left: 0rem;
  padding: 0.625rem 1.25rem;
  border-style: solid;
  border-width: 2px;
  border-color: #cb112a;
  border-radius: 0.6rem;
  background-color: #cb112a;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
}

.fs-cc-banner_trigger {
  display: none;
}

.imglbvideo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  width: 72%;
  height: 100%;
  max-height: none;
  max-width: none;
  margin-right: -100px;
  margin-left: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.padding-small {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100vw;
  height: 100%;
  padding: 0px 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.padding-small._2 {
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 100px;
}

.padding-small.mpublica {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.padding-small.large {
  padding-top: 100px;
  padding-right: 10px;
  padding-bottom: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.left-arrow-slider {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider-gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  width: 16%;
  margin-left: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(254, 214, 0, 0)), color-stop(71%, rgba(254, 214, 0, 0.8)), to(#fed600));
  background-image: linear-gradient(90deg, rgba(254, 214, 0, 0), rgba(254, 214, 0, 0.8) 71%, #fed600);
}

.fotografiabgmobile-gradient {
  display: none;
}

.link {
  font-size: 24px;
}

.store-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.treeimg {
  position: absolute;
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 130%;
  max-width: 75%;
  margin-left: -15%;
  -o-object-fit: fill;
  object-fit: fill;
}

.tree-cover {
  max-height: 90%;
  margin-top: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 20px;
  font-size: 16px;
}

.product-image {
  max-height: 300px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    margin-top: 5px;
    font-size: 20px;
  }

  h3 {
    font-size: 32px;
  }

  h5 {
    margin-bottom: 3px;
    font-size: 16px;
  }

  p {
    max-width: 600px;
    font-size: 18px;
  }

  .container.vertical {
    margin-top: 10px;
  }

  .container.large {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .container.padding-large {
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .padding-global {
    height: auto;
    padding: 80px 30px;
  }

  .padding-global._2 {
    padding-left: 40px;
  }

  .padding-global.large {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .btn {
    width: 49.5%;
    max-width: 300px;
    min-width: auto;
    padding: 13px 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 18px;
  }

  .btn.small {
    width: 100%;
    padding: 10px;
  }

  .btn.small._3 {
    width: 50%;
  }

  .btn.secondary.hero-section {
    max-width: 400px;
  }

  .btn.persona {
    max-width: 280px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .btn.persona-copy {
    max-width: 280px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .btn.hero-section {
    width: 100%;
    max-width: 400px;
  }

  .color-red {
    display: inline;
  }

  .hero {
    height: auto;
    margin-bottom: 0px;
    padding: 0px 40px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .mensagempublica {
    margin-top: 50px;
  }

  .mensagemprivada {
    margin-top: 0px;
  }

  .footer {
    padding-top: 80px;
    padding-right: 40px;
    padding-left: 40px;
    white-space: nowrap;
  }

  .navbar {
    padding-right: 40px;
    padding-left: 40px;
  }

  .content-wrapper {
    margin-right: 10px;
  }

  .content-wrapper.info {
    width: 60%;
  }

  .content-wrapper.slider-text {
    width: 70%;
    margin-left: -15px;
  }

  .content-wrapper.slider-img {
    margin-right: 0px;
  }

  .row-wrapper {
    width: 100%;
  }

  .rich-text-block {
    margin-top: 20px;
  }

  .hero-text {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 100px;
  }

  .hero-img {
    width: 230%;
    margin-top: auto;
    margin-bottom: 0px;
    margin-left: -100%;
  }

  .grid {
    height: auto;
    max-width: none;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 100px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-grid-columns: 0.8fr 1.45fr;
    grid-template-columns: 0.8fr 1.45fr;
  }

  .text-wrapper.margin-bottom {
    max-width: 560px;
  }

  .shopify-collection {
    max-width: 400px;
  }

  .gpublica.lottie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: auto;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .gpublica-wrapper {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hero-img-container {
    width: 150%;
    margin-left: -25%;
  }

  .publicas {
    display: -ms-grid;
    display: grid;
    max-width: 606px;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .publica-wrapper {
    width: auto;
    max-width: none;
  }

  .slide {
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .slider {
    margin-bottom: 30px;
  }

  .right-arrow {
    margin-right: -40px;
  }

  .left-arrow {
    margin-left: -40px;
  }

  .video-container-menu {
    display: none;
  }

  .video-wrapper {
    width: 687px;
    height: 386px;
  }

  .close-wrapper {
    z-index: 10;
    width: 45px;
    height: 45px;
    margin-top: -30px;
    margin-right: -15px;
  }

  .close-wrapper.text {
    z-index: -1;
  }

  .close-space.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .exemplos {
    margin-top: 0px;
    padding-top: 80px;
  }

  .lottie-animation {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .btn-move {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .btn-move.persona {
    margin-top: 10px;
  }

  .slider-button-right {
    width: 30px;
    height: 30px;
    margin-right: -20px;
  }

  .slider-button-right:hover {
    background-position: 50% 50%;
  }

  .swiper-wrapper.basic-slider-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .slider-button-left {
    width: 30px;
    height: 30px;
  }

  .slider-button-left:hover {
    width: 30px;
    height: 30px;
    background-image: none;
  }

  .swiper-slide.basic-swiperr-item {
    margin-right: 0%;
    margin-left: 0%;
    box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.4);
  }

  .swiper-arrow-wrapper {
    margin-right: 0px;
    margin-left: -70px;
  }

  .swiper-pagination {
    margin-top: 5px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .swiper-pagination-bullet {
    width: 48px;
  }

  .swiper-pagination-bullet-active {
    width: 48px;
  }

  .video-container-publicas {
    display: none;
  }

  .close-space2.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .video-container-parlamento {
    display: none;
  }

  .video-container-selecionador {
    display: none;
  }

  .video-container-marcelo {
    display: none;
  }

  .close-spaceparlamento.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .close-spaceselecionador.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .close-spacemarcelo.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .close-space3.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .close-space4.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .close-space5.x {
    z-index: -1;
    width: 30px;
    height: 30px;
    margin-top: -35px;
    margin-right: -35px;
  }

  .section-heading {
    margin-bottom: 20px;
  }

  .how {
    width: 45%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
  }

  .allmessages {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
  }

  .container-persona {
    max-width: 500px;
    padding-top: 30px;
  }

  .input-mensagem {
    margin-bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .mensagem {
    font-size: 28px;
  }

  .persona-modal {
    max-width: 600px;
    margin-bottom: 20px;
    padding-top: 80px;
  }

  .logo-modal {
    width: 110px;
  }

  .snow {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .tree-gift {
    left: -25%;
    width: 65%;
    opacity: 0.6;
  }

  .beirao-pai-natal {
    position: absolute;
    left: 0px;
    right: 0%;
    width: 65%;
    max-height: none;
    margin-right: 0%;
    margin-left: 55%;
    opacity: 0.85;
  }

  .fs-cc-banner_component {
    display: none;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 14px;
  }

  .fs-cc-banner_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .fs-cc-banner_text {
    max-width: 600px;
    margin-right: 0rem;
    font-weight: 400;
  }

  .fs-cc-banner_text-link {
    font-size: 14px;
    font-weight: 500;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 0rem;
  }

  .fs-cc-banner_button {
    min-width: auto;
    padding-right: 1.55rem;
    padding-left: 1.55rem;
  }

  .padding-small {
    height: auto;
    padding: 80px 30px;
  }

  .padding-small._2 {
    padding-left: 40px;
  }

  .padding-small.large {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .left-arrow-slider {
    height: 100%;
    max-width: none;
  }

  .right-arrow-slider {
    height: 100%;
    max-width: none;
  }

  .treeimg {
    position: absolute;
    bottom: 0px;
    height: 130%;
    max-width: 70%;
    margin-left: -20%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
  }

  .tree-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 5px;
    font-size: 36px;
  }

  h2 {
    max-width: 480px;
    margin-top: 0px;
    color: #202020;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
  }

  h3 {
    font-size: 28px;
  }

  h5 {
    font-size: 16px;
  }

  p {
    max-width: 570px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
  }

  .container {
    position: static;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .container.large {
    padding-top: 0px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .container.padding-large {
    padding-top: 0px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
  }

  .padding-global {
    padding: 70px 30px;
  }

  .padding-global._2 {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 30px;
  }

  .padding-global.large {
    padding-top: 70px;
    padding-right: 30px;
    padding-bottom: 50px;
  }

  .btn {
    position: relative;
    z-index: 999;
    width: 100%;
    font-size: 18px;
  }

  .btn.w--current {
    max-width: 300px;
  }

  .btn.small {
    z-index: 8;
    width: 50%;
    max-width: 260px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
  }

  .btn.small._3 {
    margin-right: 0px;
    margin-left: 0px;
  }

  .btn.small.full {
    width: 85%;
  }

  .btn.secondary {
    width: 49%;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .btn.persona {
    font-weight: 900;
  }

  .btn.persona-copy {
    font-weight: 900;
  }

  .btn.hero-section {
    width: auto;
    max-width: none;
    padding: 13px 20px;
    font-size: 16px;
  }

  .color-red {
    display: inline;
  }

  .color-red.mobile {
    color: #dd0a2c;
  }

  .color-red.uppercase {
    font-weight: 900;
    text-transform: uppercase;
  }

  .hero {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 100vh;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(73%, rgba(254, 214, 0, 0.23)), color-stop(88%, #fed600));
    background-image: linear-gradient(180deg, rgba(254, 214, 0, 0.23) 73%, #fed600 88%);
    text-align: center;
  }

  .mensagempublica {
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .footer {
    padding-top: 70px;
    padding-right: 30px;
    padding-left: 30px;
    grid-row-gap: 28px;
  }

  .navbar {
    z-index: 2;
    padding-right: 30px;
    padding-left: 30px;
  }

  .logo {
    width: 120px;
  }

  .content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-right: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-wrapper.text {
    width: 100%;
    max-width: 560px;
    margin-top: 0px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .content-wrapper.rows {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    grid-row-gap: 15px;
  }

  .content-wrapper.info {
    width: 100%;
  }

  .content-wrapper.info._2 {
    width: 100%;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-align: center;
  }

  .content-wrapper.slider-text {
    width: 90%;
    margin-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    grid-row-gap: 15px;
  }

  .content-wrapper.slider-img {
    display: none;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .row-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 15px;
  }

  .row-wrapper.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .hero-text {
    width: auto;
    height: 100%;
    max-width: 440px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 40px;
    padding-left: 40px;
    text-align: center;
  }

  .hero-img {
    position: relative;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100%;
  }

  .grid {
    display: none;
    height: 100%;
    max-height: 100vh;
    padding: 18vh 30px 80px;
    justify-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    align-self: flex-start;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .text-wrapper.margin-bottom {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .social-media-icon {
    width: 34px;
    height: 34px;
  }

  .logofooter {
    width: 120px;
  }

  .floating-bottle {
    width: 200px;
    margin-left: 40px;
  }

  .tree {
    max-height: 460px;
    margin-top: 10px;
  }

  .snow-container {
    z-index: -1;
    opacity: 0.35;
  }

  .gpublica {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: auto;
    z-index: 2;
    max-height: 300px;
    margin-top: -45px;
    margin-right: auto;
    margin-bottom: -45px;
  }

  .gpublica._2 {
    position: relative;
    z-index: 1;
    margin-right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .gpublica._1 {
    z-index: 0;
    margin-right: auto;
  }

  .gpublica.lottie {
    top: 0px;
    right: auto;
    max-width: 340px;
    margin: -40px 0px auto auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg);
  }

  .gpublica-wrapper {
    max-width: none;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .gpublica-wrapper.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 0px;
    -webkit-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    transform: rotate(-28deg);
  }

  .hero-img-container {
    position: absolute;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: none;
    margin-left: 0%;
    background-image: url('../images/GarrafaMaos_Gradient-1.png');
    background-position: 120% 100%;
    background-size: auto 80%;
    background-repeat: no-repeat;
  }

  .publica-wrapper {
    width: 100%;
  }

  .publica-img {
    width: 100%;
  }

  .slide {
    position: relative;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .slide-nav {
    margin-bottom: -40px;
  }

  .right-arrow {
    height: 90%;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .left-arrow {
    bottom: 0px;
    height: 90%;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .icon {
    font-size: 27px;
  }

  .icon-2 {
    font-size: 27px;
  }

  .video-wrapper {
    width: 398px;
    height: 223px;
  }

  .close-wrapper {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-space.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .hero-text-mobile {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15vh;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-gradient {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    margin-top: -20px;
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 214, 0, 0)), color-stop(25%, #fed600), color-stop(73%, rgba(254, 214, 0, 0.79)), to(rgba(254, 214, 0, 0)));
    background-image: linear-gradient(180deg, rgba(254, 214, 0, 0), #fed600 25%, rgba(254, 214, 0, 0.79) 73%, rgba(254, 214, 0, 0));
  }

  .image-2 {
    position: absolute;
    top: 0px;
    z-index: -2;
    height: 80%;
    max-height: none;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .hero-img-mobile {
    position: static;
    top: 0px;
    z-index: -2;
    height: auto;
    max-height: 400px;
    margin-bottom: -30px;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .fotografiabg {
    position: relative;
    display: none;
    width: 100vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .mobileonly {
    position: relative;
    left: 0px;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 420px;
    max-height: none;
    max-width: none;
    min-height: auto;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-move {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-move.persona {
    position: relative;
    z-index: 1;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .fotografiabgmobile {
    position: static;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    max-height: 400px;
    max-width: none;
    margin: 10px 0px -10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .swiper-column {
    margin-bottom: 24px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .slider-button-right {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    background-image: none;
  }

  .container-2 {
    padding-right: 12px;
    padding-left: 12px;
  }

  .swiper-wrapper.basic-slider-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .slider-button-left {
    width: 30px;
    height: 30px;
    background-image: none;
  }

  .swiper-arrow-wrapper {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: 0px;
    padding-right: 40px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .basic-swiper {
    margin-bottom: 10px;
    padding-right: 100px;
  }

  .swiper-pagination {
    margin-top: 0px;
  }

  .swiper-pagination-bullet {
    width: 36px;
  }

  .swiper-pagination-bullet-active {
    width: 36px;
  }

  .close-space2.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-spaceparlamento.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-spaceselecionador.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-spacemarcelo.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-space3.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-space4.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .close-space5.x {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-right: -20px;
  }

  .section-heading {
    margin-bottom: 0px;
  }

  .how {
    display: none;
  }

  .prenda {
    display: block;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }

  .allmessages {
    display: none;
  }

  .container-persona {
    max-width: 560px;
    padding-right: 30px;
    padding-left: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .input-mensagem {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 19px;
    background-color: transparent;
  }

  .mensagem {
    position: relative;
    padding: 32px 20px 35px;
    font-size: 24px;
  }

  .receptor {
    font-size: 15px;
    font-weight: 400;
  }

  .emissor {
    font-size: 20px;
  }

  .persona-modal {
    width: 100%;
    max-width: 540px;
    min-height: auto;
    margin-bottom: 40px;
    padding: 110px 20px 60px;
  }

  .persona-modal-container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .snow {
    z-index: -3;
  }

  .tree-gift {
    position: fixed;
    left: -32%;
    top: -10px;
    bottom: 0%;
    z-index: -1;
    width: 80%;
    height: 120vh;
    margin-right: 0px;
    opacity: 0.55;
  }

  .beirao-pai-natal {
    position: fixed;
    right: -23%;
    bottom: -4%;
    z-index: -1;
    width: 90%;
    margin-left: 35%;
    opacity: 0.7;
  }

  .bg {
    z-index: -2;
  }

  .text-btn {
    font-size: 18px;
    font-weight: 700;
  }

  .input-bg {
    position: absolute;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 99%;
    height: 97.5%;
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius: 17px;
    background-color: rgba(254, 214, 0, 0.75);
  }

  .fs-cc-banner_component {
    display: none;
    font-size: 15px;
  }

  .fs-cc-banner_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .fs-cc-banner_text-link {
    font-size: 15px;
    font-weight: 500;
  }

  .imglbvideo {
    z-index: -2;
    width: 100%;
    margin-right: 0px;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
  }

  .padding-small {
    padding: 70px 30px;
  }

  .padding-small._2 {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 30px;
  }

  .padding-small.large {
    padding-top: 70px;
    padding-right: 30px;
    padding-bottom: 50px;
  }

  .padding-small.all-messages {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fed600), color-stop(39%, rgba(254, 214, 0, 0)), color-stop(73%, rgba(254, 214, 0, 0)), to(#fed600));
    background-image: linear-gradient(180deg, #fed600, rgba(254, 214, 0, 0) 39%, rgba(254, 214, 0, 0) 73%, #fed600);
  }

  .slider-gradient {
    display: none;
  }

  .fotografiabgmobile-gradient {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    height: auto;
    max-height: 400px;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .container-text-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link {
    font-size: 18px;
  }

  .subtitle {
    text-transform: none;
  }

  .store-container {
    grid-column-gap: 0px;
  }

  .treeimg {
    z-index: -5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: scroll;
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    margin-left: -20%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
  }

  .tree-cover {
    position: relative;
    z-index: -1;
    height: auto;
    max-height: 850px;
    opacity: 0.58;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .tree-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fed600), color-stop(34%, rgba(254, 214, 0, 0)));
    background-image: linear-gradient(0deg, #fed600, rgba(254, 214, 0, 0) 34%);
  }

  .product {
    max-width: 250px;
  }

  .product-image {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    max-width: 380px;
    margin-bottom: 5px;
    font-size: 29px;
  }

  h2 {
    font-size: 16px;
  }

  h3 {
    font-size: 26px;
  }

  h5 {
    font-size: 15px;
    letter-spacing: -0.1px;
  }

  .container.vertical {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .container._2 {
    margin-right: 0px;
    margin-left: 0px;
  }

  .padding-global {
    padding: 50px 17px;
  }

  .padding-global._2 {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 17px;
  }

  .padding-global.large {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .btn {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
  }

  .btn.small {
    width: auto;
    max-width: 240px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-shadow: 2px 3px 0 1px #9f0016;
    font-size: 15px;
  }

  .btn.small:hover {
    margin-top: 4px;
    margin-bottom: 0px;
    box-shadow: none;
  }

  .btn.small.w--current {
    max-width: 240px;
  }

  .btn.small.secondary {
    max-width: none;
    box-shadow: 2px 3px 0 1px #dd0a2c;
  }

  .btn.small.secondary._3 {
    max-width: 240px;
  }

  .btn.small.mobile {
    width: 100%;
  }

  .btn.small._3 {
    width: 100%;
    padding: 13px 25px;
  }

  .btn.secondary {
    width: 100%;
  }

  .btn.secondary.persona {
    padding-right: 15px;
    padding-left: 15px;
  }

  .btn.secondary.hero-section {
    max-width: 300px;
  }

  .btn.hero-section {
    width: 100%;
    max-width: 300px;
  }

  .color-red {
    display: inline;
  }

  .color-red.uppercase {
    font-weight: 700;
  }

  .hero {
    min-height: 90vh;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
    background-image: none;
  }

  .mensagemprivada {
    margin-top: 0px;
    padding-bottom: 20px;
  }

  .footer {
    padding-top: 70px;
    padding-right: 17px;
    padding-left: 17px;
    background-position: 60% 0%;
  }

  .navbar {
    padding-right: 17px;
    padding-left: 17px;
  }

  .nav-container {
    margin-top: 15px;
  }

  .logo {
    width: 100px;
  }

  .content-wrapper {
    margin-top: 10px;
  }

  .content-wrapper.text {
    margin-top: 0px;
  }

  .content-wrapper.info._2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-wrapper.slider-text {
    width: 100%;
    margin-left: 0px;
  }

  .text-small {
    white-space: normal;
  }

  .rich-text-block {
    margin-top: 10px;
  }

  .hero-text {
    padding-right: 17px;
    padding-left: 17px;
  }

  .grid {
    padding-top: 17vh;
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-wrapper.margin-bottom {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .social-media-icon.ig {
    background-image: url('../images/ig-icon.svg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .social-media-icon.ig:hover {
    background-image: url('../images/ig-icon_hover.svg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .logofooter {
    width: 100px;
  }

  .floating-bottle {
    width: 140px;
    margin-left: 20px;
  }

  .gpublica {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: block;
    width: 50vw;
    height: auto;
    max-height: none;
    max-width: none;
    margin-top: -30px;
    margin-bottom: -40px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .gpublica._1 {
    margin-top: -30px;
    margin-bottom: -40px;
  }

  .gpublica-wrapper.mobile {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .hero-img-container {
    z-index: -2;
  }

  .publicas {
    margin-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .publica-wrapper {
    box-shadow: 0 0 3px 0.1px rgba(0, 0, 0, 0.2);
  }

  .right-arrow {
    height: 80%;
  }

  .left-arrow {
    height: 80%;
  }

  .padding-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 17px;
    padding-left: 17px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .video-wrapper {
    width: 100%;
    height: 240px;
  }

  .close-wrapper {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-right: -10px;
  }

  .close-space.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .hero-text-mobile {
    padding-top: 12vh;
  }

  .text-gradient {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    padding-top: 30px;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 214, 0, 0)), color-stop(18%, #fed600), color-stop(100%, rgba(254, 214, 0, 0.48)), color-stop(104%, rgba(254, 214, 0, 0)));
    background-image: linear-gradient(180deg, rgba(254, 214, 0, 0), #fed600 18%, rgba(254, 214, 0, 0.48) 100%, rgba(254, 214, 0, 0) 104%);
  }

  .image-2 {
    height: 75%;
  }

  .exemplos {
    margin-top: 0px;
    padding-top: 50px;
  }

  .hero-img-mobile {
    position: relative;
    height: 70%;
    max-height: 360px;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
  }

  .utility-page-wrap {
    padding-right: 17px;
    padding-left: 17px;
    text-align: center;
  }

  .mobileonly {
    left: auto;
    height: 390px;
    min-height: auto;
    margin-left: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fed600), color-stop(2%, rgba(254, 214, 0, 0)));
    background-image: linear-gradient(180deg, #fed600, rgba(254, 214, 0, 0) 2%);
  }

  .btn-move {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .fotografiabgmobile {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
    padding-right: 17px;
    padding-left: 17px;
  }

  .swiper-arrow-wrapper {
    margin-right: 0px;
    padding-right: 17px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .close-space2.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-spaceparlamento.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-spaceselecionador.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-spacemarcelo.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-space3.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-space4.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .close-space5.x {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .container-persona {
    padding: 30px 17px 40px;
  }

  .input-mensagem {
    padding-right: 15px;
    padding-left: 15px;
  }

  .mensagem {
    font-size: 20px;
    line-height: 140%;
  }

  .receptor {
    font-size: 14px;
    font-weight: 400;
  }

  .emissor {
    font-size: 18px;
  }

  .persona-modal {
    max-width: 400px;
    margin-bottom: 50px;
    padding-bottom: 40px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .persona-modal-container {
    padding-right: 17px;
    padding-left: 17px;
  }

  .snow {
    max-width: none;
  }

  .tree-gift {
    left: -70%;
    top: 0px;
    bottom: 0%;
    width: auto;
    height: 110vh;
    opacity: 0.35;
  }

  .beirao-pai-natal {
    right: 0%;
    bottom: -3%;
    width: 100%;
    margin-left: 25%;
  }

  .set-all-components-to-display-none-and-use-this-div-to-create-a-symbol {
    position: relative;
    z-index: 9999;
  }

  .fs-cc-banner_component {
    z-index: 9999;
    display: none;
    padding-right: 17px;
    padding-bottom: 5px;
    padding-left: 17px;
  }

  .fs-cc-banner_buttons-wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-left: 0rem;
  }

  .imglbvideo {
    -o-object-position: 25% 50%;
    object-position: 25% 50%;
  }

  .padding-small {
    padding: 50px 17px;
  }

  .padding-small._2 {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 17px;
  }

  .padding-small.large {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .fotografiabgmobile-gradient {
    height: auto;
    max-height: 100%;
    min-height: 100%;
  }

  .link {
    font-size: 16px;
  }

  .store-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row-gap: 25px;
  }

  .treeimg {
    height: 120%;
    max-height: none;
    margin-left: -20%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .tree-cover {
    height: 100%;
    max-height: none;
    margin-bottom: 100px;
    opacity: 0.59;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 100% 50%;
    object-position: 100% 50%;
  }

  .product {
    grid-row-gap: 15px;
  }

  .product-image {
    height: 230px;
  }
}

#w-node-e63ea88c-0b50-4c5a-67fe-9a1d566fab00-f4e62c1e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_63d77b14-f2a6-1ec1-c29e-8202f5c7d6f2-f4e62c1e {
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
  }
}

@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Bold-Italic-700.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Black-Italic-900.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Black-900.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Bold-700.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Italic-400.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Medium-Italic-500.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Din Pro';
  src: url('../fonts/DIN-Pro-Medium-500.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}