@import url("https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: unset !important;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.SM702P-landing {
  overflow: hidden;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  z-index: 10;
}
.SM702P-landing h1,
.SM702P-landing h2,
.SM702P-landing h3,
.SM702P-landing h4,
.SM702P-landing h5,
.SM702P-landing h6,
.SM702P-landing ul,
.SM702P-landing ol,
.SM702P-landing p,
.SM702P-landing div,
.SM702P-landing span {
  padding: 0;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
}
.SM702P-landing section {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.SM702P-landing img {
  width: 100%;
  max-width: none;
  pointer-events: none;
}
.SM702P-landing .SM702P-intro {
  background-image: url("../images/SM702P-intro/SM702P-intro-background.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro {
    background-position-x: 91%;
  }
}
.SM702P-landing .SM702P-intro__container {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.SM702P-landing .SM702P-intro__logo {
  transform: translateX(50vw);
  opacity: 0;
  width: 24.35%;
  margin: 6.39% 0% 3.2% 47.08%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro__logo {
    transform: translateY(-50vw);
    rotate: -90deg;
    position: absolute;
    top: 15.3%;
    left: -66.6%;
    width: 59.46%;
  }
}
.SM702P-landing .SM702P-intro__title {
  transform: translateX(50vw);
  opacity: 0;
  color: #910000;
  font-weight: 500;
  font-size: 3.43vw;
  text-transform: uppercase;
  width: 27.61%;
  margin: 0 0 1.5% 47.08%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro__title {
    transform: translateX(-50vw);
    width: 67.31%;
    margin: 13.59% 0 0.77% 20%;
    font-size: 8.21vw;
  }
}
.SM702P-landing .SM702P-intro__model {
  transform: translateX(50vw);
  opacity: 0;
  font-size: 6.85vw;
  color: #1cba00;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 17.4% 47.08%;
  width: 12.5%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro__model {
    transform: translateX(-50vw);
    margin: 0 0 172.4% 20%;
    font-size: 16.92vw;
    width: 69.23%;
  }
}
.SM702P-landing .SM702P-intro__grill {
  transform: translateX(-100vw);
  position: absolute;
  width: 44.44%;
  left: 7.72%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro__grill {
    width: 100%;
    top: 38%;
    left: 0;
  }
}
.SM702P-landing .SM702P-intro__food {
  opacity: 0;
  position: absolute;
  width: 32.96%;
  left: 14.39%;
  top: 39.7%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-intro__food {
    top: 57.65%;
    left: 15.03%;
    width: 74.33%;
  }
}
.SM702P-landing .SM702P-power {
  background: linear-gradient(114.05deg, #ffd043 19.14%, #ffbf00 80.86%);
}
.SM702P-landing .SM702P-power__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.SM702P-landing .SM702P-power__title {
  transform: translateX(-50vw);
  opacity: 0;
  color: #141414;
  font-weight: 500;
  text-transform: uppercase;
  width: 26.3%;
  margin: 10.65% 0 0.5% 19.72%;
  font-size: 4.17vw;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-power__title {
    margin: 52.56% 0 0.77% 14.46%;
    width: 71.03%;
    font-size: 11.28vw;
  }
}
.SM702P-landing .SM702P-power__subtitle {
  transform: translateX(-50vw);
  opacity: 0;
  font-size: 8.61vw;
  color: #ff0000;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 18.6% 19.72%;
  width: 26.3%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-power__subtitle {
    margin: 0 0 122.9% 14.46%;
    font-size: 23.08vw;
    width: 71.03%;
  }
}
.SM702P-landing .SM702P-power__grill {
  transform: translateX(100vw);
  position: absolute;
  width: 55.93%;
  right: 0;
  top: 16.2%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-power__grill {
    width: 105%;
    top: 45.2%;
    left: -2%;
  }
}
.SM702P-landing .SM702P-power__icon {
  transform: translateX(-50vw);
  opacity: 0;
  position: absolute;
  width: 12.33%;
  left: 6.48%;
  top: 24.95%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-power__icon {
    top: 5.5%;
    left: 35.41%;
    width: 29.28%;
  }
}
.SM702P-landing .SM702P-coating {
  background-image: url("../images/SM702P-coating/SM702P-coating-background.png");
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-coating {
    background-position-x: 32%;
  }
}
.SM702P-landing .SM702P-coating__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.SM702P-landing .SM702P-coating__black {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 0;
}
.SM702P-landing .SM702P-coating__red {
  position: absolute;
  width: 67%;
  right: 0;
  top: 0;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-coating__red {
    display: none;
  }
}
.SM702P-landing .SM702P-coating__title {
  transform: translateX(-50vw);
  opacity: 0;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  width: 32.5%;
  font-size: 3.61vw;
  margin: 19.5% 0 16.5% 5.46%;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-coating__title {
    width: 74.36%;
    font-size: 8.21vw;
    margin: 42.56% 0 154.46% 12.82%;
  }
}
.SM702P-landing .SM702P-coating__grill {
  transform: translateX(100vw);
  position: absolute;
  width: 59.26%;
  right: 2.59%;
  top: 0;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-coating__grill {
    width: 139.76%;
    top: 30.2%;
    left: 2.29%;
  }
}
.SM702P-landing .SM702P-coating__icon {
  transform: translateX(-50vw);
  opacity: 0;
  position: absolute;
  width: 14.51%;
  left: 14.44%;
  top: 15.4%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-coating__icon {
    top: 4.3%;
    left: 30.85%;
    width: 38.22%;
  }
}
.SM702P-landing .SM702P-indicators {
  background: linear-gradient(180deg, #ffe02e 0%, #52ff58 100%);
}
.SM702P-landing .SM702P-indicators__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.SM702P-landing .SM702P-indicators__green {
  position: absolute;
  left: 39.7%;
  width: 11.9%;
  top: 56.4%;
  mask-image: linear-gradient(to top, transparent, black 20%, black 30%, transparent), linear-gradient(to left, transparent, black 20%, black 30%, transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to top, transparent, black 20%, black 70%, transparent), linear-gradient(to left, transparent, black 20%, black 80%, transparent);
  -webkit-mask-composite: destination-in;
  opacity: 0;
}
.SM702P-landing .SM702P-indicators__red {
  position: absolute;
  left: 33.3%;
  width: 11.2%;
  top: 56.8%;
  opacity: 0;
}
.SM702P-landing .SM702P-indicators__title {
  transform: translateX(-50vw);
  opacity: 0;
  color: #191919;
  font-weight: 500;
  text-transform: uppercase;
  width: 43.75%;
  margin: 21.3% 0 15.05% 8.24%;
  text-align: center;
  font-size: 2.96vw;
  line-height: 140%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-indicators__title {
    width: 83.95%;
    font-size: 7.18vw;
    margin: 50% 0 135.9% 7.91%;
  }
}
.SM702P-landing .SM702P-indicators__grill {
  transform: translateX(100vw);
  z-index: 3;
  position: absolute;
  width: 46.9%;
  left: 53.1%;
  top: 3%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-indicators__grill {
    width: 124.6%;
    top: 43%;
    left: -2.82%;
  }
}
.SM702P-landing .SM702P-indicators__icon {
  transform: translateX(-50vw);
  opacity: 0;
  position: absolute;
  width: 9.86%;
  left: 25.19%;
  top: 22.7%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-indicators__icon {
    top: 8%;
    left: 35.05%;
    width: 29.64%;
  }
}
.SM702P-landing .SM702P-handle {
  background: linear-gradient(180deg, #52ff58 0%, #ffe02e 100%);
}
.SM702P-landing .SM702P-handle__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.SM702P-landing .SM702P-handle__title {
  width: 39.07%;
  margin: 15% 0 19.35% 10.6%;
  line-height: 120%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-handle__title {
    line-height: 140%;
    width: 75.38%;
    margin: 30.31% 0 20.6% 12.31%;
  }
}
.SM702P-landing .SM702P-handle__icon {
  transform: translateX(-50vw);
  opacity: 0;
  position: absolute;
  width: 9.88%;
  left: 25.23%;
  top: 8.9%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-handle__icon {
    top: -4%;
    left: 30.85%;
    width: 32.25%;
  }
}
.SM702P-landing .SM702P-legs {
  background-image: url("../images/SM702P-legs/SM702P-legs-background.png");
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs {
    background-image: url("../images/SM702P-legs/SM702P-legs-background-mobile.png");
  }
}
.SM702P-landing .SM702P-legs__container {
  z-index: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.SM702P-landing .SM702P-legs__gradient {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs__gradient {
    display: none;
  }
}
.SM702P-landing .SM702P-legs__grill {
  position: absolute;
  width: 62.04%;
  left: 6.02%;
  bottom: 0;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs__grill {
    display: none;
  }
}
.SM702P-landing .SM702P-legs__grill-alt {
  position: absolute;
  width: 100%;
  top: 32.8%;
  left: 0;
  display: none;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs__grill-alt {
    display: block;
  }
}
.SM702P-landing .SM702P-legs__title {
  transform: translateX(50vw);
  opacity: 0;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  width: 37.22%;
  margin: 16.67% 0 20.6% 54.77%;
  text-align: center;
  font-size: 3.15vw;
  line-height: 120%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs__title {
    transform: translateX(-50vw);
    width: 95.38%;
    font-size: 8.07vw;
    margin: 46.67% 0 150.67% 2.31%;
  }
}
.SM702P-landing .SM702P-legs__icon {
  transform: translateX(50vw);
  opacity: 0;
  position: absolute;
  width: 8.72%;
  left: 69.03%;
  top: 14%;
}
@media screen and (max-width: 600px) {
  .SM702P-landing .SM702P-legs__icon {
    transform: translateX(-50vw);
    top: 5.9%;
    left: 35.33%;
    width: 29.39%;
  }
}

/*# sourceMappingURL=style.css.map */