html, body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
}

h3, p {
  margin: 0;
  padding: 0;
}

@media (min-aspect-ratio: 6 / 8) {
  .videoBg {
    z-index: -2;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media (min-aspect-ratio: 6 / 8) {
  #product-video {
    display: none;
  }
}

@media (max-aspect-ratio: 6 / 8) {
  #Seqimages {
    display: none;
  }
  .slide-2 {
    display: flex;
  }
  .slide-2 .product-video {
    max-width: 100%;
    z-index: 1;
  }
}

#videoBg1 {
  z-index: -2;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-aspect-ratio: 6 / 8) {
  #videoBg1 {
    height: 50vh;
  }
}

@media (max-aspect-ratio: 6 / 8) {
  #videoBg2 {
    width: 100%;
    object-fit: cover;
    height: 32.5vh !important;
  }
}

@media (max-aspect-ratio: 6 / 8) {
  .slide-4 {
    height: auto !important;
    background: #080808;
  }
}

@media (min-aspect-ratio: 6 / 8) {
  #wrapper.vid1 #videoBg2 {
    display: none;
  }
  #wrapper.vid2 #videoBg1 {
    display: none;
  }
}

#mockup {
  z-index: -1;
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%;
}

.slide-2 .slide2-caption {
  position: absolute;
  bottom: 14vh;
  left: 10vw;
  font-size: 4.7vh;
  color: #d3b382;
}

@media (max-aspect-ratio: 6 / 8) {
  .slide-2 .slide2-caption {
    font-size: 7vw;
    bottom: auto;
    top: 5vh;
  }
}

.slide-5 {
  background: url("../img/together-with-machine-v2.jpg") center center no-repeat;
  background-size: cover;
}

@media (max-aspect-ratio: 6 / 8) {
  .slide-5 {
    background: url("../img/together-with-machine-opt-tall.jpg") center center no-repeat;
    background-size: cover;
  }
}

.preload-helper {
  position: absolute;
  top: 0px;
  left: 0px;
}

.preload-helper img {
  width: 1px;
  height: 1px;
}

.slide {
  height: 100vh;
}

.tagline {
  position: absolute;
  width: 90vw;
  bottom: 8.4vh;
  left: 5vw;
  text-align: center;
  font-size: 3.18vw;
  color: #fff;
}

@media (max-aspect-ratio: 6 / 8) {
  .tagline {
    font-size: 4.6vw;
    left: 3vw;
    bottom: 3vh;
  }
}

.slide .logo {
  width: 28.39vw;
  right: 9.1vw;
  top: 8.6vh;
  position: absolute;
}

@media (max-aspect-ratio: 6 / 8) {
  .slide .logo {
    top: 4.6vh;
    width: 32.39vw;
  }
}

.seqimg {
  text-align: center;
  height: 50vh;
  margin-top: 25vh;
}

@media (max-aspect-ratio: 6 / 8) {
  .seqimg {
    height: 25vh;
    margin-top: 14.5vh;
  }
}

.seqimg img {
  max-width: 100%;
  max-height: 100%;
  display: none;
}

.people {
  position: relative;
}

.people img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

@media (max-aspect-ratio: 6 / 8) {
  .people .person {
    height: 50vh;
  }
}

@media (min-aspect-ratio: 6 / 8) {
  .people .person .inner {
    display: flex;
    align-items: center;
  }
}

.people .person h3 {
  color: #d3b382;
  font-size: 4.7vh;
}

.people .person p {
  font-size: 3vh;
}

.people .person .helper {
  display: inline-block;
  height: 100%;
  vertical-align: baseline;
}

.people .person img {
  vertical-align: baseline;
}

.people .person .photo {
  white-space: nowrap;
  height: 50vh;
}

@media (min-aspect-ratio: 6 / 8) {
  .people .person.brad {
    position: absolute;
    bottom: 51vh;
    left: 14.5vw;
  }
  .people .person.brad .name-and-title {
    margin-left: 8.5vh;
  }
  .people .person.brad .name-and-title h3 {
    padding-top: 1.5vh;
  }
  .people .person.brad .photo {
    text-align: center;
  }
  .people .person.clay {
    position: absolute;
    bottom: 11.8vh;
    right: 18.2vw;
  }
  .people .person.clay .name-and-title {
    text-align: right;
    margin-right: 12.5vh;
  }
  .people .person.clay .name-and-title h3 {
    padding-top: 3.7vh;
  }
}

