/* SECTIONS AND NAV */
div.section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /*justify-content: center;*/
  height: 100vh;
  position: relative;
}
button:not(.prev):not(.next) {
  border-radius: 35px;
}
main {
  overflow-x: hidden;
}
h1 sup, h2 sup, h3 sup, h4 sup {
  font-size: 0.4em;
  top: -1em;
}
/* END SECTIONS AND NAV */

/*** NAVBAR CIRCLES ***/
#navbar-circles {
position: fixed;
right: 50px;
top: 33vh;
z-index: 500;
}
#navbar-circles > a {
display: block;
color: #fff;
font-size: 20px;
position: relative;
top: -20px;
left: -11px;
}
#navbar-circles > a,
#navbar-circles > a:link,
#navbar-circles > a:active,
#navbar-circles > a:focus {
text-decoration: none;  
}
#navbar-circles li {
display: block;  
float: none;
margin-bottom: 20px;
}
#navbar-circles li a {
width: 15px;
height: 15px;
border-radius: 8px;
padding: 0;
border: 2px solid #fff;
background: transparent;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 
  background: #fff !important; 
} 
#navbar-circles.dark-theme .nav-pills .nav-link.active, .nav-pills .show>.nav-link { 
  background: #000 !important; 
} 
#navbar-circles li > a.active::before, #navbar-circles li > a.active:focus::before, #navbar-circles li > a.active:hover::before {
    display: inline-block !important;   
} 
#navbar-circles ul { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
  -ms-flex-direction: column; 
  flex-direction: column; 
} 
#navbar-circles li { 
  display: block;   
  float: none; 
  margin-bottom: 20px; 
}#navbar-circles li a { 
  display: block; 
  width: 15px; 
  height: 15px; 
  border-radius: 8px; 
  padding: 0; 
  border: 2px solid #fff; 
  background: transparent; 
  -webkit-transition: 0.3s; 
  -o-transition: 0.3s; 
  transition: 0.3s; 
  position: relative; 
  display: block !important; 
} 
#navbar-circles a::before { 
  color: #fff; 
  position: absolute; 
  left: -210px; 
  top: -8px; 
  text-align: right; 
  float: right; 
  display: none; 
  -webkit-transition: 0.3s; 
  -o-transition: 0.3s; 
  transition: 0.3s; 
  white-space: nowrap; 
  width: 200px; 
} 
#navbar-circles a[href="#introduction"]::before {
content: "Introduction";
}
#navbar-circles a[href="#latest-product-wrapper"]::before {
  content: "Latest Product";
  }
  #navbar-circles a[href="#obex-tile-wrapper"]::before {
    content: "OBEX Tile";
    }
#navbar-circles a[href="#obex-bar-wrapper"]::before {
content: "OBEX Bar";
}
#navbar-circles a[href="#health-and-wellness-wrapper"]::before {
content: "Health and Wellness";
}
#navbar-circles a[href="#performance-wrapper"]::before {
content: "Performance";
}
#navbar-circles a[href="#forms-and-materials-wrapper"]::before {
content: "Forms and Materials";
}
#navbar-circles a[href="#attractive-spaces"]::before {
content: "Attractive Spaces";
}
#navbar-circles a[href="#customization-wrapper"]::before {
content: "Customization";
}
#navbar-circles a[href="#quantity-calculator"]::before {
content: "Quantity Calculator";
}
#navbar-circles a[href="#visualize-your-space-wrapper"]::before {
content: "Visualize Your Space";
}
/* >> Nav Circles - Media Queries */
@media only screen and (max-width: 991px) {
h1 {
font-size: 30px;  
}
#navbar-circles {
display: none;  
}
}
/* >> Nav Circles - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#navbar-circles {
top: 37vh;
}
}
/*** END NAVBAR CIRCLES ***/
/*** INTERACTIVE BROCHURE ANCHOR ***/
#interactive-brochure-anchor {
display: inline-block;
padding: 7px 20px;
position: fixed;
top: 50vh;
background: #fff;
color: #000;
font-weight: 700 !important;
z-index: 2000;
left: -144px;
width: 325px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
text-align: center;
}
#interactive-brochure-anchor.dark-theme {
background: #303030;
color: #fff;
}
/* >> Interactive Brochure Anchor - Media Queries */
@media only screen and (max-width: 767px) {
#interactive-brochure-anchor {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: rotate(0) translateX(-50%);
-ms-transform: rotate(0) translateX(-50%);
transform: rotate(0) translateX(-50%);
}
#interactive-brochure-anchor,
#interactive-brochure-anchor.dark-theme {
background: #000;
color: #fff;
}
}
@media only screen and (max-width: 500px) {
#interactive-brochure-anchor {
display: block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
}
/*** KEYFRAMES ***/
@keyframes pulse {
0% {
opacity: 0.4;
}
50% {
opacity: 1;
}
100% {
opacity: 0.4;
}
}
@-moz-keyframes pulse {
0% {
opacity: 0.4;
}
50% {
opacity: 1;
}
100% {
opacity: 0.4;
}
}
@-webkit-keyframes pulse {
0% {
opacity: 0.4;
}
50% {
opacity: 1;
}
100% {
opacity: 0.4;
}
}
@-o-keyframes pulse {
0% {
opacity: 0.4;
}
50% {
opacity: 1;
}
100% {
opacity: 0.4;
}
}
@-ms-keyframes pulse {
0% {
opacity: 0.4;
}
50% {
opacity: 1;
}
100% {
opacity: 0.4;
}
}
/* END KEYFRAMES */
/*** HOTSPOTS ***/
.hotspot {
position: absolute;
z-index: 100;
}
.hotspot-anchor {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: #fff;
padding: 4px;
border: 3px solid #fff;
background-clip: content-box;
transition: 0.3s;
-webkit-animation: pulse 2s infinite;
-moz-animation: pulse 2s infinite;
-o-animation: pulse 2s infinite;
-ms-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}
.hotspot-content {
background: #fff;
width: 275px;
padding: 15px;
border-radius: 20px;
position: absolute;
top: -23px;
left: 40px;
display: none;
}
.hotspot-content p {
color: #000;
margin: 0;
}
/* >> Hotspot - Hover Styles */
.hotspot-anchor:hover {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
.hotspot-anchor:hover .hotspot-content {
display: block;
}
@media only screen and (max-width: 991px) {
.hotspot {
display: none !important;
}   
}
/* END HOTSPOTS */

/*** INTRODUCTION ***/

#introduction {
background:url('/-/media/d2c2e9d4c5ab435e809927f69ff242db.ashx');
background-size: cover !important;
}       
#introduction .content {
text-align: center;
top: 22vh;
/* position: absolute; */
width: 60vw;
/* left: 20vw; */
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
}
#introduction .content h1 {
font-size: 60px;
font-weight: 700 !important;
letter-spacing: 2px;
color: white;
/* width: 100vw; */
/* margin-left: -19vw; */
margin-top: 2rem;
margin-bottom: 3rem;
}
#introduction .content h3 {
font-size: 30px;
letter-spacing: 2px;
color: white;
/* margin-bottom: -25px; */
}
#introduction .content p {
font-size: 25px;
color: white;
width: 75%;
text-transform: none;
font-weight: 500 !important;
/* margin-left: 12.5%; */
line-height: 125%;
}
#introduction .content img {
margin-top: 7rem;
}
@media only screen and (max-width: 1450px) {
#introduction .content h1 {
  font-size: 50px;
}
}
@media only screen and (max-width: 1350px) {
#introduction .content p {
/* width: 100%; */
/* margin-left: 0; */
}
#introduction .content h1 {
font-size: 48px;
}
#introduction .content p {
font-size: 22px;
}
#introduction .content h3 {
font-size: 27px;
}
}
@media only screen and (max-width: 1300px) { 
#introduction .content {
top: 7vh;
width: 76%;
}  

#introduction {
background-position-x: 40%;
height: auto;
}
#introduction .content {
  margin-top: 5rem;
  margin-bottom: 10rem;
}

}
@media only screen and (max-width: 1050px) {
#introduction .content h1 {
  font-size: 45px;
}
}
@media only screen and (max-width: 991px) { 
#introduction {
background-position-x: 70%;
}
#introduction .content h1 {
font-size: 45px;
}
#introduction .content p {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) { 
#introduction .content {
width: 80vw;
/* margin-left: -10vw; */
}
}
@media only screen and (max-width: 500px) { 
#introduction .content {
/* margin-top: 5vh; */
width: 90vw;
}
#introduction .content h1 {
font-size: 36px;
/* margin-top: 6vh; */
/* margin-left: -10vw; */
}
#introduction .content p {
font-size: 20px;
}
#introduction .content img {
width: 85vw;
/* margin-left: -2vw; */
margin-top: 3rem;
}
#introduction .content h3 {
font-size: 22px;
letter-spacing: 1px;
}
#introduction {
background-position-x: 75%;
}
#introduction .content img {
/* margin-left: -4vw; */
}
}
/* >> INTRODUCTION - iMac 4K */
@media only screen and (min-width: 2500px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#introduction .content {
top: 12vh;
}
}
/* >> INTRODUCTION - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#introduction .content {
top: 12vh;
}
#introduction .content h1 {
font-size: 50px;
}
}


/* >> iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
#introduction .content h3 {
/* width: 102%; */
font-size: 22px;
}
#introduction .content h1 {
font-size: 36px;
margin-top: 8vh;
}
#introduction .content p {
/* width: 100%; */
/* margin-left: 0; */
font-size: 20px;
}
#introduction .content img {
margin-top: 5rem;
width: 80vw;
/* margin-left: 0vw; */
}
}
/* >> iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#introduction .content h3 {
/* width: 103%; */
font-size: 22px;
/* margin-left: -1.5%; */
}
#introduction .content h1 {
font-size: 36px;
margin-top: 8vh;
/* margin-left: -11vw; */
}
#introduction .content p {
/* width: 100%; */
/* margin-left: 0; */
font-size: 20px;
}
#introduction .content img {
width: 80vw;
/* margin-left: 0vw; */
}


}
/* >> iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#introduction .content h1 {
font-size: 36px;
}
#introduction {
height: 110vh;
}

}
/* IPHONE 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#introduction .content {
margin-top: 5vh;
}
#introduction .content h1 {
font-size: 36px;
margin-top: 6vh;
}
#introduction .content p {
font-size: 20px;
}
#introduction .content img {
width: 85vw;
margin-top: 5vh;
}
#introduction {
background-position-x: -230vw;
}
}
/*** END INTRODUCTION ***/


/*** obex tile ***/
#obex-tile-wrapper {
  position: relative;
  padding: 0;
  }
  #obex-tile-outer-wrapper {
  position: relative;
  }
  /* >> obex tile - Slideshow */
  #obex-tile-slideshow-wrapper .cycle-slideshow {
  width: 100%;  
  height: 100vh;
  min-height: 875px;
  background: black;
  }
  #obex-tile-slideshow-wrapper .slide {
  width: inherit;
  height: inherit;
  }
  #obex-tile-slideshow-wrapper .slide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  /* >> obex tile - Slide Content */
  #obex-tile-slideshow-wrapper .slide .left-content,
  #obex-tile-slideshow-wrapper .slide .right-content {
  height: 100vh;
  min-height: 875px;
  }
  #obex-tile-slideshow-wrapper .slide .right-content {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 55vw;
  order: 2;
  position: relative;
  }
  #obex-tile-slideshow-wrapper .slide .left-content {
  background: #000;
  width: 45vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 1;
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row {
  text-align: center;
  margin-top: 3vh;
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 5vw;
  margin: 0 1vw;
  cursor: pointer;
  }
  #obex-tile-slide-1 .right-content {
  background-image: url('/-/media/f4dca3b05a6a4c78951476ac3fdf250e.ashx');
  }
  #obex-tile-slide-2 .right-content {
  background-image: url('/-/media/2fa39a216927458c896860de1641eb79.ashx');
  }
  #obex-tile-slide-3 .right-content {
  background-image: url('/-/media/a1dfd1e30eb047dba5d3bd31c3149f3e.ashx');
  }
  .eu #obex-tile-slide-3 .right-content {
    background-image: url('/-/media/24C6314D660C4B439CF54DF9F1D014B8.ashx');
  }

  
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  /* width: 45vw; */
  /* margin-left: 0vw; */
  width: 75%;
  margin: auto;
  /* margin-top: -10vh; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content img {
  /*margin: 0 auto 50px;
  display: block;*/
  }
  #obex-tile-slide-1 img,
  #obex-tile-slide-2 img,
  #obex-tile-slide-3 img,
  #obex-tile-slide-4 img {
  width: 500px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div > div {
    margin-top: 1rem;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
  padding-bottom: 20px;
  /* width: 76%; */
  /* margin-left: 12%; */
  }
  #obex-tile-wrapper h2 {
  font-size: 40px;
  font-weight: 600 !important;
  /* width: 60%; */
  /* margin-left: 20%; */
  line-height: 105%;
  color: white;
  text-align: center;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  font-size: 18px;
  /* width: 68%; */
  text-transform: none;
  /* margin-left: 16%; */
  line-height: 135%;
  margin-top: 3vh;
  color: white;
  text-align: center;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  font-size: 22px;
  font-weight: 400 !important;
  color: white;
  text-align: center;
  max-width: 315px;
  margin-top: 4rem;
  margin-bottom: 2rem;
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #obex-tile-slideshow-wrapper .slide .left-content a.mlkn-button {
  display: block;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  font-weight: bold !important;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 400px;
  }
  /* >> obex tile - Hotspots */
  #obex-tile-hotspot-1 {
  top: 70%;
  left: 20%;
  }
  #obex-tile-hotspot-2 {
  top: 50%;
  left: 10%;
  }
  #obex-tile-hotspot-3 {
  bottom: 20%;
  left: 41%;
  }
  #obex-tile-hotspot-4 {
  top: 64%;
  left: 20%;
  }
  #obex-tile-hotspot-5 {
  top: 93%;
  right: 35%;
  }
  #obex-tile-hotspot-6 {
  bottom: 15%;
  left: 20%;
  }
  #obex-tile-hotspot-7 {
  bottom: 3%;
  right: 13%;
  }
  /* >> obex tile - Slideshow Controls */
  #obex-tile-slideshow-controls {
  position: absolute;
  bottom: 10vh;
  left: var(--hawButtonsLeft);
  /* left: 40%;
  -webkit-transform: translateX(-250%);
  -ms-transform: translateX(-250%);
  transform: translateX(-250%); */
  z-index: 100;
  }
  #obex-tile-slideshow-controls button {
  border-radius: 0;
  border: 1px solid #fff;
  background: #000;
  padding: 15px 23px;
  font-size: 30px;
  color: #fff;
  }
  #obex-tile-slideshow-controls button:last-of-type {
  margin-left: 30px;  
  }
  #obex-tile-slideshow-controls button:focus {
  outline: none;
  }
  #obex-tile-slideshow-wrapper .slide .left-content a.mlkn-button.otherColor {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p.noBottomSpace {
    padding-bottom: 0;
    margin-bottom: 1.5rem;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p.noTopSpace {
    margin-top: 0;
  }
  /* >>obex tile - Media Queries */
  /*@media only screen and (max-width: 1450px) {
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  margin-left: -1vw;
  width: 45vw;
  margin-bottom: 15vh
  }
  #obex-tile-slideshow-controls {
  left: 45%;
  }
  }*/
  @media only screen and (max-width: 1300px) {
  #obex-tile-slideshow-wrapper .cycle-slideshow {
  height: fit-content;
  min-height: 100vh;
  }
  
  #obex-tile-slideshow-wrapper .slide .left-content p,
  #obex-tile-slideshow-wrapper .slide .left-content h2,
  #obex-tile-slideshow-wrapper .slide .left-content h3,
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  width: revert;
  margin-left: revert;
  }
  #obex-tile-slideshow-wrapper .slide .left-content,
  #obex-tile-slideshow-wrapper .slide .right-content {
  width: 100vw;
  background-position-y: -58vh;
  min-height: revert;
  }
  #obex-tile-slideshow-wrapper .slide .right-content {
  height: 60vh;
  order: 1;
  }
  #obex-tile-slideshow-wrapper .slide .left-content {
  height: fit-content;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 30px 15px;
  order: 2;
  }
  #obex-tile-slideshow-wrapper .slide > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }
  #obex-tile-slideshow-wrapper .slide .right-content {
  background-position: center;
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  width: 76%;
  margin: 7vh auto;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  font-size: 18px;
  }
  #obex-tile-slideshow-controls {
  /* bottom: 10vh; */
  right:  auto;
  /* left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); */
  top: 40vh;
  width: 170px;
  }
  #obex-tile-slideshow-controls button {
  background: transparent;
  }
  #obex-tile-hotspot-3 {
  bottom: 34%;
  left: 54%;
  }
  #obex-tile-hotspot-5 {
  top: 88%;
  right: 25%;
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 10vw;
  margin: 0 2vw;
  }
  }
  @media only screen and (max-width: 991px) {
  #obex-tile-slideshow-wrapper .slide .left-content p {
  font-size: 18px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h2 {
  font-size: 40px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  font-size: 18px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content {
  height: fit-content;
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  margin: 5vh auto 8vh;
  }
  }
  @media only screen and (max-width: 767px) {
  #obex-tile-slideshow-wrapper .slide .left-content img {
  margin: 0 auto 30px;
  }
  #obex-tile-slide-1 img,
  #obex-tile-slide-2 img,
  #obex-tile-slide-3 img,
  #obex-tile-slide-4 img {
  width: 250px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content {
  /* height: 50vh; */
  /* margin-left: -1%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content a.mlkn-button {
  font-size: 15px;
  }
  #obex-tile-slideshow-controls {
  /* top: 35vh; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  width: 80vw;
  margin: 5vh auto 8vh;
  }
  #obex-tile-wrapper h2 {
  /* width: 80%; */
  /* margin-left: 10%; */
  
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  padding-bottom: 0px;
  margin-top: 0vh;
  /* width: 80%; */
  /* margin-left: 10%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  margin-top: 2vh;
  /* width: 90%; */
  /* margin-left: 5%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 7vw;
  }
  }
  @media only screen and (max-width: 500px) {
  #obex-tile-slideshow-wrapper .slide .left-content {
  height: fit-content;
  }
  #obex-tile-slideshow-wrapper .slide .left-content a.mlkn-button {
  max-width: none;
  width: 100%;
  margin: 0 0 30px;
  }
  
  #obex-tile-slideshow-wrapper .slide .left-content {
  margin-left: 0vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h2 {
  font-size: 30px;
  /* width: 100%; */
  /* margin-left: -4vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 15vw;
  /* margin-left: 3vw; */
  /* margin-right: 3vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  padding-bottom: 0px;
  margin-top: 0vh;
  /* width: 120%; */
  /* margin-left: -14%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row {
  text-align: center;
  margin-top: 0vh;
  /* margin-left: -5vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  margin-top: 1vh;
  /* margin-left: -6vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  margin-top: 2vh;
  /* width: 120%; */
  /* margin-left: -15%; */
  font-size: 18px;
  /* margin-left: -11vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  /* margin-top: 6vh; */
  /* margin-left: 9vw; */
  width: 90vw;
  margin: 5vh auto;
  }
  }
  /* >> obex tile - Keith's Macbook */
  @media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
  #obex-tile-slideshow-controls {
  /* -webkit-transform: translateX(-225%);
  -ms-transform: translateX(-225%);
  transform: translateX(-225%); */
  bottom: 3vh;
  }
  }
  /* >> obex tile - iMac 4K */
  @media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  max-width: 700px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  font-size: 18px;
  }
  #obex-tile-slideshow-wrapper .slide .left-content a.mlkn-button {
  font-size: 20px;
  }
  #obex-tile-slideshow-controls {
  /* -webkit-transform: translateX(-310%);
  -ms-transform: translateX(-310%);
  transform: translateX(-310%); */
  bottom: 11vh;
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  /* margin-left: 9vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  font-size: 34px;
  }
  }
  
  /* >> obex tile - iPhone 6+, 7+, 8+ */
  @media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
  #obex-tile-slideshow-wrapper .slide .left-content {
  margin-left: 0vw;
  height: fit-content;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h2 {
  font-size: 40px;
  /* width: 100%; */
  /* margin-left: -4vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 15vw;
  /* margin-left: 3vw; */
  /* margin-right: 3vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  padding-bottom: 0px;
  margin-top: 0vh;
  /* width: 120%; */
  /* margin-left: -14%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row {
  text-align: center;
  margin-top: 5vh;
  /* margin-left: -5vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  margin-top: 3vh;
  margin-left: -6vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  margin-top: 2vh;
  /* width: 120%; */
  /* margin-left: -15%; */
  font-size: 16px;
  /* margin-left: -11vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  /* margin-top: 2vh; */
  }
  }
  /* >> obex tile - iPhone 6, 6S, 7, 8 */
  @media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
  #obex-tile-slideshow-wrapper .slide .left-content {
  margin-left: 0vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h2 {
  font-size: 30px;
  /* width: 100%; */
  /* margin-left: -4vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 15vw;
  margin-left: 3vw;
  margin-right: 3vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  padding-bottom: 0px;
  margin-top: 0vh;
  /* width: 120%; */
  /* margin-left: -14%; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row {
  text-align: center;
  margin-top: 0vh;
  /* margin-left: -5vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  margin-top: 1vh;
  /* margin-left: -6vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  margin-top: 2vh;
  /* width: 120%; */
  /* margin-left: -15%; */
  font-size: 16px;
  /* margin-left: -11vw; */
  }
  #obex-tile-slideshow-wrapper .slide .left-content > div {
  margin-top: 2vh;
  /* margin-left: 9vw; */
  }
  
  }
  /* >> obex tile - iPhone 5, 5C, 5S, SE */
  @media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  #obex-tile-slideshow-wrapper .slide .left-content {
  }
  }
  /* obex tile - iPhone 13 */
  @media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  #obex-tile-slideshow-wrapper .slide .left-content {
  margin-left: 0vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h2 {
  font-size: 30px;
  margin-left: -4vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row img {
  width: 18vw;
  margin-left: 3vw;
  margin-right: 3vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content p {
  padding-bottom: 0px;
  margin-top: 4vh;
  width: 100%;
  margin-left: -3%;
  }
  #obex-tile-slideshow-wrapper .slide .left-content .icon-row {
  text-align: center;
  margin-top: 4vh;
  margin-left: -5vw;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h3 {
  margin-top: 4vh;
  margin-left: -10%;
  }
  #obex-tile-slideshow-wrapper .slide .left-content h5 {
  margin-top: 4vh;
  width: 100%;
  font-size: 16px;
  margin-left: -3%;
  }
  
  }
  /*** END obex tile ***/
  

