* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  list-style: none;
}
body {
  background: #000;
}
html {
  scroll-behavior: smooth;
}
.img {
  display: block;
  width: 100%;
  max-height: 100vh;
  object-fit: cover;
}
.bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.bgb {
  background: #000;
}
.pd {
  padding: 50px 0;
}
.titulo {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 10px;
}
.titulo::after {
  display: block;
  content: "";
  width: 60px;
  height: 3px;
  background: #00ffff;
}
.sub {
  color: #00ffff;
  margin-bottom: 30px;
}
.container {
  width: 1140px;
  margin: 0 auto;
}
.btn {
  background: linear-gradient(180deg, #00ffff 0%, #73e6fa 48.26%, #095f9e 100%);
  border-radius: 22px;
  height: 80px;
  max-width: 470px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #000;
  font-weight: 900;
  padding: 10px;
  text-align: center;
  margin: 40px auto;
  font-size: 18px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  transition: ease 0.4s;
}
.btn:hover {
  background: linear-gradient(180deg, #2279af 0%, #15c5e3 48.26%, #095f9e 100%);
}
.btn_compra {
  background: linear-gradient(180deg, #32af22 0%, #61e315 48.26%, #047e30 100%);
  color: #000 !important;
}
/* hero */
.hero {
  height: 100vh;
}

.hero .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
}
.hero h1 {
  font-size: 32px;
  margin-bottom: 20px;
}
.som {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.som span {
  font-size: 24px;
  color: #fff;
  display: block;
  margin-left: 10px;
}
/* depoimentos */
.depoimentos {
  position: relative;
  padding-bottom: 160px;
}
.depoimentos .container {
  z-index: 10;
  position: relative;
}
.content_videos {
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  justify-content: center;
  align-items: flex-end;
}
.content_videos .vd {
  width: 100%;
  max-width: 300px;
  margin: 10px;
}
.vd h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.content_videos div video {
  display: block;
  width: 100%;
  border: 6px solid #00ffff;
  height: 300px;
}
.silhueta {
  position: absolute;
  bottom: 0;
  width: 80px;
  z-index: 0;
  opacity: 0.2;
  transition: 0.5s;
}
.silhueta:hover {
  opacity: 1;
}
.s1 {
  left: 30px;
  bottom: 220px;
}
.s2 {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.s3 {
  right: 0;
  width: 160px;
  left: auto;
  bottom: 220px;
}
/* infos */
.infos .container {
  background: #00ffffad;
  padding: 80px 20px;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}
.infos h1 {
  font-size: 42px;
  line-height: 48px;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.infos p {
  padding: 0 120px;
}
.infos .btn {
  max-width: 200px;
  font-size: 16px;
  height: 60px;
}
.galeria {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.mt {
  margin-top: 30px;
}
.galeria img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top: 6px solid #09609ea3;
}
.infos h2 {
  font-size: 18px;
  margin-bottom: 30px;
}
/* compra */
.compra {
  text-align: center;
}
.compra .titulo::after {
  margin: 0 auto;
}
.compra_item {
  box-shadow: rgb(0, 171, 255) 0px 0px 10px 0px;
  border-radius: 15px;
  width: 500px;
  margin: 30px auto;
  padding: 15px;
}
.compra_item * {
  color: #fff;
}
.compra_item h3 {
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.compra_item span {
  display: block;
}
.preco {
  font-size: 57px;
  font-weight: bold;
  text-shadow: rgb(0, 171, 255) 2px 2px 40px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
.por {
  margin-top: 20px;
}
.compra_item ul {
  border-top: 1px solid rgba(0, 170, 255, 0.275);
  border-bottom: 1px solid rgba(0, 170, 255, 0.275);
  padding: 20px 0;
  margin-left: 40px;
}
.compra_item ul li {
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
  list-style: url(../img/Vector.png);
}
footer {
  text-align: center;
  display: flex;
  flex-direction: column;
  background: #095f9e;
  padding: 20px 10px;
}
footer * {
  color: #fff;
}
footer span {
  font-size: 14px;
  margin-bottom: 10px;
}
.links a:hover {
  text-decoration: underline;
}

@media (max-width: 1500px) {
  .container {
    width: 95%;
  }
  .hero {
    height: auto;
  }
  .hero .container {
    padding-top: 25px;
  }
  .hero h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .som {
    margin-top: 20px;
  }
  .som span {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 710px) {
  .overlay_1 p {
    font-size: 18px;
    line-height: 24px;
  }
  .overlay_1 img {
    width: 40px;
  }
  .video {
    width: 450px;
    height: 260px;
  }
  .content_videos {
    padding-top: 20px;
  }
  .depoimentos {
    padding-bottom: 40px;
  }
  .infos .container {
    padding: 30px 10px;
  }
  .galeria {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 20px;
  }
  .galeria img {
    height: auto;
  }
  .mt {
    margin-top: 0;
  }
  .infos p {
    padding: 0;
  }
  .compra_item {
    width: 300px;
  }
  .som span {
    text-align: center;
    font-size: 16px;
  }
  .hero h1 {
    text-align: center;
  }
  .bg {
    height: 900px;
  }
  .bg img {
    height: 100%;
  }
}
@media (max-width: 450px) {
  .overlay_1 p {
    font-size: 16px;
    text-align: center;
  }

  .video {
    width: 330px;
    height: 220px;
  }
  .hero h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .content_videos video {
    max-width: 280px;
  }

  .pd {
    padding: 30px 0;
  }
  .titulo,
  .infos h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .infos h1 {
    margin-bottom: 20px;
  }
  .compra_item ul li {
    margin-left: 25px;
  }
  .btn {
    height: 60px;
    max-width: 300px;
    font-size: 16px;
  }
  .bg {
    height: 300px;
  }
  .som {
    margin-bottom: 40px;
  }
}
@media (max-width: 321px) {
  .video {
    width: 300px;
    height: 220px;
  }
}