.slide {
  position: relative;
}

@media (max-aspect-ratio: 6 / 8) {
  .slide-1, .slide-2, .slide-4 {
    height: 50vh;
  }
}

.filled-bg {
  background: #f0efef;
  border: 1px solid #f0efef;
}

.line-container {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 1;
  position: absolute;
  top: 16.5vh;
  height: 400vh;
  left: 4.5vw;
  width: 91vw;
}

.line-container.lc2 {
  top: 8vh;
  height: 233.3vh;
  z-index: 1;
}

.line-container svg {
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 1;
}

@media (max-aspect-ratio: 6 / 8) {
  .line-container.lc1 {
    display: none !important;
  }
}

@media (min-aspect-ratio: 6 / 8) {
  .line-container.lc2 {
    display: none !important;
  }
}

img {
  position: relative;
  z-index: 2;
}

img#videoBg2 {
  z-index: 1;
}

.ftrform {
  position: absolute;
  width: 90vw;
  bottom: 7.8vh;
  left: 4vw;
  text-align: center;
  font-size: 2.18vw;
  color: #fff;
}

@media (max-aspect-ratio: 6 / 8) {
  .ftrform {
    bottom: 8vw;
  }
  .ftrform .more-info {
    display: block;
    font-size: 8vw;
  }
}

.ftrform .text {
  margin-right: 1vw;
  margin-left: 1vw;
  border: 1px solid #aaa;
  font-size: 1.5vw;
  padding: .5vw;
  width: 25vw;
  height: 3vh;
  line-height: 3vh;
  border-radius: 0;
  box-sizing: border-box;
}

@media (max-aspect-ratio: 6 / 8) {
  .ftrform .text {
    padding-left: 1em;
    display: block;
    width: 100%;
    font-size: 6vw;
    height: 8vw;
    margin: 3vw 0;
  }
}

.ftrform input[type=submit] {
  color: #444;
  border: 1px solid #aaa;
  border-radius: 0;
  font-size: 1.5vw;
  padding: .5vw;
  padding-left: 3vw;
  padding-right: 3vw;
  line-height: 3vh;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #efefef;
}

@media (max-aspect-ratio: 6 / 8) {
  .ftrform input[type=submit] {
    line-height: 4vw;
    padding: 2vw 10vw 2vw 10vw;
    font-size: 4vw;
    margin: 3vw 0;
  }
}

@media (max-aspect-ratio: 6 / 8) {
  .person {
    position: relative;
  }
  .person img {
    position: absolute;
    bottom: 6.1vh;
    width: 60%;
  }
  .person .name-and-title {
    position: absolute;
    bottom: 22vh;
  }
  .person .name-and-title h3 {
    font-size: 7vw;
  }
  .person .name-and-title p {
    font-size: 4.5vw;
  }
  .person.brad img {
    right: 5%;
  }
  .person.brad .name-and-title {
    left: 10%;
  }
  .person.clay img {
    left: 5%;
  }
  .person.clay .name-and-title {
    right: 10%;
    text-align: right;
  }
}

html body .rot {
  background-repeat: no-repeat;
}

.rot {
  position: relative;
  background-size: 4332px;
  background: url("../img/css_sprites.png");
  background-repeat: no-repeat;
  display: block;
  width: 702px;
  height: 402px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  margin-top: 20vh;
}

@media (max-aspect-ratio: 6 / 8) {
  .rot {
    background-size: 2599.2px;
    width: 421.2px;
    height: 241.2px;
    margin-top: 10vh;
  }
}

body[data-seq="49"] .rot {
  background-position: -3620px -2964px;
}

body[data-seq="48"] .rot {
  background-position: -732px -3386px;
}

body[data-seq="47"] .rot {
  background-position: -3620px -2542px;
}

body[data-seq="46"] .rot {
  background-position: -732px -2964px;
}