/*** obex bar ***/
#obex-bar-wrapper {
  position: relative;
  padding: 0;
  background: black;
  }
  #obex-bar-outer-wrapper {
  position: relative;
  }
  /* >> obex bar - Slideshow */
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  width: 100%;  
  height: 100vh;
  }
  #obex-bar-slideshow-wrapper .slide {
  width: inherit;
  height: inherit;
  }
  #obex-bar-slideshow-wrapper .slide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  /* >> obex bar - Slide Content */
  #obex-bar-slideshow-wrapper .slide .left-content,
  #obex-bar-slideshow-wrapper .slide .right-content {
  height: 100vh;
  }
  #obex-bar-slideshow-wrapper .slide .left-content {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 45vw;
  position: relative;
  }
  #obex-bar-slideshow-wrapper .slide .left-content video {
    height: 100vh;
    /* left: -50%; */
    position: absolute;
  }
  #obex-bar-slideshow-wrapper .slide .right-content {
  background: #000;
  width: 55vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;  
  z-index: 9999;
  }
  #obex-bar-slide-1 .left-content {
  background-image: url('/-/media/530c2e015f1e43a8b66cc6b275d829b9.ashx');
  }
  #obex-bar-slide-2 .left-content {
  background-image: url('/-/media/f8ad44daf86d413796af1a3bb6deedb6.ashx');
  }
  #obex-bar-slide-3 .left-content {
  background-image: url('/-/media/d419455f6a344405b2c6faf8d59b6115.ashx');
  }
  #obex-bar-slide-4 .left-content {
  background-image: url('/-/media/24151f42305c42afbb0262fc419cdd1d.ashx');
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  width: 32vw;
  margin: 0 0 0 5.5vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content img {
  display: block;
  }
  
  #obex-bar-slide-1 img {
  width: 500px;
  margin-left: 15%;
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  margin-left: 5%;
  display: block;
  width: 6vw;
  float: left;
  cursor: pointer;
  }
  #obex-bar-wrapper .icon-row {
  height: 13vh;
  margin-left: 16%;
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2.slide .right-content img {
  
  }
  
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 600 !important;
  line-height: 105%;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 5rem;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 1vh;
  text-align: center;
  margin-bottom: 2vh;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  color: white;
  font-size: 22px;
  font-weight: 600 !important;
  margin-top: 4vh;
  text-transform: uppercase;
  letter-spacing: 0px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h3 {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 400 !important;
  text-transform: uppercase;
  margin-top: 4rem;
  margin-bottom: 2rem;;
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
  padding-bottom: 20px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content a.mlkn-button {
  display: block;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  font-weight: bold !important;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  margin: auto;
  max-width: 310px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content a.mlkn-button.otherColor {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
  }
  #obex-bar-slideshow-wrapper .slide .right-content p.noBottomSpace {
    padding-bottom: 0;
    margin-bottom: 1.5rem;
  }
  /* >> obex bar - Media Queries */
  @media only screen and (max-width: 1450px) {
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  /* margin-top: -14vh; */
  width: 60%;
  }
  #obex-bar-slideshow-controls {
  top: 88vh;
  /* right: 56vw; */
  }
  #obex-bar-slide-1 img {
  width: 400px;
  }
  }
  @media only screen and (max-width: 1300px) {
    #obex-bar-slideshow-wrapper .slide .left-content video {
      /* left: var(--videoLeft); */
      /* height: 50vh; */
      width: 100vw;
      height: fit-content;
      left: var(--lpVideoLeft);
    }
    #obex-bar-slideshow-wrapper .slide .right-content > div {
      margin: 10vh auto;
    }
    
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  /* min-height: 115vh; */
  height: fit-content;
  }
  #obex-bar-slideshow-wrapper .slide .left-content,
  #obex-bar-slideshow-wrapper .slide .right-content {
  width: 100vw;
  }
  #obex-bar-slideshow-wrapper .slide .left-content {
  height: fit-content;
  }
  #obex-bar-slideshow-wrapper .slide .right-content {
  /* min-height: 50vh; */
  height: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 30px 15px;
  margin-top: var(--lpVideoHeight);
  }
  #obex-bar-slideshow-wrapper .slide > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  }
  #obex-bar-slideshow-wrapper .slide .left-content {
  background-position: center;
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  width: 76%;
  margin:  10vh auto;
  }
  #obex-bar-slideshow-controls {
  bottom: auto;
  /* right:  auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
    transform: translateX(-50%); */
  top: 40vh;
  width: 170px;
  }
  #obex-bar-slideshow-controls button {
  background: transparent;
  }
  #obex-bar-hotspot-7 {
  bottom: 20%;
  right: 20%;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: -7%;
  }
  #obex-bar-slide-1 img {
  margin-left: 11%;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  /* margin-left: 19%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h3 {
  /* margin-left: -13%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 100%; */
  /* margin-left: -7%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h5 {
  /* margin-left: -13%; */
  margin-top: 0vh;
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  /* width: 100%; */
  /* margin-left: -6.5%; */
  font-size: 18px;
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 15vw;
  }
  }
  /*ipad pro*/
  @media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
  #obex-bar-slideshow-wrapper .slide .left-content video {
    height: 50vh;
    width: fit-content;
  }
  }
  @media only screen and (max-width: 991px) {
  #obex-bar-slideshow-wrapper .slide .right-content p {
  font-size: 16px;
  }
  #obex-bar-slide-1 img {
  margin-left: 10%;
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  /* margin-left: 15vw; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  /* margin-left: 18.5%; */
  margin-bottom: -4vh;
  margin-bottom: 0vh;
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 10vw;
  margin-left: 10%;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 5%;
  margin-top: 2vh;
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-3 .right-content h5, #obex-bar-slideshow-wrapper 
  #obex-bar-slide-4 .right-content h5 {
  margin-top: -4vh;
  }
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  /* height: 105vh; */
  }
  
  }
  
  /*ipad 9th gen*/
  @media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
  #obex-bar-slideshow-wrapper .slide .left-content video {
    height: 50vh;
    width: fit-content;
  }
  }
  
  @media only screen and (max-width: 767px) {
    #obex-bar-slideshow-wrapper .slide .left-content video {
      height: 50vh;
      width: fit-content;
      left: var(--lpVideoLeft);
    }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  padding: 0;
  /* margin-left: 10vw; */
  width: 80vw;
  margin: 10vh auto;
  }
  
  #obex-bar-slide-2 img,
  #obex-bar-slide-3 img,
  #obex-bar-slide-4 img {
  width: 12vw;
  margin: 0px 8px 0px 16px;
  }
  #obex-bar-slide-1 img {
  width: 45vw;
  margin-left: 17.5vw;
  }
  
  #obex-bar-slideshow-wrapper .slide .right-content {
  /* height: 72vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content a.mlkn-button {
  font-size: 15px;
  }
  #obex-bar-slideshow-controls {
  top: 35vh;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 76%; */
  /* margin-left: 6%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  margin-bottom: 2vh;
  margin-top: -2vh;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 19%;
  }
  }
  @media only screen and (max-width: 500px) {
    #obex-bar-slideshow-wrapper .cycle-slideshow {
      height: fit-content;
      }
      #obex-bar-slideshow-wrapper .slide .right-content {
        height: fit-content;
        }
    #obex-bar-slideshow-wrapper .slide .right-content > div {
      width: 90vw;
      /* margin-left: revert; */
      }
  #obex-bar-slideshow-wrapper .slide .right-content a.mlkn-button {
  /* max-width: none;
  width: 100%;
  margin: 0 0 30px; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  font-size: 30px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h3 {
    font-size: 22px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  margin-top: 0vh;
  margin-bottom: 4vh;
  }
  #obex-bar-slide-1 img {
  margin-top: -3vh;
  margin-bottom: 3vh;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  margin-left: 2%;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 4%;
  margin-top: 4vh;
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 18vw;
  margin: 0px 8px 0px 16px;
  }
  #obex-bar-slide-1 img {
  width: 60vw;
  margin-left: 10.5vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h5 {
  margin-top: 0vh;
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-3 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-4 .right-content h5 {
  margin-top: -3vh;
  }
  }
  /* >> obex bar - Keith's Macbook */
  @media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
  #obex-bar-slideshow-controls {
  bottom: 3vh;
  /* -webkit-transform: translateX(220%);
  -ms-transform: translateX(220%);
    transform: translateX(220%); */
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
    /* margin: 0 0 0 1.5vw; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  font-size: 40px;
  }
  #obex-bar-slide-1 img {
  width: 400px;
  margin-left: 18%;
  }
  }
  /* >> obex bar - iMac 4K */
  @media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  max-width: 700px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  font-size: 18px;
  /* width: 100%; */
  /* margin-left: 18%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content a.mlkn-button {
  font-size: 20px;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 78%; */
  /* margin-left: 28%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  /* margin-left: 44%; */
  }
  #obex-bar-wrapper .icon-row {
  height: 13vh;
  margin-left: 24%;
  margin-top: 3vh;
  width: 100%;
  margin-bottom: 5vh;
  }
  #obex-bar-slideshow-controls {
  /* -webkit-transform: translateX(290%);
  -ms-transform: translateX(290%);
    transform: translateX(290%); */
  bottom: 5vh;
  }
  #obex-bar-slide-1 img {
  width: 500px;
  margin-left: 33%;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h5 {
  /* margin-left: 37%; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h3 {
  /* margin-left: 37%; */
  }   
  }
  
  /* >> obex bar - iPhone 6+, 7+, 8+ */
  @media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 100%; */
  /* margin-left: -7%; */
  font-size: 36px;
  /* margin-top: -2vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  /* margin-top: 0vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  /* width: 95%; */
  /* margin-left: -5vw; */
  }
  #obex-bar-slide-1 img {
  width: 60vw;
  margin-left: 8.5vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  margin-bottom: 2vh;
  margin-top: 0vh;
  /* width: 90%; */
  /* margin-left: 0vw; */
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 17vw;
  margin: 0px 12px 0px 16px;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 2%;
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-3 .right-content h5, #obex-bar-slideshow-wrapper 
  #obex-bar-slide-4 .right-content h5 {
  margin-top: -1vh;
  }
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  /* height: 128vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content {
  /* height: 78vh; */
  }
  }
  /* >> obex bar - iPhone 6, 6S, 7, 8 */
  @media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 100%; */
  /* margin-left: -7%; */
  font-size: 34px;
  /* margin-top: -2vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  /* margin-top: 0vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  /* width: 95%; */
  /* margin-left: -5vw; */
  margin-top: -2vh;
  }
  #obex-bar-slide-1 img {
  width: 60vw;
  margin-left: 8.5vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  margin-bottom: 2vh;
  margin-top: -3vh;
  /* width: 100%; */
  /* margin-left: -3vw; */
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 17vw;
  margin: 0px 12px 0px 16px;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 2%;
  }
  #obex-bar-slide-1 img {
  display: block;
  margin-top: -4vh;
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-3 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-4 .right-content h5 {
  margin-top: 0vh;
  }
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  /* height: 140vh; */
  }
  }
  /* >> obex bar - iPhone 5, 5C, 5S, SE */
  @media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  font-size: 18px;
  /* margin-left: 0%; */
  }
  #obex-bar-slideshow-wrapper #obex-bar-slide-2 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-3 .right-content h5, #obex-bar-slideshow-wrapper #obex-bar-slide-4 .right-content h5 {
  margin-top: -1vh;
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  width: 90vw;
  /* margin-left: 5vw; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 90%; */
  /* margin-left: 0%; */
  /* left: 5%; */
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 0%;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h5 {
  margin-top: -2vh;
  }
  #obex-bar-slide-1 img {
  margin-left: 4vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content {
  height: 115vh;
  }
  #obex-bar-slideshow-wrapper .cycle-slideshow {
  /* height: 165vh; */
  }
  #obex-bar-slide-1 img {
  width: 70vw;
  margin-left: 3.5vw;
  margin-top: -5vh;
  }
  }
  /* obex bar - IPHONE 13 */
  @media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  #obex-bar-slideshow-wrapper .slide .right-content h2 {
  /* width: 100%; */
  /* margin-left: -7%; */
  font-size: 36px;
  /* margin-top: -2vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content > div {
  /* margin-top: 0vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content p {
  /* width: 95%; */
  /* margin-left: -5vw; */
  }
  #obex-bar-slide-1 img {
  width: 60vw;
  margin-left: 8.5vw;
  }
  #obex-bar-slideshow-wrapper .slide .right-content h4 {
  margin-bottom: 2vh;
  margin-top: 0vh;
  /* width: 95%; */
  /* margin-left: 0vw; */
  }
  #obex-bar-slide-2 img, #obex-bar-slide-3 img, #obex-bar-slide-4 img {
  width: 17vw;
  margin: 0px 12px 0px 16px;
  }
  #obex-bar-wrapper .icon-row {
  margin-left: 2%;
  }
  #obex-bar-outer-wrapper {
  /* height: 130vh; */
  }
  #obex-bar-slideshow-wrapper .slide .right-content {
  height: 80vh;
  }
  }
  
  /*** END obex bar ***/

