:root {
  --text: #333;
  --black: black;
  --white: white;
  --plum: #d48bb9;
  --sky-blue: #82c3d6;
  --light-bg: #e6e6e6;
  --dodger-blue: #508fd7;
}

.section {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.wrapp {
  perspective: 1000px;
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 75vw;
  height: 75vh;
  display: flex;
}

.box-wrapp {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 450px;
  margin-left: 461px;
  padding: 25px;
  display: flex;
  position: absolute;
  transform: perspective(2000px)rotateX(5deg)rotateY(-5deg)rotateZ(0);
}

.box-wrapp._1 {
  z-index: 2;
  transform-style: preserve-3d;
  flex: none;
  margin-left: -100px;
  left: auto;
  transform: perspective(1000px)rotateX(10deg)rotateY(-20deg)rotateZ(0);
}

.box-wrapp._1.second {
  z-index: 1;
}

.box-wrapp._2 {
  transform-origin: 50%;
  transform-style: preserve-3d;
  flex: none;
  transform: perspective(1000px)rotateX(10deg)rotateY(-20deg)rotateZ(0);
}

.box-wrapp._2.second {
  z-index: 2;
}

.front {
  background-color: var(--text);
  transform-origin: 50%;
  flex: none;
  width: 250px;
  height: 400px;
  position: absolute;
  transform: perspective(25px);
}

.front._2 {
  background-color: #ce6969;
}

.side-left {
  background-color: var(--text);
  transform-origin: 100%;
  transform-style: preserve-3d;
  flex: none;
  width: 50px;
  height: 400px;
  position: absolute;
  inset: auto auto auto -25px;
  transform: rotateX(0)rotateY(90deg)rotateZ(0)perspective(25px);
}

.side-left._2 {
  background-color: #ce6969;
}

.side-right {
  background-color: var(--text);
  transform-origin: 0%;
  transform-style: preserve-3d;
  flex: none;
  width: 50px;
  height: 400px;
  position: absolute;
  inset: auto -25px auto auto;
  transform: rotateX(0)rotateY(-90deg)rotateZ(0)perspective(25px);
}

.side-right._2 {
  background-color: #ce6969;
}

.top {
  background-color: var(--text);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  flex: none;
  width: 250px;
  height: 50px;
  position: absolute;
  inset: -25px auto auto;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top._2 {
  background-color: #ce6969;
}

.bottom {
  background-color: var(--text);
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  flex: none;
  width: 250px;
  height: 50px;
  position: absolute;
  inset: auto auto -25px;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.bottom._2 {
  background-color: #ce6969;
}

.switch {
  background-color: #ce6969;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nav {
  z-index: 50;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 50px;
  margin-top: 50px;
  padding-left: 150px;
  padding-right: 150px;
  display: flex;
  position: fixed;
}

.product-header-section {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 150px;
  padding-right: 150px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.nav-contents {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.nav-sections {
  margin-right: -25px;
  display: flex;
}

.body {
  background-color: var(--black);
}

.nav-section-link {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .75s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.nav-section-link:hover {
  text-decoration: none;
}

.nav-section-link:visited {
  font-weight: 900;
}

.box-bg {
  z-index: 1;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 100vh;
  margin-right: -670px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: none;
}

.box-bg.nimbo {
  background-image: url('../images/Green.jpg');
  background-position: 100%;
  background-size: cover;
  margin-right: -190px;
}

.box-bg.nano {
  background-image: none;
  background-size: auto;
}

.box-bg.purple-blast {
  background-image: url('../images/King-Assets---Pattern---03-.svg');
  background-size: contain;
}

.top-2 {
  background-color: var(--plum);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-image: none;
  background-size: auto;
  border-radius: 24px;
  flex: none;
  width: 323px;
  height: 69px;
  margin-top: 50px;
  transition: all .5s;
  position: absolute;
  inset: -70px auto auto;
  overflow: visible;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top-2.nimbo {
  background-image: url('../images/Top_3.png');
  background-position: 50%;
  width: 276px;
}

.top-2.green-pop {
  background-image: url('../images/TopGreen-POP.png');
  display: none;
}

.top-2.green-pop.second {
  background-image: url('../images/Top.png');
}

.top-2.second {
  background-image: url('../images/TopGreen-POP.png');
}

.top-2.purple-blast, .top-2.green-blast, .top-2.silver, .top-2.titan {
  transform-style: preserve-3d;
  background-image: url('../images/Top_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top-2.csb {
  background-image: url('../images/Top_3.png');
  background-position: 50%;
  width: 276px;
}

._4 {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4.green-pop {
  background-image: url('../images/4-g.png');
}

._4.green-pop.second {
  background-image: url('../images/4.png');
}

._4.second {
  background-image: url('../images/4-g.png');
}

._4.purple-blast, ._4.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4.silver {
  background-image: url('../images/4-s.png');
}

._4.titan {
  background-image: url('../images/2-p-b.png');
}

._4.titan.second {
  background-image: url('../images/4-s.png');
}

._4.strato {
  background-image: url('../images/4-s_1.png');
}

._4.strato.second {
  background-image: url('../images/4Nimbo.jpg');
}

._4.csb, ._4.csb.second {
  background-image: url('../images/4Compact_SkyB.jpg');
}

._4.o-blue {
  background-image: url('../images/4-ob.jpg');
  height: 470px;
}

._4.o-blue.second {
  background-image: url('../images/4-or.jpg');
}

._4.ob {
  background-image: url('../images/4-g.png');
}

._4.ob.second {
  background-image: url('../images/4.png');
}

._4.or {
  transform-style: preserve-3d;
  background-image: url('../images/4-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-20px, 0, 5px)perspective(25px)perspective(25px);
}

._4.or.second {
  background-image: url('../images/4-ob.jpg');
}

._4.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/4-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-20px, 0, 5px)perspective(25px)perspective(25px);
}

._4.o-b.second {
  background-image: url('../images/4-ob.jpg');
}

._8 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8.green-pop {
  background-image: url('../images/8-g.png');
}

._8.green-pop.second {
  background-image: url('../images/8.png');
}

._8.second {
  background-image: url('../images/8-g.png');
}

._8.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-p-b.png');
}

._8.purple-blast.second {
  background-image: url('../images/8-g-b.png');
}

._8.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-g-b.png');
}

._8.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8.silver {
  transform-style: preserve-3d;
  background-image: url('../images/8-s_1.png');
}

._8.silver.second {
  background-image: url('../images/8-b.png');
}

._8.titan {
  transform-style: preserve-3d;
  background-image: url('../images/8-b.png');
}

._8.titan.second {
  background-image: url('../images/8-s_1.png');
}

._8.strato {
  background-image: url('../images/8-s_2.png');
}

._8.strato.second {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8.csb {
  background-image: url('../images/8-s_2.png');
}

._8.csb.second {
  background-image: url('../images/8Compact_SkyBlue.jpg');
}

._8.ob {
  background-image: url('../images/8-ob.jpg');
  height: 470px;
}

._8.ob.second {
  background-image: url('../images/8-ob.jpg');
}

._8.or {
  transform-style: preserve-3d;
  background-image: url('../images/8-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(12px, 0, 4px)perspective(25px);
}

._8.or.second {
  background-image: url('../images/8-ob.jpg');
}

._8.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/8-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(12px, 0, 4px)perspective(25px);
}

._8.o-b.second {
  background-image: url('../images/8-ob.jpg');
}

._2 {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2.green-pop {
  background-image: url('../images/2-g.png');
}

._2.green-pop.second {
  background-image: url('../images/2.png');
}

._2.second {
  background-image: url('../images/2-g.png');
}

._2.purple-blast, ._2.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2.silver {
  background-image: url('../images/2-s.png');
}

._2.titan {
  background-image: url('../images/4-p-b.png');
}

._2.titan.second {
  background-image: url('../images/2-s.png');
}

._2.strato {
  background-image: url('../images/2-s_1.png');
}

._2.strato.second {
  background-image: url('../images/2Nimbo.jpg');
}

._2.csb, ._2.csb.second {
  background-image: url('../images/2Compact_SkyB.jpg');
}

._2.o-blue {
  background-image: url('../images/2-ob.jpg');
  height: 470px;
}

._2.o-blue.second {
  background-image: url('../images/2-or.jpg');
}

._2.ob {
  background-image: url('../images/2-g.png');
}

._2.ob.second {
  background-image: url('../images/2.png');
}

._2.or {
  transform-style: preserve-3d;
  background-image: url('../images/2-or.jpg');
  display: block;
  left: 0;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-10px, 0, 2px)perspective(25px)perspective(25px);
}

._2.or.second {
  background-image: url('../images/2-ob.jpg');
}

._2.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/2-ob.jpg');
  display: block;
  left: 0;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-10px, 0, 2px)perspective(25px)perspective(25px);
}

._2.o-b.second {
  background-image: url('../images/2-ob.jpg');
}

._1 {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1.green-pop.second {
  background-image: url('../images/1.png');
}

._1.second {
  background-image: url('../images/1-g.png');
}

._1.purple-blast, ._1.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1.silver {
  background-image: url('../images/1-s.png');
}

._1.titan {
  background-image: url('../images/5-p-b.png');
}

._1.titan.second {
  background-image: url('../images/1-s.png');
}

._1.strato {
  background-image: url('../images/1-s_1.png');
}

._1.strato.second {
  background-image: url('../images/1Nimbo.jpg');
}

._1.csb, ._1.csb.second {
  background-image: url('../images/1Compact_SkyB.jpg');
}

._1.o-blue {
  background-image: url('../images/1-ob.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 470px;
}

._1.o-blue.second {
  background-image: url('../images/1-or.jpg');
}

._1.ob {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1.ob.second {
  background-image: url('../images/1.png');
}

._1.or {
  transform-style: preserve-3d;
  background-image: url('../images/1-or.jpg');
  left: 0;
  transform: translate(-5px)rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1.or.second {
  background-image: url('../images/1-ob.jpg');
}

._1.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/1-ob.jpg');
  left: 0;
  transform: translate(-5px)rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1.o-b.second {
  background-image: url('../images/1-ob.jpg');
}

.side-fill {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Side-R.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 67px;
  height: 500px;
  transition: all .5s;
  position: relative;
  inset: 0% 0% 0% auto;
}

.side-fill.a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Side-L.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 70px;
  transition: all .5s;
  position: relative;
  inset: 0% auto 0% 0%;
}

.side-fill.a.nimbo {
  background-image: url('../images/Side-L.png');
}

.side-fill.a.nimbo.second {
  background-image: url('../images/Side-L_1.jpg');
}

.side-fill.a.green-pop {
  background-image: url('../images/Side-LGreen-POP.jpg');
}

.side-fill.a.green-pop.second {
  background-image: url('../images/Side-L.jpg');
}

.side-fill.a.second {
  background-image: url('../images/Side-LGreen-POP.jpg');
}

.side-fill.a.purple-blast, .side-fill.a.green-blast, .side-fill.a.silver, .side-fill.a.titan {
  background-image: url('../images/Left.jpg');
  width: 44px;
}

.side-fill.a.csb {
  background-image: url('../images/csb-Side-L.jpg');
}

.side-fill.a.csb.second {
  background-image: url('../images/cb-Side-L.jpg');
}

.side-fill.a.ob {
  background-image: url('../images/ob-Side-L.jpg');
  height: 470px;
}

.side-fill.a.ob.second {
  background-image: url('../images/ob-Side-L.jpg');
}

.side-fill.a.or {
  background-image: url('../images/ob-Side-L.jpg');
  transform: translate(0);
}

.side-fill.a.or.second {
  background-image: url('../images/ob-Side-L.jpg');
}

.side-fill.nimbo {
  background-image: url('../images/Side-R.png');
}

.side-fill.nimbo.second {
  background-image: url('../images/Side-R_1.jpg');
}

.side-fill.green-pop {
  background-image: url('../images/Side-RGreen-POP.jpg');
}

.side-fill.green-pop.second {
  background-image: url('../images/Side-R.jpg');
}

.side-fill.second {
  background-image: url('../images/Side-RGreen-POP.jpg');
}

.side-fill.purple-blast, .side-fill.green-blast, .side-fill.silver, .side-fill.titan {
  background-image: url('../images/Right.jpg');
  width: 44px;
}

.side-fill.csb {
  background-image: url('../images/csb-Side-R.jpg');
}

.side-fill.csb.second {
  background-image: url('../images/cb-Side-R.jpg');
}

.side-fill.ob {
  background-image: url('../images/ob-Side-R.jpg');
  height: 470px;
}

.side-fill.ob.second {
  background-image: url('../images/or-Side-R.jpg');
}

.side-fill.or {
  background-image: url('../images/or-Side-R.jpg');
  width: 73px;
}

.side-fill.or.second {
  background-image: url('../images/ob-Side-R.jpg');
}

.side-fill.o-b {
  background-image: url('../images/ob-Side-R.jpg');
  width: 73px;
}

.side-fill.o-b.second {
  background-image: url('../images/ob-Side-R.jpg');
}

.side {
  background-color: #f4596a;
  width: 75px;
  height: 500px;
  position: absolute;
  inset: 0% auto 0% -75px;
}

.side.right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: #0000;
  flex: none;
  justify-content: center;
  width: 113px;
  margin-top: 50px;
  margin-right: 50px;
  display: flex;
  inset: 0% -111px 0% auto;
  transform: translate3d(0, 0, -3px)rotateX(0)rotateY(90deg)rotateZ(0)perspective(25px);
}

.side.right.new {
  transform-style: preserve-3d;
  justify-content: flex-end;
  width: 69px;
  right: -67px;
  transform: rotateX(0)rotateY(90deg)rotateZ(0)perspective(25px);
}

.side.right.original {
  transform-style: preserve-3d;
  transform: translate(12px)rotateX(0)rotateY(90deg)rotateZ(0)perspective(25px);
}

.side.left {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 113px;
  margin-top: 50px;
  margin-left: 50px;
  display: flex;
  left: -105px;
  transform: translate3d(-9px, 0, -3px)rotateX(0)rotateY(-90deg)rotateZ(0)perspective(25px);
}

.side.left.new {
  transform-style: preserve-3d;
  justify-content: flex-start;
  width: 69px;
  left: -68px;
  transform: rotateX(0)rotateY(-90deg)rotateZ(0)perspective(25px);
}

.side.left.original {
  transform-style: preserve-3d;
  transform: translate3d(-19px, 0, -2px)rotateX(0)rotateY(-90deg)rotateZ(0)perspective(25px);
}

._5 {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5.green-pop {
  background-image: url('../images/5-g.png');
}

._5.green-pop.second {
  background-image: url('../images/5.png');
}

._5.second {
  background-image: url('../images/5-g.png');
}

._5.purple-blast, ._5.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5.silver {
  background-image: url('../images/5-s.png');
}

._5.titan {
  background-image: url('../images/1-p-b.png');
}

._5.titan.second {
  background-image: url('../images/5-s.png');
}

._5.strato {
  background-image: url('../images/5-s_1.png');
}

._5.strato.second {
  background-image: url('../images/5Nimbo.jpg');
}

._5.csb, ._5.csb.second {
  background-image: url('../images/5Compact_SkyB.jpg');
}

._5.o-blue {
  background-image: url('../images/5-ob.jpg');
  height: 470px;
}

._5.o-blue.second {
  background-image: url('../images/5-or.jpg');
}

._5.ob {
  background-image: url('../images/5-g.png');
}

._5.ob.second {
  background-image: url('../images/5.png');
}

._5.or {
  transform-style: preserve-3d;
  background-image: url('../images/5-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-25px)perspective(25px)perspective(25px);
}

._5.or.second {
  background-image: url('../images/5-or.jpg');
}

._5.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/5-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-25px)perspective(25px)perspective(25px);
}

._5.o-b.second {
  background-image: url('../images/5-or.jpg');
}

._10 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10.green-pop {
  background-image: url('../images/10-g.png');
}

._10.green-pop.second {
  background-image: url('../images/6.png');
}

._10.second {
  background-image: url('../images/6-g.png');
}

._10.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-p-b.png');
}

._10.purple-blast.second {
  background-image: url('../images/6-g-b.png');
}

._10.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-g-b.png');
}

._10.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10.silver {
  transform-style: preserve-3d;
  background-image: url('../images/6-s_1.png');
}

._10.silver.second {
  background-image: url('../images/6-b.png');
}

._10.titan {
  transform-style: preserve-3d;
  background-image: url('../images/6-b.png');
}

._10.titan.second {
  background-image: url('../images/6-s_1.png');
}

._10.strato {
  background-image: url('../images/6-s_2.png');
}

._10.strato.second {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10.csb {
  background-image: url('../images/6-s_2.png');
}

._10.csb.second {
  background-image: url('../images/6Compact_SkyBlue.jpg');
}

._10.ob {
  background-image: url('../images/6-ob.jpg');
  height: 470px;
}

._10.ob.second {
  background-image: url('../images/6-or.jpg');
}

._10.or {
  transform-style: preserve-3d;
  background-image: url('../images/6-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate3d(18px, 0, 12px)perspective(25px);
}

._10.or.second {
  background-image: url('../images/6-ob.jpg');
}

._10.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/6-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate3d(18px, 0, 12px)perspective(25px);
}

._10.o-b.second {
  background-image: url('../images/6-ob.jpg');
}

.box-whole-big {
  z-index: 2;
  background-image: radial-gradient(circle closest-corner, #000 25%, #0000 26% 74%, #000 75%);
  flex: none;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  transform: scale(1.1);
}

.bottom-2 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  background-image: url('../images/Bot-1.png');
  background-position: 50%;
  border-radius: 24px;
  flex: none;
  width: 276px;
  height: 113px;
  margin-bottom: 50px;
  display: block;
  position: absolute;
  inset: auto auto -112.2px;
  overflow: visible;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.bottom-2.new {
  transform-style: preserve-3d;
  background-image: url('../images/Bot-1.png');
  background-position: 50%;
  width: 323px;
  height: 69px;
  bottom: -68px;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.bottom-2.original {
  background-image: url('../images/Bot-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 300px;
  display: block;
  bottom: -113px;
}

._3 {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3.green-pop {
  background-image: url('../images/3-g.png');
}

._3.green-pop.second {
  background-image: url('../images/3.png');
}

._3.second {
  background-image: url('../images/3-g.png');
}

._3.purple-blast, ._3.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3.silver {
  background-image: url('../images/3-s.png');
}

._3.titan {
  background-image: url('../images/3-p-b.png');
}

._3.titan.second {
  background-image: url('../images/3-s.png');
}

._3.strato {
  background-image: url('../images/3-s_1.png');
}

._3.strato.second {
  background-image: url('../images/3Nimbo.jpg');
}

._3.csb, ._3.csb.second {
  background-image: url('../images/3Compact_SkyB.jpg');
}

._3.o-blue {
  background-image: url('../images/3-ob.jpg');
  height: 470px;
}

._3.o-blue.second {
  background-image: url('../images/3-or.jpg');
}

._3.ob {
  background-image: url('../images/3-g.png');
}

._3.ob.second {
  background-image: url('../images/3.png');
}

._3.or {
  transform-style: preserve-3d;
  background-image: url('../images/3-or.jpg');
  display: block;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(-14px, 0, 3px)perspective(25px)perspective(25px);
}

._3.or.second {
  background-image: url('../images/3-ob.jpg');
}

._3.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/3-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(-14px, 0, 3px)perspective(25px)perspective(25px);
}

._3.o-b.second {
  background-image: url('../images/3-ob.jpg');
}

.box-area {
  z-index: 5;
  perspective: 1000px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 423px;
  height: 600px;
  display: flex;
  position: absolute;
  inset: auto;
  transform: scale(.8);
}

.box-area.second {
  margin-top: 25px;
  margin-left: 40px;
  display: flex;
  transform: scale(.7);
}

.box-area.second.txt {
  margin-left: 0;
  margin-right: -40px;
  display: flex;
  right: 13%;
}

.box-area.first {
  z-index: 7;
  margin-left: -40px;
  display: flex;
  transform: scale(.8);
}

.box-area.first.txt {
  margin-left: 0;
  margin-right: 40px;
  display: flex;
  right: 13%;
}

.box-bg-wrapp {
  z-index: 2;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.front-mid {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

.front-mid.strato {
  background-image: url('../images/Front_.png');
  background-position: 50%;
  background-size: cover;
}

.front-mid.strato.second {
  background-image: url('../images/Front_.jpg');
}

.front-mid.csb {
  background-image: url('../images/csb-front.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid.csb.second {
  background-image: url('../images/cb-front.jpg');
}

.front-mid.ob {
  background-image: url('../images/ob-Front_.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 470px;
}

.front-mid.ob.second {
  background-image: url('../images/front-or.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.front-mid.or {
  background-image: url('../images/front-test.png');
  background-position: 50% 60%;
  background-size: 280px;
  width: 275px;
}

.front-mid.or.second {
  background-image: url('../images/front-b-test-1.jpg');
}

.front-mid.o-b {
  background-image: url('../images/front-b-test-1.jpg');
  background-position: 50% 60%;
  background-size: 280px;
  width: 275px;
}

.front-mid.o-b.second {
  background-image: url('../images/front-test.png');
}

.new-test-shine {
  z-index: 11;
  opacity: .35;
  filter: blur(50px);
  background-image: radial-gradient(circle closest-corner, #fff, #fff0);
  border-radius: 500px;
  width: 200px;
  height: 200px;
  margin-top: 50px;
  display: flex;
  position: absolute;
  inset: 0% auto auto;
  transform: perspective(25px);
}

._9 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9.green-pop {
  background-image: url('../images/7-g.png');
}

._9.green-pop.second {
  background-image: url('../images/7.png');
}

._9.second {
  background-image: url('../images/7-g.png');
}

._9.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-p-b.png');
}

._9.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-g-b.png');
}

._9.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9.silver {
  transform-style: preserve-3d;
  background-image: url('../images/7-s_1.png');
}

._9.silver.second {
  background-image: url('../images/7-b.png');
}

._9.titan {
  transform-style: preserve-3d;
  background-image: url('../images/7-b.png');
}

._9.titan.second {
  background-image: url('../images/7-s_1.png');
}

._9.strato {
  background-image: url('../images/7-s_2.png');
}

._9.strato.second {
  background-image: url('../images/9Nimbo-1.jpg');
}

._9.csb {
  background-image: url('../images/7-s_2.png');
}

._9.csb.second {
  background-image: url('../images/7Compact_SkyBlue.jpg');
}

._9.ob {
  background-image: url('../images/7-ob.jpg');
  height: 470px;
}

._9.ob.second {
  background-image: url('../images/7-ob.jpg');
}

._9.or {
  transform-style: preserve-3d;
  background-image: url('../images/7-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(16px, 0, 6px)perspective(25px);
}

._9.or.second {
  background-image: url('../images/7-ob.jpg');
}

._9.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/7-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(16px, 0, 6px)perspective(25px);
}

._9.o-b.second {
  background-image: url('../images/7-ob.jpg');
}

.box {
  z-index: 10;
  transform: ;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 378px;
  height: 600px;
  padding: 50px;
  display: flex;
  position: absolute;
}

.box.green-pop {
  transform-style: preserve-3d;
  transform: none;
}

.box.purple-blast, .box.green-blast, .box.silver, .box.titan {
  width: 423px;
}

.back-glow {
  z-index: 1;
  opacity: .75;
  background-color: #0000;
  background-image: url('../images/GLOW-2.png');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex: none;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  transform: none;
}

.back-glow.blue {
  filter: hue-rotate(225deg);
  display: none;
}

._7 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7.green-pop {
  background-image: url('../images/9-g.png');
}

._7.green-pop.second {
  background-image: url('../images/9.png');
}

._7.second {
  background-image: url('../images/9-g.png');
}

._7.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-p-b.png');
}

._7.purple-blast.second {
  background-image: url('../images/9-g-b.png');
}

._7.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-g-b.png');
}

._7.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7.silver {
  transform-style: preserve-3d;
  background-image: url('../images/9-s_1.png');
}

._7.titan {
  transform-style: preserve-3d;
  background-image: url('../images/9-b.png');
}

._7.titan.second {
  background-image: url('../images/9-s_1.png');
}

._7.strato {
  background-image: url('../images/9-s_2.png');
}

._7.strato.second {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7.csb, ._7.csb.second {
  background-image: url('../images/9Compact_SkyBlue.jpg');
}

._7.o-blue {
  background-image: url('../images/9-ob.jpg');
  height: 470px;
}

._7.o-blue.second {
  background-image: url('../images/9-ob.jpg');
}

._7.ob {
  background-image: url('../images/9-g.png');
}

._7.ob.second {
  background-image: url('../images/9.png');
}

._7.or {
  transform-style: preserve-3d;
  background-image: url('../images/9-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate(6px)perspective(25px);
}

._7.or.second {
  background-image: url('../images/9-ob.jpg');
}

._7.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/9-ob.jpg');
  display: block;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate(6px)perspective(25px);
}

._7.o-b.second {
  background-image: url('../images/9-ob.jpg');
}

._6 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6.green-pop {
  background-image: url('../images/10-g.png');
}

._6.green-pop.second {
  background-image: url('../images/10.png');
}

._6.second {
  background-image: url('../images/10-g.png');
}

._6.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6.purple-blast.second, ._6.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6.silver {
  background-image: url('../images/10-s_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

._6.silver.second, ._6.titan {
  background-image: url('../images/10-b.png');
}

._6.titan.second {
  background-image: url('../images/10-s_1.png');
}

._6.strato {
  background-image: url('../images/10-s_2.png');
}

._6.strato.second {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6.csb, ._6.csb.second {
  background-image: url('../images/10Compact_SkyBlue.jpg');
}

._6.o-blue {
  background-image: url('../images/10-ob.jpg');
  height: 470px;
}

._6.o-blue.second {
  background-image: url('../images/10-ob.jpg');
}

._6.ob {
  background-image: url('../images/10-g.png');
}

._6.ob.second {
  background-image: url('../images/10.png');
}

._6.or {
  transform-style: preserve-3d;
  background-image: url('../images/10-ob.jpg');
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate(2px)perspective(25px);
}

._6.or.second {
  background-image: url('../images/10-ob.jpg');
}

._6.o-b {
  transform-style: preserve-3d;
  background-image: url('../images/10-ob.jpg');
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate(2px)perspective(25px);
}

._6.o-b.second {
  background-image: url('../images/10-ob.jpg');
}

.box-spotlight {
  z-index: 3;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 170%;
  min-height: 130vh;
  margin-top: -10%;
  display: block;
  position: absolute;
  inset: -5% 0% 0% -40%;
  transform: none;
}

.section-6 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-header-details {
  z-index: 5;
  margin-left: 0;
  position: relative;
}

.product-header-price {
  background-image: url('../images/light-button2x.png');
  background-position: -10%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100px;
  margin-top: 25px;
  margin-left: -10px;
  padding-top: 2px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.product-header-price.desktop {
  opacity: 0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.product-header-price.desktop.light {
  filter: none;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

.product-header-title {
  color: #0000;
  -webkit-text-stroke-color: transparent;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-fill-color: transparent;
  background-image: repeating-linear-gradient(#e0e0e0, #575757 50%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
}

.product-header-title.light {
  color: #686868;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.product-header-sub {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  max-width: 360px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.product-header-sub.pop.white, .product-header-sub.cb.white, .product-header-sub.light {
  color: var(--text);
}

.product-header-usp {
  justify-content: flex-start;
  height: 80px;
  margin-top: 35px;
  display: flex;
  position: relative;
}

.text-span {
  color: var(--plum);
}

.text-span.pop-green {
  color: var(--sky-blue);
}

.product-price-copy {
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  align-items: stretch;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  display: none;
  position: relative;
}

.text-span-2 {
  align-self: flex-end;
  padding-top: 10px;
  font-size: 26px;
  font-weight: 400;
}

.usp-wrapp {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  display: flex;
  position: relative;
}

.usp-wrapp.first {
  margin-left: -15px;
}

.usp-copy {
  color: #ffffff80;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 14px;
  position: relative;
}

.usp-copy.light {
  color: var(--text);
}

.usp-icon {
  object-fit: cover;
  width: 50px;
  height: 50px;
}

.usp-icon.six {
  width: 30px;
  margin-top: 8px;
}

.usp-icon.gray {
  filter: grayscale();
}

.usp-icon.new {
  filter: brightness(150%);
}

.usp-icon.light {
  filter: brightness(175%);
}

.text-span-3 {
  color: #fff0;
  background-image: url('../images/King---Pop.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.text-span-3.nano {
  display: none;
}

.text-span-3.nimbo {
  display: flex;
}

.box-whole-big-static {
  z-index: 2;
  background-image: none;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 110%;
  margin-left: -35px;
  display: block;
  position: absolute;
  inset: 0%;
}

.scroll-down {
  z-index: 10;
  flex-direction: column;
  flex: none;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-down-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.scroll-down-text.light {
  color: var(--text);
}

.scroll-icon {
  margin-top: 10px;
}

.box-holder {
  z-index: 3;
  background-image: linear-gradient(90deg, #0000 75%, var(--black) 92%);
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.box-holder.light {
  background-image: linear-gradient(90deg, #0000 75%, var(--light-bg) 92%);
}

.rotate-to-verticle {
  display: none;
}

.big-glow {
  opacity: .75;
  background-image: url('../images/glow-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.big-glow.blue {
  filter: hue-rotate(225deg);
  display: none;
}

.nav-dash {
  background-color: var(--white);
  opacity: 0;
  width: 25px;
  height: 2px;
  margin-top: 25px;
  position: absolute;
}

.div-block {
  z-index: 50;
  filter: none;
  color: #000000bf;
  background-image: linear-gradient(#00000080, #fff0);
  height: 125px;
  margin-top: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.body-2 {
  background-color: var(--black);
}

.home-header {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-button {
  box-shadow: none;
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-image: none;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 275px;
  padding: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: none;
  position: relative;
  transform: none;
}

.button-border {
  z-index: 2;
  border: 4px none var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding: 5px;
  position: absolute;
  inset: 0%;
}

.button-gradient {
  z-index: 1;
  background-image: linear-gradient(to right, var(--white), #bb4f93 19%, var(--white) 41%, #ca59a0 60%, var(--white) 82%, #c24f97);
  position: absolute;
  inset: 0%;
}

.text-block-5 {
  background-color: var(--black);
  color: var(--black);
  min-width: 269px;
  padding: 15px;
  display: none;
}

.button-copy {
  text-align: center;
  display: none;
  position: absolute;
  transform: skew(20deg);
}

.button-icon {
  display: none;
}

.header-sub {
  z-index: 2;
  color: var(--white);
  flex: none;
  align-self: flex-start;
  margin-top: 505px;
  font-family: Montserrat, sans-serif;
  display: none;
  position: relative;
}

.home-product-section {
  background-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-product-section.nano {
  background-image: none;
}

.burger {
  width: 50px;
  height: 50px;
  display: none;
  position: relative;
}

.burger-link {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 11px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.burger-dash-top {
  background-color: var(--white);
  width: 20px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
}

.burger-dash-mid {
  background-color: var(--white);
  width: 25px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
}

.burger-dash-bot {
  background-color: var(--white);
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
}

.m-nav-contents {
  display: none;
}

.image {
  width: 250px;
}

.box-wrapp-2 {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 450px;
  padding: 25px;
  display: flex;
  position: absolute;
  transform: rotateX(5deg)rotateY(-5deg)rotateZ(0);
}

.box-wrapp-2._1 {
  z-index: 2;
  transform-style: preserve-3d;
  flex: none;
  margin-left: -100px;
  left: auto;
  transform: perspective(1000px)rotateX(10deg)rotateY(-20deg)rotateZ(0);
}

.box-wrapp-2._1.second {
  z-index: 1;
}

.box-wrapp-2._2 {
  transform-origin: 50%;
  transform-style: preserve-3d;
  flex: none;
  transform: perspective(1000px)rotateX(10deg)rotateY(-20deg)rotateZ(0);
}

.box-wrapp-2._2.second {
  z-index: 2;
}

.bottom-copy {
  background-color: var(--text);
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  flex: none;
  width: 250px;
  height: 50px;
  position: absolute;
  inset: auto auto -25px;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.bottom-copy._2 {
  background-color: #ce6969;
}

.top-copy {
  background-color: var(--text);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  flex: none;
  width: 250px;
  height: 50px;
  position: absolute;
  inset: -25px auto auto;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top-copy._2 {
  background-color: #ce6969;
}

.blank {
  width: 100%;
  height: 300vh;
}

.home-header-title-img {
  z-index: 1;
  flex: none;
  margin-top: 125px;
  display: none;
  position: absolute;
  inset: 0% auto;
}

.footer {
  z-index: 5;
  background-color: #1a1919;
  justify-content: center;
  align-items: flex-start;
  padding: 50px 150px 75px;
  display: flex;
  position: relative;
}

.footer-content-wrapp {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--white);
  text-align: left;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: all .5s ease-in-out;
  display: flex;
}

.footer-link:hover {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.footer-link.w--current {
  height: 35px;
  transition-duration: .35s;
}

.product-bg-img {
  z-index: 1;
  background-image: linear-gradient(to bottom, black 2%, #3b3b3b00 20%, #ccc0 80%, var(--black) 98%), radial-gradient(circle farthest-side at 50% 50%, #69696900 80%, black 95%);
  flex: none;
  position: absolute;
  inset: 0%;
}

.product-bg-img.white {
  background-image: linear-gradient(#e6e6e6 2%, #e6e6e600 20% 80%, #e6e6e6 98%), radial-gradient(circle farthest-side, #e6e6e600 80%, #e6e6e6 95%);
}

.product-background {
  z-index: 1;
  background-image: linear-gradient(110deg, black, #fff0 15%, #45454500 36%, var(--black) 65%), linear-gradient(to bottom, black 5%, #fff0 14%, #a4a4a400 85%, var(--black) 95%), radial-gradient(circle farthest-side at 50% 50%, #fff0 28%, black 44%);
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, scroll;
  flex: none;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% -41%;
}

.section-separator {
  width: 100%;
  height: 15vh;
}

.section-separator.big {
  height: 50vh;
}

.section-separator.mid {
  height: 30vh;
}

.section-separator.mid.white {
  background-color: #e6e6e6;
}

.section-separator.mid.white.hide {
  display: none;
}

.glow {
  background-image: radial-gradient(circle, #d48bb9b3 15%, #d48bb900 58%);
  width: 35%;
  position: absolute;
  inset: 0% 5% 0% auto;
}

.glow.left {
  z-index: 2;
  opacity: .35;
  background-image: radial-gradient(circle, #b3b3b3b3 15%, #d48bb900 58%);
  display: flex;
  inset: 0% auto 0% 12%;
}

.glow.left.purple-inner {
  background-image: radial-gradient(circle, #c44996 10%, #d48bb900 40%);
  flex: none;
  width: 75%;
}

.glow.left.green-inner {
  background-image: radial-gradient(circle, #6bbdd5 10%, #d48bb900 40%);
  flex: none;
  width: 75%;
}

.glow.left.metal-inner {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--white) 10%, #d48bb900 40%);
  flex: none;
  width: 75%;
}

.glow.right {
  z-index: 2;
  opacity: 1;
  background-image: radial-gradient(circle, #0c437280 15%, #d48bb900 58%);
  flex: none;
  display: none;
  right: 13%;
}

.glow.right.nano-blast {
  background-image: radial-gradient(circle, #ca5da2 15%, #d48bb900 50%);
}

.glow.right.inner {
  background-image: radial-gradient(circle, #0c4372 10%, #d48bb900 40%);
  width: 75%;
  display: flex;
}

.diagonal-img {
  max-width: none;
  height: 100vh;
  position: absolute;
  left: -68px;
}

.diagonal-img.left {
  left: -50%;
}

.p-content-wrapp {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.p-content-wrapp.pop-purple {
  transition: all 1s ease-in-out;
  display: flex;
}

.p-content-wrapp.pop-purple.second {
  display: none;
}

.p-content-wrapp.pop-green {
  transition: all 1s ease-in-out;
  display: none;
}

.p-content-wrapp.pop-green.second {
  display: flex;
}

.p-content-wrapp.titan {
  padding-left: 200px;
  inset: 0% auto 0% 0%;
}

.p-content-wrapp.titan.second {
  display: none;
}

.p-content-wrapp.silver {
  padding-left: 200px;
  display: none;
  inset: 0% auto 0% 0%;
}

.p-content-wrapp.silver.second {
  display: flex;
}

.p-content-wrapp.nimbo {
  padding-left: 200px;
  display: flex;
  inset: 0% auto 0% 0%;
}

.p-content-wrapp.nimbo.second {
  display: none;
}

.p-content-wrapp.strato {
  padding-left: 200px;
  display: none;
  inset: 0% auto 0% 0%;
}

.p-content-wrapp.strato.second {
  display: flex;
}

.p-content-wrapp.c-blue {
  padding-left: 50px;
  display: flex;
  inset: 0% 0% 0% auto;
}

.p-content-wrapp.c-blue.second {
  display: none;
}

.p-content-wrapp.csb {
  padding-left: 50px;
  display: none;
  inset: 0% 0% 0% auto;
}

.p-content-wrapp.csb.second {
  display: flex;
}

.p-content-wrapp.original-blue {
  padding-left: 200px;
  transition: all 1s ease-in-out;
  display: none;
  left: 0%;
  right: auto;
}

.p-content-wrapp.original-blue.second {
  -webkit-text-fill-color: inherit;
  background-color: #0946a100;
  background-clip: border-box;
  display: flex;
  right: auto;
}

.p-content-wrapp.original-red {
  padding-left: 200px;
  transition: all 1s ease-in-out;
  display: flex;
  left: 0%;
  right: auto;
}

.p-content-wrapp.original-red.second {
  display: none;
}

.home-p-button {
  color: var(--white);
  background-image: url('../images/King-Assets-Website---Buttons-Pop-1.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  width: 225px;
  height: 50px;
  margin-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.home-p-button.nimbo {
  background-image: url('../images/King-Assets-Website---Buttons-Nimbo2-1.svg');
  background-repeat: no-repeat;
  background-size: 225px;
  background-attachment: scroll;
  flex: none;
}

.home-p-button.pop-green {
  background-image: url('../images/King-Assets-Website---Buttons-Nimbo2-1.svg');
  transition: all .5s ease-in-out;
  display: none;
}

.home-p-button.pop-green.second {
  background-image: url('../images/King-Assets-Website---Buttons-Nimbo2-1.svg');
}

.home-p-button.pop-green.desktop {
  display: flex;
}

.home-p-button.pop-green.desktop.white {
  filter: grayscale();
}

.home-p-button.pop-purple {
  background-image: url('../images/King-Assets-Website---Buttons-Pop-1.svg');
  transition: all .5s ease-in-out;
  display: none;
}

.home-p-button.pop-purple.second {
  background-image: url('../images/King-Assets-Website---Buttons-Nimbo2-1.svg');
}

.home-p-button.pop-purple.desktop {
  background-image: url('../images/King-Assets-Website---Buttons-Pop-1.svg');
  background-size: cover;
  display: flex;
}

.home-p-button.pop-purple.desktop.white {
  filter: grayscale();
}

.home-p-button.purple-blast {
  background-image: url('../images/King-Assets-Website---Buttons-Nano-1.svg');
  display: none;
}

.home-p-button.purple-blast.desktop {
  display: flex;
}

.home-p-button.green-blast {
  background-image: url('../images/King-Assets-Website---Buttons-Nano---Green.svg');
  display: none;
}

.home-p-button.green-blast.desktop {
  display: flex;
}

.home-p-button.silver {
  background-image: url('../images/King-Assets-Website---Buttons-Nano-Gray.svg');
  display: none;
}

.home-p-button.silver.desktop {
  filter: none;
  display: flex;
}

.home-p-button.titan {
  background-image: url('../images/King-Assets-Website---Buttons-Nano-Gray.svg');
  display: none;
}

.home-p-button.titan.desktop {
  display: flex;
}

.home-p-button.titan.desktop.white {
  filter: grayscale();
}

.home-p-button.strato.desktop {
  background-image: url('../images/King-Assets-Website---Buttons-Nano-Gray.svg');
  display: flex;
}

.home-p-button.strato {
  background-image: url('../images/King-Assets-Website---Buttons-Pop-1.svg');
  transition: all .5s ease-in-out;
  display: none;
}

.home-p-button.strato.second {
  background-image: url('../images/King-Assets-Website---Buttons-Nimbo2-1.svg');
}

.home-p-button.strato.desktop {
  display: flex;
}

.button-cta {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  flex: none;
  margin-top: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.button-cta.white {
  opacity: .75;
  color: var(--text);
}

.p-button-arrows {
  width: 25px;
  height: 25px;
  position: relative;
}

.p-button-arrows.white {
  opacity: .5;
  filter: invert();
}

.p-big-wrapp-img {
  align-items: center;
  padding-left: 175px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.p-big-wrapp-img.img-text {
  padding-left: 175px;
}

.product-bg-txt {
  z-index: 1;
  background-image: linear-gradient(180deg, black 2%, #30303000 15%, #ababab00 85%, var(--black) 98%), radial-gradient(circle farthest-side at 50% 50%, #69696900 80%, black 93%);
  flex: none;
  position: absolute;
  inset: 0%;
}

.product-bg-txt.white {
  background-image: linear-gradient(#e6e6e6 2%, #e6e6e600 15% 85%, #e6e6e6 97%), radial-gradient(circle farthest-side, #e6e6e600 80%, #e6e6e6 93%);
}

.p-big-wrapp-txt {
  align-items: center;
  padding-left: 175px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.p-big-wrapp-txt.img-text {
  padding-left: 175px;
}

.p-big-wrapp-txt.white {
  background-color: #e6e6e6;
}

.product-background-r {
  z-index: 1;
  background-image: radial-gradient(circle at 75% 25%, #000 8%, #0000 25%), radial-gradient(circle at 30% 35%, #000 5%, #0000 22%), radial-gradient(circle at 36% 14%, #000 5%, #0000 16%), radial-gradient(circle farthest-side at 30%, #000 5%, #0000 20%), radial-gradient(circle at 29% 85%, #000 12%, #0000 25%), radial-gradient(circle farthest-side, #0000 30%, #000 50%);
  flex: none;
  display: flex;
  position: absolute;
  inset: 0% -35% 0% 0%;
}

.product-background-r.white {
  background-image: radial-gradient(circle at 75% 25%, #e6e6e6 8%, #0000 25%), radial-gradient(circle at 30% 35%, #e6e6e6 5%, #0000 22%), radial-gradient(circle at 36% 14%, #e6e6e6 5%, #0000 16%), radial-gradient(circle farthest-side at 30%, #e6e6e6 5%, #0000 20%), radial-gradient(circle at 29% 85%, #e6e6e6 12%, #0000 25%), radial-gradient(circle farthest-side, #e6e6e600 30%, #e6e6e6 50%);
}

.home-product-section-txt {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-product-section-txt.nimbo {
  background-image: none;
}

.home-product-section-txt.white-bg {
  background-color: #e6e6e6;
}

.p-content-wrapp-txt {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 200px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.p-content-wrapp-txt.purple-blast {
  padding-left: 50px;
  transition: all 1s;
  display: flex;
  inset: 0% 0% 0% auto;
}

.p-content-wrapp-txt.purple-blast.second {
  display: none;
}

.p-content-wrapp-txt.green-blast {
  transition: all 1s;
  display: none;
}

.p-content-wrapp-txt.green-blast.second {
  display: flex;
}

.p-content-wrapp-txt.blast-green {
  padding-left: 50px;
  display: none;
  inset: 0% 0% 0% auto;
}

.p-content-wrapp-txt.blast-green.second {
  display: flex;
}

.box-area-txt {
  z-index: 5;
  perspective: 1000px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 378px;
  height: 600px;
  display: flex;
  position: absolute;
  inset: auto 15% auto auto;
  transform: scale(.8);
}

.body-4 {
  background-color: var(--black);
}

.hub-compact-section {
  z-index: 1;
  background-image: url('../images/Hub-Page---Pattern---18-10.png'), linear-gradient(#f5f5f5, #efefef 50%, #dedede);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 50px 125px;
  display: flex;
  position: relative;
}

.category-wrapp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: grid;
  position: relative;
}

.category-wrapp.nano {
  flex: 0 auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.category-wrapp.more {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 0;
  padding: 50px 200px 50px 150px;
}

.category-wrapp.more.nano {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  place-items: stretch stretch;
  padding-left: 175px;
  padding-right: 175px;
}

.category-wrapp.compact {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.category-wrapp.compact.other {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.category-wrapp.original {
  grid-template-columns: 1fr 1fr;
  width: 50%;
}

.category-wrapp.original.other {
  grid-template-columns: 1fr;
}

.hub-product-wrapp {
  flex-direction: column;
  flex: none;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hub-product-img {
  object-fit: cover;
  flex: none;
  max-width: 100%;
  position: relative;
}

.hub-product-title {
  color: var(--text);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.hub-product-button {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-title {
  opacity: 1;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
}

.hub-category-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
  position: relative;
}

.hub-button-copy {
  color: var(--dodger-blue);
  text-transform: uppercase;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.hub-button-copy.pp {
  color: var(--white);
}

.right-arrow-wrapp {
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  height: 10px;
  display: flex;
}

.arrow-dash {
  background-color: var(--dodger-blue);
  width: 8px;
  height: 1px;
  position: relative;
  transform: rotate(45deg);
}

.arrow-dash.bot {
  transform: rotate(-45deg);
}

.arrow-dash.pp {
  background-color: var(--white);
}

.hub-nano-section {
  background-color: #0000;
  background-image: url('../images/Hub-Page---Pattern-2---18-10.png'), linear-gradient(#a1a1a1, #757575);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 200px 50px;
  display: flex;
  position: relative;
}

.product-background-l {
  z-index: 1;
  background-image: radial-gradient(circle at 55% 62%, #000 10%, #0000 22%), radial-gradient(circle at 52% 30%, #000 7%, #0000 18%), radial-gradient(circle at 46% 12%, #000 8%, #fff0 20%), radial-gradient(circle farthest-side at 55% 45%, #000 7%, #0000 30%), radial-gradient(circle at 57% 95%, #000 15%, #fff0 28%), radial-gradient(circle farthest-side at 27%, #fff0 33%, #000 44%);
  flex: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.product-background-l.white {
  background-image: radial-gradient(circle at 55% 62%, #e6e6e6 10%, #0000 22%), radial-gradient(circle at 52% 30%, #e6e6e6 7%, #0000 18%), radial-gradient(circle at 46% 12%, #e6e6e6 8%, #fff0 20%), radial-gradient(circle farthest-side at 55% 45%, #e6e6e6 7%, #0000 30%), radial-gradient(circle at 57% 95%, #e6e6e6 15%, #fff0 28%), radial-gradient(circle farthest-side at 27%, #fff0 33%, #e6e6e6 44%);
}

.diagonal-img-warpp {
  z-index: 2;
  background-image: url('../images/Box---diagonal2.png');
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% -15% 0% auto;
}

.diagonal-img-warpp.left {
  background-image: url('../images/Box---diagonal2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  top: 0%;
  left: -390px;
  right: 0%;
}

.diagonal-img-warpp.left.white {
  display: none;
}

.diagonal-img-warpp.nimbo-inner {
  z-index: 2;
  opacity: .5;
  justify-content: flex-start;
  display: none;
  left: 7%;
  right: 0%;
}

.diagonal-img-warpp.nimbo-inner.white {
  filter: grayscale();
  background-position: 0%;
  display: none;
  left: 10%;
}

.diagonal-img-warpp.white {
  opacity: .5;
  filter: grayscale();
  background-image: url('../images/Box---diagonal2.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.diagonal-img-warpp.white.original {
  background-position: 100%;
  background-size: contain;
  flex: none;
  width: 100vw;
  height: 100%;
  display: none;
  right: -4%;
}

.shadow-pop {
  z-index: 6;
  box-shadow: 18px 18px 50px 0 var(--black);
  background-image: none;
  flex: none;
  width: 100px;
  height: 250px;
  margin-left: 160px;
  display: flex;
  position: relative;
}

.shadow-pop.white {
  box-shadow: 18px 18px 50px #000000bf;
}

.button-img {
  flex: none;
  display: none;
  position: absolute;
  inset: auto 0%;
}

.change {
  background-color: var(--plum);
  color: var(--white);
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin-bottom: 100px;
  margin-right: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cigarette-section {
  justify-content: center;
  width: 100%;
  height: 200vh;
  display: flex;
  position: relative;
}

.cigarette-section.light {
  background-color: #e4e4e4;
}

.lottie-animation {
  filter: none;
  flex: none;
  width: 100%;
  height: 85vh;
  position: sticky;
  inset: 100px 0% 0%;
}

.shadow-nano {
  z-index: 6;
  box-shadow: 18px 18px 50px 0 var(--black);
  background-image: none;
  flex: none;
  width: 170px;
  height: 320px;
  margin-right: 130px;
  position: absolute;
  left: auto;
  right: 16%;
}

.shadow-nano.left {
  height: 300px;
  margin-right: 0;
  left: 20%;
  right: auto;
}

.change-blast, .change-nano {
  background-color: var(--plum);
  color: var(--white);
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin-bottom: 100px;
  margin-right: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.change-pop {
  z-index: 15;
  cursor: pointer;
  background-image: url('../images/King-Assets-Website---Small-Button_Pop.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  box-shadow: -18px 18px 25px 25px #00000080;
}

.change-pop:hover {
  transform: scale(1.1);
}

.change-pop.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Nimbo.svg');
}

.change-pop.white {
  filter: grayscale();
  box-shadow: -18px 18px 25px 25px #00000026;
}

.bottle-section {
  perspective: 500px;
  transform: ;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bottle {
  opacity: 1;
  transform: perspective(25px);
}

.front-mid-copy.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
}

.front-mid-copy.green-pop {
  background-image: url('../images/Front-Green-POP.jpg');
}

.front-mid-copy.purple-blast {
  background-image: url('../images/Front.jpg');
  background-size: cover;
  width: 282px;
}

.front-mid-copy.green-blast {
  background-image: url('../images/Front-Green-Blast.jpg');
  background-size: cover;
  width: 282px;
}

.front-mid-copy.silver {
  background-image: url('../images/FrontSilver.jpg');
  background-size: cover;
  width: 282px;
}

.front-mid-copy.titan {
  background-image: url('../images/Front-Black.jpg');
  background-size: cover;
  width: 282px;
}

._1-copy {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-copy.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1-copy.nimbo.second {
  background-image: url('../images/1-s_1.png');
}

._1-copy.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-copy.green-pop.second {
  background-image: url('../images/1.png');
}

._1-copy.second {
  background-image: url('../images/1-g.png');
}

._1-copy.purple-blast, ._1-copy.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1-copy.silver {
  background-image: url('../images/1-s.png');
}

._1-copy.titan {
  background-image: url('../images/5-p-b.png');
}

._1-copy.titan.second {
  background-image: url('../images/1-s.png');
}

._1-copy.cb, ._1-copy.cb.second {
  background-image: url('../images/1Compact_SkyB.jpg');
}

._2-copy {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2-copy.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2-copy.nimbo.second {
  background-image: url('../images/2-s_1.png');
}

._2-copy.green-pop {
  background-image: url('../images/2-g.png');
}

._2-copy.green-pop.second {
  background-image: url('../images/2.png');
}

._2-copy.second {
  background-image: url('../images/2-g.png');
}

._2-copy.purple-blast, ._2-copy.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2-copy.silver {
  background-image: url('../images/2-s.png');
}

._2-copy.titan {
  background-image: url('../images/4-p-b.png');
}

._2-copy.titan.second {
  background-image: url('../images/2-s.png');
}

._2-copy.cb, ._2-copy.cb.second {
  background-image: url('../images/2Compact_SkyB.jpg');
}

._3-copy {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3-copy.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3-copy.nimbo.second {
  background-image: url('../images/3-s_1.png');
}

._3-copy.green-pop {
  background-image: url('../images/3-g.png');
}

._3-copy.green-pop.second {
  background-image: url('../images/3.png');
}

._3-copy.second {
  background-image: url('../images/3-g.png');
}

._3-copy.purple-blast, ._3-copy.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3-copy.silver {
  background-image: url('../images/3-s.png');
}

._3-copy.titan {
  background-image: url('../images/3-p-b.png');
}

._3-copy.titan.second {
  background-image: url('../images/3-s.png');
}

._3-copy.cb, ._3-copy.cb.second {
  background-image: url('../images/3Compact_SkyB.jpg');
}

._4-copy {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4-copy.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4-copy.nimbo.second {
  background-image: url('../images/4-s_1.png');
}

._4-copy.green-pop {
  background-image: url('../images/4-g.png');
}

._4-copy.green-pop.second {
  background-image: url('../images/4.png');
}

._4-copy.second {
  background-image: url('../images/4-g.png');
}

._4-copy.purple-blast, ._4-copy.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4-copy.silver {
  background-image: url('../images/4-s.png');
}

._4-copy.titan {
  background-image: url('../images/2-p-b.png');
}

._4-copy.titan.second {
  background-image: url('../images/4-s.png');
}

._4-copy.cb, ._4-copy.cb.second {
  background-image: url('../images/4Compact_SkyB.jpg');
}

._5-copy {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5-copy.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5-copy.nimbo.second {
  background-image: url('../images/5-s_1.png');
}

._5-copy.green-pop {
  background-image: url('../images/5-g.png');
}

._5-copy.green-pop.second {
  background-image: url('../images/5.png');
}

._5-copy.second {
  background-image: url('../images/5-g.png');
}

._5-copy.purple-blast, ._5-copy.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5-copy.silver {
  background-image: url('../images/5-s.png');
}

._5-copy.titan {
  background-image: url('../images/1-p-b.png');
}

._5-copy.titan.second {
  background-image: url('../images/5-s.png');
}

._5-copy.cb, ._5-copy.cb.second {
  background-image: url('../images/5Compact_SkyB.jpg');
}

._6-copy {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6-copy.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6-copy.nimbo.second {
  background-image: url('../images/10-s_2.png');
}

._6-copy.green-pop {
  background-image: url('../images/10-g.png');
}

._6-copy.green-pop.second {
  background-image: url('../images/10.png');
}

._6-copy.second {
  background-image: url('../images/10-g.png');
}

._6-copy.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6-copy.purple-blast.second, ._6-copy.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6-copy.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6-copy.silver {
  background-image: url('../images/10-s.png');
}

._6-copy.silver.second, ._6-copy.titan {
  background-image: url('../images/10-b.png');
}

._6-copy.titan.second {
  background-image: url('../images/10-s.png');
}

._6-copy.cb {
  background-image: url('../images/10Compact_SkyBlue.jpg');
}

._6-copy.cb.second {
  background-image: url('../images/9Compact_SkyBlue.jpg');
}

._7-copy {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7-copy.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7-copy.nimbo.second {
  background-image: url('../images/9-s_2.png');
}

._7-copy.green-pop {
  background-image: url('../images/9-g.png');
}

._7-copy.green-pop.second {
  background-image: url('../images/9.png');
}

._7-copy.second {
  background-image: url('../images/9-g.png');
}

._7-copy.purple-blast {
  background-image: url('../images/9-p-b.png');
}

._7-copy.purple-blast.second, ._7-copy.green-blast {
  background-image: url('../images/9-g-b.png');
}

._7-copy.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7-copy.silver {
  background-image: url('../images/9-s.png');
}

._7-copy.titan {
  background-image: url('../images/9-b.png');
}

._7-copy.titan.second {
  background-image: url('../images/9-s.png');
}

._7-copy.cb, ._7-copy.cb.second {
  background-image: url('../images/9Compact_SkyBlue.jpg');
}

._8-copy {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8-copy.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8-copy.nimbo.second {
  background-image: url('../images/8-s_2.png');
}

._8-copy.green-pop {
  background-image: url('../images/8-g.png');
}

._8-copy.green-pop.second {
  background-image: url('../images/8.png');
}

._8-copy.second {
  background-image: url('../images/8-g.png');
}

._8-copy.purple-blast {
  background-image: url('../images/8-p-b.png');
}

._8-copy.purple-blast.second, ._8-copy.green-blast {
  background-image: url('../images/8-g-b.png');
}

._8-copy.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8-copy.silver {
  background-image: url('../images/8-s.png');
}

._8-copy.silver.second, ._8-copy.titan {
  background-image: url('../images/8-b.png');
}

._8-copy.titan.second {
  background-image: url('../images/8-s.png');
}

._8-copy.cb, ._8-copy.cb.second {
  background-image: url('../images/8Compact_SkyBlue.jpg');
}

._9-copy {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9-copy.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9-copy.nimbo.second {
  background-image: url('../images/7-s_2.png');
}

._9-copy.green-pop {
  background-image: url('../images/7-g.png');
}

._9-copy.green-pop.second {
  background-image: url('../images/7.png');
}

._9-copy.second {
  background-image: url('../images/7-g.png');
}

._9-copy.purple-blast {
  background-image: url('../images/7-p-b.png');
}

._9-copy.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9-copy.green-blast {
  background-image: url('../images/7-g-b.png');
}

._9-copy.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9-copy.silver {
  background-image: url('../images/7-s.png');
}

._9-copy.silver.second, ._9-copy.titan {
  background-image: url('../images/7-b.png');
}

._9-copy.titan.second {
  background-image: url('../images/7-s.png');
}

._9-copy.cb, ._9-copy.cb.second {
  background-image: url('../images/7Compact_SkyBlue.jpg');
}

._10-copy {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10-copy.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10-copy.nimbo.second {
  background-image: url('../images/6-s_2.png');
}

._10-copy.green-pop {
  background-image: url('../images/10-g.png');
}

._10-copy.green-pop.second {
  background-image: url('../images/6.png');
}

._10-copy.second {
  background-image: url('../images/6-g.png');
}

._10-copy.purple-blast {
  background-image: url('../images/6-p-b.png');
}

._10-copy.purple-blast.second, ._10-copy.green-blast {
  background-image: url('../images/6-g-b.png');
}

._10-copy.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10-copy.silver {
  background-image: url('../images/6-s.png');
}

._10-copy.silver.second, ._10-copy.titan {
  background-image: url('../images/6-b.png');
}

._10-copy.titan.second {
  background-image: url('../images/6-s.png');
}

._10-copy.cb, ._10-copy.cb.second {
  background-image: url('../images/6Compact_SkyBlue.jpg');
}

.side-fill-copy.a.nimbo.second {
  background-image: url('../images/Side-L.png');
}

.side-fill-copy.a.purple-blast, .side-fill-copy.a.green-blast, .side-fill-copy.a.silver, .side-fill-copy.a.titan {
  background-image: url('../images/Left.jpg');
  width: 44px;
}

.side-fill-copy.a.csb {
  background-image: url('../images/cb-Side-L.jpg');
}

.side-fill-copy.a.csb.second {
  background-image: url('../images/Side-L.png');
}

.side-fill-copy.a.cb {
  background-image: url('../images/cb-Side-L.jpg');
}

.side-fill-copy.a.cb.second {
  background-image: url('../images/csb-Side-L.jpg');
}

.side-fill-copy.purple-blast, .side-fill-copy.green-blast, .side-fill-copy.silver, .side-fill-copy.titan {
  background-image: url('../images/Right.jpg');
  width: 44px;
}

.side-fill-copy {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Side-R.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 67px;
  height: 500px;
  transition: all .5s;
  position: relative;
  inset: 0% 0% 0% auto;
}

.side-fill-copy.a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Side-L.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 70px;
  transition: all .5s;
  position: relative;
  inset: 0% auto 0% 0%;
}

.side-fill-copy.a.nimbo {
  background-image: url('../images/Side-L_1.jpg');
}

.side-fill-copy.a.green-pop {
  background-image: url('../images/Side-LGreen-POP.jpg');
}

.side-fill-copy.a.green-pop.second {
  background-image: url('../images/Side-L.jpg');
}

.side-fill-copy.a.second {
  background-image: url('../images/Side-LGreen-POP.jpg');
}

.side-fill-copy.a.purple-blast, .side-fill-copy.a.green-blast, .side-fill-copy.a.silver, .side-fill-copy.a.titan {
  background-image: url('../images/Left.jpg');
  width: 44px;
}

.side-fill-copy.nimbo {
  background-image: url('../images/Side-R_1.jpg');
}

.side-fill-copy.nimbo.second {
  background-image: url('../images/Side-R.png');
}

.side-fill-copy.green-pop {
  background-image: url('../images/Side-RGreen-POP.jpg');
}

.side-fill-copy.green-pop.second {
  background-image: url('../images/Side-R.jpg');
}

.side-fill-copy.second {
  background-image: url('../images/Side-RGreen-POP.jpg');
}

.side-fill-copy.purple-blast, .side-fill-copy.green-blast, .side-fill-copy.silver, .side-fill-copy.titan {
  background-image: url('../images/Right.jpg');
  width: 44px;
}

.side-fill-copy.csb {
  background-image: url('../images/cb-Side-R.jpg');
}

.side-fill-copy.csb.second {
  background-image: url('../images/Side-R.png');
}

.side-fill-copy.cb {
  background-image: url('../images/cb-Side-R.jpg');
}

.side-fill-copy.cb.second {
  background-image: url('../images/csb-Side-R.jpg');
}

.top-2-copy {
  background-color: var(--plum);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-image: none;
  background-size: auto;
  border-radius: 24px;
  flex: none;
  width: 323px;
  height: 69px;
  margin-top: 50px;
  transition: all .5s;
  position: absolute;
  inset: -70px auto auto;
  overflow: visible;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top-2-copy.nimbo {
  background-image: url('../images/Top_1.png');
  width: 276px;
}

.top-2-copy.green-pop {
  background-image: url('../images/TopGreen-POP.png');
}

.top-2-copy.green-pop.second {
  background-image: url('../images/Top.png');
}

.top-2-copy.second {
  background-image: url('../images/TopGreen-POP.png');
}

.top-2-copy.purple-blast, .top-2-copy.green-blast, .top-2-copy.silver, .top-2-copy.titan {
  transform-style: preserve-3d;
  background-image: url('../images/Top_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)perspective(25px);
}

.top-2-copy.cb {
  background-image: url('../images/Top_1.png');
  width: 276px;
}

.home-light-headline {
  margin-top: 483px;
  display: none;
  position: absolute;
  inset: 0% auto;
}

.change-nano-blast {
  z-index: 15;
  cursor: pointer;
  background-image: url('../images/King-Assets-Website---Small-Button_Pop.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  left: auto;
  right: auto;
  box-shadow: 18px 18px 25px 25px #00000080;
}

.change-nano-blast:hover {
  transform: scale(1.1);
}

.change-nano-blast.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Compact---Green.svg');
}

.change-nano-metal {
  z-index: 15;
  cursor: pointer;
  background-image: url('../images/King-Assets-Website---Small-Button_Nano-Gray.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  right: 15%;
  box-shadow: -18px 18px 25px 25px #00000080;
}

.change-nano-metal:hover {
  transform: scale(1.1);
}

.change-nano-metal.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Nimbo.svg');
}

.mask {
  z-index: 1;
  border: 5px solid #000;
  border-radius: 2000px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 85vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.img {
  z-index: 0;
  background-image: url('../images/Screen-Shot-2021-09-28-at-15.49.11.jpg');
  background-position: 50%;
  background-attachment: fixed;
  flex: none;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.mask-gradient {
  z-index: 1;
  background-image: radial-gradient(circle, #0000 25%, #000 50%);
  flex: none;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-2 {
  display: none;
}

.image-3 {
  object-fit: cover;
  position: fixed;
  inset: 0%;
}

.body-5, .body-6 {
  background-color: var(--black);
}

.about-header-section {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-7 {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.about-header-cotent-wrapp {
  z-index: 12;
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.about-head-title {
  z-index: 10;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: repeating-linear-gradient(#fff 50%, #ffffff59);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
}

.text-span-4 {
  font-weight: 800;
}

.about-light {
  opacity: .85;
  margin-top: 10px;
  margin-bottom: 25px;
}

.about-light.low {
  margin-left: -50px;
}

.about-description {
  color: var(--white);
  text-align: left;
  max-width: 480px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.about-description.header {
  text-align: center;
  max-width: 460px;
}

.about-description.legal {
  text-align: left;
  max-width: none;
  margin-top: 50px;
  position: relative;
}

.about-header-bg-img {
  object-fit: cover;
  flex: none;
  max-width: 100%;
  position: absolute;
  inset: 0%;
}

.about-section {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-section.global {
  margin-top: -20vh;
}

.about-left-wrapp {
  z-index: 8;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  inset: 0%;
}

.about-text-wrapp {
  position: relative;
}

.about-text-wrapp.right {
  z-index: 6;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 100px;
  padding-right: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.about-text-wrapp.left {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding-left: 150px;
  padding-right: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-title {
  color: var(--white);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: repeating-linear-gradient(#fff 54%, #ffffff59);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Montserrat, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 50px;
}

.about-graphic-wrapp {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-4 {
  display: none;
  position: absolute;
  inset: -100% auto auto -20%;
}

.about-section-bg {
  z-index: 1;
  object-fit: cover;
  background-image: url('../images/Tobacco_0001_Tobacco.png');
  background-size: cover;
  flex: none;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-video-play-button {
  cursor: pointer;
  background-color: #fff3;
  border-radius: 500px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: none;
  position: absolute;
}

.image-5 {
  object-fit: cover;
  margin-top: 50px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.play-icon {
  cursor: pointer;
  flex: none;
  width: 35px;
  height: 35px;
  display: none;
  position: absolute;
}

.video-thumb {
  cursor: pointer;
}

.home-header-video-embed {
  z-index: 7;
  object-fit: cover;
  flex: none;
  align-self: auto;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.1);
}

.video-modal {
  z-index: 50;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-close {
  z-index: 8;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 75px;
  margin-right: 75px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-6 {
  filter: invert();
  width: 20px;
}

.product-background-p-page {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 79% 100%, var(--black) 7%, #0000 16%), radial-gradient(circle farthest-corner at 82% 0%, var(--black) 9%, #0000 20%), linear-gradient(90deg, var(--black) 52%, #e6e6e600 67%), radial-gradient(circle farthest-corner at 67% 100%, var(--black) 7%, #0000 17%), radial-gradient(circle farthest-corner at 100% 50%, var(--black) 8%, #0000 18%), radial-gradient(circle farthest-corner at 100% 0%, var(--black) 10%, #0000 20%), radial-gradient(circle farthest-corner at 100% 10%, var(--black) 8%, #fff0 20%), radial-gradient(circle farthest-side at 72% 0%, var(--black) 10%, transparent 22%), radial-gradient(circle farthest-corner at 100% 100%, var(--black) 14%, #fff0 25%), radial-gradient(circle farthest-side at 90% 50%, #e6e6e600 37%, var(--black) 44%);
  flex: none;
  justify-content: flex-start;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.product-background-p-page.light {
  background-image: radial-gradient(circle farthest-corner at 79% 100%, var(--light-bg) 7%, #0000 16%), radial-gradient(circle farthest-corner at 82% 0%, var(--light-bg) 9%, #0000 20%), linear-gradient(90deg, var(--light-bg) 52%, #e6e6e600 67%), radial-gradient(circle farthest-corner at 67% 100%, var(--light-bg) 7%, #0000 17%), radial-gradient(circle farthest-corner at 100% 50%, var(--light-bg) 8%, #0000 18%), radial-gradient(circle farthest-corner at 100% 0%, var(--light-bg) 10%, #0000 20%), radial-gradient(circle farthest-corner at 100% 10%, var(--light-bg) 8%, #fff0 20%), radial-gradient(circle farthest-side at 72% 0%, var(--light-bg) 10%, transparent 22%), radial-gradient(circle farthest-corner at 100% 100%, var(--light-bg) 14%, #fff0 25%), radial-gradient(circle farthest-side at 90% 50%, #e6e6e600 37%, var(--light-bg) 44%);
}

.other-products-section {
  background-color: #0000;
  background-image: url('../images/Hub-Page---Pattern-2---18-10.png'), linear-gradient(#757575, #a1a1a1);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 75px 150px 25px;
  display: flex;
  position: relative;
}

.other-products-section.compact {
  background-color: #0000;
  background-image: url('../images/Hub-Page---Pattern---18-10.png'), linear-gradient(#f5f5f5, #efefef 50%, #dedede);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  padding-left: 100px;
  padding-right: 100px;
}

.cigarette-ups-wrapp {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 150px;
  display: flex;
  position: relative;
}

.cigarette-ups-wrapp.light {
  background-color: #e4e4e4;
}

.filter-usp-wrapp {
  flex: none;
  justify-content: space-around;
  min-width: 300px;
  display: flex;
  position: relative;
  bottom: 125px;
}

.single-usp-wrapp {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.usp-icon-c {
  object-fit: contain;
  width: 75px;
  height: 75px;
}

.body-8, .body-9, .body-10, .body-11, .body-12 {
  background-color: var(--black);
}

.h-header-overlay {
  z-index: 9;
  background-color: #0000000d;
  background-image: linear-gradient(#0000 75%, #000), linear-gradient(#000 1%, #0000 75%);
  flex: none;
  position: absolute;
  inset: 0%;
}

.bg-video {
  z-index: 0;
  object-fit: cover;
  flex: none;
  height: 85vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-pattern-video {
  background-image: url('../images/King-StaticPatterns-Nano-Silver.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  height: 100%;
  position: absolute;
  inset: auto 0% auto auto;
}

.bg-pattern-video.nimbo {
  background-image: url('../images/King-StaticPatterns-Nimbo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  right: -6%;
}

.bg-pattern-video.nimbo.inner {
  background-image: url('../images/strato-background-static_1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: -12%;
}

.bg-pattern-video.pop {
  z-index: 0;
  background-image: url('../images/King-StaticPatterns-Pop-Purple.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 1%;
  right: auto;
}

.bg-pattern-video.pop.blast {
  background-image: url('../images/King-StaticPatterns-Nano-Purple.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.pop.nano {
  background-image: url('../images/King-StaticPatterns-Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.pop-purple {
  right: -9%;
}

.bg-pattern-video.pop-purple.inner {
  background-image: url('../images/King-StaticPatterns-Pop-Purple_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.pop-purple.pop-green {
  background-image: url('../images/King-StaticPatterns-Pop-Green.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.pop-purple.purple-blast {
  background-image: url('../images/King-StaticPatterns-Nano-Purple.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg-pattern-video.pop-purple.green-blast {
  background-image: url('../images/King-StaticPatterns-Nano-Green.jpg');
}

.bg-pattern-video.strato {
  z-index: 0;
  background-image: url('../images/strato-background-static.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  left: 1%;
  right: auto;
}

.bg-pattern-video.strato.blast {
  background-image: url('../images/King-StaticPatterns-Nano-Purple.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.strato.nano {
  background-image: url('../images/King-StaticPatterns-Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.cb {
  background-image: none;
  background-position: 0 0;
  display: block;
  right: -6%;
}

.bg-pattern-video.cb.inner {
  right: -12%;
}

.bg-pattern-video.original-both {
  z-index: 0;
  background-image: url('../images/King-Patterns---Motion---Original-Red-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  left: 1%;
  right: auto;
}

.bg-pattern-video.original-both.blast {
  background-image: url('../images/King-StaticPatterns-Nano-Purple.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.original-both.nano {
  background-image: url('../images/King-StaticPatterns-Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-video.original-both.home {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.bg-pattern-video.compact {
  background-image: url('../images/King-StaticPatterns-Nimbo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  right: -6%;
}

.bg-pattern-video.compact.inner {
  background-image: url('../images/King---Compact-Blue-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: -12%;
}

.bg-pattern-video.compact-sky-blue {
  background-image: url('../images/King-StaticPatterns-Nimbo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  right: -6%;
}

.bg-pattern-video.compact-sky-blue.inner {
  background-image: url('../images/King---Compact-Sky-Blues-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: -12%;
}

.bg-pattern-video.original {
  background-image: url('../images/King-StaticPatterns-Nimbo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  right: -6%;
}

.bg-pattern-video.original.inner {
  background-image: url('../images/King-Patterns---Motion---Original-Red-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: -12%;
}

.bg-pattern-video.original.inner-new {
  background-image: url('../images/King-Patterns---Motion---Original-Red-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  right: 0%;
}

.bg-pattern-video.original {
  background-image: none;
  background-position: 0 0;
  display: block;
  right: 0%;
}

.bg-pattern-video.original.inner {
  right: -12%;
}

.p-page-header-cover {
  z-index: 2;
  background-image: linear-gradient(to right, #000 5%, #0000 20%);
  position: absolute;
  inset: 0%;
}

.home-product-title {
  color: #fff;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: repeating-linear-gradient(#fff 45%, #8f8f8f 95%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
}

.home-product-title.white {
  color: #8f8f8f;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  display: block;
}

.home-product-title.original-red {
  color: #8f8f8f;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.home-product-title.csb {
  background-image: repeating-linear-gradient(#bbb, #8f8f8f 44%);
}

.text-span-7 {
  background-image: url('../images/King---Pop_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.purple {
  background-color: var(--plum);
  color: var(--plum);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  position: relative;
}

.green {
  background-color: var(--sky-blue);
  color: var(--plum);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  position: relative;
}

.title-art-nimbo {
  opacity: .99;
  color: #0000;
  background-image: url('../images/Home-Page---Assets_Nimbo-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 3px;
  display: inline-flex;
}

.title-art-nano {
  background-image: url('../images/Home-Page---Assets_Nano.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 4px;
  display: inline-block;
  position: relative;
}

.home-box-link {
  z-index: 11;
  cursor: pointer;
  flex: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.home-box-link.second {
  display: none;
}

.home-box-link.back {
  z-index: 10;
}

.home-box-link-back {
  z-index: 10;
  cursor: pointer;
  flex: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.home-box-link-back.second {
  display: none;
}

.home-box-link-back.back {
  z-index: 10;
}

.age-gate-wrapp {
  z-index: 99;
  background-color: var(--black);
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.age-gate-content-wrapp {
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.age-confirm-button {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/King-Assets-Website---Buttons-Nano-Gray.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: nowrap;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 225px;
  height: 50px;
  margin-top: 25px;
  padding-left: 100px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.button-cta-low {
  color: #ffffffbf;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  flex: none;
  margin-top: 15px;
  padding: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.about-map-lottie {
  z-index: 0;
  flex: none;
  position: absolute;
  transform: scale(1.4);
}

.about-section-diagonal {
  z-index: 0;
  flex: none;
  display: block;
  position: absolute;
  inset: 0%;
}

.about-section-diagonal.first {
  z-index: 10;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.box-fruit {
  z-index: 12;
  flex: none;
  display: none;
  position: absolute;
  inset: 5% auto auto 5%;
}

.whole-cover {
  z-index: 10;
  background-color: var(--black);
  flex: none;
  width: 10vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-span-8 {
  align-self: flex-start;
  height: 100%;
  margin-top: -5px;
  font-size: 26px;
  position: static;
}

.additional-details {
  color: #ffffff80;
  flex: 0 auto;
  margin-top: -10px;
  margin-bottom: 50px;
  margin-left: 150px;
  font-family: Montserrat, sans-serif;
  line-height: 14px;
  position: relative;
}

.additional-details.light {
  color: var(--text);
}

.health-concern-bar {
  z-index: 25;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.health-concern-text {
  color: #ffffff80;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.yes-btn {
  z-index: 5;
  background-color: #0000;
  flex: none;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.yes-btn.not {
  display: none;
}

.btn-wrapp {
  border: 1px #ffffffbf;
  margin-top: 10px;
}

.btn-wrapp:hover {
  text-decoration: underline;
}

.age-gate-headline {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 30%, #686868 95%);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 360px;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
}

.cookies-text {
  color: var(--white);
  white-space: nowrap;
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  inset: auto auto 0%;
}

.link {
  color: var(--white);
  text-decoration: underline;
}

.link-2, .link-3 {
  color: var(--white);
}

.error-text {
  color: var(--plum);
  white-space: nowrap;
  max-width: 600px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: none;
  position: relative;
  inset: auto auto 0%;
}

.link-4 {
  color: var(--white);
}

.corp-video-embed {
  z-index: 7;
  object-fit: cover;
  flex: none;
  align-self: center;
  height: 80vh;
  display: none;
  position: absolute;
  inset: 115px 0% auto;
  overflow: hidden;
  transform: scale(1.1);
}

.legal-page-wrapp {
  margin-top: 125px;
  padding: 50px 150px;
  position: relative;
}

.body-13, .body-14 {
  background-color: var(--black);
}

.text-block-6 {
  color: var(--white);
  text-align: center;
  margin-top: 15px;
  margin-bottom: 35px;
  padding: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.footer-content-r-wrapp {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 15px;
  display: flex;
}

.footer-title {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.link-5 {
  color: var(--white);
  text-decoration: none;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
}

.link-5:hover {
  text-decoration: underline;
}

.p-h-mobile-wrapp, .about-mobile-page-wrapp, .cigarette-lottie-mobile {
  display: none;
}

.about-header-cover {
  z-index: 2;
  background-image: linear-gradient(#0000, #000);
  flex: none;
  width: 100%;
  height: 50px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-2 {
  z-index: 101;
  background-color: var(--plum);
  width: 1920px;
  height: 800px;
  display: none;
  position: absolute;
  inset: 0%;
}

.background-video {
  min-width: 100%;
  min-height: 65vh;
  position: absolute;
  inset: auto;
}

.age-gate-description {
  color: var(--white);
  text-align: center;
  text-transform: none;
  max-width: 360px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.age-gate-description.header {
  text-align: center;
  max-width: 460px;
}

.age-gate-description.legal {
  text-align: left;
  max-width: none;
  margin-top: 50px;
  position: relative;
}

.checkbox-label {
  color: var(--white);
  flex: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.checkbox-field {
  flex: none;
  align-items: flex-start;
  max-width: 360px;
  margin-top: 25px;
  display: flex;
  position: relative;
}

.checkbox {
  border-color: var(--white);
  border-radius: 0;
  flex: none;
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 10px;
  position: static;
}

.checkbox.w--redirected-checked {
  border-style: solid;
  border-color: var(--white);
  background-color: #0000;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
}

.home-head-video-m {
  display: none;
}

.age-agete-coockies-text {
  color: var(--white);
  text-align: left;
  max-width: 320px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.checkbox-wrapp {
  margin-top: 35px;
  padding-left: 30px;
  position: relative;
}

.checkbox-box {
  border: 1px solid var(--white);
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.checked {
  background-color: var(--white);
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
  inset: 0% auto;
}

.text-block-7 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: all .5s;
}

.text-block-7:hover {
  text-decoration: underline;
}

.front-mid-copy {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid-copy.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-copy.nimbo.second {
  background-image: url('../images/Front_.png');
}

.front-mid-copy.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-copy.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid-copy.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid-copy.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid-copy.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-copy.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-copy.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid-copy.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-copy.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid-copy.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-copy.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

.front-mid-copy.cb {
  background-image: url('../images/cb-front.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-copy.cb.second {
  background-image: url('../images/csb-front.jpg');
}

.front-mid-2 {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid-2.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-2.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-2.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid-2.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid-2.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid-2.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-2.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-2.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid-2.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-2.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid-2.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-2.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

.front-mid-3 {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid-3.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-3.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-3.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid-3.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid-3.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid-3.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-3.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-3.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid-3.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-3.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid-3.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-3.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

.front-mid-4 {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid-4.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-4.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-4.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid-4.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid-4.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid-4.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-4.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-4.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid-4.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-4.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid-4.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-4.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

.front-mid-5 {
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #333;
  background-image: url('../images/Pop-Purple-1.jpg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 233px;
  height: 500px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  position: absolute;
  inset: 0%;
  transform: perspective(25px);
}

.front-mid-5.nimbo {
  background-image: url('../images/Nimbo-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-5.green-pop {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-5.green-pop.second {
  background-image: url('../images/Pop-Purple-1.jpg');
}

.front-mid-5.purple-blast {
  background-image: url('../images/Purple-Blast.jpg');
  background-position: 50%;
  background-size: cover;
  width: 282px;
}

.front-mid-5.purple-blast.second {
  background-image: url('../images/Green-Blast.jpg');
}

.front-mid-5.second {
  background-image: url('../images/Pop-Green-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.front-mid-5.green-blast {
  background-image: url('../images/Green-Blast.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-5.green-blast.second {
  background-image: url('../images/Front.jpg');
}

.front-mid-5.silver {
  background-image: url('../images/Nano-Silver.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-5.silver.second {
  background-image: url('../images/Nano-Black.jpg');
}

.front-mid-5.titan {
  background-image: url('../images/Nano-Black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 282px;
}

.front-mid-5.titan.second {
  background-image: url('../images/Nano-Silver.jpg');
}

._1-t {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-t.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1-t.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-t.green-pop.second {
  background-image: url('../images/1.png');
}

._1-t.second {
  background-image: url('../images/1-g.png');
}

._1-t.purple-blast, ._1-t.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1-t.silver {
  background-image: url('../images/1-s.png');
}

._1-t.titan {
  background-image: url('../images/5-p-b.png');
}

._1-t.titan.second {
  background-image: url('../images/1-s.png');
}

._2-t {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2-t.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2-t.green-pop {
  background-image: url('../images/2-g.png');
}

._2-t.green-pop.second {
  background-image: url('../images/2.png');
}

._2-t.second {
  background-image: url('../images/2-g.png');
}

._2-t.purple-blast, ._2-t.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2-t.silver {
  background-image: url('../images/2-s.png');
}

._2-t.titan {
  background-image: url('../images/4-p-b.png');
}

._2-t.titan.second {
  background-image: url('../images/2-s.png');
}

._3-t {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3-t.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3-t.green-pop {
  background-image: url('../images/3-g.png');
}

._3-t.green-pop.second {
  background-image: url('../images/3.png');
}

._3-t.second {
  background-image: url('../images/3-g.png');
}

._3-t.purple-blast, ._3-t.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3-t.silver {
  background-image: url('../images/3-s.png');
}

._3-t.titan {
  background-image: url('../images/3-p-b.png');
}

._3-t.titan.second {
  background-image: url('../images/3-s.png');
}

._4-t {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4-t.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4-t.green-pop {
  background-image: url('../images/4-g.png');
}

._4-t.green-pop.second {
  background-image: url('../images/4.png');
}

._4-t.second {
  background-image: url('../images/4-g.png');
}

._4-t.purple-blast, ._4-t.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4-t.silver {
  background-image: url('../images/4-s.png');
}

._4-t.titan {
  background-image: url('../images/2-p-b.png');
}

._4-t.titan.second {
  background-image: url('../images/4-s.png');
}

._5-t {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5-t.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5-t.green-pop {
  background-image: url('../images/5-g.png');
}

._5-t.green-pop.second {
  background-image: url('../images/5.png');
}

._5-t.second {
  background-image: url('../images/5-g.png');
}

._5-t.purple-blast, ._5-t.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5-t.silver {
  background-image: url('../images/5-s.png');
}

._5-t.titan {
  background-image: url('../images/1-p-b.png');
}

._5-t.titan.second {
  background-image: url('../images/5-s.png');
}

._6-t {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6-t.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6-t.green-pop {
  background-image: url('../images/10-g.png');
}

._6-t.green-pop.second {
  background-image: url('../images/10.png');
}

._6-t.second {
  background-image: url('../images/10-g.png');
}

._6-t.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6-t.purple-blast.second, ._6-t.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6-t.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6-t.silver {
  background-image: url('../images/10-s_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

._6-t.silver.second, ._6-t.titan {
  background-image: url('../images/10-b.png');
}

._6-t.titan.second {
  background-image: url('../images/10-s_1.png');
}

._7-t {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7-t.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7-t.green-pop {
  background-image: url('../images/9-g.png');
}

._7-t.green-pop.second {
  background-image: url('../images/9.png');
}

._7-t.second {
  background-image: url('../images/9-g.png');
}

._7-t.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-p-b.png');
}

._7-t.purple-blast.second {
  background-image: url('../images/9-g-b.png');
}

._7-t.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-g-b.png');
}

._7-t.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7-t.silver {
  transform-style: preserve-3d;
  background-image: url('../images/9-s_1.png');
}

._7-t.titan {
  transform-style: preserve-3d;
  background-image: url('../images/9-b.png');
}

._7-t.titan.second {
  background-image: url('../images/9-s_1.png');
}

._8-t {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8-t.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8-t.green-pop {
  background-image: url('../images/8-g.png');
}

._8-t.green-pop.second {
  background-image: url('../images/8.png');
}

._8-t.second {
  background-image: url('../images/8-g.png');
}

._8-t.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-p-b.png');
}

._8-t.purple-blast.second {
  background-image: url('../images/8-g-b.png');
}

._8-t.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-g-b.png');
}

._8-t.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8-t.silver {
  transform-style: preserve-3d;
  background-image: url('../images/8-s_1.png');
}

._8-t.silver.second {
  background-image: url('../images/8-b.png');
}

._8-t.titan {
  transform-style: preserve-3d;
  background-image: url('../images/8-b.png');
}

._8-t.titan.second {
  background-image: url('../images/8-s_1.png');
}

._9-t {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9-t.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9-t.green-pop {
  background-image: url('../images/7-g.png');
}

._9-t.green-pop.second {
  background-image: url('../images/7.png');
}

._9-t.second {
  background-image: url('../images/7-g.png');
}

._9-t.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-p-b.png');
}

._9-t.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9-t.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-g-b.png');
}

._9-t.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9-t.silver {
  transform-style: preserve-3d;
  background-image: url('../images/7-s_1.png');
}

._9-t.silver.second {
  background-image: url('../images/7-b.png');
}

._9-t.titan {
  transform-style: preserve-3d;
  background-image: url('../images/7-b.png');
}

._9-t.titan.second {
  background-image: url('../images/7-s_1.png');
}

._10-t {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10-t.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10-t.green-pop {
  background-image: url('../images/10-g.png');
}

._10-t.green-pop.second {
  background-image: url('../images/6.png');
}

._10-t.second {
  background-image: url('../images/6-g.png');
}

._10-t.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-p-b.png');
}

._10-t.purple-blast.second {
  background-image: url('../images/6-g-b.png');
}

._10-t.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-g-b.png');
}

._10-t.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10-t.silver {
  transform-style: preserve-3d;
  background-image: url('../images/6-s_1.png');
}

._10-t.silver.second {
  background-image: url('../images/6-b.png');
}

._10-t.titan {
  transform-style: preserve-3d;
  background-image: url('../images/6-b.png');
}

._10-t.titan.second {
  background-image: url('../images/6-s_1.png');
}

._1-s {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-s.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1-s.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-s.green-pop.second {
  background-image: url('../images/1.png');
}

._1-s.second {
  background-image: url('../images/1-g.png');
}

._1-s.purple-blast, ._1-s.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1-s.silver {
  background-image: url('../images/1-s.png');
}

._1-s.titan {
  background-image: url('../images/5-p-b.png');
}

._1-s.titan.second {
  background-image: url('../images/1-s.png');
}

._2-s {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2-s.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2-s.green-pop {
  background-image: url('../images/2-g.png');
}

._2-s.green-pop.second {
  background-image: url('../images/2.png');
}

._2-s.second {
  background-image: url('../images/2-g.png');
}

._2-s.purple-blast, ._2-s.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2-s.silver {
  background-image: url('../images/2-s.png');
}

._2-s.titan {
  background-image: url('../images/4-p-b.png');
}

._2-s.titan.second {
  background-image: url('../images/2-s.png');
}

._3-s {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3-s.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3-s.green-pop {
  background-image: url('../images/3-g.png');
}

._3-s.green-pop.second {
  background-image: url('../images/3.png');
}

._3-s.second {
  background-image: url('../images/3-g.png');
}

._3-s.purple-blast, ._3-s.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3-s.silver {
  background-image: url('../images/3-s.png');
}

._3-s.titan {
  background-image: url('../images/3-p-b.png');
}

._3-s.titan.second {
  background-image: url('../images/3-s.png');
}

._4-s {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4-s.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4-s.green-pop {
  background-image: url('../images/4-g.png');
}

._4-s.green-pop.second {
  background-image: url('../images/4.png');
}

._4-s.second {
  background-image: url('../images/4-g.png');
}

._4-s.purple-blast, ._4-s.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4-s.silver {
  background-image: url('../images/4-s.png');
}

._4-s.titan {
  background-image: url('../images/2-p-b.png');
}

._4-s.titan.second {
  background-image: url('../images/4-s.png');
}

._5-s {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5-s.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5-s.green-pop {
  background-image: url('../images/5-g.png');
}

._5-s.green-pop.second {
  background-image: url('../images/5.png');
}

._5-s.second {
  background-image: url('../images/5-g.png');
}

._5-s.purple-blast, ._5-s.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5-s.silver {
  background-image: url('../images/5-s.png');
}

._5-s.titan {
  background-image: url('../images/1-p-b.png');
}

._5-s.titan.second {
  background-image: url('../images/5-s.png');
}

._6-s {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6-s.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6-s.green-pop {
  background-image: url('../images/10-g.png');
}

._6-s.green-pop.second {
  background-image: url('../images/10.png');
}

._6-s.second {
  background-image: url('../images/10-g.png');
}

._6-s.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6-s.purple-blast.second, ._6-s.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6-s.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6-s.silver {
  background-image: url('../images/10-s_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

._6-s.silver.second, ._6-s.titan {
  background-image: url('../images/10-b.png');
}

._6-s.titan.second {
  background-image: url('../images/10-s_1.png');
}

._7-s {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7-s.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7-s.green-pop {
  background-image: url('../images/9-g.png');
}

._7-s.green-pop.second {
  background-image: url('../images/9.png');
}

._7-s.second {
  background-image: url('../images/9-g.png');
}

._7-s.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-p-b.png');
}

._7-s.purple-blast.second {
  background-image: url('../images/9-g-b.png');
}

._7-s.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-g-b.png');
}

._7-s.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7-s.silver {
  transform-style: preserve-3d;
  background-image: url('../images/9-s_1.png');
}

._7-s.titan {
  transform-style: preserve-3d;
  background-image: url('../images/9-b.png');
}

._7-s.titan.second {
  background-image: url('../images/9-s_1.png');
}

._8-s {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8-s.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8-s.green-pop {
  background-image: url('../images/8-g.png');
}

._8-s.green-pop.second {
  background-image: url('../images/8.png');
}

._8-s.second {
  background-image: url('../images/8-g.png');
}

._8-s.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-p-b.png');
}

._8-s.purple-blast.second {
  background-image: url('../images/8-g-b.png');
}

._8-s.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-g-b.png');
}

._8-s.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8-s.silver {
  transform-style: preserve-3d;
  background-image: url('../images/8-s_1.png');
}

._8-s.silver.second {
  background-image: url('../images/8-b.png');
}

._8-s.titan {
  transform-style: preserve-3d;
  background-image: url('../images/8-b.png');
}

._8-s.titan.second {
  background-image: url('../images/8-s_1.png');
}

._9-s {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9-s.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9-s.green-pop {
  background-image: url('../images/7-g.png');
}

._9-s.green-pop.second {
  background-image: url('../images/7.png');
}

._9-s.second {
  background-image: url('../images/7-g.png');
}

._9-s.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-p-b.png');
}

._9-s.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9-s.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-g-b.png');
}

._9-s.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9-s.silver {
  transform-style: preserve-3d;
  background-image: url('../images/7-s_1.png');
}

._9-s.silver.second {
  background-image: url('../images/7-b.png');
}

._9-s.titan {
  transform-style: preserve-3d;
  background-image: url('../images/7-b.png');
}

._9-s.titan.second {
  background-image: url('../images/7-s_1.png');
}

._10-s {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10-s.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10-s.green-pop {
  background-image: url('../images/10-g.png');
}

._10-s.green-pop.second {
  background-image: url('../images/6.png');
}

._10-s.second {
  background-image: url('../images/6-g.png');
}

._10-s.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-p-b.png');
}

._10-s.purple-blast.second {
  background-image: url('../images/6-g-b.png');
}

._10-s.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-g-b.png');
}

._10-s.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10-s.silver {
  transform-style: preserve-3d;
  background-image: url('../images/6-s_1.png');
}

._10-s.silver.second {
  background-image: url('../images/6-b.png');
}

._10-s.titan {
  transform-style: preserve-3d;
  background-image: url('../images/6-b.png');
}

._10-s.titan.second {
  background-image: url('../images/6-s_1.png');
}

._1-pb {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-pb.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1-pb.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-pb.green-pop.second {
  background-image: url('../images/1.png');
}

._1-pb.second {
  background-image: url('../images/1-g.png');
}

._1-pb.purple-blast, ._1-pb.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1-pb.silver {
  background-image: url('../images/1-s.png');
}

._1-pb.titan {
  background-image: url('../images/5-p-b.png');
}

._1-pb.titan.second {
  background-image: url('../images/1-s.png');
}

._2-pb {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2-pb.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2-pb.green-pop {
  background-image: url('../images/2-g.png');
}

._2-pb.green-pop.second {
  background-image: url('../images/2.png');
}

._2-pb.second {
  background-image: url('../images/2-g.png');
}

._2-pb.purple-blast, ._2-pb.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2-pb.silver {
  background-image: url('../images/2-s.png');
}

._2-pb.titan {
  background-image: url('../images/4-p-b.png');
}

._2-pb.titan.second {
  background-image: url('../images/2-s.png');
}

._3-pb {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3-pb.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3-pb.green-pop {
  background-image: url('../images/3-g.png');
}

._3-pb.green-pop.second {
  background-image: url('../images/3.png');
}

._3-pb.second {
  background-image: url('../images/3-g.png');
}

._3-pb.purple-blast, ._3-pb.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3-pb.silver {
  background-image: url('../images/3-s.png');
}

._3-pb.titan {
  background-image: url('../images/3-p-b.png');
}

._3-pb.titan.second {
  background-image: url('../images/3-s.png');
}

._4-pb {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4-pb.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4-pb.green-pop {
  background-image: url('../images/4-g.png');
}

._4-pb.green-pop.second {
  background-image: url('../images/4.png');
}

._4-pb.second {
  background-image: url('../images/4-g.png');
}

._4-pb.purple-blast, ._4-pb.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4-pb.silver {
  background-image: url('../images/4-s.png');
}

._4-pb.titan {
  background-image: url('../images/2-p-b.png');
}

._4-pb.titan.second {
  background-image: url('../images/4-s.png');
}

._5-pb {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5-pb.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5-pb.green-pop {
  background-image: url('../images/5-g.png');
}

._5-pb.green-pop.second {
  background-image: url('../images/5.png');
}

._5-pb.second {
  background-image: url('../images/5-g.png');
}

._5-pb.purple-blast, ._5-pb.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5-pb.silver {
  background-image: url('../images/5-s.png');
}

._5-pb.titan {
  background-image: url('../images/1-p-b.png');
}

._5-pb.titan.second {
  background-image: url('../images/5-s.png');
}

._6-pb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6-pb.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6-pb.green-pop {
  background-image: url('../images/10-g.png');
}

._6-pb.green-pop.second {
  background-image: url('../images/10.png');
}

._6-pb.second {
  background-image: url('../images/10-g.png');
}

._6-pb.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6-pb.purple-blast.second, ._6-pb.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6-pb.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6-pb.silver {
  background-image: url('../images/10-s_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

._6-pb.silver.second, ._6-pb.titan {
  background-image: url('../images/10-b.png');
}

._6-pb.titan.second {
  background-image: url('../images/10-s_1.png');
}

._7-pb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7-pb.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7-pb.green-pop {
  background-image: url('../images/9-g.png');
}

._7-pb.green-pop.second {
  background-image: url('../images/9.png');
}

._7-pb.second {
  background-image: url('../images/9-g.png');
}

._7-pb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-p-b.png');
}

._7-pb.purple-blast.second {
  background-image: url('../images/9-g-b.png');
}

._7-pb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-g-b.png');
}

._7-pb.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7-pb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/9-s_1.png');
}

._7-pb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/9-b.png');
}

._7-pb.titan.second {
  background-image: url('../images/9-s_1.png');
}

._8-pb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8-pb.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8-pb.green-pop {
  background-image: url('../images/8-g.png');
}

._8-pb.green-pop.second {
  background-image: url('../images/8.png');
}

._8-pb.second {
  background-image: url('../images/8-g.png');
}

._8-pb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-p-b.png');
}

._8-pb.purple-blast.second {
  background-image: url('../images/8-g-b.png');
}

._8-pb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-g-b.png');
}

._8-pb.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8-pb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/8-s_1.png');
}

._8-pb.silver.second {
  background-image: url('../images/8-b.png');
}

._8-pb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/8-b.png');
}

._8-pb.titan.second {
  background-image: url('../images/8-s_1.png');
}

._9-pb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9-pb.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9-pb.green-pop {
  background-image: url('../images/7-g.png');
}

._9-pb.green-pop.second {
  background-image: url('../images/7.png');
}

._9-pb.second {
  background-image: url('../images/7-g.png');
}

._9-pb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-p-b.png');
}

._9-pb.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9-pb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-g-b.png');
}

._9-pb.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9-pb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/7-s_1.png');
}

._9-pb.silver.second {
  background-image: url('../images/7-b.png');
}

._9-pb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/7-b.png');
}

._9-pb.titan.second {
  background-image: url('../images/7-s_1.png');
}

._10-pb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10-pb.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10-pb.green-pop {
  background-image: url('../images/10-g.png');
}

._10-pb.green-pop.second {
  background-image: url('../images/6.png');
}

._10-pb.second {
  background-image: url('../images/6-g.png');
}

._10-pb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-p-b.png');
}

._10-pb.purple-blast.second {
  background-image: url('../images/6-g-b.png');
}

._10-pb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-g-b.png');
}

._10-pb.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10-pb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/6-s_1.png');
}

._10-pb.silver.second {
  background-image: url('../images/6-b.png');
}

._10-pb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/6-b.png');
}

._10-pb.titan.second {
  background-image: url('../images/6-s_1.png');
}

._1-gb {
  z-index: 1;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 15.5px;
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-gb.nimbo {
  background-image: url('../images/1Nimbo.jpg');
}

._1-gb.green-pop {
  transform-style: preserve-3d;
  background-image: url('../images/1-g.png');
  transform: rotateX(0)rotateY(-15deg)rotateZ(0)perspective(25px);
}

._1-gb.green-pop.second {
  background-image: url('../images/1.png');
}

._1-gb.second {
  background-image: url('../images/1-g.png');
}

._1-gb.purple-blast, ._1-gb.green-blast {
  background-image: url('../images/5-p-b.png');
}

._1-gb.silver {
  background-image: url('../images/1-s.png');
}

._1-gb.titan {
  background-image: url('../images/5-p-b.png');
}

._1-gb.titan.second {
  background-image: url('../images/1-s.png');
}

._2-gb {
  z-index: 2;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s ease-in-out;
  position: absolute;
  inset: 0% auto 0% 8.5px;
  transform: rotateX(0)rotateY(-30deg)rotateZ(0)translate3d(-.4px, 0, -2px)perspective(25px)perspective(25px);
}

._2-gb.nimbo {
  background-image: url('../images/2Nimbo.jpg');
}

._2-gb.green-pop {
  background-image: url('../images/2-g.png');
}

._2-gb.green-pop.second {
  background-image: url('../images/2.png');
}

._2-gb.second {
  background-image: url('../images/2-g.png');
}

._2-gb.purple-blast, ._2-gb.green-blast {
  background-image: url('../images/4-p-b.png');
}

._2-gb.silver {
  background-image: url('../images/2-s.png');
}

._2-gb.titan {
  background-image: url('../images/4-p-b.png');
}

._2-gb.titan.second {
  background-image: url('../images/2-s.png');
}

._3-gb {
  z-index: 3;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.67px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% -2px;
  transform: rotateX(0)rotateY(-45deg)rotateZ(0)translate3d(.4px, 0, -8px)perspective(25px)perspective(25px);
}

._3-gb.nimbo {
  background-image: url('../images/3Nimbo.jpg');
}

._3-gb.green-pop {
  background-image: url('../images/3-g.png');
}

._3-gb.green-pop.second {
  background-image: url('../images/3.png');
}

._3-gb.second {
  background-image: url('../images/3-g.png');
}

._3-gb.purple-blast, ._3-gb.green-blast {
  background-image: url('../images/3-p-b.png');
}

._3-gb.silver {
  background-image: url('../images/3-s.png');
}

._3-gb.titan {
  background-image: url('../images/3-p-b.png');
}

._3-gb.titan.second {
  background-image: url('../images/3-s.png');
}

._4-gb {
  z-index: 4;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.75px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-60deg)rotateZ(0)translate3d(-8.8px, 0, -4.4px)perspective(25px)perspective(25px);
}

._4-gb.nimbo {
  background-image: url('../images/4Nimbo.jpg');
}

._4-gb.green-pop {
  background-image: url('../images/4-g.png');
}

._4-gb.green-pop.second {
  background-image: url('../images/4.png');
}

._4-gb.second {
  background-image: url('../images/4-g.png');
}

._4-gb.purple-blast, ._4-gb.green-blast {
  background-image: url('../images/2-p-b.png');
}

._4-gb.silver {
  background-image: url('../images/4-s.png');
}

._4-gb.titan {
  background-image: url('../images/2-p-b.png');
}

._4-gb.titan.second {
  background-image: url('../images/4-s.png');
}

._5-gb {
  z-index: 5;
  transform-origin: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 7px;
  height: 500px;
  margin-top: 50px;
  margin-left: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0;
  transform: rotateX(0)rotateY(-75deg)rotateZ(0)translate(-16.2px)perspective(25px)perspective(25px);
}

._5-gb.nimbo {
  background-image: url('../images/5Nimbo.jpg');
}

._5-gb.green-pop {
  background-image: url('../images/5-g.png');
}

._5-gb.green-pop.second {
  background-image: url('../images/5.png');
}

._5-gb.second {
  background-image: url('../images/5-g.png');
}

._5-gb.purple-blast, ._5-gb.green-blast {
  background-image: url('../images/1-p-b.png');
}

._5-gb.silver {
  background-image: url('../images/5-s.png');
}

._5-gb.titan {
  background-image: url('../images/1-p-b.png');
}

._5-gb.titan.second {
  background-image: url('../images/5-s.png');
}

._6-gb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/10.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(15deg)rotateZ(0)translate3d(-16px, 0, -4px)perspective(25px);
}

._6-gb.nimbo {
  background-image: url('../images/10Nimbo-1.jpg');
}

._6-gb.green-pop {
  background-image: url('../images/10-g.png');
}

._6-gb.green-pop.second {
  background-image: url('../images/10.png');
}

._6-gb.second {
  background-image: url('../images/10-g.png');
}

._6-gb.purple-blast {
  background-image: url('../images/10-p-b.png');
}

._6-gb.purple-blast.second, ._6-gb.green-blast {
  background-image: url('../images/10-g-b.png');
}

._6-gb.green-blast.second {
  background-image: url('../images/10-p-b.png');
}

._6-gb.silver {
  background-image: url('../images/10-s_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

._6-gb.silver.second, ._6-gb.titan {
  background-image: url('../images/10-b.png');
}

._6-gb.titan.second {
  background-image: url('../images/10-s_1.png');
}

._7-gb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/9.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-7.8px, 0, -6.8px)perspective(25px);
}

._7-gb.nimbo {
  background-image: url('../images/9Nimbo-1.jpg');
}

._7-gb.green-pop {
  background-image: url('../images/9-g.png');
}

._7-gb.green-pop.second {
  background-image: url('../images/9.png');
}

._7-gb.second {
  background-image: url('../images/9-g.png');
}

._7-gb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-p-b.png');
}

._7-gb.purple-blast.second {
  background-image: url('../images/9-g-b.png');
}

._7-gb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/9-g-b.png');
}

._7-gb.green-blast.second {
  background-image: url('../images/9-p-b.png');
}

._7-gb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/9-s_1.png');
}

._7-gb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/9-b.png');
}

._7-gb.titan.second {
  background-image: url('../images/9-s_1.png');
}

._8-gb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/8.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(1px, 0, -7.2px)perspective(25px);
}

._8-gb.nimbo {
  background-image: url('../images/8Nimbo-1.jpg');
}

._8-gb.green-pop {
  background-image: url('../images/8-g.png');
}

._8-gb.green-pop.second {
  background-image: url('../images/8.png');
}

._8-gb.second {
  background-image: url('../images/8-g.png');
}

._8-gb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-p-b.png');
}

._8-gb.purple-blast.second {
  background-image: url('../images/8-g-b.png');
}

._8-gb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/8-g-b.png');
}

._8-gb.green-blast.second {
  background-image: url('../images/8-p-b.png');
}

._8-gb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/8-s_1.png');
}

._8-gb.silver.second {
  background-image: url('../images/8-b.png');
}

._8-gb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/8-b.png');
}

._8-gb.titan.second {
  background-image: url('../images/8-s_1.png');
}

._9-gb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(9px, 0, -4.5px)perspective(25px);
}

._9-gb.nimbo {
  background-image: url('../images/7Nimbo-1.jpg');
}

._9-gb.green-pop {
  background-image: url('../images/7-g.png');
}

._9-gb.green-pop.second {
  background-image: url('../images/7.png');
}

._9-gb.second {
  background-image: url('../images/7-g.png');
}

._9-gb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-p-b.png');
}

._9-gb.purple-blast.second {
  background-image: url('../images/7-s.png');
}

._9-gb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/7-g-b.png');
}

._9-gb.green-blast.second {
  background-image: url('../images/7-p-b.png');
}

._9-gb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/7-s_1.png');
}

._9-gb.silver.second {
  background-image: url('../images/7-b.png');
}

._9-gb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/7-b.png');
}

._9-gb.titan.second {
  background-image: url('../images/7-s_1.png');
}

._10-gb {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-image: url('../images/6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 6.7px;
  height: 500px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(16.5px)perspective(25px);
}

._10-gb.nimbo {
  background-image: url('../images/6Nimbo-1.jpg');
}

._10-gb.green-pop {
  background-image: url('../images/10-g.png');
}

._10-gb.green-pop.second {
  background-image: url('../images/6.png');
}

._10-gb.second {
  background-image: url('../images/6-g.png');
}

._10-gb.purple-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-p-b.png');
}

._10-gb.purple-blast.second {
  background-image: url('../images/6-g-b.png');
}

._10-gb.green-blast {
  transform-style: preserve-3d;
  background-image: url('../images/6-g-b.png');
}

._10-gb.green-blast.second {
  background-image: url('../images/6-p-b.png');
}

._10-gb.silver {
  transform-style: preserve-3d;
  background-image: url('../images/6-s_1.png');
}

._10-gb.silver.second {
  background-image: url('../images/6-b.png');
}

._10-gb.titan {
  transform-style: preserve-3d;
  background-image: url('../images/6-b.png');
}

._10-gb.titan.second {
  background-image: url('../images/6-s_1.png');
}

.soon {
  filter: invert();
  margin-bottom: 15px;
  display: block;
}

.soon.light {
  filter: none;
}

.soon.light.hide {
  display: none;
}

.section-separator-new {
  height: 50vh;
}

.animation-start {
  background-color: var(--white);
  color: var(--text);
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 50px;
  margin-bottom: 25px;
  margin-right: 25px;
  text-decoration: none;
  transition: all .5s ease-in-out;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.animation-start:hover {
  color: var(--dodger-blue);
}

.animation-btn-copy {
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  position: relative;
}

.div-block-3 {
  background-color: var(--black);
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.about-map-lottie-copy {
  z-index: 0;
  flex: none;
  margin: 10%;
  position: absolute;
  inset: 0%;
  transform: scale(1.4);
}

.title-art-strato {
  color: #fff0;
  background-image: url('../images/title-art-strato.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  display: inline-block;
  position: relative;
}

.change-compact-nano {
  z-index: 15;
  cursor: pointer;
  background-image: url('../images/King-Assets-Website---Small-Button_Nano-Gray.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  right: 15%;
  box-shadow: -18px 18px 25px 25px #00000080;
}

.change-compact-nano:hover {
  transform: scale(1.1);
}

.change-compact-nano.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Nimbo.svg');
}

.shadow-compact {
  z-index: 6;
  box-shadow: 18px 18px 50px 0 var(--black);
  background-image: none;
  flex: none;
  width: 100px;
  height: 250px;
  margin-top: 7%;
  margin-right: 100px;
  position: absolute;
  left: auto;
  right: 18%;
}

.shadow-compact.left {
  height: 300px;
  margin-right: 0;
  left: 20%;
  right: auto;
}

.shadow-compact.white {
  display: flex;
  box-shadow: 18px 18px 50px #000000bf;
}

.title-art-img {
  position: relative;
  top: -48px;
}

.spline-test {
  width: 100%;
  height: 100vh;
  position: relative;
}

.spline-scene {
  position: absolute;
  inset: 0%;
}

.div-block-4 {
  height: 200vh;
  position: relative;
}

.change-compact-blue {
  z-index: 15;
  cursor: pointer;
  background-color: #e6e6e6;
  background-image: url('../images/King-Assets-Website---Small-Button_Nano-Gray.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  box-shadow: -15px 15px 25px 25px #0000001a;
}

.change-compact-blue:hover {
  transform: scale(1.1);
}

.change-compact-blue.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Nimbo.svg');
}

.change-compact-blue.white {
  box-shadow: -18px 18px 25px 25px #00000040;
}

.change-original {
  z-index: 15;
  filter: grayscale();
  cursor: pointer;
  background-color: #e6e6e6;
  background-image: url('../images/King-Assets-Website---Small-Button_Pop.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 500px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 360px;
  margin-left: 325px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  right: 15%;
  box-shadow: -15px 15px 25px 25px #0000001a;
}

.change-original:hover {
  transform: scale(1.1);
}

.change-original.second {
  background-image: url('../images/King-Assets-Website---Small-Button_Nimbo.svg');
}

.change-original.white {
  filter: grayscale();
  box-shadow: -18px 18px 25px 25px #00000026;
}

.body-light {
  background-color: var(--light-bg);
}

.product-price-light {
  z-index: 2;
  background-image: linear-gradient(0deg, #383838 23%, var(--light-bg));
  opacity: 0;
  color: var(--white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  align-items: stretch;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  display: none;
  position: relative;
}

.title-sky-blue {
  -webkit-text-fill-color: transparent;
  background-color: #639fbb;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.original-blue {
  -webkit-text-fill-color: transparent;
  background-color: #0946a1;
  -webkit-background-clip: text;
  background-clip: text;
}

.title-compact-blue {
  -webkit-text-fill-color: transparent;
  background-color: #4c78d0;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.product-bg-left {
  z-index: 2;
  background-image: linear-gradient(270deg, #fff0 80%, var(--black) 92%);
  position: absolute;
  inset: 0%;
}

.product-bg-left.light {
  background-image: linear-gradient(270deg, #fff0 80%, var(--light-bg) 92%);
}

.title-original-blue {
  -webkit-text-fill-color: transparent;
  background-color: #084ba4;
  -webkit-background-clip: text;
  background-clip: text;
}

.title-original-red {
  -webkit-text-fill-color: transparent;
  background-color: #d90630;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.hub-original-section {
  z-index: 1;
  background-image: url('../images/original-series-bg.png'), linear-gradient(#f5f5f5, #efefef 50%, #dedede);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 125px;
  padding: 50px 125px;
  display: flex;
  position: relative;
}

.video-diagonal-wrapp {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-8 {
  z-index: 1;
  max-width: none;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
  transform: translate(27.5%);
}

.nav-dark {
  z-index: 50;
  filter: none;
  color: #000000bf;
  background-color: #00000080;
  background-image: linear-gradient(#00000080, #fff0);
  height: 125px;
  margin-top: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.icons-separator {
  filter: grayscale();
}

.image-9 {
  position: relative;
  top: 154px;
  left: -60px;
}

@media screen and (min-width: 1440px) {
  .box-bg {
    margin-right: -550px;
  }

  .box-bg.nimbo {
    margin-right: -150px;
  }

  .side.right {
    transform: translate3d(0, 0, -3px)rotateX(0)rotateY(90deg)rotateZ(0)perspective(25px);
  }

  .box-area {
    perspective: 1000px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    transform: none;
  }

  .box-area.second {
    margin-left: 65px;
  }

  .box-area.second.txt {
    margin-right: -65px;
    right: 15%;
  }

  .box-area.first {
    margin-left: -65px;
  }

  .box-area.first.txt {
    margin-right: 65px;
    right: 15%;
  }

  .box.green-pop {
    transform: none;
  }

  .box-spotlight {
    margin-top: -10%;
  }

  .section-6 {
    overflow: hidden;
  }

  .box-whole-big-static {
    margin-left: -43px;
  }

  .box-holder {
    padding-right: 70px;
  }

  .rotate-to-verticle {
    z-index: 100;
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .text-block-4 {
    color: var(--white);
    text-align: center;
    font-family: Montserrat, sans-serif;
  }

  .home-product-section {
    background-image: none;
  }

  .glow.left {
    display: flex;
    left: 10%;
  }

  .glow.right.nano-blast {
    background-image: radial-gradient(circle, #ca6ba7 15%, #d48bb900 58%);
  }

  .p-content-wrapp.pop-purple, .p-content-wrapp.pop-green {
    padding-left: 120px;
  }

  .p-content-wrapp.titan, .p-content-wrapp.silver {
    padding-left: 320px;
  }

  .p-content-wrapp.nimbo {
    padding-left: 320px;
    display: flex;
  }

  .p-content-wrapp.strato {
    padding-left: 320px;
    display: none;
  }

  .p-content-wrapp.c-blue {
    padding-left: 320px;
    display: flex;
  }

  .p-content-wrapp.csb {
    padding-left: 320px;
    display: none;
  }

  .p-content-wrapp.original-blue, .p-content-wrapp.original-red {
    padding-left: 120px;
  }

  .p-big-wrapp-img {
    padding-left: 300px;
  }

  .p-big-wrapp-txt {
    align-items: center;
    display: flex;
  }

  .p-content-wrapp-txt {
    padding-left: 320px;
  }

  .p-content-wrapp-txt.purple-blast, .p-content-wrapp-txt.blast-green {
    padding-left: 120px;
    inset: 0% 0% 0% auto;
  }

  .box-area-txt {
    perspective: 1000px;
    flex: none;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    transform: none;
  }

  .hub-compact-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .category-wrapp.more {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .category-wrapp.compact {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hub-product-img {
    z-index: 2;
  }

  .hub-nano-section {
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .diagonal-img-warpp {
    background-image: url('../images/Box---diagonal2.png');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .diagonal-img-warpp.left {
    left: -440px;
  }

  .shadow-pop {
    margin-left: 97px;
  }

  .shadow-nano {
    right: 17.5%;
  }

  .shadow-nano.left {
    left: 300px;
  }

  .change-pop, .change-nano-blast, .change-nano-metal {
    margin-left: 350px;
  }

  .about-description.legal {
    max-width: 65vw;
  }

  .about-header-bg-img {
    margin-top: -100px;
  }

  .about-section {
    justify-content: center;
    padding-left: 150px;
    padding-right: 150px;
  }

  .home-header-video-embed {
    min-width: 100%;
    height: auto;
  }

  .other-products-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bg-pattern-video.nimbo {
    right: -2%;
  }

  .bg-pattern-video.nimbo.inner {
    right: -5%;
  }

  .bg-pattern-video.pop {
    left: 3%;
  }

  .bg-pattern-video.pop-purple {
    right: -4.5%;
  }

  .bg-pattern-video.pop-purple.inner, .bg-pattern-video.pop-purple.pop-green {
    right: 0%;
  }

  .bg-pattern-video.strato {
    left: 3%;
  }

  .bg-pattern-video.cb {
    right: -2%;
  }

  .bg-pattern-video.cb.inner {
    right: -5%;
  }

  .bg-pattern-video.original-both {
    left: 3%;
  }

  .bg-pattern-video.compact {
    right: -2%;
  }

  .bg-pattern-video.compact.inner {
    right: -5%;
  }

  .bg-pattern-video.compact-sky-blue {
    right: -2%;
  }

  .bg-pattern-video.compact-sky-blue.inner {
    right: -5%;
  }

  .bg-pattern-video.original.inner, .bg-pattern-video.original.inner-new {
    right: -5%;
  }

  .bg-pattern-video.original {
    right: -2%;
  }

  .bg-pattern-video.original.inner {
    right: -5%;
  }

  .about-section-diagonal.first {
    position: absolute;
    inset: 0%;
  }

  .legal-content-wrapp {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-2 {
    height: 800px;
    display: none;
  }

  .age-gate-description.legal {
    max-width: 65vw;
  }

  .change-compact-nano {
    margin-left: 350px;
  }

  .shadow-compact.left {
    left: 300px;
  }

  .change-compact-blue, .change-original {
    margin-left: 350px;
  }

  .hub-original-section {
    padding-left: 25vw;
    padding-right: 25vw;
  }

  .hub-product-shadow {
    flex: none;
    height: 60%;
    position: absolute;
    inset: 0% auto auto;
    box-shadow: 0 0 75px 25px #00000040;
  }
}

@media screen and (min-width: 1920px) {
  .box-area {
    transform: none;
  }

  .product-header-details {
    margin-left: 170px;
  }

  .scroll-down {
    z-index: 10;
  }

  .rotate-to-verticle {
    z-index: 100;
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .text-block-4 {
    color: var(--white);
    text-align: center;
    letter-spacing: 1px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
  }

  .div-block {
    padding-left: 320px;
    padding-right: 320px;
  }

  .home-product-section {
    height: 75vh;
  }

  .product-bg-img {
    background-image: linear-gradient(to bottom, black 2%, #3b3b3b00 20%, #ccc0 80%, var(--black) 98%), radial-gradient(circle farthest-side at 50% 50%, #69696900 80%, black 95%);
  }

  .p-content-wrapp.pop-purple, .p-content-wrapp.pop-green {
    padding-left: 240px;
  }

  .p-content-wrapp.titan, .p-content-wrapp.silver, .p-content-wrapp.nimbo, .p-content-wrapp.strato, .p-content-wrapp.c-blue, .p-content-wrapp.csb {
    padding-left: 480px;
  }

  .p-content-wrapp.original-blue, .p-content-wrapp.original-red {
    padding-left: 240px;
  }

  .p-big-wrapp-img {
    padding-left: 320px;
  }

  .product-background-r {
    background-image: radial-gradient(circle at 75% 25%, #000 8%, #fff0 25%), radial-gradient(circle at 30% 35%, #000 5%, #0000 22%), radial-gradient(circle at 36% 14%, #000 5%, #0000 16%), radial-gradient(circle farthest-side at 30%, #000 5%, #0000 20%), radial-gradient(circle at 29% 85%, #000 12%, #0000 25%), radial-gradient(circle farthest-side, #fff0 40%, #000 50%);
  }

  .home-product-section-txt {
    height: 75vh;
  }

  .p-content-wrapp-txt {
    padding-left: 480px;
  }

  .p-content-wrapp-txt.purple-blast, .p-content-wrapp-txt.blast-green {
    padding-left: 240px;
  }

  .hub-compact-section {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .hub-nano-section {
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .product-background-l {
    background-image: radial-gradient(circle at 55% 62%, #000 10%, #0000 22%), radial-gradient(circle at 52% 30%, #000 7%, #0000 18%), radial-gradient(circle at 46% 12%, #000 8%, #fff0 20%), radial-gradient(circle farthest-side at 55% 45%, #000 7%, #0000 30%), radial-gradient(circle at 57% 95%, #000 15%, #fff0 28%), radial-gradient(circle farthest-side at 27%, #fff0 30%, #000 35%);
  }

  .diagonal-img-warpp {
    display: block;
    right: 50px;
  }

  .diagonal-img-warpp.left {
    left: -380px;
  }

  .diagonal-img-warpp.nimbo-inner {
    right: -5%;
  }

  .about-description.legal {
    max-width: 50vw;
  }

  .about-header-bg-img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
  }

  .about-section {
    justify-content: center;
    padding-left: 320px;
    padding-right: 320px;
  }

  .about-left-wrapp {
    grid-column-gap: 50px;
  }

  .other-products-section.compact {
    padding-left: 320px;
    padding-right: 320px;
  }

  .text-span-6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }

  .bg-pattern-video.nimbo {
    right: -1%;
  }

  .bg-pattern-video.nimbo.inner {
    right: -6%;
  }

  .bg-pattern-video.pop, .bg-pattern-video.strato {
    height: 115%;
    left: 0;
  }

  .bg-pattern-video.cb {
    right: -1%;
  }

  .bg-pattern-video.cb.inner {
    right: -6%;
  }

  .bg-pattern-video.original-both {
    height: 115%;
    left: 0;
  }

  .bg-pattern-video.compact {
    right: -1%;
  }

  .bg-pattern-video.compact.inner {
    right: -6%;
  }

  .bg-pattern-video.compact-sky-blue {
    right: -1%;
  }

  .bg-pattern-video.compact-sky-blue.inner {
    right: -6%;
  }

  .bg-pattern-video.original.inner, .bg-pattern-video.original.inner-new {
    right: -6%;
  }

  .bg-pattern-video.original {
    right: -1%;
  }

  .bg-pattern-video.original.inner {
    right: -6%;
  }

  .about-section-diagonal {
    width: 100%;
  }

  .additional-details {
    margin-left: 320px;
  }

  .div-block-2 {
    display: none;
  }

  .age-gate-description.legal {
    max-width: 50vw;
  }

  .hub-original-section {
    padding-left: 25vw;
    padding-right: 25vw;
  }

  .nav-dark {
    padding-left: 320px;
    padding-right: 320px;
  }
}

@media screen and (max-width: 991px) {
  .product-header-section {
    padding-left: 0;
    padding-right: 0;
  }

  .box-area {
    transform: scale(.7);
  }

  .box-area.second {
    transform: scale(.6);
  }

  .box-area.second.txt {
    right: 7%;
  }

  .box-area.first {
    transform: scale(.7);
  }

  .box-area.first.txt {
    right: 7%;
  }

  .product-header-details {
    margin-left: 50px;
  }

  .rotate-to-verticle {
    z-index: 51;
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .text-block-4 {
    color: var(--white);
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .div-block, .footer {
    padding-left: 50px;
    padding-right: 50px;
  }

  .glow.left {
    display: none;
  }

  .p-content-wrapp.titan, .p-content-wrapp.nimbo, .p-content-wrapp.c-blue {
    padding-left: 50px;
  }

  .p-big-wrapp-img {
    padding-left: 25px;
  }

  .p-content-wrapp-txt {
    padding-left: 100px;
  }

  .box-area-txt {
    right: 7%;
    transform: scale(.7);
  }

  .category-wrapp {
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .category-wrapp.nano {
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .category-wrapp.more {
    padding-left: 50px;
    padding-right: 50px;
  }

  .category-wrapp.compact {
    grid-template-columns: 1fr 1fr;
  }

  .category-wrapp.compact.other {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .category-wrapp.original {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .hub-nano-section {
    padding-left: 150px;
    padding-right: 150px;
  }

  .diagonal-img-warpp.left {
    left: -580px;
  }

  .shadow-nano {
    height: 280px;
    margin-right: 102px;
  }

  .shadow-nano.left {
    left: 13%;
  }

  .change-pop {
    margin-top: 335px;
    margin-left: 300px;
  }

  .change-nano-blast {
    margin-top: 330px;
  }

  .change-nano-metal {
    margin-top: 335px;
    margin-left: 300px;
  }

  .about-head-title.legal {
    font-size: 32px;
    line-height: 36px;
  }

  .about-description {
    font-size: 14px;
    line-height: 16px;
  }

  .about-section {
    height: 75vh;
  }

  .about-text-wrapp.right {
    width: 50%;
  }

  .about-text-wrapp.left {
    padding-left: 50px;
  }

  .about-title {
    font-size: 32px;
    line-height: 36px;
  }

  .home-header-video-embed {
    align-self: auto;
    inset: 0% 0% auto;
  }

  .other-products-section.compact {
    padding-left: 50px;
    padding-right: 50px;
  }

  .text-span-5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
  }

  .bg-pattern-video.nimbo {
    right: -18%;
  }

  .bg-pattern-video.nimbo.inner {
    right: -20%;
  }

  .bg-pattern-video.pop {
    left: -15%;
  }

  .bg-pattern-video.pop-purple {
    right: -24%;
  }

  .bg-pattern-video.strato {
    left: -15%;
  }

  .bg-pattern-video.cb {
    right: -18%;
  }

  .bg-pattern-video.cb.inner {
    right: -20%;
  }

  .bg-pattern-video.original-both {
    left: -15%;
  }

  .bg-pattern-video.compact {
    right: -18%;
  }

  .bg-pattern-video.compact.inner {
    right: -20%;
  }

  .bg-pattern-video.compact-sky-blue {
    right: -18%;
  }

  .bg-pattern-video.compact-sky-blue.inner {
    right: -20%;
  }

  .bg-pattern-video.original.inner, .bg-pattern-video.original.inner-new {
    right: -20%;
  }

  .bg-pattern-video.original {
    right: -18%;
  }

  .bg-pattern-video.original.inner {
    right: -20%;
  }

  .age-gate-wrapp {
    padding-left: 100px;
    padding-right: 100px;
  }

  .about-map-lottie {
    right: -5%;
  }

  .additional-details {
    margin-left: 50px;
  }

  .cookies-text {
    text-align: center;
    white-space: normal;
    flex: 0 auto;
    padding-left: 100px;
    padding-right: 100px;
  }

  .legal-page-wrapp {
    padding-left: 50px;
    padding-right: 50px;
  }

  .about-mobile-page-wrapp {
    display: none;
  }

  .age-gate-description {
    font-size: 14px;
    line-height: 16px;
  }

  .about-map-lottie-copy {
    right: -5%;
  }

  .change-compact-nano {
    margin-top: 335px;
    margin-left: 300px;
  }

  .shadow-compact {
    height: 280px;
    margin-right: 102px;
  }

  .shadow-compact.left {
    left: 13%;
  }

  .change-compact-blue, .change-original {
    margin-top: 335px;
    margin-left: 300px;
  }

  .nav-dark {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .product-header-section {
    overflow: hidden;
  }

  .nav-section-link {
    margin-right: 0;
  }

  .box-area {
    transform: scale(.6);
  }

  .box-area.second {
    transform: scale(.5);
  }

  .box-area.second.txt {
    right: 0%;
  }

  .box-area.first {
    transform: scale(.6);
  }

  .box-area.first.txt {
    right: 0%;
  }

  .product-header-details {
    align-self: flex-start;
    margin-top: 25%;
  }

  .product-header-price {
    height: 75px;
  }

  .product-header-price.desktop {
    display: none;
  }

  .product-header-title {
    margin-top: 5px;
    font-size: 36px;
    line-height: 40px;
  }

  .product-header-sub {
    font-size: 14px;
    line-height: 16px;
  }

  .product-header-usp.desktop {
    display: none;
  }

  .product-price-copy {
    font-size: 36px;
    line-height: 40px;
  }

  .text-span-2 {
    font-size: 18px;
    line-height: 37px;
  }

  .usp-wrapp.first, .usp-wrapp.second, .usp-wrapp.third {
    padding-left: 5px;
    padding-right: 5px;
  }

  .rotate-to-verticle {
    flex-direction: column;
    display: flex;
  }

  .text-block-4 {
    max-width: 360px;
  }

  .home-product-section {
    height: 75vh;
  }

  .glow.right.inner {
    display: none;
  }

  .p-content-wrapp.pop-purple, .p-content-wrapp.original-blue {
    padding-left: 25px;
  }

  .p-big-wrapp-img {
    padding-left: 0;
  }

  .home-product-section-txt.nimbo {
    height: 75vh;
  }

  .p-content-wrapp-txt {
    padding-left: 50px;
  }

  .box-area-txt {
    right: -5%;
    transform: scale(.6);
  }

  .category-wrapp {
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .category-wrapp.nano {
    grid-template-columns: 1fr;
  }

  .category-wrapp.more, .category-wrapp.more.nano {
    padding-left: 0;
    padding-right: 0;
  }

  .diagonal-img-warpp {
    right: -80px;
  }

  .diagonal-img-warpp.left {
    left: -470px;
  }

  .shadow-pop {
    height: 240px;
    margin-left: 140px;
  }

  .shadow-nano {
    width: 110px;
    height: 260px;
    right: 10%;
  }

  .shadow-nano.left {
    left: 22%;
  }

  .change-pop {
    margin-top: 300px;
    margin-left: 275px;
  }

  .change-nano-blast {
    margin-top: 300px;
    margin-left: 300px;
  }

  .change-nano-metal {
    margin-top: 300px;
  }

  .about-section {
    align-items: stretch;
    height: auto;
    padding-left: 50px;
    padding-right: 50px;
    display: none;
  }

  .about-left-wrapp {
    grid-row-gap: 50px;
    flex: 1;
    grid-template: "." min-content
                   "."
                   / 1fr;
    place-content: stretch;
    align-self: flex-start;
    place-items: stretch stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .about-text-wrapp.right {
    width: auto;
    max-height: 450px;
    margin-top: 50px;
  }

  .about-text-wrapp.left {
    margin-top: -225px;
    padding-left: 50px;
  }

  .about-graphic-wrapp {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 320px;
  }

  .about-section-bg {
    background-position: -120%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
    margin-top: -50px;
    position: relative;
    inset: 0%;
  }

  .image-5 {
    display: block;
  }

  .video-modal {
    display: none;
  }

  .product-background-p-page {
    background-image: radial-gradient(circle at 79% 100%, #000 7%, #0000 16%), radial-gradient(circle at 82% 0, #000 9%, #0000 20%), linear-gradient(to right, #000 45%, #0000 55%), radial-gradient(circle at 67% 100%, #000 7%, #0000 17%), radial-gradient(circle at 100%, #000 8%, #0000 18%), radial-gradient(circle at 100% 0, #000 10%, #0000 20%), radial-gradient(circle at 100% 10%, #000 8%, #fff0 20%), radial-gradient(circle farthest-side at 72% 0, #000 10%, #0000 22%), radial-gradient(circle at 100% 100%, #000 14%, #fff0 25%), radial-gradient(circle farthest-side at 90%, #fff0 43%, #000 50%);
  }

  .other-products-section {
    padding-left: 65px;
    padding-right: 65px;
  }

  .bg-pattern-video.pop-purple {
    right: -35%;
  }

  .about-map-lottie {
    flex: 0 auto;
    align-self: center;
    width: 100%;
    height: 450px;
    position: relative;
    inset: 0% 0% 0% auto;
    overflow: visible;
    transform: none;
  }

  .about-section-diagonal {
    display: none;
  }

  .about-section-diagonal.first {
    display: none;
    inset: 0%;
  }

  .whole-cover {
    width: 5vw;
  }

  .text-span-8 {
    font-size: 18px;
  }

  .cookies-text {
    padding-left: 50px;
    padding-right: 50px;
  }

  .p-h-mobile-wrapp {
    z-index: 3;
    flex: 0 auto;
    margin-bottom: 125px;
    margin-left: 50px;
    display: block;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .about-mobile-page-wrapp {
    padding-top: 50px;
    padding-bottom: 100px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .a-m-section {
    min-height: 350px;
    position: relative;
  }

  .a-m-section.special {
    margin-top: 250px;
  }

  .a-m-section.more-special {
    margin-top: -100px;
    margin-bottom: 25px;
  }

  .image-7 {
    width: 50px;
    height: 50px;
    margin-top: 15px;
  }

  .screen-rotate-lottie {
    width: 125px;
    margin-top: 15px;
  }

  .about-map-lottie-copy {
    flex: 0 auto;
    align-self: center;
    width: 100%;
    height: 450px;
    position: relative;
    inset: 0% 0% 0% auto;
    overflow: visible;
    transform: none;
  }

  .change-compact-nano {
    margin-top: 300px;
  }

  .shadow-compact {
    width: 110px;
    height: 260px;
    right: 10%;
  }

  .shadow-compact.left {
    left: 22%;
  }

  .change-compact-blue {
    margin-top: 300px;
  }

  .change-original {
    margin-top: 300px;
    margin-left: 275px;
  }

  .product-price-light {
    font-size: 36px;
    line-height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .product-header-section {
    height: 690px;
    overflow: hidden;
  }

  .nav-contents {
    z-index: 1;
    position: relative;
  }

  .nav-sections {
    display: none;
  }

  ._8, ._8.purple-blast, ._8.green-blast, ._8.silver, ._8.titan {
    transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(.6px, 0, -7.2px)perspective(25px);
  }

  .side.right.new {
    right: -66.2px;
  }

  ._10, ._10.purple-blast, ._10.green-blast, ._10.silver, ._10.titan {
    transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(14.6px)perspective(25px);
  }

  .box-whole-big {
    margin: -100px -150px;
  }

  .bottom-2.new {
    bottom: -69px;
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)perspective(25px);
  }

  .box-area.second {
    left: -15px;
  }

  .box-area.second.txt {
    left: 10px;
  }

  .box-area.first {
    left: -15px;
  }

  .box-area.first.txt {
    left: -60px;
  }

  .box-bg-wrapp {
    flex: none;
    display: none;
  }

  .front-mid {
    background-position: 50%;
  }

  ._9, ._9.purple-blast, ._9.green-blast, ._9.silver, ._9.titan {
    transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(8.2px, 0, -4.5px)perspective(25px);
  }

  .box {
    transform: perspective(150px);
  }

  .back-glow {
    margin: -50px;
    transform: perspective(120px)scale(1.1)perspective(25px)perspective(50px);
  }

  ._7.purple-blast, ._7.green-blast, ._7.silver, ._7.titan {
    transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-8px, 0, -6.8px)perspective(25px);
  }

  .box-spotlight {
    margin: -100px -150px;
    display: none;
    transform: scale(.85);
  }

  .product-header-details {
    margin-left: 25px;
  }

  .product-header-price {
    opacity: 0;
    filter: grayscale();
    background-image: url('../images/product-price-frame.png');
    background-position: 0%;
    display: none;
  }

  .product-header-title {
    line-height: 36px;
  }

  .product-header-sub {
    font-size: 12px;
    line-height: 14px;
  }

  .product-header-usp {
    justify-content: space-around;
    margin-top: 10px;
  }

  .product-price-copy {
    z-index: 5;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(0deg, #000000a6 35%, #fcfcfc);
    -webkit-background-clip: text;
    background-clip: text;
    flex: none;
    position: relative;
  }

  .usp-copy {
    font-size: 10px;
  }

  .usp-icon {
    width: 35px;
    height: 35px;
  }

  .box-whole-big-static {
    margin: -100px -150px;
    display: none;
  }

  .scroll-down {
    background-image: linear-gradient(#0000, #000);
  }

  .scroll-down.product {
    background-image: none;
    display: flex;
    position: relative;
    inset: auto 0% 0%;
  }

  .scroll-down.about {
    margin-bottom: 35px;
    display: flex;
  }

  .scroll-down.home {
    background-image: none;
  }

  .box-holder {
    background-image: linear-gradient(to bottom, black 22%, #0000 30%, #0000 65%, var(--black) 85%), linear-gradient(to right, #000 2%, #0000 10%, #0000 80%, black 98%);
    width: 100%;
    height: 720px;
  }

  .rotate-to-verticle {
    display: none;
  }

  .div-block {
    height: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .home-header {
    justify-content: center;
  }

  .home-product-section {
    justify-content: center;
    height: 575px;
  }

  .burger {
    margin-right: -11px;
    display: flex;
  }

  .m-nav-contents {
    background-color: var(--black);
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    margin-bottom: 50px;
    margin-left: 100%;
    padding: 75px 25px 50px;
    display: flex;
    position: fixed;
    inset: 0%;
    overflow: scroll;
    transform: none;
  }

  .m-content-wrapp {
    padding-top: 25px;
    position: relative;
  }

  .m-nav-link {
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .m-nav-link.w--current {
    font-size: 22px;
    line-height: 26px;
  }

  .p-list-wrapp {
    flex-direction: column;
    align-items: center;
    margin-bottom: 5px;
    display: flex;
  }

  .m-nav-series-title {
    color: gray;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    position: relative;
  }

  .m-product-link {
    color: var(--white);
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .legal-link {
    color: var(--white);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    display: none;
    position: relative;
  }

  .m-nav-legal {
    margin-top: 35px;
    position: relative;
  }

  .footer {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 75px;
    padding-left: 25px;
    padding-right: 25px;
    overflow: hidden;
  }

  .footer-content-wrapp {
    margin-bottom: 25px;
  }

  .footer-link {
    text-align: center;
  }

  .product-bg-img {
    background-image: linear-gradient(to bottom, black 10%, #0000 25%, #0000 75%, #000 90%), linear-gradient(to right, black 2%, #0000 25%, #0000 75%, var(--black) 98%), radial-gradient(circle farthest-side at 50% 50%, #0000 51%, black 80%);
  }

  .p-content-wrapp.pop-purple {
    justify-content: flex-start;
    width: 100%;
    inset: 0% auto 0% 0%;
    overflow: hidden;
  }

  .p-content-wrapp.pop-green.second {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 25px;
    inset: 0% auto 0% 0%;
  }

  .p-content-wrapp.titan {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
  }

  .p-content-wrapp.silver {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
    display: none;
  }

  .p-content-wrapp.nimbo {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
  }

  .p-content-wrapp.strato {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
    display: none;
  }

  .p-content-wrapp.c-blue {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
  }

  .p-content-wrapp.csb {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
    display: none;
  }

  .p-content-wrapp.original-blue {
    justify-content: flex-start;
    width: 100%;
    inset: 0% auto 0% 0%;
    overflow: hidden;
  }

  .p-content-wrapp.original-red.second {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 25px;
    inset: 0% auto 0% 0%;
  }

  .home-p-button.nimbo {
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 200px 0% 5%;
  }

  .home-p-button.nimbo.desktop {
    display: none;
  }

  .home-p-button.pop-green {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.pop-green.desktop {
    display: none;
  }

  .home-p-button.pop-purple {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.pop-purple.desktop {
    display: none;
  }

  .home-p-button.pop-purple.white {
    filter: grayscale();
  }

  .home-p-button.purple-blast {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.purple-blast.desktop {
    display: none;
  }

  .home-p-button.green-blast {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.green-blast.desktop {
    display: none;
  }

  .home-p-button.silver {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.silver.desktop {
    display: none;
  }

  .home-p-button.titan {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.titan.desktop {
    display: none;
  }

  .home-p-button.titan.white {
    filter: grayscale();
    color: var(--text);
  }

  .home-p-button.strato {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.strato {
    background-image: url('../images/King-Assets-Website---Buttons-Nano-Gray.svg');
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 425px 0% auto;
  }

  .home-p-button.strato.desktop {
    display: none;
  }

  .button-cta.white {
    opacity: .75;
  }

  .p-button-arrows.white {
    opacity: .5;
    filter: invert();
  }

  .product-bg-txt {
    background-image: linear-gradient(to bottom, black 10%, #0000 30%, #0000 70%, var(--black) 90%), linear-gradient(to right, black 2%, #0000 25%, #0000 75%, var(--black) 98%), radial-gradient(circle farthest-side at 50% 50%, #69696900 80%, black 93%);
  }

  .p-big-wrapp-txt {
    flex: none;
    justify-content: center;
    padding-left: 0;
  }

  .product-background-r {
    background-image: radial-gradient(circle farthest-side, #0000 40%, #000 85%);
    right: 0%;
  }

  .home-product-section-txt, .home-product-section-txt.nimbo {
    height: 575px;
  }

  .p-content-wrapp-txt {
    justify-content: flex-start;
    width: 100%;
    padding-left: 25px;
  }

  .p-content-wrapp-txt.purple-blast, .p-content-wrapp-txt.blast-green {
    padding-left: 25px;
  }

  .box-area-txt {
    margin-left: -25px;
    margin-right: auto;
    inset: 0% auto;
  }

  .body-3 {
    background-color: var(--plum);
  }

  .hub-compact-section {
    background-image: url('../images/Hub-Page---Pattern-2---Mobile.png'), linear-gradient(#f5f5f5, #efefef 50%, #dedede);
    background-position: 50% 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: cover, auto;
    margin-top: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .category-wrapp.more, .category-wrapp.more.nano, .category-wrapp.compact, .category-wrapp.compact.other, .category-wrapp.original {
    grid-template-columns: 1fr;
  }

  .hub-nano-section {
    background-image: url('../images/Hub-Page---Pattern-1---Mobile.png'), linear-gradient(#a1a1a1, #757575);
    background-position: 50% 0, 0 0;
    background-size: cover, auto;
    padding-left: 25px;
    padding-right: 25px;
  }

  .product-background-l {
    background-image: none;
  }

  .diagonal-img-warpp {
    justify-content: flex-start;
    width: 100%;
    margin-left: -100px;
    display: block;
    left: auto;
    right: auto;
    transform: scale(2);
  }

  .diagonal-img-warpp.left {
    margin-left: 0;
    display: block;
    left: -110px;
    transform: scale(2);
  }

  .diagonal-img-warpp.nimbo-inner {
    opacity: 1;
    right: auto;
  }

  .shadow-pop {
    left: -15px;
  }

  .cigarette-section {
    object-fit: cover;
    align-items: flex-start;
    height: 175vh;
  }

  .cigarette-section.light {
    overflow: clip;
  }

  .lottie-animation {
    object-fit: cover;
    display: none;
    top: 250px;
    transform: scale(2.2);
  }

  .shadow-nano {
    margin-right: 0;
    inset: auto auto auto 130px;
  }

  .change-pop {
    justify-content: center;
    margin-top: 400px;
    margin-left: 270px;
    display: block;
    inset: 0% 0% auto;
  }

  .change-nano-blast, .change-nano-metal {
    margin-top: 400px;
    margin-left: 270px;
    inset: 0% 0% auto;
  }

  .about-header-section {
    flex-direction: column;
    height: 100vh;
  }

  .about-header-cotent-wrapp {
    margin-top: 100px;
  }

  .about-head-title {
    font-size: 32px;
    line-height: 36px;
  }

  .about-head-title.legal {
    font-size: 18px;
    line-height: 22px;
  }

  .about-light.low {
    margin-left: 0;
  }

  .about-description {
    text-align: center;
  }

  .about-description.header {
    max-width: 320px;
    position: relative;
  }

  .about-header-bg-img {
    width: 100%;
    max-width: 130%;
    margin-top: 50px;
    position: relative;
    overflow: visible;
  }

  .about-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .about-text-wrapp.right {
    flex-direction: column;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    position: relative;
  }

  .about-text-wrapp.left {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
  }

  .about-title {
    text-align: center;
  }

  .about-graphic-wrapp {
    height: 280px;
    position: relative;
  }

  .about-graphic-wrapp.tobaco {
    height: 360px;
  }

  .about-section-bg {
    background-image: url('../images/Tobacco_0001_Tobacco.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 275px;
    margin-top: -25px;
  }

  .image-5 {
    flex: none;
  }

  .home-header-video-embed, .video-modal {
    display: none;
  }

  .modal-close {
    margin-top: 25px;
    margin-right: 25px;
  }

  .product-background-p-page {
    background-image: radial-gradient(circle farthest-side, #fff0 40%, #000 60%);
    height: 115vh;
  }

  .other-products-section.compact {
    padding-left: 25px;
    padding-right: 25px;
  }

  .filter-usp-wrapp {
    bottom: 100px;
  }

  .usp-icon-c {
    width: 50px;
    height: 50px;
  }

  .h-header-overlay {
    background-image: linear-gradient(#0000 70%, #000 90%), linear-gradient(#000 1%, #0000 75%);
  }

  .bg-pattern-video.nimbo {
    right: -45%;
  }

  .bg-pattern-video.nimbo.inner {
    right: -75%;
  }

  .bg-pattern-video.pop {
    left: -37%;
  }

  .bg-pattern-video.pop-purple {
    right: -60%;
  }

  .bg-pattern-video.strato {
    left: -37%;
  }

  .bg-pattern-video.cb {
    right: -45%;
  }

  .bg-pattern-video.cb.inner {
    right: -75%;
  }

  .bg-pattern-video.original-both {
    left: -37%;
  }

  .bg-pattern-video.compact {
    right: -45%;
  }

  .bg-pattern-video.compact.inner {
    right: -75%;
  }

  .bg-pattern-video.compact-sky-blue {
    right: -45%;
  }

  .bg-pattern-video.compact-sky-blue.inner {
    right: -75%;
  }

  .bg-pattern-video.original.inner, .bg-pattern-video.original.inner-new {
    right: -75%;
  }

  .bg-pattern-video.original {
    right: -45%;
  }

  .bg-pattern-video.original.inner {
    right: -75%;
  }

  .p-page-header-cover {
    display: none;
  }

  .home-product-title {
    font-size: 36px;
    line-height: 40px;
    overflow: hidden;
  }

  .age-gate-wrapp {
    justify-content: flex-start;
    padding-top: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .about-map-lottie {
    transform: scale(1.5);
  }

  .whole-cover {
    background-color: #0000;
    background-image: linear-gradient(to right, #000 10%, #0000);
    width: 5vw;
  }

  .additional-details {
    margin-left: 25px;
    font-size: 10px;
    line-height: 12px;
  }

  .health-concern-bar {
    height: 35px;
  }

  .health-concern-text {
    font-size: 12px;
    line-height: 14px;
  }

  .age-gate-headline {
    background-image: linear-gradient(#fff 45%, #222);
  }

  .cookies-text {
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .legal-page-wrapp {
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-block-6 {
    text-align: left;
  }

  .footer-content-r-wrapp {
    align-items: flex-start;
  }

  .link-5 {
    padding: 5px;
    display: inline-block;
  }

  .p-h-mobile-wrapp {
    margin-bottom: 0;
    margin-left: 25px;
    display: block;
    inset: auto 0% 0%;
  }

  .about-mobile-page-wrapp {
    padding-top: 0;
  }

  .a-m-section.more-special {
    margin-top: -50px;
  }

  .cigarette-lottie-mobile {
    object-fit: cover;
    background-image: none;
    background-size: auto;
    flex: 0 auto;
    width: 100%;
    margin-top: 0;
    display: block;
    position: sticky;
    inset: 200px auto auto;
    overflow: hidden;
    transform: scale(1.5);
  }

  .age-gate-description {
    text-align: center;
  }

  .age-gate-description.header {
    max-width: 320px;
  }

  .home-head-video-m {
    z-index: 7;
    flex: none;
    align-self: auto;
    width: 100%;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .front-mid-copy, .front-mid-2, .front-mid-3, .front-mid-4, .front-mid-5 {
    background-position: 50%;
  }

  ._7-t.purple-blast, ._7-t.green-blast, ._7-t.silver, ._7-t.titan {
    transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-8px, 0, -6.8px)perspective(25px);
  }

  ._8-t, ._8-t.purple-blast, ._8-t.green-blast, ._8-t.silver, ._8-t.titan {
    transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(.6px, 0, -7.2px)perspective(25px);
  }

  ._9-t, ._9-t.purple-blast, ._9-t.green-blast, ._9-t.silver, ._9-t.titan {
    transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(8.2px, 0, -4.5px)perspective(25px);
  }

  ._10-t, ._10-t.purple-blast, ._10-t.green-blast, ._10-t.silver, ._10-t.titan {
    transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(14.6px)perspective(25px);
  }

  ._7-s.purple-blast, ._7-s.green-blast, ._7-s.silver, ._7-s.titan {
    transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-8px, 0, -6.8px)perspective(25px);
  }

  ._8-s, ._8-s.purple-blast, ._8-s.green-blast, ._8-s.silver, ._8-s.titan {
    transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(.6px, 0, -7.2px)perspective(25px);
  }

  ._9-s, ._9-s.purple-blast, ._9-s.green-blast, ._9-s.silver, ._9-s.titan {
    transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(8.2px, 0, -4.5px)perspective(25px);
  }

  ._10-s, ._10-s.purple-blast, ._10-s.green-blast, ._10-s.silver, ._10-s.titan {
    transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(14.6px)perspective(25px);
  }

  ._7-pb.purple-blast, ._7-pb.green-blast, ._7-pb.silver, ._7-pb.titan {
    transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-8px, 0, -6.8px)perspective(25px);
  }

  ._8-pb, ._8-pb.purple-blast, ._8-pb.green-blast, ._8-pb.silver, ._8-pb.titan {
    transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(.6px, 0, -7.2px)perspective(25px);
  }

  ._9-pb, ._9-pb.purple-blast, ._9-pb.green-blast, ._9-pb.silver, ._9-pb.titan {
    transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(8.2px, 0, -4.5px)perspective(25px);
  }

  ._10-pb, ._10-pb.purple-blast, ._10-pb.green-blast, ._10-pb.silver, ._10-pb.titan {
    transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(14.6px)perspective(25px);
  }

  ._7-gb.purple-blast, ._7-gb.green-blast, ._7-gb.silver, ._7-gb.titan {
    transform: rotateX(0)rotateY(30deg)rotateZ(0)translate3d(-8px, 0, -6.8px)perspective(25px);
  }

  ._8-gb, ._8-gb.purple-blast, ._8-gb.green-blast, ._8-gb.silver, ._8-gb.titan {
    transform: rotateX(0)rotateY(45deg)rotateZ(0)translate3d(.6px, 0, -7.2px)perspective(25px);
  }

  ._9-gb, ._9-gb.purple-blast, ._9-gb.green-blast, ._9-gb.silver, ._9-gb.titan {
    transform: rotateX(0)rotateY(60deg)rotateZ(0)translate3d(8.2px, 0, -4.5px)perspective(25px);
  }

  ._10-gb, ._10-gb.purple-blast, ._10-gb.green-blast, ._10-gb.silver, ._10-gb.titan {
    transform: rotateX(0)rotateY(75deg)rotateZ(0)translate(14.6px)perspective(25px);
  }

  .soon.light {
    margin-top: 5px;
  }

  .about-map-lottie-copy {
    transform: scale(1.5);
  }

  .change-compact-nano {
    margin-top: 400px;
    margin-left: 270px;
    inset: 0% 0% auto;
  }

  .shadow-compact {
    margin-right: 0;
    inset: auto auto auto 115px;
  }

  .shadow-compact.white {
    height: 200px;
  }

  .title-art-img {
    margin-top: 12px;
  }

  .change-compact-blue {
    margin-top: 400px;
    margin-left: 270px;
    inset: 0% 0% auto;
  }

  .change-original {
    justify-content: center;
    margin-top: 400px;
    margin-left: 270px;
    display: block;
    inset: 0% 0% auto;
  }

  .product-price-light {
    z-index: 5;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    flex: none;
    position: relative;
  }

  .hub-original-section {
    background-image: url('../images/Hub-Page---Pattern-2---Mobile.png'), linear-gradient(#f5f5f5, #efefef 50%, #dedede);
    background-position: 50% 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: cover, auto;
    margin-top: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-dark {
    height: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a3a48fe3-afec-7d95-5ec6-6eb1bd008221-3fbb4786 {
    place-self: center;
  }

  #w-node-_9f3942cb-18c2-7c73-599c-cec7659dfa57-3fbb4786 {
    align-self: auto;
  }
}