body[data-seq="45"] .rot {
  background-position: -1454px -2964px;
}

body[data-seq="44"] .rot {
  background-position: -3620px -1276px;
}

body[data-seq="43"] .rot {
  background-position: -10px -2964px;
}

body[data-seq="42"] .rot {
  background-position: -2898px -2542px;
}

body[data-seq="41"] .rot {
  background-position: -732px -2542px;
}

body[data-seq="40"] .rot {
  background-position: -1454px -2542px;
}

body[data-seq="39"] .rot {
  background-position: -10px -2542px;
}

body[data-seq="38"] .rot {
  background-position: -2898px -2120px;
}

body[data-seq="37"] .rot {
  background-position: -2898px -1276px;
}

body[data-seq="36"] .rot {
  background-position: -2176px -2964px;
}

body[data-seq="35"] .rot {
  background-position: -2176px -854px;
}

body[data-seq="34"] .rot {
  background-position: -10px -1698px;
}

body[data-seq="33"] .rot {
  background-position: -3620px -432px;
}

body[data-seq="32"] .rot {
  background-position: -3620px -10px;
}

body[data-seq="31"] .rot {
  background-position: -2176px -2120px;
}

body[data-seq="30"] .rot {
  background-position: -1454px -2120px;
}

body[data-seq="29"] .rot {
  background-position: -3620px -1698px;
}

body[data-seq="28"] .rot {
  background-position: -3620px -854px;
}

body[data-seq="27"] .rot {
  background-position: -3620px -2120px;
}

body[data-seq="26"] .rot {
  background-position: -10px -3386px;
}

body[data-seq="25"] .rot {
  background-position: -2898px -2964px;
}

body[data-seq="24"] .rot {
  background-position: -2176px -1276px;
}

body[data-seq="23"] .rot {
  background-position: -2176px -10px;
}

body[data-seq="22"] .rot {
  background-position: -1454px -1698px;
}

body[data-seq="21"] .rot {
  background-position: -732px -1698px;
}

body[data-seq="20"] .rot {
  background-position: -2898px -854px;
}

body[data-seq="19"] .rot {
  background-position: -2898px -432px;
}

body[data-seq="18"] .rot {
  background-position: -2176px -2542px;
}

body[data-seq="17"] .rot {
  background-position: -10px -2120px;
}

body[data-seq="16"] .rot {
  background-position: -2898px -1698px;
}

body[data-seq="15"] .rot {
  background-position: -2176px -1698px;
}

body[data-seq="14"] .rot {
  background-position: -2898px -10px;
}

body[data-seq="13"] .rot {
  background-position: -732px -1276px;
}

body[data-seq="12"] .rot {
  background-position: -2176px -432px;
}

body[data-seq="11"] .rot {
  background-position: -1454px -854px;
}

body[data-seq="10"] .rot {
  background-position: -10px -1276px;
}

body[data-seq="9"] .rot {
  background-position: -1454px -432px;
}

body[data-seq="8"] .rot {
  background-position: -1454px -10px;
}

body[data-seq="7"] .rot {
  background-position: -10px -10px;
}

body[data-seq="6"] .rot {
  background-position: -1454px -1276px;
}

body[data-seq="5"] .rot {
  background-position: -732px -854px;
}

body[data-seq="4"] .rot {
  background-position: -10px -854px;
}

body[data-seq="3"] .rot {
  background-position: -732px -432px;
}

body[data-seq="2"] .rot {
  background-position: -10px -432px;
}

body[data-seq="1"] .rot {
  background-position: -732px -2120px;
}

body[data-seq="0"] .rot {
  background-position: -732px -10px;
}