/*** LATEST PRODUCT ***/
#latest-product-wrapper {
position: relative;
padding: 0;
background: black;
}
#latest-product-outer-wrapper {
position: relative;
}
/* >> LATEST PRODUCT - Slideshow */
#latest-product-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
}
#latest-product-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#latest-product-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* >> LATEST PRODUCT - Slide Content */
#latest-product-slideshow-wrapper .slide .left-content,
#latest-product-slideshow-wrapper .slide .right-content {
height: 100vh;
}
#latest-product-slideshow-wrapper .slide .left-content {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
width: 45vw;
position: relative;
}
#latest-product-slideshow-wrapper .slide .left-content video {
  height: 100vh;
  /* left: -50%; */
  position: absolute;
}
#latest-product-slideshow-wrapper .slide .right-content {
background: #000;
width: 55vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;  
z-index: 9999;
}
#latest-product-slide-1 .left-content {
background-image: url('/-/media/530c2e015f1e43a8b66cc6b275d829b9.ashx');
}
#latest-product-slide-2 .left-content {
background-image: url('/-/media/f8ad44daf86d413796af1a3bb6deedb6.ashx');
}
#latest-product-slide-3 .left-content {
background-image: url('/-/media/d419455f6a344405b2c6faf8d59b6115.ashx');
}
#latest-product-slide-4 .left-content {
background-image: url('/-/media/24151f42305c42afbb0262fc419cdd1d.ashx');
}
#latest-product-slideshow-wrapper .slide .right-content > div {
width: 32vw;
margin: 0 0 0 5.5vw;
}
#latest-product-slideshow-wrapper .slide .right-content img {
display: block;
}

#latest-product-slide-1 img {
width: 500px;
margin-left: 15%;
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
margin-left: 5%;
display: block;
width: 6vw;
float: left;
cursor: pointer;
}
#latest-product-wrapper .icon-row {
height: 13vh;
margin-left: 16%;
}
#latest-product-slideshow-wrapper #latest-product-slide-2.slide .right-content img {

}

#latest-product-slideshow-wrapper .slide .right-content h2 {
color: #fff;
font-size: 40px;
font-weight: 600 !important;
line-height: 105%;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
margin-bottom: 5rem;
}
#latest-product-slideshow-wrapper .slide .right-content h5 {
color: #fff;
text-transform: uppercase;
font-size: 16px;
margin-top: 1vh;
text-align: center;
margin-bottom: 2vh;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
color: white;
font-size: 22px;
font-weight: 600 !important;
margin-top: 4vh;
text-transform: uppercase;
letter-spacing: 0px;
}
#latest-product-slideshow-wrapper .slide .right-content h3 {
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 400 !important;
text-transform: uppercase;
margin-top: -2vh;
}
#latest-product-slideshow-wrapper .slide .right-content p {
font-size: 18px;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
}
#latest-product-slideshow-wrapper .slide .right-content a.mlkn-button {
display: block;
border: 1px solid #fff;
background: #fff;
color: #000;
font-weight: bold !important;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: auto;
max-width: 310px;
}
#latest-product-slideshow-wrapper .slide .right-content a.mlkn-button.otherColor {
  border: 1px solid #fff;
  background: #000;
  color: #fff;
}
#latest-product-slideshow-wrapper .slide .right-content p.noBottomSpace {
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}
/* >> LATEST PRODUCT - Media Queries */
@media only screen and (max-width: 1450px) {
#latest-product-slideshow-wrapper .slide .right-content > div {
/* margin-top: -14vh; */
width: 60%;
}
#latest-product-slideshow-controls {
top: 88vh;
/* right: 56vw; */
}
#latest-product-slide-1 img {
width: 400px;
}
}
@media only screen and (max-width: 1300px) {
  #latest-product-slideshow-wrapper .slide .left-content video {
    /* left: var(--videoLeft); */
    /* height: 50vh; */
    width: 100vw;
    height: fit-content;
    left: var(--lpVideoLeft);
  }
  #latest-product-slideshow-wrapper .slide .right-content > div {
    margin: 10vh auto;
  }
  
#latest-product-slideshow-wrapper .cycle-slideshow {
/* min-height: 115vh; */
height: fit-content;
}
#latest-product-slideshow-wrapper .slide .left-content,
#latest-product-slideshow-wrapper .slide .right-content {
width: 100vw;
}
#latest-product-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#latest-product-slideshow-wrapper .slide .right-content {
/* min-height: 50vh; */
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
margin-top: var(--lpVideoHeight);
}
#latest-product-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#latest-product-slideshow-wrapper .slide .left-content {
background-position: center;
}
#latest-product-slideshow-wrapper .slide .right-content > div {
width: 76%;
margin:  10vh auto;
}
#latest-product-slideshow-controls {
bottom: auto;
/* right:  auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
  transform: translateX(-50%); */
top: 40vh;
width: 170px;
}
#latest-product-slideshow-controls button {
background: transparent;
}
#latest-product-hotspot-7 {
bottom: 20%;
right: 20%;
}
#latest-product-wrapper .icon-row {
margin-left: -7%;
}
#latest-product-slide-1 img {
margin-left: 11%;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 19%; */
}
#latest-product-slideshow-wrapper .slide .right-content h3 {
/* margin-left: -13%; */
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
}
#latest-product-slideshow-wrapper .slide .right-content h5 {
/* margin-left: -13%; */
margin-top: 0vh;
}
#latest-product-slideshow-wrapper .slide .right-content p {
/* width: 100%; */
/* margin-left: -6.5%; */
font-size: 18px;
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 15vw;
}
}
/*ipad pro*/
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
#latest-product-slideshow-wrapper .slide .left-content video {
  height: 50vh;
  width: fit-content;
}
}
@media only screen and (max-width: 991px) {
#latest-product-slideshow-wrapper .slide .right-content p {
font-size: 16px;
}
#latest-product-slide-1 img {
margin-left: 10%;
}
#latest-product-slideshow-wrapper .slide .right-content > div {
/* margin-left: 15vw; */
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 18.5%; */
margin-bottom: -4vh;
margin-bottom: 0vh;
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 10vw;
margin-left: 10%;
}
#latest-product-wrapper .icon-row {
margin-left: 5%;
margin-top: 2vh;
}
#latest-product-slideshow-wrapper #latest-product-slide-2 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-3 .right-content h5, #latest-product-slideshow-wrapper 
#latest-product-slide-4 .right-content h5 {
margin-top: -4vh;
}
#latest-product-slideshow-wrapper .cycle-slideshow {
/* height: 105vh; */
}

}

/*ipad 9th gen*/
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
#latest-product-slideshow-wrapper .slide .left-content video {
  height: 50vh;
  width: fit-content;
}
}

@media only screen and (max-width: 767px) {
  #latest-product-slideshow-wrapper .slide .left-content video {
    height: 50vh;
    width: fit-content;
    left: var(--lpVideoLeft);
  }
#latest-product-slideshow-wrapper .slide .right-content > div {
padding: 0;
/* margin-left: 10vw; */
width: 80vw;
margin: 10vh auto;
}

#latest-product-slide-2 img,
#latest-product-slide-3 img,
#latest-product-slide-4 img {
width: 12vw;
margin: 0px 8px 0px 16px;
}
#latest-product-slide-1 img {
width: 45vw;
margin-left: 17.5vw;
}

#latest-product-slideshow-wrapper .slide .right-content {
/* height: 72vh; */
}
#latest-product-slideshow-wrapper .slide .right-content a.mlkn-button {
font-size: 15px;
}
#latest-product-slideshow-controls {
top: 35vh;
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 76%; */
/* margin-left: 6%; */
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: -2vh;
}
#latest-product-wrapper .icon-row {
margin-left: 19%;
}
}
@media only screen and (max-width: 500px) {
  #latest-product-slideshow-wrapper .cycle-slideshow {
    height: fit-content;
    }
    #latest-product-slideshow-wrapper .slide .right-content {
      height: fit-content;
      }
  #latest-product-slideshow-wrapper .slide .right-content > div {
    width: 90vw;
    /* margin-left: revert; */
    }
#latest-product-slideshow-wrapper .slide .right-content a.mlkn-button {
/* max-width: none;
width: 100%;
margin: 0 0 30px; */
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
font-size: 30px;
}
#latest-product-slideshow-wrapper .slide .right-content h3 {
  font-size: 22px;
}
#latest-product-slideshow-wrapper .slide .right-content p {
margin-top: 0vh;
margin-bottom: 4vh;
}
#latest-product-slide-1 img {
margin-top: -3vh;
margin-bottom: 3vh;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
margin-left: 2%;
}
#latest-product-wrapper .icon-row {
margin-left: 4%;
margin-top: 4vh;
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 18vw;
margin: 0px 8px 0px 16px;
}
#latest-product-slide-1 img {
width: 60vw;
margin-left: 10.5vw;
}
#latest-product-slideshow-wrapper .slide .right-content h5 {
margin-top: 0vh;
}
#latest-product-slideshow-wrapper #latest-product-slide-2 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-3 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-4 .right-content h5 {
margin-top: -3vh;
}
}
/* >> LATEST PRODUCT - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#latest-product-slideshow-controls {
bottom: 3vh;
/* -webkit-transform: translateX(220%);
-ms-transform: translateX(220%);
  transform: translateX(220%); */
}
#latest-product-slideshow-wrapper .slide .right-content > div {
  /* margin: 0 0 0 1.5vw; */
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
font-size: 40px;
}
#latest-product-slide-1 img {
width: 400px;
margin-left: 18%;
}
}
/* >> LATEST PRODUCT - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#latest-product-slideshow-wrapper .slide .right-content > div {
max-width: 700px;
}
#latest-product-slideshow-wrapper .slide .right-content p {
font-size: 18px;
/* width: 100%; */
/* margin-left: 18%; */
}
#latest-product-slideshow-wrapper .slide .right-content a.mlkn-button {
font-size: 20px;
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 78%; */
/* margin-left: 28%; */
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 44%; */
}
#latest-product-wrapper .icon-row {
height: 13vh;
margin-left: 24%;
margin-top: 3vh;
width: 100%;
margin-bottom: 5vh;
}
#latest-product-slideshow-controls {
/* -webkit-transform: translateX(290%);
-ms-transform: translateX(290%);
  transform: translateX(290%); */
bottom: 5vh;
}
#latest-product-slide-1 img {
width: 500px;
margin-left: 33%;
}
#latest-product-slideshow-wrapper .slide .right-content h5 {
/* margin-left: 37%; */
}
#latest-product-slideshow-wrapper .slide .right-content h3 {
/* margin-left: 37%; */
}   
}

/* >> LATEST PRODUCT - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 36px;
/* margin-top: -2vh; */
}
#latest-product-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#latest-product-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
}
#latest-product-slide-1 img {
width: 60vw;
margin-left: 8.5vw;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: 0vh;
/* width: 90%; */
/* margin-left: 0vw; */
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#latest-product-wrapper .icon-row {
margin-left: 2%;
}
#latest-product-slideshow-wrapper #latest-product-slide-2 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-3 .right-content h5, #latest-product-slideshow-wrapper 
#latest-product-slide-4 .right-content h5 {
margin-top: -1vh;
}
#latest-product-slideshow-wrapper .cycle-slideshow {
/* height: 128vh; */
}
#latest-product-slideshow-wrapper .slide .right-content {
/* height: 78vh; */
}
}
/* >> LATEST PRODUCT - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 34px;
/* margin-top: -2vh; */
}
#latest-product-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#latest-product-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
margin-top: -2vh;
}
#latest-product-slide-1 img {
width: 60vw;
margin-left: 8.5vw;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: -3vh;
/* width: 100%; */
/* margin-left: -3vw; */
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#latest-product-wrapper .icon-row {
margin-left: 2%;
}
#latest-product-slide-1 img {
display: block;
margin-top: -4vh;
}
#latest-product-slideshow-wrapper #latest-product-slide-2 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-3 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-4 .right-content h5 {
margin-top: 0vh;
}
#latest-product-slideshow-wrapper .cycle-slideshow {
/* height: 140vh; */
}
}
/* >> LATEST PRODUCT - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

#latest-product-slideshow-wrapper .slide .right-content h4 {
font-size: 18px;
/* margin-left: 0%; */
}
#latest-product-slideshow-wrapper #latest-product-slide-2 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-3 .right-content h5, #latest-product-slideshow-wrapper #latest-product-slide-4 .right-content h5 {
margin-top: -1vh;
}
#latest-product-slideshow-wrapper .slide .right-content > div {
width: 90vw;
/* margin-left: 5vw; */
}
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: 0%; */
/* left: 5%; */
}
#latest-product-wrapper .icon-row {
margin-left: 0%;
}
#latest-product-slideshow-wrapper .slide .right-content h5 {
margin-top: -2vh;
}
#latest-product-slide-1 img {
margin-left: 4vw;
}
#latest-product-slideshow-wrapper .slide .right-content {
height: 115vh;
}
#latest-product-slideshow-wrapper .cycle-slideshow {
/* height: 165vh; */
}
#latest-product-slide-1 img {
width: 70vw;
margin-left: 3.5vw;
margin-top: -5vh;
}
}
/* LATEST PRODUCT - IPHONE 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#latest-product-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 36px;
/* margin-top: -2vh; */
}
#latest-product-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#latest-product-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
}
#latest-product-slide-1 img {
width: 60vw;
margin-left: 8.5vw;
}
#latest-product-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: 0vh;
/* width: 95%; */
/* margin-left: 0vw; */
}
#latest-product-slide-2 img, #latest-product-slide-3 img, #latest-product-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#latest-product-wrapper .icon-row {
margin-left: 2%;
}
#latest-product-outer-wrapper {
height: 130vh;
}
#latest-product-slideshow-wrapper .slide .right-content {
height: 80vh;
}
}

/*** END LATEST PRODUCT ***/


