@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%;
}

.K200-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;
}
.K200-landing h1,
.K200-landing h2,
.K200-landing h3,
.K200-landing h4,
.K200-landing h5,
.K200-landing h6,
.K200-landing ul,
.K200-landing ol,
.K200-landing p,
.K200-landing div,
.K200-landing span {
  padding: 0;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
}
.K200-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;
}
.K200-landing img {
  max-width: 100%;
  pointer-events: none;
}
.K200-landing .K200-test__container {
  background-color: #3a3a3a;
  width: 100%;
  height: 844px;
  height: 964px;
}
.K200-landing .K200-intro {
  background-image: url("../images/K200-intro/K200-intro-background.png");
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro {
    background-image: url("../images/K200-intro/K200-intro-background-alt.png");
  }
}
.K200-landing .K200-intro__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-intro__title-1 {
  color: #323232;
  font-size: 2.31vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  width: 28.1%;
  margin: 15.6% 0 2.7% 61.94%;
  transform: translateX(10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__title-1 {
    font-size: 5.64vw;
    width: 66.92%;
    margin: 21.3% 0 7% 23.33%;
  }
}
.K200-landing .K200-intro__title-2 {
  font-weight: 500;
  font-size: 9.26vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  width: 22.73%;
  color: #0043a8;
  margin: 0 0 3.7% 64.9%;
  transform: translateX(10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__title-2 {
    margin: 0 0 8.6% 29.72%;
    width: 54.1%;
    font-size: 22.05vw;
  }
}
.K200-landing .K200-intro__title-3 {
  color: #36588c;
  transform: translateX(10vw);
  opacity: 0;
  font-size: 2.04vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  width: 23.98%;
  margin: 0 0 9.2% 64.7%;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__title-3 {
    font-size: 4.62vw;
    margin: 0 0 147.5% 28.2%;
    width: 57.18%;
  }
}
.K200-landing .K200-intro__logo {
  transform: translateX(10vw);
  opacity: 0;
  left: 67.31%;
  top: 19.5%;
  width: 17.59%;
  position: absolute;
}
.K200-landing .K200-intro__logo img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__logo {
    transform: translateY(-10vw);
    rotate: -90deg;
    width: 46.67%;
    left: -10.5%;
    top: 19.2%;
  }
}
.K200-landing .K200-intro__snake {
  opacity: 0;
  left: 62.5%;
  top: 42.4%;
  width: 27.5%;
  position: absolute;
}
.K200-landing .K200-intro__snake img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__snake {
    width: 65%;
    left: 25%;
    top: 13.8%;
  }
}
.K200-landing .K200-intro__phone-front {
  position: absolute;
  width: 40.37%;
  top: -0.2%;
  left: 2.53%;
  z-index: 2;
  transform: translateX(4.5vw);
}
.K200-landing .K200-intro__phone-front img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__phone-front {
    transform: translateX(7vw);
    top: 35.7%;
    left: -9.64%;
    width: 82%;
  }
}
.K200-landing .K200-intro__phone-back {
  position: absolute;
  width: 41.57%;
  top: 1.5%;
  left: 21.94%;
  z-index: 2;
  transform: translateX(-4.5vw);
}
.K200-landing .K200-intro__phone-back img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-intro__phone-back {
    transform: translateX(-7vw);
    top: 36.8%;
    left: 24.64%;
    width: 83.3%;
  }
}
.K200-landing .K200-display {
  background-color: #eeb600;
}
.K200-landing .K200-display__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-display__title {
  font-weight: 500;
  font-size: 4.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #262626;
  margin: 14.58% 0 11.1% 18.61%;
  transform: translateX(-10vw);
  opacity: 0;
}
.K200-landing .K200-display__title span {
  color: #0059de;
  font-weight: 700;
  font-size: 9.26vw;
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-display__title span {
    font-size: 31.79vw;
    line-height: 140%;
    margin-left: 8%;
  }
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-display__title {
    font-size: 14.36vw;
    margin: 16.1% 0 141.4% 14.62%;
    transform: translateX(0);
    opacity: 1;
  }
}
.K200-landing .K200-display__bracket {
  position: absolute;
  width: 5.23%;
  top: 7.6%;
  left: 46.3%;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-display__bracket img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-display__bracket {
    transform: translateX(20vw);
    left: 5%;
    width: 12.5%;
    top: 2.4%;
  }
}
.K200-landing .K200-display__bracket-alt {
  position: absolute;
  width: 5.23%;
  top: 7.6%;
  left: 79%;
  rotate: 180deg;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-display__bracket-alt img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-display__bracket-alt {
    transform: translateX(20vw);
    left: 81.5%;
    width: 12.5%;
    top: 2.4%;
  }
}
.K200-landing .K200-display__phone {
  position: absolute;
  width: 33.47%;
  bottom: 0;
  left: 48.06%;
}
.K200-landing .K200-display__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-display__phone {
    left: -7.55%;
    width: 111.54%;
  }
}
.K200-landing .K200-battery {
  background: linear-gradient(101.34deg, #004fc4 0.27%, #001533 99.73%);
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery {
    background: linear-gradient(98.5deg, #001e4a 0.34%, #004fc4 99.66%);
  }
}
.K200-landing .K200-battery__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-battery__phone {
  position: absolute;
  width: 45.19%;
  top: -16%;
  left: 12.23%;
  z-index: 2;
  transform: translateX(-50vw);
  opacity: 0;
}
.K200-landing .K200-battery__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__phone {
    transform: translateX(50vw);
    opacity: 0;
    left: -12.2%;
    top: 27.6%;
    width: 122.54%;
  }
}
.K200-landing .K200-battery__left-blue {
  transform: translateX(-10vw);
  opacity: 0;
  position: absolute;
  width: 20.81%;
  top: 28.8%;
  left: 55.69%;
}
.K200-landing .K200-battery__left-blue img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__left-blue {
    left: 12.05%;
    top: 8.2%;
    width: 49%;
  }
}
.K200-landing .K200-battery__left-white {
  transform: translateX(-10vw);
  opacity: 0;
  position: absolute;
  width: 20.46%;
  top: 29.5%;
  left: 56.03%;
}
.K200-landing .K200-battery__left-white img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__left-white {
    width: 48.26%;
    top: 8.55%;
    left: 12.73%;
  }
}
.K200-landing .K200-battery__left-light {
  transform: translateX(-10vw);
  opacity: 0;
  position: absolute;
  width: 24.48%;
  top: 25%;
  left: 54%;
}
.K200-landing .K200-battery__left-light img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__left-light {
    width: 57%;
    top: 6.4%;
    left: 8%;
  }
}
.K200-landing .K200-battery__right-blue {
  transform: translateX(10vw);
  opacity: 0;
  position: absolute;
  width: 24.13%;
  top: 28.8%;
  left: 64.2%;
}
.K200-landing .K200-battery__right-blue img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__right-blue {
    left: 31.7%;
    top: 8.2%;
    width: 56.9%;
  }
}
.K200-landing .K200-battery__right-white {
  transform: translateX(10vw);
  opacity: 0;
  position: absolute;
  width: 23.8%;
  top: 29.5%;
  left: 64.2%;
}
.K200-landing .K200-battery__right-white img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__right-white {
    left: 31.7%;
    width: 56%;
    top: 8.55%;
  }
}
.K200-landing .K200-battery__right-light {
  transform: translateX(10vw);
  opacity: 0;
  position: absolute;
  width: 27.87%;
  top: 25%;
  left: 62%;
}
.K200-landing .K200-battery__right-light img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__right-light {
    left: 27.5%;
    top: 6.4%;
    width: 65.54%;
  }
}
.K200-landing .K200-battery__title {
  transform: translateX(10vw);
  opacity: 0;
  color: #ffffff;
  margin: 16.7% 0 17.5% 60.76%;
  font-size: 4.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  width: 19.6%;
}
.K200-landing .K200-battery__title span {
  color: #ffffff;
  font-weight: 500;
  font-size: 4.17vw;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__title span {
    font-size: 9.74vw;
  }
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-battery__title {
    transform: none;
    width: 45%;
    font-size: 9.74vw;
    margin: 26.15% 0 166% 24.87%;
  }
}
.K200-landing .K200-frame {
  background-color: #0043a8;
}
.K200-landing .K200-frame__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-frame__bracket-1 {
  position: absolute;
  width: 3.38%;
  top: 7.6%;
  left: 24.49%;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-frame__bracket-1 img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__bracket-1 {
    transform: translateX(20vw);
    left: 5.69%;
    width: 12.5%;
    top: 29.5%;
  }
}
.K200-landing .K200-frame__bracket-2 {
  position: absolute;
  width: 3.38%;
  top: 7.6%;
  left: 46.58%;
  rotate: 180deg;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-frame__bracket-2 img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__bracket-2 {
    transform: translateX(20vw);
    left: 81.5%;
    width: 12.5%;
    top: 29.5%;
  }
}
.K200-landing .K200-frame__title-1 {
  font-weight: 500;
  font-size: 2.78vw;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  margin: 14.81% 0 4.44% 67.02%;
  transform: translateX(10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__title-1 {
    margin: 19.15% 0 4.52% 28.64%;
    transform: translateX(-50vw);
    opacity: 0;
    font-size: 7.44vw;
  }
}
.K200-landing .K200-frame__title-2 {
  font-weight: 500;
  font-size: 2.78vw;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 12% 67.02%;
  transform: translateX(10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__title-2 {
    margin: 0 0 157.85% 28.64%;
    transform: translateX(-50vw);
    opacity: 0;
    font-size: 7.44vw;
  }
}
.K200-landing .K200-frame__phone {
  position: absolute;
  width: 20.19%;
  top: 3.6%;
  left: 27.56%;
}
.K200-landing .K200-frame__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__phone {
    width: 72.68%;
    top: 27.7%;
    left: 14.1%;
  }
}
.K200-landing .K200-frame__light {
  position: absolute;
  width: 71.81%;
  bottom: 0;
  left: 0;
}
.K200-landing .K200-frame__light img {
  width: 100%;
  max-width: none;
}
.K200-landing .K200-frame__icon-1 {
  position: absolute;
  width: 6.01%;
  top: 31.8%;
  left: 59.35%;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-frame__icon-1 img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__icon-1 {
    width: 16.09%;
    transform: translateX(-50vw);
    opacity: 0;
    top: 8.3%;
    left: 7.69%;
  }
}
.K200-landing .K200-frame__icon-2 {
  position: absolute;
  width: 5.6%;
  transform: translateX(10vw);
  opacity: 0;
  top: 58.6%;
  left: 59.44%;
}
.K200-landing .K200-frame__icon-2 img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-frame__icon-2 {
    width: 15%;
    transform: translateX(-50vw);
    opacity: 0;
    top: 19.6%;
    left: 8.31%;
  }
}
.K200-landing .K200-flashlight {
  background-image: url("../images/K200-flashlight/K200-flashlight-background.png");
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight {
    background-position-x: 38.1%;
  }
}
.K200-landing .K200-flashlight__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-flashlight__title {
  font-weight: 500;
  font-size: 4.17vw;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffc300;
  margin: 7.57% 0 27.11% 15.56%;
  transform: translateX(-10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight__title {
    transform: translateX(-50vw);
    margin: 32.82% 0 155.36% 33.3%;
    font-size: 11.79vw;
  }
}
.K200-landing .K200-flashlight__phone {
  position: absolute;
  width: 58.7%;
  top: 0;
  right: 0;
  transform: translateX(50vw);
  opacity: 0;
}
.K200-landing .K200-flashlight__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight__phone {
    width: 116.78%;
    top: 42.3%;
    right: none;
    left: 7.62%;
  }
}
.K200-landing .K200-flashlight__light {
  position: absolute;
  width: 71.81%;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.K200-landing .K200-flashlight__light img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight__light {
    display: none;
  }
}
.K200-landing .K200-flashlight__light-alt {
  position: absolute;
  width: 56.79%;
  top: 57.5%;
  right: 42.95%;
  opacity: 0;
  display: none;
}
.K200-landing .K200-flashlight__light-alt img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight__light-alt {
    display: inline;
  }
}
.K200-landing .K200-flashlight__icon {
  transform: translateX(-10vw);
  opacity: 0;
  position: absolute;
  width: 5.31%;
  top: 12.25%;
  left: 7.55%;
}
.K200-landing .K200-flashlight__icon img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-flashlight__icon {
    transform: translateX(-50vw);
    width: 14.94%;
    top: 12.3%;
    left: 11.79%;
  }
}
.K200-landing .K200-camera {
  background-color: rgba(42, 43, 55, 0.1529411765);
}
.K200-landing .K200-camera__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-camera__bg {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.K200-landing .K200-camera__bg img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-camera__bg {
    width: 483.91%;
    left: -180%;
  }
}
.K200-landing .K200-camera__icon {
  position: absolute;
  width: 12.79%;
  top: 16.5%;
  left: 67.27%;
  z-index: 3;
  transform: translateX(10vw);
  opacity: 0;
}
.K200-landing .K200-camera__icon img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-camera__icon {
    transform: none;
    width: 36.93%;
    left: 31.36%;
    top: 5.5%;
  }
}
.K200-landing .K200-camera__title {
  margin: 20.37% 0 20.37% 65.4%;
  color: #000000;
  font-weight: 500;
  font-size: 4.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  z-index: 3;
  transform: translateX(10vw);
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-camera__title {
    font-size: 11.79vw;
    transform: none;
    margin: 49.23% 0 155.64% 25.64%;
  }
}
.K200-landing .K200-camera__phone {
  position: absolute;
  width: 37.27%;
  bottom: 0;
  left: 18.52%;
}
.K200-landing .K200-camera__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-camera__phone {
    display: none;
  }
}
.K200-landing .K200-camera__phone-alt {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: none;
}
.K200-landing .K200-camera__phone-alt img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-camera__phone-alt {
    display: inline;
  }
}
.K200-landing .K200-typec {
  background-color: #ffffff;
  z-index: 3;
}
.K200-landing .K200-typec__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-typec__title {
  font-weight: 500;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  margin: 9.86% 0 20.91% 11.48%;
  color: #000000;
  transform: translateX(-10vw);
  opacity: 0;
  width: 23.14%;
}
.K200-landing .K200-typec__title span {
  font-weight: 500;
  font-size: 5.83vw;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #e1a100;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-typec__title span {
    font-size: 17.44vw;
  }
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-typec__title {
    margin: 33.33% 0 141.54% 19.49%;
    font-size: 14.87vw;
    width: 69.03%;
  }
}
.K200-landing .K200-typec__phone {
  position: absolute;
  width: 66.89%;
  top: 0;
  right: 0;
  transform: translateX(50vw);
  opacity: 0;
}
.K200-landing .K200-typec__phone img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-typec__phone {
    width: 150.78%;
    top: 38.3%;
    right: none;
    left: 0;
  }
}
.K200-landing .K200-typec__left {
  transform: translateX(-10vw);
  opacity: 0;
  position: absolute;
  width: 16.49%;
  top: 49.8%;
  left: 40.28%;
}
.K200-landing .K200-typec__left img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-typec__left {
    width: 37%;
    top: 60.6%;
    left: 15.32%;
  }
}
.K200-landing .K200-typec__right {
  transform: translateX(10vw);
  opacity: 0;
  position: absolute;
  width: 16.48%;
  top: 61.4%;
  left: 40.28%;
}
.K200-landing .K200-typec__right img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-typec__right {
    width: 37%;
    top: 65.9%;
    left: 15.32%;
  }
}
.K200-landing .K200-sim {
  background-color: #0043a8;
  z-index: 3;
}
.K200-landing .K200-sim__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.K200-landing .K200-sim__title {
  color: #0043a8;
  font-weight: 700;
  font-size: 6.76vw;
  line-height: 76%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  margin: 3.66% 0 30.74% 35.56%;
  opacity: 0;
  width: 29%;
}
.K200-landing .K200-sim__title span {
  font-weight: 400;
  font-size: 3.24vw;
  line-height: 10%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #252525;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-sim__title span {
    font-size: 9.74vw;
  }
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-sim__title {
    font-size: 21.03vw;
    line-height: 85%;
    width: 89%;
    margin: 33.33% 0 152.56% 5.38%;
    transform: translateX(-50vw);
  }
}
.K200-landing .K200-sim__sim {
  position: absolute;
  width: 14.57%;
  top: 43%;
  left: 39.89%;
  opacity: 0;
  transform: translateX(-15vw);
}
.K200-landing .K200-sim__sim img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-sim__sim {
    width: 57.65%;
    top: 51.8%;
    left: 9.89%;
  }
}
.K200-landing .K200-sim__microsd {
  position: absolute;
  width: 9.23%;
  top: 58%;
  left: 50.96%;
  opacity: 0;
  transform: translateX(15vw);
}
.K200-landing .K200-sim__microsd img {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-sim__microsd {
    width: 36.47%;
    top: 63.9%;
    left: 53.79%;
  }
}
.K200-landing .K200-sim__bg {
  z-index: -1;
  background-color: #ffc300;
  position: absolute;
  width: 100%;
  height: 16.71vw;
  top: 0;
  left: 0;
}
@media screen and (max-width: 600px) {
  .K200-landing .K200-sim__bg {
    height: 92.56vw;
  }
}

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