@media (max-aspect-ratio: 6 / 8) {
  body[data-seq="49"] .rot {
    background-position: -2172px -1778.4px;
  }
  body[data-seq="48"] .rot {
    background-position: -439.2px -2031.6px;
  }
  body[data-seq="47"] .rot {
    background-position: -2172px -1525.2px;
  }
  body[data-seq="46"] .rot {
    background-position: -439.2px -1778.4px;
  }
  body[data-seq="45"] .rot {
    background-position: -872.4px -1778.4px;
  }
  body[data-seq="44"] .rot {
    background-position: -2172px -765.6px;
  }
  body[data-seq="43"] .rot {
    background-position: -6px -1778.4px;
  }
  body[data-seq="42"] .rot {
    background-position: -1738.8px -1525.2px;
  }
  body[data-seq="41"] .rot {
    background-position: -439.2px -1525.2px;
  }
  body[data-seq="40"] .rot {
    background-position: -872.4px -1525.2px;
  }
  body[data-seq="39"] .rot {
    background-position: -6px -1525.2px;
  }
  body[data-seq="38"] .rot {
    background-position: -1738.8px -1272px;
  }
  body[data-seq="37"] .rot {
    background-position: -1738.8px -765.6px;
  }
  body[data-seq="36"] .rot {
    background-position: -1305.6px -1778.4px;
  }
  body[data-seq="35"] .rot {
    background-position: -1305.6px -512.4px;
  }
  body[data-seq="34"] .rot {
    background-position: -6px -1018.8px;
  }
  body[data-seq="33"] .rot {
    background-position: -2172px -259.2px;
  }
  body[data-seq="32"] .rot {
    background-position: -2172px -6px;
  }
  body[data-seq="31"] .rot {
    background-position: -1305.6px -1272px;
  }
  body[data-seq="30"] .rot {
    background-position: -872.4px -1272px;
  }
  body[data-seq="29"] .rot {
    background-position: -2172px -1018.8px;
  }
  body[data-seq="28"] .rot {
    background-position: -2172px -512.4px;
  }
  body[data-seq="27"] .rot {
    background-position: -2172px -1272px;
  }
  body[data-seq="26"] .rot {
    background-position: -6px -2031.6px;
  }
  body[data-seq="25"] .rot {
    background-position: -1738.8px -1778.4px;
  }
  body[data-seq="24"] .rot {
    background-position: -1305.6px -765.6px;
  }
  body[data-seq="23"] .rot {
    background-position: -1305.6px -6px;
  }
  body[data-seq="22"] .rot {
    background-position: -872.4px -1018.8px;
  }
  body[data-seq="21"] .rot {
    background-position: -439.2px -1018.8px;
  }
  body[data-seq="20"] .rot {
    background-position: -1738.8px -512.4px;
  }
  body[data-seq="19"] .rot {
    background-position: -1738.8px -259.2px;
  }
  body[data-seq="18"] .rot {
    background-position: -1305.6px -1525.2px;
  }
  body[data-seq="17"] .rot {
    background-position: -6px -1272px;
  }
  body[data-seq="16"] .rot {
    background-position: -1738.8px -1018.8px;
  }
  body[data-seq="15"] .rot {
    background-position: -1305.6px -1018.8px;
  }
  body[data-seq="14"] .rot {
    background-position: -1738.8px -6px;
  }
  body[data-seq="13"] .rot {
    background-position: -439.2px -765.6px;
  }
  body[data-seq="12"] .rot {
    background-position: -1305.6px -259.2px;
  }
  body[data-seq="11"] .rot {
    background-position: -872.4px -512.4px;
  }
  body[data-seq="10"] .rot {
    background-position: -6px -765.6px;
  }
  body[data-seq="9"] .rot {
    background-position: -872.4px -259.2px;
  }
  body[data-seq="8"] .rot {
    background-position: -872.4px -6px;
  }
  body[data-seq="7"] .rot {
    background-position: -6px -6px;
  }
  body[data-seq="6"] .rot {
    background-position: -872.4px -765.6px;
  }
  body[data-seq="5"] .rot {
    background-position: -439.2px -512.4px;
  }
  body[data-seq="4"] .rot {
    background-position: -6px -512.4px;
  }
  body[data-seq="3"] .rot {
    background-position: -439.2px -259.2px;
  }
  body[data-seq="2"] .rot {
    background-position: -6px -259.2px;
  }
  body[data-seq="1"] .rot {
    background-position: -439.2px -1272px;
  }
  body[data-seq="0"] .rot {
    background-position: -439.2px -6px;
  }
}

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