/*** HEALTH AND WELLNESS ***/
#health-and-wellness-wrapper {
position: relative;
padding: 0;
}
#health-and-wellness-outer-wrapper {
position: relative;
}
/* >> HEALTH AND WELLNESS - Slideshow */
#health-and-wellness-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
background: black;
}
#health-and-wellness-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#health-and-wellness-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* >> HEALTH AND WELLNESS - Slide Content */
#health-and-wellness-slideshow-wrapper .slide .left-content,
#health-and-wellness-slideshow-wrapper .slide .right-content {
height: 100vh;
}
#health-and-wellness-slideshow-wrapper .slide .right-content {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
width: 55vw;
order: 2;
position: relative;
}
#health-and-wellness-slideshow-wrapper .slide .left-content {
background: #000;
width: 45vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
order: 1;
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 3vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 5vw;
margin: 0 1vw;
cursor: pointer;
}
#health-and-wellness-slide-1 .right-content {
background-image: url('/-/media/862db21d59274e08912b099659b9e932.ashx');
}
#health-and-wellness-slide-2 .right-content {
background-image: url('/-/media/7ee97bb3745d460f9c337f9ffe366313.ashx');
}
#health-and-wellness-slide-3 .right-content {
background-image: url('/-/media/490b68ed110946a9934fe1a6781ada82.ashx');
}
#health-and-wellness-wrapper.us #health-and-wellness-slide-3 .right-content {
  background-image: url('/-/media/bebb88fd0c3d404cbb22b12ac8d19f46.ashx');
  }
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
/* width: 45vw; */
/* margin-left: 0vw; */
width: 75%;
margin: auto;
/* margin-top: -10vh; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content img {
/*margin: 0 auto 50px;
display: block;*/
}
#health-and-wellness-slide-1 img,
#health-and-wellness-slide-2 img,
#health-and-wellness-slide-3 img,
#health-and-wellness-slide-4 img {
width: 500px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
font-size: 18px;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
margin-top: 4vh;
/* width: 76%; */
/* margin-left: 12%; */
}
#health-and-wellness-wrapper h2 {
font-size: 40px;
font-weight: 600 !important;
/* width: 60%; */
/* margin-left: 20%; */
line-height: 105%;
color: white;
text-align: center;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
font-size: 18px;
/* width: 68%; */
text-transform: none;
/* margin-left: 16%; */
line-height: 135%;
margin-top: 3vh;
color: white;
text-align: center;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
font-size: 34px;
font-weight: 600 !important;
color: white;
text-align: center;
margin-top: 2vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content a.mlkn-button {
display: block;
border: 1px solid #fff;
background: #fff;
color: #000;
font-weight: bold !important;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: 0 auto 30px;
max-width: 400px;
}
/* >> HEALTH AND WELLNESS - Hotspots */
#health-and-wellness-hotspot-1 {
top: 70%;
left: 20%;
}
#health-and-wellness-hotspot-2 {
top: 50%;
left: 10%;
}
#health-and-wellness-hotspot-3 {
bottom: 20%;
left: 41%;
}
#health-and-wellness-hotspot-4 {
top: 64%;
left: 20%;
}
#health-and-wellness-hotspot-5 {
top: 93%;
right: 35%;
}
#health-and-wellness-hotspot-6 {
bottom: 15%;
left: 20%;
}
#health-and-wellness-hotspot-7 {
bottom: 3%;
right: 13%;
}
/* >> HEALTH AND WELLNESS - Slideshow Controls */
#health-and-wellness-slideshow-controls {
position: absolute;
bottom: 10vh;
left: var(--hawButtonsLeft);
/* left: 40%;
-webkit-transform: translateX(-250%);
-ms-transform: translateX(-250%);
transform: translateX(-250%); */
z-index: 100;
}
#health-and-wellness-slideshow-controls button {
border-radius: 0;
border: 1px solid #fff;
background: #000;
padding: 15px 23px;
font-size: 30px;
color: #fff;
}
#health-and-wellness-slideshow-controls button:last-of-type {
margin-left: 30px;  
}
#health-and-wellness-slideshow-controls button:focus {
outline: none;
}
/* >>HEALTH AND WELLNESS - Media Queries */
/*@media only screen and (max-width: 1450px) {
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
margin-left: -1vw;
width: 45vw;
margin-bottom: 15vh
}
#health-and-wellness-slideshow-controls {
left: 45%;
}
}*/
@media only screen and (max-width: 1300px) {
#health-and-wellness-slideshow-wrapper .cycle-slideshow {
height: fit-content;
min-height: 100vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p,
#health-and-wellness-slideshow-wrapper .slide .left-content h2,
#health-and-wellness-slideshow-wrapper .slide .left-content h3,
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
width: revert;
margin-left: revert;
}
#health-and-wellness-slideshow-wrapper .slide .left-content,
#health-and-wellness-slideshow-wrapper .slide .right-content {
width: 100vw;
background-position-y: -58vh;
}
#health-and-wellness-slideshow-wrapper .slide .right-content {
height: 60vh;
order: 1;
}
#health-and-wellness-slideshow-wrapper .slide .left-content {
height: fit-content;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
order: 2;
}
#health-and-wellness-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#health-and-wellness-slideshow-wrapper .slide .right-content {
background-position: center;
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
width: 76%;
margin: 7vh auto;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
font-size: 18px;
}
#health-and-wellness-slideshow-controls {
bottom: auto;
right:  auto;
/* left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); */
top: 40vh;
width: 170px;
}
#health-and-wellness-slideshow-controls button {
background: transparent;
}
#health-and-wellness-hotspot-3 {
bottom: 34%;
left: 54%;
}
#health-and-wellness-hotspot-5 {
top: 88%;
right: 25%;
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 10vw;
margin: 0 2vw;
}
}
@media only screen and (max-width: 991px) {
#health-and-wellness-slideshow-wrapper .slide .left-content p {
font-size: 18px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h2 {
font-size: 40px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
font-size: 18px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
margin: 5vh auto 8vh;
}
}
@media only screen and (max-width: 767px) {
#health-and-wellness-slideshow-wrapper .slide .left-content img {
margin: 0 auto 30px;
}
#health-and-wellness-slide-1 img,
#health-and-wellness-slide-2 img,
#health-and-wellness-slide-3 img,
#health-and-wellness-slide-4 img {
width: 250px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content {
/* height: 50vh; */
/* margin-left: -1%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content a.mlkn-button {
font-size: 15px;
}
#health-and-wellness-slideshow-controls {
top: 35vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
width: 80vw;
margin: 5vh auto 8vh;
}
#health-and-wellness-wrapper h2 {
/* width: 80%; */
/* margin-left: 10%; */

}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
margin-top: 0vh;
/* width: 80%; */
/* margin-left: 10%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
margin-top: 2vh;
/* width: 90%; */
/* margin-left: 5%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 7vw;
}
}
@media only screen and (max-width: 500px) {
#health-and-wellness-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#health-and-wellness-slideshow-wrapper .slide .left-content a.mlkn-button {
max-width: none;
width: 100%;
margin: 0 0 30px;
}

#health-and-wellness-slideshow-wrapper .slide .left-content {
margin-left: 0vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h2 {
font-size: 30px;
/* width: 100%; */
/* margin-left: -4vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 15vw;
/* margin-left: 3vw; */
/* margin-right: 3vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
margin-top: 0vh;
/* width: 120%; */
/* margin-left: -14%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 0vh;
/* margin-left: -5vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
margin-top: 1vh;
/* margin-left: -6vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
margin-top: 2vh;
/* width: 120%; */
/* margin-left: -15%; */
font-size: 18px;
/* margin-left: -11vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
/* margin-top: 6vh; */
/* margin-left: 9vw; */
width: 90vw;
margin: 5vh auto;
}
}
/* >> HEALTH AND WELLNESS - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#health-and-wellness-slideshow-controls {
/* -webkit-transform: translateX(-225%);
-ms-transform: translateX(-225%);
transform: translateX(-225%); */
bottom: 3vh;
}
}
/* >> HEALTH AND WELLNESS - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
max-width: 700px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
font-size: 18px;
}
#health-and-wellness-slideshow-wrapper .slide .left-content a.mlkn-button {
font-size: 20px;
}
#health-and-wellness-slideshow-controls {
/* -webkit-transform: translateX(-310%);
-ms-transform: translateX(-310%);
transform: translateX(-310%); */
bottom: 11vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
/* margin-left: 9vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
font-size: 34px;
}
}

/* >> HEALTH AND WELLNESS - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
#health-and-wellness-slideshow-wrapper .slide .left-content {
margin-left: 0vw;
height: fit-content;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h2 {
font-size: 40px;
/* width: 100%; */
/* margin-left: -4vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 15vw;
/* margin-left: 3vw; */
/* margin-right: 3vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
margin-top: 0vh;
/* width: 120%; */
/* margin-left: -14%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 5vh;
/* margin-left: -5vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
margin-top: 3vh;
margin-left: -6vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
margin-top: 2vh;
/* width: 120%; */
/* margin-left: -15%; */
font-size: 16px;
/* margin-left: -11vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
/* margin-top: 2vh; */
}
}
/* >> HEALTH AND WELLNESS - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
#health-and-wellness-slideshow-wrapper .slide .left-content {
margin-left: 0vw;
height: 80vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h2 {
font-size: 30px;
/* width: 100%; */
/* margin-left: -4vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 15vw;
margin-left: 3vw;
margin-right: 3vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
margin-top: 0vh;
/* width: 120%; */
/* margin-left: -14%; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 0vh;
/* margin-left: -5vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
margin-top: 1vh;
/* margin-left: -6vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
margin-top: 2vh;
/* width: 120%; */
/* margin-left: -15%; */
font-size: 16px;
/* margin-left: -11vw; */
}
#health-and-wellness-slideshow-wrapper .slide .left-content > div {
margin-top: 2vh;
/* margin-left: 9vw; */
}

}
/* >> HEALTH AND WELLNESS - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#health-and-wellness-slideshow-wrapper .slide .left-content {
height: 110vh;
}
}
/* HEALTH AND WELLNESS - iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#health-and-wellness-slideshow-wrapper .slide .left-content {
margin-left: 0vw;
height: 83vh;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h2 {
font-size: 30px;
width: 102%;
margin-left: -4vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row img {
width: 18vw;
margin-left: 3vw;
margin-right: 3vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
margin-top: 4vh;
width: 100%;
margin-left: -3%;
}
#health-and-wellness-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 4vh;
margin-left: -5vw;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h3 {
margin-top: 4vh;
margin-left: -10%;
}
#health-and-wellness-slideshow-wrapper .slide .left-content h5 {
margin-top: 4vh;
width: 100%;
font-size: 16px;
margin-left: -3%;
}

}
/*** END HEALTH AND WELLNESS ***/


/*** PERFORMANCE ***/
#performance-wrapper {
position: relative;
padding: 0;
}
#performance-outer-wrapper {
position: relative;
}
/* >> PERFORMANCE - Slideshow */
#performance-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
background: black;
}
#performance-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#performance-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* >> PERFORMANCE - Slide Content */
#performance-slideshow-wrapper .slide .left-content,
#performance-slideshow-wrapper .slide .right-content {
height: 100vh;
}
#performance-slideshow-wrapper .slide .left-content {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
width: 45vw;
position: relative;
}
#performance-slideshow-wrapper .slide .right-content {
background: #000;
width: 55vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;  
}
#performance-slide-1 .left-content {
background-image: url('/-/media/530c2e015f1e43a8b66cc6b275d829b9.ashx');
}
#performance-slide-2 .left-content {
background-image: url('/-/media/f8ad44daf86d413796af1a3bb6deedb6.ashx');
}
.eu #performance-slide-2 .left-content {
  background-image: url('/-/media/700D7161519945108BCD91E438F5821B.ashx');
  background-position: center;
  }
#performance-slide-3 .left-content {
background-image: url('/-/media/d419455f6a344405b2c6faf8d59b6115.ashx');
}
#performance-wrapper.us #performance-slide-3 .left-content {
  background-image: url('/-/media/AFE9A7B8CD4B4DEDA0050F6107AADA55.ashx');
}
#performance-slide-4 .left-content {
background-image: url('/-/media/24151f42305c42afbb0262fc419cdd1d.ashx');
}
#performance-slideshow-wrapper .slide .right-content > div {
width: 60%;
margin: 0 0 0 10%;
text-align: center;
}
#performance-slideshow-wrapper .slide .right-content .icon-row img {
display: inline-block;
}

#performance-slide-1 img {
width: 500px;
margin: auto;
display: block;
/* margin-left: 15%; */
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
/* margin-left: 5%; */
display: inline-block;
width: 5vw;
/* float: left; */
cursor: pointer;
margin: auto 15px;
}
#performance-slideshow-wrapper .icon-row img:first-of-type {
margin-left: 0;
}
#performance-wrapper .icon-row {
height: 13vh;
/* margin-left: 16%; */
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
}
#performance-slideshow-wrapper #performance-slide-2.slide .right-content img {

}

#performance-slideshow-wrapper .slide .right-content h2 {
color: #fff;
font-size: 40px;
font-weight: 600 !important;
/* width: 60%; */
/* margin-left: 14%; */
line-height: 105%;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 4vh;
text-align: center;
}
#performance-slideshow-wrapper .slide .right-content h5 {
color: #fff;
text-transform: uppercase;
font-size: 16px;
margin-top: 1vh;
text-align: center;
margin-bottom: 2vh;
/* margin-left: -11%; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
color: white;
/* margin-left: 26%; */
font-size: 22px;
font-weight: 600 !important;
margin-top: 4vh;
text-transform: uppercase;
letter-spacing: 0px;
}
#performance-slideshow-wrapper .slide .right-content h3 {
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 400 !important;
text-transform: uppercase;
margin-top: -2vh;
/* margin-left: -11%; */
}
#performance-slideshow-wrapper .slide .right-content p {
font-size: 18px;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
/* width: 71%; */
/* margin-left: 8.5%; */
}
#performance-slideshow-wrapper .slide .right-content a.mlkn-button {
display: block;
border: 1px solid #fff;
background: #fff;
color: #000;
font-weight: bold !important;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: 0 auto 30px;
max-width: 400px;
}
/* >> PERFORMANCE - Hotspots */
#performance-hotspot-1 {
top: 45%;
left: 55%;
}
#performance-hotspot-2 {
top: 70%;
left: 30%;
}
#performance-hotspot-3 {
top: 65%;
left: 15%;
}
#performance-hotspot-4 {
top: 82%;
left: 30%;
}
#performance-hotspot-5 {
bottom: 44%;
left: 20%;
}
#performance-hotspot-6 {
top: 24%;
left: 39%;
}
#performance-hotspot-7 {
bottom: 10%;
right: 10%;
}
#performance-hotspot-8 {
bottom: 40%;
left: 30%;
}
/* >> PERFORMANCE - Slideshow Controls */
#performance-slideshow-controls {
position: absolute;
bottom: 10vh;
left: var(--perfButtonsLeft);
/* right: 50%;
-webkit-transform: translateX(250%);
-ms-transform: translateX(250%);
transform: translateX(250%); */
z-index: 100;
}
#performance-slideshow-controls button {
border-radius: 0;
border: 1px solid #fff;
background: #000;
padding: 15px 23px;
font-size: 30px;
color: #fff;
}
#performance-slideshow-controls button:last-of-type {
margin-left: 30px;  
}
#performance-slideshow-controls button:focus {
outline: none;
}
/* >> PERFORMANCE - Media Queries */
@media only screen and (max-width: 1450px) {
#performance-slideshow-wrapper .slide .right-content > div {
/* margin-top: -14vh; */
/* width: 43vw; */
}
#performance-slideshow-controls {
top: 88vh;
/* right: 56vw; */
}
#performance-slide-1 img {
width: 400px;
}
}
@media only screen and (max-width: 1300px) {
#performance-slideshow-wrapper .cycle-slideshow {
height: var(--perfHeight);
}
#performance-slideshow-wrapper .slide .left-content,
#performance-slideshow-wrapper .slide .right-content {
width: 100vw;
}
#performance-slideshow-wrapper .slide .left-content {
height: 60vh;
}
#performance-slideshow-wrapper .slide .right-content {
min-height: fit-content;
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
}
#performance-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#performance-slideshow-wrapper .slide .left-content {
background-position: center;
}
#performance-slideshow-wrapper .slide .right-content > div {
width: 75vw;
/* margin-top:  5vh; */
/* margin-left: 12.5vw; */
text-align: center;
margin: 5vh auto;
}
#performance-slideshow-controls {
bottom: auto;
/* right:  auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); */
top: 40vh;
width: 170px;
}
#performance-slideshow-controls button {
background: transparent;
}
#performance-hotspot-7 {
bottom: 20%;
right: 20%;
}
#performance-wrapper .icon-row {
margin-left: revert;
margin-top: 4vh;
}
#performance-slide-1 img {
/* margin-left: revert; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-left: revert;
width: revert;
}
#performance-slideshow-wrapper .slide .right-content h3 {
margin-left: revert;
width: revert;
}
#performance-slideshow-wrapper .slide .right-content h2 {
width: revert;
margin-left: revert;
}
#performance-slideshow-wrapper .slide .right-content h5 {
margin-left: revert;
margin-top: 0vh;
width: revert;
}
#performance-slideshow-wrapper .slide .right-content p {
width: revert;
margin-left: revert;
font-size: 18px;
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 7vw;
}
}
/*ipad pro*/
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
  width: 12vw;
  margin: 1vh 2vw;
}
}
@media only screen and (max-width: 991px) {
#performance-slideshow-wrapper .slide .right-content p {
font-size: 16px;
}
#performance-slide-1 img {
/* margin-left: 10%; */
}
#performance-slideshow-wrapper .slide .right-content > div {
/* margin-left: 15vw; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 0vh;
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 10vw;
margin-left: 10%;
}
#performance-wrapper .icon-row {
/* margin-left: 5%; */
margin-top: 2vh;
}
#performance-slideshow-wrapper #performance-slide-2 .right-content h5, #performance-slideshow-wrapper #performance-slide-3 .right-content h5, #performance-slideshow-wrapper 
#performance-slide-4 .right-content h5 {
margin-top: -1vh;
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: fit-content; */
background: black;
}

}

@media only screen and (max-width: 767px) {
#performance-slideshow-wrapper .slide .right-content > div {
padding: 0;
/* margin-left: 0; */
width: 90vw;

}

#performance-slide-2 img,
#performance-slide-3 img,
#performance-slide-4 img {
width: 12vw;
margin: 0px 8px 0px 16px;
}
#performance-slide-1 img {
width: 45vw;
/* margin-left: 17.5vw; */
}

#performance-slideshow-wrapper .slide .right-content {
/* height: 72vh; */
}
#performance-slideshow-wrapper .slide .right-content a.mlkn-button {
font-size: 15px;
}
#performance-slideshow-controls {
top: 35vh;
}
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 76%; */
/* margin-left: 6%; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: -2vh;
}
#performance-wrapper .icon-row {
/* margin-left: 19%; */
}
}
@media only screen and (max-width: 500px) {
#performance-slideshow-wrapper .slide .right-content {
/* height: 90vh; */
}
#performance-slideshow-wrapper .slide .right-content a.mlkn-button {
max-width: none;
width: 100%;
margin: 0 0 30px;
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: 140vh; */
}
#performance-slideshow-wrapper .slide .right-content h2 {
font-size: 30px;
}
#performance-slideshow-wrapper .slide .right-content p {
margin-top: 0vh;
margin-bottom: 4vh;
}
#performance-slide-1 img {
margin-top: -3vh;
margin-bottom: 3vh;
}
#performance-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 2%; */
}
#performance-wrapper .icon-row {
/* margin-left: 4%; */
margin-top: 0vh;
margin-bottom: 1vh;
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 15vw;
/* margin: 0px 8px 0px 16px; */
}
#performance-slide-1 img {
width: 60vw;
/* margin-left: 10.5vw; */
}
#performance-slideshow-wrapper .slide .right-content h5 {
margin-top: 0vh;
}
#performance-slideshow-wrapper #performance-slide-2 .right-content h5, #performance-slideshow-wrapper #performance-slide-3 .right-content h5, #performance-slideshow-wrapper #performance-slide-4 .right-content h5 {
margin-top: -3vh;
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: 125vh; */

}
#performance-slideshow-wrapper .slide .right-content {
/* height: 75vh; */
}
}
/* >> PERFORMANCE - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {/*} and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#performance-slideshow-controls {
bottom: 3vh;
/* -webkit-transform: translateX(220%);
-ms-transform: translateX(220%);
transform: translateX(220%); */
}
#performance-slideshow-wrapper .slide .right-content > div {
/* margin: 0 0 0 1.5vw; */
}
#performance-slideshow-wrapper .slide .right-content h2 {
font-size: 40px;
}
#performance-slide-1 img {
width: 400px;
/* margin-left: 18%; */
}
}
/* >> PERFORMANCE - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#performance-slideshow-wrapper .slide .right-content > div {
max-width: 700px;
}
#performance-slideshow-wrapper .slide .right-content p {
font-size: 18px;
/* width: 100%; */
/* margin-left: 18%; */
}
#performance-slideshow-wrapper .slide .right-content a.mlkn-button {
font-size: 20px;
}
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 78%; */
/* margin-left: 28%; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 44%; */
}
#performance-wrapper .icon-row {
height: 13vh;
/* margin-left: 24%; */
margin-top: 3vh;
/* width: 100%; */
margin-bottom: 5vh;
}
#performance-slideshow-controls {
/* -webkit-transform: translateX(290%);
-ms-transform: translateX(290%);
transform: translateX(290%); */
bottom: 5vh;
}
#performance-slide-1 img {
width: 500px;
/* margin-left: 33%; */
}
#performance-slideshow-wrapper .slide .right-content h5 {
/* margin-left: 37%; */
}
#performance-slideshow-wrapper .slide .right-content h3 {
/* margin-left: 37%; */
}   
}

/* >> PERFORMANCE - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 36px;
/* margin-top: -2vh; */
}
#performance-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#performance-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
}
#performance-slide-1 img {
width: 60vw;
/* margin-left: 8.5vw; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: 0vh;
/* width: 90%; */
/* margin-left: 0vw; */
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#performance-wrapper .icon-row {
/* margin-left: 2%; */
}
#performance-slideshow-wrapper #performance-slide-2 .right-content h5, #performance-slideshow-wrapper #performance-slide-3 .right-content h5, #performance-slideshow-wrapper 
#performance-slide-4 .right-content h5 {
margin-top: -1vh;
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: 128vh; */
}
#performance-slideshow-wrapper .slide .right-content {
/* height: 78vh; */
}
}
/* >> PERFORMANCE - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 34px;
/* margin-top: -2vh; */
}
#performance-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#performance-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
margin-top: -2vh;
}
#performance-slide-1 img {
width: 60vw;
/* margin-left: 8.5vw; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: -3vh;
/* width: 100%; */
/* margin-left: -3vw; */
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#performance-wrapper .icon-row {
/* margin-left: 2%; */
}
#performance-slide-1 img {
display: block;
margin-top: -4vh;
}
#performance-slideshow-wrapper #performance-slide-2 .right-content h5, #performance-slideshow-wrapper #performance-slide-3 .right-content h5, #performance-slideshow-wrapper #performance-slide-4 .right-content h5 {
margin-top: 0vh;
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: fit-content; */
}
}
/* >> PERFORMANCE - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

#performance-slideshow-wrapper .slide .right-content h4 {
font-size: 18px;
/* margin-left: 0%; */
}
#performance-slideshow-wrapper #performance-slide-2 .right-content h5, #performance-slideshow-wrapper #performance-slide-3 .right-content h5, #performance-slideshow-wrapper #performance-slide-4 .right-content h5 {
margin-top: -1vh;
}
#performance-slideshow-wrapper .slide .right-content > div {
width: 90vw;
/* margin-left: 5vw; */
}
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: 0%; */
/* left: 5%; */
}
#performance-wrapper .icon-row {
/* margin-left: 0%; */
}
#performance-slideshow-wrapper .slide .right-content h5 {
margin-top: -2vh;
}
#performance-slide-1 img {
/* margin-left: 4vw; */
}
#performance-slideshow-wrapper .slide .right-content {
/* height: fit-content; */
}
#performance-slideshow-wrapper .cycle-slideshow {
/* height: fit-content; */
}
#performance-slide-1 img {
width: 70vw;
/* margin-left: 3.5vw; */
margin-top: -5vh;
}
}
/* PERFORMANCE - IPHONE 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#performance-slideshow-wrapper .slide .right-content h2 {
/* width: 100%; */
/* margin-left: -7%; */
font-size: 36px;
/* margin-top: -2vh; */
}
#performance-slideshow-wrapper .slide .right-content > div {
/* margin-top: 0vh; */
}
#performance-slideshow-wrapper .slide .right-content p {
/* width: 95%; */
/* margin-left: -5vw; */
}
#performance-slide-1 img {
width: 60vw;
/* margin-left: 8.5vw; */
}
#performance-slideshow-wrapper .slide .right-content h4 {
margin-bottom: 2vh;
margin-top: 0vh;
/* width: 95%; */
/* margin-left: 0vw; */
}
#performance-slide-2 img, #performance-slide-3 img, #performance-slide-4 img {
width: 17vw;
margin: 0px 12px 0px 16px;
}
#performance-wrapper .icon-row {
/* margin-left: 2%; */
}
#performance-outer-wrapper {
/* height: fit-content; */
}
#performance-slideshow-wrapper .slide .right-content {
/* height: fit-content; */
}
}

/*** END PERFORMANCE ***/

/*** FORMS AND MATERIALS ***/

/*** FORMS AND MATERIALS ***/
#forms-and-materials-wrapper {
position: relative;
padding: 0;
}
#forms-and-materials-outer-wrapper {
position: relative;
}
/* >> FORMS AND MATERIALS - Slideshow */
#forms-and-materials-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
}
#forms-and-materials-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#forms-and-materials-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* >> FORMS AND MATERIALS - Slide Content */
#forms-and-materials-slideshow-wrapper .slide .left-content,
#forms-and-materials-slideshow-wrapper .slide .right-content {
height: 100vh;
}
#forms-and-materials-slideshow-wrapper .slide .right-content {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
width: 55vw;
order: 2;
position: relative;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
background: #000;
width: 45vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
order: 1;
}
#forms-and-materials-slide-1 .right-content {
background-image: url('/-/media/3623cd158d50424ebd5c6c6514eedb0a.ashx');
}
.eu #forms-and-materials-slide-1 .right-content {
background-image: url('/-/media/65BF9320EA174C6AB9A0079FD8D13899.ashx');
}
#forms-and-materials-slide-2 .right-content {
background-image: url('/-/media/0a2f568d18344ccca46cd8c4a01c673f.ashx');
}
#forms-and-materials-slide-3 .right-content {
background-image: url('/-/media/02a40aa5b7d54eb2ad8b2b4bebe8444e.ashx');
}
.us #forms-and-materials-slide-3 .right-content {
  background-image: url('/-/media/6AA71E4D1B0749A59E2E632AC018A417.ashx');
}
.eu #forms-and-materials-slide-3 .right-content {
  background-image: url('/-/media/7FBE51BF08364F97BCEFBFB0BED06323.ashx');
  background-position: center;
}
#forms-and-materials-slideshow-wrapper .slide .left-content > div {
/*max-width: 45vw;*/
/* width: 45vw; */
width: 75%;
text-align: center;
margin: auto;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
text-align: center;
margin-top: 5vh;
margin-bottom: 4vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
width: 3vw;
margin: 0 2vw;
cursor: pointer;
}
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
color: white;
font-size: 40px;
font-weight: 600 !important;
/* width: 70%; */
/* margin-left: 15%; */
line-height: 105%;
letter-spacing: 1px;
text-align: center;
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
color: white;
font-size: 18px;
/* width: 70%; */
text-transform: none;
/* margin-left: 15%; */
margin-top: 5vh;
text-align: center;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
font-size: 18px;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
/* width: 66%; */
/* margin-left: 17%; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content a.mlkn-button {
display: block;
border: 1px solid #fff;
background: #fff;
color: #000;
font-weight: bold !important;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: 0 auto 30px;
max-width: 400px;
}
.rec-zone-one {
background: #8ACA04;
padding: 4px 10px;
margin: 0 8px 0 16px;
font-size: 20px;
}
.rec-zone-two {
background: #3398B6;
padding: 4px 8px;
margin: 0 8px;
font-size: 20px;
}
.rec-zone-three {
background: #E35E25;
padding: 4px 8px;
margin: 0 8px;
font-size: 20px;
}
/* >> FORMS AND MATERIALS - Hotspots */
#forms-and-materials-hotspot-1 {
top: 65%;
left: 25%;
}
#forms-and-materials-wrapper .hotspot-content img.zone-card-bg {
width:240px;
}
#forms-and-materials-wrapper .hotspot-content img.zone-card-zone {
width: 40px;
float: left;
margin-top: 8px;
margin-right: 5px;
}
#forms-and-materials-hotspot-1 .hotspot-content p {
margin-top: 10px;
}
#forms-and-materials-hotspot-2 {
top: 60%;
left: 25%;
}
#forms-and-materials-hotspot-3 {
top: 63%;
left: 20%;
}
.eu #forms-and-materials-hotspot-3 {
  top: revert;
  left: revert;
  bottom: 23%;
  right: 40%;
}
.eu #forms-and-materials-hotspot-3 .hotspot-content {
  top: -290px;
  left: -290px;

}
#forms-and-materials-hotspot-2 .hotspot-content p, #forms-and-materials-hotspot-3 .hotspot-content p {
margin-top: 20px;
}
/* >> FORMS AND MATERIALS - Slideshow Controls */
#forms-and-materials-slideshow-controls {
position: absolute;
bottom: 5vh;
left: 14%;
/*transform: translateX(-250%);*/
z-index: 100;
}
#forms-and-materials-wrapper button {
/* border-radius: 0; */
border: 1px solid #fff;
background: white;
padding: 15px 23px;
font-size: 18px;
font-weight: 700;
color: black;
}

#forms-and-materials-wrapper button:focus {
outline: none;
}
/* >> FORMS AND MATERIALS - Media Queries */
@media only screen and (max-width: 1450px) {
#forms-and-materials-slideshow-wrapper .slide .left-content > div {

}
#forms-and-materials-slideshow-controls {
left: 11.5%;
}
}
@media only screen and (max-width: 1300px) {
#forms-and-materials-slideshow-wrapper .cycle-slideshow {
height: auto;
min-height: 100vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content,
#forms-and-materials-slideshow-wrapper .slide .right-content {
width: 100vw;
}
#forms-and-materials-slideshow-wrapper .slide .right-content {
height: 50vh;
order: 1;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
min-height: 65vh;
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
order: 2;
}
#forms-and-materials-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#forms-and-materials-slideshow-wrapper .slide .right-content {
background-position: center;
}
#forms-and-materials-slideshow-wrapper .slide .left-content > div {
width: 75vw;
margin: auto;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
font-size: 18px;
/* width: 75%; */
/* margin-left: 12.5%; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content p,
#forms-and-materials-slideshow-wrapper .slide .left-content h2,
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
width: revert;
margin-left: revert;
}
#forms-and-materials-slideshow-controls {
bottom: auto;
right: auto;
left: 52%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 111vh;
width: 340px;
}
#forms-and-materials-wrapper button {
/*background: transparent;*/
}
#forms-and-materials-hotspot-3 {
bottom: 34%;
left: 54%;
}
#forms-and-materials-hotspot-5 {
top: 88%;
right: 25%;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
width: 7vw;
margin: 0 5vw;
}
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
/* width: 100vw;  */
/* margin-left: 0%; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
/* width: 75vw; */
/* margin-left: 12.5%; */
}
}
@media only screen and (max-width: 991px) {
#forms-and-materials-slideshow-wrapper .slide .left-content p {
font-size: 16px;
}
#forms-and-materials-slideshow-controls {
top: 110vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
margin-top: 2vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
min-height: 70vh; 
height: fit-content;
}
}
@media only screen and (max-width: 767px) {
#forms-and-materials-slideshow-wrapper .slide .left-content img {
margin: 0 auto 30px;
}
#forms-and-materials-slide-1 img,
#forms-and-materials-slide-2 img,
#forms-and-materials-slide-3 img,
#forms-and-materials-slide-4 img {
width: 250px;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 50vh; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content a.mlkn-button {
font-size: 15px;
}
#forms-and-materials-slideshow-controls {
top: revert;
bottom: 5vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
padding: 0;
}
#forms-and-materials-slideshow-wrapper .slide .left-content > div {
/* margin-top: 3vh; */
width: 90vw;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 500px) {
#forms-and-materials-slideshow-wrapper .slide .left-content > div {
  margin: 3vh auto 5vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
font-size: 36px;
/* width: 85%; */
/* margin-left: 7vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
margin-top: 2vh;
text-align: center;
font-size: 18px;
/* width: 80%; */
/* margin-left: 10vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
margin-top: 2vh;
margin-bottom: 2vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
width: 10vw;
margin-left: 6vw;
margin-right: 6vw;
margin-top: 1vh;
margin-bottom: 1vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
padding-bottom: 10px;
/* width: 90%; */
/* margin-left: 5vw; */
}
#forms-and-materials-slideshow-controls {
top: 125vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 90vh; */
}

}
/* >> PERFORMANCE - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {
#forms-and-materials-slideshow-controls {
/* left: 13%; */
bottom: 3vh;
}
}
/* >> FORMS AND MATERIALS - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
/* width: 102%; */
/* margin-left: 0; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
/* width: 80%; */
/* margin-left: 10%; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
/* width: 100%; */
/* margin-left: 0; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
/* width: 80%; */
/* margin-left: 10%; */
}
#forms-and-materials-slideshow-controls {
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
bottom: 8vh;
}
}

/* >> FORMS AND MATERIALS - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
font-size: 36px;
/* width: 85%; */
/* margin-left: 7vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
margin-top: 2vh;
text-align: center;
font-size: 18px;
/* width: 90%; */
/* margin-left: 5vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
margin-top: 4vh;
margin-bottom: 4vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
width: 10vw;
margin-left: 6vw;
margin-right: 6vw;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
padding-bottom: 0px;
/* width: 90%; */
/* margin-left: 5vw; */
}
#forms-and-materials-slideshow-controls {
top: 168vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 95vh; */
height: fit-content;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p.rec-zone-p {
margin-top: 3vh;
}
#forms-and-materials-slideshow-wrapper .slide .right-content {
height: 83vh;
}

}
/* >> FORMS AND MATERIALS - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
font-size: 36px;
/* width: 85%; */
/* margin-left: 7vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
margin-top: 2vh;
text-align: center;
font-size: 18px;
/* width: 80%; */
/* margin-left: 10vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
margin-top: 2vh;
margin-bottom: 2vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
/* width: 10vw; */
/* margin-left: 6vw; */
/* margin-right: 6vw; */
margin-top: 1vh;
margin-bottom: 1vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
padding-bottom: 10px;
/* width: 90%; */
/* margin-left: 5vw; */
}
#forms-and-materials-slideshow-controls {
top: 142vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 103vh; */
height: fit-content;
}

}
/* >> FORMS AND MATERIALS - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 140vh; */
height: fit-content;
}
#forms-and-materials-slideshow-wrapper .cycle-slideshow {
/* height: 190vh; */
height: fit-content;
}
#forms-and-materials-wrapper button {
width: 80vw;
margin-left: 10vw;
font-size: 18px;
padding: 5px 20px;
}
#forms-and-materials-slideshow-controls {
top: 175vh;
}
}
/* FORMS AND MATERIALS - iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#forms-and-materials-slideshow-wrapper .slide .left-content h2 {
font-size: 36px;
/* width: 85%; */
/* margin-left: 7vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content h4 {
margin-top: 2vh;
text-align: center;
font-size: 18px;
/* width: 80%; */
/* margin-left: 10vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row {
margin-top: 3vh;
margin-bottom: 3vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content .icon-row img {
width: 10vw;
/* margin-left: 6vw; */
/* margin-right: 6vw; */
}
#forms-and-materials-slideshow-wrapper .slide .left-content p {
padding-bottom: 10px;
/* width: 90%; */
/* margin-left: 5vw; */
}

#forms-and-materials-slideshow-controls {
top: 131vh;
}
#forms-and-materials-slideshow-wrapper .slide .left-content {
/* height: 92vh; */
height: fit-content;
}
}

/*** END FORMS AND MATERIALS ***/

/*** ATTRACTIVE SPACES ***/
#attractive-spaces {
background:firebrick;
padding: 0;
/*-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;*/
position: relative;
background: black;
}
#attractive-spaces .slide-content-wrapper .slide-content > div {
width: 80vw;
text-align: center;
margin: 0 auto;
max-width: 1000px;
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
}
#attractive-spaces-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper {
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;    
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper > img {
display: none;
width: 100vw;
height: 60vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#attractive-spaces-slideshow-wrapper .slide-content {
width: 100vw;
height: 100vh;
background-repeat: no-repeat;
background-size: contain;
/*background-position-x: right;*/
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#attractive-spaces-slide-1 .slide-content-wrapper {
background-image: url('/-/media/2fd0500427564c1a882a8ec19857ce65.ashx');
background-size: cover;
background-repeat: no-repeat;
}
#attractive-spaces.us #attractive-spaces-slide-1 .slide-content-wrapper:not(.mobile-only) {
  background-image: url('/-/media/90066331b9624c9bbfa4face88ce0863.ashx');
}
#attractive-spaces-slide-2 .slide-content-wrapper {
background-image: url('/-/media/22757bc29f2a4d74a7c34ae83a319a72.ashx');
background-size: cover;
background-repeat: no-repeat;
}
#attractive-spaces.us #attractive-spaces-slide-2 .slide-content-wrapper:not(.mobile-only) {
  background-image: url('/-/media/da1a00508902424c98b6aa2b24b12702.ashx');
}
#attractive-spaces-slide-3 .slide-content-wrapper {
background-image: url('/-/media/a16d4c593a8c42a3bd3ee321eafc8f79.ashx');
background-size: cover;
background-repeat: no-repeat;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 40px;
font-weight: 600 !important;
/* width: 60vw; */
/* margin-left: 26vw; */
color: #fff;
text-transform: uppercase;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
font-size: 18px;
color: white;
/* width: 56vw; */
/* margin-left: 22vw; */
margin-bottom: 10vh;
text-align: center;
font-weight: 500;
}
#attractive-spaces .mobile-only {
display: none;
}
/* >> Attractive Spaces - Pager */
#attractive-spaces-slideshow-wrapper .cycle-pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;  
position: absolute;
bottom: 50px;
z-index: 500;
width: 275px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#attractive-spaces-slideshow-wrapper .cycle-pager a {
width: 80px;
height: 3px;
background: #aaa;
}
#attractive-spaces-slideshow-wrapper .cycle-pager a.cycle-pager-active {
background: #eee;  
}
/* >> ATTRACTIVE SPACES - Slideshow Controls */
#attractive-spaces-slideshow-controls {
display: none;
position: absolute;
top: 48vh;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
}
#attractive-spaces-slideshow-controls button {
border-radius: 0;
border: 1px solid #fff;
background: transparent;
padding: 15px 23px;
font-size: 30px;
color: #fff;
}
#attractive-spaces-slideshow-controls button:last-of-type {
margin-left: 30px;  
}
#attractive-spaces-slideshow-controls button:focus {
outline: none;
}
/* >> ATTRACTIVE SPACES - Media Queries */
@media only screen and (max-width: 1670px) {
#attractive-spaces-slideshow-wrapper .slide-content {
background-position-x: 135%;
}
}
@media only screen and (max-width: 1570px) {
#attractive-spaces-slideshow-wrapper .slide-content {
background-position-x: 180%;
}
}
@media only screen and (max-width: 1490px) {
#attractive-spaces-slideshow-wrapper .slide-content {
background-position-x: 240%;
}
}
@media only screen and (max-width: 1450px) { 
#attractive-spaces-slideshow-wrapper .slide-content h1 {
text-align: center;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
margin-bottom: 8vh;
}
}
@media only screen and (max-width: 1430px) {
#attractive-spaces-slideshow-wrapper .slide-content {
background-position-x: 325%;
}
}
@media only screen and (max-width: 1390px) {
#attractive-spaces-slideshow-wrapper .slide-content {
background-position-x: 435%;
}
}
@media only screen and (max-width: 1300px) {
/*#attractive-spaces-slideshow-wrapper .slide-content-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 90vh;
height: fit-content;
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper > img {
display: block;
}
#attractive-spaces-slideshow-wrapper .slide-content {
background-image: none;
width: 100vw;
height: 40vh;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
position: relative;
top: 35vh;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 40px;
margin: 0 auto;
}
#attractive-spaces-slideshow-wrapper .slide-content h1::before {
display: none;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
margin: 30px auto 0;
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
min-height: 50vh;
height: fit-content;
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: -9vh;
}
*/
}
@media only screen and (max-width: 991px) {
#attractive-spaces-slideshow-wrapper .slide-content-wrapper {
min-height: 50vh;
height: fit-content;
}
#attractive-spaces-slideshow-wrapper .slide-content h1,
#attractive-spaces-slideshow-wrapper .slide-content p {
/* width: 100%; */
/* max-width: 700px; */
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 40px;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
font-size: 16px;
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -10vw; */
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 10vh;
}
}
@media only screen and (max-width: 767px) {
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 35px;
/* width: 75%; */
}
#attractive-spaces-slideshow-wrapper .cycle-pager {
display: none;
}
#attractive-spaces-slideshow-controls {
display: block;
top: revert;
bottom: 3vh;
}
#attractive-spaces .slide-content-wrapper .slide-content > div {
margin: 5vh auto;
}
}
@media only screen and (max-width: 500px) {
#attractive-spaces .slide-content-wrapper .slide-content.mobile-only > div {
  margin: 10vh auto;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
/* margin-top: 1vh; */
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0vh;
}
#attractive-spaces-slideshow-wrapper .slide-content.mobile-only {
top: 0vh;
}
#attractive-spaces-slideshow-controls {
top: 36vh;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
/* width: 90%; */
margin-top: 3vh;
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -70vw; */
}
#attractive-spaces-slide-3 .slide-content-wrapper{
/* background-position-x: -80vw; */
}
#attractive-spaces-slideshow-wrapper .slide-content h1, #attractive-spaces-slideshow-wrapper .slide-content p {
text-shadow: 2px 2px black;
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
height: var(--asHeight);
}
#attractive-spaces .mobile-only {
display: block;
}
#attractive-spaces .desktop-only {
display: none;
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper {
height: 50vh;
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper:nth-of-type(2) {
background: black;
}
#attractive-spaces .slide-content-wrapper .slide-content > div {
width: 90vw;
}
}
/* >> ATTRACTIVE SPACES - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 39px;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
font-size: 18px;   
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* margin-left: 23.5vw; */
}
}
/* >> ATTRACTIVE SPACES - iMac 4K */
@media only screen and (min-width: 2500px) {/* and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#attractive-spaces-slideshow-wrapper .slide-content p {
/* width: 36vw; */
font-size: 18px;
/* margin-left: 33%; */
}
#attractive-spaces-slideshow-wrapper .slide-content {
background-size: cover;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* margin-left: 26%; */
font-size: 40px;
}
}
/* >> ATTRACTIVE SPACES - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 

#attractive-spaces-slideshow-controls {
top: 37vh;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
/* margin-top: 1vh; */
font-size: 30px;
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0vh;
}
#attractive-spaces-slideshow-wrapper .slide-content.mobile-only {
top: 0vh;
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -61vw; */
}
#attractive-spaces-slide-3 .slide-content-wrapper{
/* background-position-x: -75vw; */
}
#visualize-your-space-slide-1 .slide-content-wrapper {
background-position-x: -140vw;
}
#visualize-your-space-slide-1 h2 {
/* margin-top: 12vh; */
}
#visualize-your-space-slide-1 .inline-buttons {
/* margin-left: 23vw; */
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
/* height: 100vh; */
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper:nth-of-type(2) {
/* height: 35vh; */
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
/* height: 85vh; */
}
}
/* >> ATTRACTIVE SPACES - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   

#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
/* margin-top: 1vh; */
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0vh;
}
#attractive-spaces-slideshow-wrapper .slide-content.mobile-only {
top: 0vh;
}
#attractive-spaces-slideshow-controls {
top: 36vh;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
/* width: 90%; */
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -65vw; */
}
#attractive-spaces-slide-3 .slide-content-wrapper{
/* background-position-x: -65vw; */
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
/* height: 100vh; */
}
}
/* >> ATTRACTIVE SPACES - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#attractive-spaces-slideshow-wrapper .slide-content-wrapper > img,
#attractive-spaces-slideshow-wrapper .slide-content {
height: 50vh;
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
font-size: 24px;
}
#attractive-spaces-slideshow-controls {
width: 171px;
top: 33vh;
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -55vw; */
}
#attractive-spaces-slide-3 .slide-content-wrapper{
/* background-position-x: -75vw; */
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
/* height: 100vh; */
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
margin-top: 1vh;
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0vh;
}
#attractive-spaces-slideshow-wrapper .slide-content.mobile-only {
top: 0vh;
}
}
/*ATTRACTIVE SPACES - iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
}
#attractive-spaces-slideshow-wrapper .slide-content h1 {
/* width: 100%; */
margin-top: 1vh;
}
#attractive-spaces-slideshow-wrapper .slide-content {
top: 0vh;
}
#attractive-spaces-slideshow-wrapper .slide-content.mobile-only {
top: 0vh;
}
#attractive-spaces-slideshow-controls {
top: 36vh;
}
#attractive-spaces-slideshow-wrapper .slide-content p {
/* width: 90%; */
}
#attractive-spaces-slide-1 .slide-content-wrapper{
/* background-position-x: -80vw; */
}
#attractive-spaces-slide-3 .slide-content-wrapper{
/* background-position-x: -80vw; */
}
#attractive-spaces-slideshow-wrapper .cycle-slideshow {
/* height: 90vh; */
}
#attractive-spaces-slideshow-wrapper .slide-content-wrapper.mobile-only {
/* height: 40vh; */
}
}
/* END ATTRACTIVE SPACES */

/*** CUSTOMIZATION ***/
#customization-wrapper {
position: relative;
padding: 0;
background: black;
}
#customization-outer-wrapper {
position: relative;
}
/* >> CUSTOMIZATION - Slideshow */
#customization-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
}
#customization-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#customization-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* >> CUSTOMIZATION - Slide Content */
#customization-slideshow-wrapper .slide .left-content,
#customization-slideshow-wrapper .slide .right-content {
height: 100vh;
}
#customization-slideshow-wrapper .slide .left-content {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
width: 45vw;
position: relative;
}
#customization-slideshow-wrapper .slide .right-content {
background: #000;
width: 55vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;  
}
#customization-slide-1 .left-content {
background-image: url('/-/media/10b1f60c63db476f9aeb969a74500639.ashx');
}
#customization-slide-2 .left-content {
background-image: url('/-/media/8ace50fde9634fb99a99a9e734236ccc.ashx');
}
#customization-slideshow-wrapper .slide .right-content > div {
/*max-width: 55vw;
margin: 0 0 0 150px;*/
width: 60%;
margin: 0 0 0 10%;
text-align: center;
}

#customization-slideshow-wrapper .slide .right-content p {
font-size: 18px;
/* width: 58%; */
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
/* margin-left: 11%; */
margin-bottom: 3vh;
}
#customization-slideshow-wrapper .slide .right-content h2 {
color: white;
font-size: 40px;
font-weight: 600 !important;
/* width: 40%; */
/* margin-left: 20%; */
line-height: 105%;
text-align: center;
margin-bottom: 4vh;
}
#customization-slideshow-wrapper .slide .right-content h3 {
color: white;
font-size: 36px;
font-weight: 500 !important;
letter-spacing: 3px;
margin-bottom: 4vh;
/* width: 50%; */
/* margin-left: 18%; */
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 3vw;
margin-right: 1vw;
}
#customization-slideshow-wrapper .slide .right-content a.mlkn-button {
display: block;
border: 1px solid #fff;
background: #fff;
color: #000;
font-weight: bold !important;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin: 0 auto 30px;
max-width: 400px;
}
/* >> CUSTOMIZATION - Hotspots */
#customization-hotspot-1 {
top: 45%;
left: 55%;
}
#customization-hotspot-2 {
top: 70%;
left: 30%;
}
#customization-hotspot-3 {
top: 65%;
left: 15%;
}
#customization-hotspot-4 {
top: 82%;
left: 30%;
}
#customization-hotspot-5 {
bottom: 44%;
left: 20%;
}
#customization-hotspot-6 {
top: 24%;
left: 39%;
}
#customization-hotspot-7 {
bottom: 10%;
right: 10%;
}
#customization-hotspot-8 {
bottom: 40%;
left: 30%;
}
/* >> CUSTOMIZATION - Slideshow Controls */
#customization-slideshow-controls {
position: absolute;
bottom: 10vh;
/* right: 50%;
transform: translateX(250%); */
left: var(--custButtonsLeft);
z-index: 100;
}
#customization-slideshow-controls button {
border-radius: 0;
border: 1px solid #fff;
background: #000;
padding: 15px 23px;
font-size: 30px;
color: #fff;
}
#customization-slideshow-controls button:last-of-type {
margin-left: 30px;  
}
#customization-slideshow-controls button:focus {
outline: none;
}
/* >> CUSTOMIZATION - Media Queries */
@media only screen and (max-width: 1450px) {
#customization-slideshow-wrapper .slide .right-content h3 {
  font-size: 32px;
}
#customization-slideshow-wrapper .slide .right-content > div {
/*max-width: 400px;
margin: 0 0 0 50px;*/
/* margin-top: -14vh;
width: 67vw;
margin-left: -6vw; */
}
#customization-slideshow-controls {
/* right: 57%; */
}

}
@media only screen and (max-width: 1300px) {
#customization-slideshow-wrapper .cycle-slideshow {
height: auto;
min-height: 100vh;
}
#customization-slideshow-wrapper .slide .left-content,
#customization-slideshow-wrapper .slide .right-content {
width: 100vw;
}
#customization-slideshow-wrapper .slide .left-content {
height: 50vh;
}
#customization-slideshow-wrapper .slide .right-content {
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
}
#customization-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#customization-slideshow-wrapper .slide .left-content {
background-position: center;
}
#customization-slideshow-wrapper .slide .right-content > div {
width: 75vw;
text-align: center;
margin: 5vh auto;
}
#customization-slideshow-wrapper .slide .right-content p {
font-size: 18px;
}
#customization-slideshow-controls {
/* bottom: auto;
right:  auto;
left: 50%;
transform: translateX(-50%); */
top: 40vh;
width: 170px;
}
#customization-slideshow-controls button {
background: transparent;
}
#customization-hotspot-7 {
bottom: 20%;
right: 20%;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* margin-left: 22%; */
}
#customization-slideshow-wrapper .slide .right-content h2,
#customization-slideshow-wrapper .slide .right-content h3,
#customization-slideshow-wrapper .slide .right-content p {
width: revert;
margin-left: revert;
}
}
@media only screen and (max-width: 991px) {
#customization-slideshow-wrapper .slide .right-content p {
font-size: 18px;
}
#customization-slideshow-wrapper .slide .right-content h3 {
font-size: 30px;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* margin-left: 13%; */
/* width: 65% */
}


#customization-slideshow-wrapper .slide .right-content > div {
padding: 0;
/* margin-top: 5vh; */
}
#customization-slideshow-wrapper .slide .right-content img {
margin: 0 auto 8px;
width: 5vw;
}
#customization-slide-1 img,
#customization-slide-2 img,
#customization-slide-3 img,
#customization-slide-5 img {
width: 250px;
}
#customization-slide-4 img {
width: 200px;
}
#customization-slideshow-wrapper .slide .right-content {
/* height: 55vh; */
}
#customization-slideshow-wrapper .slide .right-content a.mlkn-button {
font-size: 15px;
}
#customization-slideshow-controls {
top: 40vh;
}
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 80%; */
/* margin-left: 0%; */
margin-bottom: 2vh;
}
#customization-slideshow-wrapper .slide .right-content p {
margin-bottom: 2vh;
/* width: 75%; */
/* margin-left: 2%; */
margin-top: 3vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 5vw;
}
}
@media only screen and (max-width: 767px) {
#customization-slideshow-wrapper .slide .right-content {
padding: 0;
}
#customization-slideshow-wrapper .slide .right-content > div {
width: 80vw;
margin: 5vh auto;
}
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 70%; */
/* margin-left: 6%; */
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 70%; */
/* margin-left: 6%; */
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 70%; */
/* margin-left: 12%; */
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 6vw;
margin-top: 0vh;
}
#customization-slideshow-wrapper .slide .right-content {
/* height: 57vh; */
}
#customization-slideshow-wrapper .slide .right-content h2 {
margin-bottom: 2vh;
}
#customization-slideshow-wrapper .slide .right-content p {
margin-bottom: 2vh;
}
}
@media only screen and (max-width: 500px) {
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 85%; */
/* margin-left: -1%; */
font-size: 28px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 78%; */
/* margin-left: 3%; */
padding-bottom: 0;
margin-top: 2vh;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 90%; */
/* margin-left: 0%; */
font-size: 24px;
letter-spacing: 1px;
margin-top: 3vh;
margin-bottom: 1vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 8vw;
margin-top: 0vh;
margin-right: 2vw;
}
#customization-slideshow-wrapper .slide .right-content {
/* height: 77vh; */
}
#customization-slideshow-wrapper .slide .right-content > div {
/* margin-top: 5vh; */
width: 90vw;
}
#customization-slideshow-wrapper .slide .right-content h2 {
margin-bottom: 0vh;
}
#customization-slideshow-wrapper .slide .right-content p {
margin-bottom: 0vh;
}
#customization-slideshow-controls {
top: 37vh;
}
#customization-slideshow-wrapper .slide .right-content > div {
width: 90vw;
margin: 10vh auto;
}
}
/* >> CUSTOMIZATION - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {
#customization-slideshow-wrapper .slide .right-content h2 {
font-size: 40px;
}
#customization-slideshow-wrapper .slide .right-content p {
font-size: 18px;
}
#customization-slideshow-wrapper .slide .right-content h3 {
font-size: 30px;
/* width: 60%; */
/* margin-left: 15%; */
}
#customization-slideshow-wrapper .slide .right-content > div {
margin-top: -2vh;
}
#customization-slideshow-controls {
/* right: 52%; */
}
}
/* >> CUSTOMIZATION - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/

#customization-slideshow-controls {
/* -webkit-transform: translateX(350%);
-ms-transform: translateX(350%);
transform: translateX(350%); */
bottom: 20vh;
}
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 50%; */
/* margin-left: 20%; */
margin-top: -15vh;
font-size: 40px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 50%; */
/* margin-left: 20%; */
margin-top: 5vh;
font-size: 18px;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 50%; */
/* margin-left: 27%; */
font-size: 36px;
}
}
/* >> CUSTOMIZATION - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: -3%; */
font-size: 24px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 78%; */
/* margin-left: 3%; */
padding-bottom: 0;
margin-top: 3vh;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 90%; */
/* margin-left: 0%; */
font-size: 28px;
letter-spacing: 1px;
margin-top: 3vh;
margin-bottom: 0vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 8vw;
margin-top: 0vh;
margin-right: 2vw;
}
#customization-slideshow-wrapper .slide .right-content {
height: 78vh;
}
}
/* >> CUSTOMIZATION - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: -3%; */
font-size: 24px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 78%; */
/* margin-left: 3%; */
padding-bottom: 0;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 90%; */
/* margin-left: 0%; */
font-size: 24px;
letter-spacing: 1px;
margin-top: 3vh;
margin-bottom: 2vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 8vw;
margin-top: 1vh;
margin-right: 2vw;
}
#customization-slideshow-wrapper .slide .right-content {
height: fit-content;
}
#customization-slideshow-wrapper .slide .right-content > div {
/* margin-top: 5vh; */
}
}
/* >> CUSTOMIZATION - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: -3%; */
font-size: 24px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 90%; */
/* margin-left: -4%; */
padding-bottom: 0;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 90%; */
/* margin-left: 0%; */
font-size: 22px;
letter-spacing: 1px;
margin-top: 2vh;
margin-bottom: 0vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 8vw;
margin-top: 3vh;
margin-right: 2vw;
}
#customization-slideshow-wrapper .slide .right-content {
height: fit-content;
}
}
/* CUSOTMIZATION - iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#customization-slideshow-wrapper .slide .right-content h2 {
/* width: 90%; */
/* margin-left: -3%; */
font-size: 32px;
}
#customization-slideshow-wrapper .slide .right-content p {
/* width: 78%; */
/* margin-left: 3%; */
padding-bottom: 0;
margin-top: 2vh;
}
#customization-slideshow-wrapper .slide .right-content h3 {
/* width: 95%; */
/* margin-left: -3%; */
font-size: 28px;
letter-spacing: 1px;
margin-top: 3vh;
margin-bottom: 1vh;
}
#customization-slideshow-wrapper .slide .right-content h3 img {
width: 8vw;
margin-top: 0vh;
margin-right: 2vw;
}
#customization-slideshow-wrapper .slide .right-content {
height: fit-content;
}
}
/* END CUSOTMIZATION */

/*** QUANTITY CALCULATOR ***/

#quantity-calculator {
background:black;
padding: 0;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
#quantity-calculator .right-half {
width: 55vw;
height: 100vh;
background:darkgrey;
background-size: cover !important;
}
#quantity-calculator .right-half {
background: url('/-/media/0cb9f5ef6afc4c7e9882989f146b26ba.ashx');
}
#quantity-calculator.us .right-half {
  background: url('/-/media/C5BAA273B05C4617A5DB4998EF1C1291.ashx');
}
#quantity-calculator .left-half {
width: 45vw;
height: 100vh;
background:black;
display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#quantity-calculator .left-half .content {
text-align: center;
margin: auto;
width: 75%;
}
#quantity-calculator h1, #quantity-calculator h2, #quantity-calculator h3, #quantity-calculator h4, #quantity-calculator h5, #quantity-calculator p, #quantity-calculator span, #quantity-calculator fieldset, #quantity-calculator legend {
color: white;
}
#quantity-calculator h3 {
font-size: 30px;
font-weight: 400 !important;
}
#quantity-calculator h2 {
font-size: 40px;
font-weight: 600 !important;
margin-top: 4vh;
}
#quantity-calculator p {
font-size: 18px;
/* width: 70%; */
/* margin-left: 15%; */
margin-bottom: 5vh;
margin-top: 2vh;
}
#quantity-calculator label:not(#obex-calc-pieces-qty):not(#obex-calc-box-qty) {
color: white;
float: left;
}
#quantity-calculator .left-half .content .obex-calc-fieldset {
width: 3vw;
border: 1px solid white;
margin: 0 1vw;
height: 80px;
}
#quantity-calculator .left-half .content .obex-calc-fieldset input {
width: 3vw;
}
#quantity-calculator .left-half .content #obex-calc-summary {    
font-size: 24px;
margin-top: 1vh;
font-weight: 400 !important;
}
#quantity-calculator .left-half .content .obex-calc-qty {
font-weight: 600;
}
#quantity-calculator .left-half .content #obex-calc-pieces, #quantity-calculator .left-half .content .obex-calc-fieldset {
float: left;
color: white;
}
#quantity-calculator legend {
font-size: 14px;
margin: 0px 0vw;
max-width: 95%;
border-bottom: 0;
height: 55px;
margin-bottom: -15px;
}
#quantity-calculator #obex-calc-pieces {
margin-top: 6vh;
}
#quantity-calculator img {
width: 70px;
}
#quantity-calculator button {
/* border-radius: 0; */
border: 1px solid #fff;
background: white;
padding: 15px 23px;
font-size: 18px;
font-weight: 700;
color: black;
}
/* QUANTITY CALCULATOR - Media Queries */
@media only screen and (max-width: 1300px) {
#quantity-calculator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
 flex-direction: column-reverse;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
#quantity-calculator .left-half {
width: 100vw;
/* height: 65vh; */
background: black;
margin: 8vh auto 10vh;
height: fit-content;
}
#quantity-calculator .right-half {
width: 100vw;
min-height: 60vh;
background-size: cover !important;
height: fit-content;
background-position-y: 75%;
background-position-x: 75%;
}
#quantity-calculator .left-half .content {
text-align: center;
/* margin-top: 10vh; */
width: 75vw;
/* margin-left: 10vw; */
}
}
@media only screen and (max-width: 991px) { 
#quantity-calculator p {
font-size: 18px;
/* width: 90%; */
/* margin-left: 5%; */
margin-bottom: 5vh;
margin-top: 2vh;
}
#quantity-calculator img {
width: 6vw;
}
#quantity-calculator .left-half .content {
/* margin-top: 7vh; */
}
#quantity-calculator .left-half {
/* height: 50vh;    */
}
}
@media only screen and (max-width: 767px) {
#quantity-calculator .left-half {
/* height: 70vh; */
}
#quantity-calculator .left-half .content {
width: 80vw;
}
}
@media only screen and (max-width: 500px) {
#quantity-calculator h2 {
font-size: 40px;
}
#quantity-calculator p {
font-size: 18px;
}
#quantity-calculator img {
display: none;
}

#quantity-calculator .left-half {
/* height: 75vh; */
}
#quantity-calculator .left-half .content {
/* margin-top: 0vh; */
width: 90vw;
margin: auto;
}
#quantity-calculator .right-half { 
background-position-x: revert;
}
}
/* >>  VISUALIZE YOUR SPACE  - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {

}
/* >>  QUANTITY CALCULATOR  - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/

}
/* >>  QUANTITY CALCULATOR  - IPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
#quantity-calculator h2 {
font-size: 40px;
}
#quantity-calculator p {
font-size: 18px;
}
#quantity-calculator img {
display: none;
}
}

/* >>  QUANTITY CALCULATOR  - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#quantity-calculator h2 {
font-size: 40px;
}
#quantity-calculator p {
font-size: 18px;
}
#quantity-calculator img {
display: none;
}
#quantity-calculator .left-half {
/* height: 78vh; */
}
}
/* >> CUSTOMIZATION - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#quantity-calculator .left-half {
height: 100vh;
}    
#quantity-calculator h2 {
font-size: 36px;
}

}
/* QUANTTIY CALCULATOR - iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#quantity-calculator h2 {
font-size: 40px;
}
#quantity-calculator p {
font-size: 18px;
}
#quantity-calculator img {
display: none;
}
#quantity-calculator .left-half {
/* height: 67vh; */
}
#quantity-calculator .right-half {
/* background-position-x: -25vw; */
}
}
/*** END QUANTITY CALCULATOR ***/

/*** VISUALIZE YOUR SPACE ***/
#visualize-your-space-slide-2 {
display: none;
}


#visualize-your-space {
padding: 0;
}       
#visualize-your-space .slide-one {
height: 100vh;
background:url('/-/media/8083466cb993460abfe9acb4e31007d2.ashx');
background-size: cover !important;
}    
#visualize-your-space .slide-one .content {
text-align: center;
top: 44vh;
position: absolute;
width: 50vw;
left: 25vw;
}
#visualize-your-space .slide-one .content h2, #visualize-your-space .slide-one .content h3, #visualize-your-space .slide-one .content p {
color: white;
}
#visualize-your-space .slide-one .content h2 {
font-size: 40px;
font-weight: 600 !important;
}
#visualize-your-space .slide-one .content p {
font-size: 18px;
margin-top: 2vh;
font-weight: 500 !important;
letter-spacing: 1px;
}
#visualize-your-space .slide-one .content .inline-buttons {
margin-top: 4vh;
} 
#visualize-your-space .slide-one .content button {
background: white;
border: none;
width: 14vw;
height: 5vh;
font-size: 20px;
font-weight: 800 !important;
color: black;
margin: 0px 0.75vw;
}
#visualize-your-space .slide-two {
height: 100vh;
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
order: 2;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
order: 1;
z-index: 1;
}
#visualize-your-space .slide-two .left-half {
width: 45%;
height: 100vh;
background: black;
}
#visualize-your-space .slide-two .right-half {
width: 55%;
height: 100vh;
background: url('/-/media/65fe45e42b724b4699b4c8257532699c.ashx');
background-size: contain !important;
}
#visualize-your-space .slide-one, #visualize-your-space .slide-two, #visualize-your-space .slide-three {
display: none;
}
#visualize-your-space .slide-one.active, #visualize-your-space .slide-two.active, #visualize-your-space .slide-three.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#visualize-your-space .slide-two img {
width: 7vw;
margin-left: 44%;
margin-top: 7vh;
margin-bottom: 6vh;
}
#visualize-your-space .slide-two img.icon-group {
width: 25vw;
margin-left: 23%;
margin-top: 1vh;
}
#visualize-your-space .slide-two img.phone-image {
width: 15vw;
margin-left: -14%;
margin-top: 49vh;
}
#visualize-your-space .slide-two p {
font-size: 18px;
width: 78%;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
margin-left: 11%;
}
#visualize-your-space .slide-two button {
border-radius: 0;
border: none;
background: black;
padding: 15px 23px;
font-size: 18px;
font-weight: 700;
color: white;
position: absolute;
top: 93vh;
left: 2vw;
}
#visualize-your-space .slide-two button svg {
margin-right: 1vw;
}
#visualize-your-space-wrapper {
position: relative;
padding: 0;
background: black;
}
#visualize-your-space-outer-wrapper {
position: relative;
}
/* >> VISUALIZE YOUR SPACE  - Slideshow */
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
width: 100%;  
height: 100vh;
}
#visualize-your-space-slideshow-wrapper .slide {
width: inherit;
height: inherit;
}
#visualize-your-space-slideshow-wrapper .slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

}
#visualize-your-space-slideshow-wrapper .slide .left-content > div {
width: 60%;
margin: auto;
}
#visualize-your-space-slide-1 h2 {
margin-top: var(--vysMarginTop);
}
#visualize-your-space-slide-1 > div {
width: 60%;
margin: auto;
}
#visualize-your-space-wrapper {
padding: 0;
}       
#visualize-your-space-wrapper .slide-one {
height: 100vh;
background:url('/-/media/8083466cb993460abfe9acb4e31007d2.ashx');
background-size: cover !important;
}    
#visualize-your-space-wrapper .slide-one .content {
text-align: center;
top: 44vh;
position: absolute;
width: 50vw;
left: 25vw;
}
#visualize-your-space-wrapper .slide-one .content h2, #visualize-your-space-wrapper .slide-one .content h3, #visualize-your-space-wrapper .slide-one .content p {
color: white;
}
#visualize-your-space-wrapper .slide-one .content h2 {
font-size: 40px;
font-weight: 600 !important;
}
#visualize-your-space-wrapper .slide-one .content p {
font-size: 18px;
margin-top: 2vh;
font-weight: 500 !important;
letter-spacing: 1px;
}
#visualize-your-space-wrapper .slide-one .content .inline-buttons {
margin-top: 4vh;
} 
#visualize-your-space-wrapper .slide-one .content button {
background: white;
border: none;
width: 14vw;
height: 5vh;
font-size: 20px;
font-weight: 800 !important;
color: black;
margin: 0px 0.75vw;
}
#visualize-your-space-wrapper .slide-two {
height: 100vh;
}
#visualize-your-space-wrapper .slide-two .left-half {
width: 45%;
height: 100vh;
background: black;
}
#visualize-your-space-wrapper .slide-two .right-half {
width: 55%;
height: 100vh;
background: url('/-/media/65fe45e42b724b4699b4c8257532699c.ashx');
background-size: contain !important;
}
#visualize-your-space-wrapper .slide-one, #visualize-your-space-wrapper .slide-two, #visualize-your-space-wrapper .slide-three {
display: none;
}
#visualize-your-space-wrapper .slide-one.active, #visualize-your-space-wrapper .slide-two.active, #visualize-your-space-wrapper .slide-three.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#visualize-your-space-wrapper .slide-two img {
width: 7vw;
margin-left: 44%;
margin-top: 7vh;
margin-bottom: 6vh;
}
#visualize-your-space-wrapper .slide-two img.icon-group {
width: 25vw;
margin-left: 23%;
margin-top: 1vh;
}
#visualize-your-space-wrapper .slide-two img.phone-image {
width: 15vw;
margin-left: -14%;
margin-top: 49vh;
}
#visualize-your-space-wrapper .slide-two p {
font-size: 18px;
width: 78%;
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
margin-left: 11%;
}
#visualize-your-space-wrapper .slide-two button {
border-radius: 0;
border: none;
background: black;
padding: 15px 23px;
font-size: 18px;
font-weight: 700;
color: white;
position: absolute;
top: 93vh;
left: 2vw;
}
#visualize-your-space-wrapper .slide-two button svg {
margin-right: 1vw;
}
#visualize-your-space-wrapper #visualize-your-space-slideshow-wrapper #visualize-your-space-slide-1 {
background: url('/-/media/8083466cb993460abfe9acb4e31007d2.ashx');
background-size: cover !important;
height: 100vh;
}
#visualize-your-space-wrapper.us #visualize-your-space-slideshow-wrapper #visualize-your-space-slide-1 {
background: url('/-/media/9a828aae623f4a5ba4b5c99879742b64.ashx');
}
#visualize-your-space-slide-1 h2 {
color: white;
font-size: 40px;
font-weight: 600 !important;
/* margin-top: 43vh; */
}
#visualize-your-space-slide-1 p {
color: white;
font-size: 18px;
margin-top: 2vh;
font-weight: 500 !important;
letter-spacing: 1px;
/* width: 50vw; */
/* margin-left: 25vw; */
}
#visualize-your-space-slide-1 button {
background: white;
border: none;
width: 14vw;
height: 5vh;
font-size: 18px;
font-weight: 700 !important;
color: black;
margin: 0px 0.75vw;
}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: 4vh;
}
#visualize-your-space-slide-1 div {
display: block !important;
text-align: center;
}
#visualize-your-space-slide-2 .left-content {
width: 55vw;
height: 100vh;
background: black;
order: 2;
}
#visualize-your-space-slide-2 .right-content {
width: 45vw;
height: 100vh;
background: url('/-/media/65fe45e42b724b4699b4c8257532699c.ashx');
background-size: cover;
order: 1;
}
#visualize-your-space-slide-2 button {
border-radius: 0;
border: none;
background: black;
padding: 15px 23px;
font-size: 16px;
font-weight: 700;
color: white;
position: absolute;
top: 91vh;
left: 2vw;
z-index: 99;
}
#visualize-your-space-slide-2 p {
font-size: 18px;
/* width: 78%; */
color: #fff;
line-height: 1.5em;
text-align: center;
padding-bottom: 20px;
/* margin-left: 11%; */
}
#visualize-your-space-slide-2 img {
width: 7vw;
/* margin-left: 44%; */
margin-top: 7vh;
margin-bottom: 6vh;
}
#visualize-your-space-slide-2 img.icon-group {
width: 25vw;
/* margin-left: 23%; */
margin-top: 1vh;
}
#visualize-your-space-slide-2 img.phone-image {
width: 18vw;
margin: 25% 75%;
}
#visualize-your-space-slide-2 button svg {
margin-right: 1vw;
}
#visualize-your-space-wrapper.extended-height {
background: black;
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
text-align: center;
}
/* #visualize-your-space-slide-2 .left-content {
z-index: -1;
} */
@media only screen and (max-width: 1300px) {
#visualize-your-space-slide-1 button {
width: 25vw;
min-width: 200px;
margin: 3vh 1vw auto;
}
#visualize-your-space-slide-2 img.phone-image {
  margin-left: revert;
}
#visualize-your-space-slide-2 img.phone-image {
  width: 25vw;
  top: 10vh;
  margin: auto;
  height: 75%;
  width: fit-content;
  left: 0;
}

#visualize-your-space-slideshow-wrapper .slide .left-content,
#visualize-your-space-slideshow-wrapper .slide .right-content {
width: 100vw;
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
/* min-height: 73vh; */
/* height: auto; */
height: 75vh;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 30px 15px;
background-position-y: 25%;
}
#visualize-your-space-slideshow-wrapper .slide > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column-reverse;

}

#visualize-your-space-slideshow-wrapper .slide .left-content {
background-position: center;
}
#visualize-your-space-slideshow-wrapper .slide .right-content > div {
/* width: 75vw; */
/* margin-top:  5vh; */
/* margin-left: 16vw; */
width: fit-content;
margin: auto;
}
#visualize-your-space-slideshow-wrapper .slide .left-content > div {
width: 75%;
margin: auto;
}
#visualize-your-space-slideshow-wrapper .slide .right-content p {
font-size: 18px;
}
#visualize-your-space-slideshow-controls {
bottom: auto;
right:  auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 40vh;
width: 170px;
}
#visualize-your-space-slideshow-controls button {
background: transparent;
}
#visualize-your-space-hotspot-7 {
bottom: 20%;
right: 20%;
}
#visualize-your-space-wrapper .icon-row {
margin-left: 24%;
}
#visualize-your-space-slide-1 img {
margin-left: 24%;
}
#visualize-your-space-slideshow-wrapper .slide .right-content h4 {
/* margin-left: 28%; */
}
#visualize-your-space-slideshow-wrapper .slide .right-content h3 {
/* margin-left: -11%; */
}

#visualize-your-space-slide-2 button {
top: revert;
/* bottom: 40vh; */
bottom: 3vh;
}

#visualize-your-space-slideshow-wrapper .cycle-slideshow {
height: var(--vysHeight);
}

#visualize-your-space-slide-2 img.icon-group {
margin: 0 3vw 5vh;
}
#visualize-your-space-slide-1 button {
  width: 25vw;
  min-width: 200px;
  margin: 3vh 1vw auto;
  }
  #visualize-your-space-slide-1 > div {
    width: 75%;
    margin: auto;
  }
  #visualize-your-space-slideshow-wrapper .slide .left-content {
    order: 1;
  }
  #visualize-your-space-slideshow-wrapper .slide .right-content {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
#visualize-your-space-slide-1 button {
width: 25vw;
}
#visualize-your-space-slide-1 h2 {
/* width: 78%; */
/* margin-left: 11%; */
/* margin-top: 15vh; */
}
#visualize-your-space-slide-2 img.phone-image {
width: 30vw;
margin: 8vh auto;
/* margin-left: 29%; */
/* margin-top: 10vh; */
}
#visualize-your-space-slide-2 img {
width: 10vw;
/* margin-left: 46%; */
margin-top: 7vh;
margin-bottom: 6vh;
}
#visualize-your-space-slide-2 img.icon-group {
width: 50vw;
/* margin-left: 27vw; */
margin-top: 1vh;
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
/* height: 50vh; */
}
#visualize-your-space-wrapper.extended-height {
/* height: 148vh; */
}
#visualize-your-space-slide-2 button {
/* top: 137vh; */
}
#visualize-your-space-slide-1 p {
/* width: 76vw; */
/* margin-left: 12vw; */
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 100vh; */
}

}
@media only screen and (max-width: 767px) {
#visualize-your-space-slide-1 h2 {
/* margin-top: 25vh; */
/* width: 80%; */
/* margin-left: 10%; */
}
#visualize-your-space-slide-2 img.phone-image {
display: none;
}

#visualize-your-space-slide-1 button {
width: 30vw;
margin-top: 3vh;
}
#visualize-your-space-slide-1 > div {
width: 80%;
margin: auto;
}
}
@media only screen and (max-width: 500px) {
#visualize-your-space-slide-1 .inline-buttons {
  margin-top: 4vh;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* margin-left: 35vw; */
  }
#visualize-your-space-slide-2 img.phone-image {
display: none;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
background: black url('/-/media/7025617c1d0c4a0c99709c4e9155855c.ashx');
height: 75vh;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

#visualize-your-space-wrapper.extended-height {
/* height: 173vh; */
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#visualize-your-space-slide-2 img {
width: 15vw;
/* margin-left: 42%; */
}
#visualize-your-space-slide-2 img.icon-group {
/* width: 70vw; */
/* margin-left: 18%; */
margin-top: 0vh;
}
#visualize-your-space-slide-1 button {
width: 45vw;
margin-top: 3vh;
margin: 1vh auto;
}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: 4vh;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
/* margin-left: 27vw; */
}
#visualize-your-space-slide-2 button {
/* top: 162vh; */
}
#visualize-your-space-slide-1 h2 {
/* margin-top: 5vh; */
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 55vh; */
}
#visualize-your-space-slide-1 {
background-position-x: -105vw;
}
#visualize-your-space-slide-1 > div {
width: 90%;
margin: auto;
}
#visualize-your-space-slide-2 button {
top: revert;
bottom: 3vh;
}
}
/* >>  VISUALIZE YOUR SPACE  - Keith's Macbook */
@media only screen and (min-width: 1450px) and (max-width: 1700px) {
#visualize-your-space-slide-2 img.phone-image {
margin-top: 43vh;
}
}
/* >>  VISUALIZE YOUR SPACE  - iMac 4K */
@media only screen and (min-width: 2500px) {/*and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {*/
#visualize-your-space-slide-2 img.phone-image {
margin-top: 34vh;
}
}
/* >>  VISUALIZE YOUR SPACE  - IPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
#visualize-your-space-slide-1 h2 {
/* margin-top: 10vh; */
width: 90%;
/* margin-left: 5%; */
font-size: 36px;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
background: black url('/-/media/7025617c1d0c4a0c99709c4e9155855c.ashx');
/* height: 90vh; */
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#visualize-your-space-slide-1 p {
/* width: 90%; */
/* margin-left: 5vw; */
font-size: 18px;

}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: 4vh;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
  flex-direction: column;
/* margin-left: 25vw; */
}
#visualize-your-space-slide-1 button {
width: 50vw;
margin-top: 5vh;
}
#visualize-your-space-slide-2 img.phone-image {
display: none;
}
#visualize-your-space-wrapper.extended-height {
/* height: 195vh; */
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#visualize-your-space-slide-2 img {
width: 15vw;
}
#visualize-your-space-slide-2 img.icon-group {
/* width: 70vw; */
/* margin-left: 18%; */
margin-top: 0vh;
}
#visualize-your-space-slide-2 button {
/* top: 187vh; */
}
#visualize-your-space-slide-2 img {
/* margin-left: 41%; */
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 80vh; */
}
#visualize-your-space-slide-1 {
background-position-x: -150vw;
}
}
/* >>  VISUALIZE YOUR SPACE  - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

#visualize-your-space-slide-1 h2 {
/* margin-top: 25vh; */
/* width: 90%; */
/* margin-left: 5%; */
font-size: 36px;
}
#visualize-your-space-slide-1 p {
/* width: 90%; */
/* margin-left: 5vw; */
font-size: 18px;

}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: 4vh;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
  flex-direction: column;
/* margin-left: 25vw; */
}
#visualize-your-space-slide-1 button {
width: 50vw;
margin-top: 5vh;
}
#visualize-your-space-slide-2 img.phone-image {
display: none;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
background: black url('/-/media/7025617c1d0c4a0c99709c4e9155855c.ashx');
height: 75vh;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#visualize-your-space-wrapper.extended-height {
/* height: 230vh; */
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
/* height: 125vh; */
}
#visualize-your-space-slide-2 img {
width: 15vw;
}
#visualize-your-space-slide-2 img.icon-group {
width: 70vw;
/* margin-left: 18%; */
margin-top: 0vh;
}
#visualize-your-space-slide-2 button {
/* top: 215vh; */
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 100vh; */
}
#visualize-your-space-slide-1 {
/* background-position-x: -200vw; */
}
#visualize-your-space-slide-2 img {
/* margin-left: 41%; */
}
}
/* >>  VISUALIZE YOUR SPACE  - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
#visualize-your-space-slide-1 h2 {
/* margin-top: 5vh; */
/* width: 95%; */
/* margin-left: 2.5%; */
font-size: 34px;
}
#visualize-your-space-slide-1 p {
/* width: 95%; */
/* margin-left: 2.5vw; */
font-size: 18px;
}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: -2vh;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
  flex-direction: column;
/* margin-left: 20vw; */
}
#visualize-your-space-slide-1 button {
background: white;
border: none;
width: 60vw;
height: 8vh;
font-size: 18px;
font-weight: 700 !important;
color: black;
margin-top: 5vh;
}
#visualize-your-space-slide-2 img.phone-image {
display: none;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
background: black url('/-/media/7025617c1d0c4a0c99709c4e9155855c.ashx');
height: 75vh;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#visualize-your-space-wrapper.extended-height {
/* height: 230vh; */
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
height: fit-content;
}
#visualize-your-space-slide-2 img {
width: 15vw;
/* margin-left: 43%; */
}
#visualize-your-space-slide-2 img.icon-group {
/* width: 70vw; */
/* margin-left: 15%; */
margin-top: 0vh;
}
#visualize-your-space-slide-1 {
background-position-x: -150vw;
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 80vh; */
}
#visualize-your-space-slide-2 button {
/* top: 218vh; */
}
}
/*  VISUALIZE YOUR SPACE - IPHONE 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
#visualize-your-space-slide-1 h2 {
/* margin-top: 15vh; */
/* width: 90%; */
/* margin-left: 5%; */
font-size: 36px;
}
#visualize-your-space-slide-1 p {
/* width: 90%; */
/* margin-left: 5vw; */
font-size: 18px;

}
#visualize-your-space-slide-1 .inline-buttons {
margin-top: 4vh;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
/* margin-left: 25vw; */
}
#visualize-your-space-slide-1 button {
width: 50vw;
margin-top: 5vh;
}
#visualize-your-space-slide-2 img.phone-image {
display: none;
}
#visualize-your-space-slideshow-wrapper .slide .right-content {
background: black url('/-/media/7025617c1d0c4a0c99709c4e9155855c.ashx');
height: 90vh;
background-repeat: no-repeat;
background-position: center;
}
#visualize-your-space-wrapper.extended-height {
height: 200vh;
}
#visualize-your-space-slideshow-wrapper .slide .left-content {
/* height: 95vh; */
}
#visualize-your-space-slide-2 img {
/* width: 15vw; */
/* margin-left: 40%; */
}
#visualize-your-space-slide-2 img.icon-group {
/* width: 70vw; */
/* margin-left: 18%; */
/* margin-top: 0vh; */
}
#visualize-your-space-slide-2 button {
/* top: 175vh; */
}
#visualize-your-space-slideshow-wrapper .cycle-slideshow {
/* height: 75vh; */
}
#visualize-your-space-slide-1 {
background-position-x: -150vw;
}
#visualize-your-space-wrapper.extended-height {
height: 185vh;
}
}


/*** END VISUALIZE YOUR SPACE ***/
/* PAGE-WIDE STUFF */
sup {
top: -0.2em;
}
/* END PAGE-WIDE STUFF *.