@font-face {
  font-family: "Tdameritradesansscreen v1 12";
  src: url('../fonts/TDAmeritradeSansScreen-Bold_v1-12.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tdameritradesans v1 01";
  src: url('../fonts/TDAmeritradeSans-BoldItalic_v1-01.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Tdameritradesans v1 12";
  src: url('../fonts/TDAmeritradeSans-Bold_v1-12.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tdameritradesansscreen v1 01";
  src: url('../fonts/TDAmeritradeSansScreen-BoldItalic_v1-01.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --gainsboro: #e6e6e6;
  --2-black: #050505;
  --white-2: #fcfcfc;
  --peru: #df7701;
  --lt-gray-78: #c6c6c6;
  --burnt-orange: #c46800;
  --peach-puff: #ffdcbd;
  --grayblack: #191919;
  --brownblack: #292726;
  --alice-blue: #e6edf2;
  --dim-grey: #5d666d;
  --grayblk: #0c0d0f;
  --dark-slate-grey-2: #3b5a6f;
  --light-steel-blue-2: #b3cee5;
  --light-slate-grey: #909da8;
  --blk-0: black;
  --blue-gainsboro: #dae0e6;
  --tab-current: #1f2226;
  --shadow: #0505051a;
  --steel-blue: #55a3d9;
  --blkgray-20: #292d33;
  --header-blue-white: #2b516b;
  --silver: #b6bfc6;
  --5-black: #0d0d0d;
  --blackgray-blue: #12151a;
  --dark-slate-grey: #383b40;
  --white-smoke: #f2f2f2;
  --light-steel-blue: #a8b4c6;
  --white: #fcfcfccc;
  --silver-2: #bcc0c6;
  --midnight-blue: #1b2933;
  --royal-blue: #446780;
  --royal-blue-2: #265b80;
  --burlywood: #ffc18b;
  --_lib---themes--border--border-muted: var(--_ramps---nuetral-ramp--neutral020);
  --_spacing---corner-radius--corner-radius-8: 8px;
  --_lib---themes--bg--bg-light: var(--_ramps---nuetral-ramp--neutral010);
  --_lib---themes--txt--text: var(--_ramps---nuetral-ramp--neutral095);
  --_spacing---space-256: 256px;
  --_lib---themes--bg--bg-mid-default: var(--_ramps---nuetral-ramp--neutral005);
  --_spacing---space-0: 0px;
  --_spacing---space-128: 128px;
  --_lib---themes--states--secondary: var(--_ramps---magenta);
  --_spacing---space-80: 80px;
  --_ramps---nuetral-ramp--neutral050: #73758c;
  --_lib---themes--txt--text-muted: var(--_ramps---nuetral-ramp--neutral070);
  --_spacing---space-12-9: 12px;
  --_spacing---corner-radius--corner-radius-4: 4px;
  --_spacing---space-32: 32px;
  --_lib---themes--border--border: var(--_ramps---nuetral-ramp--neutral050);
  --_lib---themes--states--primary-pressed: var(--_ramps---cyan-tint-ramp--cyan-tint030);
  --_spacing---space-64: 64px;
  --_lib---themes--states--primary: var(--_ramps---cyan);
  --_ramps---magenta: #ff1a75;
  --_ramps---cyan: #00d9ff;
  --_ramps---absolute--white: #fff;
  --_ramps---absolute--black: #000;
  --_ramps---cyan-tint-ramp--cyan-tint030: #008099;
  --_ramps---magenta-tint-ramp--magenta-tint060: #ff3384;
  --_ramps---magenta-tint-ramp--magenta-tint030: #99003d;
  --_ramps---magenta-tint-ramp--magenta-tint070: #ff66a3;
  --_ramps---nuetral-ramp--neutral005: #0b0c0e;
  --_ramps---nuetral-ramp--neutral020: #2e2f38;
  --_ramps---nuetral-ramp--neutral030: #454654;
  --_ramps---nuetral-ramp--neutral010: #17171c;
  --_ramps---nuetral-ramp--neutral090: #e3e3e8;
  --_ramps---nuetral-ramp--neutral080: #c7c8d1;
  --_ramps---nuetral-ramp--neutral095: #f1f1f4;
  --_ramps---nuetral-ramp--neutral070: #abacba;
  --_lib---themes--bg--bg-dark: var(--_ramps---absolute--black);
  --_lib---themes--states--secondary-pressed: var(--_ramps---magenta-tint-ramp--magenta-tint030);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--gainsboro);
  color: #fff;
  letter-spacing: .6px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

h1 {
  color: var(--2-black);
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 52px;
  font-weight: 900;
  line-height: 50px;
}

h2 {
  color: var(--2-black);
  letter-spacing: 1.6px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
}

h3 {
  color: var(--2-black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 800;
  line-height: 36px;
}

h4 {
  color: var(--2-black);
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  color: var(--2-black);
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

h6 {
  color: var(--2-black);
  letter-spacing: .4px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: 36px;
}

p {
  color: var(--2-black);
  letter-spacing: .4px;
  column-count: auto;
  margin-top: 10px;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

a {
  color: var(--white-2);
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  border-bottom: 2px solid var(--peru);
  color: var(--white-2);
}

a:active {
  color: var(--lt-gray-78);
  font-weight: 700;
}

a:focus {
  border-bottom: 2px solid var(--peru);
  color: var(--white-2);
}

img {
  max-width: 100%;
  display: inline-block;
}

._1260-ecosys-div-block {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1440px;
  min-height: auto;
  max-height: none;
  margin: 0 auto auto;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
}

.menulinks {
  color: var(--white-2);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 38px 0 38px 16px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: none;
  position: static;
}

.menulinks:hover {
  color: var(--lt-gray-78);
}

.menulinks:active {
  color: var(--peru);
}

.menulinks:focus {
  color: var(--lt-gray-78);
}

.menulinks:visited {
  color: var(--white-2);
}

.menulinks.w--current {
  z-index: 100;
  color: var(--peru);
  text-transform: uppercase;
  line-height: 24px;
  transition: all .2s;
}

.menulinks.w--current:hover {
  color: var(--burnt-orange);
}

.menulinks.w--current:active {
  color: var(--peach-puff);
}

.menulinks.w--current:visited {
  color: var(--peru);
}

.body {
  background-color: var(--2-black);
  perspective: none;
  transform: ;
  margin-top: 0;
  font-size: 16px;
}

.h2-section-headers {
  z-index: 100;
  color: #ffdcbd;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 32px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.hero-subhead {
  z-index: 100;
  text-align: left;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 500px;
  margin-top: 0;
  padding-top: 0;
  padding-right: 7%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  position: relative;
}

.hero-subhead.mt {
  padding-right: 5%;
}

.hero-subhead.tdau2 {
  width: 70%;
  max-width: none;
  color: var(--grayblack);
  align-self: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.contact-section {
  z-index: 100;
  background-color: #292726;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: relative;
}

.contact-form {
  z-index: 100;
  padding-top: 0;
  position: relative;
}

.label-style {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.form-block {
  border-radius: 16px;
  max-width: 672px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
}

.text-field {
  background-color: #1111114d;
  border: 1px solid #acacac;
  border-radius: 3px;
  height: 60px;
  margin-bottom: 40px;
}

.text-field.msg-box {
  background-color: #1111114d;
  border: 1px solid #acacac;
  height: 240px;
  overflow: auto;
}

.text-field.msg-box::placeholder {
  text-align: left;
}

.submit-button {
  color: #000;
  background-color: #ffdcbd;
  border-radius: 6px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 40px;
}

.footer-section {
  z-index: 50;
  border: 1px none var(--2-black);
  background-color: var(--alice-blue);
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 0;
  display: block;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

._1260-div-block-copy {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: auto;
  padding: 0;
  display: block;
  position: static;
  top: auto;
}

.mainnav-hamburger-blk {
  border: 1px solid var(--dim-grey);
  border-radius: 8px;
  width: 66px;
  height: 88px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 26px 0;
}

.portfolio-list {
  z-index: 100;
  background-color: #111;
  background-image: linear-gradient(#292524, #ffffff4f);
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 200px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.portfolio-sub-header-div {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 100%;
  min-height: auto;
  max-height: none;
  margin: auto;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
}

.project-card {
  z-index: 100;
  background-color: #111;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 16px;
  flex-flow: wrap;
  place-content: center;
  align-items: stretch;
  width: 87%;
  min-width: auto;
  max-width: 100%;
  height: 500px;
  min-height: auto;
  max-height: none;
  margin: 0 auto 124px;
  padding: 64px;
  display: flex;
  position: relative;
  top: auto;
  box-shadow: -1px 11px 13px 3px #00000030;
}

.project-card-header {
  z-index: 200;
  opacity: .11;
  text-align: left;
  letter-spacing: 1px;
  text-shadow: 1px 1px 6px #000;
  border: 1px #fff;
  border-radius: 9px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: 55px;
  display: none;
  position: relative;
}

.paragraph {
  z-index: 200;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 550px;
  max-width: 550px;
  margin: 7px auto auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: block;
  position: relative;
}

.hero-section-type---vw {
  z-index: 100;
  backface-visibility: visible;
  perspective: none;
  min-width: auto;
  max-width: none;
  transform: ;
  color: var(--peru);
  text-align: left;
  letter-spacing: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 4.6vw;
  font-weight: 900;
  line-height: 4.7vw;
  display: none;
  position: relative;
}

.portfolio-header-section {
  z-index: 100;
  letter-spacing: 2px;
  background-color: #292524;
  width: 100%;
  height: 140px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.utility-page-wrap {
  background-color: var(--grayblk);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: auto;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.card01 {
  z-index: 100;
  float: left;
  width: 35vw;
  min-width: auto;
  max-width: 100%;
  height: 600px;
  min-height: auto;
  max-height: none;
  box-shadow: none;
  background-color: #292524;
  background-image: linear-gradient(#000, #ffffff54);
  background-position: 0 0;
  border: 1px solid #cfa9a9;
  border-radius: 12px;
  flex-flow: wrap;
  flex: none;
  place-content: center;
  align-self: auto;
  align-items: flex-end;
  margin: 0;
  padding: 40px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.card-number {
  z-index: 200;
  clear: none;
  letter-spacing: 1px;
  flex: none;
  order: 0;
  align-self: flex-start;
  margin-bottom: auto;
  margin-left: 0;
  margin-right: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: none;
  position: relative;
  inset: auto;
}

.h2-wht---product-ecosystem {
  text-align: center;
  letter-spacing: 1.6px;
  margin: auto;
  padding-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: 55px;
  position: relative;
}

.body-2 {
  background-color: #0000;
}

.row-container {
  z-index: 100;
  background-color: #0000;
  border-radius: 10px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: flex-end;
  width: 87%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  position: static;
  top: auto;
  box-shadow: -1px 11px 13px 3px #00000030;
}

.column-2 {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.columns-2 {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}

.card02 {
  z-index: 100;
  float: left;
  width: 35vw;
  min-width: auto;
  max-width: 100%;
  height: 600px;
  min-height: auto;
  max-height: none;
  box-shadow: none;
  background-color: #292524;
  background-image: linear-gradient(#000, #ffffff54);
  background-position: 0 0;
  border: 1px solid #cfa9a9;
  border-radius: 12px;
  flex-flow: wrap;
  flex: none;
  place-content: center;
  align-self: auto;
  align-items: flex-end;
  margin: 0;
  padding: 64px 40px 40px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.column-3 {
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.text-block-5 {
  z-index: auto;
  color: #61424259;
  text-align: center;
  border: 5px #e09292;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: none;
  margin-top: 110px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 94vh;
  font-style: italic;
  font-weight: 900;
  line-height: 0;
  display: block;
  position: absolute;
  inset: 0% 0% 0% 0;
  overflow: visible;
}

.stroked-type {
  opacity: 0;
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.html-embed-3 {
  position: relative;
}

.prj-card-title-base {
  z-index: 200;
  backface-visibility: visible;
  perspective: none;
  min-width: auto;
  max-width: 730px;
  transform: ;
  color: var(--peach-puff);
  letter-spacing: 2px;
  background-color: #0000;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 67px;
  font-weight: 900;
  line-height: 78px;
  display: block;
  position: absolute;
}

.prj-card-title-base.stroked {
  z-index: 90;
  font-size: 50px;
  line-height: 55px;
  display: block;
}

.prj-card-title-base.black {
  z-index: 100;
  color: #000;
  font-size: 50px;
  line-height: 55px;
}

.body-3 {
  background-color: #000;
}

.none-stroked-type {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.prj-card-title-base-copy {
  z-index: 200;
  backface-visibility: visible;
  perspective: none;
  min-width: auto;
  max-width: 730px;
  transform: ;
  color: var(--peach-puff);
  letter-spacing: 2px;
  background-color: #0000;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 50px;
  font-weight: 900;
  line-height: 55px;
  display: block;
  position: absolute;
}

.reveal-stroked-type-on-hover {
  z-index: 250;
  text-align: left;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 450px;
  min-width: auto;
  max-width: none;
  height: 60px;
  min-height: auto;
  max-height: none;
  margin: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.clipped {
  color: #df4343;
  font-size: 72px;
  line-height: 72px;
}

.div-block-4 {
  background-color: #913333;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}

.card-type-block {
  flex: none;
  order: 0;
  align-self: center;
  display: block;
  position: relative;
}

._3d-body-test {
  background-color: #191716;
  background-image: linear-gradient(#08001b52, #08001b52), radial-gradient(circle, #000, #2e2e2e);
  margin-top: 0;
  font-size: 16px;
}

.logo-link-blk {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-link-blk:hover {
  color: var(--gainsboro);
  background-color: #0000;
  border-bottom-style: none;
}

.logo-link-blk:active {
  color: var(--light-steel-blue-2);
}

.logo-link-blk:focus {
  border-bottom-style: none;
}

.hamburger-icon-blk {
  float: none;
  color: var(--peru);
  text-align: center;
  font-size: 24px;
}

.menu-label {
  float: none;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: static;
}

.prj001-badge-img {
  z-index: 100;
  align-self: center;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.hero-huge-nums {
  z-index: 50;
  color: var(--dim-grey);
  background-color: #0000;
  background-image: linear-gradient(#b3cee5, #0000);
  font-family: Playfair Display, sans-serif;
  font-size: 800px;
  font-style: italic;
  font-weight: 900;
  position: absolute;
  inset: 185px 0% auto 120px;
}

.hero-huge-nums.clipped {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--dim-grey), transparent 74%);
  opacity: .47;
  text-align: left;
  white-space: nowrap;
  direction: ltr;
  height: 50px;
  margin: -292px 0 -292px -295px;
  display: inline;
  position: relative;
  inset: auto 0% 0 0;
}

.hero-huge-nums.clipped._1 {
  opacity: .33;
  margin-left: -187px;
  font-size: 500px;
}

.hero-huge-nums.stroked {
  z-index: 60;
  opacity: .09;
  background-image: none;
  display: inline;
  position: relative;
  inset: 0 0% 0 0;
}

.hero-huge-nums.stroked._1 {
  font-size: 500px;
}

.html-embed-4 {
  display: block;
}

.text-block-8 {
  background-image: linear-gradient(to bottom, var(--dim-grey), transparent);
  height: auto;
  min-height: 100%;
  max-height: 800px;
  font-family: Playfair Display, sans-serif;
  font-size: 800px;
  font-style: italic;
  font-weight: 900;
  line-height: 190px;
}

.text-block-8.clipped {
  font-size: 500px;
}

.big-num-1-div {
  z-index: 50;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: -94px auto 0;
  display: none;
  position: absolute;
  inset: 30% 0% 0% 39%;
}

.mt-hero-iphone-img {
  flex: 0 auto;
  align-self: auto;
  width: 86%;
  max-width: 418px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.hero-pill-divider {
  background-color: var(--peru);
  border-radius: 1px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: center;
  align-items: flex-start;
  width: 60px;
  height: 4px;
  margin: 0 auto 32px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.hero-pill-divider.tdau {
  margin: 0 auto 0 0;
}

.hero-pill-divider.is-gray {
  color: var(--white-2);
  background-color: #404040;
  margin-left: auto;
  margin-right: auto;
}

.hero-pill-divider.verde {
  align-self: auto;
  width: 24px;
  height: 4px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  left: -41.7%;
}

.mt-hero-bg-image {
  opacity: 1;
  filter: blur(3px);
  background-image: linear-gradient(#050505, #05050575 96%), url('../images/MT_Hero_BG_Image2x.png');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1440px;
  background-attachment: scroll, scroll;
  display: block;
  position: absolute;
  inset: 0%;
}

.ecosys-ios-col-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
}

.ecosys-android-col-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.ecosystem-os-button {
  background-color: var(--blk-0);
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 60%;
  margin: 32px auto 160px;
  padding: 20px 60px;
  display: flex;
}

.ecosystem-os-button:hover {
  border: 1px solid #000;
  border-top-style: none;
  border-bottom: 0 #000;
}

.ecosystem-os-button:focus {
  border-bottom-style: none;
}

.image-4 {
  padding-right: 16px;
}

.image-5 {
  filter: invert();
  padding-right: 16px;
}

.text-block-9 {
  color: var(--2-black);
  font-weight: 400;
}

.sm-body-txt {
  max-width: 65ch;
  color: var(--2-black);
  letter-spacing: .4px;
  flex: 0 auto;
  align-self: flex-start;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.sm-body-txt.light-default {
  max-width: none;
  color: var(--white-2);
  text-align: left;
  letter-spacing: .4px;
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin: 0;
  padding-right: 0;
}

.sm-body-txt.light-default._700 {
  color: var(--lt-gray-78);
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
}

.sm-body-txt.light-default.bottom-margin {
  align-self: flex-end;
  padding-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.sm-body-txt.light-default.bottom-margin.absolute {
  flex: 0 auto;
  margin-right: auto;
  padding-right: 2vw;
  position: absolute;
  right: 0;
}

.sm-body-txt.light-default.italic {
  font-style: italic;
}

.sm-body-txt.light-default.tall {
  color: var(--white-2);
  line-height: 36px;
}

.sm-body-txt.light-default.centered {
  z-index: 100;
  max-width: 90%;
  color: var(--light-steel-blue-2);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.sm-body-txt.light-default.centered.tm {
  margin-top: 32px;
  font-weight: 700;
}

.sm-body-txt.light-default.bold {
  align-self: flex-start;
  width: 88%;
  max-width: 301px;
}

.sm-body-txt.light-default.bold.btn {
  flex: 0 auto;
  width: auto;
  max-width: none;
}

.sm-body-txt.light-default.text-block {
  max-width: none;
}

.sm-body-txt.light-default.tmargin32 {
  color: var(--white-2);
  margin-top: 32px;
}

.sm-body-txt.light-default.tmargin32._2-col {
  column-gap: 60px;
}

.sm-body-txt.light-default.listitem {
  color: var(--white-2);
  margin-left: 4px;
}

.sm-body-txt.light-default._50maxw {
  max-width: 100%;
}

.sm-body-txt.light-default._1-col-fit {
  max-width: 45ch;
}

.sm-body-txt.light-default._1-col-fit.half {
  width: 50%;
}

.sm-body-txt.light-default.card {
  background-color: var(--tab-current);
  box-shadow: 6px 6px 18px -8px var(--shadow);
  border-radius: 4px;
  padding: 8px;
}

.sm-body-txt.light-default.wht {
  color: var(--white-2);
}

.sm-body-txt.light-default.justify {
  text-align: justify;
}

.sm-body-txt.light-default._2-col {
  color: var(--white-2);
  column-count: 2;
  column-rule: 3px none var(--steel-blue);
  column-gap: 24px;
  margin-bottom: 0;
}

.sm-body-txt.light-default.tmargin32-copy {
  margin-top: 32px;
}

.sm-body-txt.light-default._36ch {
  max-width: 36ch;
  margin-right: auto;
}

.sm-body-txt.light-default.tall2 {
  line-height: 28px;
}

.sm-body-txt.light-default.tall2._1line {
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
}

.sm-body-txt.light-default.tall2.wrapped {
  display: none;
}

.sm-body-txt.bold {
  letter-spacing: .6px;
  font-weight: 700;
}

.sm-body-txt.bold.wht.centered {
  margin-left: auto;
  margin-right: auto;
}

.sm-body-txt.bold.wht.centered.tm {
  margin-top: 32px;
  font-weight: 500;
}

.sm-body-txt.bold.freal {
  padding-bottom: 24px;
}

.sm-body-txt._230px-maxw {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sm-body-txt.blk {
  margin: 0 auto;
  padding: 0;
}

.sm-body-txt.blk._700 {
  background-color: #0000;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
}

.sm-body-txt.blk.tmargin_32 {
  background-color: #0000;
  margin-top: 32px;
  margin-bottom: 0;
}

.sm-body-txt.blk.tall {
  background-color: #0000;
  line-height: 36px;
}

.sm-body-txt.blk.card {
  clear: left;
  border: 1px none var(--blkgray-20);
  box-shadow: 6px 6px 20px -8px var(--shadow);
  color: var(--2-black);
  background-color: #fff;
  border-radius: 4px;
  flex: 0 auto;
  order: -1;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
}

.sm-body-txt.blk.centered {
  max-width: 45ch;
  color: var(--header-blue-white);
  text-align: center;
  align-self: auto;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
}

.sm-body-txt.blk.verde {
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
}

.sm-body-txt.blk.list-item {
  margin-left: 4px;
  margin-right: 0;
}

.sm-body-txt.gray-78 {
  color: var(--silver);
}

.sm-body-txt.gray-78.l-margin {
  margin-left: 0;
}

.sm-body-txt.gray-78.l-margin.semi {
  font-weight: 600;
}

.sm-body-txt.tm {
  width: auto;
}

.sm-body-txt.tm.centered {
  text-align: center;
  margin: 0 auto;
}

.sm-body-txt._32-pad {
  margin-top: 32px;
}

.sm-body-txt.wht {
  color: var(--white-2);
}

.sm-body-txt.dark-default {
  max-width: none;
  color: var(--white-2);
  text-align: left;
  letter-spacing: .4px;
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.sm-body-txt.dark-default._700 {
  color: var(--5-black);
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
}

.sm-body-txt.dark-default.bottom-margin {
  align-self: flex-end;
  padding-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.sm-body-txt.dark-default.bottom-margin.absolute {
  flex: 0 auto;
  margin-right: auto;
  padding-right: 101px;
  position: absolute;
  right: 0;
}

.sm-body-txt.dark-default.italic {
  font-style: italic;
}

.sm-body-txt.dark-default.tall {
  color: var(--white-2);
  line-height: 36px;
}

.sm-body-txt.dark-default.centered {
  z-index: 100;
  text-align: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.sm-body-txt.dark-default.centered.tm {
  margin-top: 32px;
  font-weight: 700;
}

.sm-body-txt.dark-default.bold {
  align-self: flex-start;
  width: 88%;
  max-width: 301px;
}

.sm-body-txt.dark-default.bold.btn {
  flex: 0 auto;
  width: auto;
  max-width: none;
}

.sm-body-txt.dark-default.text-block {
  max-width: none;
}

.sm-body-txt.dark-default.tmargin32 {
  max-width: 65ch;
  color: var(--white-2);
  margin-top: 32px;
}

.sm-body-txt.dark-default.listitem {
  color: var(--2-black);
  margin-top: 0;
  margin-left: 4px;
}

.sm-body-txt.dark-default._50maxw {
  max-width: 100%;
}

.sm-body-txt.dark-default._1-col-fit {
  max-width: 45ch;
}

.sm-body-txt.dark-default._1-col-fit.half {
  width: 50%;
}

.sm-body-txt.dark-default.card {
  background-color: var(--blackgray-blue);
  box-shadow: 6px 6px 18px -8px var(--shadow);
  border-radius: 4px;
  padding: 8px;
}

.sm-body-txt.dark-default.wht {
  color: var(--white-2);
}

.sm-body-txt.dark-default.justify {
  text-align: justify;
}

.sm-body-txt.dark-default._2-col {
  color: var(--white-2);
  column-count: 2;
  column-rule: 3px none var(--steel-blue);
  column-gap: 16px;
  margin-bottom: 0;
}

.sm-body-txt.dark-default.tmargin32-copy {
  margin-top: 32px;
}

.sm-body-txt.nopadding {
  flex: none;
  max-width: 40ch;
  margin-top: 0;
  margin-bottom: 0;
}

.sm-body-txt.nopadding.columns {
  flex-direction: column;
  flex: 0 auto;
  align-self: center;
  align-items: flex-start;
  width: 50%;
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.sm-body-txt.nopadding.icons {
  width: 100%;
  max-width: 40ch;
}

.sm-body-txt.nopadding.icon {
  width: 50%;
}

.sm-body-txt.verde {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.sm-body-txt.verde.columns {
  column-count: 2;
  max-width: 86ch;
}

.ecosystem-section-cols {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.android-ecosys-image, .ios-ecosys-image {
  flex: none;
  width: 100%;
}

._1260-prj-overview-div-block, ._1260-app-features-div-block {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 0 auto auto;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
}

.applicaiton-features-section {
  z-index: 0;
  background-color: var(--grayblack);
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.pair-of-ipads-themes {
  width: 96%;
  max-width: 916px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.p-themes-discription {
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-width: 180px;
  max-width: 460px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  display: block;
}

._1260-charting-div-block {
  z-index: 100;
  background-color: var(--dark-slate-grey);
  color: #c6c6c6;
  border-radius: 8px;
  flex-flow: row;
  place-content: space-around center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 200px auto auto;
  padding: 82px 80px;
  display: block;
  position: relative;
}

.cols---charting-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  display: none;
}

.charting-features-txt-div {
  float: left;
  margin-top: 0;
  margin-bottom: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: relative;
  left: auto;
}

.image-7 {
  width: 100%;
  min-width: auto;
}

.col-left---charting-txt {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.col-right---charting-img {
  clear: none;
  flex-flow: column;
  flex: 0 auto;
  place-content: flex-start;
  align-self: center;
  align-items: flex-end;
  padding-left: 7vw;
  padding-right: 0;
  display: block;
}

.h3-org {
  color: var(--peru);
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.columns-5 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  display: block;
}

.image {
  width: 100%;
  min-width: auto;
  max-width: 206px;
}

.image-9, .image-10, .image-11 {
  min-width: auto;
}

.column-9 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 10px;
  display: block;
}

.column-10 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.column-11 {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.column-12 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 10px;
  display: block;
}

.label-center---blk {
  color: var(--grayblack);
  text-align: center;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 16px;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.iphone-charting-container {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1vw;
  display: flex;
}

.themes-discription-right-div {
  padding-left: 3.5vw;
}

.ipad-themes-div {
  display: flex;
}

._1260-adv-orders-editor-div-block {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 200px auto auto;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
}

.droid-adv-editor-div {
  display: flex;
}

.adv-editor-discription-right-div {
  align-self: center;
  padding-left: 7vw;
}

.droid-phones-adv-editor-image-left-div {
  width: 110%;
  max-width: 695px;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

._1260-support-chat-div-block {
  z-index: 100;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 200px auto auto;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
}

.support-chat-img-right-div {
  position: relative;
}

.support-chat-discription-left-div2 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 7vw;
  display: flex;
  position: relative;
}

.droid-phones-chat-image-right-div {
  width: 100%;
  max-width: 552px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
}

.support-chat-div {
  align-items: center;
  display: flex;
  position: relative;
}

.featured-projects-section-flex {
  z-index: 0;
  background-color: #e6e6e6;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 280px;
  display: none;
  position: static;
}

.h1-drkblu {
  opacity: 1;
  min-width: auto;
  color: var(--dark-slate-grey-2);
  text-align: left;
  letter-spacing: 1.6px;
  border-radius: 8px;
  align-self: flex-start;
  margin: 0 auto 0 0;
  padding-top: 0;
  padding-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: 55px;
  position: relative;
}

.h2-org {
  color: var(--peru);
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-size: 37px;
  font-weight: 900;
  line-height: 43px;
}

.paragraph-3 {
  min-width: 180px;
  max-width: 500px;
  color: var(--2-black);
  align-self: flex-start;
  padding-left: 20px;
  padding-right: 35px;
}

.ios7-redesign-discription-div {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0;
  padding: 3vw 5vw 20px 4vw;
  display: flex;
}

._1260-ios-7-redesign-div-block {
  z-index: 100;
  background-color: #0000;
  flex-flow: column;
  place-content: space-around center;
  align-items: stretch;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 0 auto auto;
  padding: 0;
  display: flex;
  position: relative;
  top: auto;
}

.watchlist-ios7-image {
  flex: 0 auto;
  align-self: stretch;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 663%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.ios7-iphone-disc-div {
  clear: none;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  min-width: 4vw;
  max-width: 11vw;
  margin-top: 9.5vw;
  display: block;
}

.ios7-row-1-div {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  margin-bottom: 20px;
  display: flex;
}

.ios7-watchlist-img-div {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  max-width: 70%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 3vw;
  padding-right: 1vw;
  display: flex;
}

.p-wht {
  z-index: 2;
  min-width: auto;
  color: var(--white-2);
  margin-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  position: relative;
}

.i0s7-watchlist-card {
  background-color: var(--dark-slate-grey-2);
  border-radius: 8px;
  flex-wrap: nowrap;
  flex: 0 auto;
  place-content: flex-start space-between;
  align-self: stretch;
  align-items: stretch;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ios7-row-2-div, .ios7-row-3-div {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  margin-bottom: 20px;
  display: flex;
}

.ios7-row-4-div {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.i0s7-calendar-card {
  background-color: var(--white-2);
  border-radius: 8px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-top: -23vh;
  margin-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.i0s7-chart-card {
  background-color: var(--peru);
  border-radius: 8px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-right: 10px;
  display: flex;
}

.i0s7-balances-card {
  background-color: var(--lt-gray-78);
  border-radius: 8px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.i0s7-iwatch-card {
  background-color: var(--dark-slate-grey-2);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 620px;
  height: auto;
  margin-right: 10px;
  padding: 60px 0;
  display: flex;
}

.ios7-image-copy {
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.ios7-login-img-div {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: block;
}

.label---silver-copy {
  width: 327px;
  color: var(--lt-gray-78);
  text-align: center;
  align-self: flex-end;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 24px;
  padding-right: 16px;
  font-size: 12px;
  line-height: 16px;
}

.ios7-editor-card {
  background-color: var(--brownblack);
  border-radius: 8px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 620px;
  height: 45vw;
  margin-top: -23vh;
  margin-left: 10px;
  display: flex;
}

.ios7-login-card {
  background-color: var(--lt-gray-78);
  border-radius: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 620px;
  height: 41vw;
  min-height: 530px;
  max-height: 663px;
  margin-right: 10px;
  display: none;
}

.ios7-editor-img-div {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.label---wht {
  width: auto;
  color: var(--white-2);
  text-align: center;
  letter-spacing: .8px;
  text-transform: none;
  align-self: center;
  margin-right: 0;
  padding-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.edtior-ios7-image {
  flex: 1;
  align-self: flex-end;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.ios7-chart-img-div {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0 5vw;
  display: flex;
}

.ios7-balances-img-div {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.iwatch-hero-img {
  flex: 0 auto;
  align-self: center;
  width: 79%;
  max-width: 209px;
  height: auto;
  margin: auto auto 0;
  padding-left: 0;
}

.ios7-iwatch-disc-div {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  max-width: 200px;
  margin-left: 0;
  margin-right: 60px;
  padding-right: 0;
  display: block;
}

.iwatch-row1-div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.iwatch-row2-div {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.label---silver-copy {
  width: auto;
  color: var(--lt-gray-78);
  text-align: center;
  width: auto;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  margin-top: 16px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.ios7-watchlist-img-div-copy-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
}

.label---wht-iphone-card {
  width: auto;
  color: var(--lt-gray-78);
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 16px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.watchlist-ios7-image-copy-copy {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  max-width: 386%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
  padding-left: 0;
  display: inline-block;
}

.div-block-13 {
  flex-flow: row;
  flex: 0 auto;
  place-content: flex-start center;
  align-self: auto;
  align-items: stretch;
  min-width: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 4vw;
  display: flex;
}

.iwatch-row3-div {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.iwatch-card-container {
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  display: block;
}

.div-block-14 {
  width: 620px;
  color: var(--peru);
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: -23vh;
  margin-left: 10px;
  display: flex;
}

.i0s7-ipad-card {
  background-color: var(--brownblack);
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: auto;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.ios7-image-copy-copy {
  align-self: flex-end;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.ios7-row-5-div {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.android-redesign-discription-div {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: -200px auto auto;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.android-redesign-disc-card {
  background-color: #0000;
  border-radius: 8px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 620px;
  height: auto;
  margin-top: 0%;
  margin-left: 10px;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 0;
  display: flex;
  position: relative;
}

.spaceholder-card {
  background-color: #0000;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 620px;
  height: 200px;
  margin-left: 0;
  margin-right: 13px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.ios7-ipad-card-container {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: stretch;
  padding: 60px 3.5vw;
  display: flex;
}

.ipad-row1-div {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.ios7-ipad-disc-div {
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  margin-bottom: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

._2-ipad-row-div {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.ios7-ipad-hero-img-div {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.ios7-ipad-img-left-div {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.ios7-ipad-img-right-div {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.ipad-dashboard-wht-image {
  align-self: stretch;
  width: 100%;
  max-width: 1254px;
}

.ipad-dashboard-blk-image {
  object-fit: fill;
  align-self: stretch;
  width: 100%;
  max-width: 628px;
}

.ipad-dashboard-blk-image.alt {
  flex: none;
  align-self: center;
  max-width: 720px;
}

.ipad-hero-image {
  flex: none;
  width: 100%;
  min-width: auto;
  margin: auto;
  padding-left: 0;
}

.android-redesign-hero-group {
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
}

.android-phone-redesign-card {
  z-index: 0;
  background-color: var(--white-2);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1280px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  position: relative;
}

.android-phone-grid {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-2);
  border-radius: 8px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: end center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  display: grid;
  position: relative;
}

.android-phone-hero-img-div {
  z-index: 10;
  background-color: #0000;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: auto;
  margin: 0 0 -15px;
  padding: 0 4px 0 0;
  display: flex;
  position: static;
}

.android-phone-hero-disc-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-2);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 60px 0 60px 60px;
  display: flex;
}

.h3-slate-blu {
  color: var(--dark-slate-grey-2);
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.p-blk-copy {
  color: var(--2-black);
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 16px auto 0 0;
  font-weight: 400;
  display: block;
}

._8px-stroke {
  background-color: var(--gainsboro);
  border-radius: 3px;
  height: 8px;
  position: relative;
}

.android-phone-grid-master {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-2);
  border-radius: 8px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-top: 0;
  display: block;
  position: relative;
}

.rght-col-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lght-theme-phone-row {
  background-color: var(--dim-grey);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 36px;
}

.drk-theme-phone-row {
  background-color: var(--gainsboro);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 36px;
}

.grid-lght-theme-row {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  background-color: var(--dim-grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.grid-drk-theme-row {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: var(--gainsboro);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.android-2013-login-blk-img {
  order: -1;
  margin-left: auto;
  margin-right: auto;
}

.android-2013-dashboard-blk-img {
  margin-left: auto;
  margin-right: auto;
}

.android-2013-watchlist-blk-img {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.android-2013-phone-blk-img {
  width: 100%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.android-2013-nav-blk-img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-col-labels-row {
  padding-left: 32px;
  padding-right: 32px;
}

.grid-col-labels-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 60px;
  margin: 0 0 auto;
  display: grid;
}

.rght-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch center;
  align-self: stretch;
  place-items: stretch center;
  max-width: 80px;
  height: 100%;
  margin: auto 0 auto auto;
  padding-left: 8px;
  padding-right: 8px;
  display: grid;
}

.label-left--blk {
  color: var(--grayblack);
  text-align: left;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.ios7-iwatch-hero-img-div {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 70%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ios7-iwatch-img {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 776px;
  margin-bottom: 8px;
  display: block;
}

.ios7-iwatch-img-div-1-cop {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  display: flex;
}

.android-tablet-redesign-card {
  z-index: 0;
  background-color: var(--dark-slate-grey-2);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1280px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 60px 60px;
  display: flex;
  position: relative;
}

.android-tablet-redesign-hero-group {
  flex-direction: row-reverse;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.android-tablet-hero-img-div {
  z-index: 10;
  background-color: var(--blackgray-blue);
  background-image: none;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 60px 0 40px;
  display: flex;
  position: relative;
}

.android-tablet-hero-disc-div {
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 32px;
  padding: 0 0 0 24px;
  display: none;
}

.h3-lt-gray {
  max-width: 460px;
  color: var(--lt-gray-78);
  align-self: flex-start;
  margin: 0 auto 24px 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 34px;
}

._3-android-tablets-row-div {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.android-tablet-img-div {
  background-image: none;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.android-tablet-img-div.less-padding {
  padding-top: 60px;
  padding-left: 16px;
  padding-right: 16px;
}

.android-redesign-card-container {
  background-color: var(--blackgray-blue);
  width: 100%;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.ios7-iwatch-img-div-1-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.label-ipad-center---silver {
  width: auto;
  color: var(--lt-gray-78);
  text-align: center;
  flex-direction: row;
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.ipad-dashboard-group-div {
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.p-right-wht-ipad {
  min-width: auto;
  color: var(--white-2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.ios7-redesign-disc-half-card-div {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: stretch;
  width: 620px;
  height: 29vw;
  min-height: 280px;
  margin-top: 0;
  margin-left: 10px;
  display: flex;
  position: static;
}

.paragraph-3-copy {
  clear: none;
  max-width: 500px;
  color: var(--2-black);
  align-self: flex-start;
  margin-top: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.h2-org-copy {
  opacity: 1;
  color: #e6e6e6;
  letter-spacing: 1px;
  align-self: flex-start;
  margin-bottom: 16px;
  margin-left: 0;
  padding-bottom: 0;
  font-size: 37px;
  font-weight: 800;
  line-height: 43px;
}

.featured-projects-section-grid {
  z-index: 0;
  background-color: #e6e6e6;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 280px;
  display: none;
  position: static;
}

._1260-ios-7-redesign-container {
  z-index: 100;
  background-color: #0000;
  flex-flow: column;
  place-content: space-around center;
  align-items: stretch;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 0 auto auto;
  padding: 0;
  display: flex;
  position: relative;
  top: auto;
}

._2-col-grid--featured-prod-master {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch center;
  display: grid;
}

._5-row-column---featured-prod {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: .5fr minmax(auto, .25fr) minmax(auto, .25fr) auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center stretch;
  display: flex;
}

.paragraph-5 {
  margin-top: 16px;
}

.label-center---blk-copy {
  color: var(--grayblack);
  text-align: center;
  text-align: center;
  text-align: center;
  text-align: center;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 16px;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.david-stoy-logo-type {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  align-self: auto;
  margin: auto;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  display: inline-block;
}

.logo-container {
  z-index: 1000;
  border: 2px none var(--white-2);
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  display: block;
  position: relative;
}

.watchlist-ios7-image-copy {
  flex: 0 auto;
  align-self: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.prj-details-side-card {
  background-color: var(--grayblack);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  width: 290px;
  height: auto;
  max-height: 500px;
  margin-top: -36px;
  margin-left: auto;
  margin-right: 0;
  padding: 36px 24px;
  display: block;
}

.design-goals-txt-container {
  background-color: #0000;
  flex: 0 auto;
  width: auto;
  margin-right: 0;
  padding: 0 32px 16px 16px;
}

.design-goals-txt-container.mt {
  padding-bottom: 0;
}

.design-goals-txt-container.tp {
  margin-top: 32px;
}

.design-goals-txt-container.book {
  padding-bottom: 0;
}

.div-block-16 {
  justify-content: space-between;
  align-items: stretch;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
}

.div-block-17 {
  margin-top: 24px;
  padding-left: 0;
  display: flex;
}

.text-block-12 {
  color: var(--peru);
  padding-left: 0;
  padding-right: 8px;
  font-size: 24px;
  font-weight: 900;
}

.p-wht-charting {
  min-width: 280px;
  max-width: 330px;
  color: var(--white-2);
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 16px auto 0;
  padding-right: 0;
  font-weight: 400;
  display: block;
}

.charting-hero-container {
  justify-content: space-around;
  display: flex;
}

.charting-features-txt-container {
  flex: 1;
  align-self: baseline;
}

.charting-hero-img-container {
  flex: 0 auto;
  align-self: center;
  margin-left: 4vw;
}

.charting-hero-img-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.mt-hero-img-container {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  display: flex;
}

.badge-container {
  align-self: flex-start;
  margin-right: auto;
  padding-bottom: 36px;
  display: block;
  position: relative;
}

.mt-hero-flex-vert {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.ios7-editor-card-copy {
  background-color: var(--brownblack);
  border-radius: 8px;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 620px;
  height: 41vw;
  min-height: 530px;
  max-height: 663px;
  margin-top: -25vh;
  display: block;
  position: relative;
}

.div-block-22 {
  justify-content: space-around;
  margin-left: 10px;
  display: none;
}

.featured-projects-section-flex-copy {
  z-index: 0;
  background-color: #e6e6e6;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.ios7-row-7-div {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 200px;
  margin-bottom: 20px;
  display: flex;
}

.ios7-row-6-div {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.ios7-login-card-copy {
  background-color: var(--lt-gray-78);
  border-radius: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 620px;
  height: 45vw;
  margin-right: 10px;
  display: flex;
}

.hero-section-type---px {
  z-index: 100;
  backface-visibility: visible;
  perspective: none;
  min-width: auto;
  max-width: none;
  transform: ;
  color: var(--peru);
  text-align: left;
  letter-spacing: 1px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 67px;
  font-weight: 900;
  line-height: 73px;
  display: block;
  position: relative;
}

.hero-section-type---px.tdau {
  color: var(--dark-slate-grey-2);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.mt-hero-content-container {
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 24px;
  display: block;
  position: relative;
}

.iphone-landscape-img {
  flex: 0 auto;
  align-self: stretch;
  width: 94%;
  min-width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.image-7-copy {
  width: 100%;
  min-width: auto;
  display: none;
}

.android-ta {
  align-self: flex-start;
  width: 103%;
  max-width: 780px;
  padding-bottom: 8px;
}

.div-block-25 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
  position: relative;
}

.tda-subhead {
  z-index: 100;
  float: none;
  max-width: 560px;
  color: var(--white-2);
  text-align: left;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  font-size: 21px;
  line-height: 27px;
  position: relative;
}

.tda-subhead.blk {
  color: var(--2-black);
  text-align: center;
  align-self: stretch;
  margin-top: 0;
}

.android-phone-hero-img {
  width: 83%;
  max-width: 624px;
  margin-top: 0;
  margin-left: auto;
  margin-right: 16px;
}

.main_nav {
  z-index: 200;
  opacity: 1;
  background-color: #00000045;
  max-width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  inset: 0% 0% auto;
}

.menulinks-copy {
  color: var(--white-2);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .3s;
}

.menulinks-copy:hover {
  color: var(--white-2);
}

.menulinks-copy:active {
  color: var(--silver);
}

.menulinks-copy:focus {
  color: var(--white-2);
}

.menulinks-copy.w--current {
  z-index: 100;
  color: #ffc18b;
}

.dropdown-toggle {
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 40px 0 0;
  transition: background-color .2s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--lt-gray-78);
  background-color: #0000;
}

.dropdown-toggle:active, .dropdown-toggle:focus {
  background-color: #0000;
}

.dropdown-toggle.w--open {
  border-bottom: 0 solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition: all .3s cubic-bezier(.755, .05, .855, .06);
  position: relative;
  overflow: visible;
}

.dropdown-arrow-icon {
  color: var(--white-2);
  background-color: #0000;
  margin-top: 42px;
  margin-bottom: 0;
  margin-right: 14px;
  padding: 0;
  display: none;
  position: absolute;
  transform: perspective(1020px);
}

.dropdown-arrow-icon:hover {
  color: var(--lt-gray-78);
}

.dropdown-arrow-icon:active {
  color: var(--peru);
}

.dropdown-arrow-icon:focus {
  color: var(--white-2);
}

.dropdown-list-mainnav {
  z-index: 110;
  background-color: var(--grayblack);
  display: none;
  inset: 0% 0% auto;
  overflow: hidden;
}

.dropdown-list-mainnav.w--open {
  background-color: #0000;
  background-image: linear-gradient(270deg, var(--5-black) 32%, var(--blackgray-blue));
  cursor: pointer;
  border: 1px #000;
  border-radius: 0 0 4px 4px;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  max-width: 1440px;
  height: 100vh;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0%;
  padding: 0 0 0 0%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dropdown-list-mainnav.wht.w--open {
  background-color: var(--white-2);
  background-image: none;
}

.nav_ddlink {
  border-top: 1px #000;
  border-bottom: 1px none var(--grayblack);
  min-width: 240px;
  color: var(--white-2);
  text-transform: none;
  white-space: normal;
  flex: 0 auto;
  align-self: flex-start;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 48px;
  transition: all .3s;
}

.nav_ddlink:hover {
  color: var(--peru);
  border-bottom-style: none;
}

.nav_ddlink:active {
  color: var(--light-slate-grey);
}

.nav_ddlink:focus {
  color: var(--white-2);
  border-bottom-style: none;
}

.nav_ddlink.w--current {
  border-top: 0 #000;
  border-bottom: 1px none var(--grayblack);
  color: var(--light-slate-grey);
  background-color: #0000;
  flex: none;
  align-self: baseline;
  margin-top: 6px;
  margin-left: 0;
  transition: all .3s cubic-bezier(.55, .085, .68, .53);
}

.nav_ddlink.w--current:hover {
  color: var(--light-slate-grey);
  border-bottom-style: none;
}

.nav_ddlink.w--current:active {
  color: var(--light-slate-grey);
}

.nav_ddlink.w--current:focus, .nav_ddlink.w--current:visited {
  border-bottom-style: none;
}

.navbar-menu {
  height: auto;
  display: flex;
  position: static;
}

.dropdown.dark {
  display: flex;
  position: static;
}

.slider {
  display: none;
}

.navbar-main-wht {
  z-index: 9000;
  background-color: #0000;
  background-image: none;
  height: 100px;
  position: absolute;
}

.prod-bk-hero-bg {
  z-index: -10;
  opacity: .38;
  filter: contrast();
  background-image: linear-gradient(#050505, #05050575 96%), url('../images/tda_cover_black_for_hero-compressed.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  width: auto;
  height: 100vh;
  padding-top: 0;
  display: none;
  position: absolute;
  inset: -15% 0% 0%;
}

.badge-prj-003-img-container {
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.div-block-28 {
  z-index: auto;
  background-color: var(--peru);
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  width: 87%;
  height: 610px;
  margin: 133px auto auto;
  display: flex;
  position: relative;
  top: auto;
}

.div-block-29 {
  z-index: 0;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section {
  background-color: var(--grayblack);
  perspective: 2000px;
  width: 100%;
  transform: ;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.section.featured-projects {
  z-index: 10;
  background-color: var(--grayblk);
  height: auto;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 200px;
  display: block;
  position: relative;
}

.section.home-hero {
  background-color: var(--2-black);
  margin-top: 0;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
  overflow: hidden;
}

.section.product {
  background-color: var(--peru);
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.overview {
  background-color: var(--brownblack);
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.book-slides {
  background-color: var(--blackgray-blue);
  margin-bottom: 0;
  padding: 0 32px;
  display: block;
}

.section.verde {
  background-color: var(--alice-blue);
  color: var(--dim-grey);
  padding-bottom: 0;
  display: block;
}

.section.verde.video {
  background-color: var(--tab-current);
  max-height: none;
  color: var(--light-slate-grey);
  margin-top: 0;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
}

.section.verde.output {
  background-color: var(--alice-blue);
}

.section.verde.overview {
  background-color: var(--white-smoke);
  padding-top: 0;
  padding-bottom: 0;
}

.section.verde.mask {
  background-color: var(--white-2);
  background-image: none;
  overflow: hidden;
}

.section.verde.features {
  background-color: var(--white-smoke);
  background-image: none;
}

.section.dark {
  background-color: var(--blk-0);
  background-image: linear-gradient(to bottom, var(--grayblk), var(--tab-current) 49%, var(--grayblk));
  display: block;
}

.section.dark.overview {
  background-color: var(--grayblk);
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.bottomnav {
  background-color: var(--grayblack);
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.blk-5 {
  background-color: var(--grayblk);
  display: block;
  overflow: hidden;
}

.section.blk-5.features {
  border-top-width: 4px;
  border-top-color: var(--dark-slate-grey-2);
  border-bottom-width: 4px;
  border-bottom-color: var(--dark-slate-grey-2);
  background-color: var(--blackgray-blue);
  overflow: visible;
}

.section.blk-2 {
  background-color: var(--2-black);
  display: block;
  overflow: hidden;
}

.section.blk-2.visible {
  background-color: var(--2-black);
  overflow: visible;
}

.section.intro-copy {
  background-color: var(--white-smoke);
  background-image: none;
  height: auto;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.section.gray-78 {
  z-index: auto;
  background-color: var(--white-2);
  display: none;
  overflow: visible;
}

.section.mt-motion {
  background-color: var(--grayblk);
  display: block;
}

.section.light {
  background-color: var(--blue-gainsboro);
  display: block;
}

.section.blk-10 {
  background-color: var(--blackgray-blue);
  border-radius: 1px;
  display: block;
  overflow: hidden;
}

.section.blk-10.book-hero {
  z-index: 0;
  background-color: var(--blackgray-blue);
  background-image: linear-gradient(135deg, var(--blackgray-blue), var(--grayblk) 79%, var(--grayblk));
  display: block;
}

.section.tm {
  background-color: var(--alice-blue);
  overflow: hidden;
}

.section.wht {
  background-color: var(--white-2);
  color: var(--header-blue-white);
}

.section.tm-copy {
  background-color: var(--white-smoke);
  display: block;
}

.section.wht-copy {
  background-color: var(--white-smoke);
}

.section.blue {
  background-color: var(--light-steel-blue-2);
}

.image-17 {
  align-self: auto;
}

.tdau-hero-section {
  background-color: #e6e6e6;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  overflow: visible;
}

.tdau-hero-1280-div {
  z-index: 0;
  perspective: 2000px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 87%;
  max-width: 1280px;
  height: 140vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 76px;
  padding-bottom: 167px;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.tdau-hero-card {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 8px;
  background-color: #0000;
  background-image: none;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-self: auto;
  place-items: center;
  width: 80%;
  margin: 0 auto auto;
  padding: 0;
  display: grid;
  position: relative;
  right: auto;
}

.tdau-hero-bg-container {
  z-index: 20;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0;
  padding: 36px 0;
  display: block;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.tdau-hero-img {
  opacity: 1;
  flex: 1;
  align-self: stretch;
  margin: auto;
  position: static;
}

.prj002-badge-img {
  z-index: 100;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
}

.tdau-hero-img-div {
  flex: 1;
  align-self: center;
  margin: auto;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-30 {
  flex: none;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.div-block-32 {
  color: var(--white-2);
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 24px;
  display: block;
}

.div-block-33 {
  background-color: #0000;
  flex: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px 24px 0;
}

.div-block-35 {
  background-color: #3b5a6f;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.hb_bar.top, .hb_bar.mid, .hb_bar.bottom {
  background-color: var(--white-2);
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
}

.hb-container {
  align-self: auto;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.splash-json-container {
  z-index: 0;
  background-color: var(--5-black);
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  padding: 177px;
  display: block;
  position: static;
  inset: 0% 0% auto;
  overflow: hidden;
}

.lottie-animation-3 {
  filter: brightness(80%);
  width: 100%;
  height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}

.link-block {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.prj_card {
  z-index: auto;
  border: 1px solid var(--grayblack);
  perspective: 2000px;
  height: 36vw;
  max-height: 540px;
  transform: ;
  background-color: #0a0a0a;
  border-radius: 4px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  margin: 0;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.h3 {
  color: var(--2-black);
  letter-spacing: 1px;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
}

.h3.is-lght-blue {
  color: var(--light-steel-blue-2);
  margin-top: 0;
  margin-bottom: 36px;
  display: block;
}

.h3.wht {
  color: var(--white-2);
  align-self: center;
}

.h3.wht.margin {
  z-index: 100;
  color: var(--white-2);
  align-self: flex-start;
  margin-bottom: 24px;
  line-height: 44px;
  display: block;
  position: relative;
}

.h3.wht.right {
  margin-right: auto;
}

.h3.wht.centered {
  z-index: 1;
  text-align: center;
  line-height: 1.4;
}

.h3.wht.bmargin {
  z-index: 100;
  align-self: flex-start;
  margin-bottom: 32px;
  display: none;
  position: relative;
}

.h3.wht._8px-bmargin {
  z-index: 5;
  align-self: flex-start;
  margin-bottom: 8px;
  font-size: 3vw;
  line-height: 1.2;
  position: relative;
}

.h3.wht.bmargin-8 {
  z-index: 100;
  align-self: flex-start;
  margin-bottom: 8px;
  line-height: 1.3;
  display: block;
  position: relative;
}

.h3.wht.subhead-copy {
  text-align: left;
}

.h3.wht.tm-16px {
  margin-top: 16px;
}

.h3.wht.tp {
  margin-top: 60px;
}

.h3.link-style.wht {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.h3.link-style.wht:hover {
  color: var(--lt-gray-78);
  padding-top: 0;
  padding-bottom: 0;
}

.h3.link-style.wht:focus {
  color: var(--white-2);
}

.h3.slate {
  color: var(--light-slate-grey);
  margin-bottom: 0;
}

.h3.ddnum {
  color: var(--light-slate-grey);
  align-self: stretch;
  margin-top: -8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.h3.ddnum.wht {
  color: var(--dim-grey);
  flex: 1;
  align-self: flex-start;
  margin-top: -10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.h3.blk {
  color: var(--dark-slate-grey);
  margin-right: auto;
  line-height: 1.3;
}

.h3.blk.subhead {
  background-color: #0000;
  margin-top: 0;
  padding-bottom: 0;
  line-height: 1.2;
}

.h3.blk.subhead.verde {
  max-width: 31ch;
  color: var(--dark-slate-grey);
  text-align: left;
  align-self: flex-start;
  margin-bottom: 16px;
}

.h3.blk.subhead.verde._1 {
  max-width: 28ch;
  margin-bottom: 0;
}

.h3.blk.subhead.verde._2 {
  max-width: 15ch;
}

.h3.blk.subhead.verde._3 {
  width: 50%;
  color: var(--dark-slate-grey);
  align-self: flex-start;
  margin: 120px auto auto;
  padding: 4px;
}

.h3.blk.subhead._16pad {
  line-height: 1.3;
}

.h3.blk.verde {
  text-align: center;
}

.h3.blk._32pad {
  color: var(--dark-slate-grey);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
}

.h3.blk._32pad.center {
  margin-left: auto;
  margin-right: auto;
}

.h3.blk.subhead-alt {
  background-color: #0000;
  margin-top: 0;
  padding-bottom: 0;
  line-height: 1.2;
}

.h3.blk.subhead-alt.verde {
  text-align: left;
  align-self: flex-start;
  max-width: 31ch;
  margin-bottom: 16px;
}

.h3.blk.subhead-alt.verde._1 {
  margin-bottom: 0;
}

.h3.blk.subhead-alt.verde._2 {
  max-width: 15ch;
}

.h3.blk.subhead-alt._16pad {
  line-height: 1.3;
}

.h3.blk.verde-subheads {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  line-height: 1.2;
}

.h3.blk.verde-subheads.verde {
  max-width: 31ch;
  color: var(--dark-slate-grey);
  text-align: left;
  align-self: flex-start;
  margin-bottom: 16px;
}

.h3.blk.verde-subheads.verde._1 {
  max-width: 28ch;
  margin-bottom: 0;
}

.h3.blk.verde-subheads.verde._2 {
  max-width: 15ch;
}

.h3.blk.verde-subheads.verde._3 {
  width: 50%;
  color: var(--dark-slate-grey);
  align-self: flex-start;
  margin: 120px auto auto;
  padding: 4px;
}

.h3.blk.verde-subheads._16pad {
  line-height: 1.3;
}

.h3.blk.verde-subheads.library {
  width: 50%;
  max-width: 31ch;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

.h3.blk.video-title {
  background-color: #0000;
  margin-top: 0;
  padding-bottom: 0;
  line-height: 1.2;
}

.h3.blk.video-title.verde {
  max-width: 31ch;
  color: var(--dark-slate-grey);
  text-align: left;
  align-self: flex-start;
  margin-bottom: 16px;
}

.h3.blk.video-title.verde._1 {
  max-width: 28ch;
  margin-bottom: 0;
}

.h3.blk.video-title.verde._2 {
  max-width: 15ch;
}

.h3.blk.video-title.verde._3 {
  width: 50%;
  color: var(--dark-slate-grey);
  align-self: flex-start;
  margin: 120px auto auto;
  padding: 4px;
}

.h3.blk.video-title._16pad {
  line-height: 1.3;
}

.h5 {
  color: var(--2-black);
  text-align: left;
  letter-spacing: 1.8px;
  text-transform: none;
  flex-direction: column;
  flex: 1;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.h5.is-blk {
  max-width: 70%;
  color: var(--brownblack);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 24px;
  display: block;
}

.h5.is-org {
  color: var(--peru);
}

.h5.is-org.tt {
  color: var(--peru);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 600;
  line-height: 24px;
}

.h5.gray-78 {
  color: var(--lt-gray-78);
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h5.gray-78.link-style-drk {
  flex: none;
  align-self: center;
  margin-left: 0;
  padding-bottom: 0;
  font-weight: 500;
  transition: all .2s;
  display: inline-block;
}

.h5.gray-78.link-style-drk:hover {
  border-style: none;
  border-width: 1px 1px 4px;
  border-color: black black var(--peru);
  color: var(--white-2);
}

.h5.gray-78.link-style-drk:active {
  color: var(--peru);
}

.h5.gray-78.link-style-drk:focus {
  border-bottom-style: none;
  border-bottom-width: 4px;
}

.h5.gray-78.link-style-drk.w--current {
  color: var(--white-2);
  transition-duration: .2s;
}

.h5.gray-78.left {
  color: var(--steel-blue);
  margin-bottom: 0;
  margin-left: 0;
  font-style: normal;
}

.h5.wht {
  color: var(--white-2);
  text-transform: none;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h5.wht._900 {
  font-weight: 900;
  position: relative;
}

.h5.wht.margin {
  margin-top: 8px;
}

.h5.wht.left {
  margin-left: 0;
}

.h5.wht.left.margin {
  margin-top: auto;
  margin-bottom: 16px;
}

.h5.gray-78 {
  color: var(--lt-gray-78);
}

.h5._900 {
  font-weight: 900;
}

.h5.about {
  max-width: 35ch;
  font-weight: 400;
}

.h5.number {
  color: var(--header-blue-white);
  font-weight: 600;
  line-height: 1.1;
}

.h5.number.invis {
  opacity: 0;
}

.h5.number.small {
  font-size: 16px;
  line-height: .9;
}

.h5.link-style {
  color: var(--dim-grey);
  letter-spacing: 1px;
  font-weight: 700;
  line-height: 1.3;
  transition: all 50ms ease-in;
  display: inline;
}

.h5.link-style:active {
  border-bottom-style: solid;
}

.h5.link-style:focus {
  border-top-style: none;
  border-bottom-width: 2.5px;
  border-left-style: none;
  border-right-style: none;
}

.h5.link-style.w--current {
  border-bottom-width: 2px;
  border-bottom-color: var(--peru);
  color: var(--grayblk);
  font-weight: 700;
}

.h5.link-style.small {
  font-size: 16px;
  line-height: .9;
}

.h5.gray {
  color: var(--dim-grey);
  font-weight: 600;
  display: block;
}

.h5.gray._600 {
  max-width: 47ch;
  margin-left: auto;
  margin-right: auto;
}

.h5.gray._600.centered {
  max-width: 50ch;
  color: var(--header-blue-white);
  text-align: center;
  text-transform: none;
  align-self: flex-end;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
  font-weight: 600;
}

.h5.tda-title {
  color: var(--light-steel-blue-2);
  letter-spacing: 1.4px;
  text-transform: none;
  align-self: flex-start;
  margin-left: 0;
  margin-right: auto;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.h5._8-bm {
  color: var(--white-2);
  margin-bottom: 8px;
  font-weight: 500;
}

.h5.blue {
  color: var(--steel-blue);
  flex: 0 auto;
  margin-left: auto;
  margin-right: auto;
  font-style: normal;
}

.h5.blue.alt {
  color: var(--steel-blue);
  font-weight: 500;
}

.h5.blue.alt2 {
  letter-spacing: 1px;
  max-width: 23ch;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.h5.drk-blue {
  color: var(--header-blue-white);
}

.h5.drk-blue.freal {
  color: var(--header-blue-white);
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h4 {
  letter-spacing: .6px;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
}

.h4.wht {
  color: var(--white-2);
  letter-spacing: 1.6px;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 36px;
}

.h4.wht._24-margin {
  align-self: flex-start;
  margin-bottom: 16px;
  margin-left: 0;
  line-height: 34px;
}

.h4.wht.left {
  margin-left: 0;
}

.h4.wht.left.bm-8px {
  margin-bottom: 8px;
  font-size: 21px;
  line-height: 28px;
}

.h4.wht._24-margin-copy {
  flex: none;
  margin-bottom: 24px;
  margin-left: 0;
}

.h4.wht.centered.down-margin {
  color: var(--light-slate-grey);
  text-transform: capitalize;
  margin-bottom: 16px;
  font-weight: 600;
}

.h4.dd-link {
  color: var(--light-slate-grey);
  align-self: center;
  padding-left: 12px;
}

.h4.dd-link.wht {
  color: var(--dim-grey);
}

.h4.blk {
  color: var(--2-black);
}

.h4.blk._16pad {
  color: var(--dark-slate-grey);
  padding-bottom: 16px;
}

.h4.subhead {
  color: var(--dark-slate-grey);
  margin-bottom: 16px;
}

.h4.verde {
  align-self: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.section-container_maxw1280 {
  z-index: 100;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.section-container_maxw1280.nav {
  display: block;
}

.section-container_maxw1280.flex-vert {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.section-container_maxw1280.book {
  padding-top: 160px;
  padding-bottom: 220px;
}

.section-container_maxw1280.t-b-mar-220 {
  z-index: 100;
  border-width: 2px 1px;
  border-color: var(--midnight-blue);
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-top: 220px;
  padding-bottom: 220px;
}

.section-container_maxw1280.t-b-mar-220.relative {
  position: relative;
}

.section-container_maxw1280.verde-overview-copy {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-container_maxw1280.hero {
  border-top: 2px #000;
  padding-top: 100px;
  padding-bottom: 220px;
}

.section-container_maxw1280.nav-copy {
  height: 100%;
  display: flex;
  position: static;
}

.section-container_maxw1280.dp, .section-container_maxw1280.dp-copy {
  position: static;
}

.section-container_maxw1280.hero-copy {
  border-top: 2px #000;
  padding-top: 160px;
  padding-bottom: 140px;
}

.section-container_maxw1280.hero-verde, .section-container_maxw1280.hero-freal {
  border-top: 2px #000;
  padding-top: 110px;
  padding-bottom: 100px;
}

.image-19 {
  z-index: 20;
  filter: none;
  object-fit: fill;
  align-self: center;
  width: 100%;
  max-width: 500px;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  right: auto;
}

.book-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr 50px;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: stretch start;
  margin-top: 48px;
  margin-bottom: auto;
  margin-right: auto;
  padding-left: 32px;
  display: flex;
}

.dd-list-container {
  background-color: #0000;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 14vh;
  display: block;
}

.h1 {
  color: var(--2-black);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.h1.is-org {
  color: var(--peach-puff);
  text-align: left;
  letter-spacing: 1px;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  position: relative;
}

.h1.is-gray {
  color: #383b40;
}

.h1.is-org {
  color: #df7701;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  padding-bottom: 60px;
}

.h1.wht {
  z-index: 1;
  color: var(--white-2);
  margin-right: auto;
  font-weight: 500;
  position: relative;
}

.h1.gray {
  color: var(--dim-grey);
  font-weight: 600;
}

.h1.gray.sectiontitle {
  z-index: 2;
  padding-bottom: 0;
  position: relative;
}

.h1.gray2 {
  color: var(--dark-slate-grey);
  font-weight: 600;
}

.h1.is-org-copy {
  color: var(--peach-puff);
  text-align: left;
  letter-spacing: 1px;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  position: relative;
}

.big-body-txt {
  max-width: 65ch;
  color: var(--2-black);
  text-align: left;
  letter-spacing: .4px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}

.big-body-txt.tall {
  margin-bottom: 48px;
  font-size: 21px;
  font-weight: 400;
  line-height: 48px;
}

.big-body-txt.wht {
  max-width: none;
  color: var(--white-2);
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.big-body-txt.wht._34ch {
  max-width: 490px;
}

.big-body-txt.wht._34ch._0margin {
  max-width: 470px;
  margin-left: 0;
  margin-right: 0;
}

.big-body-txt.wht._34ch._0margin.hero, .big-body-txt.wht._34ch._0margin.hero-copy {
  max-width: 38ch;
  line-height: 1.4;
}

.big-body-txt.wht._600-maxw {
  flex: 0 auto;
  max-width: 44ch;
}

.big-body-txt.wht._600-maxw.centered {
  text-align: left;
  align-self: flex-start;
  max-width: 44ch;
}

.big-body-txt.wht.centered {
  max-width: 42ch;
  color: var(--white-2);
  text-align: center;
}

.big-body-txt.wht.overview-intro {
  max-width: 55ch;
  color: var(--white-2);
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.big-body-txt.wht.maxw-55ch {
  max-width: 55ch;
  margin-left: 0;
}

.big-body-txt.wht.overview-intro-copy {
  max-width: 55ch;
  color: var(--white-2);
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.big-body-txt.gray-78 {
  color: var(--silver);
}

.big-body-txt.gray-78.output {
  max-width: none;
  color: var(--light-steel-blue-2);
  flex: none;
  font-style: normal;
}

.big-body-txt.blk {
  max-width: 43ch;
  color: var(--2-black);
  font-style: normal;
}

.big-body-txt.blk.section-header {
  max-width: 49ch;
  color: var(--2-black);
}

.big-body-txt.blk.verde {
  max-width: 49ch;
  color: var(--dark-slate-grey);
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.big-body-txt.blk.verde.poj {
  max-width: 53ch;
}

.big-body-txt.blk.med {
  max-width: 22ch;
  color: var(--2-black);
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.big-body-txt.wht-copy {
  max-width: none;
  color: var(--white-2);
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.big-body-txt.wht-copy._34ch {
  max-width: 490px;
}

.big-body-txt.wht-copy._34ch._0margin {
  max-width: 34ch;
  margin-left: 0;
  margin-right: 0;
}

.big-body-txt.wht-copy._600-maxw {
  flex: 0 auto;
  max-width: 600px;
}

.big-body-txt.wht-copy._600-maxw.centered {
  text-align: left;
  align-self: flex-start;
  max-width: 600px;
}

.big-body-txt.wht-copy.centered {
  text-align: center;
  max-width: 37ch;
}

.big-body-txt.wht-copy.overview-intro {
  max-width: 50ch;
  color: var(--white-2);
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.big-body-txt.wht-copy.maxw-55ch {
  max-width: 55ch;
  margin-left: 0;
}

.big-body-txt.blue {
  width: 80%;
  color: var(--steel-blue);
  margin-top: 24px;
}

.div-block-43 {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-template-rows: .25fr 23px .25fr 23px .25fr 23px minmax(23px, .25fr);
  grid-template-columns: 1fr;
  grid-auto-rows: 23px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: auto;
  height: 100%;
  display: grid;
}

.mt-hero-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 2vw 100px;
  display: flex;
}

.hero-header {
  color: var(--white-2);
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 67px;
  font-weight: 900;
  line-height: 72px;
}

.hero-header.color {
  color: var(--royal-blue);
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  line-height: 110px;
}

.hero-header.color.bigger {
  color: var(--dim-grey);
  align-self: center;
  font-size: 136px;
  line-height: 110px;
}

.txt-container {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  display: block;
}

.flex-col1 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
}

.flex-col1.nopadding {
  z-index: 100;
  align-self: stretch;
  width: auto;
  max-width: 55ch;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.flex-col1.vert-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.mt-products-section-2 {
  z-index: 0;
  background-color: #df7701;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.pill-divider-hero {
  background-color: #df7701;
  border-radius: 1px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 4px;
  margin: 0 auto 32px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.pill-divider-hero.is-gray {
  background-color: var(--dim-grey);
  color: #fcfcfc;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.pill-divider-hero.orange {
  height: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.pill-divider-hero.navy, .pill-divider-hero.navy-copy {
  z-index: 100;
  background-color: var(--royal-blue);
  flex: 0 auto;
  width: 60px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 0;
  position: relative;
}

.h5-centered {
  color: #fcfcfc;
  text-align: left;
  letter-spacing: 2px;
  text-transform: none;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.h5-centered.is-blk {
  color: var(--2-black);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.h5-centered.is-org {
  color: #df7701;
}

.h5-centered.is-org.tt {
  color: var(--peru);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 24px;
}

.label-2 {
  color: #050505;
  letter-spacing: .4px;
  font-weight: 400;
}

.text-block-13 {
  color: #050505;
  font-weight: 400;
}

.mt-hero-section-2 {
  perspective: 4000px;
  width: 100%;
  max-width: 100%;
  transform: ;
  object-fit: fill;
  background-color: #050505;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 200px;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
}

.hero-huge-nums-2 {
  z-index: 50;
  color: #5d666d;
  background-color: #0000;
  background-image: linear-gradient(#b3cee5, #0000);
  font-family: Playfair Display, sans-serif;
  font-size: 800px;
  font-style: italic;
  font-weight: 900;
  position: absolute;
  inset: 185px 0% auto 120px;
}

.hero-huge-nums-2.stroked {
  z-index: 60;
  opacity: .09;
  background-image: none;
  display: inline;
  position: relative;
  inset: 0 0% 0 0;
}

.hero-huge-nums-2.stroked._1 {
  background-image: none;
  font-size: 500px;
}

.hero-huge-nums-2.clipped {
  opacity: .47;
  text-align: left;
  white-space: nowrap;
  direction: ltr;
  background-color: #0000;
  background-image: linear-gradient(#5d666d, #0000 74%);
  height: 50px;
  margin: -292px 0 -292px -295px;
  display: inline;
  position: relative;
  inset: auto 0% 0 0;
}

.hero-huge-nums-2.clipped._1 {
  opacity: .33;
  background-image: linear-gradient(#5d666d, #0000 74%);
  margin-left: -187px;
  font-size: 500px;
}

.text-block-14 {
  color: #df7701;
  padding-left: 0;
  padding-right: 8px;
  font-size: 24px;
  font-weight: 900;
}

.prj-details-side-card-2 {
  background-color: var(--dark-slate-grey);
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  width: 290px;
  height: auto;
  max-height: 500px;
  margin-top: -36px;
  margin-left: auto;
  margin-right: 0;
  padding: 36px 24px;
  display: block;
}

.h3-2 {
  color: #fcfcfc;
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
}

.h3-2.is-lght-blue {
  color: var(--light-steel-blue-2);
  margin-top: 0;
  margin-bottom: 36px;
}

.mt-project-overview-section-2 {
  z-index: 0;
  background-color: #292726;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.label---wht-2 {
  width: auto;
  color: var(--light-steel-blue-2);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #0000;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.label---wht-2.vertical {
  text-align: left;
  padding-top: 0;
}

.label---wht-2.horizontal {
  padding-top: 0;
}

.label---wht-2._90 {
  width: 90%;
  margin-left: 0;
}

.applicaiton-features-section-2 {
  z-index: 0;
  background-color: #191919;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.p-wht-charting-2 {
  color: #fcfcfc;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 280px;
  max-width: 330px;
  margin: 16px auto 0;
  padding-right: 0;
  font-weight: 400;
  display: block;
}

.image-7-copy-2 {
  width: 100%;
  min-width: auto;
  display: none;
}

._1260-charting-div-block-2 {
  z-index: 100;
  color: #c6c6c6;
  background-color: #383b40;
  border-radius: 8px;
  flex-flow: row;
  place-content: space-around center;
  align-items: center;
  width: 87%;
  min-width: auto;
  max-width: 1260px;
  min-height: auto;
  max-height: none;
  margin: 200px auto auto;
  padding: 82px 80px;
  display: block;
  position: relative;
}

.slider-2 {
  display: none;
}

.h3-org-2 {
  color: #df7701;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.label-left--blk-2 {
  color: #191919;
  text-align: left;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.label-center---blk-copy-2 {
  color: #191919;
  text-align: center;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 16px;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.label---silver-copy-2 {
  color: #c6c6c6;
  text-align: center;
  align-self: center;
  width: auto;
  margin-top: 16px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.grid-drk-theme-row-2 {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.label-center---blk-copy-3 {
  color: #191919;
  text-align: center;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 16px;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.label---silver-copy-3 {
  color: #c6c6c6;
  text-align: center;
  align-self: flex-end;
  width: 327px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 16px;
  font-size: 12px;
  line-height: 16px;
}

.p-right-wht-ipad-2 {
  color: #fcfcfc;
  min-width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

._8px-stroke-2 {
  background-color: #e6e6e6;
  border-radius: 3px;
  height: 8px;
  position: relative;
}

.p-blk-copy-2 {
  color: #050505;
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 16px auto 0 0;
  font-weight: 400;
  display: block;
}

.label-center---blk-2 {
  color: #191919;
  text-align: center;
  flex: 1;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  padding-top: 16px;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.i0s7-ipad-card-2 {
  background-color: #292726;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: auto;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.p-wht-2 {
  z-index: 2;
  color: #fcfcfc;
  min-width: auto;
  margin-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  position: relative;
}

.h2-org-2 {
  color: #df7701;
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-size: 37px;
  font-weight: 900;
  line-height: 43px;
}

.i0s7-watchlist-card-2 {
  background-color: #3b5a6f;
  border-radius: 8px;
  flex-wrap: nowrap;
  flex: 0 auto;
  place-content: flex-start space-between;
  align-self: stretch;
  align-items: stretch;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.label---wht-iphone-card-2 {
  color: #c6c6c6;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: auto;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 16px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.grid-lght-theme-row-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.drk-theme-phone-row-2 {
  background-color: var(--blackgray-blue);
  background-image: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  padding: 32px;
}

.h3-lt-gray-2 {
  color: #c6c6c6;
  align-self: flex-start;
  max-width: 460px;
  margin: 0 auto 24px 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 34px;
}

.paragraph-6 {
  color: #050505;
  align-self: flex-start;
  min-width: 180px;
  max-width: 500px;
  padding-left: 20px;
  padding-right: 35px;
}

.ios7-login-card-copy-2 {
  background-color: #c6c6c6;
  border-radius: 8px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 620px;
  height: 45vw;
  margin-right: 10px;
  display: flex;
}

.h3-slate-blu-2 {
  color: #3b5a6f;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.android-phone-grid-master-2 {
  z-index: 10;
  background-color: var(--blk-0);
  color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 200px;
  margin-bottom: 200px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
}

.div-block-45 {
  color: #df7701;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 620px;
  margin-top: -23vh;
  margin-left: 10px;
  display: flex;
}

.ios7-editor-card-2 {
  background-color: #292726;
  border-radius: 8px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 620px;
  height: 45vw;
  margin-top: -23vh;
  margin-left: 10px;
  display: flex;
}

.featured-projects-section-flex-copy-2 {
  z-index: 0;
  background-color: var(--white-smoke);
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 200px;
  display: block;
  position: static;
}

.i0s7-calendar-card-2 {
  background-color: #fcfcfc;
  border-radius: 8px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-top: -23vh;
  margin-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.android-phone-hero-disc-div-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 0 0 0 40px;
  display: flex;
}

.h1-drkblu-2 {
  opacity: 1;
  color: #3b5a6f;
  text-align: left;
  letter-spacing: 1.6px;
  border-radius: 8px;
  align-self: flex-start;
  min-width: auto;
  margin: 0 auto 0 0;
  padding-top: 0;
  padding-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: 55px;
  position: relative;
}

.i0s7-chart-card-2 {
  background-color: #df7701;
  border-radius: 8px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 620px;
  height: 45vw;
  min-height: 530px;
  max-height: 663px;
  margin-right: 10px;
  display: flex;
}

.paragraph-3-copy-2 {
  clear: none;
  color: #050505;
  align-self: flex-start;
  max-width: 500px;
  margin-top: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.android-tablet-redesign-card-2 {
  z-index: 0;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 200px auto;
  padding: 0;
  display: flex;
  position: relative;
}

.grid-android-phone {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--2-black);
  border-radius: 0;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start stretch;
  align-self: stretch;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: grid;
  position: relative;
}

.label-ipad-center---silver-2 {
  color: #c6c6c6;
  text-align: center;
  flex-direction: row;
  align-self: flex-end;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.lght-theme-phone-row-2 {
  background-color: var(--midnight-blue);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 36px;
}

.i0s7-iwatch-card-2 {
  background-color: #3b5a6f;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 620px;
  height: auto;
  margin-right: 10px;
  padding: 60px 0;
  display: flex;
}

.android-phone-redesign-card-2 {
  z-index: 0;
  background-color: #fcfcfc;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1280px;
  max-width: 100%;
  margin-top: 169px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  position: relative;
}

.contact-section-2 {
  z-index: 100;
  background-color: #292726;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  position: relative;
}

.div-block-32-copy {
  width: 70%;
  color: var(--white-2);
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 24px;
  display: block;
}

.book-hero-container {
  z-index: 20;
  background-color: #0000;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
}

.book-subhead-container {
  border-radius: 0;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  padding: 32px 0 16px 32px;
}

.grid_pagespreads {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.grid_pagespreads.intro {
  z-index: 10;
  grid-template-rows: .25fr .25fr;
}

.grid_pagespreads._1-col {
  grid-template-columns: 1fr;
  height: 100%;
  margin-top: 220px;
}

.grid_pagespreads.ta {
  z-index: 10;
  margin-top: 0;
}

.grid_pagespreads.td-mobile {
  height: auto;
  margin-top: 220px;
}

.grid_pagespreads.before {
  grid-template-rows: .5fr 1fr;
  height: auto;
  margin-top: 200px;
}

.grid_pagespreads.tos {
  grid-auto-rows: auto;
  align-content: center;
  height: 100%;
  margin-top: 220px;
}

.page-img {
  z-index: 10;
  object-fit: scale-down;
  background-color: #0000;
  border-radius: 4px;
  width: 100%;
  max-width: 1007px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  transform: translate(0);
}

.div-block-48 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.book-foreword-container {
  z-index: 1;
  border-radius: 4px;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: 1280px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0 0;
  position: relative;
  left: 0%;
  right: 0%;
}

.book-img {
  z-index: auto;
  object-fit: cover;
  flex: none;
  align-self: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: static;
  bottom: 0;
  left: 0;
  right: 193px;
}

.mask {
  border-radius: 4px;
}

.slider-3 {
  z-index: 10;
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.left-arrow-2 {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.right-arrow-2 {
  z-index: 10;
  margin-left: auto;
  margin-right: 0;
}

.prod-bk-hero-bg-copy {
  z-index: -10;
  opacity: .38;
  filter: invert() blur(1.5px);
  background-image: url('../images/TDAProdBook_CoverArt_Only_Final_Lines-only.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 130vw;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  display: none;
  position: absolute;
  inset: -67% 0% 0%;
}

.card-book-specs {
  z-index: 1;
  border-top: 4px none var(--midnight-blue);
  background-color: var(--blackgray-blue);
  border-radius: 4px;
  flex-direction: row;
  justify-content: space-around;
  align-self: auto;
  align-items: flex-start;
  width: 54%;
  min-width: 680px;
  margin: 24px auto;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.h2 {
  z-index: 5;
  letter-spacing: 1px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 0;
  font-size: 52px;
  font-weight: 800;
  line-height: 56px;
  position: relative;
}

.h2.navy {
  color: var(--midnight-blue);
  background-color: #0000;
  margin-left: 0;
  position: relative;
}

.h2.wht {
  color: var(--white-2);
  margin-right: auto;
}

.h2.wht.section-header {
  max-width: 19ch;
  color: var(--white-2);
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 60px;
  display: block;
}

.h2.wht.section-title {
  max-width: 19ch;
  color: var(--silver-2);
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 60px;
  display: block;
}

.h2.blk.subhead {
  max-width: 23ch;
  color: var(--dark-slate-grey);
  text-transform: none;
  margin-bottom: 32px;
}

.h2.blk.subhead.colored {
  color: var(--tab-current);
}

.h2.blk.subhead.about {
  max-width: none;
}

.h2.wht {
  color: #fcfcfc;
  margin-right: auto;
  font-weight: 900;
}

.h2.wht.section-header {
  max-width: 20ch;
  color: var(--silver);
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px;
}

.h2.wht.section-header.prjs {
  max-width: 21ch;
  line-height: 1.2;
}

.h2.silver {
  color: var(--silver);
}

.h2.silver.sectiontitle {
  margin-bottom: 40px;
}

._2-col-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  background-image: none;
  border-radius: 8px;
  grid-template-rows: .5fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: .25fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

._2-col-grid.vdl {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  width: 100%;
  color: var(--white-2);
  background-image: none;
  border-radius: 4px;
  grid-template-rows: auto 60px auto auto;
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  padding: 0 0 220px;
  position: relative;
}

._2-col-grid.vdl._2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white-smoke);
  border-radius: 8px;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  margin-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

._2-col-grid.vdl._3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white-smoke);
  border-radius: 8px;
  grid-template-rows: .5fr .25fr;
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  padding: 0;
  overflow: hidden;
}

._2-col-grid.vdl._1 {
  background-image: none;
  grid-template-rows: auto auto;
  padding-bottom: 0;
}

._2-col-grid.ds-video {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  background-image: none;
  grid-template-rows: auto;
  grid-auto-flow: column dense;
  place-items: stretch stretch;
  width: 100%;
  max-width: 960px;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
}

._2-col-grid.ds-video._8pxmargin {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-top: 16px;
  display: grid;
}

._2-col-grid.output {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  border-top: 2px solid var(--silver);
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-rows: auto;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 0;
}

._2-col-grid.dark {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  background-image: none;
  padding: 0;
}

._2-col-grid.bottomnav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  height: auto;
  padding-top: 0;
}

._2-col-grid._160-top-pad {
  padding-top: 160px;
}

._2-col-grid.iwatch-row {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  object-fit: contain;
  flex: 0 auto;
  grid-template-rows: .5fr auto;
  grid-template-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

._2-col-grid.overview.verde {
  z-index: 500;
  border-top: 2px none var(--silver);
  background-color: var(--white-2);
  border-radius: 8px;
  padding-top: 48px;
  padding-bottom: 0;
  padding-left: 24px;
}

._2-col-grid.group-header {
  width: 85%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

._2-col-grid._100-top-pad {
  grid-auto-rows: 1fr;
  padding-top: 32px;
}

._2-col-grid.mt-vids {
  z-index: 1;
  grid-template-rows: 100px auto auto auto;
  grid-auto-flow: row dense;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

._2-col-grid.verde-video {
  background-image: none;
  grid-template-rows: auto;
  grid-auto-flow: row dense;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
}

._2-col-grid.verde-video._8pxmargin {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-top: 16px;
  display: grid;
}

._2-col-grid.book {
  grid-column-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-auto-rows: .25fr;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

._2-col-grid.suite {
  background-color: var(--blackgray-blue);
  background-image: none;
  grid-template-rows: .25fr auto;
  padding: 160px 0 0;
}

._2-col-grid.overview-cont {
  margin-bottom: 60px;
  padding-top: 0;
}

._2-col-grid.theme {
  grid-template-rows: 100px .25fr 1fr;
}

._2-col-grid.mt-release-hero {
  border-style: solid none;
  border-width: 4px;
  border-color: var(--tab-current);
  background-color: #0000;
  border-radius: 4px;
  padding-top: 160px;
  padding-bottom: 160px;
}

._2-col-grid.mt-release-hero._1 {
  border-top-style: none;
  border-bottom-style: none;
  padding-top: 240px;
  padding-bottom: 0;
}

._2-col-grid.mt-release-hero._2 {
  border-top-style: none;
  border-bottom-style: none;
  grid-template-rows: auto;
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  align-items: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

._2-col-grid.ios7 {
  padding-top: 160px;
  padding-bottom: 160px;
}

._2-col-grid.components {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white-smoke);
  background-image: none;
  border-radius: 8px;
  grid-template-rows: auto auto auto auto;
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  width: 100%;
  overflow: hidden;
}

._2-col-grid.results {
  padding-top: 0;
}

._2-col-grid.auto {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-auto-rows: auto;
}

._2-col-grid.verde {
  grid-row-gap: 8px;
  border-radius: 8px;
}

._2-col-grid.ds-video-v02 {
  z-index: 1;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  background-image: none;
  grid-template-rows: auto;
  grid-auto-flow: column dense;
  place-items: stretch stretch;
  width: 100%;
  max-width: 960px;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
}

._2-col-grid.ds-video-v02._8pxmargin {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-top: 16px;
  display: grid;
}

._3-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 100px auto;
  grid-template-columns: .4fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

._3-col-grid.subsection {
  z-index: 500;
  grid-column-gap: 8px;
  grid-row-gap: 32px;
  border: 1px none var(--white-2);
  background-color: #0000;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: auto;
  margin-top: 140px;
  margin-right: 0;
  padding: 0;
}

._3-col-grid.page {
  z-index: 100;
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: 100px auto;
  grid-template-columns: .25fr 1fr 1fr;
  grid-auto-flow: row dense;
  margin-top: 0;
  position: relative;
}

._3-col-grid.page.kit-hero {
  grid-template-rows: 100px auto;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
}

._3-col-grid.page.subsection-copy {
  grid-template-rows: 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

._3-col-grid.page.subsection-copy._2 {
  grid-template-rows: auto;
}

._3-col-grid.page.subsection-copy._1 {
  grid-row-gap: 8px;
  margin-bottom: 60px;
}

._3-col-grid.page.mt-vids {
  z-index: 100;
  grid-template-rows: 100px auto;
}

._3-col-grid.page.overview {
  grid-template-rows: auto 200px auto auto;
  align-items: center;
}

._3-col-grid.page.output {
  grid-template-rows: 100px auto auto auto auto auto auto auto auto;
}

._3-col-grid.page.verde {
  grid-row-gap: 220px;
  grid-template-rows: 100px auto auto auto;
}

._3-col-grid.page.overview-copy {
  grid-template-rows: auto;
  align-items: center;
}

._3-col-grid.iwatch {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 30% 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 160px;
  padding-bottom: 220px;
}

._3-col-grid.ipad {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 30% 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 160px;
  padding-bottom: 220px;
  transform: perspective(2000px);
}

._3-col-grid.hero {
  z-index: 1;
  perspective: 2000px;
  grid-template-rows: 100px auto;
  margin-top: 0;
  position: relative;
}

._3-col-grid.iphone-release {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  background-color: #0000;
  grid-template-rows: 1fr auto;
  grid-template-columns: 30% 1fr 1fr;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 220px;
  position: relative;
}

._3-col-grid.even {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row dense;
}

._3-col-grid.even.tm {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr;
  grid-auto-rows: 1fr;
}

._3-col-grid.even.droid-phone {
  background-color: #0000;
  margin-top: 0;
  padding-top: 220px;
  padding-left: 48px;
}

._3-col-grid.even.about {
  grid-column-gap: 20px;
  background-color: var(--white-2);
  border-radius: 8px;
  grid-template-rows: auto auto;
  margin-top: 60px;
  padding: 32px 12px 0 32px;
}

._3-col-grid.even.freal {
  grid-template-rows: auto;
}

._3-col-grid.footer {
  border-bottom: 1px solid var(--peru);
  justify-items: stretch;
  padding-bottom: 60px;
}

._3-col-grid.swap {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  margin-top: 0;
}

._3-col-grid.videos {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 200px;
}

._3-col-grid.videos.reverse {
  grid-template-columns: 1fr 1fr .5fr;
}

._3-col-grid.videos._1 {
  perspective: 2000px;
  border-radius: 4px;
}

._3-col-grid.videos.hero {
  grid-template-columns: .65fr 1fr 2fr;
  padding-top: 200px;
}

._3-col-grid.motion-hero {
  z-index: 2;
  perspective: 2000px;
  grid-template-rows: auto;
  justify-items: end;
  margin-top: 0;
  position: relative;
}

._3-col-grid.videos-copy {
  grid-template-columns: .5fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

._3-col-grid.android-tablet {
  grid-template-rows: auto auto;
  grid-template-columns: 30% 1fr 1fr;
  margin-top: 220px;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
}

._3-col-grid.even-row {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row dense;
}

._3-col-grid.even-row.tm {
  grid-template-rows: 1fr 1fr;
  grid-auto-rows: 1fr;
  margin-top: 100px;
}

._3-col-grid.even-row.droid-phone {
  margin-top: 220px;
  padding-left: 48px;
}

._3-col-grid.even-row.flipped {
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

._3-col-grid.overflow {
  overflow: hidden;
}

._3-col-grid.tabs {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr 1fr;
}

._3-col-grid.white {
  perspective: 2000px;
  transform: perspective(2000px);
}

.verde-hero-title-container {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.verde-img-container {
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto 3px;
  padding-top: 0;
  display: block;
  position: relative;
}

.verde-card {
  border: 2px none var(--gainsboro);
  background-color: var(--white-2);
  max-width: 300px;
  box-shadow: none;
  border-radius: 8px;
  margin-top: 0;
  padding: 40px 24px 24px;
}

.verde-title {
  justify-content: center;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-style {
  color: var(--2-black);
  font-weight: 700;
  text-decoration: none;
  transition: none;
}

.link-style:hover {
  color: var(--2-black);
  border-bottom-width: 2.5px;
  text-decoration: none;
}

.link-style:active {
  border-bottom-style: none;
}

.link-style:focus {
  border-style: solid;
  border-color: black black var(--peru);
  color: var(--2-black);
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.link-style.w--current {
  background-color: #0000;
  font-weight: 700;
}

.link-style.w--current:focus {
  border-bottom-width: 4px;
}

.link-style.light {
  color: var(--white-2);
  background-color: #0000;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  transition: none;
  display: inline;
}

.link-style.light:hover {
  border-bottom-style: solid;
  border-bottom-width: 2.5px;
}

.link-style.light:active {
  color: var(--light-slate-grey);
  border-bottom-style: solid;
}

.link-style.light:focus {
  border-bottom-style: solid;
}

.link-style.light.w--current {
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.link-style.light.inline {
  padding: 0;
  font-weight: 600;
  display: inline;
}

.link-style.no-ul {
  background-color: var(--midnight-blue);
  border-radius: 2px;
  width: 8px;
  height: 56px;
  margin-right: 32px;
  transition: background-color .3s;
}

.link-style.no-ul:hover {
  border-bottom-style: none;
}

.link-style.no-ul:active {
  background-color: var(--peru);
}

.link-style.no-ul:focus {
  border-style: none;
}

.link-style.no-ul.w--current {
  background-color: var(--peru);
}

.link-style.inline {
  font-weight: 600;
}

.link-style.inline.wht {
  color: var(--white-2);
}

.link-style.light-blue {
  color: var(--white-2);
  background-color: #0000;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  transition: all 50ms;
  display: inline;
}

.link-style.light-blue:hover {
  border-bottom-style: solid;
  border-bottom-width: 2.5px;
}

.link-style.light-blue:active {
  color: var(--light-slate-grey);
  border-bottom-style: solid;
}

.link-style.light-blue:focus {
  border-bottom-style: solid;
}

.link-style.light-blue.w--current {
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.link-style.light-blue.inline {
  color: var(--light-steel-blue-2);
  padding: 0;
  display: inline;
}

.verde-hero-img {
  z-index: 5;
  object-fit: cover;
  object-position: -60% 100%;
  width: 101%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wht-bg {
  z-index: 0;
  background-color: var(--white-2);
  opacity: 1;
  width: 100vw;
  height: 220vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.vdl-txt-container {
  z-index: 100;
  flex: none;
  width: 100%;
  height: 100%;
  padding-bottom: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.vdl-txt-container.top-margini {
  height: auto;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 8px;
}

.vdl-txt-container.right {
  padding-left: 0;
  padding-right: 0;
}

.div-block-53-copy {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: grid;
}

.img-containers {
  z-index: 5;
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.img-containers.influence-hero {
  height: 480px;
}

.img-containers.tab {
  margin-top: 4px;
}

.img-containers.flex {
  text-transform: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.img-containers.no-margin {
  flex-direction: column;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.img-containers.flex-copy {
  text-transform: none;
  background-image: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 32px;
  padding: 32px 48px 16px;
}

.img-containers.charting-hero {
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 160px 0% auto;
}

.img-containers.ver1 {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0%;
  right: auto;
}

.img-containers._520px-vert-mask, .img-containers._395px-vert-mask {
  height: auto;
  overflow: hidden;
}

.img-containers._930px-vert-mask {
  overflow: visible;
}

.img-containers._480px-vert-mask {
  height: 480px;
  overflow: hidden;
}

.img-containers.test {
  width: 140%;
}

.img-containers.padding {
  padding-top: 16px;
}

.img-containers.off {
  background-color: #fff;
  align-items: center;
  width: auto;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.img-containers.icons {
  align-self: center;
  width: 90%;
  padding: 0;
}

.img-containers.dropdown-card {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 270px;
  display: flex;
}

.img-containers._1col-card {
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  display: none;
}

.img-containers._2col-card {
  background-color: #fff;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.video-label-card {
  z-index: 2;
  background-color: #0000;
  border-radius: 8px;
  justify-content: flex-end;
  margin-left: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.video-label-card.nohorpadding {
  width: 60%;
  padding: 0;
}

.video-label-card.grid {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.video-label-card.nopadding {
  width: auto;
  padding-bottom: 0;
}

.video-label-card.slidein-btm {
  margin-left: 0;
}

.video-label-card.credit-content {
  max-width: 45ch;
  margin-left: auto;
  margin-right: 0;
}

.video-label-card.spongbob {
  width: 100%;
}

.video-label-card.icons {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.video-label-card.book {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0000;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: start;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  display: grid;
}

.vdl-img {
  object-fit: fill;
  display: inline-block;
}

.vdl-img.zero-padding {
  object-fit: cover;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.vdl-img.font {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video {
  width: 100%;
  box-shadow: 1px 0 3px #05050533;
}

.video-credits {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: none;
  position: relative;
}

.div-block-54 {
  grid-column-gap: 16px;
  grid-row-gap: 59px;
  background-color: var(--white-2);
  color: var(--white-2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 93px 100px;
  display: grid;
}

.title {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 900;
  line-height: 76px;
  display: block;
  position: static;
  inset: 0%;
}

.title.wht {
  color: var(--white-2);
}

.title.org {
  width: 80%;
  color: var(--peru);
  text-align: left;
  flex: 0 auto;
  align-self: flex-start;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

.title.org.mt, .title.org.left {
  margin-left: 0;
}

.title.color {
  color: var(--peach-puff);
}

.title.navy {
  color: #1b2933;
  background-color: #0000;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.title.navy.centered {
  color: var(--midnight-blue);
  text-align: center;
  margin-top: 0;
  font-weight: 900;
}

.title.navy.centered.margin {
  background-color: #0000;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title.navy.centered.freal {
  text-align: left;
  background-color: #0000;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  position: relative;
}

.title.navy.motion {
  width: auto;
  height: auto;
  color: var(--midnight-blue);
}

.div-block-54-copy {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  background-color: var(--2-black);
  color: var(--white-2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 93px 100px;
  display: grid;
}

.quote {
  font-weight: 700;
}

.quote.wht {
  color: var(--white-2);
  font-style: italic;
  font-weight: 400;
}

.quote.wht.test {
  color: var(--steel-blue);
  line-height: 1.4;
}

.square-_20 {
  background-color: var(--silver-2);
  border-radius: 2px;
  width: 60px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 60px;
}

.square-_20.nopadding {
  background-color: var(--white-2);
  border-radius: 4px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 0;
}

.square-_20.nopadding.wht, .square-_20.wht {
  background-color: var(--white-2);
}

.square-_20.wht.nopadding {
  margin-bottom: 0;
  position: relative;
}

.square-_20.wht.bottommargin-copy {
  margin-top: 0;
  margin-bottom: 40px;
}

.square-_20.wht.t-bmargin {
  margin-top: 160px;
  margin-bottom: 60px;
}

.square-_20.slate-grey {
  background-color: var(--dark-slate-grey-2);
  margin-bottom: 60px;
}

.square-_20.slate-grey.nopadding {
  width: auto;
  color: var(--royal-blue);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.square-_20.slate-grey.nopadding._8px-margin {
  background-color: var(--blackgray-blue);
  height: 4px;
  color: var(--blackgray-blue);
  border-radius: 2px;
  margin-left: 8px;
  margin-right: 8px;
}

.square-_20.slate-grey.vert-padding-copy {
  margin-bottom: 44px;
  display: block;
}

.square-_20.blk {
  background-color: var(--2-black);
}

.square-_20.blk.vert {
  margin-top: 0;
  margin-bottom: 0;
}

.square-_20._25-gray {
  background-color: var(--dark-slate-grey);
  margin-bottom: 0;
}

.square-_20._25-gray._40-bm {
  margin-bottom: 40px;
}

.square-_20.blue-gainsboro {
  background-color: var(--blue-gainsboro);
  margin-bottom: 0;
  display: block;
}

.square-_20.navy {
  z-index: 2;
  width: 100%;
  height: 4px;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  position: absolute;
}

.square-_20.blackgray-blue {
  z-index: 2;
  background-color: var(--blackgray-blue);
  color: #0000;
  width: 96%;
  height: 4px;
  margin: 40px auto 0;
  display: block;
  position: static;
}

.square-_20.blue {
  border: 2px solid var(--steel-blue);
  background-color: #0000;
  width: 20px;
  height: 20px;
  margin-bottom: 16px;
}

.square-_20.blue.centered, .square-_20.blue.alt, .square-_20.blue.alt-copy {
  border-color: var(--steel-blue);
}

.h1-colored-pill {
  z-index: 100;
  background-color: var(--peru);
  border-radius: 0;
  width: 4px;
  height: 24px;
  margin: 0 auto 0 -5vw;
  position: absolute;
  left: 0%;
}

.div-block-58 {
  max-width: none;
  padding: 16px 0 0;
}

.h6 {
  color: var(--2-black);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  margin: 0 auto 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.h6.intro {
  color: var(--lt-gray-78);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 100px;
  font-style: normal;
  font-weight: 500;
}

.h6.intro.dark {
  color: var(--dark-slate-grey-2);
}

.h6.intro.dark.centered {
  margin-left: auto;
  margin-right: auto;
}

.h6.blue {
  color: var(--steel-blue);
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 500;
}

.h6.blue.header {
  color: var(--steel-blue);
  flex-direction: row;
  align-self: flex-start;
  align-items: stretch;
  margin-top: -8px;
  font-size: 14px;
  line-height: 36px;
  display: block;
}

.h6.blue.header-copy {
  flex-direction: row;
  align-self: center;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: 8px;
  line-height: 28px;
  display: block;
}

.h6.blue.subhead {
  color: var(--steel-blue);
  flex-direction: row;
  align-self: flex-start;
  align-items: stretch;
  font-size: 14px;
  line-height: 36px;
  display: block;
}

.h6.wht {
  max-width: 23ch;
  color: var(--silver);
  text-transform: uppercase;
  flex: 0 auto;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline;
}

.h6.wht.titlecase {
  text-transform: capitalize;
  flex: 1;
  align-self: flex-start;
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.h6.wht.bottomnav {
  max-width: 100%;
  color: var(--alice-blue);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.h6.wht.bottomnav.dd {
  align-self: auto;
  padding-left: 0;
  padding-right: 0;
}

.h6.wht.main-dd {
  color: var(--light-slate-grey);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.h6.gray {
  color: var(--dim-grey);
  justify-content: flex-start;
  font-weight: 700;
}

.h6.drk-blue {
  color: var(--royal-blue);
  justify-content: flex-start;
  align-self: flex-start;
}

.h6.drk-blue:hover {
  border-bottom-width: 4px;
}

.h6.drk-blue:focus {
  white-space: normal;
  border-bottom-width: 4px;
}

.h6.drk-blue.subhead {
  color: var(--header-blue-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

.h6.drk-blue.subhead.top {
  color: var(--header-blue-white);
  margin-top: -8px;
  font-size: 14px;
  font-weight: 600;
}

.h6.drk-blue.subhead.mid {
  color: var(--header-blue-white);
  font-size: 14px;
  font-weight: 600;
}

.h6.drk-blue.subhead.game {
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
}

.h6.drk-blue.label {
  color: var(--royal-blue-2);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  display: inline;
}

.h6.drk-blue.label.top {
  margin-top: -8px;
  font-size: 14px;
  font-weight: 600;
}

.h6.drk-blue.label.mid {
  font-size: 14px;
  font-weight: 600;
}

.h6.drk-blue.label.play {
  flex: none;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h6.drk-blue.header {
  margin-left: 0;
  padding-bottom: 16px;
}

.h6.drk-blue.play {
  text-transform: uppercase;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.h6._16-pad {
  color: var(--dark-slate-grey);
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.h6._16-pad.dd-main, .h6._16-pad.dd-section-wht, .h6._16-pad.dd-section-blk {
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.h6.nav-title:hover {
  color: var(--blkgray-20);
}

.h6.gray-copy {
  color: var(--light-steel-blue-2);
  justify-content: flex-start;
  margin-left: 0;
  font-weight: 700;
}

.h6.gray-copy.hide {
  display: none;
}

.h6.verde {
  color: var(--royal-blue);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 16px;
  font-weight: 800;
}

.h6.blue-copy-copy {
  color: var(--blue-gainsboro);
  justify-content: flex-start;
  font-weight: 700;
}

.h6.blk {
  margin-left: 0;
}

.h6.blk.aa {
  text-transform: capitalize;
  text-transform: none;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  display: block;
}

.h6.royal-blue {
  color: var(--royal-blue-2);
  justify-content: flex-start;
  margin-left: 0;
}

.h6.light-blue {
  color: var(--light-steel-blue-2);
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 600;
}

.h6.light-blue-2 {
  color: var(--light-steel-blue-2);
  justify-content: flex-start;
}

.h6.sky-blue {
  max-width: 23ch;
  color: var(--white-2);
  text-transform: uppercase;
  flex: 0 auto;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline;
}

.h6.sky-blue.titlecase {
  color: var(--steel-blue);
  text-transform: capitalize;
  flex: 1;
  align-self: flex-start;
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.h6.sky-blue.bottomnav {
  max-width: 100%;
  color: var(--alice-blue);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.h6.sky-blue.bottomnav.dd {
  align-self: auto;
  padding-left: 0;
  padding-right: 0;
}

.h6.sky-blue.main-dd {
  color: var(--light-slate-grey);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.h6.slate {
  color: var(--steel-blue);
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.h6.slate.header {
  flex-direction: row;
  align-self: flex-start;
  align-items: stretch;
  margin-top: -8px;
  font-size: 14px;
  line-height: 36px;
  display: block;
}

.h6.slate.header-copy {
  flex-direction: row;
  align-self: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: 8px;
  line-height: 28px;
  display: block;
}

.h6.light-blue-aa {
  color: var(--light-steel-blue-2);
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 600;
}

._2px-line {
  background-color: var(--lt-gray-78);
  text-transform: lowercase;
  border-radius: 0;
  width: 100%;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 4px;
}

._2px-line.dark-blue {
  background-color: var(--midnight-blue);
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 0;
}

._2px-line.dark-blue.t-margin {
  margin-top: 4px;
}

._2px-line.soemthing {
  background-color: var(--blue-gainsboro);
  color: var(--blue-gainsboro);
  padding-top: 0;
  display: none;
}

._2px-line.padding {
  background-color: var(--white-2);
  height: 4px;
  margin-bottom: 0;
}

.list-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
  padding-right: 0;
  list-style-type: none;
  display: flex;
}

.goals-list {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  list-style-type: none;
}

.goals-list.margin {
  margin-top: 0;
  margin-left: -12px;
  padding-right: 0;
}

.goals-list._32tmargin {
  margin-top: 32px;
  margin-left: -12px;
  padding-right: 0;
}

.mask-component {
  height: 38vh;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
}

._8px-line {
  background-color: var(--blackgray-blue);
  border-radius: 2px;
  width: 100%;
  height: 4px;
}

._8px-line.nopadding {
  background-color: var(--white-2);
  border-radius: 4px;
  height: 8px;
  margin-top: 0;
  margin-bottom: 0;
}

._8px-line.nopadding.dark {
  display: block;
}

._8px-line.nopadding.dark-copy {
  background-color: var(--tab-current);
  width: 90%;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

._8px-line.nopadding.dark-copy._100 {
  background-color: var(--blkgray-20);
  width: 100%;
  height: 4px;
  margin-left: 0;
  margin-right: 0;
}

._8px-line.dark {
  background-color: var(--midnight-blue);
  height: 8px;
}

._8px-line.dark.nopadding {
  background-color: var(--midnight-blue);
  border-radius: 2px;
  height: 4px;
  padding-top: 0;
  display: block;
}

._8px-line._200bm {
  margin-top: 200px;
}

._8px-line._200tm {
  margin-bottom: 200px;
}

.video-container {
  z-index: 5;
  border-radius: 4px;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.video-container.ignore.crop {
  border-radius: 4px;
  height: 98%;
  overflow: hidden;
}

.video-container._1grid {
  height: 100%;
  overflow: hidden;
}

.video-container._1grid.half {
  height: 98%;
}

.video-container.shorty {
  height: 99%;
}

.div-block-64 {
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-64.pad {
  padding-top: 100px;
  padding-bottom: 16px;
}

.vdl-img-copy {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  position: static;
}

.tab-container {
  flex-direction: column;
  width: 100%;
  padding-top: 100px;
  display: flex;
}

.tabs-menu {
  flex-direction: row;
  justify-content: center;
  width: auto;
  display: flex;
}

.tabs {
  flex: none;
  width: 100%;
  margin-bottom: auto;
  padding-top: 16px;
  overflow: visible;
}

.bignum {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 900;
  line-height: 76px;
}

.bignum.lightgray {
  color: var(--lt-gray-78);
  margin-bottom: 0;
  margin-left: 0;
  line-height: 24px;
  display: inline-block;
}

.bignum.gray-copy {
  color: #5d666d;
  align-self: center;
  line-height: 24px;
  display: inline-block;
}

.hero-pill-divider-copy {
  background-color: var(--peru);
  border-radius: 2px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 8px;
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 0;
  display: block;
  position: relative;
}

.badge-card {
  z-index: 50;
  max-width: 140px;
  box-shadow: 1px 0 3px 0 var(--shadow);
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 2px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: -24px;
  margin-bottom: auto;
  padding: 24px 16px;
  display: block;
  position: relative;
  left: auto;
  transform: scale(.4);
}

.badge-card.wht2 {
  border-color: var(--white-smoke);
  background-color: var(--white-smoke);
  color: var(--white-smoke);
}

.badge-card._2 {
  transform: scale(.5);
}

.badge-content-container {
  object-fit: fill;
  flex-direction: column;
  flex: none;
  justify-content: center;
  height: auto;
  padding-top: 0;
  display: block;
  position: relative;
}

.div-block-69 {
  background-color: var(--dim-grey);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.button-label-container {
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.project-details-container {
  background-color: #0000;
  border-radius: 0;
  margin-top: -16px;
  padding: 16px 16px 0;
}

.project-details-container.mt {
  padding-left: 32px;
  padding-right: 0;
}

.div-block-72 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  padding-top: 0;
  padding-left: 44px;
  display: flex;
}

.top-btn-link {
  align-self: stretch;
  padding: 24px 24px 24px 0;
  display: block;
}

.top-btn-link.blk {
  background-color: var(--blackgray-blue);
  color: var(--light-steel-blue-2);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-right: 2px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.top-btn-link.blk:active {
  background-color: var(--midnight-blue);
  color: #4380a8;
}

.top-btn-link.blk:focus {
  border-bottom-style: none;
}

.top-btn-link.blk.w--current {
  background-color: var(--blackgray-blue);
  margin-left: -40px;
  padding-left: 40px;
  transition-duration: 1s;
}

.top-btn-link.wht {
  background-color: var(--white-smoke);
  color: var(--light-steel-blue-2);
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  margin-left: -64px;
  margin-right: 2px;
  padding: 0;
  transition: all .3s;
  display: block;
}

.top-btn-link.wht.w--current {
  margin-right: 4px;
  transition-duration: 1s;
}

.top-btn-link.blk {
  background-color: var(--midnight-blue);
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  margin-right: 2px;
  padding: 0;
  transition: all .2s;
  display: block;
}

.top-btn-link.blk:hover {
  background-color: var(--grayblk);
  color: #b6bfc6;
  border-bottom-style: none;
}

.top-btn-link.blk:active {
  background-color: var(--blackgray-blue);
}

.top-btn-link.blk:focus {
  background-color: var(--tab-current);
  border-bottom-style: none;
}

.top-btn-link.blk.w--current {
  transition-duration: 1s;
}

.top-btn-link.wht {
  background-color: var(--light-steel-blue-2);
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  margin-right: 2px;
  padding: 0;
  transition: all .25s;
  display: block;
}

.top-btn-link.wht:hover {
  background-color: var(--silver-2);
  color: #b6bfc6;
  border-bottom-style: none;
}

.top-btn-link.wht:active {
  background-color: var(--steel-blue);
}

.top-btn-link.wht:focus {
  border-bottom-style: none;
}

.top-btn-link.wht.w--current {
  transition-duration: 1s;
}

.section-nav {
  background-color: var(--grayblack);
  perspective: 2000px;
  width: 100%;
  transform: ;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.section-nav.blk {
  z-index: 100;
  border-top: 1px none var(--2-black);
  border-bottom: 1px solid var(--tab-current);
  background-color: var(--blackgray-blue);
  transform: ;
  color: var(--blk-0);
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 0 0 3px #000000bf;
}

.section-nav.wht {
  z-index: 100;
  background-color: var(--white-2);
  z-index: 100;
  border-top: 1px #000;
  border-bottom: 2px solid var(--gainsboro);
  transform: ;
  background-color: #f2f2f2;
  display: block;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-nav.white {
  z-index: 100;
  border-top: 1px none var(--blue-gainsboro);
  border-bottom: 1px solid var(--blue-gainsboro);
  background-color: var(--blue-gainsboro);
  box-shadow: none;
  transform: ;
  color: var(--white-2);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.verde-txt-div {
  z-index: 5;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: -64px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  display: flex;
  position: relative;
}

.verde-txt-div.top {
  width: 60%;
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
}

.verde-txt-div.bottom {
  margin-top: 100px;
}

.list-item-goals {
  margin-bottom: 12px;
}

._4-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

._4-col-grid._100-padd {
  margin-top: 0;
  padding-top: 160px;
  padding-bottom: 160px;
}

._4-col-grid._100-padd.charting {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--grayblk);
  border-radius: 8px;
  margin-top: 140px;
  margin-bottom: 160px;
  padding: 60px 16px 32px;
}

._4-col-grid.hor-padding {
  padding-left: 200px;
  display: block;
}

._4-col-grid.projects {
  grid-template-rows: auto auto;
  grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);
  grid-auto-flow: row dense;
  margin-top: 100px;
  display: none;
}

._4-col-grid.about {
  grid-template-rows: auto;
  margin-top: 0;
}

.nav-content-container {
  display: flex;
}

.subhead-container {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
  display: flex;
}

.subhead-container.sticky {
  z-index: 5;
  justify-content: flex-end;
  width: 90%;
  max-width: 200px;
  height: 500px;
  margin: auto auto 220px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  position: sticky;
  top: 160px;
  bottom: auto;
}

.subhead-container.sticky.ipad {
  z-index: 100;
  justify-content: center;
  margin-top: 17vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 65px;
  transition: all .2s;
  bottom: 0;
}

.subhead-container.sticky.iwatch-copy {
  z-index: 100;
  margin-top: 10vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 228px;
}

.subhead-container.sticky.android-tablet {
  z-index: 100;
  justify-content: center;
  height: 300px;
  margin-top: 243px;
  margin-bottom: 141px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-76 {
  z-index: -5;
  background-color: var(--2-black);
  width: 100vw;
  height: 100%;
  margin-left: -66px;
  display: none;
  position: absolute;
  inset: 0%;
}

.side-navigation {
  z-index: 500;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: auto;
  padding-top: 10vh;
  padding-bottom: 0;
  display: block;
  position: sticky;
  top: 60px;
  bottom: auto;
}

.side-navigation.off {
  display: none;
}

.sidenav-link {
  background-color: #0000;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 8px 0 0;
  display: flex;
}

.sidenav-link.no-bg {
  background-color: var(--blk-0);
  flex: 0 auto;
  align-items: center;
  margin-bottom: 12px;
  transition: background-color .2s;
}

.img-flex {
  width: 100%;
  color: var(--5-black);
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.img-flex.vert {
  flex-direction: column;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-flex.vert.alt {
  flex: none;
  align-self: auto;
  width: 66%;
  margin-left: 0;
  margin-right: 0;
}

.img-flex.vert.iwatch {
  border: 2px solid var(--midnight-blue);
  border-radius: 4px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.img-flex.vert.iwatch.navy-fill {
  background-color: var(--midnight-blue);
  border-style: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.img-flex.vert.iwatch.grey-fill, .img-flex.vert.iwatch.nostroke {
  background-color: var(--blackgray-blue);
  border-style: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.img-flex.vert.iwatch.nostroke.ver {
  background-color: var(--blackgray-blue);
}

.img-flex.vert.iwatch.null {
  background-color: #0000;
  border-style: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.img-flex.blk-5 {
  background-color: var(--blackgray-blue);
  width: 100%;
  box-shadow: none;
  background-image: none;
  border-radius: 4px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.img-flex.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.iphone-card {
  background-color: #0000;
  border-radius: 4px;
  justify-content: flex-end;
  width: 100%;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0 0;
  display: flex;
  position: relative;
}

.iphone-card.centered-low {
  border: 1px none var(--midnight-blue);
  background-color: var(--blackgray-blue);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 100px 0 32px;
  display: flex;
  position: relative;
}

.iphone-card.centered {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: auto;
  max-height: 100vh;
  padding: 0;
  display: flex;
  position: relative;
}

.ios7-image-copy-2 {
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 488px;
  margin-left: auto;
  margin-right: auto;
}

.ipad-card {
  z-index: 5;
  background-color: #0000;
  background-image: none;
  border-radius: 4px;
  justify-content: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 100px 32px 32px;
  display: flex;
  position: relative;
}

.ipad-card.bg {
  background-color: var(--blackgray-blue);
  background-image: none;
  width: 100%;
  margin-bottom: 100px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.iwatch-card {
  background-color: #0000;
  background-image: none;
  border-radius: 4px;
  justify-content: flex-end;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 100px 100px;
  display: flex;
}

.iwatch-card.row {
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

.iwatch-card.hero {
  background-color: var(--blackgray-blue);
  background-image: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.bg-color-block {
  z-index: 0;
  background-color: #0000;
  width: 100%;
  height: 100%;
  line-height: 5px;
  position: absolute;
  inset: 0%;
}

.iphone-container {
  background-color: #0000;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  padding: 100px 50px;
  display: block;
}

.iwatch-img {
  flex: none;
  align-self: auto;
  width: 100%;
  max-width: 140px;
  margin: 0 auto auto;
  padding-bottom: 0;
  padding-left: 0;
}

.mt-hero-title-block {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 24px;
  padding-left: 32px;
}

.badge-card-2 {
  z-index: auto;
  border: 4px solid var(--blk-0);
  background-color: var(--5-black);
  border-radius: 2px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding: 24px 16px;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  transform: scale(.5);
  box-shadow: 1px 0 4px #fcfcfc1f;
}

.hero-pill-divider-copy-2 {
  background-color: #df7701;
  border-radius: 2px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 0;
  display: block;
  position: relative;
}

.h6-2 {
  color: #050505;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  align-self: center;
  margin: 0 auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.h6-2.gray-copy {
  color: var(--lt-gray-78);
  justify-content: flex-start;
  font-weight: 700;
}

.h6-2.blue {
  color: #4787b3;
}

.h6-2.blue.header {
  color: var(--steel-blue);
  flex-direction: row;
  align-items: stretch;
  margin-top: -8px;
  font-size: 14px;
  line-height: 36px;
  display: block;
}

.h6-2._16-pad {
  color: #383b40;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.h6-2._16-pad.dd-section-blk {
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.devices {
  flex-direction: column;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.devices.card {
  z-index: 5;
  box-shadow: none;
  background-color: #0000;
  justify-content: flex-start;
  position: relative;
}

.devices.content {
  z-index: 10;
  position: relative;
}

.subhead-div {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-top: 24px;
  margin-left: -10%;
  margin-right: 0;
  padding: 0 0 0 0;
  display: flex;
}

.subhead-div._1 {
  margin-top: 48px;
  margin-left: 0%;
}

.ios7-image-copy-3 {
  align-self: center;
  width: 100%;
  max-width: 488px;
  margin-left: 0;
  margin-right: 0;
}

.img-containers-ver2 {
  z-index: 5;
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: auto;
  margin-top: -70px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.watchlist-ios7-image-copy-copy {
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 327px;
  margin-top: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 16px 0;
}

.mt-hero-content-block {
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 0;
  margin-left: 0;
  padding-left: 32px;
  display: block;
  position: relative;
}

.bg-particles {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.bg-particle-gradient {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, black, var(--blackgray-blue));
  width: 100%;
  height: 100%;
  position: absolute;
}

.animated-button {
  border: 1px solid var(--blackgray-blue);
  background-color: var(--blk-0);
  border-radius: 8px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px 8px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.animated-button:hover {
  border-color: var(--blackgray-blue);
}

.label-btn {
  z-index: 10;
  justify-content: center;
  font-weight: 600;
  display: flex;
  position: relative;
}

.label-btn.wht {
  color: var(--white-2);
  flex: none;
  align-items: center;
}

.label-btn.wht.line-clamp {
  flex: none;
}

.home-hero-card {
  flex-direction: column;
  margin-top: -60px;
  padding: 60px;
  display: flex;
}

.headers-container {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 100px auto 60px;
  display: flex;
}

.hero-title-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svg-down-arrow-icon {
  z-index: 10;
  filter: brightness();
  color: var(--peru);
  object-fit: contain;
  justify-content: center;
  margin-left: 8px;
  margin-right: auto;
  transition: all .3s;
  display: flex;
  position: relative;
  transform: rotate(180deg);
}

.svg-down-arrow-icon:active {
  filter: brightness(129%);
  color: var(--light-slate-grey);
}

.svg-down-arrow-icon.freal {
  transform: none;
}

.btn-bg-color-fill {
  background-color: var(--midnight-blue);
  position: absolute;
  inset: 0%;
}

.btn-bg-color-fill.light {
  background-color: var(--midnight-blue);
  background-image: none;
}

.title-mask-2 {
  flex: none;
  align-self: center;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.title-mask-1 {
  align-self: center;
  overflow: hidden;
}

.txt-container-copy {
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  display: flex;
}

.img-container {
  object-fit: contain;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.image-30 {
  object-fit: cover;
  max-width: 384%;
  height: auto;
  transform-style: preserve-3d;
  display: inline-block;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.details-list {
  margin-top: 32px;
  padding-left: 0;
  list-style-type: none;
}

.list-item-details {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: block;
}

.list-item-details.results {
  margin-top: 16px;
}

.nav-button-next {
  background-color: var(--midnight-blue);
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.nav-button-next:hover, .nav-button-next:focus {
  border-bottom-style: none;
}

.bottom-nav {
  background-color: var(--grayblack);
  perspective: 2000px;
  width: 100%;
  transform: ;
  justify-content: center;
  align-items: center;
  display: block;
  position: static;
}

.nav-button-previous {
  background-color: var(--blkgray-20);
  flex-direction: row;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.nav-button-previous:hover {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-bottom-style: none;
  border-bottom-width: 4px;
  position: relative;
}

.nav-button-previous:focus {
  border-bottom-style: none;
}

.profile-image.test {
  background-image: url('../images/DWS_Protrait02-bw.jpg');
  background-position: 60% 10%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 8px;
  width: 90%;
  height: 80%;
}

.footer-project-links {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.footernav {
  color: #0000;
  background-color: #0000;
  border: 2px #b3cee5;
  border-radius: 0;
  flex-flow: column wrap;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 0 60px;
  display: flex;
}

.footer-copyright {
  z-index: 100;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  display: flex;
  position: relative;
}

.icon-embed {
  width: 100%;
  height: 100%;
  color: var(--blue-gainsboro);
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  transform: scale(1.2);
}

.icon-container {
  background-color: var(--midnight-blue);
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-top: 0;
  margin-left: -8px;
  margin-right: 0;
  padding: 8px;
  display: block;
  transform: scale(.7);
}

.footer-footer {
  background-color: var(--midnight-blue);
  width: 100%;
  height: auto;
  position: relative;
}

.goal-list-w-icon {
  margin-top: 16px;
  display: flex;
}

.bulltet-icon-svg {
  color: #4380a8;
  flex: 0 auto;
  align-self: flex-start;
  margin-top: -2px;
  margin-left: -8px;
  display: none;
  position: relative;
  transform: scale(.5);
}

.top-btn-contatiner {
  align-self: auto;
  width: auto;
  margin-left: -40px;
  padding: 8px 0 4px 40px;
  display: flex;
  overflow: hidden;
}

.top-btn-contatiner:hover {
  color: #0000;
  background-color: #0000;
  border-bottom-style: none;
}

.top-btn-contatiner:active {
  background-color: #0000;
}

.top-btn-contatiner:focus {
  background-color: #0000;
  border-bottom-style: none;
}

.icon-up-arrow {
  color: var(--light-steel-blue-2);
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.icon-up-arrow.wht {
  color: var(--royal-blue);
}

.chevron-icon-left-svg {
  transform-style: preserve-3d;
  align-self: center;
  position: absolute;
  left: 0;
  transform: scale(1)rotateX(0)rotateY(180deg)rotateZ(0);
}

.chevron-icon-right-svg {
  transform-style: preserve-3d;
  align-self: center;
  position: absolute;
  inset: auto 16px auto auto;
}

.bottomnav-button-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.ios7-iwatch-img-copy {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 16px;
  display: block;
}

.watchlist-ios7-image-copy-copy-copy {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  max-width: 386px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.ios7-iwatch-img-sm {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 105px;
  margin-bottom: 0;
  display: block;
}

.ios7-iwatch-img-copy {
  object-fit: contain;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 105px;
  margin-bottom: 0;
  display: block;
}

.sidenav-title {
  max-width: 7ch;
  margin-bottom: 24px;
  margin-left: 40px;
  padding-right: 0;
}

.sidenav-title.tmargin {
  margin-top: 40px;
}

.sidenav-link-label {
  flex: none;
  align-self: center;
}

.top-icon-container {
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 44px;
  height: auto;
  margin-top: 0;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0 4px 10px;
  display: flex;
  position: relative;
}

.top-icon-container.wht {
  margin-left: 8px;
}

.button-label {
  color: var(--light-steel-blue-2);
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  inset: auto auto 4px;
}

.button-label.wht {
  color: var(--royal-blue);
}

.img-android-tablet {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-top: 60px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.img-android-tablet.hero {
  width: 90%;
  max-width: 415px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.charting-features-hero {
  z-index: 500;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 100%;
  margin: 0 auto 32px;
  padding: 0;
}

.div-block-91 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 0;
}

.div-block-92 {
  width: 90%;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-93 {
  flex-direction: column;
  display: flex;
}

.theme-text-container {
  width: 100%;
  max-width: 55ch;
  margin: 0 auto;
  padding: 0 40px;
  position: static;
  top: 80px;
}

.theme-text-container.left {
  max-width: none;
  padding-top: 0;
  padding-left: 56px;
  padding-right: 40px;
}

.theme-text-container.left._100tmargin {
  padding-top: 100px;
}

.theme-text-container.right {
  padding-left: 0;
  padding-right: 56px;
}

.section-nav-tab-blk {
  z-index: 0;
  background-color: #000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin-left: 0;
  margin-right: 2px;
  padding: 16px 0 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.section-nav-tab-blk:hover, .section-nav-tab-blk:focus {
  border-bottom-style: none;
}

.section-nav-tab-blk.w--current {
  background-color: var(--blackgray-blue);
  flex: 1;
  transition: all .3s;
}

.section-nav-tab-blk._0, .section-nav-tab-blk._1 {
  z-index: 0;
  position: relative;
}

.tab-underline {
  background-color: var(--peru);
  width: 100%;
  height: 4px;
  transition: all .3s;
}

.tab-underline:hover {
  background-color: var(--peru);
}

.tab-underline:active {
  background-color: var(--burnt-orange);
}

.tab-underline:focus {
  background-color: var(--peru);
}

.tab-underline.w--current {
  background-color: var(--peru);
  align-self: stretch;
  width: 100%;
}

.main-nav-tab {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  height: 100%;
  margin-left: 0;
  margin-right: 4px;
  padding: 40px 0 0;
  display: flex;
}

.main-nav-tab:hover, .main-nav-tab:focus {
  border-bottom-style: none;
}

.main-nav-tab.w--current {
  background-color: #0000;
}

.main-nav-tab.wht.w--current {
  background-color: var(--silver-2);
  transition: all .3s;
}

.mainnav-tab-ul {
  background-color: var(--peru);
  width: 100%;
  height: 4px;
  transition: all .3s;
}

.mainnav-tab-ul:hover {
  background-color: var(--peru);
}

.mainnav-tab-ul:active {
  background-color: var(--burnt-orange);
}

.mainnav-tab-ul:focus {
  background-color: var(--peru);
}

.mainnav-tab-ul.w--current {
  background-color: var(--peru);
  align-self: stretch;
  width: 100%;
}

.mainnav-tab-ul._1 {
  z-index: 5;
  position: relative;
}

.mainnav-tab-ul._0 {
  flex: none;
  align-self: auto;
}

.dd-toggle-container {
  flex-direction: row;
  flex: 1;
  align-self: center;
  padding-left: 16px;
  padding-right: 10px;
  display: flex;
}

.dd-toggle-container.main {
  z-index: 5;
  position: relative;
}

.dropdown-chevron {
  transform-origin: 50% 40%;
  color: var(--white-2);
  align-self: flex-start;
  margin-top: -1px;
  margin-left: 0;
  display: inline-block;
  position: relative;
}

.dropdown-chevron.dark, .dropdown-chevron.wht {
  color: var(--blk-0);
}

.html-embed-9 {
  transform-origin: 50% 40%;
  color: var(--grayblack);
  display: inline-block;
  transform: rotate(-180deg);
}

.nav-dropdown.dark, .nav-dropdown.wht {
  display: flex;
  position: static;
}

.dd-link-block {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dd-link-block:hover {
  border-bottom-style: none;
}

.dd-link-block:active {
  color: var(--white-2);
}

.dd-link-block:focus {
  white-space: normal;
  border-bottom-style: none;
}

.dd-link-block.w--current {
  filter: brightness(300%);
  color: #0000;
}

.dd-link-block._1 {
  transition: none;
}

.container {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
  position: relative;
}

.div-block-100 {
  margin-top: 8px;
}

.android-svg-icon {
  z-index: 10;
  color: var(--light-steel-blue-2);
  flex: none;
  margin-right: 8px;
  position: relative;
}

.apple-svg-icon {
  z-index: 10;
  color: var(--light-steel-blue-2);
  margin-right: 8px;
  position: relative;
}

.mainnav-tab-pill {
  background-color: var(--peru);
  width: 100%;
  height: 4px;
  transition: all .3s;
  display: none;
}

.mainnav-tab-pill:hover {
  background-color: var(--peru);
}

.mainnav-tab-pill:active {
  background-color: var(--burnt-orange);
}

.mainnav-tab-pill:focus {
  background-color: var(--peru);
}

.mainnav-tab-pill.w--current {
  background-color: var(--peru);
  align-self: stretch;
  width: 100%;
}

.dd-menu {
  flex-direction: column;
  justify-content: flex-start;
  width: 440px;
  margin: 15vh auto 0;
  display: block;
}

.dd-link-main {
  margin-bottom: 16px;
  display: flex;
}

.dd-link-pill {
  background-color: var(--midnight-blue);
  opacity: 1;
  border-radius: 2px;
  align-self: center;
  width: 8px;
  height: 56px;
  transition: opacity .3s;
}

.dd-link-pill:hover {
  background-color: var(--peru);
  border-bottom-style: none;
}

.dd-link-pill:focus {
  border-bottom-style: none;
}

.dd-link-pill.w--current {
  background-color: var(--peru);
  opacity: 1;
  transition: opacity .3s;
}

.dd-link-pill._1, .dd-link-pill._2 {
  width: 6px;
  transition-property: all;
}

.dd-link-pill._2:hover, .dd-link-pill._2:focus {
  border-bottom-style: none;
}

.dd-link-pill._3, .dd-link-pill._4 {
  width: 6px;
  transition-property: all;
}

.linknum-div {
  align-items: flex-start;
  height: 36px;
  display: block;
}

.mainnav-blk {
  z-index: 5000;
  background-color: #0000;
  background-image: none;
  height: 100px;
  position: absolute;
}

.main_nav-wht {
  max-width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  inset: 0% 0% auto;
}

.dropdown-toggle-sectionnav {
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 40px 0 0;
  transition: all .3s ease-in;
  display: flex;
}

.dropdown-toggle-sectionnav:hover {
  color: var(--lt-gray-78);
  background-color: #0000;
}

.dropdown-toggle-sectionnav:active, .dropdown-toggle-sectionnav:focus {
  background-color: #0000;
}

.dropdown-toggle-sectionnav.w--open {
  border-bottom: 0 solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition-duration: .3s;
  position: static;
}

.dropdown-chevron-copy {
  transform-origin: 50% 40%;
  color: var(--2-black);
  align-self: flex-start;
  margin-top: -1px;
  margin-left: 0;
  display: inline-block;
  position: relative;
}

.logo-link-wht {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -240px;
  padding-left: 240px;
  padding-right: 5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-link-wht:hover {
  border-bottom-style: none;
}

.logo-link-wht:focus {
  background-color: #0000;
  border-bottom-style: none;
}

.logo-link-wht.alt01 {
  align-self: flex-start;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.mainnav-hamburger-wht {
  border: 1px solid var(--dim-grey);
  border-radius: 8px;
  width: 66px;
  height: 88px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 26px 0;
}

.hamburger-icon-wht {
  float: none;
  color: var(--peru);
  text-align: center;
  font-size: 24px;
}

.navbar-menu-wht {
  height: auto;
  display: flex;
  position: static;
}

.dd-link-pill-wht {
  background-color: var(--light-steel-blue);
  opacity: 1;
  border-radius: 2px;
  align-self: center;
  width: 6px;
  height: 56px;
  transition: all .3s;
}

.dd-link-pill-wht:hover {
  background-color: var(--peru);
  border-bottom-style: none;
}

.dd-link-pill-wht:focus {
  border-bottom-style: none;
}

.dd-link-pill-wht.w--current {
  background-color: var(--peru);
  opacity: 1;
  transition: opacity .3s;
}

.dd-link-block-copy {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dd-link-block-copy:hover {
  border-bottom-style: none;
}

.dd-link-block-copy:active {
  color: var(--white-2);
}

.dd-link-block-copy:focus {
  white-space: normal;
  border-bottom-style: none;
}

.dd-link-block-copy.w--current {
  filter: brightness(300%);
  color: #0000;
}

.dd-link-block-copy._2.w--current, .dd-link-block-copy._4.w--current {
  filter: brightness(30%);
}

.dd-link-block-wht {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dd-link-block-wht:hover {
  border-bottom-style: none;
}

.dd-link-block-wht:active {
  color: var(--white-2);
}

.dd-link-block-wht:focus {
  white-space: normal;
  border-bottom-style: none;
}

.dd-link-block-wht.w--current {
  filter: brightness(300%);
  color: #0000;
}

.dd-link-block-wht._2.w--current, .dd-link-block-wht._4.w--current {
  filter: brightness(50%);
}

.dd-link-block-test {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dd-link-block-test:hover {
  border-bottom-style: none;
}

.dd-link-block-test:active {
  color: var(--white-2);
}

.dd-link-block-test:focus {
  white-space: normal;
  border-bottom-style: none;
}

.dd-link-block-test.w--current {
  filter: brightness(300%);
  color: #0000;
}

.dd-link-block-test._4 {
  transition: color .3s;
}

.dd-link-block-test._4.w--current {
  filter: brightness(30%);
}

.dd-link-sectiom-nav-block {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dd-link-sectiom-nav-block:hover {
  border-bottom-style: none;
}

.dd-link-sectiom-nav-block:active {
  color: var(--white-2);
}

.dd-link-sectiom-nav-block:focus {
  white-space: normal;
  border-bottom-style: none;
}

.dd-link-sectiom-nav-block.w--current {
  filter: brightness(300%);
  color: #0000;
}

.dd-link-sectiom-nav-block._1 {
  transition: none;
}

.section-nav-tab-wht {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin-left: 0;
  margin-right: 4px;
  padding: 16px 0 0;
  transition: all .2s;
  display: flex;
}

.section-nav-tab-wht:hover, .section-nav-tab-wht:focus {
  border-bottom-style: none;
}

.section-nav-tab-wht.w--current {
  background-color: var(--alice-blue);
  margin-right: 2px;
  transition: all .3s;
}

.dd-link-section {
  margin-bottom: 16px;
  display: flex;
}

.section-nav-dropdown.wht, .section-nav-dropdown.blk, .section-nav-dropdown.wht {
  display: none;
  position: static;
}

.dropdown-list-sectionnav {
  z-index: 110;
  background-color: var(--grayblack);
  display: none;
  inset: 0% 0% auto;
  overflow: hidden;
}

.dropdown-list-sectionnav.w--open {
  background-color: #0000;
  background-image: linear-gradient(270deg, var(--5-black) 32%, var(--blackgray-blue));
  cursor: pointer;
  border: 1px #000;
  border-radius: 0 0 4px 4px;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  max-width: 1440px;
  height: 100vh;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0%;
  padding: 0 0 0 0%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dropdown-list-sectionnav.wht.w--open, .dropdown-list-sectionnav.blk.w--open, .dropdown-list-sectionnav.wht.w--open {
  background-image: linear-gradient(to right, var(--white-2), var(--gainsboro) 67%);
}

.dd-link-pill-48px {
  background-color: var(--silver-2);
  opacity: 1;
  border-radius: 2px;
  align-self: center;
  width: 8px;
  height: 56px;
  transition: opacity .3s;
}

.dd-link-pill-48px:hover {
  background-color: var(--peru);
  border-bottom-style: none;
}

.dd-link-pill-48px:focus {
  border-bottom-style: none;
}

.dd-link-pill-48px.w--current {
  background-color: var(--peru);
  opacity: 1;
  transition: opacity .3s;
}

.section-header-content {
  margin-bottom: 100px;
}

.section-header-content.main {
  z-index: 2;
  flex-direction: column;
  width: 60%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 220px;
  position: relative;
}

.section-header-content.main.alt {
  padding-top: 68px;
}

.section-header-content.main.off {
  display: none;
}

.section-header-content.main.vdl {
  padding-top: 100px;
  padding-bottom: 0;
}

.section-header-content.projects {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 32px;
  display: block;
}

.section-header-content.overview {
  z-index: 50;
  border-radius: 8px;
  flex-direction: column;
  margin: 0 auto;
  padding: 100px 40px 220px;
  position: relative;
}

.section-header-content.outcomes {
  flex-direction: column;
  margin: 0 auto 100px;
  padding-top: 100px;
  display: block;
}

.section-header-content.splash {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 200px;
  display: flex;
  position: relative;
}

.section-header-content.motion {
  flex-direction: column;
  width: 680px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 200px;
}

.section-header-content.pages {
  flex-direction: column;
  margin: 0 auto 100px;
  padding-top: 100px;
  display: block;
}

.div-block-103 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
}

.contact-card {
  border: 2px solid var(--white-2);
  background-color: #e5edf2;
  border-radius: 8px;
  justify-content: center;
  width: 264px;
  min-width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  box-shadow: 6px 6px 18px -8px #05050533;
}

.contact-card:hover {
  border: 1px solid var(--steel-blue);
  background-color: var(--white-2);
}

.contact-card:active {
  border-style: solid;
}

.contact-card._2 {
  border-width: 2px;
  border-color: var(--white-2);
  border-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto auto;
  transition: all .2s;
}

.contact-card._1 {
  border-color: var(--white-2);
  background-color: var(--white-2);
  justify-content: center;
  margin: auto auto 8px;
  transition: all .2s;
}

.contact-card._1:hover {
  border-width: 2px;
  border-color: var(--light-steel-blue-2);
}

.footer-link-list {
  grid-column-gap: 2vw;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 0;
  display: grid;
  position: relative;
}

.footer-link-list-item {
  flex: none;
  list-style-type: none;
  position: relative;
}

.footer-link-list-item.end {
  border-right-style: none;
}

.contact-content-container {
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 0 0 32px;
  display: block;
}

.html-embed-11 {
  align-self: center;
}

.big-body-txt-2 {
  color: #050505;
  text-align: left;
  letter-spacing: .4px;
  flex: 0 auto;
  align-self: auto;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}

.big-body-txt-2.wht {
  color: #fcfcfc;
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.big-body-txt-2.wht.overview-intro.alt {
  max-width: 58ch;
}

.big-body-txt-2.wht.overview-intro {
  max-width: 49ch;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.big-body-txt-2.wht.overview-intro.animup {
  max-width: 51ch;
}

.big-body-txt-2.blk {
  max-width: 90%;
}

.big-body-txt-2.blk.section-intro, .big-body-txt-2.blk.motion {
  max-width: 55ch;
}

.big-body-txt-2.blk.about {
  width: 100%;
  max-width: 60ch;
  margin-top: 0;
}

.prj-card-main {
  z-index: auto;
  border: 2px none var(--silver);
  background-color: var(--blackgray-blue);
  perspective: 2000px;
  width: 100%;
  min-width: 320px;
  max-width: 380px;
  height: 100%;
  transform: ;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.img-container-card {
  z-index: 5;
  border-radius: 4px 4px 0 0;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.img-container-card.bg {
  background-color: var(--midnight-blue);
  background-image: none;
  flex: none;
  width: 100%;
  height: 300px;
}

.img-container-card.bg-copy {
  background-color: var(--2-black);
  background-image: linear-gradient(to bottom, var(--blue-gainsboro) 25%, var(--silver) 68%, var(--blue-gainsboro) 90%);
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-bottom: auto;
}

.image-31 {
  object-fit: cover;
  border: 1px #000;
  width: auto;
  max-width: none;
  height: 30vh;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.image-31._1 {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.image-31._4 {
  background-image: url('../images/ToS_Splash_thumbnail-copy.png');
  background-repeat: no-repeat;
  background-size: 500px;
  background-attachment: scroll;
  flex: none;
  width: 500px;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
}

.image-31._4.off {
  display: none;
}

.image-31._3 {
  height: 120%;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  align-self: stretch;
  margin-top: -25px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  left: auto;
}

.card-content-container {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 340px;
  margin: 32px auto 0;
  padding: 0 16px;
  display: flex;
}

.button {
  background-color: var(--blk-0);
  border-radius: 8px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px 8px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.button:hover {
  border-bottom-style: none;
}

.button:active {
  color: var(--light-slate-grey);
  border-bottom-style: none;
}

.button:focus {
  border-bottom-style: none;
}

.button.animated {
  border: 1px solid var(--blkgray-20);
  flex: 0 auto;
  justify-content: center;
  width: 80%;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
  transition-duration: .26s;
  display: flex;
}

.button.animated.download {
  border: 1px solid var(--blkgray-20);
  flex: none;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 160px;
}

.button.animated.download.freal {
  border-color: var(--light-steel-blue-2);
  background-color: var(--white-2);
  width: 100%;
  margin-top: 4px;
  margin-bottom: 16px;
}

.button.download {
  border: 2px none var(--steel-blue);
  background-color: var(--blk-0);
  flex: 0 auto;
  justify-content: center;
  width: 60%;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
  transition-duration: .26s;
  display: flex;
}

.h1-2 {
  color: #050505;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.h1-2.wht {
  color: #fcfcfc;
  margin-right: auto;
}

.h3-3 {
  color: #050505;
  letter-spacing: 1px;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
}

.h3-3.wht {
  color: #fcfcfc;
  align-self: center;
  line-height: 38px;
}

.h3-3.blk {
  line-height: 1.3;
}

.h3-3.blk.subhead {
  margin-top: 0;
  padding-bottom: 0;
}

.sm-body-txt-2 {
  color: #050505;
  letter-spacing: .4px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.sm-body-txt-2.wht {
  color: #fcfcfc;
  text-align: left;
  text-transform: none;
  align-self: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.sm-body-txt-2.wht.tall {
  margin-top: 0;
  line-height: 36px;
}

.sm-body-txt-2.wht.tmargin32 {
  margin-top: 32px;
}

.sm-body-txt-2.wht.listitem {
  margin-left: 4px;
}

.sm-body-txt-2.wht._700 {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
}

.bulltet-icon-svg-2 {
  color: #4380a8;
  flex: 0 auto;
  align-self: flex-start;
  margin-top: -2px;
  margin-left: -8px;
  position: relative;
  transform: scale(.5);
}

.h1-colored-pill-3 {
  z-index: 100;
  background-color: #df7701;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  width: 8px;
  height: 24px;
  margin-right: auto;
  position: absolute;
  left: 0%;
}

.pill-divider-hero-2 {
  background-color: #df7701;
  border-radius: 2px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 8px;
  margin: 0 auto 32px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.pill-divider-hero-3 {
  background-color: #df7701;
  border-radius: 2px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 8px;
  margin: 0 auto 24px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.dropdown-list-sectionnav-2 {
  z-index: 110;
  background-color: #191919;
  display: none;
  inset: 0% 0% auto;
  overflow: hidden;
}

.dropdown-list-sectionnav-2.w--open {
  cursor: pointer;
  background-color: #0000;
  background-image: linear-gradient(270deg, #0d0d0d 32%, #161819);
  border: 1px #000;
  border-radius: 0 0 4px 4px;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  max-width: 1440px;
  height: 100vh;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0%;
  padding: 0 0 0 0%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dropdown-list-sectionnav-2.blk.w--open {
  background-image: linear-gradient(to right, #fcfcfc, #e6e6e6 67%);
}

.section-nav-tab-blk-2 {
  background-color: var(--blk-0);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin-left: 0;
  margin-right: 2px;
  padding: 16px 0 0;
  transition: all .2s;
  display: flex;
}

.section-nav-tab-blk-2:hover, .section-nav-tab-blk-2:focus {
  border-bottom-style: none;
}

.section-nav-tab-blk-2.w--current {
  background-color: var(--blackgray-blue);
  margin-right: 2px;
  transition: all .3s;
}

.top-button-label {
  color: var(--light-steel-blue-2);
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  inset: auto auto 4px;
}

.top-button-label.wht {
  color: var(--midnight-blue);
}

.mainnav-tab-pill-2 {
  background-color: #df7701;
  width: 100%;
  height: 4px;
  transition: all .3s;
  display: none;
}

.mainnav-tab-pill-2:hover {
  background-color: #df7701;
}

.mainnav-tab-pill-2:active {
  background-color: #c46800;
}

.mainnav-tab-pill-2:focus {
  background-color: #df7701;
}

.mainnav-tab-pill-2.w--current {
  background-color: #df7701;
  align-self: stretch;
  width: 100%;
}

.h5-2 {
  color: #050505;
  text-align: left;
  letter-spacing: 1.8px;
  text-transform: none;
  flex-direction: column;
  flex: 1;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.dropdown-toggle-sectionnav-2 {
  cursor: pointer;
  background-color: #f2f2f2;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 40px 0 0;
  transition: all .3s ease-in;
  display: flex;
}

.dropdown-toggle-sectionnav-2:hover {
  color: #c6c6c6;
  background-color: #0000;
}

.dropdown-toggle-sectionnav-2:active, .dropdown-toggle-sectionnav-2:focus {
  background-color: #0000;
}

.dropdown-toggle-sectionnav-2.w--open {
  background-color: #e6e6e6;
  border-bottom: 0 solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition-duration: .3s;
  position: static;
}

.mainnav-tab-ul-2 {
  background-color: #df7701;
  width: 100%;
  height: 4px;
  transition: all .3s;
}

.mainnav-tab-ul-2:hover {
  background-color: #df7701;
}

.mainnav-tab-ul-2:active {
  background-color: #c46800;
}

.mainnav-tab-ul-2:focus {
  background-color: #df7701;
}

.mainnav-tab-ul-2.w--current {
  background-color: #df7701;
  align-self: stretch;
  width: 100%;
}

.dropdown-arrow-icon-2 {
  color: #fcfcfc;
  background-color: #0000;
  margin-top: 42px;
  margin-bottom: 0;
  margin-right: 14px;
  padding: 0;
  display: none;
  position: absolute;
  transform: perspective(1020px);
}

.dropdown-arrow-icon-2:hover {
  color: #c6c6c6;
}

.dropdown-arrow-icon-2:active {
  color: #df7701;
}

.dropdown-arrow-icon-2:focus {
  color: #fcfcfc;
}

.icon-up-arrow-lgt-blue {
  color: var(--light-steel-blue-2);
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 4px;
  display: block;
  transform: none;
}

.dropdown-chevron-2 {
  transform-origin: 50% 40%;
  color: #fcfcfc;
  align-self: flex-start;
  margin-top: -1px;
  margin-left: 0;
  display: inline-block;
  position: relative;
}

.tab-underline-2 {
  background-color: #df7701;
  width: 100%;
  height: 4px;
  transition: all .3s;
}

.tab-underline-2:hover {
  background-color: #df7701;
}

.tab-underline-2:active {
  background-color: #c46800;
}

.tab-underline-2:focus {
  background-color: #df7701;
}

.tab-underline-2.w--current {
  background-color: #df7701;
  align-self: stretch;
  width: 100%;
}

.subhead-container-book {
  z-index: 10;
  width: 96%;
  margin: 220px auto 0;
  padding: 0 16px 0 0;
  position: relative;
}

.subhead-container-book.ta {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60%;
  margin-bottom: 20%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 298px;
  bottom: auto;
}

.subhead-container-book.td-mobile {
  z-index: 5;
  width: 100%;
  margin: 0 auto 0 0;
  padding-top: 0;
  padding-right: 0;
}

.subhead-container-book.centered {
  margin-top: 220px;
}

.subhead-container-book.mt {
  width: 90%;
  margin: 0 auto;
}

.subhead-container-book.b-a {
  z-index: 5;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto 0 0;
  padding-right: 0;
  display: block;
}

.subhead-container-book.mt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5%;
  margin-bottom: 13%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 298px;
  bottom: auto;
}

.subhead-container-book.first {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.page-embeds {
  display: none;
}

.section-4 {
  width: 100vw;
  height: 100vh;
}

.container-2 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 220px;
  display: flex;
}

.orange {
  z-index: 1;
  background-color: var(--peru);
  width: 40%;
  height: 80%;
  margin: auto;
  position: absolute;
}

.navy {
  z-index: 2;
  background-color: var(--midnight-blue);
  width: 80%;
  height: 80%;
  margin: auto;
  position: absolute;
}

.bg-img {
  background-image: linear-gradient(to bottom, var(--2-black), var(--2-black)), url('../images/Book_Mockup_Back_Cover_16-9_01.jpg');
  -webkit-text-fill-color: inherit;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
  position: relative;
}

.container-test {
  background-color: var(--burnt-orange);
  width: 100%;
  height: 100%;
  position: relative;
}

.text {
  background-color: var(--white-2);
  color: var(--2-black);
  padding: 29px;
  font-size: 56px;
  font-weight: 900;
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text.line-clamp {
  font-size: 50px;
  line-height: 1.2;
}

.slider-arrow-icon {
  color: var(--light-steel-blue-2);
  text-shadow: 3px 0 1px #1b293380;
  transition: color .1s;
}

.slider-arrow-icon:hover {
  color: #6ca7d9;
}

.slider-arrow-icon:active {
  color: var(--white-2);
}

.embed-clamp {
  display: none;
}

.sectionnav-title {
  color: var(--light-steel-blue-2);
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.sectionnav-title.line-clamp {
  color: var(--silver);
  flex: 0 auto;
  margin-left: -8px;
  display: none;
}

.img-mask {
  z-index: 6;
  background-color: var(--peru);
  opacity: 1;
  background-image: none;
  width: 100vw;
  height: 20vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.img-mask._2 {
  margin-bottom: auto;
  display: block;
  inset: auto 0% 0%;
}

.image-32 {
  max-width: 105%;
  margin-left: auto;
  margin-right: auto;
}

.image-33, .image-34, .image-35, .image-36 {
  margin-left: auto;
  margin-right: auto;
}

.img-container---verde-hero {
  z-index: 5;
  height: 38vw;
  max-height: 570px;
  margin-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.tabs-content {
  margin-top: 16px;
  display: block;
}

.bullet-icon {
  background-color: #df7701;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  flex: none;
  width: 4px;
  height: 20px;
  margin-left: 0;
  margin-right: 8px;
  position: relative;
  left: 0%;
}

.bullet-icon.blue {
  background-color: var(--royal-blue);
  border-radius: 1px;
  align-self: auto;
  width: 3px;
  height: 12px;
  margin-top: 5px;
  margin-right: 4px;
}

.dd-bg-div {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.icon-svg---embed {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.7);
}

.verde-icon-container {
  width: auto;
  height: auto;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.html-embed-14 {
  flex: 1;
  width: 100%;
  margin: 60px auto 60px 0;
  position: relative;
}

.hero-title-div {
  z-index: 5;
  position: relative;
}

.hero-copy-div {
  z-index: 2;
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
}

.div-block-114-copy-copy {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-114 {
  flex-flow: column wrap;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.image-37 {
  width: auto;
  max-width: 340px;
  max-height: 340px;
  margin-left: auto;
  padding: 0 8px 8px 0;
}

.image-37._50 {
  width: 50%;
}

.image-37._50-copy {
  width: 42%;
  margin-left: 0;
}

.image-37-copy {
  width: 100%;
  max-width: 340px;
  margin-top: 60px;
  padding: 0 8px 8px 0;
}

.div-block-114-copy-copy-copy {
  z-index: 50;
  z-index: 2;
  justify-content: space-between;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: none;
  position: relative;
}

.myvideos-embed._1280 {
  width: 100%;
}

.myvideos-embed.aspectratio-4-3 {
  justify-content: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.splash-credits.card {
  background-color: var(--blackgray-blue);
  width: auto;
  height: auto;
  box-shadow: 0 1px 3px 0 var(--shadow);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 60px;
  padding: 8px;
  display: flex;
}

.div-block-117 {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  display: flex;
}

.contant-btn-container {
  margin-top: auto;
  margin-bottom: 32px;
}

.video-title-container {
  width: 100%;
}

.html-embed-15 {
  display: none;
}

._2-col-grid-3 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: relative;
}

._2-col-grid-3.ds-video {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  background-image: none;
  grid-template-rows: auto;
  grid-auto-flow: column dense;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
}

.h6-3 {
  color: #050505;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  margin: 0 auto 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.h6-3.gray {
  color: #3b5a6f;
  justify-content: flex-start;
  margin-left: 0;
}

.sm-body-txt-3 {
  color: #050505;
  letter-spacing: .4px;
  align-self: center;
  max-width: 65ch;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.bg-motion-hero {
  z-index: 0;
  background-color: var(--alice-blue);
  background-image: linear-gradient(135deg, #b3cee5e6 1%, var(--alice-blue) 28%, var(--alice-blue) 61%, #b3cee5d6 85%), url('../images/SCANLINE-3-by-freeject.net.png');
  opacity: 1;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 0% 0%;
}

.dropdown-toggle-mainnav {
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 40px 0 0;
  transition: all .2s ease-in;
  display: flex;
}

.dropdown-toggle-mainnav:hover {
  color: var(--lt-gray-78);
  background-color: #0000;
}

.dropdown-toggle-mainnav:active, .dropdown-toggle-mainnav:focus {
  background-color: #0000;
}

.dropdown-toggle-mainnav.w--open {
  border-bottom: 0 solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition-duration: .3s;
  position: static;
}

.div-block-120 {
  padding-top: 16px;
  padding-right: 16px;
  display: block;
}

.text-description-wrapper {
  border: 4px #000;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.release-header-img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  position: relative;
  inset: 7% 0% auto;
}

.image-38 {
  width: 90%;
  max-width: 1226px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.group-content-div {
  z-index: 2;
  background-color: #0000;
  border-radius: 4px;
  padding: 0;
  display: block;
  position: relative;
}

.group-content-div.nohorpadding {
  width: 60%;
  padding: 0;
}

.group-content-div.grid {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 32px;
  display: flex;
  overflow: hidden;
}

.group-content-div.nopadding {
  width: auto;
  padding-bottom: 0;
}

.txt-wrapper-delayed {
  z-index: 2;
  background-color: #0000;
  border-radius: 4px;
  padding: 0;
  display: block;
  position: relative;
}

.txt-wrapper-delayed.nohorpadding {
  width: 60%;
  padding: 0;
}

.txt-wrapper-delayed.grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 0 32px;
  display: grid;
}

.txt-wrapper-delayed.nopadding {
  width: auto;
  padding-bottom: 0;
}

.txt-wrapper--hero {
  z-index: 2;
  background-color: #0000;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  padding: 140px 33px;
  display: block;
  position: relative;
}

.txt-wrapper--hero.nohorpadding {
  width: 60%;
  padding: 0;
}

.txt-wrapper--hero.grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 0 32px;
  display: grid;
}

.txt-wrapper--hero.white {
  background-color: var(--white-2);
  width: 100%;
  padding: 48px;
  overflow: visible;
}

.txt-wrapper--hero.white.color {
  height: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 48px;
}

.txt-wrapper--hero.white._140 {
  border: 4px solid var(--white-2);
  background-color: var(--white-2);
  border-radius: 0;
  padding-top: 12vw;
  padding-bottom: 12vw;
}

.txt-wrapper--hero.icons {
  background-color: var(--blue-gainsboro);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  display: flex;
  overflow: hidden;
}

.test {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tm-span {
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: -41px;
}

.tm-span.hero {
  font-size: 12px;
}

.tm-span.h3-mark {
  top: -24px;
}

.tm-span.h4-mark {
  font-size: 14px;
  font-weight: 500;
  top: -20px;
}

.transition {
  z-index: 10000;
  background-color: var(--peru);
  object-fit: fill;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.txt-flex {
  z-index: 2;
  background-color: #0000;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.txt-flex.nohorpadding {
  width: 60%;
  padding: 0;
}

.txt-flex.grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 0 32px;
  display: grid;
}

.txt-flex.nopadding {
  width: auto;
  padding-bottom: 0;
}

.txt-flex.credit-content {
  max-width: 44ch;
  margin-left: auto;
  margin-right: 0;
}

.txt-flex.vert-padding {
  border-bottom: 4px none var(--white-smoke);
  background-color: var(--white-2);
  border-radius: 8px 8px 0 0;
  justify-content: center;
  margin: 0;
  padding: 60px 48px 32px;
}

.div-block-122 {
  background-color: var(--steel-blue);
}

.div-block-123 {
  width: auto;
  margin-right: auto;
  display: block;
}

.div-block-124 {
  width: auto;
  margin-top: 16px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.video-bottom-label {
  z-index: 1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  display: flex;
  position: relative;
}

.div-block-126 {
  z-index: 0;
  object-fit: fill;
  background-image: url('../images/tda_cover_black_for_hero-compressed.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: auto;
  transform: translate(38px, 71px);
}

.overview-bg-img-container {
  z-index: 0;
  background-color: var(--grayblk);
  object-fit: fill;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: -6% 0% 0% auto;
  overflow: hidden;
}

.book-bg-image-div {
  z-index: auto;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--blackgray-blue), var(--shadow) 37%, var(--blackgray-blue) 72%), url('../images/tda_cover_black_for_hero-compressed.png');
  filter: brightness(39%);
  background-position: 0 0, 100% 70%;
  background-size: auto, 2292px;
  background-attachment: scroll, fixed;
  flex: 0 auto;
  justify-content: space-between;
  width: 1942px;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
  transform: translate(48px);
}

.image-39 {
  z-index: 0;
  filter: brightness(40%);
  background-color: #0000;
  flex: none;
  align-self: auto;
  width: 2010px;
  max-width: none;
  display: none;
  position: relative;
  inset: -40% 0% 0%;
}

.div-block-127 {
  z-index: 5;
  background-color: #8a2323;
  background-image: none;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.bg-img-gradient {
  z-index: 5;
  background-color: #0000;
  background-image: linear-gradient(190deg, var(--grayblk) 10%, transparent 21%, transparent 70%, var(--grayblk) 85%), linear-gradient(to right, var(--grayblk) 38%, #0505054d 58%, #0b0c0fdb 70%, #00000026 90%, var(--grayblk) 98%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.book-overview-bg-img {
  z-index: 1;
  opacity: .67;
  filter: brightness(60%);
  background-color: #0000;
  flex: none;
  align-self: flex-start;
  width: 2010px;
  max-width: none;
  display: block;
  position: relative;
  inset: 7px 0% 0%;
}

.div-block-128 {
  flex: none;
  margin-left: -69px;
  display: block;
}

.dd-menu-bg {
  padding-bottom: 0;
  padding-right: 0;
  display: none;
}

.bg-gradient---verde-hero {
  z-index: -1;
  background-color: var(--alice-blue);
  background-image: linear-gradient(270deg, var(--light-steel-blue-2), var(--alice-blue) 31%);
  justify-content: center;
  align-items: center;
  width: 150vw;
  height: 500vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto auto 0% -33%;
}

.no-scroll {
  overflow: hidden;
}

.section-bg-color {
  z-index: 0;
  background-color: var(--grayblk);
  width: 102vw;
  box-shadow: none;
  opacity: 1;
  background-image: none;
  margin-left: -1vw;
  position: absolute;
  inset: 0% auto 0% -5%;
}

.section-bg-color.blue {
  background-color: var(--light-steel-blue-2);
}

.section-bckgrnd-color-div {
  z-index: 1;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--5-black), transparent 60%, var(--5-black) 75%);
  opacity: 1;
  width: 107vw;
  height: 40%;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-bckgrnd-img-div {
  z-index: 0;
  background-color: #000;
  background-image: linear-gradient(to right, var(--blk-0), transparent 39%, var(--blk-0) 95%), url('../images/MT_Hero_BG_Image2x-copy-2.png');
  opacity: .3;
  filter: brightness(67%) blur(2px);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  width: 100vw;
  height: 25.7%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-bckgrnd-img-div._2 {
  background-image: url('../images/MT_Hero_BG_Image2x-copy-2.png');
  background-position: 0 0;
  background-size: auto 1060px;
  display: none;
}

.tos-badge-wrapper {
  display: flex;
}

.div-block-131 {
  background-color: var(--blackgray-blue);
  width: 100%;
  display: none;
}

.div-block-131-copy {
  background-color: var(--5-black);
  background-color: var(--2-black);
  z-index: 1;
  background-color: var(--blackgray-blue);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.div-block-131-copy-copy {
  background-color: var(--2-black);
  margin-left: auto;
  margin-right: auto;
}

.span {
  font-family: Playfair Display, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.label {
  color: var(--2-black);
  font-size: 14px;
  font-weight: 400;
}

.label.head {
  font-weight: 600;
}

.label.blk {
  flex: 0 auto;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.label.wht {
  color: var(--white-2);
}

.label.light-gray {
  width: 333px;
  color: var(--silver-2);
  text-align: center;
  margin: 16px auto 0;
  font-size: 14px;
  font-weight: 500;
}

.label.light-gray.foreword {
  text-align: right;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.label.light-gray.right {
  text-align: right;
  margin-right: 0;
  line-height: 20px;
}

.label.header {
  text-transform: uppercase;
  font-weight: 700;
}

.label.header.blue {
  width: 100%;
  color: var(--light-steel-blue-2);
  flex: none;
  align-self: center;
  font-weight: 500;
  line-height: 1.7;
}

.label.blue {
  width: 84%;
  color: var(--header-blue-white);
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.label.blue.code {
  width: 110%;
  max-width: none;
  line-height: 20px;
}

.label.blue.verde {
  width: auto;
  line-height: 20px;
}

.div-block-116-copy {
  margin-top: 8px;
}

.colored-block {
  background-color: var(--midnight-blue);
  width: 8%;
  height: 8%;
}

.colored-block._2 {
  border: 2px solid var(--midnight-blue);
  background-color: var(--dim-grey);
  width: 12%;
  height: 12%;
}

.mt-grid-card {
  background-color: var(--midnight-blue);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 98%;
  padding: 32px 24px;
  display: flex;
}

.credit-wrapper {
  margin-top: 8px;
}

.credit-wrapper.tm-16px {
  margin-top: 16px;
}

.html-embed-16 {
  width: 100%;
  height: 56%;
}

.mt-bg-img-container {
  width: 100%;
  max-width: 1280px;
  overflow: hidden;
}

.mt-grid-card-copy {
  border: 2px none var(--dim-grey);
  background-color: var(--blackgray-blue);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 98%;
  padding: 16px;
  display: flex;
}

.android-phone-redesign {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  margin-right: -100px;
  padding-top: 0;
  padding-bottom: 24px;
  padding-right: 0;
  display: flex;
}

._2-names-txt-container {
  border: 2px solid var(--midnight-blue);
  background-color: #0000;
  border-radius: 8px;
  flex: 0 auto;
  width: auto;
  margin-top: 60px;
  margin-right: 0;
  padding: 32px;
}

._2-names-txt-container.mt {
  padding-bottom: 0;
}

.ipad-ios7-hero-image-copy {
  flex: none;
  width: 100%;
  max-width: 443px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.div-block-135 {
  flex: none;
  align-self: center;
  overflow: hidden;
}

.release-header-img-copy {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  position: relative;
}

.watchlist-ios7-image-copy-copy-copy, .os7-iphone-hero-img {
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 327px;
  margin-top: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 16px 0;
}

.ios7-iphone-img {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  max-width: 386px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.div-block-136 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list-container.tp {
  margin-top: 32px;
}

.list-item-2 {
  padding-bottom: 12px;
  padding-right: 12px;
  display: flex;
}

.about-list-container {
  padding-right: 0;
}

.h-container {
  padding-bottom: 16px;
}

.div-block-137 {
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.html-embed-17 {
  width: 100%;
  height: 100%;
}

.container-3 {
  overflow: hidden;
}

.quote-card {
  background-color: var(--midnight-blue);
  border-radius: 8px;
  padding: 60px 8vw;
}

.quote-card.foreword {
  border: 4px solid var(--midnight-blue);
  background-color: #0000;
  width: 100%;
  margin-top: 220px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}

.quote-card.foreword._1260-charting-div-block-2 {
  width: 80%;
}

.quote-card.foreword._1 {
  border-style: none;
  width: 88%;
  max-width: 1280px;
  margin-top: 0;
  padding-top: 220px;
  padding-bottom: 120px;
}

.link {
  text-align: right;
}

.dropdown-blk-embed, .dropdown-wht-embed {
  display: none;
}

.hover-bg-color {
  z-index: -10;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.section-nav-tab-white {
  z-index: 0;
  background-color: var(--white-2);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin-left: 0;
  margin-right: 2px;
  padding: 16px 0 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.section-nav-tab-white:hover, .section-nav-tab-white:focus {
  border-bottom-style: none;
}

.section-nav-tab-white.w--current {
  background-color: var(--alice-blue);
  flex: 1;
  transition: all .3s;
}

.section-nav-tab-white._0, .section-nav-tab-white._1 {
  z-index: 0;
  position: relative;
}

.icon-up-arrow-lgt-blue-copy {
  color: var(--midnight-blue);
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 4px;
  display: block;
  transform: none;
}

.card-header {
  background-image: url('../images/david-lundgren-1677087-unsplash.jpg');
  background-position: 50% 30%;
  background-size: cover;
  height: 150px;
}

.carousel {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 400px;
}

.carousel.is_contained {
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: auto;
  padding-bottom: 75px;
  overflow: hidden;
}

.carousel.is_contained.centered {
  border-right-width: 4px;
  border-right-color: var(--white-2);
  border-bottom-width: 4px;
  border-bottom-color: var(--white-2);
  border-left-width: 4px;
  border-left-color: var(--white-2);
  background-color: var(--white-2);
  border-radius: 0 0 8px 8px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 52px;
}

.card {
  color: #b8b9c2;
  background-color: #3f4046;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 5px 2rem #0000004d;
}

.arrow-left {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto auto 0% 0%;
}

.arrow-right {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto 0% 0% auto;
}

.card-body {
  height: 100%;
  padding: 30px;
}

.carousel-slider._6 {
  right: -105%;
}

.carousel-slider._2 {
  right: -8%;
}

.carousel-slider._2.verde {
  right: auto;
}

.carousel-slider._4 {
  right: -24%;
}

.carousel-slider._3 {
  right: -16%;
}

.carousel-slider._7 {
  right: -126%;
}

.carousel-slider._5 {
  right: -84%;
}

.carousel-slider._8 {
  right: -147%;
}

.btn {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3862ec;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 1rem;
  transition: background-color .3s ease-out;
}

.btn:hover {
  background-color: #213ea0;
}

.carousel-mask {
  width: 46%;
  overflow: visible;
}

.carousel-mask.verde {
  width: 100%;
}

.carousel-mask.verde2 {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}

.carousel-mask.verde---influence {
  border-radius: 8px;
  width: 94%;
  height: 460px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.fade-from-blk-div {
  z-index: 9000;
  background-color: var(--blk-0);
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0;
}

.charting-carousel-container {
  display: none;
}

.bignum-container {
  z-index: 1;
  opacity: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 91vh;
  margin-top: -131px;
  margin-left: 0;
  display: flex;
  position: absolute;
  overflow: visible;
}

.bignum-container.num2, .bignum-container.num1 {
  margin-top: 0;
}

.bg-number {
  color: var(--grayblk);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-right: -55px;
  padding-top: 337px;
  padding-left: 0;
  padding-right: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 180vw;
  font-style: italic;
  font-weight: 900;
  line-height: 0;
  display: block;
}

.bg-number.light {
  color: var(--white-smoke);
  margin-left: 0;
  margin-right: 0;
  font-size: 90vw;
  line-height: 0;
}

.bg-number.light.num4 {
  z-index: 1;
  background-color: var(--white-2);
  background-image: linear-gradient(to bottom, var(--alice-blue) 37%, var(--white-2) 71%, var(--alice-blue));
  opacity: .48;
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 13vw;
  font-size: 1500px;
  line-height: 1;
  position: absolute;
  top: -537px;
  bottom: auto;
  left: -74px;
  overflow: visible;
}

.bg-number.light.num2 {
  z-index: 1;
  background-color: var(--white-2);
  background-image: linear-gradient(to bottom, var(--alice-blue) 34%, var(--white-2) 62%, var(--alice-blue));
  opacity: .6;
  color: var(--white-2);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-self: baseline;
  padding-top: 0;
  font-size: 1000px;
  line-height: 1;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  overflow: visible;
  transform: translate(300px, -1060px);
}

.bg-number.num3 {
  margin-left: 284px;
  margin-right: 0;
  padding-top: 261px;
  font-size: 140vw;
}

.bg-number.num1 {
  padding-top: 287px;
  font-size: 200vw;
  position: absolute;
}

.container-4 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section-5 {
  perspective: 2000px;
  position: relative;
}

.text-block-15 {
  font-size: 1000px;
}

.text-block-16 {
  z-index: 1;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Playfair Display, sans-serif;
  font-size: 1000px;
  font-style: italic;
  font-weight: 900;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-139 {
  z-index: 0;
  background-image: linear-gradient(#000, #fff);
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  overflow: visible;
}

.div-block-140, .embed-bgnum-clipping {
  display: none;
}

.image-40 {
  max-width: 60%;
}

.div-block-141 {
  z-index: 0;
  background-color: var(--midnight-blue);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-142 {
  position: relative;
}

.div-block-143 {
  background-color: var(--alice-blue);
  justify-content: center;
  align-items: center;
  height: 626px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.text-span {
  color: var(--light-slate-grey);
  text-transform: lowercase;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.text-span-2 {
  color: var(--light-slate-grey);
  font-weight: 500;
}

.image-41 {
  object-fit: cover;
  width: 100%;
  max-width: 1440px;
}

.verde-site-img {
  flex: none;
  align-self: center;
  width: 100%;
  max-width: 1440px;
  display: block;
  position: relative;
}

.verde-site-img._1 {
  width: 90%;
}

.text-span-3 {
  color: var(--peru);
  font-size: 36px;
  font-weight: 500;
}

.text-span-4 {
  color: var(--steel-blue);
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.div-block-64-copy {
  align-self: center;
  padding-top: 0;
  padding-bottom: 16px;
}

.div-block-64-copy.pad {
  padding-top: 100px;
  padding-bottom: 16px;
}

.tab-text {
  color: var(--dim-grey);
  font-size: 16px;
  transition: all .2s;
  display: inline;
}

.tab-text:hover, .tab-text:focus {
  color: var(--2-black);
}

.tabs-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-2);
  border-radius: 0 0 8px 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 0;
  padding-right: 0;
  display: grid;
}

.tabs-menu-2 {
  background-color: var(--white-2);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.tab-link-style {
  border-left: 4px solid var(--light-steel-blue);
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  transition: all .25s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.tab-link-style:hover, .tab-link-style:focus {
  color: var(--2-black);
  border-bottom-style: none;
}

.tab-link-style.w--current {
  border-left-width: 6px;
  border-left-color: var(--peru);
  width: 100%;
  height: 56px;
  color: var(--2-black);
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.tab-link-style.w--current:hover {
  border-bottom-style: none;
}

.tab-link-thinkorswim-web, .tab-link-td-ameritrade-mobile {
  background-color: #0000;
}

.tab-link-td-ameritrade-mobile:hover {
  border-left: 4px solid var(--peru);
  color: var(--2-black);
  border-bottom-style: none;
}

.vert-pill {
  background-color: #0000;
  border-radius: 2px;
  width: 8px;
  height: 56px;
  margin-right: 16px;
  position: relative;
}

.div-block-144 {
  background-color: var(--white-2);
  border-radius: 4px;
  height: 100%;
  display: none;
}

.icon-6 {
  color: #808d96;
  display: none;
}

.icon-7, .icon-8, .icon-9 {
  color: var(--steel-blue);
}

.image-41-copy {
  z-index: 1;
  object-fit: cover;
  align-self: flex-start;
  width: 100%;
  max-width: 600px;
  position: relative;
}

.image-41-copy.tos {
  width: 80%;
}

.slide-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 460px;
  margin-bottom: 4px;
  display: flex;
}

.slide-container.overflow {
  height: 460px;
  overflow: hidden;
}

.slide-container.mask {
  justify-content: flex-end;
  align-items: flex-end;
  height: 460px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.tab-bg {
  background-color: var(--white-smoke);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tab-bg._2 {
  background-color: var(--alice-blue);
}

.tab-bg.white-smoke {
  z-index: 0;
  display: block;
}

.tab-bg.blue1 {
  z-index: 0;
  background-color: var(--alice-blue);
  display: block;
}

.tab-bg.clear {
  background-color: #0000;
}

.image-41-copy-copy {
  z-index: 1;
  object-fit: cover;
  width: 65%;
  max-width: 772px;
  position: relative;
}

.slider-img {
  z-index: 1;
  object-fit: cover;
  width: auto;
  max-width: none;
  height: 100%;
  position: relative;
  left: -215px;
}

.slider-img.tos {
  align-self: center;
  width: 100%;
  max-width: 589px;
  height: auto;
  margin: auto;
  left: auto;
}

.slider-img.tos._2 {
  flex: 1;
  align-self: flex-start;
  width: 50%;
  max-width: 327px;
  padding-top: 32px;
}

.slider-img.tos._3 {
  width: 90%;
  max-width: 916px;
}

.div-block-147 {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: relative;
  overflow: hidden;
}

.text-block-17 {
  z-index: 1;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-family: Droid Sans, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  display: block;
  position: relative;
  overflow: visible;
}

.paragraph-8 {
  color: var(--alice-blue);
  letter-spacing: 1px;
  column-count: 4;
  flex: 1;
  align-self: stretch;
  column-gap: 16px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Tdameritradesans v1 12", Arial, sans-serif;
  font-size: 6vw;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  inset: 0;
}

.img-tda-sans {
  background-color: var(--white-2);
  flex: 1;
  align-self: flex-start;
  max-width: 100%;
  margin: 0 auto auto;
  display: block;
}

.icon-hero-img-wrapper {
  z-index: 7;
  background-color: var(--blue-gainsboro);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-44, .image-45 {
  max-width: 50%;
}

.image-46 {
  width: 90%;
  max-width: none;
  margin-top: -8px;
  margin-left: -26px;
}

.verde-img {
  z-index: 1;
  object-fit: fill;
  flex: none;
  align-self: center;
  margin: auto;
  position: relative;
}

.verde-img.strech {
  align-self: flex-end;
  max-width: 600%;
}

.verde-img.repo {
  align-self: flex-end;
  max-width: 600px;
  margin-left: auto;
}

.verde-img.repo._2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.verde-img.repo._1 {
  align-self: center;
  width: 100%;
  max-width: 1280px;
}

.verde-img.repo._3 {
  z-index: 5;
  margin-right: 0;
}

.verde-img.down {
  align-self: flex-end;
  margin-bottom: auto;
  margin-right: 0;
}

.verde-img.top {
  align-self: flex-start;
}

.bg-layer {
  background-color: var(--white-2);
  height: 100%;
  display: none;
}

.verde-page-container {
  background-color: var(--alice-blue);
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.verde-page-container.clear {
  background-color: var(--white-2);
}

.verde-page-container._2 {
  background-color: var(--white-smoke);
  justify-content: center;
  display: flex;
}

.verde-page-container._3 {
  background-color: var(--light-steel-blue-2);
}

.text-span-5 {
  color: var(--dim-grey);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.image-47 {
  width: 100%;
  max-width: 636px;
}

.txt-wrapper-copy.icons {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 24px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.txt-wrapper-copy {
  z-index: 2;
  background-color: #0000;
  border-radius: 4px;
  justify-content: flex-end;
  margin-left: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.txt-wrapper-copy.nohorpadding {
  width: 60%;
  padding: 0;
}

.txt-wrapper-copy.grid {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.txt-wrapper-copy.nopadding {
  width: auto;
  padding-bottom: 0;
}

.txt-wrapper-copy.slidein-btm {
  margin-left: 0;
}

.txt-wrapper-copy.credit-content {
  max-width: 44ch;
  margin-left: auto;
  margin-right: 0;
}

.txt-wrapper-copy.spongbob {
  width: 60%;
}

.txt-wrapper-copy.icons {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.pill-divider-hero-copy {
  background-color: #df7701;
  border-radius: 1px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 4px;
  margin: 0 auto 32px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.pill-divider-hero-copy.is-gray {
  background-color: var(--dim-grey);
  color: #fcfcfc;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.pill-divider-hero-copy.orange {
  height: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.pill-divider-hero-copy.navy, .pill-divider-hero-copy.navy-copy {
  z-index: 100;
  background-color: var(--royal-blue);
  flex: 0 auto;
  width: 60px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 0;
  position: relative;
}

.tabs-content-2 {
  border-left: 4px none var(--white-smoke);
  width: 100%;
  height: 100%;
}

.div-block-149 {
  background-color: var(--white-2);
  width: 4px;
  height: 56px;
  position: relative;
  inset: 0% 0% 0% auto;
}

.link-num-span {
  color: var(--grayblk);
  font-size: 14px;
  font-weight: 700;
}

.link-num-span.invis {
  opacity: 0;
}

.quote-container {
  width: 100%;
}

.quote-wrapper {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.image-49 {
  border-radius: 4px;
  display: block;
}

.html-embed-18 {
  border: 2px solid var(--white-smoke);
  border-radius: 8px;
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.verde-video-container {
  z-index: 40;
  width: 48%;
  max-width: 600px;
  position: relative;
}

.verde-video-container.influence-hero {
  height: 480px;
}

.verde-video-container.tab {
  margin-top: 4px;
}

.verde-video-container.flex {
  text-transform: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.verde-video-container.no-margin {
  flex-direction: column;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.verde-video-container.flex-copy {
  text-transform: none;
  background-image: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 32px;
  padding: 32px 48px 16px;
}

.verde-video-container.charting-hero {
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 160px 0% auto;
}

.verde-video-container.ver1 {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0%;
  right: auto;
}

.verde-video-container._520px-vert-mask, .verde-video-container._395px-vert-mask {
  height: auto;
  overflow: hidden;
}

.verde-video-container._930px-vert-mask {
  height: 930px;
  overflow: hidden;
}

.verde-video-container._480px-vert-mask {
  height: 480px;
  overflow: hidden;
}

.verde-video-container.test {
  width: 140%;
}

.verde-video-container.padding {
  padding-top: 16px;
}

.verde-video-container.off {
  background-color: #fff;
  align-items: center;
  width: auto;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.verde-video-container.icons {
  width: 89%;
}

.div-block-151 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 8px;
  display: flex;
}

.div-block-58-copy {
  max-width: none;
  padding: 16px 0 0;
}

.verde-component-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--alice-blue);
  perspective: 2000px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 0 140px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.image-49-copy {
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.label-card {
  background-color: var(--white-smoke);
  border-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  width: 40%;
  max-width: 320px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
  position: relative;
  top: -60px;
  right: -23%;
}

.label-card.floating {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 0;
}

.label-card.v02 {
  margin-top: 0;
  top: auto;
  right: auto;
}

.label-card.v03 {
  width: 70%;
  max-width: 510px;
  margin-top: auto;
  margin-bottom: 8px;
  top: auto;
  right: auto;
}

.div-block-153 {
  background-color: var(--white-smoke);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 4px;
  display: flex;
}

.image-49-copy {
  border-radius: 4px;
  width: 100%;
  max-width: 1200px;
  display: block;
}

.image-50 {
  z-index: -5;
  opacity: 1;
  flex: none;
  width: 30%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.skdfhadsf {
  z-index: -5;
  filter: blur(.5px);
  flex: none;
  width: 44%;
  max-width: 1200px;
  margin-bottom: auto;
  margin-left: 15px;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0;
}

.image-50-copy {
  z-index: -5;
  opacity: 1;
  flex: none;
  width: 50%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.img-element {
  z-index: -5;
  opacity: 1;
  flex: none;
  width: 20%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.img-element._2 {
  filter: blur(.5px);
  width: 19%;
  max-width: 600px;
  margin-right: auto;
  display: none;
  inset: auto auto 70% 6%;
}

.img-element.mid {
  filter: blur(.5px);
  width: 15%;
  max-width: 600px;
  margin-left: 32px;
  top: 0;
}

.img-element._1 {
  width: 30%;
  max-width: 600px;
  display: none;
  bottom: 27%;
}

.img-element._3 {
  width: 30%;
  display: none;
  inset: 9% 10% 0% auto;
}

.img-element._4 {
  width: 30%;
  display: none;
  bottom: 57%;
  left: auto;
  right: 10%;
}

.img-element._5 {
  width: 30%;
  display: none;
  bottom: 1%;
  left: auto;
  right: 0%;
}

.lsdkfnsad {
  z-index: -5;
  filter: blur(.5px);
  flex: none;
  width: 32%;
  max-width: 600px;
  padding-top: 17vh;
  display: block;
  position: absolute;
  inset: auto -50px auto auto;
}

.img-element-1, .img-element-1-copy {
  z-index: -5;
  opacity: 1;
  flex: none;
  width: 30%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.card-for-coded {
  z-index: 0;
  background-color: var(--blue-gainsboro);
  border-radius: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.colors-bg {
  z-index: 0;
  opacity: 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: 0;
  right: 0;
  overflow: hidden;
}

.colors-bg._1 {
  background-color: var(--blue-gainsboro);
  align-items: center;
  height: 100%;
  display: flex;
}

.colors-bg._2 {
  background-color: var(--blue-gainsboro);
  align-items: center;
  display: flex;
}

.image-51 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.mainnnav-dd-wrapper {
  display: flex;
}

.icon-cards {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-color: var(--white-2);
  flex-direction: column;
  grid-template-rows: 220px auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: grid;
}

.div-block-155 {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-156 {
  z-index: 30;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.grid-lines {
  z-index: -10;
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

.grid-lines._2 {
  z-index: 1;
  background-color: var(--white-2);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column dense;
  position: static;
}

.grid-lines._1 {
  background-color: var(--white-smoke);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column dense;
  height: 100vh;
  display: none;
}

.blue-gray-bg-for-gray {
  background-color: var(--blue-gainsboro);
  opacity: 1;
}

.gray-bg-for-grid {
  z-index: 1;
  background-color: var(--white-smoke);
  position: relative;
}

.font-bg-cards {
  z-index: 0;
  opacity: 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: 0;
  right: 0;
  overflow: hidden;
}

.font-bg-cards._1, .font-bg-cards._2 {
  background-color: var(--blue-gainsboro);
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.animated-btn {
  border: 2px solid var(--blackgray-blue);
  background-color: var(--blk-0);
  border-radius: 8px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px 8px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.animated-btn:hover {
  border-color: var(--blackgray-blue);
}

.animated-btn:focus {
  border-style: solid;
  border-color: var(--blackgray-blue);
}

.animated-btn.freal {
  border-color: var(--light-steel-blue-2);
  background-color: var(--white-2);
  margin-top: 8px;
}

.design-grid-gutter {
  border-left: 1px none var(--blue-gainsboro);
  background-color: var(--alice-blue);
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.design-grid-column {
  border-right: 1px solid var(--blue-gainsboro);
  border-left: 1px solid var(--blue-gainsboro);
  background-color: var(--blue-gainsboro);
  flex: 1;
  width: 60px;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.border {
  border-right: 1px solid var(--blue-gainsboro);
  width: 1px;
  height: 100%;
  position: absolute;
  right: -12px;
}

.design-grid-wrap {
  z-index: -7;
  border: 2px solid var(--blue-gainsboro);
  background-color: var(--white-2);
  opacity: .6;
  border-radius: 8px 8px 0 0;
  justify-content: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.design-grid-wrap.hide, .design-grid-pointer-events-embed {
  display: none;
}

.fade-from-wht-div {
  z-index: 9000;
  background-color: var(--white-2);
  height: 140vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0;
}

.div-block-157 {
  background-color: var(--steel-blue);
}

.ae-overlay {
  z-index: 0;
  opacity: .2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.image-52 {
  width: 120%;
  max-width: 1920px;
  margin-top: -74px;
  margin-left: -151px;
}

.video-label-card-v02 {
  z-index: 2;
  background-color: #0000;
  border-radius: 8px;
  justify-content: flex-end;
  margin-left: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.video-label-card-v02.nohorpadding {
  width: 60%;
  padding: 0;
}

.video-label-card-v02.grid {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.video-label-card-v02.nopadding {
  width: auto;
  padding-bottom: 0;
}

.video-label-card-v02.slidein-btm {
  margin-left: 0;
}

.video-label-card-v02.credit-content {
  max-width: 45ch;
  margin-left: auto;
  margin-right: 0;
}

.video-label-card-v02.spongbob {
  width: 100%;
}

.video-label-card-v02.icons {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 12px;
  margin-left: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.video-label-card-v02.book {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0000;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: start;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  display: grid;
}

.div-block-158 {
  z-index: 0;
  background-color: var(--burnt-orange);
  position: absolute;
  inset: 0%;
}

.div-block-159 {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.div-block-161 {
  background-color: var(--light-steel-blue-2);
}

.arrow-icon-slider {
  color: var(--royal-blue);
  transform-style: preserve-3d;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.arrow-icon-slider.left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.tos-pill-divider-hero {
  background-color: #df7701;
  border-radius: 1px;
  flex-flow: column;
  flex: none;
  order: 0;
  place-content: center flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 4px;
  margin: 0 auto 32px 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.tos-pill-divider-hero.is-gray {
  background-color: var(--dim-grey);
  color: #fcfcfc;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.tos-pill-divider-hero.orange {
  height: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.tos-pill-divider-hero.navy, .tos-pill-divider-hero.navy-copy {
  z-index: 100;
  background-color: var(--royal-blue);
  flex: 0 auto;
  width: 60px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 0;
  position: relative;
}

.heading {
  color: var(--steel-blue);
  font-family: Playfair Display, sans-serif;
  font-weight: 900;
}

.image-53 {
  align-self: center;
  width: 160px;
}

.heading-2 {
  color: var(--midnight-blue);
  margin-left: auto;
  margin-right: auto;
  font-family: Playfair Display, sans-serif;
  font-size: 360px;
  font-weight: 900;
  line-height: 1;
}

.video-tile-img {
  z-index: 1;
  position: relative;
}

.image-55 {
  margin-right: -46px;
}

.shake-run-title-container {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  position: relative;
}

.div-block-162 {
  background-color: var(--peru);
  border-radius: 4px;
  align-self: flex-start;
  margin: auto auto -43px 10vw;
  padding: 10px 25px;
  transform: rotate(-9deg);
}

.text-block-18 {
  color: var(--grayblk);
  text-align: center;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.div-block-64-copy-copy {
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-64-copy-copy.pad {
  padding-top: 100px;
  padding-bottom: 16px;
}

.shake-run-title {
  padding-top: 32px;
}

.game-intro {
  width: 79%;
  margin-top: 48px;
}

.dl-btn-wrapper {
  flex-direction: column;
  display: flex;
}

.dl-btn-wrapper.freal {
  flex: none;
  margin-left: 40px;
  margin-right: 40px;
}

.div-block-163 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--alice-blue);
  perspective: 137px;
  perspective-origin: 0 0;
  transform-origin: 30% 0;
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 8px;
  display: grid;
  overflow: hidden;
  transform: none;
}

.div-block-163.off {
  display: none;
}

.div-block-164 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.image-56 {
  border-radius: 8px;
  width: 100%;
}

.div-block-165 {
  flex-flow: wrap;
  justify-content: center;
  width: 60%;
  display: flex;
}

.div-block-166 {
  z-index: -1;
  opacity: 1;
  mix-blend-mode: multiply;
  object-fit: fill;
  background-color: #a10d0d;
  background-image: url('../images/grey_2X.png');
  background-size: 397px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._2026-fichevron-right {
  overflow: hidden;
}

._2026-hero-button-lg {
  border: 1px solid var(--_lib---themes--border--border-muted);
  border-radius: var(--_spacing---corner-radius--corner-radius-8);
  background-color: var(--_lib---themes--bg--bg-light);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-cta-text {
  color: var(--_lib---themes--txt--text);
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

._2026-main {
  width: 100%;
  padding-top: var(--_spacing---space-256);
  padding-bottom: var(--_spacing---space-256);
  grid-row-gap: 80px;
  background-color: var(--_lib---themes--bg--bg-mid-default);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-row-title {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-container-grid {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 196px;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

._2026-title-group {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 28px 34px 28px 3px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-title {
  width: 100%;
  color: var(--_lib---themes--states--secondary);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Red Hat Display, sans-serif;
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
  text-decoration: none;
  position: static;
}

._2026-hero-subhead {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  position: static;
}

._2026-row-content-bio {
  width: 100%;
  padding: var(--_spacing---space-0) 80px var(--_spacing---space-80) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-container-bio {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 586px;
  text-decoration: none;
  display: flex;
}

._2026-container-image {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-image-frame {
  border: 1px solid var(--_lib---themes--border--border-muted);
  background-color: var(--_ramps---nuetral-ramp--neutral050);
  border-radius: 500px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  overflow: hidden;
}

._2026-dws-protrait02-b_w-removebg-preview {
  border: 0 solid #000;
  display: none;
  position: absolute;
}

._2026-content-block {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 155.01px;
  text-decoration: none;
  display: flex;
}

._2026-david-stoy {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Red Hat Display, sans-serif;
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
  text-decoration: none;
}

._2026-digital-products-experiences {
  width: 100%;
  color: var(--_lib---themes--txt--text-muted);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

._2026-row-content-current {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128) var(--_spacing---space-80);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-container-content {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-left-col {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 479px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-container-eyebrow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 287px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

._2026-eyebrow {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

._2026-right-fol {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-highlight {
  width: 100%;
  height: 140px;
  padding-right: var(--_spacing---space-12-9);
  padding-bottom: var(--_spacing---space-0);
  padding-left: var(--_spacing---space-12-9);
  grid-row-gap: 16px;
  border-radius: var(--_spacing---corner-radius--corner-radius-4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

._2026-frame-2147250571 {
  grid-column-gap: 10px;
  border-style: solid;
  border-width: 0 0 2px;
  border-color: var(--_lib---themes--states--secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

._2026-looking-for-new-opportunities {
  width: 100%;
  color: var(--_lib---themes--states--secondary);
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

._2026-row-content-worked {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-list {
  width: 100%;
  padding-right: var(--_spacing---space-0);
  padding-left: var(--_spacing---space-0);
  grid-column-gap: var(--_spacing---space-0);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

._2026-list-item {
  width: 100%;
  padding-top: var(--_spacing---space-32);
  padding-bottom: var(--_spacing---space-32);
  grid-row-gap: 16px;
  border: 1px solid var(--_lib---themes--border--border-muted);
  background-color: var(--_lib---themes--bg--bg-light);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._2026-td-canada {
  border: 1px solid var(--_lib---themes--border--border);
  border-radius: 16px;
}

._2026-td-ameritrade {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  text-align: center;
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

._2026-rectangle {
  border: 1px solid var(--_lib---themes--border--border);
  border-radius: 16px;
}

._2026-amazon, ._2026-meta, ._2026-tiaa {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  text-align: center;
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

._2026-row-content-help, ._2026-row-content-built {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-row-content-interest {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-row-content-tools {
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-dws-protrait02-b_w-removebg-preview-2 {
  mix-blend-mode: plus-darker;
  border: 0 solid #000;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

._2026-container-content-2 {
  grid-column-gap: 24px;
  border-style: solid;
  border-width: 2px 0 0;
  border-color: var(--_lib---themes--states--primary-pressed);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-right-fol-2 {
  grid-row-gap: 10px;
  background-color: var(--_lib---themes--bg--bg-light);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-list-item-2 {
  width: 100%;
  padding-top: var(--_spacing---space-32);
  padding-bottom: var(--_spacing---space-32);
  grid-row-gap: 16px;
  border: 1px solid var(--_lib---themes--border--border-muted);
  background-color: var(--_lib---themes--bg--bg-light);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-rectangle-2 {
  border: 2px solid var(--_lib---themes--border--border);
  border-radius: 16px;
}

._2026-container-content-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-container-content-4 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 8px 12px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-list-2 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

._2026-container-content-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-list-3 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

._2026-list-4 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .2rem;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026-list-5 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .2rem;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026-list-6 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026-oldsite {
  padding-top: var(--_spacing---space-64);
  padding-bottom: var(--_spacing---space-64);
  grid-row-gap: 80px;
  border-style: solid;
  border-width: 2px 0;
  border-color: var(--_lib---themes--border--border-muted);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-row-title-grid {
  z-index: 0;
  width: 100%;
  padding: var(--_spacing---space-0) var(--_spacing---space-128);
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2026-custom-webflow-site {
  width: 100%;
  color: var(--_lib---themes--states--primary);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Red Hat Display, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
  text-decoration: none;
}

._2026-a-site-designed-to-showcase-my-work-while-at-td-ameritrade-thinkorswim {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

._2026-frame-2147250576 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

._2026-featured-work {
  width: 100%;
  color: var(--_lib---themes--txt--text-muted);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

._2026--thinkorswim-mobile-trading-iosandroid-verde-design-system-multi-platform-product-design-book {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

._2026-frame-2147250572 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

._2026-primary-button-lg {
  border: 1px solid var(--_lib---themes--states--secondary);
  border-radius: var(--_spacing---corner-radius--corner-radius-8);
  background-color: var(--_lib---themes--bg--bg-light);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-frame-2147250569 {
  z-index: 10;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1438px;
  height: 100%;
  padding-right: 10px;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: 0%;
}

._2026-frame-2147250568 {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._2026-container-grid-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-left-col-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 479px;
  padding-left: 192px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026-eyebrow-2 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

._2026-title-group-2 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._2026--list-item-titlek {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .2rem;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026---list-item-tag {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .2rem;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026--thinkorswim-mobile-trading-iosandroid-verde-design-system-multi-platform-product-design-book-4 {
  width: 100%;
  color: var(--_lib---themes--txt--text);
  letter-spacing: .06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

._2026-cta-text-2 {
  color: var(--_lib---themes--txt--text);
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.body-5 {
  background-color: var(--_lib---themes--bg--bg-mid-default);
}

.flex-block, .flex-block-2, .flex-block-3, .flex-block-4 {
  flex-flow: row;
}

@media screen and (min-width: 1280px) {
  img {
    height: auto;
  }

  .footer-section {
    z-index: 1;
    background-color: var(--alice-blue);
    padding-bottom: 0;
    position: relative;
  }

  .hero-huge-nums.clipped._1 {
    margin-left: -302px;
    font-size: 800px;
  }

  .hero-huge-nums.stroked._1 {
    font-size: 800px;
  }

  .sm-body-txt.light-default {
    justify-content: space-between;
    align-items: center;
  }

  .sm-body-txt.light-default.tall {
    line-height: 28px;
  }

  .sm-body-txt.light-default.tmargin32._2-col {
    column-gap: 100px;
  }

  .sm-body-txt.light-default._1-col-fit.half {
    max-width: 50%;
  }

  .sm-body-txt.blk.centered {
    margin-right: 2%;
  }

  .sm-body-txt.dark-default {
    justify-content: space-between;
    align-items: center;
  }

  .sm-body-txt.dark-default.tall {
    line-height: 28px;
  }

  .sm-body-txt.dark-default._1-col-fit.half {
    max-width: 50%;
  }

  .featured-projects-section-flex-copy {
    background-color: #e6e6e6;
  }

  .dropdown-list-mainnav.w--open {
    width: 100vw;
    max-width: none;
    margin-right: -172px;
    padding-left: 0;
    padding-right: 0;
    right: 0;
  }

  .prod-bk-hero-bg {
    background-position: 100%;
  }

  .section.verde {
    overflow: hidden;
  }

  .splash-json-container {
    max-height: 120vh;
    inset: 0% 0% auto;
  }

  .lottie-animation-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .h3.wht._8px-bmargin {
    font-size: 36px;
  }

  .h3.slate {
    color: var(--light-slate-grey);
  }

  .h5.wht.left {
    margin-left: 0;
  }

  .h5.number.small {
    margin-bottom: -20px;
    margin-left: -32px;
    font-size: 16px;
  }

  .h4.wht.left {
    max-width: none;
  }

  .h4.blk {
    letter-spacing: 1px;
  }

  .section-container_maxw1280 {
    z-index: 100;
  }

  .section-container_maxw1280.hero, .section-container_maxw1280.hero-copy, .section-container_maxw1280.hero-verde, .section-container_maxw1280.hero-freal {
    border-top-style: none;
  }

  .dd-list-container {
    max-width: 1600px;
  }

  .big-body-txt {
    max-width: 65ch;
  }

  .big-body-txt.wht {
    margin-left: 0;
  }

  .big-body-txt.wht._600-maxw {
    margin-left: auto;
  }

  .big-body-txt.wht._600-maxw.centered {
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
  }

  .big-body-txt.blk.med {
    max-width: 50ch;
  }

  .big-body-txt.wht-copy {
    margin-left: 0;
  }

  .big-body-txt.wht-copy._600-maxw {
    margin-left: auto;
  }

  .big-body-txt.wht-copy._600-maxw.centered {
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-huge-nums-2.stroked._1 {
    font-size: 800px;
  }

  .hero-huge-nums-2.clipped._1 {
    margin-left: -302px;
    font-size: 800px;
  }

  .grid_pagespreads {
    width: 100%;
  }

  .page-img {
    margin-left: auto;
  }

  .book-foreword-container {
    display: block;
  }

  .book-img {
    object-fit: cover;
    width: 100%;
  }

  .slider-3 {
    height: auto;
  }

  .card-book-specs {
    position: relative;
  }

  .h2.wht.section-header.overview, .h2.wht.section-title.overview, .h2.blk.subhead {
    max-width: none;
  }

  ._2-col-grid {
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid.vdl {
    grid-auto-flow: row;
  }

  ._2-col-grid.bottomnav, ._2-col-grid.overview {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid._100-top-pad {
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }

  ._2-col-grid.book {
    grid-column-gap: 32px;
  }

  ._2-col-grid.overview-cont {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid.components {
    grid-template-rows: auto auto auto auto;
  }

  ._2-col-grid.results {
    grid-template-columns: 1fr 1fr;
  }

  ._3-col-grid {
    grid-auto-flow: column;
  }

  ._3-col-grid.subsection {
    grid-auto-flow: row;
  }

  ._3-col-grid.page.mt-vids {
    grid-template-rows: 100px auto;
  }

  ._3-col-grid.even-row.tm {
    grid-template-rows: .5fr auto auto;
  }

  .link-style.light {
    display: inline;
  }

  .link-style.light.inline {
    padding: 0;
    display: inline;
    position: relative;
  }

  .link-style.light-blue {
    display: inline;
  }

  .link-style.light-blue.inline {
    padding: 0;
    display: inline;
    position: relative;
  }

  .div-block-53-copy {
    grid-column-gap: 48px;
  }

  .square-_20.slate-grey.vert-padding-copy {
    margin-top: 0;
    margin-bottom: 32px;
    display: none;
  }

  .h1-colored-pill {
    border-radius: 0;
  }

  .h6.wht.bottomnav {
    color: var(--blue-gainsboro);
  }

  .h6.wht.bottomnav.dd {
    color: var(--light-slate-grey);
  }

  .h6.blue-copy-copy, .h6.light-blue, .h6.light-blue-2 {
    color: var(--gainsboro);
  }

  .h6.sky-blue.bottomnav {
    color: var(--blue-gainsboro);
  }

  .h6.sky-blue.bottomnav.dd {
    color: var(--light-slate-grey);
  }

  .video-container.ignore.crop {
    overflow: hidden;
  }

  .div-block-64 {
    max-width: 70%;
    position: relative;
  }

  .top-btn-link.blk.w--current, .top-btn-link.wht.w--current {
    display: block;
  }

  .top-btn-link.blk {
    margin-left: 0;
  }

  .top-btn-link.blk.w--current {
    display: block;
  }

  .top-btn-link.wht {
    margin-left: 0;
  }

  .top-btn-link.wht.w--current {
    display: block;
  }

  .section-nav.blk {
    border-top-style: none;
    display: block;
  }

  .section-nav.wht {
    background-color: var(--white-2);
  }

  .section-nav.white {
    border-top-style: none;
    display: block;
  }

  .verde-txt-div {
    text-align: left;
    display: flex;
  }

  .verde-txt-div.top, .verde-txt-div.bottom {
    margin-left: 0;
    margin-right: 0;
  }

  ._4-col-grid.projects {
    display: none;
  }

  .h6-2.blue {
    color: #e6e6e6;
  }

  .profile-image.test {
    background-position: 60% 16%;
    height: 84%;
  }

  .footer-copyright {
    z-index: 100;
    height: 100px;
    padding-top: 0;
    display: flex;
    position: relative;
  }

  .icon-container {
    margin-top: 0;
  }

  .footer-footer {
    z-index: 2;
    background-color: var(--midnight-blue);
    width: 100%;
    padding-bottom: 0;
    display: block;
    position: relative;
    inset: auto 0% 0%;
  }

  .div-block-91 {
    width: 100%;
    padding-bottom: 24px;
    padding-right: 32px;
  }

  .div-block-92 {
    width: 100%;
  }

  .theme-text-container {
    max-width: 80ch;
  }

  .logo-link-wht {
    margin-left: -240px;
    padding-left: 240px;
  }

  .dd-link-sectiom-nav-block.w--current {
    filter: brightness(30%);
  }

  .section-nav-tab-wht {
    background-color: #fff;
  }

  .dropdown-list-sectionnav.w--open {
    width: 100vw;
    max-width: none;
    margin-right: -172px;
    padding-left: 0;
    padding-right: 0;
    right: 0;
  }

  .section-header-content.main {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-header-content.splash {
    margin-right: auto;
  }

  .contact-card._1 {
    margin-left: auto;
  }

  .big-body-txt-2.wht {
    margin-left: 0;
  }

  .prj-card-main {
    min-width: 350px;
  }

  .img-container-card {
    justify-content: center;
    align-self: stretch;
  }

  .img-container-card.bg {
    align-self: center;
  }

  .image-31 {
    flex: 0 auto;
  }

  .image-31._1 {
    flex: none;
    align-self: center;
  }

  .image-31._4 {
    flex: none;
  }

  .image-31._4.off {
    display: none;
  }

  .image-31._3 {
    flex: none;
    left: 0;
    right: auto;
  }

  .sm-body-txt-2.wht {
    justify-content: space-between;
    align-items: center;
  }

  .sm-body-txt-2.wht.tall {
    line-height: 28px;
  }

  .dropdown-list-sectionnav-2.w--open {
    width: 100vw;
    max-width: none;
    margin-right: -172px;
    padding-left: 0;
    padding-right: 0;
    right: 0;
  }

  .subhead-container-book.ta {
    width: 100%;
    padding-right: 0;
  }

  .subhead-container-book.td-mobile, .subhead-container-book.b-a {
    width: 100%;
  }

  .subhead-container-book.mt {
    padding-right: 0;
  }

  .img-container---verde-hero {
    height: 35vw;
  }

  .myvideos-embed._1280 {
    z-index: 5;
    position: relative;
  }

  ._2-col-grid-3 {
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  .txt-flex.credit-content {
    max-width: 42ch;
  }

  .bg-img-gradient {
    background-image: linear-gradient(190deg, var(--grayblk) 10%, transparent 21%, transparent 70%, var(--grayblk) 85%), linear-gradient(to right, var(--grayblk) 36%, #0505054d 47%, #0b0c0fdb 69%, #0b0c0fdb 80%, #00000026 94%, var(--grayblk) 97%);
  }

  .bg-gradient---verde-hero {
    width: 150vw;
  }

  .section-bckgrnd-color-div {
    filter: blur(3px);
  }

  .mt-grid-card {
    flex-direction: column;
    max-width: none;
    display: flex;
  }

  .div-block-133 {
    background-image: url('../images/TDA-Animation-Montage_1-0-00-01-16.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }

  .mt-grid-card-copy {
    flex-direction: column;
    max-width: none;
    display: flex;
  }

  .bg-number.light.num4 {
    left: -96px;
    right: auto;
  }

  .div-block-64-copy {
    position: relative;
  }

  .paragraph-8 {
    line-height: 1;
  }

  .txt-wrapper-copy.credit-content {
    max-width: 42ch;
  }

  .image-55 {
    margin-right: 0;
  }

  .div-block-64-copy-copy {
    position: relative;
  }
}

@media screen and (min-width: 1440px) {
  .menulinks {
    margin-left: 20px;
  }

  .contact-section {
    background-color: var(--brownblack);
  }

  .sm-body-txt.light-default.tmargin32._2-col {
    column-gap: 160px;
  }

  .sm-body-txt.dark-default.bottom-margin.absolute {
    padding-right: 132px;
  }

  .sm-body-txt.nopadding.columns {
    max-width: none;
  }

  .iwatch-hero-img {
    width: 60%;
  }

  .ipad-dashboard-wht-image {
    max-width: 1005px;
  }

  .ipad-dashboard-blk-image {
    width: 100%;
    max-width: 1005px;
  }

  .ipad-hero-image {
    max-width: 1005px;
  }

  .david-stoy-logo-type {
    text-transform: capitalize;
    font-style: normal;
  }

  .logo-container {
    border-style: none;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .android-phone-hero-img {
    flex: 0 auto;
  }

  .main_nav {
    background-image: none;
  }

  .dropdown-list-mainnav.w--open {
    margin-right: -184px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    right: -97%;
  }

  .prod-bk-hero-bg {
    background-position: 100%;
    background-size: cover;
    margin-left: auto;
  }

  .section.featured-projects {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .splash-json-container {
    width: 100vw;
    max-width: 1440px;
    inset: 0% 0% auto;
  }

  .h3.wht {
    align-self: auto;
  }

  .h3.wht.centered {
    z-index: 1;
    position: relative;
  }

  .h3.slate {
    color: var(--light-slate-grey);
  }

  .h3.blk._32pad {
    margin-left: auto;
    margin-right: auto;
  }

  .h5 {
    align-self: center;
  }

  .h5.link-style {
    display: inline;
  }

  .h4.verde {
    background-color: var(--alice-blue);
  }

  .section-container_maxw1280 {
    flex-direction: column;
  }

  .section-container_maxw1280.nav-copy {
    flex-direction: row;
  }

  .section-container_maxw1280.hero-copy, .section-container_maxw1280.hero-verde, .section-container_maxw1280.hero-freal {
    padding-bottom: 160px;
    position: relative;
  }

  .image-19 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .big-body-txt {
    padding: 0;
  }

  .big-body-txt.wht._600-maxw, .big-body-txt.wht._600-maxw.centered {
    max-width: 50ch;
  }

  .big-body-txt.wht.overview-intro, .big-body-txt.wht.overview-intro-copy {
    max-width: 60ch;
  }

  .big-body-txt.wht-copy.overview-intro {
    max-width: 76%;
  }

  .pill-divider-hero.is-gray {
    color: var(--light-slate-grey);
    margin-left: 0;
  }

  .contact-section-2 {
    background-color: #292726;
  }

  .book-hero-container {
    padding-left: 0;
  }

  .book-subhead-container {
    max-width: 640px;
    padding-bottom: 36px;
  }

  .book-img {
    width: 100%;
    margin-top: -83px;
  }

  .h2.wht.section-header.overview, .h2.wht.section-title.overview {
    max-width: none;
  }

  ._2-col-grid {
    grid-column-gap: 100px;
  }

  ._2-col-grid.vdl {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.vdl._2 {
    padding-top: 0;
  }

  ._2-col-grid.ds-video {
    max-width: 960px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.ds-video._8pxmargin {
    padding-top: 0;
  }

  ._2-col-grid.output {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.iwatch-row {
    grid-column-gap: 0px;
  }

  ._2-col-grid._100-top-pad {
    grid-column-gap: 48px;
  }

  ._2-col-grid.mt-vids {
    grid-auto-flow: row dense;
  }

  ._2-col-grid.verde-video {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.verde-video._8pxmargin {
    padding-top: 0;
  }

  ._2-col-grid.theme {
    grid-column-gap: 48px;
  }

  ._2-col-grid.ds-video-v02 {
    max-width: 960px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.ds-video-v02._8pxmargin {
    padding-top: 0;
  }

  ._3-col-grid {
    grid-template-columns: .3fr 1fr 1fr;
    grid-auto-flow: column dense;
    height: auto;
  }

  ._3-col-grid.subsection {
    place-items: start center;
  }

  ._3-col-grid.even.tm {
    grid-template-rows: max-content auto auto;
  }

  ._3-col-grid.footer {
    grid-template-rows: 100px;
  }

  ._3-col-grid.videos {
    grid-template-columns: .4fr 1fr 1fr;
  }

  ._3-col-grid.videos.hero {
    grid-template-columns: .4fr 1fr 2fr;
  }

  ._3-col-grid.even-row.tm {
    grid-template-rows: max-content auto auto;
  }

  .verde-title {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .link-style {
    transition-duration: .2s;
  }

  .div-block-53-copy {
    grid-column-gap: 100px;
  }

  .title.navy.motion {
    padding-bottom: 40px;
  }

  .h1-colored-pill {
    margin-left: -48px;
  }

  .h6 {
    align-self: center;
  }

  .h6.blue, .h6.blue-copy-copy, .h6.blue-copy-copy, .h6.light-blue, .h6.light-blue-2, .h6.slate {
    color: #4380a8;
  }

  .video-container {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .video-container._1grid {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .badge-card {
    align-items: flex-start;
    inset: 0% auto auto;
  }

  .top-btn-link.blk, .top-btn-link.wht {
    margin-left: 0;
  }

  ._4-col-grid.projects {
    display: none;
  }

  .ipad-card {
    padding: 80px 60px 40px;
  }

  .badge-card-2 {
    align-items: flex-start;
    inset: 0% auto auto;
  }

  .h6-2 {
    align-self: center;
  }

  .h6-2.blue {
    color: #4380a8;
  }

  .subhead-div {
    margin-left: -16%;
  }

  .subhead-div._1 {
    margin-right: -2vw;
  }

  .watchlist-ios7-image-copy-copy {
    align-self: flex-end;
  }

  .bg-particle-gradient {
    z-index: 5;
  }

  .home-hero-card {
    margin-top: 0;
  }

  .img-container {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .profile-image.test {
    background-position: 60% 16%;
    height: 90%;
  }

  .footernav {
    margin-left: auto;
    margin-right: auto;
  }

  .main_nav-wht {
    background-image: none;
  }

  .logo-link-wht {
    margin-left: -240px;
    padding-left: 240px;
  }

  .dropdown-list-sectionnav.w--open {
    margin-right: -184px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    right: -97%;
  }

  .section-header-content.main {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-header-content.overview {
    width: 66%;
  }

  .section-header-content.splash {
    width: 77%;
  }

  .section-header-content.motion {
    width: 66%;
  }

  .big-body-txt-2 {
    padding: 0;
  }

  .big-body-txt-2.wht.overview-intro {
    max-width: 50ch;
  }

  .prj-card-main {
    min-width: 380px;
  }

  .image-31._1 {
    width: 80%;
  }

  .image-31._4 {
    align-self: center;
    margin-left: auto;
  }

  .image-31._3 {
    z-index: 1;
  }

  .dropdown-list-sectionnav-2.w--open {
    margin-right: -184px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    right: -97%;
  }

  .h5-2 {
    align-self: center;
  }

  .subhead-container-book.ta {
    margin-top: 52%;
    margin-bottom: 14%;
  }

  .img-container---verde-hero {
    height: 31vw;
    max-height: 453px;
  }

  .hero-copy-div {
    margin-top: 0;
    position: static;
  }

  ._2-col-grid-3 {
    grid-column-gap: 100px;
  }

  ._2-col-grid-3.ds-video {
    margin-top: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .h6-3 {
    align-self: center;
  }

  .txt-flex.credit-content {
    max-width: 38ch;
  }

  .book-bg-image-div {
    width: auto;
  }

  .image-39 {
    align-self: stretch;
  }

  .bg-img-gradient {
    background-image: linear-gradient(190deg, var(--grayblk) 10%, transparent 21%, transparent 70%, var(--grayblk) 85%), linear-gradient(to right, var(--grayblk) 3%, #0505054d 28%, #0b0c0fdb 69%, #0b0c0fdb 80%, #00000026 94%, var(--grayblk) 97%);
  }

  .bg-gradient---verde-hero {
    background-image: linear-gradient(270deg, var(--light-steel-blue-2), var(--alice-blue) 23%);
    width: 120vw;
  }

  .section-bg-color {
    width: 120vw;
    margin-left: -20vw;
  }

  .section-bckgrnd-img-div {
    background-size: auto, auto 1440px;
  }

  .android-phone-redesign {
    margin-right: -100px;
  }

  .ipad-ios7-hero-image-copy {
    max-width: 1005px;
  }

  .watchlist-ios7-image-copy-copy-copy, .os7-iphone-hero-img {
    align-self: flex-end;
  }

  .quote-card.foreword._1 {
    max-width: 1030px;
  }

  .carousel-mask {
    width: 39%;
  }

  .bg-number.light.num4 {
    padding-left: 9vw;
    font-size: 1500px;
  }

  .verde-site-img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .paragraph-8 {
    letter-spacing: -13px;
    font-size: 11vw;
  }

  .verde-img.strech {
    flex: 0 auto;
    align-self: flex-end;
    width: 90%;
    max-height: 500px;
  }

  .verde-img.repo._3 {
    width: 100%;
  }

  .txt-wrapper-copy.credit-content {
    max-width: 38ch;
  }

  .pill-divider-hero-copy.is-gray {
    color: var(--light-slate-grey);
    margin-left: 0;
  }

  .img-element._2 {
    width: 12%;
    left: 2%;
  }

  .img-element._1 {
    width: 10%;
    bottom: 44%;
    left: 7.5%;
  }

  .img-element._3 {
    width: 20%;
    top: 6%;
  }

  .img-element._4 {
    width: 20%;
    bottom: 61%;
    right: 2%;
  }

  .img-element._5 {
    width: 26%;
    bottom: 2%;
    left: 0;
  }

  .image-52 {
    width: 150%;
    margin-top: -42px;
    margin-left: -232px;
  }

  .tos-pill-divider-hero.is-gray {
    color: var(--light-slate-grey);
    margin-left: 0;
  }

  .div-block-162 {
    margin-left: 10px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-pill-divider.verde {
    display: none;
    left: -45.7%;
  }

  .sm-body-txt {
    max-width: 68ch;
  }

  .sm-body-txt.light-default.tmargin32 {
    max-width: 65ch;
  }

  .sm-body-txt.light-default.tmargin32._2-col {
    max-width: none;
  }

  .sm-body-txt.light-default._1-col-fit {
    max-width: 45ch;
  }

  .sm-body-txt.light-default._2-col {
    column-count: 2;
    column-gap: 16px;
  }

  .sm-body-txt.blk {
    padding: 8px;
  }

  .sm-body-txt.dark-default.tmargin32 {
    max-width: 65ch;
  }

  .sm-body-txt.dark-default._1-col-fit {
    max-width: 45ch;
  }

  .sm-body-txt.dark-default._2-col {
    column-gap: 16px;
  }

  .sm-body-txt.nopadding {
    max-width: 50ch;
  }

  .android-ecosys-image {
    width: 100%;
  }

  .iwatch-hero-img {
    flex: none;
    align-self: center;
    width: auto;
    max-width: 60%;
  }

  .ipad-hero-image {
    align-self: center;
  }

  .android-2013-phone-blk-img {
    max-width: 150px;
  }

  .ios7-iwatch-img {
    max-width: 776px;
  }

  .watchlist-ios7-image-copy {
    width: 70%;
    max-width: 690px;
  }

  .mt-hero-flex-vert {
    margin-left: 0;
  }

  .dropdown-list-mainnav.w--open {
    margin-right: -272px;
  }

  .prod-bk-hero-bg {
    background-size: cover;
    width: 100vw;
    height: 100vh;
    margin-top: 285px;
    top: -35%;
    left: 0%;
  }

  .section {
    z-index: 0;
  }

  .section.intro-copy {
    height: auto;
  }

  .section.tm, .section.tm-copy {
    background-color: var(--white-smoke);
    color: var(--white);
  }

  .splash-json-container {
    background-color: var(--blk-0);
    background-image: linear-gradient(to top, #000 57%, #111f2c);
    max-width: 1440px;
    display: block;
    inset: 0% 0% auto;
  }

  .prj_card {
    border-radius: 8px;
  }

  .h3.slate {
    color: var(--light-slate-grey);
  }

  .h5.gray-78.left {
    color: var(--steel-blue);
  }

  .h5._8-bm {
    margin-bottom: 12px;
  }

  .section-container_maxw1280.hidden {
    overflow: visible;
  }

  .big-body-txt {
    max-width: 800px;
  }

  .big-body-txt.wht._600-maxw, .big-body-txt.wht._600-maxw.centered {
    max-width: 55ch;
  }

  .big-body-txt.wht.overview-intro {
    max-width: 60ch;
  }

  .big-body-txt.blk.verde {
    max-width: 49ch;
  }

  .big-body-txt.wht-copy.overview-intro {
    max-width: 65ch;
  }

  .pill-divider-hero {
    margin-right: 0;
  }

  .prj-details-side-card-2 {
    background-color: var(--dark-slate-grey);
  }

  .android-phone-hero-disc-div-2 {
    border-top: 4px solid #000;
  }

  .grid_pagespreads {
    grid-template-rows: auto auto;
    grid-auto-rows: auto;
  }

  .grid_pagespreads._1-col {
    grid-template-rows: auto auto auto;
    align-content: center;
  }

  .grid_pagespreads.before {
    grid-auto-rows: 1fr;
  }

  .page-img {
    max-width: 1008px;
  }

  .book-img {
    max-width: 2600px;
    margin-top: 0;
    display: block;
  }

  .slider-3 {
    height: auto;
  }

  .h2.wht.section-header, .h2.wht.section-title, .h2.blk.subhead {
    max-width: 22ch;
  }

  .h2.wht.section-header {
    max-width: none;
  }

  ._2-col-grid {
    grid-column-gap: 140px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  ._2-col-grid.vdl {
    background-image: none;
    padding-bottom: 220px;
  }

  ._2-col-grid.overview, ._2-col-grid.overview-cont, ._2-col-grid.results {
    grid-template-columns: 1fr 1fr;
  }

  ._3-col-grid {
    grid-template-rows: 100px;
  }

  ._3-col-grid.hero {
    place-content: center;
  }

  ._3-col-grid.even {
    grid-template-rows: auto auto;
  }

  ._3-col-grid.even.tm {
    align-content: start;
  }

  ._3-col-grid.footer {
    padding-bottom: 60px;
  }

  ._3-col-grid.videos.hero {
    grid-template-columns: .65fr 1fr 3.5fr;
  }

  ._3-col-grid.motion-hero {
    justify-items: stretch;
  }

  ._3-col-grid.even-row {
    grid-template-rows: auto auto;
  }

  ._3-col-grid.even-row.tm {
    align-content: start;
  }

  ._3-col-grid.verde-hero {
    grid-template-rows: 100px auto;
  }

  .verde-img-container {
    z-index: 1;
  }

  .vdl-txt-container {
    margin-right: auto;
  }

  .div-block-53-copy {
    grid-column-gap: 140px;
  }

  .title.org {
    align-self: center;
  }

  .quote.wht {
    margin-top: 0;
  }

  .square-_20 {
    align-items: flex-end;
    display: block;
  }

  .square-_20.blue-gainsboro {
    margin-left: auto;
  }

  .square-_20.blue {
    flex: none;
  }

  .h1-colored-pill {
    width: 4px;
    height: 24px;
    margin-left: -48px;
  }

  .div-block-58 {
    max-width: none;
  }

  .h6.blue {
    color: var(--steel-blue);
  }

  .h6.wht.bottomnav {
    padding-left: 0;
    padding-right: 0;
  }

  .h6.blue-copy-copy {
    color: var(--steel-blue);
  }

  .h6.blk.aa {
    text-transform: none;
    text-transform: none;
  }

  .h6.royal-blue {
    background-color: #0000;
  }

  .h6.light-blue, .h6.light-blue-2 {
    color: var(--steel-blue);
  }

  .h6.sky-blue.bottomnav {
    padding-left: 0;
    padding-right: 0;
  }

  .h6.slate {
    color: var(--steel-blue);
  }

  ._2px-line.padding {
    margin-bottom: 0;
  }

  .video-container {
    justify-content: flex-end;
  }

  .video-container.ignore.crop {
    margin-top: 0;
    margin-bottom: 0;
  }

  .button-label-container {
    flex-direction: column;
    align-self: center;
    align-items: center;
  }

  .top-btn-link.blk, .top-btn-link.wht {
    margin-left: 0;
  }

  .section-nav.wht {
    overflow: visible;
  }

  .verde-txt-div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .verde-txt-div.bottom {
    margin-left: auto;
    margin-right: auto;
  }

  .subhead-container.sticky.iwatch-copy, .subhead-container.sticky.android-tablet {
    padding-top: 12vh;
  }

  .img-flex {
    width: auto;
  }

  .img-flex.vert {
    flex: 0 auto;
  }

  .img-flex.hero {
    flex: none;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .iphone-card {
    background-color: #0000;
    padding-left: 0;
  }

  .ipad-card.bg {
    overflow: visible;
  }

  .h6-2.blue {
    color: #4787b3;
  }

  .devices.card {
    width: 100%;
  }

  .subhead-div {
    margin-left: -100px;
  }

  .subhead-div._1 {
    margin-right: -2vw;
  }

  .ios7-image-copy-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .watchlist-ios7-image-copy-copy {
    width: 70%;
    max-width: 690px;
  }

  .home-hero-card {
    margin-top: 0;
  }

  .image-30 {
    width: 100%;
  }

  .footer-project-links {
    flex: 1;
  }

  .footernav {
    justify-content: space-between;
    display: block;
  }

  .icon-container {
    margin-top: 0;
  }

  .bulltet-icon-svg {
    color: var(--steel-blue);
  }

  .top-btn-contatiner {
    overflow: visible;
  }

  .img-android-tablet {
    max-width: 776px;
  }

  .section-nav-tab-blk {
    background-color: #000;
  }

  .dd-menu {
    margin-top: 15vh;
  }

  .logo-link-wht {
    margin-left: -240px;
    padding-left: 240px;
  }

  .section-nav-tab-wht {
    flex: 1;
  }

  .dropdown-list-sectionnav.w--open {
    margin-right: -272px;
  }

  .section-header-content.main {
    width: 72%;
    max-width: none;
  }

  .section-header-content.overview, .section-header-content.motion {
    width: 70%;
  }

  .contact-card._1 {
    color: #0000;
  }

  .footer-link-list {
    grid-column-gap: 2vw;
  }

  .big-body-txt-2 {
    max-width: 800px;
  }

  .big-body-txt-2.wht.overview-intro {
    max-width: 55ch;
  }

  .prj-card-main {
    border-radius: 8px;
  }

  .image-31._4 {
    background-size: contain;
  }

  .image-31._3 {
    z-index: 1;
  }

  .card-content-container {
    width: 80%;
  }

  .sm-body-txt-2 {
    max-width: 460px;
  }

  .bulltet-icon-svg-2 {
    color: #4787b3;
  }

  .pill-divider-hero-2, .pill-divider-hero-3 {
    margin-right: 0;
  }

  .dropdown-list-sectionnav-2.w--open {
    margin-right: -272px;
  }

  .subhead-container-book.ta {
    margin-top: 67%;
    margin-bottom: -13px;
  }

  .img-mask {
    display: none;
    left: auto;
    right: auto;
  }

  .img-container---verde-hero {
    z-index: 5;
    max-height: 453px;
  }

  .html-embed-14 {
    filter: brightness(27%);
    background-color: #0000;
  }

  .myvideos-embed.aspectratio-4-3 {
    min-height: auto;
    max-height: none;
  }

  ._2-col-grid-3 {
    grid-column-gap: 140px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .h6-3.gray {
    background-color: #0000;
  }

  .sm-body-txt-3 {
    max-width: 68ch;
  }

  .release-header-img {
    margin-left: auto;
    margin-right: auto;
  }

  .txt-wrapper--hero.icons {
    padding-left: 56px;
    padding-right: 56px;
  }

  .txt-flex {
    margin-left: auto;
    margin-right: auto;
  }

  .txt-flex.credit-content {
    max-width: 37ch;
  }

  .video-bottom-label {
    width: auto;
  }

  .overview-bg-img-container {
    perspective: none;
    transform: perspective(1941px)translate(0);
  }

  .image-39 {
    display: block;
  }

  .div-block-127 {
    z-index: 5;
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--blackgray-blue) 3%, var(--shadow) 45%, var(--5-black) 83%);
    width: auto;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .bg-img-gradient {
    background-image: linear-gradient(190deg, var(--grayblk) 10%, transparent 21%, transparent 70%, var(--grayblk) 85%), linear-gradient(to right, var(--grayblk) 2%, #0505054d 18%, #0d0d0ddb 43%, #00000026 90%, var(--grayblk) 98%);
  }

  .book-overview-bg-img {
    filter: brightness(80%);
  }

  .bg-gradient---verde-hero {
    background-image: linear-gradient(270deg, var(--light-steel-blue-2), var(--alice-blue) 20%);
    align-items: flex-start;
    width: 110vw;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-bg-color {
    width: 130vw;
    box-shadow: none;
    margin-left: -40vw;
  }

  .section-bckgrnd-color-div {
    background-image: linear-gradient(to bottom, var(--5-black), transparent 60%, var(--5-black) 75%);
  }

  .section-bckgrnd-img-div {
    filter: blur(4px);
  }

  .div-block-131 {
    background-color: var(--blackgray-blue);
  }

  .android-phone-redesign {
    border-top: 4px solid #000;
  }

  .ipad-ios7-hero-image-copy {
    align-self: center;
  }

  .release-header-img-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .watchlist-ios7-image-copy-copy-copy {
    width: 70%;
    max-width: 690px;
  }

  .div-block-136 {
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-2 {
    padding-right: 24px;
  }

  .link {
    text-align: left;
  }

  .bg-number {
    padding-top: 398px;
    font-size: 140vw;
  }

  .bg-number.light.num4 {
    align-self: auto;
  }

  .bg-number.light.num2 {
    flex: none;
    align-self: baseline;
  }

  .bg-number.num3 {
    margin-left: 913px;
    font-size: 90vw;
  }

  .bg-number.num1 {
    font-size: 150vw;
  }

  .image-41-copy {
    object-fit: cover;
    align-self: flex-start;
    width: 100%;
  }

  .tab-bg.white-smoke {
    z-index: 0;
  }

  .tab-bg.blue1 {
    z-index: 0;
    background-color: var(--alice-blue);
  }

  .tab-bg.clear {
    z-index: 0;
  }

  .paragraph-8 {
    letter-spacing: -8px;
    font-size: 8vw;
  }

  .txt-wrapper-copy.credit-content {
    max-width: 37ch;
  }

  .pill-divider-hero-copy {
    margin-right: 0;
  }

  .div-block-58-copy {
    max-width: none;
  }

  .design-grid-gutter {
    background-color: var(--alice-blue);
  }

  .design-grid-wrap {
    background-color: var(--white-smoke);
  }

  .tos-pill-divider-hero {
    margin-right: 0;
  }
}

@media screen and (max-width: 991px) {
  ._1260-ecosys-div-block {
    width: auto;
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .menulinks {
    z-index: 100;
    float: none;
    width: 100%;
    margin: 36px 20px 36px 0;
    padding-left: 36px;
    display: inline-block;
  }

  .menulinks.w--current {
    max-width: 100%;
    margin-top: 36px;
    margin-bottom: 36px;
    margin-left: 0;
    display: inline-block;
    transform: none;
  }

  .body {
    max-width: 100%;
  }

  .hero-subhead {
    padding-right: 20%;
  }

  .hero-subhead.mt {
    padding-right: 25%;
  }

  .contact-section {
    height: auto;
    display: block;
  }

  .form-block {
    padding-right: 5%;
  }

  ._1260-div-block-copy {
    width: 87%;
  }

  .mainnav-hamburger-blk {
    z-index: 400;
    border: 1px solid #0000;
    align-self: center;
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    transition: border-color .2s;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .mainnav-hamburger-blk:hover {
    border: 1px solid var(--2-black);
  }

  .mainnav-hamburger-blk.w--open {
    background-color: var(--grayblk);
  }

  .portfolio-sub-header-div {
    width: 87%;
  }

  .project-card {
    flex-wrap: wrap;
    align-content: center;
    padding-left: 64px;
  }

  .project-card-header {
    font-size: 50px;
    line-height: 55px;
  }

  .hero-section-type---vw {
    padding-right: 0;
    font-size: 5vw;
    line-height: 64px;
    display: none;
  }

  .card01 {
    width: 87%;
  }

  .h2-wht---product-ecosystem {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 50px;
    line-height: 55px;
  }

  .body-2 {
    background-color: #fff;
  }

  .row-container, .card02 {
    width: 87%;
  }

  .text-block-5 {
    left: 0;
  }

  .prj-card-title-base, .prj-card-title-base-copy {
    max-width: 700px;
    padding-right: 0;
    font-size: 50px;
    line-height: 55px;
  }

  .logo-link-blk {
    z-index: 300;
    flex-direction: row;
    align-items: center;
    width: auto;
    max-width: 100%;
    height: 100px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 16px;
    display: flex;
    position: relative;
  }

  .hamburger-icon-blk {
    color: var(--light-slate-grey);
  }

  .menu-label {
    color: var(--2-black);
  }

  .menu-label.blk {
    color: var(--white-2);
  }

  .big-num-1-div {
    flex-direction: column;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-top: -105px;
    padding-left: 0;
    display: block;
    position: absolute;
  }

  .mt-hero-iphone-img {
    z-index: 0;
    float: none;
    clear: none;
    flex: 1;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: flex-end;
    width: 90%;
    margin: auto 0 auto auto;
    padding-top: 0;
    display: block;
    position: relative;
  }

  .mt-hero-bg-image {
    z-index: -1000;
    background-position: 0 0, 0 -790px;
    background-attachment: scroll, scroll;
    position: absolute;
  }

  .ecosys-android-col-left {
    padding-bottom: 60px;
  }

  .ecosystem-os-button {
    width: 80%;
  }

  .sm-body-txt.light-default {
    max-width: none;
    margin-top: 0;
  }

  .sm-body-txt.light-default.bottom-margin.absolute {
    color: var(--light-steel-blue-2);
    margin-bottom: -32px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    inset: auto auto 0%;
  }

  .sm-body-txt.light-default.bold {
    width: auto;
  }

  .sm-body-txt.light-default.tmargin32 {
    column-count: auto;
    column-gap: 16px;
  }

  .sm-body-txt.light-default._1-col-fit.half {
    width: auto;
    max-width: none;
  }

  .sm-body-txt.light-default._2-col {
    column-rule-style: none;
    column-gap: 24px;
    max-width: none;
    margin-top: 0;
  }

  .sm-body-txt.light-default._36ch {
    max-width: none;
  }

  .sm-body-txt.light-default.tall2._1line {
    display: block;
  }

  .sm-body-txt.light-default.tall2.wrapped {
    align-self: flex-start;
    display: block;
  }

  .sm-body-txt._230px-maxw {
    max-width: none;
  }

  .sm-body-txt.blk.tmargin_32 {
    padding-right: 0;
  }

  .sm-body-txt.tm {
    margin-top: 32px;
  }

  .sm-body-txt.tm.centered {
    margin-left: 0;
  }

  .sm-body-txt.tm.centered._2 {
    text-align: left;
  }

  .sm-body-txt.dark-default {
    max-width: 65ch;
  }

  .sm-body-txt.dark-default.bottom-margin.absolute {
    margin-bottom: -32px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    inset: auto auto 0%;
  }

  .sm-body-txt.dark-default.bold {
    width: auto;
  }

  .sm-body-txt.dark-default.listitem {
    max-width: 55ch;
  }

  .sm-body-txt.dark-default._1-col-fit {
    color: var(--light-steel-blue-2);
  }

  .sm-body-txt.dark-default._1-col-fit.half {
    width: auto;
  }

  .sm-body-txt.dark-default._2-col {
    max-width: none;
  }

  .sm-body-txt.nopadding {
    max-width: 60ch;
  }

  .sm-body-txt.nopadding.columns {
    width: 70%;
  }

  .sm-body-txt.nopadding.icons, .sm-body-txt.verde {
    max-width: none;
  }

  .sm-body-txt.verde.columns {
    max-width: 70ch;
  }

  .ecosystem-section-cols {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .android-ecosys-image {
    align-self: center;
    margin-top: 0;
  }

  .ios-ecosys-image {
    flex: none;
    align-self: center;
  }

  ._1260-prj-overview-div-block, ._1260-app-features-div-block {
    width: 87%;
    max-width: none;
  }

  .applicaiton-features-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .pair-of-ipads-themes {
    width: 90%;
    max-width: 916px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .p-themes-discription {
    max-width: 87vw;
    margin-left: auto;
    margin-right: auto;
  }

  ._1260-charting-div-block {
    flex-flow: wrap;
    width: 87%;
    max-width: none;
    margin-top: 100px;
    padding: 36px 24px 16px;
    display: block;
  }

  .cols---charting-hero {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .charting-features-txt-div {
    float: none;
    flex-direction: column;
    max-width: 100%;
    margin: 36px 0 0;
    display: block;
  }

  .image-7 {
    float: none;
    clear: none;
    width: auto;
    max-width: 100%;
    display: block;
    right: auto;
  }

  .col-left---charting-txt {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .col-right---charting-img {
    margin-top: 16px;
    padding-left: 0;
  }

  .h3-org {
    margin-left: 0;
    margin-right: 0;
  }

  .columns-5 {
    margin-top: 60px;
    display: none;
  }

  .image {
    width: 90%;
  }

  .column-9 {
    margin-bottom: 40px;
    padding-right: 0;
  }

  .column-10, .column-11 {
    padding-left: 0;
  }

  .column-12 {
    margin-bottom: 40px;
    padding-right: 0;
  }

  .label-center---blk {
    color: var(--2-black);
    font-weight: 400;
  }

  .iphone-charting-container {
    padding-left: 0;
    padding-right: 0;
  }

  .themes-image---left-div {
    margin-bottom: 40px;
  }

  .themes-discription-right-div {
    align-self: stretch;
    margin-bottom: 36px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ipad-themes-div {
    flex-flow: column;
  }

  ._1260-adv-orders-editor-div-block {
    width: 87%;
    max-width: none;
    margin-top: 100px;
  }

  .droid-adv-editor-div {
    flex-flow: column;
    align-items: center;
    padding-left: 90px;
    padding-right: 90px;
  }

  .adv-editor-discription-right-div {
    margin-bottom: 36px;
    padding-left: 0;
  }

  .droid-phones-adv-editor-image-left-div {
    width: 80%;
    max-width: 560px;
    margin-left: auto;
  }

  ._1260-support-chat-div-block {
    width: 87%;
    max-width: none;
    margin-top: 100px;
  }

  .adv-editor-image-left-div {
    align-self: auto;
    margin-left: -60px;
    margin-right: -60px;
  }

  .support-chat-img-right-div {
    flex: 0 auto;
    align-self: center;
    margin-left: -36px;
    margin-right: -36px;
  }

  .support-chat-discription-left-div2 {
    align-self: flex-start;
    margin-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
  }

  .droid-phones-chat-image-right-div {
    width: 57%;
    margin-left: auto;
    display: block;
  }

  .support-chat-div {
    flex-flow: column-reverse;
    margin-left: auto;
    margin-right: auto;
    padding-left: 90px;
    padding-right: 90px;
  }

  .featured-projects-section-flex {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .paragraph-3 {
    max-width: 680px;
  }

  .ios7-redesign-discription-div {
    margin-top: 0;
    margin-bottom: 36px;
    padding: 0 2vw 0;
  }

  ._1260-ios-7-redesign-div-block {
    width: 87%;
    max-width: none;
  }

  .watchlist-ios7-image {
    margin-left: auto;
  }

  .ios7-row-1-div {
    flex-flow: column-reverse;
    display: flex;
  }

  .ios7-watchlist-img-div {
    align-self: flex-end;
    padding-left: 5vw;
  }

  .i0s7-watchlist-card {
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    display: flex;
  }

  .ios7-row-2-div, .ios7-row-3-div, .ios7-row-4-div {
    flex-flow: column-reverse;
  }

  .i0s7-calendar-card {
    height: auto;
    max-height: 663px;
    margin: 0 auto 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .i0s7-chart-card {
    height: auto;
    max-height: 663px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .i0s7-balances-card {
    height: auto;
    max-height: 663px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .i0s7-iwatch-card {
    margin-left: auto;
    margin-right: auto;
  }

  .ios7-image-copy {
    margin-left: auto;
  }

  .ios7-editor-card {
    flex-direction: row;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    height: auto;
    max-height: 663px;
    margin: 0 auto 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .ios7-login-card {
    height: auto;
    max-height: 663px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
  }

  .label---wht {
    color: var(--white-2);
    align-self: stretch;
    padding-top: 0;
    font-weight: 400;
  }

  .label---wht.charting {
    padding-top: 10px;
  }

  .edtior-ios7-image, .iwatch-hero-img {
    margin-left: auto;
  }

  .label---silver-copy {
    color: var(--lt-gray-78);
    font-weight: 400;
  }

  .label---wht-iphone-card {
    color: var(--white-2);
    font-weight: 400;
  }

  .watchlist-ios7-image-copy-copy {
    margin-left: auto;
  }

  .iwatch-card-container {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .div-block-14 {
    margin: 0 auto 20px;
  }

  .ios7-image-copy-copy {
    margin-left: auto;
  }

  .ios7-row-5-div {
    flex-flow: column-reverse;
    align-self: stretch;
    align-items: flex-end;
    display: flex;
  }

  .android-redesign-discription-div {
    flex: 0 auto;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 36px;
    padding-left: 24px;
    padding-right: 0;
  }

  .android-redesign-disc-card {
    justify-content: center;
    align-self: auto;
    align-items: flex-end;
    width: auto;
    height: auto;
    margin: 100px auto 59px;
    padding-left: 0;
  }

  .spaceholder-card {
    display: none;
  }

  .ios7-ipad-card-container {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .ios7-ipad-img-left-div, .ios7-ipad-img-right-div {
    max-width: 100%;
  }

  .ipad-dashboard-blk-image {
    flex: none;
    align-self: auto;
  }

  .ipad-hero-image {
    min-width: auto;
  }

  .android-redesign-hero-group {
    flex: 0 auto;
    align-items: center;
  }

  .android-phone-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .android-phone-hero-disc-div {
    padding: 0 24px;
  }

  .h3-slate-blu {
    margin-left: 0;
    margin-right: 0;
  }

  .p-blk-copy {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .lght-theme-phone-row {
    background-color: var(--dim-grey);
    padding-top: 36px;
  }

  .drk-theme-phone-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .grid-lght-theme-row, .grid-drk-theme-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .label-left--blk {
    font-weight: 400;
  }

  .ios7-iwatch-hero-img-div {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ios7-iwatch-img {
    flex: none;
    width: auto;
    height: auto;
    max-height: 100%;
  }

  .ios7-iwatch-img-div-1-cop {
    justify-content: center;
    align-self: center;
  }

  .android-tablet-redesign-card {
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 36px;
  }

  .android-tablet-hero-img-div {
    padding-top: 32px;
    padding-bottom: 16px;
  }

  .android-tablet-hero-disc-div {
    padding-top: 36px;
  }

  .h3-lt-gray {
    margin-left: auto;
    margin-right: auto;
  }

  .android-tablet-img-div.less-padding {
    padding: 0 4px 16px;
  }

  .ios7-iwatch-img-div-1-copy {
    padding-left: 36px;
    padding-right: 36px;
  }

  .label-ipad-center---silver {
    color: var(--lt-gray-78);
    font-weight: 400;
  }

  .ios7-redesign-disc-half-card-div {
    flex: 0 auto;
    align-self: stretch;
    align-items: flex-end;
    height: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .paragraph-3-copy {
    max-width: 97%;
    margin-bottom: 0;
  }

  .h2-org-copy {
    margin-top: 0;
  }

  .featured-projects-section-grid {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  ._1260-ios-7-redesign-container {
    width: 87%;
    max-width: none;
  }

  .label-center---blk-copy {
    color: var(--2-black);
    padding-top: 0;
    font-weight: 400;
  }

  .david-stoy-logo-type {
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    font-style: normal;
  }

  .logo-container {
    flex: 1;
    padding-right: 0;
  }

  .watchlist-ios7-image-copy {
    max-height: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .design-goals-txt-container {
    padding-left: 0;
    padding-right: 0;
  }

  .design-goals-txt-container.tp {
    padding-right: 0;
  }

  .p-wht-charting {
    width: auto;
    max-width: 768px;
    margin-left: 0;
    margin-right: 0;
  }

  .charting-hero-container {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: stretch;
    padding-left: 36px;
    padding-right: 36px;
  }

  .charting-features-txt-container {
    flex: 1;
    align-self: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .charting-hero-img-container {
    flex: none;
    align-self: stretch;
    margin-left: 60px;
    margin-right: 60px;
  }

  .charting-hero-img-div {
    border-radius: 8px;
    margin-top: -16px;
    margin-left: -100px;
    margin-right: -100px;
    padding-top: 0;
  }

  .mt-hero-img-container {
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 65px;
    padding-left: 1vw;
    padding-right: 0;
    display: block;
    position: relative;
  }

  .mt-hero-flex-vert {
    flex: 0 auto;
    align-items: center;
    padding-right: 0;
  }

  .ios7-editor-card-copy {
    flex-direction: row;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    height: auto;
    max-height: 663px;
    margin: 0 auto 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .div-block-22 {
    padding: 0;
  }

  .featured-projects-section-flex-copy {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .ios7-row-7-div {
    flex-flow: column-reverse;
  }

  .ios7-row-6-div {
    flex-flow: column-reverse;
    align-self: stretch;
    align-items: flex-end;
    display: flex;
  }

  .ios7-login-card-copy {
    width: 620px;
    height: 663px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hero-section-type---px {
    padding-right: 0;
    font-size: 8vw;
    line-height: 8vw;
  }

  .hero-section-type---px.mt {
    align-self: stretch;
    max-width: 100%;
    font-size: 50px;
    line-height: 55px;
  }

  .hero-section-type---px.tdau {
    font-size: 67px;
    line-height: 72px;
  }

  .image-7-copy {
    float: none;
    clear: none;
    border: 8px solid var(--2-black);
    object-fit: fill;
    border-radius: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    display: block;
    right: auto;
  }

  .body-4 {
    background-color: #993939;
    height: 1800px;
  }

  .tda-subhead {
    margin-bottom: 0;
  }

  .android-phone-hero-img {
    align-self: flex-end;
    width: 86%;
    margin-right: 8px;
  }

  .main_nav {
    background-color: #0000;
  }

  .menulinks-copy {
    z-index: 100;
    float: none;
    margin: 32px 4px 32px 0;
    font-size: 21px;
    display: inline-block;
  }

  .menulinks-copy.w--current {
    margin-top: 36px;
    margin-bottom: 36px;
    display: inline-block;
    transform: none;
  }

  .dropdown-toggle {
    z-index: 1000;
    border-radius: 4px;
    flex-direction: row;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .dropdown-arrow-icon {
    margin-right: auto;
    position: relative;
  }

  .dropdown-list-mainnav.w--open {
    background-image: none;
    height: auto;
    margin-top: 0;
    margin-left: 8px;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .dropdown-list-mainnav.wht.w--open {
    background-color: var(--alice-blue);
    background-image: none;
  }

  .nav_ddlink {
    border-top-color: var(--grayblack);
    border-bottom-color: var(--grayblack);
    letter-spacing: 1px;
    white-space: normal;
    align-self: stretch;
    width: 100%;
    min-width: 80px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .nav_ddlink.w--current {
    border-top-color: var(--grayblack);
    border-bottom-color: var(--grayblack);
    padding-left: 20px;
  }

  .navbar-menu {
    z-index: 5000;
    background-color: var(--blackgray-blue);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    max-height: 1080px;
    margin: 0 auto auto;
    padding-top: 140px;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .dropdown.dark {
    background-color: var(--brownblack);
    display: block;
  }

  .slider {
    background-color: var(--dim-grey);
    height: 103vh;
    margin-top: 60px;
    padding-top: 36px;
    display: block;
  }

  .prod-bk-hero-bg {
    inset: -15% 0% auto;
  }

  .badge-prj-003-img-container {
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .section.featured-projects, .section.home-hero {
    height: auto;
  }

  .section.verde.overview {
    z-index: 0;
  }

  .section.verde.mask {
    overflow: hidden;
  }

  .section.intro-copy {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .tdau-hero-1280-div {
    padding-top: 8vw;
  }

  .tdau-hero-card {
    grid-template-rows: minmax(60vw, 3.25fr) auto auto;
    grid-template-columns: minmax(60px, 60px) .5fr;
    place-content: space-between stretch;
    justify-items: center;
    max-width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .tdau-hero-bg-container {
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .tdau-hero-img {
    width: 100%;
  }

  .div-block-32, .div-block-33 {
    max-width: 80%;
  }

  .div-block-35 {
    background-color: var(--dark-slate-grey-2);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
  }

  .hb_bar {
    background-color: #fff;
    border-radius: 4px;
    width: 30px;
    height: 4px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .hb_bar.top:active {
    transform: translate(0);
  }

  .hb-container {
    width: 60px;
    height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .splash-json-container {
    align-items: flex-start;
    margin-top: 0;
    padding-top: 60px;
    display: block;
  }

  .prj_card {
    justify-content: center;
    height: 330px;
  }

  .h3 {
    margin-left: auto;
    margin-right: auto;
  }

  .h3.wht {
    margin-left: 0;
    font-size: 28px;
    line-height: 1.4;
  }

  .h3.wht.margin {
    margin-bottom: 16px;
    margin-left: 0;
    line-height: 1.4;
  }

  .h3.wht.right {
    margin-left: 0;
  }

  .h3.wht.centered {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
  }

  .h3.wht.bmargin {
    margin-left: 0;
  }

  .h3.wht._8px-bmargin {
    margin-left: 0;
    font-size: 4vw;
    line-height: 1.2;
  }

  .h3.wht.bmargin-8 {
    margin-left: 0;
  }

  .h3.wht.subhead {
    flex: none;
    align-self: flex-start;
    margin-left: 0;
  }

  .h3.wht.su {
    margin-left: 0;
  }

  .h3.wht.subhead-copy {
    flex: none;
    align-self: flex-start;
    margin-left: 0;
  }

  .h3.ddnum.wht {
    color: var(--dim-grey);
  }

  .h3.blk {
    margin-left: 0;
  }

  .h3.blk.subhead, .h3.blk.subhead-alt, .h3.blk.verde-subheads {
    font-size: 36px;
  }

  .h3.blk.verde-subheads.library {
    width: 70%;
  }

  .h3.blk.video-title {
    font-size: 36px;
  }

  .h5 {
    flex: 0 auto;
  }

  .h5.about {
    max-width: 31ch;
  }

  .h5.dd-link.wht {
    color: var(--dim-grey);
    font-weight: 600;
  }

  .h5.dd-link.blk {
    color: var(--silver-2);
    font-size: 21px;
    font-weight: 600;
  }

  .h5.blue.alt {
    margin-top: 16px;
    margin-bottom: 32px;
    font-weight: 500;
  }

  .h5.blue.alt2 {
    letter-spacing: 1px;
    width: 60%;
    min-width: 19ch;
    max-width: none;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .h4.wht {
    align-self: auto;
  }

  .h4.wht._24-margin {
    font-size: 21px;
    line-height: 28px;
  }

  .h4.wht._24-margin-copy {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 28px;
  }

  .h4.wht._24-margin-copy.centered {
    text-align: left;
  }

  .h4.wht.down-margin {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .h4.wht.centered {
    text-align: center;
  }

  .h4.dd-link.wht {
    color: var(--dim-grey);
  }

  .h4.blk {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    line-height: 1.2;
  }

  .section-container_maxw1280 {
    width: 90%;
    display: block;
    overflow: visible;
  }

  .section-container_maxw1280.t-b-mar-220, .section-container_maxw1280.t-b-mar-220.relative {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-container_maxw1280.dp {
    margin-left: 24px;
  }

  .section-container_maxw1280.dp-copy {
    flex: none;
    align-self: stretch;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .section-container_maxw1280.hero-copy {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-container_maxw1280.hero-verde {
    padding-top: 87px;
    padding-bottom: 0;
  }

  .image-19 {
    z-index: 1;
    width: 110%;
    margin-top: 0;
    margin-left: -2vw;
    margin-right: auto;
    position: static;
  }

  .book-title-container {
    z-index: 20;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-content: flex-end;
    justify-items: stretch;
    margin: auto auto 0 0;
    padding-left: 0;
    position: relative;
  }

  .dd-list-container {
    flex-direction: row;
    align-self: stretch;
    padding-top: 0;
    display: block;
  }

  .big-body-txt.wht._600-maxw, .big-body-txt.wht._600-maxw.centered {
    width: 90%;
    max-width: 40ch;
  }

  .big-body-txt.wht.overview-intro {
    max-width: 55ch;
  }

  .big-body-txt.wht.maxw-55ch {
    color: var(--alice-blue);
  }

  .big-body-txt.gray-78.output {
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.blk {
    min-width: auto;
  }

  .big-body-txt.blk.section-header {
    max-width: 55ch;
  }

  .big-body-txt.blk.verde {
    margin-left: auto;
    margin-right: auto;
  }

  .big-body-txt.blk.verde.left {
    margin-right: 4px;
  }

  .big-body-txt.wht-copy._34ch._0margin {
    max-width: none;
  }

  .big-body-txt.wht-copy.overview-intro {
    max-width: 57ch;
  }

  .big-body-txt.wht-copy.maxw-55ch {
    color: var(--alice-blue);
  }

  .div-block-43 {
    margin-left: auto;
    margin-right: auto;
  }

  .mt-hero-grid {
    grid-column-gap: 36px;
    justify-content: space-around;
    padding-top: 16px;
  }

  .txt-container {
    width: 100%;
  }

  .flex-col1.nopadding {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .mt-products-section-2 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .pill-divider-hero {
    margin-top: 60px;
  }

  .h5-centered.is-org.tt {
    margin-left: 0;
    margin-right: auto;
  }

  .mt-hero-section-2 {
    z-index: 0;
    height: auto;
    min-height: 760px;
    max-height: none;
  }

  .prj-details-side-card-2 {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
  }

  .h3-2 {
    max-width: 87vw;
    margin-left: auto;
    margin-right: auto;
  }

  .h3-2.is-lght-blue {
    margin-left: 0;
  }

  .mt-project-overview-section-2 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .label---wht-2 {
    color: var(--light-steel-blue-2);
    flex: none;
    align-self: stretch;
    padding-top: 8px;
    font-weight: 400;
  }

  .label---wht-2.charting {
    padding-top: 10px;
  }

  .label---wht-2._90 {
    margin-left: auto;
    margin-right: auto;
  }

  .applicaiton-features-section-2 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .p-wht-charting-2 {
    width: auto;
    max-width: 768px;
    margin-left: 0;
    margin-right: 0;
  }

  .image-7-copy-2 {
    float: none;
    clear: none;
    object-fit: fill;
    border: 8px solid #050505;
    border-radius: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    display: block;
    right: auto;
  }

  ._1260-charting-div-block-2 {
    flex-flow: wrap;
    width: 87%;
    max-width: none;
    margin-top: 100px;
    padding: 36px 24px 16px;
    display: block;
  }

  .slider-2 {
    background-color: #5d666d;
    height: 103vh;
    margin-top: 60px;
    padding-top: 36px;
    display: block;
  }

  .h3-org-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .label-left--blk-2 {
    font-weight: 400;
  }

  .label-center---blk-copy-2 {
    color: #050505;
    padding-top: 0;
    font-weight: 400;
  }

  .label---silver-copy-2 {
    color: #c6c6c6;
    font-weight: 400;
  }

  .grid-drk-theme-row-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .label-center---blk-copy-3 {
    color: #050505;
    font-weight: 400;
  }

  .label---silver-copy-3 {
    color: #c6c6c6;
    font-weight: 400;
  }

  .p-blk-copy-2 {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .label-center---blk-2 {
    color: #050505;
    font-weight: 400;
  }

  .i0s7-watchlist-card-2 {
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    display: flex;
  }

  .label---wht-iphone-card-2 {
    color: #fcfcfc;
    font-weight: 400;
  }

  .grid-lght-theme-row-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .drk-theme-phone-row-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .h3-lt-gray-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-6 {
    max-width: 680px;
  }

  .ios7-login-card-copy-2 {
    width: 620px;
    height: 663px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h3-slate-blu-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-45 {
    margin: 0 auto 20px;
  }

  .ios7-editor-card-2 {
    flex-direction: row;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    height: auto;
    max-height: 663px;
    margin: 0 auto 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .featured-projects-section-flex-copy-2 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .i0s7-calendar-card-2 {
    height: auto;
    max-height: 663px;
    margin: 0 auto 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .i0s7-chart-card-2 {
    height: auto;
    max-height: 663px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .paragraph-3-copy-2 {
    max-width: 97%;
    margin-bottom: 0;
  }

  .android-tablet-redesign-card-2 {
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 36px;
  }

  .grid-android-phone {
    position: static;
  }

  .label-ipad-center---silver-2 {
    color: #c6c6c6;
    font-weight: 400;
  }

  .lght-theme-phone-row-2 {
    background-color: #5d666d;
    padding-top: 36px;
  }

  .i0s7-iwatch-card-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .contact-section-2 {
    height: auto;
    display: block;
  }

  .div-block-32-copy {
    max-width: 80%;
  }

  .book-hero-container {
    z-index: 1;
  }

  .book-subhead-container {
    z-index: 5;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    position: relative;
  }

  .grid_pagespreads._1-col {
    grid-auto-rows: auto;
    align-content: center;
    align-items: stretch;
  }

  .grid_pagespreads.before {
    grid-auto-rows: auto;
  }

  .grid_pagespreads.tos {
    grid-auto-rows: auto;
    align-content: center;
    align-items: stretch;
  }

  .book-foreword-container {
    flex: 0 auto;
    width: 100%;
  }

  .book-img {
    right: 68px;
  }

  .slider-3 {
    height: auto;
  }

  .left-arrow-2 {
    margin-left: 0;
  }

  .right-arrow-2 {
    margin-right: 0;
  }

  .prod-bk-hero-bg-copy {
    filter: invert() blur(1.5px);
    width: 200vw;
    margin-top: 0;
    left: -2%;
  }

  .card-book-specs {
    flex-direction: column;
    width: 28%;
    min-width: 220px;
    margin-left: 0;
    display: flex;
  }

  .h2.wht.section-header {
    margin-bottom: 0;
  }

  .h2.wht.section-header.overview {
    font-size: 52px;
  }

  .h2.wht.section-title {
    margin-bottom: 0;
  }

  .h2.wht.section-title.overview {
    font-size: 52px;
  }

  .h2.blk.subhead {
    max-width: none;
    line-height: 1.2;
  }

  .h2.blk.subhead.about {
    line-height: 1.1;
  }

  .h2.wht.section-header {
    font-size: 6.5vw;
    line-height: 1.2;
  }

  .h2.wht.section-header.prjs {
    font-size: 52px;
  }

  .h2.silver.sectiontitle {
    line-height: 1.2;
  }

  ._2-col-grid.vdl {
    grid-column-gap: 24px;
    grid-template-columns: 1fr;
  }

  ._2-col-grid.vdl._3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid.dark {
    padding-top: 32px;
  }

  ._2-col-grid._160-top-pad {
    padding-top: 100px;
  }

  ._2-col-grid.overview.mt {
    grid-row-gap: 60px;
  }

  ._2-col-grid.group-header {
    grid-template-rows: .25fr;
    width: 100%;
  }

  ._2-col-grid._100-top-pad {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    padding-top: 16px;
  }

  ._2-col-grid.mt-vids {
    grid-template-rows: 60px auto auto auto;
    padding-bottom: 0;
  }

  ._2-col-grid.suite {
    padding-top: 0;
  }

  ._2-col-grid.theme {
    grid-template-rows: 100px auto 1fr;
    padding-bottom: 0;
  }

  ._2-col-grid.mt-release-hero._1 {
    z-index: 100;
    border-top-width: 2px;
    padding-top: 140px;
    padding-bottom: 140px;
    position: static;
  }

  ._2-col-grid.mt-release-hero._2 {
    z-index: 600;
    background-color: var(--2-black);
    perspective: 2000px;
    border-radius: 0;
    position: sticky;
  }

  ._2-col-grid.components {
    grid-template-rows: auto;
    height: auto;
  }

  ._2-col-grid.auto {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  ._3-col-grid {
    grid-template-rows: 100px auto auto;
  }

  ._3-col-grid.subsection {
    grid-column-gap: 40px;
    grid-row-gap: 8px;
    grid-template-columns: 2fr 1fr 1fr;
    padding: 0;
  }

  ._3-col-grid.page {
    grid-column-gap: 16px;
  }

  ._3-col-grid.page.subsection-copy._2 {
    border-radius: 4px;
  }

  ._3-col-grid.page.output {
    perspective: 2000px;
    transform: perspective(2000px);
  }

  ._3-col-grid.iwatch {
    z-index: 100;
    grid-template-rows: auto auto;
    padding-top: 140px;
    padding-bottom: 140px;
    position: static;
  }

  ._3-col-grid.ipad {
    z-index: 100;
    padding-top: 140px;
    padding-bottom: 140px;
    position: static;
  }

  ._3-col-grid.hero {
    grid-template-rows: 100px auto;
  }

  ._3-col-grid.iphone-release {
    z-index: 100;
    padding-bottom: 140px;
    position: static;
  }

  ._3-col-grid.even {
    grid-template-rows: minmax(auto, 73px) minmax(auto, 37px);
  }

  ._3-col-grid.even.tm {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }

  ._3-col-grid.even.droid-phone {
    z-index: 100;
    grid-template-rows: auto auto;
    padding-top: 140px;
    padding-left: 0;
    position: static;
  }

  ._3-col-grid.even.about {
    grid-column-gap: 36px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column dense;
    width: 100%;
    margin-top: 0;
  }

  ._3-col-grid.even.componentts {
    grid-template-rows: auto;
    grid-auto-flow: row dense;
  }

  ._3-col-grid.even.freal {
    grid-template-rows: auto;
  }

  ._3-col-grid.footer {
    grid-template-columns: .25fr 1fr 1fr;
  }

  ._3-col-grid.videos {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  ._3-col-grid.videos.hero {
    padding-top: 100px;
  }

  ._3-col-grid.motion-hero {
    grid-template-rows: auto;
    justify-items: stretch;
  }

  ._3-col-grid.android-tablet {
    z-index: 100;
    margin-top: 140px;
    padding-top: 0;
    position: static;
  }

  ._3-col-grid.even-row {
    grid-template-rows: minmax(auto, 73px) minmax(auto, 37px);
  }

  ._3-col-grid.even-row.droid-phone {
    grid-template-rows: auto auto;
    padding-left: 0;
  }

  .verde-img-container {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .link-style.no-ul {
    margin-right: 16px;
  }

  .verde-hero-img {
    object-position: 50% 50%;
    width: 100%;
    max-height: 570px;
    margin-left: auto;
    margin-right: auto;
  }

  .wht-bg {
    background-image: linear-gradient(to top, var(--white-smoke) 4%, #fff 18%, #fff 34%, var(--white-smoke));
  }

  .vdl-txt-container {
    background-color: #0000;
  }

  .vdl-txt-container.top-margini {
    margin-left: 0;
  }

  .vdl-txt-container.right {
    width: auto;
    height: auto;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-53-copy {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 0;
    display: flex;
    position: sticky;
    top: 76px;
  }

  .img-containers.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .img-containers.no-margin {
    padding-left: 8px;
    padding-right: 8px;
  }

  .img-containers.flex-copy {
    margin-bottom: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .img-containers.charting-hero {
    flex-direction: column;
    position: static;
  }

  .img-containers._930px-vert-mask {
    height: auto;
  }

  .img-containers._480px-vert-mask {
    height: 360px;
  }

  .img-containers.icons {
    margin-top: 16px;
    padding: 0;
  }

  .img-containers._2col-card {
    padding-left: 0;
    padding-right: 0;
  }

  .video-label-card.spongbob {
    width: auto;
  }

  .video-label-card.book {
    grid-auto-flow: column;
  }

  .vdl-img.scaleup-copy {
    background-color: #0000;
  }

  .title.org {
    margin-right: auto;
    font-size: 6.8vw;
    line-height: 1.2;
  }

  .title.navy.centered {
    font-size: 52px;
    line-height: 56px;
  }

  .title.navy.centered.margin, .title.navy.centered.freal {
    width: 100%;
    margin-bottom: 16px;
  }

  .square-_20.wht.bottommargin-copy {
    margin-bottom: 40px;
  }

  .square-_20.blue {
    width: 12px;
    height: 12px;
    margin-bottom: 8px;
  }

  .square-_20.blue.centered {
    margin-bottom: -8px;
  }

  .square-_20.blue.alt-copy {
    border-width: 1px;
  }

  .h1-colored-pill {
    margin-left: -5vw;
  }

  .div-block-58 {
    padding-bottom: 0;
  }

  .h6 {
    margin-right: 0;
  }

  .h6.intro.dark {
    margin-left: auto;
    margin-right: auto;
  }

  .h6.intro.dark.centered {
    margin-top: 60px;
  }

  .h6.blue {
    margin-right: auto;
  }

  .h6.blue.header-copy {
    margin-left: 0;
    margin-right: auto;
  }

  .h6.wht {
    transition: color .25s;
  }

  .h6.wht:hover {
    color: var(--white-2);
  }

  .h6.wht.bottomnav {
    display: block;
  }

  .h6.wht.bottomnav.dd {
    margin-right: 0;
    padding: 16px 0 16px 16px;
    font-size: 28px;
    line-height: 1.2;
  }

  .h6.wht.main-dd {
    margin-left: 0;
    padding-left: 16px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
  }

  .h6.drk-blue.subhead.top, .h6.drk-blue.label.top {
    color: var(--royal-blue);
  }

  .h6._16-pad {
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 28px;
    line-height: 34px;
  }

  .h6._16-pad.dd-main {
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }

  .h6._16-pad.dd-section-wht {
    text-transform: capitalize;
    align-self: center;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .h6._16-pad.dd-section-blk {
    color: var(--silver-2);
    text-transform: capitalize;
    align-self: center;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
  }

  .h6.royal-blue {
    align-self: flex-start;
  }

  .h6.light-blue-2 {
    flex: none;
    align-self: flex-start;
  }

  .h6.sky-blue.bottomnav {
    display: block;
  }

  .h6.sky-blue.bottomnav.dd {
    margin-right: 0;
    padding: 24px 0 24px 16px;
    font-size: 28px;
    line-height: 1.2;
  }

  .h6.sky-blue.main-dd {
    margin-left: 0;
    padding-left: 32px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
  }

  .h6.slate.header-copy {
    margin-left: 0;
    margin-right: auto;
  }

  ._2px-line.soemthing {
    margin-bottom: 16px;
    display: none;
  }

  .mask-component {
    height: 31vw;
  }

  .badge-card {
    margin-right: auto;
    left: auto;
    transform: scale(.4);
  }

  .badge-card._2 {
    margin-left: -32px;
  }

  .button-label-container {
    flex: 1;
  }

  .project-details-container {
    margin-top: 0;
    padding-top: 0;
  }

  .project-details-container.mt {
    padding-left: 0;
  }

  .div-block-72 {
    width: 20%;
  }

  .top-btn-link {
    flex: 0 auto;
    padding-right: 16px;
  }

  .top-btn-link.blk {
    flex: 0 auto;
    align-self: auto;
    transition-duration: .25s;
  }

  .top-btn-link.wht {
    z-index: 500;
    flex: none;
    align-self: auto;
    position: relative;
  }

  .top-btn-link.blk {
    z-index: 1010;
    border-right: 1px solid var(--tab-current);
    border-bottom: 2px none var(--tab-current);
    background-color: var(--midnight-blue);
    align-self: auto;
    max-height: 44px;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .top-btn-link.wht {
    z-index: 1010;
    border-right: 1px solid var(--blue-gainsboro);
    border-bottom: 1px none var(--blue-gainsboro);
    align-self: auto;
    max-height: 44px;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .section-nav.blk {
    z-index: 1000;
    background-color: var(--2-black);
    border-bottom-width: 1px;
  }

  .section-nav.wht {
    z-index: 5000;
    border-bottom-style: solid;
  }

  .section-nav.white {
    background-color: var(--white-2);
  }

  .verde-txt-div.top {
    margin-top: 0;
  }

  .verde-txt-div.bottom {
    width: 87%;
    margin-top: -40px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .list-item-goals {
    padding-bottom: 24px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._4-col-grid._100-padd.charting {
    margin-top: 0;
    margin-bottom: 140px;
    padding-top: 60px;
  }

  ._4-col-grid.projects {
    grid-template-rows: 1fr auto auto auto;
    grid-template-columns: 1fr;
  }

  .nav-content-container.flex {
    justify-content: space-between;
    align-items: flex-start;
  }

  .subhead-container.sticky {
    justify-content: flex-start;
    max-width: 150px;
    margin-bottom: 2px;
    margin-right: auto;
    padding-top: 21vh;
    padding-left: 0;
  }

  .subhead-container.sticky.ipad {
    margin-top: -4vh;
    margin-bottom: -83px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .subhead-container.sticky.iwatch-copy {
    margin-top: 0;
    padding-top: 179px;
    padding-bottom: 107px;
  }

  .subhead-container.sticky.android-tablet {
    margin-top: 90px;
    margin-bottom: 19px;
  }

  .img-flex.vert.alt {
    justify-content: flex-end;
    width: 80%;
  }

  .img-flex.vert.iphone {
    flex: none;
  }

  .img-flex.blk-5 {
    background-image: none;
  }

  .iphone-card.centered-low {
    background-image: none;
    height: auto;
    padding-top: 32px;
  }

  .ios7-image-copy-2 {
    margin-left: auto;
  }

  .ipad-card {
    background-image: none;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ipad-card.bg {
    padding-top: 40px;
  }

  .iwatch-card.row {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .iwatch-card.hero {
    padding-left: 70px;
    padding-right: 70px;
  }

  .iphone-container {
    padding: 32px 16px;
  }

  .iwatch-img {
    width: 40%;
    margin-left: auto;
  }

  .mt-hero-title-block {
    z-index: 50;
    margin-left: 0;
    padding-left: 0;
    position: relative;
  }

  .badge-card-2 {
    margin-left: -32px;
    margin-right: auto;
  }

  .h6-2 {
    margin-right: 0;
  }

  .h6-2._16-pad {
    margin-left: 0;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 32px;
    font-size: 28px;
    line-height: 34px;
  }

  .h6-2._16-pad.dd-section-blk {
    color: #bcc0c6;
    text-transform: capitalize;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
  }

  .devices.content {
    padding-top: 16px;
  }

  .subhead-div {
    z-index: 100;
    margin-top: 28px;
    margin-left: -5%;
    padding-left: 0;
    position: relative;
  }

  .ios7-image-copy-3 {
    margin-left: auto;
  }

  .img-containers-ver2 {
    margin-top: -55px;
  }

  .watchlist-ios7-image-copy-copy {
    display: block;
  }

  .mt-hero-content-block {
    margin-left: 0;
    padding-left: 0;
  }

  .headers-container {
    width: 100%;
  }

  .txt-container-copy {
    width: 80%;
  }

  .profile-image {
    margin-bottom: 40px;
  }

  .profile-image.test {
    background-position: 50%;
    background-size: cover;
    align-items: center;
    width: 100%;
    height: 350px;
    margin-bottom: 0;
  }

  .footernav {
    width: 100%;
  }

  .top-btn-contatiner {
    height: 44px;
    margin-left: 0;
    padding: 8px 4px 4px;
  }

  .ios7-iwatch-img-copy {
    flex: none;
    width: auto;
    height: auto;
    max-height: 100%;
  }

  .watchlist-ios7-image-copy-copy-copy {
    width: 70%;
    margin-left: auto;
  }

  .ios7-iwatch-img-sm {
    flex: none;
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  .ios7-iwatch-img-copy {
    flex: none;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }

  .sidenav-title {
    margin-left: 24px;
  }

  .top-icon-container {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
  }

  .top-icon-container.wht {
    margin-left: 4px;
  }

  .img-android-tablet {
    flex: none;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 100%;
  }

  .charting-features-hero {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-91 {
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-92 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .theme-text-container {
    width: 71%;
    padding-left: 0;
    padding-right: 0;
  }

  .theme-text-container.left {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .theme-text-container.left._100tmargin {
    padding-top: 0;
  }

  .section-nav-tab-blk {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 8px;
    display: none;
  }

  .main-nav-tab {
    border-radius: 4px;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    width: 92%;
    height: auto;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 8px 16px 0;
    transition: all .3s;
    display: flex;
  }

  .main-nav-tab:active {
    background-color: var(--midnight-blue);
  }

  .main-nav-tab.w--current {
    background-color: #0000;
    margin-right: auto;
  }

  .main-nav-tab.wht {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 0;
  }

  .mainnav-tab-ul._1 {
    flex: 0 auto;
    margin-right: auto;
    display: none;
  }

  .mainnav-tab-ul._2, .mainnav-tab-ul._0 {
    display: none;
  }

  .dd-toggle-container {
    flex: none;
    padding-left: 16px;
  }

  .dd-toggle-container:hover {
    color: #0000;
  }

  .dd-toggle-container.main {
    margin-bottom: 4px;
    margin-right: auto;
    padding-left: 0;
  }

  .dd-toggle-container.sectionnav {
    flex: none;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-end;
    height: 44px;
    margin-left: 0;
    padding-left: 0;
  }

  .dropdown-chevron {
    perspective-origin: 50% 0;
    transform-origin: 50%;
    height: 24px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .nav-dropdown.dark {
    flex-direction: column;
    width: 92%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-dropdown.wht {
    background-color: #0000;
    flex-direction: column;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  .dd-link-block._1.w--current {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mainnav-tab-pill {
    border-radius: 2px;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 8px;
    height: 56px;
    display: none;
    position: relative;
  }

  .dd-menu {
    z-index: 500;
    width: 60vw;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
  }

  .dd-menu.sectionnav {
    align-items: flex-start;
    width: 230px;
    margin: 0 auto;
    padding-top: 29px;
    padding-bottom: 29px;
    padding-left: 0;
    display: flex;
  }

  .dd-link-main._1 {
    margin-bottom: 8px;
  }

  .linknum-div {
    margin-top: 0;
  }

  .main_nav-wht {
    background-color: #0000;
    height: 100px;
    position: absolute;
  }

  .dropdown-toggle-sectionnav {
    z-index: 1000;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    transition-property: none;
    display: flex;
  }

  .dropdown-toggle-sectionnav:hover {
    background-color: #0000;
  }

  .dropdown-toggle-sectionnav.w--open {
    height: auto;
  }

  .dropdown-chevron-copy {
    perspective-origin: 50%;
    transform-origin: 50%;
    height: 24px;
    color: var(--light-slate-grey);
    align-self: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .logo-link-wht {
    z-index: 300;
    flex-direction: row;
    align-items: center;
    width: auto;
    max-width: 100%;
    height: 100px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: relative;
  }

  .mainnav-hamburger-wht {
    z-index: 400;
    background-color: #fcfcfc00;
    border-style: solid;
    border-color: #0000;
    align-self: center;
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    transition: border-color .2s;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .mainnav-hamburger-wht:hover {
    border-color: var(--white-smoke);
  }

  .mainnav-hamburger-wht.w--open {
    background-color: var(--white-2);
  }

  .hamburger-icon-wht {
    color: var(--dim-grey);
  }

  .navbar-menu-wht {
    z-index: 150;
    background-color: var(--alice-blue);
    flex-direction: row;
    align-self: flex-start;
    width: 100vw;
    height: 100%;
    max-height: none;
    margin: 0 auto auto;
    padding-top: 140px;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .dd-link-block-copy {
    padding-left: 16px;
  }

  .dd-link-block-test.w--current {
    filter: brightness(33%);
  }

  .dd-link-sectiom-nav-block {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .dd-link-sectiom-nav-block.w--current {
    filter: brightness(30%);
    transition-property: all;
  }

  .dd-link-sectiom-nav-block._1 {
    filter: brightness();
    margin-top: 0;
    margin-bottom: 0;
  }

  .dd-link-sectiom-nav-block._1.w--current {
    filter: brightness(30%);
    margin-top: 0;
    margin-bottom: 0;
    transition-property: none;
  }

  .section-nav-tab-wht {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 8px;
    display: none;
  }

  .dd-link-section {
    margin-bottom: 8px;
  }

  .section-nav-dropdown.wht {
    background-color: #0000;
    flex-direction: column;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .section-nav-dropdown.blk {
    background-color: #0000;
    flex-direction: column;
    flex: none;
    width: 95%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .section-nav-dropdown.blk.mt {
    flex: none;
    justify-content: space-between;
    align-items: flex-end;
    width: 95%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: relative;
    overflow: visible;
  }

  .section-nav-dropdown.wht {
    background-color: #0000;
    flex-direction: column;
    flex: none;
    width: 95%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .section-nav-dropdown.wht.mt {
    flex: none;
    justify-content: space-between;
    align-items: flex-end;
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: relative;
    overflow: visible;
  }

  .dropdown-list-sectionnav.w--open {
    background-image: none;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .dropdown-list-sectionnav.wht {
    z-index: 500;
  }

  .dropdown-list-sectionnav.wht.w--open {
    background-image: none;
    flex-direction: row;
    width: 50vw;
    margin-left: -50vw;
  }

  .dropdown-list-sectionnav.blk {
    z-index: 500;
    height: auto;
    max-height: 320px;
  }

  .dropdown-list-sectionnav.blk.w--open {
    background-image: none;
    flex-direction: row;
    justify-content: center;
    width: auto;
    max-width: none;
    height: 100vh;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    position: static;
    overflow: hidden;
  }

  .dropdown-list-sectionnav.wht {
    z-index: 500;
    height: auto;
    max-height: 320px;
  }

  .dropdown-list-sectionnav.wht.w--open {
    background-image: none;
    flex-direction: row;
    justify-content: center;
    width: auto;
    max-width: none;
    height: 95vh;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    position: static;
    overflow: hidden;
  }

  .dd-link-pill-48px {
    background-color: var(--blue-gainsboro);
    height: 40px;
  }

  .dd-link-pill-48px.w--current {
    background-color: var(--peru);
  }

  .dd-link-pill-40px-blk {
    background-color: var(--midnight-blue);
    border-radius: 4px;
    align-self: center;
    width: 4px;
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
    transition: all .3s;
  }

  .dd-link-pill-40px-blk:hover, .dd-link-pill-40px-blk.w--current {
    background-color: var(--peru);
  }

  .dd-link-secnav-blk {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    transition: all .3s;
  }

  .dd-link-secnav-blk:hover, .dd-link-secnav-blk:focus {
    border-bottom-style: none;
  }

  .dd-link-secnav-blk.w--current {
    filter: brightness(150%);
  }

  .section-header-content.main {
    width: 85%;
    padding-bottom: 140px;
  }

  .section-header-content.main.alt {
    margin-bottom: 0;
  }

  .section-header-content.projects {
    width: 100%;
    max-width: 60ch;
    margin: 0 auto 40px;
    padding-top: 84px;
  }

  .section-header-content.overview {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-header-content.outcomes {
    margin-top: 0;
  }

  .section-header-content.splash {
    width: 85%;
    padding-bottom: 140px;
  }

  .section-header-content.motion {
    width: 85%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-header-content.pages {
    margin-top: 0;
  }

  .contact-card {
    justify-content: space-between;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 32px;
  }

  .contact-card._2 {
    margin-left: 4px;
    margin-right: auto;
    padding-right: 0;
  }

  .contact-card._1 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 4px;
    padding-right: 0;
  }

  .footer-link-list {
    grid-column-gap: 3vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    width: auto;
  }

  .footer-link-list-item {
    margin-bottom: 16px;
  }

  .contact-content-container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px;
  }

  .big-body-txt-2.wht.overview-intro, .big-body-txt-2.wht.overview-intro.animup {
    max-width: 55ch;
  }

  .big-body-txt-2.blk.about {
    max-width: 60ch;
  }

  .prj-card-main {
    min-width: auto;
    padding-bottom: 32px;
  }

  .img-container-card {
    perspective: 2000px;
    border-radius: 8px 8px 0 0;
  }

  .img-container-card.bg {
    background-color: var(--midnight-blue);
    background-image: none;
  }

  .img-container-card.bg-copy {
    background-color: var(--alice-blue);
    background-image: linear-gradient(to bottom, var(--blue-gainsboro) 25%, var(--silver) 68%, var(--blue-gainsboro) 90%);
  }

  .image-31._1 {
    align-self: center;
    width: 93%;
  }

  .image-31._3 {
    height: 118%;
    display: none;
  }

  .button.animated {
    width: 70%;
    max-width: 320px;
    margin-top: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .button.animated.download {
    width: 60%;
    min-width: 200px;
  }

  .button.download {
    max-width: 100%;
  }

  .h3-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .h3-3.blk {
    margin-left: 0;
  }

  .h3-3.blk.subhead {
    font-size: 3.6vw;
  }

  .pill-divider-hero-2, .pill-divider-hero-3 {
    margin-top: 24px;
  }

  .dropdown-list-sectionnav-2.w--open {
    background-image: none;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .dropdown-list-sectionnav-2.blk {
    z-index: 500;
  }

  .dropdown-list-sectionnav-2.blk.w--open {
    background-image: none;
    flex-direction: row;
    width: auto;
    max-width: none;
    margin-left: -330px;
    margin-right: 0;
  }

  .section-nav-tab-blk-2, .section-nav-tab-blk-2.w--current {
    display: flex;
  }

  .top-button-label {
    bottom: 0;
  }

  .mainnav-tab-pill-2 {
    border-radius: 2px;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 8px;
    height: 56px;
    display: none;
    position: relative;
  }

  .h5-2 {
    flex: 0 auto;
  }

  .h5-2.dd-link.blk {
    color: #bcc0c6;
    font-size: 16px;
    font-weight: 600;
  }

  .dropdown-toggle-sectionnav-2 {
    z-index: 1000;
    background-color: #0000;
    border-bottom-width: 1px;
    border-bottom-color: #191919;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    transition: none;
  }

  .dropdown-toggle-sectionnav-2:hover {
    background-color: #0000;
  }

  .dropdown-toggle-sectionnav-2.w--open {
    background-color: #0000;
    border: 1px #191919;
  }

  .mainnav-tab-ul-2._1 {
    flex: 0 auto;
    margin-right: auto;
    display: none;
  }

  .dropdown-arrow-icon-2 {
    margin-right: auto;
    position: relative;
  }

  .dd-link-pill-40px-wht {
    background-color: var(--silver);
    border-radius: 4px;
    align-self: center;
    width: 4px;
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
    transition: all .3s;
  }

  .dd-link-pill-40px-wht:hover, .dd-link-pill-40px-wht.w--current {
    background-color: #df7701;
  }

  .icon-up-arrow-lgt-blue {
    padding-bottom: 8px;
    font-size: 16px;
    transform: none;
  }

  .dropdown-chevron-2 {
    perspective-origin: 50% 0;
    transform-origin: 50%;
    height: 20px;
    color: var(--peru);
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .subhead-container-book.ta {
    margin-top: 321px;
    margin-bottom: -86px;
    padding-right: 8px;
  }

  .subhead-container-book.mt, .subhead-container-book.b-a {
    width: 100%;
  }

  .subhead-container-book.mt {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .embed-clamp, .sectionnav-title.line-clamp, .img-mask {
    display: none;
  }

  .dd-bg-div {
    z-index: 0;
  }

  .hero-copy-div {
    margin-bottom: 0;
  }

  .div-block-114-copy-copy, .div-block-114-copy-copy-copy, .div-block-114-copy-copy-copy {
    margin-top: 0;
  }

  .myvideos-embed.aspectratio-4-3 {
    max-width: 960px;
  }

  .splash-credits.card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contant-btn-container {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .video-title-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-right: auto;
    display: flex;
  }

  .h6-3 {
    margin-right: 0;
  }

  .dropdown-toggle-mainnav {
    z-index: 1000;
    border-bottom-width: 1px;
    border-bottom-color: var(--grayblack);
    background-color: #0000;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    transition: none;
  }

  .dropdown-toggle-mainnav:hover {
    background-color: #0000;
  }

  .dropdown-toggle-mainnav.w--open {
    border: 1px none var(--grayblack);
    background-color: #0000;
  }

  .text-description-wrapper {
    border-top-style: none;
  }

  .release-header-img {
    width: 90%;
  }

  .image-38 {
    width: 100%;
    max-width: 589px;
  }

  .txt-wrapper--hero.white {
    height: auto;
    position: static;
  }

  .txt-wrapper--hero.white._140 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .txt-wrapper--hero.icons {
    padding-left: 32px;
    padding-right: 32px;
  }

  .txt-flex.vert-padding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .overview-bg-img-container {
    top: -3%;
  }

  .book-overview-bg-img {
    width: 1600px;
  }

  .dd-menu-bg {
    z-index: -4;
    background-color: var(--midnight-blue);
    background-image: linear-gradient(to bottom, var(--2-black), #050505cc 17%, var(--blackgray-blue));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 44px 0% auto;
  }

  .dd-menu-bg.wht {
    background-color: var(--blue-gainsboro);
    background-image: linear-gradient(to bottom, var(--white-2), var(--gainsboro) 51%, var(--white-2));
  }

  .bg-gradient---verde-hero {
    width: 140vw;
    height: 400vh;
  }

  .section-bg-color {
    width: 101vw;
  }

  .section-bckgrnd-img-div {
    background-attachment: fixed;
    height: 25%;
  }

  .label.light-gray {
    margin-left: auto;
    margin-right: auto;
  }

  .label.blue {
    width: 67%;
  }

  .label.blue.code {
    width: auto;
  }

  .label.blue.verde {
    line-height: 20px;
  }

  .mt-grid-card-copy {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .android-phone-redesign {
    margin-right: -60px;
    padding-bottom: 0;
    padding-left: 0;
  }

  ._2-names-txt-container {
    border-width: 4px;
    border-color: var(--midnight-blue);
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .ipad-ios7-hero-image-copy {
    width: 90%;
    min-width: auto;
    max-width: 443px;
  }

  .release-header-img-copy {
    z-index: 100;
    width: 100%;
  }

  .watchlist-ios7-image-copy-copy-copy {
    display: block;
  }

  .os7-iphone-hero-img {
    width: 78%;
    padding-top: 32px;
  }

  .ios7-iphone-img {
    flex: none;
    width: 76%;
    margin-left: auto;
  }

  .div-block-136 {
    width: 100%;
  }

  .about-list-container {
    padding-right: 0;
  }

  .quote-card {
    padding: 24px;
  }

  .sectionnav-dd-embed {
    display: none;
  }

  .section-nav-tab-white {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 8px;
    display: none;
  }

  .carousel.is_contained {
    width: 100%;
  }

  .dd-link-secnav-wht {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    transition: all .3s;
  }

  .dd-link-secnav-wht:hover, .dd-link-secnav-wht:focus {
    border-bottom-style: none;
  }

  .dd-link-secnav-wht.w--current {
    filter: brightness(50%);
  }

  .charting-carousel-container {
    display: none;
  }

  .bignum-container.num1 {
    margin-top: 0;
  }

  .bg-number.light.num4 {
    font-size: 800px;
    top: -44%;
    left: auto;
    right: -95px;
  }

  .bg-number.light.num2 {
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 850px;
    right: auto;
    transform: translate(120px, -890px);
  }

  .bg-number.num3 {
    margin-left: 93px;
    padding-top: 280px;
  }

  .bg-number.num1 {
    padding-top: 220px;
    font-size: 250vw;
  }

  .div-block-140 {
    display: none;
  }

  .image-40 {
    z-index: 2;
    flex: none;
    align-self: stretch;
    max-width: 70%;
    max-height: none;
  }

  .div-block-141 {
    z-index: -6;
    background-color: var(--midnight-blue);
    flex: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .div-block-64-copy {
    align-self: flex-start;
  }

  .tab-text {
    color: var(--dark-slate-grey);
  }

  .tabs-2 {
    height: 100%;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 80%;
    padding: 24px 0;
    display: grid;
  }

  .tab-link-style {
    border-style: solid;
    border-width: 2px 2px 4px;
    border-top-color: var(--light-steel-blue);
    border-right-color: var(--light-steel-blue);
    background-color: var(--white-2);
    border-bottom-color: #a8b4c6;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    transition-duration: .15s;
  }

  .tab-link-style:hover {
    border-bottom: 2px solid var(--light-steel-blue);
    background-color: var(--alice-blue);
  }

  .tab-link-style:active {
    background-color: var(--light-steel-blue-2);
    border-bottom-width: 0;
  }

  .tab-link-style:focus {
    border-bottom-width: 4px;
    border-bottom-color: var(--light-steel-blue);
    background-color: var(--blue-gainsboro);
  }

  .tab-link-style.w--current {
    border-style: solid;
    border-width: 2px 2px 4px;
    border-color: var(--peru) var(--peru) var(--burnt-orange);
    background-color: #fff1e6;
    margin-bottom: 0;
  }

  .tab-link-style.w--current:hover {
    background-color: var(--burlywood);
    border-bottom-style: solid;
    border-bottom-width: 2px;
  }

  .tab-link-style.w--current:active {
    background-color: var(--peru);
    border-bottom-style: solid;
    border-bottom-width: 2px;
  }

  .slider-img.tos._2 {
    flex: 0 auto;
  }

  .div-block-147 {
    align-items: stretch;
    width: 92%;
    height: 93%;
    margin: auto;
    display: block;
  }

  .paragraph-8 {
    flex: 0 auto;
    align-self: flex-start;
    font-size: 8vw;
    font-weight: 700;
    line-height: 1.2;
  }

  .paragraph-8._2 {
    top: auto;
  }

  .image-46 {
    width: 100%;
    margin-left: 0;
  }

  .verde-img {
    margin-left: auto;
    margin-right: auto;
  }

  .image-47 {
    width: 100%;
  }

  .txt-wrapper-copy.icons {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .txt-wrapper-copy.spongbob {
    width: auto;
  }

  .txt-wrapper-copy.icons {
    padding: 0;
  }

  .pill-divider-hero-copy {
    margin-top: 32px;
  }

  .div-block-150 {
    z-index: 0;
    background-color: var(--2-black);
    width: 100%;
    height: 100vh;
    display: none;
    position: absolute;
  }

  .verde-video-container.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .verde-video-container.no-margin {
    padding-left: 8px;
    padding-right: 8px;
  }

  .verde-video-container.flex-copy {
    margin-bottom: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .verde-video-container.charting-hero {
    flex-direction: column;
    position: static;
  }

  .verde-video-container._930px-vert-mask {
    height: auto;
  }

  .verde-video-container._480px-vert-mask {
    height: 360px;
  }

  .verde-video-container.icons {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-58-copy {
    padding-bottom: 0;
  }

  .verde-component-hero {
    background-color: var(--alice-blue);
  }

  .label-card {
    background-color: var(--white-smoke);
    border-radius: 4px;
    width: 40%;
    margin-top: -32px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    top: -32px;
    right: -22%;
  }

  .label-card.v02 {
    margin-top: 0;
  }

  .label-card.v03 {
    width: 90%;
  }

  .mainnnav-dd-wrapper {
    flex-direction: column;
  }

  .icon-cards {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: 220px auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .design-grid-gutter {
    flex: 1;
  }

  .design-grid-column {
    flex: 1;
    width: 40px;
  }

  .design-grid-wrap {
    background-color: var(--alice-blue);
    opacity: .77;
  }

  .fade-from-wht-div {
    position: fixed;
  }

  .image-52 {
    width: 100%;
    margin-top: -55px;
    margin-left: 0;
    display: none;
  }

  .video-label-card-v02.spongbob {
    width: auto;
  }

  .video-label-card-v02.book {
    grid-auto-flow: column;
  }

  .tos-pill-divider-hero {
    margin-top: 60px;
  }

  .image-54 {
    transform: scale(.8);
  }

  .div-block-64-copy-copy {
    align-self: flex-start;
  }

  .game-intro {
    width: 100%;
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  ._1260-ecosys-div-block {
    z-index: 0;
    width: auto;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .menulinks.w--current {
    margin-left: 0;
  }

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

  .h2-section-headers {
    font-size: 28px;
    line-height: 34px;
  }

  .hero-subhead {
    max-width: 370px;
  }

  .hero-subhead.mt {
    max-width: none;
    padding-right: 0%;
  }

  .hero-subhead.tdau2 {
    align-self: auto;
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .form-block {
    padding-right: 0%;
  }

  ._1260-div-block-copy {
    width: auto;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .portfolio-sub-header-div {
    width: auto;
    min-width: auto;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
  }

  .project-card {
    align-content: center;
    width: 87%;
    min-width: auto;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
  }

  .project-card-header {
    font-size: 50px;
    line-height: 55px;
  }

  .paragraph {
    padding-right: 0;
  }

  .hero-section-type---vw {
    color: var(--dark-slate-grey-2);
    padding-right: 0;
    font-size: 8vw;
    line-height: 8vw;
    display: none;
  }

  .card01, .row-container, .card02 {
    width: auto;
    min-width: auto;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
  }

  .text-block-5 {
    left: 0;
  }

  .prj-card-title-base {
    margin-top: 32px;
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .prj-card-title-base.stroked, .prj-card-title-base.black {
    margin-top: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .prj-card-title-base-copy {
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .reveal-stroked-type-on-hover {
    min-width: 255px;
    height: 32px;
    min-height: auto;
    max-height: none;
  }

  .mt-hero-iphone-img {
    width: 57%;
    min-width: 160px;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0;
    display: block;
  }

  .mt-hero-bg-image {
    filter: blur(4px);
    background-position: 0 0, 0 -700px;
    background-size: auto, 1440px;
  }

  .ecosys-ios-col-right {
    padding-bottom: 60px;
  }

  .ecosys-android-col-left {
    justify-content: flex-end;
  }

  .ecosystem-os-button {
    width: 60%;
    margin-top: 32px;
    margin-bottom: 0;
    padding: 16px 40px;
  }

  .sm-body-txt.light-default {
    color: var(--blue-gainsboro);
  }

  .sm-body-txt.light-default.centered {
    max-width: 86%;
    color: var(--light-steel-blue-2);
    line-height: 20px;
  }

  .sm-body-txt.light-default.tmargin32 {
    margin-top: 24px;
  }

  .sm-body-txt.light-default._50maxw {
    max-width: 100%;
  }

  .sm-body-txt.light-default._1-col-fit {
    max-width: 60ch;
  }

  .sm-body-txt.light-default.card {
    flex: 1;
  }

  .sm-body-txt.light-default._2-col {
    column-count: 1;
  }

  .sm-body-txt.light-default.tmargin32-copy {
    margin-top: 24px;
  }

  .sm-body-txt.light-default.tall2 {
    align-self: flex-start;
  }

  .sm-body-txt.blk.card {
    flex: 1;
    max-width: none;
  }

  .sm-body-txt.dark-default {
    color: var(--blue-gainsboro);
  }

  .sm-body-txt.dark-default.centered {
    max-width: 86%;
    line-height: 20px;
  }

  .sm-body-txt.dark-default.tmargin32 {
    margin-top: 24px;
  }

  .sm-body-txt.dark-default.listitem {
    max-width: none;
  }

  .sm-body-txt.dark-default._50maxw {
    max-width: 100%;
  }

  .sm-body-txt.dark-default.card {
    flex: 1;
  }

  .sm-body-txt.dark-default._2-col {
    column-count: 1;
  }

  .sm-body-txt.dark-default.tmargin32-copy {
    margin-top: 24px;
  }

  .sm-body-txt.nopadding.columns {
    width: 80%;
  }

  .sm-body-txt.nopadding.icons {
    max-width: 50ch;
  }

  .sm-body-txt.nopadding.icon {
    width: 100%;
  }

  .sm-body-txt.verde.columns {
    column-count: 1;
  }

  .ecosystem-section-cols {
    display: block;
  }

  .android-ecosys-image {
    align-self: center;
    max-width: none;
    position: relative;
  }

  .ios-ecosys-image {
    align-self: center;
    max-width: none;
  }

  ._1260-prj-overview-div-block, ._1260-app-features-div-block {
    width: auto;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .applicaiton-features-section {
    padding-bottom: 100px;
  }

  .p-themes-discription {
    max-width: 100vw;
  }

  ._1260-charting-div-block {
    width: auto;
    min-width: auto;
    max-width: 87%;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .charting-features-txt-div {
    margin-left: auto;
    margin-right: auto;
  }

  .image {
    width: 100%;
  }

  .image.charting {
    width: 100%;
    max-width: 220px;
  }

  .image-9 {
    min-height: auto;
  }

  .column-11 {
    margin-bottom: 40px;
  }

  .iphone-charting-container {
    justify-content: center;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .iphone-charting-container._0ff, .iphone-charting-container.off {
    display: none;
  }

  ._1260-adv-orders-editor-div-block {
    width: auto;
    min-width: auto;
    margin-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .droid-adv-editor-div {
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
  }

  .droid-phones-adv-editor-image-left-div {
    width: 90%;
  }

  ._1260-support-chat-div-block {
    width: auto;
    min-width: auto;
    margin-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .adv-editor-image-left-div {
    margin-left: -36px;
    margin-right: -36px;
  }

  .droid-phones-chat-image-right-div {
    width: 70%;
    display: block;
  }

  .support-chat-div {
    padding-left: 60px;
    padding-right: 60px;
  }

  .ios7-redesign-discription-div {
    padding-right: 0;
  }

  ._1260-ios-7-redesign-div-block {
    width: auto;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ios7-iphone-disc-div {
    align-self: center;
    min-width: auto;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .ios7-row-1-div {
    display: flex;
  }

  .ios7-watchlist-img-div {
    flex-direction: row;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .p-wht {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }

  .i0s7-watchlist-card {
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    width: 81vw;
    height: 90vw;
    min-height: auto;
    padding-top: 0;
    display: flex;
  }

  .ios7-row-2-div {
    margin-left: 0;
  }

  .ios7-row-3-div, .ios7-row-4-div {
    display: flex;
  }

  .i0s7-calendar-card {
    width: 81vw;
    min-width: 0;
    height: 90vw;
    min-height: auto;
  }

  .i0s7-chart-card {
    width: 81vw;
    min-width: auto;
    height: 90vw;
    min-height: auto;
    max-height: none;
  }

  .i0s7-balances-card {
    min-height: auto;
    max-height: none;
  }

  .i0s7-iwatch-card {
    width: 81vw;
    min-height: auto;
  }

  .ios7-image-copy {
    object-fit: scale-down;
  }

  .ios7-login-img-div {
    flex: 0 auto;
    align-self: auto;
  }

  .label---silver-copy {
    text-align: right;
    margin-top: 8px;
  }

  .ios7-editor-card {
    width: 81vw;
    height: auto;
    display: flex;
  }

  .ios7-login-card {
    flex: 0 auto;
    display: none;
  }

  .ios7-editor-img-div {
    padding-top: 0;
  }

  .ios7-iwatch-disc-div {
    max-width: 360px;
    margin-right: 0;
  }

  .iwatch-row1-div {
    flex-direction: column;
  }

  .iwatch-row2-div {
    flex-direction: column;
    justify-content: center;
  }

  .label---wht-iphone-card {
    margin-left: 8px;
    margin-right: 0;
    padding-bottom: 8px;
    display: block;
    position: relative;
  }

  .div-block-13 {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .iwatch-row3-div {
    flex-direction: column;
  }

  .div-block-14 {
    width: 81vw;
  }

  .i0s7-ipad-card {
    min-height: auto;
  }

  .ios7-row-5-div {
    display: flex;
  }

  .android-phone-hero-img-div {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .android-2013-login-blk-img, .android-2013-dashboard-blk-img, .android-2013-watchlist-blk-img {
    margin-left: auto;
    margin-right: auto;
  }

  .android-2013-phone-blk-img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-col-labels-row {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 8px;
  }

  .grid-col-labels-grid {
    grid-row-gap: 40px;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    height: 100%;
    margin-bottom: 0;
  }

  .rght-col-grid {
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-self: auto;
    justify-items: stretch;
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .ios7-iwatch-img {
    flex: 0 auto;
    max-height: 100%;
  }

  .ios7-iwatch-img-div-1-cop {
    flex: 1;
    padding: 59px;
  }

  .android-tablet-redesign-hero-group {
    flex-direction: column;
  }

  .android-tablet-hero-img-div {
    flex: 0 auto;
    align-self: center;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .android-tablet-hero-disc-div {
    margin-bottom: 24px;
    padding-top: 0;
    padding-right: 0;
  }

  .h3-lt-gray {
    margin-bottom: 16px;
    margin-left: 0;
  }

  ._3-android-tablets-row-div {
    flex-direction: column;
  }

  .android-redesign-card-container {
    flex: 0 auto;
    align-self: center;
  }

  .ios7-iwatch-img-div-1-copy {
    padding: 60px;
  }

  .ios7-redesign-disc-half-card-div {
    width: 81vw;
  }

  ._1260-ios-7-redesign-container {
    width: auto;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-5 {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .logo-container {
    padding-right: 0;
  }

  .watchlist-ios7-image-copy {
    align-self: center;
    width: auto;
    max-width: 64%;
  }

  .prj-details-side-card {
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
    min-width: 300px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px;
    display: block;
  }

  .design-goals-txt-container {
    align-self: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .design-goals-txt-container.mt {
    width: 100%;
    margin-left: 0;
  }

  .design-goals-txt-container.tp {
    margin-top: 0;
    padding-right: 0;
  }

  .design-goals-txt-container.book {
    width: 100%;
    margin-left: 0;
  }

  .div-block-16 {
    flex-direction: column;
    align-items: center;
    padding-right: 16px;
  }

  .charting-hero-container {
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .charting-features-txt-container {
    align-self: center;
  }

  .charting-hero-img-container, .charting-hero-img-div {
    margin-left: 0;
    margin-right: 0;
  }

  .mt-hero-img-container {
    align-items: flex-start;
    margin: 0 auto 100px;
    padding-top: 0;
    padding-left: 0;
  }

  .badge-container {
    align-self: center;
  }

  .mt-hero-flex-vert {
    align-self: stretch;
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: 520px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .ios7-editor-card-copy {
    align-self: stretch;
    display: block;
  }

  .div-block-22 {
    max-width: 100%;
    padding: 61px;
  }

  .featured-projects-section-flex-copy {
    display: block;
  }

  .ios7-row-7-div, .ios7-row-6-div {
    display: flex;
  }

  .ios7-login-card-copy {
    flex: 0 auto;
    width: 81vw;
    height: 90vw;
    min-height: auto;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-section-type---px {
    margin-top: 16px;
    padding-right: 0;
    font-size: 50px;
    line-height: 55px;
    display: block;
  }

  .hero-section-type---px.mt {
    font-size: 37px;
    line-height: 43px;
    display: block;
  }

  .hero-section-type---px.tdau {
    display: none;
  }

  .android-ta {
    max-width: 110%;
    max-height: 100%;
    padding-left: 0;
    display: block;
  }

  .tda-subhead.wht {
    font-size: 16px;
    line-height: 24px;
  }

  .android-phone-hero-img {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .main_nav {
    background-color: #0000;
  }

  .menulinks-copy {
    margin-left: 36px;
  }

  .dropdown-toggle, .dropdown-toggle.w--open {
    padding-left: 0;
  }

  .nav_ddlink {
    width: 100%;
    padding-left: 21px;
  }

  .navbar-menu {
    flex-direction: column;
    width: 100vw;
    padding-top: 110px;
    display: flex;
  }

  .slider {
    flex-direction: row;
    height: 151vw;
    max-height: 102vh;
    margin-top: 36px;
    display: block;
  }

  .icon-5 {
    margin-left: 20px;
    margin-right: 0;
    padding-right: 20px;
  }

  .left-arrow {
    margin-top: 36px;
    margin-bottom: 40px;
    inset: 0% auto 0% 0%;
  }

  .right-arrow {
    margin-top: 36px;
    margin-bottom: 40px;
    inset: 0% 0% 0% auto;
  }

  .slide-nav {
    color: var(--white-2);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  .prod-bk-hero-bg {
    filter: none;
    inset: 18% 0% auto;
  }

  .badge-prj-003-img-container {
    margin-left: 0;
    left: auto;
  }

  .section.featured-projects {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.home-hero {
    padding-top: 160px;
    padding-bottom: 60px;
  }

  .section.book-slides {
    padding: 32px 16px;
  }

  .section.verde.video {
    padding-bottom: 160px;
  }

  .section.blk-5.features {
    background-color: var(--blackgray-blue);
    overflow: hidden;
  }

  .section.intro-copy {
    padding-bottom: 100px;
  }

  .section.tm {
    max-height: none;
  }

  .tdau-hero-1280-div {
    padding-top: 64vw;
  }

  .tdau-hero-card {
    grid-template: "."
                   "."
                   / minmax(60px, 60px) 1fr;
    grid-auto-flow: column;
    place-content: start;
    justify-items: stretch;
    margin-left: auto;
  }

  .tdau-hero-bg-container {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-32 {
    max-width: 70vw;
    display: block;
  }

  .div-block-33 {
    min-width: auto;
    max-width: 70vw;
  }

  .splash-json-container {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .prj_card {
    height: 240px;
  }

  .h3 {
    max-width: 100vw;
  }

  .h3.is-lght-blue {
    margin-left: 0;
  }

  .h3.wht.right {
    font-size: 3.8vw;
    line-height: 1.4;
  }

  .h3.wht._8px-bmargin {
    margin-bottom: 8px;
    font-size: 5vw;
  }

  .h3.wht.bmargin-8 {
    font-size: 28px;
    line-height: 1.3px;
  }

  .h3.wht.su {
    font-size: 21px;
    line-height: 1.2;
  }

  .h3.slate {
    font-size: 28px;
    line-height: 34px;
  }

  .h3.ddnum {
    margin-top: -4px;
    font-size: 14px;
  }

  .h3.ddnum.wht {
    margin-top: -8px;
    font-size: 14px;
  }

  .h3.blk, .h3.blk.subhead, .h3.blk.subhead-alt, .h3.blk.verde-subheads {
    font-size: 28px;
  }

  .h3.blk.verde-subheads.library {
    width: 80%;
  }

  .h3.blk.video-title {
    max-width: none;
    font-size: 21px;
  }

  .h5.gray-78.left {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
  }

  .h5.wht.left.margin {
    margin-bottom: 0;
  }

  .h5.dd-link.blk {
    font-size: 16px;
    line-height: 1.2;
  }

  .h5.number {
    margin-right: 8px;
    font-size: 21px;
    line-height: 1;
  }

  .h5.link-style {
    flex: none;
    height: auto;
    font-size: 16px;
    line-height: 1.2;
  }

  .h5.gray._600 {
    font-size: 16px;
  }

  .h5.gray._600.centered {
    margin-top: 16px;
    font-size: 16px;
  }

  .h5.blue {
    font-size: 16px;
  }

  .h5.blue.alt {
    max-width: 50ch;
    margin-left: 0;
  }

  .h5.blue.alt2 {
    width: 71%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .h4.wht._24-margin {
    flex: 1;
    align-self: center;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 4px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 24px;
  }

  .h4.wht._24-margin-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .h4.wht._24-margin-copy.centered {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }

  .h4.wht.centered.down-margin {
    font-size: 21px;
    line-height: 28px;
  }

  .h4.dd-link {
    padding-left: 8px;
    font-size: 21px;
  }

  .h4.dd-link.wht {
    letter-spacing: 1px;
    padding-left: 8px;
  }

  .h4.blk {
    margin-left: 0;
    font-size: 21px;
  }

  .h4.blk._16pad {
    font-size: 21px;
  }

  .h4.subhead {
    font-size: 21px;
    line-height: 1.3;
  }

  .section-container_maxw1280 {
    width: 90%;
    max-width: 600px;
    display: block;
  }

  .section-container_maxw1280.book {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-container_maxw1280.t-b-mar-220.relative {
    padding-bottom: 0;
  }

  .section-container_maxw1280.hero {
    width: 90%;
    max-width: 590px;
    padding-bottom: 160px;
  }

  .section-container_maxw1280.dp {
    margin-left: 12px;
  }

  .section-container_maxw1280.hero-copy {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-19 {
    width: 90%;
    max-width: none;
    margin-left: auto;
  }

  .book-title-container {
    z-index: 30;
    align-items: center;
    width: 83%;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 19px;
    position: relative;
  }

  .h1 {
    font-size: 14px;
  }

  .h1.is-org {
    border: 1px solid var(--peru);
    border: 1px solid #df7701;
  }

  .h1.wht {
    font-size: 14px;
    line-height: 22px;
  }

  .h1.gray.sectiontitle {
    font-size: 14px;
    line-height: 24px;
  }

  .h1.gray2 {
    font-size: 14px;
  }

  .h1.is-org-copy {
    border: 1px solid var(--peru);
  }

  .big-body-txt {
    width: 100%;
    max-width: 40ch;
  }

  .big-body-txt.wht._34ch._0margin {
    max-width: 480px;
  }

  .big-body-txt.wht._34ch._0margin.hero, .big-body-txt.wht._34ch._0margin.hero-copy {
    max-width: 55ch;
    font-size: 16px;
    font-weight: 500;
  }

  .big-body-txt.wht._600-maxw {
    width: 100%;
  }

  .big-body-txt.wht.centered {
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.wht.overview-intro {
    max-width: none;
    font-size: 16px;
    line-height: 1.5;
  }

  .big-body-txt.wht.maxw-55ch {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .big-body-txt.wht.overview-intro-copy {
    max-width: none;
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.gray-78.output {
    flex: 0 auto;
    align-self: center;
  }

  .big-body-txt.gray-78.output.centered {
    text-align: center;
    align-self: center;
    margin-top: -14px;
  }

  .big-body-txt.blk {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt.blk.section-header {
    max-width: 50ch;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt.blk.verde {
    font-size: 16px;
    line-height: 1.4;
  }

  .big-body-txt.blk.freal {
    max-width: 50ch;
  }

  .big-body-txt.wht-copy._34ch._0margin, .big-body-txt.wht-copy.overview-intro {
    max-width: none;
  }

  .div-block-43 {
    justify-items: stretch;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .mt-hero-grid {
    grid-row-gap: 36px;
    flex-direction: column;
    grid-template-columns: 1fr;
    place-content: center;
    justify-items: center;
    padding-left: 0;
  }

  .txt-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .flex-col1 {
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mt-products-section-2 {
    padding-bottom: 100px;
  }

  .pill-divider-hero {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .pill-divider-hero.about {
    margin-bottom: 32px;
  }

  .mt-hero-section-2 {
    height: auto;
    max-height: none;
  }

  .prj-details-side-card-2 {
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
    min-width: 300px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px;
    display: block;
  }

  .h3-2 {
    max-width: 100vw;
  }

  .h3-2.is-lght-blue {
    margin-left: 0;
  }

  .mt-project-overview-section-2 {
    padding-bottom: 100px;
  }

  .label---wht-2 {
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
  }

  .label---wht-2.horizontal {
    direction: ltr;
  }

  .applicaiton-features-section-2 {
    padding-bottom: 100px;
  }

  .slide-nav-2 {
    color: #fcfcfc;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  ._1260-charting-div-block-2 {
    width: auto;
    min-width: auto;
    max-width: 87%;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .slider-2 {
    flex-direction: row;
    height: 151vw;
    max-height: 102vh;
    margin-top: 36px;
    display: block;
  }

  .grid-drk-theme-row-2 {
    grid-row-gap: 40px;
    grid-template-rows: auto 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .label---silver-copy-3 {
    text-align: right;
    margin-top: 8px;
  }

  .i0s7-ipad-card-2 {
    min-height: auto;
  }

  .p-wht-2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }

  .i0s7-watchlist-card-2 {
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    width: 81vw;
    height: 90vw;
    min-height: auto;
    padding-top: 0;
    display: flex;
  }

  .label---wht-iphone-card-2 {
    margin-left: 8px;
    margin-right: 0;
    padding-bottom: 8px;
    display: block;
    position: relative;
  }

  .grid-lght-theme-row-2 {
    grid-row-gap: 40px;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
  }

  .drk-theme-phone-row-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .h3-lt-gray-2 {
    margin-bottom: 16px;
    margin-left: 0;
  }

  .ios7-login-card-copy-2 {
    flex: 0 auto;
    width: 81vw;
    height: 90vw;
    min-height: auto;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-45 {
    width: 81vw;
  }

  .ios7-editor-card-2 {
    width: 81vw;
    height: auto;
    display: flex;
  }

  .featured-projects-section-flex-copy-2 {
    display: block;
  }

  .i0s7-calendar-card-2 {
    width: 81vw;
    min-width: 0;
    height: 90vw;
    min-height: auto;
  }

  .i0s7-chart-card-2 {
    width: 81vw;
    min-width: auto;
    height: 90vw;
    min-height: auto;
    max-height: none;
  }

  .grid-android-phone {
    grid-template-rows: auto 60px 1fr 1fr 1fr 1fr;
    grid-template-columns: auto 1fr auto 1fr;
    grid-auto-flow: row;
  }

  .i0s7-iwatch-card-2 {
    width: 81vw;
    min-height: auto;
  }

  .div-block-32-copy {
    max-width: 70vw;
    display: block;
  }

  .book-hero-container {
    filter: blur();
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .book-subhead-container {
    width: 83%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .grid_pagespreads._1-col {
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .grid_pagespreads.td-mobile, .grid_pagespreads.before {
    margin-top: 140px;
  }

  .grid_pagespreads.tos {
    height: auto;
    margin-top: 140px;
  }

  .right-arrow-2 {
    margin-left: auto;
  }

  .prod-bk-hero-bg-copy {
    filter: none;
    inset: 18% 0% auto;
  }

  .card-book-specs {
    flex-direction: column;
    max-width: 500px;
  }

  .h2.navy {
    color: var(--midnight-blue);
    background-color: #0000;
    margin-left: 0;
    position: relative;
  }

  .h2.wht.section-header {
    letter-spacing: 2px;
    margin-bottom: 0;
  }

  .h2.wht.section-header.overview {
    font-size: 36px;
  }

  .h2.wht.section-title {
    letter-spacing: 2px;
    margin-bottom: 0;
  }

  .h2.wht.section-title.overview {
    font-size: 36px;
  }

  .h2.blk.subhead {
    max-width: 100%;
    font-size: 6.4vw;
  }

  .h2.blk.subhead.about {
    font-size: 36px;
    line-height: 1.2;
  }

  .h2.blk.subhead.contact {
    font-size: 36px;
  }

  .h2.wht.section-header {
    letter-spacing: 2px;
    margin-bottom: 0;
    font-size: 6.4vw;
  }

  .h2.wht.section-header.vw {
    max-width: 30ch;
    font-size: 5.6vw;
  }

  .h2.wht.section-header.alt01 {
    max-width: none;
    font-size: 6.2vw;
  }

  .h2.wht.section-header.prjs {
    letter-spacing: 1px;
    max-width: none;
    font-size: 36px;
    font-weight: 800;
  }

  .h2.silver.sectiontitle {
    font-size: 36px;
  }

  ._2-col-grid {
    grid-template-columns: 1fr;
  }

  ._2-col-grid.vdl._2 {
    grid-template-rows: auto minmax(300px, 1fr) auto;
  }

  ._2-col-grid.vdl._3 {
    grid-row-gap: 8px;
  }

  ._2-col-grid.bottomnav {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col-grid._160-top-pad {
    grid-template-columns: 1fr;
    padding-top: 100px;
  }

  ._2-col-grid.overview {
    grid-template-columns: 1fr;
  }

  ._2-col-grid.overview.mt {
    margin-bottom: 140px;
  }

  ._2-col-grid.overview.verde {
    padding-right: 16px;
  }

  ._2-col-grid.group-header {
    padding-left: 0;
  }

  ._2-col-grid._100-top-pad {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  ._2-col-grid.mt-vids {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  ._2-col-grid.book {
    grid-auto-flow: row dense;
  }

  ._2-col-grid.suite {
    z-index: 100;
    grid-template-rows: .25fr auto 1fr;
    height: auto;
    padding-top: 100px;
  }

  ._2-col-grid.overview-cont {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  ._2-col-grid.mt-release-hero._1 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  ._2-col-grid.results {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  ._2-col-grid.auto {
    grid-row-gap: 60px;
  }

  ._3-col-grid.page {
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
    padding-left: 12px;
  }

  ._3-col-grid.page.subsection-copy._2, ._3-col-grid.page.subsection-copy._1 {
    padding-left: 0;
  }

  ._3-col-grid.page.overview {
    grid-row-gap: 0px;
    grid-template-rows: auto 100px auto;
  }

  ._3-col-grid.page.output {
    grid-row-gap: 16px;
  }

  ._3-col-grid.page.verde {
    grid-row-gap: 140px;
  }

  ._3-col-grid.page.overview-copy {
    grid-row-gap: 0px;
    grid-template-rows: auto 100px auto;
  }

  ._3-col-grid.iwatch, ._3-col-grid.ipad {
    grid-row-gap: 32px;
    padding-top: 0;
    padding-bottom: 160px;
  }

  ._3-col-grid.hero {
    grid-template-rows: 80px auto;
  }

  ._3-col-grid.iphone-release {
    grid-row-gap: 32px;
    padding-bottom: 160px;
  }

  ._3-col-grid.even.tm {
    margin-top: 32px;
  }

  ._3-col-grid.even.droid-phone {
    padding-top: 0;
  }

  ._3-col-grid.even.about {
    margin-top: 0;
  }

  ._3-col-grid.videos {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  ._3-col-grid.videos.hero {
    grid-template-rows: .5fr auto;
    padding-top: 60px;
  }

  ._3-col-grid.motion-hero {
    grid-row-gap: 0px;
    margin-top: 16px;
  }

  ._3-col-grid.android-tablet {
    grid-row-gap: 32px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._3-col-grid.verde-hero {
    grid-template-rows: 71px auto;
  }

  .verde-title {
    margin-bottom: 32px;
    padding-top: 0;
  }

  .verde-hero-img {
    width: 100%;
    max-height: none;
  }

  .wht-bg {
    z-index: 0;
  }

  .vdl-txt-container {
    align-self: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-containers.influence-hero {
    height: auto;
  }

  .img-containers.no-margin {
    margin-left: auto;
    margin-right: auto;
  }

  .img-containers.flex-copy {
    margin-bottom: 60px;
    padding: 40px 0;
  }

  .img-containers.icons {
    width: 100%;
  }

  .img-containers._2col-card {
    padding-left: 0;
    padding-right: 0;
  }

  .video-label-card {
    width: 100%;
  }

  .video-label-card.credit-content {
    max-width: none;
  }

  .video-label-card.book {
    grid-column-gap: 16px;
    grid-row-gap: 4px;
    background-color: var(--blkgray-20);
    grid-auto-columns: 200px;
    grid-auto-flow: row dense;
    justify-items: start;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .title.org {
    width: 100%;
    font-size: 7.5vw;
    line-height: 1.2;
  }

  .title.org.mt {
    font-size: 52px;
  }

  .title.org.left {
    letter-spacing: 2px;
    font-size: 5vw;
    line-height: 1;
  }

  .title.navy.centered {
    font-size: 36px;
    line-height: 44px;
  }

  .title.navy.centered.margin, .title.navy.centered.freal {
    margin-bottom: 8px;
    font-size: 52px;
    line-height: 1.15;
  }

  .title.navy.motion {
    font-size: 52px;
    line-height: 56px;
  }

  .quote.wht.test {
    font-size: 16px;
  }

  .square-_20.blk.vert {
    width: 4px;
    height: 100%;
  }

  .square-_20.blue {
    flex: none;
    align-self: center;
    margin-bottom: 0;
    margin-left: 8px;
    position: absolute;
    inset: auto;
  }

  .square-_20.blue.centered {
    align-self: center;
    margin: 0 auto -12px;
    position: relative;
    top: 0;
  }

  .h1-colored-pill {
    height: 20px;
  }

  .h6.blue.header, .h6.blue.subhead {
    color: var(--steel-blue);
  }

  .h6.wht.bottomnav {
    display: none;
  }

  .h6.wht.bottomnav.dd {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 21px;
    display: block;
  }

  .h6.wht.main-dd {
    padding-left: 16px;
    font-size: 21px;
  }

  .h6.drk-blue.subhead.mid, .h6.drk-blue.label.mid {
    margin-top: -8px;
  }

  .h6._16-pad {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 21px;
    line-height: 28px;
  }

  .h6._16-pad.dd-main {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .h6._16-pad.dd-section-wht {
    align-self: center;
    margin-top: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .h6._16-pad.dd-section-blk {
    align-self: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .h6.royal-blue, .h6.light-blue-2 {
    font-size: 14px;
  }

  .h6.sky-blue.bottomnav {
    display: none;
  }

  .h6.sky-blue.bottomnav.dd {
    padding-right: 0;
    display: block;
  }

  ._8px-line._200bm {
    margin-top: 100px;
  }

  .tab-container {
    flex-direction: row;
    display: block;
  }

  .badge-card._2 {
    transform: scale(.35);
  }

  .badge-card._04 {
    margin-left: auto;
    margin-right: auto;
    transform: scale(.35);
  }

  .button-label-container {
    flex: 1;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .project-details-container.mt {
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-72 {
    width: 20%;
  }

  .top-btn-link.wht {
    max-height: 44px;
  }

  .verde-txt-div.top {
    padding-top: 60px;
  }

  ._4-col-grid._100-padd.charting {
    background-color: #0000;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  ._4-col-grid.projects {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
  }

  .nav-content-container.flex {
    box-shadow: 0 4px 3px #000;
  }

  .subhead-container.sticky {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 2px solid var(--2-black);
    background-color: var(--tab-current);
    border-radius: 4px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 100px auto -32px;
    padding: 16px 24px 8px;
    display: grid;
    top: 44px;
  }

  .subhead-container.sticky.ipad {
    background-color: var(--tab-current);
    border-radius: 4px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    padding: 16px 24px 8px;
  }

  .subhead-container.sticky.iwatch-copy {
    background-color: var(--tab-current);
    margin-top: 0;
    margin-bottom: -32vh;
    padding: 16px 24px 8px;
  }

  .subhead-container.sticky.android-tablet {
    background-color: var(--tab-current);
    border-radius: 4px;
    grid-template-columns: 1.25fr 1fr;
    height: auto;
    margin-top: 160px;
    margin-bottom: -32px;
    padding: 16px 23px 8px;
  }

  .side-navigation {
    display: none;
  }

  .img-flex.vert.iwatch.nostroke {
    background-color: var(--blackgray-blue);
  }

  .iphone-card {
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 0;
  }

  .iphone-card.centered {
    max-height: 100%;
  }

  .ios7-image-copy-2 {
    object-fit: scale-down;
    max-width: 480px;
  }

  .iwatch-card.hero {
    padding-left: 48px;
    padding-right: 48px;
  }

  .iwatch-img {
    flex: 1;
    width: 40%;
    max-width: 60%;
  }

  .mt-hero-title-block {
    width: 100%;
    margin-bottom: auto;
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
  }

  .badge-card-2 {
    flex: none;
    margin-left: -36px;
    transform: scale(.35);
  }

  .devices {
    flex-direction: column;
  }

  .devices.card {
    height: auto;
    padding-bottom: 140px;
    position: static;
  }

  .devices.content {
    margin-bottom: 32px;
  }

  .subhead-div {
    margin-top: 13px;
    padding-left: 0;
    padding-right: 0;
  }

  .subhead-div._1 {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .ios7-image-copy-3 {
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
  }

  .img-containers-ver2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .watchlist-ios7-image-copy-copy {
    align-self: center;
    width: auto;
    max-width: 64%;
  }

  .mt-hero-content-block {
    z-index: 50;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .label-btn.wht {
    font-size: 14px;
  }

  .home-hero-card {
    padding: 32px 0;
  }

  .txt-container-copy {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .details-list {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    align-content: stretch;
    margin-top: 24px;
    display: grid;
  }

  .details-list.verde {
    margin-bottom: 0;
  }

  .details-list.freal {
    grid-template-columns: 1fr;
  }

  .list-item-details.bottom {
    margin-bottom: 100px;
  }

  .nav-button-next, .nav-button-previous {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .profile-image.test {
    background-size: cover;
    width: 112%;
    height: 260px;
    margin-bottom: 32px;
    margin-left: -5vw;
  }

  .footer-project-links {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .footernav {
    align-items: stretch;
    width: 94%;
    margin-left: 0;
    margin-right: 0;
  }

  .icon-container {
    margin-left: auto;
  }

  .chevron-icon-left-svg {
    top: 1px;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .chevron-icon-right-svg {
    top: 1px;
    right: 0;
    transform: none;
  }

  .ios7-iwatch-img-copy, .ios7-iwatch-img-sm, .ios7-iwatch-img-copy, .img-android-tablet {
    flex: 0 auto;
    max-height: 100%;
  }

  .div-block-91 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-92 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .theme-text-container {
    width: 100%;
  }

  .theme-text-container.left {
    padding-left: 0;
    padding-right: 0;
  }

  .main-nav-tab {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-self: flex-start;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .main-nav-tab.w--current {
    align-self: flex-start;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .main-nav-tab.wht {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0;
  }

  .dd-toggle-container.sectionnav {
    flex: none;
    margin-top: auto;
    padding-left: 0;
  }

  .nav-dropdown.dark {
    width: 25%;
    margin-left: 0;
  }

  .nav-dropdown.wht {
    width: 90%;
    margin-left: 0;
  }

  .dd-link-block {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
  }

  .dd-menu {
    width: 70vw;
  }

  .dd-menu.sectionnav {
    flex-flow: wrap;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dd-link-main._2, .dd-link-main._3, .dd-link-main._4 {
    margin-bottom: 8px;
  }

  .dd-link-pill.w--current {
    height: 48px;
  }

  .dd-link-pill._1 {
    width: 4px;
  }

  .dd-link-pill._2, .dd-link-pill._3, .dd-link-pill._4 {
    width: 4px;
    height: 48px;
  }

  .main_nav-wht {
    background-color: #0000;
  }

  .dropdown-toggle-sectionnav {
    width: 94%;
    margin-left: auto;
    padding-left: 0;
  }

  .dropdown-toggle-sectionnav.w--open {
    padding-left: 0;
  }

  .dropdown-toggle-sectionnav.wht {
    width: 100%;
  }

  .logo-link-wht {
    justify-content: space-around;
    margin-right: 0;
  }

  .navbar-menu-wht {
    padding-top: 120px;
  }

  .dd-link-pill-wht {
    width: 4px;
    height: 48px;
  }

  .dd-link-block-wht {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
  }

  .dd-link-section {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    padding-right: 12px;
  }

  .dd-link-section._2 {
    margin-right: 0;
  }

  .section-nav-dropdown.blk {
    flex: 0 auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-nav-dropdown.blk.mt {
    flex: 1;
  }

  .section-nav-dropdown.wht {
    flex: 0 auto;
  }

  .section-nav-dropdown.wht.mt {
    flex: 1;
  }

  .dropdown-list-sectionnav.wht.w--open {
    margin-left: -50vw;
  }

  .dropdown-list-sectionnav.blk.w--open, .dropdown-list-sectionnav.wht.w--open {
    height: 100vh;
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    margin-left: auto;
  }

  .dd-link-pill-48px {
    background-color: var(--blue-gainsboro);
  }

  .dd-link-secnav-blk {
    padding-left: 8px;
  }

  .section-header-content.main {
    width: 100%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 140px;
  }

  .section-header-content.main.alt {
    padding-bottom: 140px;
  }

  .section-header-content.projects {
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
    padding-top: 0;
  }

  .section-header-content.overview {
    padding: 0;
  }

  .section-header-content.outcomes {
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 32px;
  }

  .section-header-content.splash {
    width: 90%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section-header-content.motion {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-header-content.pages {
    margin-top: 0;
  }

  .contact-card {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-card._2 {
    border-radius: 4px;
    width: 50%;
    min-width: 230px;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-card._1 {
    border-radius: 4px;
    justify-content: center;
    width: 50%;
    min-width: 230px;
    max-width: 260px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link-list-item {
    margin-bottom: 16px;
  }

  .contact-content-container {
    width: 82%;
    max-width: 660px;
    margin-right: auto;
  }

  .html-embed-11 {
    flex: none;
    align-self: center;
    margin-bottom: 0;
    margin-right: auto;
  }

  .big-body-txt-2.wht.overview-intro.alt {
    max-width: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .big-body-txt-2.wht.overview-intro {
    max-width: 50ch;
  }

  .big-body-txt-2.wht.overview-intro.animup {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt-2.blk.motion {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .big-body-txt-2.blk.about {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  .prj-card-main {
    background-color: var(--tab-current);
    width: 96%;
    min-width: 280px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .img-container-card {
    height: 210px;
  }

  .img-container-card.bg {
    background-image: none;
    width: 100%;
    height: 210px;
  }

  .img-container-card.bg-copy {
    height: 210px;
  }

  .image-31._1 {
    width: 80%;
  }

  .card-content-container {
    max-width: 325px;
  }

  .button.animated {
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.animated.download {
    width: 50%;
    margin-bottom: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.download {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .h3-3 {
    max-width: 100vw;
  }

  .h3-3.blk {
    font-size: 28px;
  }

  .sm-body-txt-2.wht.tmargin32 {
    max-width: 50ch;
    margin-top: 24px;
  }

  .dropdown-list-sectionnav-2.blk.w--open {
    margin-left: -48vw;
    padding-left: 0%;
  }

  .dropdown-toggle-sectionnav-2, .dropdown-toggle-sectionnav-2.w--open {
    padding-left: 0;
  }

  .dropdown-chevron-2 {
    height: 20px;
    font-size: 14px;
  }

  .subhead-container-book {
    margin-top: 140px;
  }

  .subhead-container-book.ta {
    margin-top: 140px;
    margin-bottom: 0%;
    position: relative;
    top: auto;
  }

  .subhead-container-book.td-mobile {
    width: 100%;
    margin-left: 0;
  }

  .subhead-container-book.centered {
    margin-top: 140px;
  }

  .subhead-container-book.mt {
    margin-top: 0;
    margin-bottom: 0%;
    position: static;
  }

  .subhead-container-book.first {
    margin-top: 140px;
  }

  .embed-clamp {
    overflow: hidden;
  }

  .sectionnav-title {
    color: var(--white-2);
    text-transform: uppercase;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
  }

  .img-container---verde-hero {
    height: 33vw;
    padding-top: 0;
  }

  .hero-title-div {
    width: 100%;
  }

  .hero-copy-div {
    width: auto;
    margin-top: 32px;
  }

  .contant-btn-container {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
  }

  ._2-col-grid-3 {
    grid-template-columns: 1fr;
  }

  .dropdown-toggle-mainnav, .dropdown-toggle-mainnav.w--open {
    padding-left: 0;
  }

  .txt-wrapper--hero.icons {
    padding: 24px 48px;
  }

  .book-overview-bg-img {
    width: 1500px;
  }

  .sticky-wrapper {
    position: relative;
  }

  .dd-menu-bg {
    display: block;
  }

  .bg-gradient---verde-hero {
    width: 151vw;
    height: 350vh;
    padding-bottom: 0;
  }

  .div-block-129 {
    flex-direction: row;
    justify-content: flex-start;
    height: 100px;
    display: block;
    overflow: hidden;
  }

  .section-bg-color {
    background-image: none;
    margin-left: -8vw;
  }

  .div-block-131-copy {
    display: none;
  }

  .label.light-gray {
    font-size: 14px;
    line-height: 20px;
  }

  .mt-grid-card-copy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .android-phone-redesign {
    z-index: 150;
    border-bottom: 2px solid var(--2-black);
    background-color: var(--tab-current);
    border-radius: 4px;
    align-items: stretch;
    width: 100%;
    margin-top: 160px;
    margin-right: 0;
    padding: 8px 16px;
    position: sticky;
    top: 44px;
  }

  ._2-names-txt-container {
    align-self: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  ._2-names-txt-container.mt {
    width: 90%;
  }

  .watchlist-ios7-image-copy-copy-copy {
    align-self: center;
    width: auto;
    max-width: 64%;
  }

  .os7-iphone-hero-img {
    align-self: center;
    max-width: 300px;
  }

  .list-container.tp {
    margin-top: 24px;
  }

  .quote-card {
    padding: 16px;
  }

  .quote-card.foreword._1 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 32px;
  }

  .carousel.is_contained {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
  }

  .carousel-slider._6 {
    right: -45%;
  }

  .carousel-slider._2 {
    right: auto;
  }

  .carousel-slider._4 {
    z-index: 50;
    right: auto;
  }

  .carousel-slider._3 {
    right: auto;
  }

  .carousel-slider._7 {
    right: -54%;
  }

  .carousel-slider._5 {
    right: -36%;
  }

  .carousel-slider._8 {
    right: -63%;
  }

  .carousel-mask {
    width: 74%;
    margin-left: auto;
    margin-right: auto;
  }

  .carousel-mask.verde---influence {
    height: 370px;
  }

  .charting-carousel-container {
    display: block;
  }

  .bignum-container.num1 {
    margin-top: 0;
  }

  .bg-number.light.num4 {
    align-items: center;
    margin-top: 0;
    padding-left: 10vw;
    font-size: 600px;
    inset: -232px -67px auto auto;
  }

  .bg-number.light.num2 {
    font-size: 160vw;
    bottom: auto;
    right: auto;
    transform: translate(0, -950px);
  }

  .bg-number.num3 {
    margin-left: 306px;
    padding-top: 203px;
    font-size: 100vw;
  }

  .bg-number.num1 {
    margin-right: 0;
    padding-top: 147px;
    font-size: 250vw;
  }

  .div-block-140 {
    z-index: 0;
    background-color: var(--grayblk);
    width: 170%;
    height: 100%;
    padding: 0;
    display: block;
    position: absolute;
    left: -18vw;
  }

  .image-40 {
    max-width: 48%;
  }

  .text-span-4 {
    font-size: 28px;
  }

  .tab-text.horizontal {
    flex: none;
    align-self: stretch;
  }

  .tabs-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .tab-link-style.w--current {
    flex: none;
  }

  .slide-container {
    height: 380px;
  }

  .slide-container.overflow {
    height: 360px;
  }

  .slide-container.mask, .tab-bg.clear {
    height: 100%;
  }

  .slider-img.tos._2 {
    flex: 0 auto;
  }

  .div-block-147 {
    z-index: 0;
    width: 89%;
    height: 80%;
  }

  .paragraph-7 {
    width: 50%;
  }

  .paragraph-8 {
    flex: 0 auto;
  }

  .icon-hero-img-wrapper {
    margin-bottom: -8px;
  }

  .image-46 {
    width: 80%;
  }

  .verde-img.repo._1 {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
  }

  .bg-layer {
    display: none;
  }

  .txt-wrapper-copy {
    width: 100%;
  }

  .txt-wrapper-copy.credit-content {
    max-width: none;
  }

  .pill-divider-hero-copy {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .pill-divider-hero-copy.about {
    margin-bottom: 32px;
  }

  .text-span-6 {
    font-size: 10vw;
    line-height: 1;
  }

  .verde-video-container.influence-hero {
    height: auto;
  }

  .verde-video-container.no-margin {
    margin-left: auto;
    margin-right: auto;
  }

  .verde-video-container.flex-copy {
    margin-bottom: 60px;
    padding: 40px 0;
  }

  .label-card {
    width: 100%;
    max-width: 470px;
    margin-top: auto;
    margin-bottom: 8px;
    top: auto;
    right: auto;
  }

  .label-card.v02 {
    width: 46%;
    margin-top: 0;
  }

  .img-element.mid {
    top: 33px;
  }

  .lsdkfnsad {
    bottom: 90px;
  }

  .card-for-coded {
    padding: 8px 8px 8px 0;
  }

  .colors-bg {
    padding: 0;
  }

  .colors-bg._2 {
    height: 100%;
  }

  .mainnnav-dd-wrapper {
    flex-direction: column;
    align-self: flex-start;
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .icon-cards {
    grid-template-rows: 180px auto;
    padding: 16px 48px 48px;
  }

  .font-bg-cards {
    padding: 0;
  }

  .design-grid-gutter {
    width: 100%;
  }

  .design-grid-column {
    display: block;
  }

  .design-grid-column.mobile {
    width: 50%;
    display: none;
  }

  .border {
    display: none;
  }

  .border.mobile {
    display: block;
  }

  .image-52 {
    margin-top: -73px;
  }

  .video-label-card-v02.credit-content {
    max-width: none;
  }

  .video-label-card-v02.book {
    grid-column-gap: 16px;
    grid-row-gap: 4px;
    background-color: var(--blkgray-20);
    grid-auto-columns: 200px;
    grid-auto-flow: row dense;
    justify-items: start;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-160 {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }

  .arrow-icon-slider {
    top: 1px;
    right: 0;
    transform: none;
  }

  .slide-nav-3 {
    overflow: visible;
  }

  .tos-pill-divider-hero {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .tos-pill-divider-hero.about {
    margin-bottom: 32px;
  }

  .video-tile-img.splash {
    display: block;
  }

  .video-tile-img.bob {
    margin-top: 12px;
    margin-left: -60px;
  }

  .shake-run-title-container {
    width: 90%;
  }
}

@media screen and (max-width: 479px) {
  ._1260-ecosys-div-block {
    perspective: 2000px;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .menulinks, .menulinks.w--current {
    display: block;
  }

  .h2-section-headers {
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    font-size: 28px;
    line-height: 34px;
    display: block;
  }

  .hero-subhead {
    letter-spacing: .6px;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0%;
  }

  .hero-subhead.mt {
    padding-right: 10%;
  }

  .contact-section {
    display: block;
  }

  .form-block {
    padding-right: 0%;
  }

  ._1260-div-block-copy {
    height: auto;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .portfolio-sub-header-div {
    height: auto;
    padding-left: 5.5vw;
    padding-right: 8px;
    display: block;
  }

  .project-card {
    align-content: center;
    max-width: none;
    height: 460px;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
    display: flex;
  }

  .project-card-header {
    font-size: 37px;
    line-height: 43px;
  }

  .hero-section-type---vw {
    letter-spacing: 1px;
    display: none;
  }

  .portfolio-header-section {
    display: none;
  }

  .card01 {
    height: auto;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
    display: block;
  }

  .h2-wht---product-ecosystem {
    font-size: 37px;
    line-height: 43px;
  }

  .row-container, .card02 {
    height: auto;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
    display: block;
  }

  .text-block-5 {
    text-align: center;
    height: 460px;
    margin-top: 0;
    font-size: 700px;
    inset: 27% 0 0%;
  }

  .prj-card-title-base {
    letter-spacing: 1px;
    margin-top: 40px;
    font-size: 21px;
    line-height: 27px;
    display: block;
  }

  .prj-card-title-base.stroked, .prj-card-title-base.black {
    font-size: 28px;
    line-height: 34px;
  }

  .prj-card-title-base-copy {
    letter-spacing: 1px;
    font-size: 28px;
    line-height: 34px;
    display: block;
  }

  .hero-huge-nums.clipped._1, .hero-huge-nums.stroked._1 {
    font-size: 167vw;
    line-height: 167vw;
  }

  .big-num-1-div {
    z-index: 1;
    overflow: visible;
  }

  .mt-hero-iphone-img {
    width: 68%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .ecosystem-os-button {
    width: 80%;
    margin-top: 32px;
  }

  .sm-body-txt.light-default.tall {
    margin-right: auto;
  }

  .sm-body-txt.light-default.bold {
    font-weight: 600;
  }

  .sm-body-txt.light-default.tall2._1line {
    font-size: 14px;
    line-height: 24px;
  }

  .sm-body-txt.dark-default.tall {
    margin-right: auto;
  }

  .sm-body-txt.dark-default.bold {
    font-weight: 600;
  }

  .sm-body-txt.nopadding.columns {
    width: 90%;
  }

  .ecosystem-section-cols {
    display: block;
  }

  .android-ecosys-image {
    width: 100%;
  }

  .ios-ecosys-image {
    width: 100%;
    min-width: auto;
  }

  ._1260-prj-overview-div-block, ._1260-app-features-div-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  ._1260-charting-div-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    max-width: 87%;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .image.charting {
    width: 100%;
    max-width: 206px;
  }

  .iphone-charting-container {
    justify-content: center;
    max-width: 70%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .themes-discription-right-div {
    margin-bottom: 0;
  }

  ._1260-adv-orders-editor-div-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .droid-adv-editor-div {
    padding-left: 0;
    padding-right: 0;
  }

  .adv-editor-discription-right-div {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h3-org {
    max-width: 90%;
  }

  ._1260-support-chat-div-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .adv-editor-image-left-div, .support-chat-img-right-div {
    margin-left: 0;
    margin-right: 0;
  }

  .support-chat-discription-left-div2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .support-chat-div {
    padding-left: 0;
    padding-right: 0;
  }

  ._1260-ios-7-redesign-div-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .ios7-iphone-disc-div {
    justify-content: flex-start;
    align-self: center;
    max-width: 70%;
    margin: 9.5vw auto -24px;
    padding-right: 0;
    display: block;
    position: relative;
  }

  .ios7-watchlist-img-div {
    flex-direction: row;
    align-self: center;
  }

  .i0s7-watchlist-card {
    flex: 1;
    width: 87vw;
  }

  .i0s7-calendar-card, .i0s7-chart-card {
    width: 87vw;
    height: 100%;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .i0s7-balances-card {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .i0s7-iwatch-card {
    width: 87vw;
  }

  .ios7-editor-card {
    width: 87vw;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .ios7-iwatch-disc-div {
    margin-bottom: 36px;
    padding-left: 0;
  }

  .iwatch-row1-div {
    flex-direction: column;
    align-items: stretch;
  }

  .ios7-watchlist-img-div-copy-copy {
    padding-left: 9vw;
    padding-right: 9vw;
  }

  .label---wht-iphone-card {
    margin-left: 0;
  }

  .div-block-13 {
    flex: 0 auto;
    align-self: flex-end;
    align-items: stretch;
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-14 {
    width: 87vw;
  }

  .android-redesign-discription-div {
    align-self: center;
    padding-bottom: 0;
  }

  .ios7-ipad-disc-div {
    flex-direction: column;
  }

  .android-phone-hero-img-div {
    padding-left: 0;
    padding-right: 0;
  }

  .ios7-iwatch-hero-img-div {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ios7-iwatch-img-div-1-cop {
    padding: 24px 16px;
  }

  .android-tablet-redesign-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .android-tablet-hero-img-div {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
  }

  .android-tablet-hero-disc-div {
    padding-right: 16px;
  }

  .android-tablet-img-div {
    padding-left: 24px;
    padding-right: 24px;
  }

  .ios7-iwatch-img-div-1-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .p-right-wht-ipad {
    align-self: flex-start;
  }

  .h2-org-copy {
    max-width: none;
  }

  ._1260-ios-7-redesign-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .paragraph-5 {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .david-stoy-logo-type {
    text-shadow: none;
  }

  .logo-container, .watchlist-ios7-image-copy {
    flex: 0 auto;
  }

  .design-goals-txt-container.mt, .design-goals-txt-container.book {
    width: 100%;
    padding-right: 0;
  }

  .p-wht-charting {
    min-width: auto;
  }

  .charting-hero-container, .charting-features-txt-container {
    padding-left: 0;
    padding-right: 0;
  }

  .charting-hero-img-div {
    margin-left: 0;
    margin-right: 0;
  }

  .mt-hero-img-container {
    margin-bottom: 10px;
    position: relative;
  }

  .mt-hero-flex-vert {
    z-index: 20;
    padding-left: 9vw;
    padding-right: 9vw;
    position: relative;
  }

  .featured-projects-section-flex-copy {
    display: block;
  }

  .ios7-login-card-copy {
    width: 87vw;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .hero-section-type---px {
    letter-spacing: 1px;
    margin-top: 0;
    font-size: 37px;
    line-height: 43px;
    display: block;
  }

  .hero-section-type---px.mt {
    font-size: 28px;
    line-height: 34px;
  }

  .hero-section-type---px.tdau {
    display: none;
  }

  .mt-hero-content-container {
    align-self: auto;
  }

  .iphone-landscape-img {
    width: 100%;
  }

  .tda-subhead.wht {
    font-size: 16px;
    line-height: 24px;
  }

  .main_nav {
    background-color: #0000;
  }

  .menulinks-copy {
    text-align: left;
    display: inline-block;
  }

  .menulinks-copy.w--current {
    display: block;
  }

  .dropdown-toggle {
    padding-left: 0;
  }

  .dropdown-list-mainnav.w--open {
    margin-left: 16px;
  }

  .navbar-menu {
    z-index: 500;
  }

  .slider {
    height: auto;
    max-height: none;
  }

  .icon-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .icon-5 {
    margin-left: 43px;
    margin-right: 0;
    padding-right: 0;
  }

  .left-arrow, .right-arrow {
    bottom: 6%;
  }

  .slide-nav {
    margin-top: 16px;
    position: relative;
  }

  .section.book-slides {
    z-index: 1;
  }

  .section.verde.mask {
    overflow: hidden;
  }

  .section.dark.overview, .section.blk-5, .section.blk-5.features {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tdau-hero-card {
    grid-template-columns: minmax(10vw, 40px) minmax(auto, auto);
  }

  .prj_card {
    height: auto;
    min-height: 260px;
  }

  .h3.wht {
    line-height: 1.2;
  }

  .h3.wht.margin {
    line-height: 34px;
  }

  .h3.wht._8px-bmargin {
    font-size: 6vw;
  }

  .h3.wht.bmargin-8 {
    line-height: 1.3;
  }

  .h3.slate {
    font-size: 21px;
    line-height: 28px;
  }

  .h3.ddnum.wht {
    margin-top: -4px;
  }

  .h3.blk.subhead {
    font-size: 6vw;
    line-height: 1.3;
  }

  .h3.blk.subhead-alt {
    line-height: 1.3;
  }

  .h3.blk.verde-subheads.library {
    width: 90%;
    margin-top: 60px;
    font-size: 28px;
  }

  .h3.blk.video-title {
    flex: none;
    max-width: none;
  }

  .h5.wht {
    font-size: 16px;
    line-height: 24px;
  }

  .h5.number {
    margin-right: 4px;
    font-size: 16px;
  }

  .h5.link-style {
    padding-bottom: 0;
    font-size: 16px;
    display: inline;
  }

  .h5.gray._600 {
    font-size: 16px;
    font-weight: 700;
  }

  .h5.gray._600.centered {
    letter-spacing: 1.5px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 600;
  }

  .h5.tda-title {
    margin-right: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .h4.wht {
    letter-spacing: 1px;
    font-weight: 800;
    line-height: 1.2;
  }

  .h4.wht._24-margin {
    text-align: center;
    flex: none;
    align-self: center;
    padding-left: 0;
  }

  .h4.wht._24-margin-copy {
    flex: none;
    margin-bottom: 0;
    margin-left: 0;
  }

  .h4.wht._24-margin-copy.centered {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .h4.dd-link {
    font-size: 16px;
    line-height: 21px;
  }

  .h4.dd-link.wht {
    letter-spacing: .6px;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    line-height: 21px;
  }

  .h4.blk {
    font-size: 21px;
  }

  .section-container_maxw1280.flex-vert {
    width: 90%;
  }

  .section-container_maxw1280.book {
    width: 90%;
    padding-left: 12px;
  }

  .section-container_maxw1280.hero {
    width: 100%;
    max-width: 590px;
  }

  .section-container_maxw1280.dp {
    margin-left: 0;
  }

  .book-title-container {
    width: 96%;
  }

  .h1.wht {
    line-height: 24px;
  }

  .big-body-txt {
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.wht._34ch._0margin {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }

  .big-body-txt.wht._34ch._0margin.hero, .big-body-txt.wht._34ch._0margin.hero-copy {
    line-height: 1.4;
  }

  .big-body-txt.wht._600-maxw {
    width: 90%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .big-body-txt.wht._600-maxw.centered {
    font-weight: 400;
  }

  .big-body-txt.wht.centered {
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.wht.overview-intro {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt.wht.maxw-55ch {
    font-weight: 500;
  }

  .big-body-txt.wht.overview-intro-copy {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt.gray-78.output {
    text-align: center;
    flex: 0 auto;
  }

  .big-body-txt.gray-78.output.centered {
    flex: none;
    margin-top: 0;
  }

  .big-body-txt.blk, .big-body-txt.wht-copy._34ch._0margin {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }

  .big-body-txt.wht-copy._600-maxw {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt.wht-copy.centered {
    font-size: 16px;
    line-height: 24px;
  }

  .big-body-txt.wht-copy.overview-intro {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .mt-products-section-2 {
    display: block;
  }

  .pill-divider-hero {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .mt-hero-section-2 {
    display: block;
  }

  .hero-huge-nums-2.stroked._1, .hero-huge-nums-2.clipped._1 {
    font-size: 167vw;
    line-height: 167vw;
  }

  .mt-project-overview-section-2 {
    display: block;
  }

  .slide-nav-2 {
    margin-top: 16px;
    position: relative;
  }

  .p-wht-charting-2 {
    min-width: auto;
  }

  ._1260-charting-div-block-2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    max-width: 87%;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .slider-2 {
    height: auto;
    max-height: none;
  }

  .label---silver-copy-3 {
    flex: none;
    align-self: auto;
    width: auto;
    padding-right: 0;
  }

  .p-right-wht-ipad-2 {
    align-self: flex-start;
  }

  .i0s7-watchlist-card-2 {
    flex: 1;
    width: 87vw;
  }

  .label---wht-iphone-card-2 {
    margin-left: 0;
  }

  .drk-theme-phone-row-2 {
    padding: 16px;
  }

  .ios7-login-card-copy-2 {
    width: 87vw;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .div-block-45 {
    width: 87vw;
  }

  .ios7-editor-card-2 {
    width: 87vw;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .featured-projects-section-flex-copy-2 {
    display: block;
  }

  .i0s7-calendar-card-2 {
    width: 87vw;
    height: 100%;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .android-phone-hero-disc-div-2 {
    justify-content: flex-start;
    padding-left: 16px;
    padding-right: 0;
    display: flex;
  }

  .i0s7-chart-card-2 {
    width: 87vw;
    height: 100%;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .android-tablet-redesign-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid-android-phone {
    grid-template-rows: auto 60px 1fr 1fr 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .i0s7-iwatch-card-2 {
    width: 87vw;
  }

  .contact-section-2 {
    display: block;
  }

  .book-subhead-container {
    width: 96%;
  }

  .book-foreword-container {
    width: 100%;
    padding-left: 0;
  }

  .book-img {
    object-fit: cover;
    width: auto;
    max-width: 100%;
    height: 34vh;
  }

  .card-book-specs {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
  }

  .h2.wht.section-header, .h2.wht.section-title {
    margin-bottom: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .h2.blk.subhead {
    font-size: 36px;
    line-height: 1.2;
  }

  .h2.blk.subhead.about {
    line-height: 1.2;
  }

  .h2.blk.subhead.contact {
    font-size: 36px;
  }

  .h2.wht {
    font-size: 36px;
    line-height: 44px;
  }

  .h2.wht.section-header {
    font-size: 36px;
    line-height: 1.3;
  }

  .h2.wht.section-header.vw {
    font-size: 9.5vw;
  }

  .h2.wht.section-header.alt01 {
    font-size: 36px;
  }

  .h2.wht.section-header.prjs {
    letter-spacing: 1px;
    font-weight: 800;
  }

  ._2-col-grid.ds-video {
    grid-auto-rows: auto;
  }

  ._2-col-grid.book {
    padding-left: 0;
    padding-right: 0;
  }

  ._2-col-grid.mt-release-hero._1 {
    padding-bottom: 0;
  }

  ._2-col-grid.mt-release-hero._2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2-col-grid.ds-video-v02 {
    grid-auto-rows: auto;
  }

  ._3-col-grid.subsection {
    grid-auto-flow: row dense;
  }

  ._3-col-grid.page.mt-vids {
    padding-right: 12px;
  }

  ._3-col-grid.page.overview {
    grid-template-rows: auto 200px auto;
  }

  ._3-col-grid.page.output {
    grid-row-gap: 8px;
  }

  ._3-col-grid.page.overview-copy {
    grid-template-rows: auto 200px auto;
  }

  ._3-col-grid.iwatch {
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
  }

  ._3-col-grid.hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  ._3-col-grid.iphone-release {
    grid-column-gap: 4px;
  }

  ._3-col-grid.videos.hero {
    grid-template-rows: auto auto;
  }

  ._3-col-grid.android-tablet {
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
  }

  .verde-img-container {
    margin-bottom: 0;
  }

  .verde-title {
    margin-top: 0;
    margin-bottom: 0;
  }

  .link-style {
    padding-top: 0;
    padding-bottom: 12px;
    padding-left: 0;
  }

  .verde-hero-img {
    min-height: auto;
  }

  .div-block-53-copy {
    flex-direction: column;
    padding-bottom: 32px;
    display: flex;
    position: relative;
    top: auto;
  }

  .img-containers.flex-copy {
    transform: scale(1.1);
  }

  .img-containers.charting-hero {
    width: 100%;
  }

  .img-containers._2col-card {
    padding-left: 4px;
    padding-right: 4px;
  }

  .video-label-card.grid, .video-label-card.icons {
    grid-template-columns: 1fr;
  }

  .video-label-card.book {
    grid-column-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    width: 38%;
    min-width: 180px;
    margin-left: 8px;
  }

  .title.org {
    margin-right: auto;
    line-height: 1.2;
  }

  .title.org.left {
    margin-left: auto;
    margin-right: auto;
    font-size: 8vw;
  }

  .title.navy.centered.margin, .title.navy.centered.freal {
    height: auto;
  }

  .title.navy.motion {
    font-size: 52px;
    line-height: 56px;
  }

  .square-_20.slate-grey.nopadding._8px-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .square-_20.blackgray-blue {
    margin-top: 32px;
  }

  .square-_20.blue {
    flex: none;
    margin-top: 0;
    margin-left: -200px;
  }

  .square-_20.blue.centered {
    margin: 0 auto;
    position: relative;
  }

  .square-_20.blue.alt {
    margin-left: -200px;
  }

  .square-_20.blue.alt-copy {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .h6.wht {
    display: none;
  }

  .h6.wht.bottomnav {
    font-size: 16px;
    display: none;
  }

  .h6.wht.bottomnav.dd {
    padding-right: 0;
  }

  .h6._16-pad {
    font-size: 21px;
  }

  .h6._16-pad.dd-section-wht {
    padding-left: 8px;
  }

  .h6._16-pad.dd-section-blk {
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 8px;
  }

  .h6.nav-title, .h6.sky-blue {
    display: none;
  }

  .h6.sky-blue.bottomnav {
    font-size: 16px;
    display: none;
  }

  .h6.sky-blue.bottomnav.dd {
    padding-right: 0;
    font-size: 21px;
  }

  .h6.sky-blue.main-dd {
    font-size: 21px;
  }

  .badge-card._2, .badge-card._04 {
    transform: scale(.25);
  }

  .button-label-container.prev {
    flex: 0 auto;
    margin-left: auto;
    padding-right: 8px;
  }

  .button-label-container.next {
    flex: none;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 32px;
  }

  .project-details-container.mt {
    width: 100%;
  }

  .top-btn-link {
    align-self: flex-start;
    padding: 12px 0 0;
  }

  .top-btn-link.blk, .top-btn-link.wht {
    margin-left: 0;
  }

  .verde-txt-div.top {
    width: 100%;
    padding-top: 40px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr;
  }

  ._4-col-grid._100-padd.charting {
    grid-template-columns: 1fr;
    margin-left: -12px;
  }

  .nav-content-container.flex {
    padding-left: 0;
  }

  .subhead-container.sticky {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    margin-top: 60px;
  }

  .subhead-container.sticky.ipad {
    margin-bottom: -32px;
  }

  .subhead-container.sticky.iwatch-copy {
    margin-bottom: -24px;
  }

  .subhead-container.sticky.android-tablet {
    grid-template-columns: .25fr 1.25fr;
    padding-left: 0;
    padding-right: 0;
  }

  .img-flex.vert {
    height: auto;
  }

  .img-flex.vert.iphone {
    margin-bottom: 0;
  }

  .img-flex.hero {
    height: auto;
  }

  .ipad-card, .ipad-card.bg {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .iwatch-card.hero {
    padding-top: 32px;
    padding-left: 29px;
    padding-right: 29px;
  }

  .iphone-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .iwatch-img {
    max-width: 70%;
    max-height: 100%;
  }

  .mt-hero-title-block {
    width: 57%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .badge-card-2 {
    margin-left: -47px;
    transform: scale(.25);
  }

  .h6-2._16-pad {
    padding-left: 24px;
    font-size: 21px;
  }

  .h6-2._16-pad.dd-section-blk {
    padding-left: 8px;
  }

  .subhead-div {
    margin-top: 6%;
    margin-left: -16%;
  }

  .subhead-div._1 {
    margin-top: 16px;
  }

  .img-containers-ver2 {
    margin-top: 32px;
  }

  .watchlist-ios7-image-copy-copy {
    flex: 0 auto;
    align-self: flex-end;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mt-hero-content-block {
    flex-direction: column;
    align-self: auto;
    align-items: flex-start;
    width: 84%;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-hero-card {
    margin-top: -120px;
    padding-top: 0;
    padding-bottom: 0;
    transform: scale(.8);
  }

  .btn-bg-color-fill.light {
    background-image: none;
  }

  .details-list {
    grid-template-columns: 1fr;
    display: block;
  }

  .profile-image.test {
    border-radius: 0;
    width: 112%;
    height: 240px;
    margin-bottom: 32px;
    margin-left: -5vw;
  }

  .footer-project-links {
    width: 100%;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
  }

  .footernav {
    width: 100%;
  }

  .icon-container {
    width: 44px;
    height: 44px;
    margin-right: 4px;
    padding: 0;
    transform: scale(.8);
  }

  .top-btn-contatiner {
    padding-left: 0;
  }

  .chevron-icon-left-svg {
    flex: none;
    top: -3px;
  }

  .chevron-icon-right-svg {
    top: -3px;
  }

  .watchlist-ios7-image-copy-copy-copy {
    width: 80%;
  }

  .top-icon-container {
    flex: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .img-android-tablet {
    margin-top: 0;
  }

  .div-block-91 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-92 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .main-nav-tab {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .main-nav-tab.w--current {
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .dd-toggle-container.sectionnav {
    align-self: center;
    padding-left: 0;
    padding-right: 8px;
  }

  .nav-dropdown.dark {
    width: 50%;
    margin-right: 0;
  }

  .dd-link-block {
    padding-left: 12px;
  }

  .dd-link-block._1.w--current {
    padding-left: 16px;
  }

  .dd-menu {
    width: 80vw;
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .dd-menu.sectionnav {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
  }

  .dd-link-main {
    margin-bottom: 8px;
  }

  .main_nav-wht {
    background-color: #0000;
  }

  .dropdown-toggle-sectionnav {
    align-self: stretch;
    width: 90%;
    margin-left: 36px;
    padding-left: 0;
  }

  .logo-link-wht {
    justify-content: flex-start;
    margin-left: -10px;
    padding-left: 10px;
  }

  .navbar-menu-wht {
    z-index: 500;
    max-height: 1080px;
  }

  .dd-link-pill-wht {
    height: 48px;
  }

  .dd-link-block-copy, .dd-link-block-wht, .dd-link-block-test, .dd-link-sectiom-nav-block, .dd-link-sectiom-nav-block._1.w--current {
    padding-left: 16px;
  }

  .dd-link-section {
    margin-bottom: 8px;
  }

  .section-nav-dropdown.blk, .section-nav-dropdown.wht {
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .dropdown-list-sectionnav.wht.w--open {
    margin-left: -26vw;
  }

  .dropdown-list-sectionnav.blk.w--open, .dropdown-list-sectionnav.wht.w--open {
    background-image: none;
    margin-left: auto;
    padding-left: 0;
    position: relative;
  }

  .dd-link-pill-40px-blk {
    flex: none;
  }

  .section-header-content.overview {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-card {
    width: 90%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .contact-card._2, .contact-card._1 {
    width: 60%;
    min-width: 240px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-link-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link-list-item {
    margin-bottom: 0;
  }

  .contact-content-container {
    width: 90%;
    max-width: 330px;
  }

  .big-body-txt-2.wht.overview-intro {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .big-body-txt-2.blk.motion {
    font-weight: 500;
  }

  .prj-card-main {
    width: 96%;
    min-width: 280px;
  }

  .image-31._1 {
    width: 90%;
  }

  .image-31._3 {
    height: 101%;
    margin-top: 0;
  }

  .button.animated {
    border-radius: 4px;
    margin-top: 32px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .button.animated.download {
    width: 70%;
    max-width: none;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.download {
    width: 80%;
    max-width: 22ch;
    padding-left: 32px;
    padding-right: 32px;
  }

  .h3-3.wht {
    max-width: 100%;
    font-size: 28px;
    line-height: 34px;
  }

  .h3-3.blk.subhead {
    font-size: 28px;
    line-height: 34px;
  }

  .sm-body-txt-2.wht.tmargin32 {
    max-width: 50ch;
  }

  .dropdown-list-sectionnav-2.blk.w--open {
    width: auto;
    margin-left: -29vw;
    position: relative;
  }

  .section-nav-tab-blk-2, .section-nav-tab-blk-2.w--current {
    display: none;
  }

  .dropdown-toggle-sectionnav-2 {
    padding-left: 0;
  }

  .subhead-container-book {
    margin-top: 140px;
    padding-left: 0;
    padding-right: 0;
  }

  .subhead-container-book.ta {
    margin-top: 100px;
  }

  .subhead-container-book.td-mobile {
    width: 100%;
  }

  .subhead-container-book.first {
    margin-top: 0;
  }

  .slider-arrow-icon {
    margin-left: 0;
    margin-right: 0;
  }

  .slider-arrow-icon.right {
    margin-left: auto;
  }

  .sectionnav-title.line-clamp {
    display: none;
  }

  .hero-title-div {
    margin-top: 21px;
  }

  .dropdown-toggle-mainnav {
    padding-left: 0;
  }

  .div-block-120 {
    padding-bottom: 16px;
  }

  .group-content-div.grid, .txt-wrapper-delayed.grid, .txt-wrapper--hero.grid {
    grid-template-columns: 1fr;
  }

  .txt-wrapper--hero.white._140 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .txt-wrapper--hero.icons {
    padding-left: 23px;
    padding-right: 23px;
  }

  .txt-flex.grid {
    grid-template-columns: 1fr;
  }

  .txt-flex.vert-padding {
    padding-top: 40px;
  }

  .bg-img-gradient {
    background-image: linear-gradient(190deg, var(--grayblk) 5%, transparent 21%, transparent 70%, var(--grayblk) 85%), linear-gradient(to right, var(--grayblk) 38%, #0505054d 58%, #0b0c0fdb 70%, #00000026 90%, var(--grayblk) 98%);
  }

  .bg-gradient---verde-hero {
    background-image: linear-gradient(270deg, var(--light-steel-blue-2), var(--alice-blue) 31%);
    opacity: 1;
    width: 150vw;
    height: 360vh;
    padding-top: 0;
    padding-bottom: 14px;
  }

  .section-bckgrnd-color-div, .section-bckgrnd-img-div {
    height: 30%;
  }

  .tos-badge-wrapper {
    z-index: 10;
    position: relative;
  }

  .label.light-gray {
    width: auto;
    max-width: 190px;
    margin-top: 24px;
  }

  .label.header.blue {
    font-size: 12px;
  }

  .android-phone-redesign {
    z-index: 150;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    display: grid;
    position: sticky;
  }

  .watchlist-ios7-image-copy-copy-copy {
    flex: 0 auto;
    align-self: flex-end;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .os7-iphone-hero-img {
    flex: 0 auto;
    align-self: flex-end;
  }

  .ios7-iphone-img {
    width: 80%;
  }

  .quote-card {
    padding: 17px 16px;
  }

  .carousel.is_contained {
    padding-bottom: 60px;
  }

  .arrow-left, .arrow-right {
    width: 32px;
    height: 32px;
  }

  .card-body {
    padding: 20px;
  }

  .carousel-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .carousel-slider._6, .carousel-slider._2, .carousel-slider._4, .carousel-slider._3, .carousel-slider._7, .carousel-slider._5, .carousel-slider._8 {
    right: 0%;
  }

  .carousel-mask {
    width: 100%;
  }

  .carousel-mask.verde---influence {
    height: 65vw;
    max-height: 220px;
  }

  .bignum-container.num3 {
    justify-content: center;
    margin-top: 0;
  }

  .bignum-container.num1 {
    justify-content: flex-end;
    margin-top: 0;
    left: 36px;
  }

  .bg-number.light.num4 {
    font-size: 450px;
    top: -136px;
    left: auto;
    right: -46px;
  }

  .bg-number.light.num2 {
    font-size: 160vw;
    transition: opacity .2s;
    bottom: auto;
    right: auto;
    transform: translate(10px, -800px);
  }

  .bg-number.num3 {
    margin-left: 0;
    margin-right: -226px;
    padding-top: 54px;
    font-size: 150vw;
  }

  .bg-number.num1 {
    margin-right: 0;
    padding-top: 165px;
    font-size: 290vw;
    position: static;
    inset: 0% auto 0% 0%;
  }

  .image-40 {
    object-fit: contain;
    max-width: none;
  }

  .div-block-64-copy {
    align-self: stretch;
  }

  .tab-text {
    flex: 0 auto;
  }

  .slide-container {
    height: 210px;
  }

  .slide-container.overflow {
    height: 200px;
  }

  .slide-container.mask {
    align-items: center;
  }

  .slider-img.tos._2 {
    flex: 0 auto;
    max-width: none;
    padding-top: 14px;
  }

  .verde-img {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .verde-img.repo._1 {
    align-self: center;
    display: block;
  }

  .verde-img.down {
    margin-bottom: auto;
  }

  .txt-wrapper-copy.grid, .txt-wrapper-copy.icons, .txt-wrapper-copy.grid, .txt-wrapper-copy.icons {
    grid-template-columns: 1fr;
  }

  .text-span-6 {
    letter-spacing: 2px;
    font-size: 16vw;
    line-height: 1;
  }

  .html-embed-18 {
    border-radius: 8px;
    overflow: hidden;
  }

  .verde-video-container {
    width: 100%;
  }

  .verde-video-container.flex-copy {
    transform: scale(1.1);
  }

  .verde-video-container.charting-hero {
    width: 100%;
  }

  .verde-component-hero {
    padding-bottom: 100px;
  }

  .label-card {
    width: 100%;
    padding: 4px;
  }

  .label-card.v02 {
    width: 100%;
    margin-top: 16px;
  }

  .label-card.v03 {
    width: 100%;
    padding: 4px;
  }

  .img-element.mid, .lsdkfnsad {
    display: none;
  }

  .card-for-coded {
    flex-direction: column-reverse;
    padding: 4px 4px 0;
  }

  .mainnnav-dd-wrapper {
    flex-direction: column;
    flex: 0 auto;
    width: 90%;
  }

  .icon-cards {
    padding: 0 24px 24px;
  }

  .div-block-156 {
    flex-direction: row-reverse;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .image-52 {
    margin-top: -38px;
  }

  .video-label-card-v02.grid, .video-label-card-v02.icons {
    grid-template-columns: 1fr;
  }

  .video-label-card-v02.book {
    grid-column-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    width: 180px;
    max-width: none;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
    overflow: visible;
  }

  .arrow-icon-slider {
    top: -3px;
  }

  .tos-pill-divider-hero {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .video-tile-img.splash {
    width: 60%;
    margin-top: 14px;
    margin-bottom: -48px;
    margin-left: -1px;
  }

  .video-tile-img.group {
    margin-left: auto;
  }

  .video-tile-img.bob {
    z-index: 2;
    margin-top: 16px;
    margin-left: 0;
  }

  .image-54 {
    width: 58%;
    max-width: 319px;
    margin-left: auto;
    display: block;
    transform: scale(.8);
  }

  .div-block-64-copy-copy {
    align-self: stretch;
  }
}

#w-node-_83eba81f-ee30-adac-574f-0d0088de1b3b-11acde3a, #w-node-_7c2dbe48-d759-35c8-cea8-6bb636b5fff8-11acde3a, #w-node-_14df4126-b6c2-80cc-b928-3d2255a4a649-11acde3a, #w-node-_8e96e5ce-7b2e-0234-d124-c6b8a4a613be-11acde3a, #w-node-_8e96e5ce-7b2e-0234-d124-c6b8a4a613c1-11acde3a, #w-node-_8e96e5ce-7b2e-0234-d124-c6b8a4a613c7-11acde3a, #w-node-c9a29c00-4514-92c6-06d1-202cb7a8d14e-c2acde1d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66bdff21-fdeb-ad7f-909b-e4bd6482f99f-c2acde1d {
  grid-area: 2 / 2 / 3 / 4;
  align-self: auto;
}

#carousel.w-node-ae33bc56-f99d-b2f3-de21-37177a7adb7e-c2acde1d {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_14c400b5-b779-cccb-6a07-6f9e24fe553d-c2acde1d {
  grid-area: 2 / 2 / 4 / 3;
  align-self: auto;
}

#w-node-_5ad01a7d-1775-69d8-8ef6-4766a6fe857d-c2acde1d {
  grid-area: 2 / 3 / 4 / 4;
  place-self: start center;
}

#w-node-_4bdb6036-973e-020f-ed14-9a014be140eb-c2acde1d {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-d5f5e1c1-f8a3-b9e6-61c0-950998cc8528-c2acde1d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-aecd94dc-7cc6-5c16-e881-067c5e7df55c-e67671f7 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-e2d035b5-0043-9083-9ad8-90a661e82902-e67671f7 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch start;
}

#w-node-e430f9ae-2e6b-afa8-4224-20a4f3841cec-e67671f7 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: end start;
}

#Footer-nav.w-node-ecb83977-c965-10bc-eaa6-558cd9c71e82-e67671f7 {
  grid-area: 3 / 2 / 4 / 4;
  place-self: stretch stretch;
}

#w-node-_61e4f42e-2c21-77fe-5ed1-da582cd55160-32acde36 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-a3020f98-eb12-a84a-d645-8b69e21c82ba-32acde36 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: start center;
}

#w-node-bfa1c618-294b-7213-1a26-6b9477ad7e94-32acde36 {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center start;
}

#w-node-_1c155be7-e62d-898a-1f0f-b5ba343803c2-32acde36 {
  grid-area: 4 / 1 / 5 / 2;
  place-self: center;
}

#w-node-_5734bd5f-4840-7feb-f642-011a7f88f06e-32acde36 {
  grid-area: 5 / 1 / 6 / 2;
  justify-self: center;
}

#w-node-fdeb16a8-fe52-ff57-9f54-e51d741e284a-16acde3e, #w-node-_531c4215-2dfd-6541-42d3-835fcc3c8e5a-16acde3e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d107b9ce-b65d-43bf-ec71-8df6e2e8cc79-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_5cc697b7-dedb-6778-434f-0a811552ea6b-16acde3e {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-ddb008c9-761f-15f2-2d44-dca47924d1af-16acde3e {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-ea2ddbc7-f518-b242-f02e-0a9028729883-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_48110877-839d-1edb-7729-0107cae4114f-16acde3e {
  align-self: start;
}

#w-node-_77d223cc-4bc8-2630-6167-00abb2d9de4f-16acde3e {
  grid-area: 4 / 2 / 5 / 4;
  align-self: auto;
}

#w-node-_491c320d-d354-bec0-e28c-b2eb1cd213e8-16acde3e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: stretch;
}

#w-node-_80e5aefb-5e19-c312-c8ed-85c5155a8734-16acde3e {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: start;
}

#w-node-_92c0b2ef-ee96-a5f4-c221-de99df480e66-16acde3e, #w-node-_0911af5b-cff7-5ed0-4abb-d5af3aa17f66-16acde3e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto center;
}

#w-node-_77d223cc-4bc8-2630-6167-00abb2d9de56-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_39927c10-5865-6440-f26a-956c4d290cf8-16acde3e {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-ee13c03d-0c99-d8f6-237f-3f80c5f1968d-16acde3e {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dd856035-9470-c64d-9673-e324886fd023-16acde3e {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-dd856035-9470-c64d-9673-e324886fd038-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-dd856035-9470-c64d-9673-e324886fd041-16acde3e {
  grid-area: 2 / 2 / 3 / 3;
  place-self: auto;
}

#w-node-f6b9c246-bd02-3258-86cb-c72b370a1636-16acde3e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-d67e0acc-8220-a832-ca5b-d9e6ee9f4b83-16acde3e {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fb-16acde3e {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fc-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_4f4d98c3-f848-5827-8b6a-0a469f409305-16acde3e {
  grid-area: 2 / 2 / 3 / 3;
  place-self: auto;
}

#w-node-adb17915-1e0f-f76f-b9a1-7c0b3ce9f97f-16acde3e, #w-node-_6f52b13b-71ee-58ae-da47-d080a5c71e77-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b884694-16acde3e {
  grid-area: 5 / 2 / 6 / 4;
  align-self: stretch;
}

#w-node-d2646a91-f476-0247-39e4-d4e2f4ccd58d-16acde3e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b8846a0-16acde3e {
  grid-area: 1 / 1 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b8846a1-16acde3e {
  align-self: end;
}

#w-node-_2b7ad06a-05d0-ef3e-7930-45877b3c0c8b-16acde3e {
  grid-area: 6 / 2 / 7 / 4;
}

#w-node-_189b83df-57bc-b40f-a5ec-cddc266f7d6f-16acde3e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_78a7a318-62cb-eb01-1a4b-762def39fa9a-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-af48e608-4458-836f-720d-6822040491b3-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-af48e608-4458-836f-720d-6822040491b6-16acde3e, #w-node-_4661633b-83d5-051d-b5b5-e2bec2e6462e-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d4bb18d8-e3a6-9145-0fd4-7642cb544b7a-16acde3e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9c47706-b117-cf50-907b-83bdfff31017-16acde3e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af8da789-1d2b-54ee-1a29-563260aeca8e-16acde3e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_88b94950-7100-3fbc-0ab2-5b6ac6aab725-16acde3e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c2e6698d-7a20-aeb2-ff2c-75b551a55786-16acde3e {
  grid-area: 2 / 2 / 3 / 4;
  place-self: center start;
}

#w-node-f864f405-9a17-c810-2e8c-a75d6b6edca7-16acde3e {
  grid-area: 1 / 2 / 2 / 4;
  align-self: start;
}

#carousel.w-node-_89a8bae1-0bea-e778-646d-4fae1a20b030-16acde3e {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_87b667de-d877-0bbd-e86e-2ee228d5a638-16acde3e {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_0bfc7333-d816-4341-bf34-9b2afc65c7c1-16acde3e {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-eea4db70-ae10-cbda-730d-c6b7bde68ff4-16acde3e {
  grid-area: 1 / 1 / 2 / 3;
  align-self: start;
}

#w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd243-16acde3e {
  grid-area: 2 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd244-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd259-16acde3e {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-e5ebe64a-bc7e-f351-ca2f-408c6f5f0454-16acde3e {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-df0804ef-39f9-e497-a1fa-a0d6282f1d4c-16acde3e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2b4dc0f3-ed0e-7a36-a319-12ac2e5118c7-16acde3e {
  grid-area: 2 / 2 / 3 / 4;
  place-self: center stretch;
}

#w-node-df0804ef-39f9-e497-a1fa-a0d6282f1d50-16acde3e {
  grid-area: 3 / 2 / 4 / 4;
  place-self: start stretch;
}

#w-node-c63a17ea-51ed-0ee4-ecc3-63fc4f130a4f-16acde3e {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-b43ba81c-687a-952f-16af-d36f1c66dd84-16acde3e {
  grid-area: 4 / 2 / 5 / 4;
  place-self: stretch stretch;
}

#w-node-_58c36f80-fc0d-e403-557e-ba95371510de-371510dc, #w-node-_58c36f80-fc0d-e403-557e-ba95371510e4-371510dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_90778b36-d659-1a23-acde-d62addc6d7c7-57acde2a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
  place-self: start center;
}

#w-node-_6684f71d-e29f-8f28-1e74-ff0b4b4d2dbb-57acde2a {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-e94c6f22-c7ad-2fe9-3148-55f7259f90f8-57acde2a {
  grid-area: 3 / 2 / 4 / 3;
  place-self: start;
}

#w-node-_0f395d1d-25ab-2219-156a-67e073e4904e-57acde2a {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center start;
}

#w-node-f099c2d5-434d-5ebf-1a60-3cbd04113767-57acde2a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f099c2d5-434d-5ebf-1a60-3cbd0411376b-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
  grid-area: 1 / 2 / 3 / 3;
  place-self: start stretch;
}

#w-node-b4886c7e-742b-0471-fa39-900e23da969f-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-b4886c7e-742b-0471-fa39-900e23da96a6-57acde2a {
  grid-area: 1 / 3 / 3 / 4;
  justify-self: start;
}

#w-node-_12047f5d-2246-8830-fd78-bbef1ffbefd4-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch start;
}

#w-node-_12047f5d-2246-8830-fd78-bbef1ffbefd5-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_12047f5d-2246-8830-fd78-bbef1ffbefda-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  justify-self: start;
}

#w-node-_12047f5d-2246-8830-fd78-bbef1ffbefdd-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
  place-self: stretch end;
}

#w-node-_44bb2923-fd20-308b-c041-690a4185caf0-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-_44bb2923-fd20-308b-c041-690a4185caf1-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_44bb2923-fd20-308b-c041-690a4185caf6-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-_44bb2923-fd20-308b-c041-690a4185caf9-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_421fdb69-7718-49d4-8934-83b43fd6cc5e-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-_7f382521-3cf5-dd31-d059-a25567ba184e-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_421fdb69-7718-49d4-8934-83b43fd6cc61-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-_421fdb69-7718-49d4-8934-83b43fd6cc68-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_733d71f6-8527-d126-2724-53e4ac11d331-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-_9367c045-e3cd-baec-f7bf-562e19b71a8d-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_733d71f6-8527-d126-2724-53e4ac11d334-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end start;
}

#w-node-_733d71f6-8527-d126-2724-53e4ac11d33b-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b035-57acde2a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b039-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b04f-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: end stretch;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b050-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_2da33b69-292f-97e7-0506-542a4420cedf-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
  place-self: center start;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b055-57acde2a {
  grid-area: 4 / 2 / 5 / 4;
  place-self: end;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05c-57acde2a {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05f-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b060-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b065-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06c-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf717f-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7180-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7185-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7188-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06f-57acde2a {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-fdf44ec3-6072-3fa5-fd5f-ad3f65550e0b-57acde2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b075-57acde2a {
  grid-area: 3 / 3 / 4 / 4;
  place-self: end;
}

#w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b07c-57acde2a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38 {
  grid-area: 2 / 1 / 3 / 3;
  align-self: center;
}

#w-node-b68cc589-6eb1-a06a-e42f-df371f8ee538-feacde38 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_0cdf9062-2718-cb15-a40c-3bf13b5ebab1-feacde38 {
  grid-area: 2 / 3 / 4 / 4;
  place-self: center;
}

#w-node-_36e5e352-de9e-3cfd-9ead-c9778ca8f9bd-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacb-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacc-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start center;
}

#w-node-e7b3ee00-9fa1-e929-a567-17ec939cd34e-feacde38 {
  align-self: center;
}

#w-node-d7f067b6-0bdc-67a4-2eb4-329443d11509-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-d7f067b6-0bdc-67a4-2eb4-329443d1150a-feacde38 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-d7f067b6-0bdc-67a4-2eb4-329443d11520-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d7f067b6-0bdc-67a4-2eb4-329443d1155c-feacde38 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start;
}

#w-node-_92525e21-1c8a-511b-eeb4-4813e0bda85d-feacde38, #w-node-_6d1f1594-5b72-6542-e869-69c142b7edaf-feacde38 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b49007ef-11b0-29a4-4830-221066fd6dc6-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
  align-self: auto;
}

#w-node-b49007ef-11b0-29a4-4830-221066fd6dc7-feacde38, #w-node-_9cbeca82-0325-dcac-a627-5c119bf5453b-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-d7f067b6-0bdc-67a4-2eb4-329443d11584-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_757e1bf4-2ff6-80bd-6b29-03bf5749d0c7-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_2499875c-03c2-a510-b327-c6e4eaa664aa-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-b701b8e9-fc5a-8f1f-7924-c2cd24e2cd62-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  place-self: stretch start;
}

#w-node-_69932514-fb36-b825-694f-d46b1b58905e-feacde38 {
  grid-area: 1 / 1 / 2 / 3;
  align-self: end;
}

#w-node-c2fe116e-21a8-2a29-8684-746cd1c486b1-feacde38 {
  grid-area: 2 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-b927c04f-31f9-d61f-adf7-6c94bd3e90d6-feacde38 {
  grid-area: 3 / 1 / 4 / 3;
  place-self: stretch center;
}

#w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a94-feacde38 {
  grid-area: 5 / 2 / 6 / 4;
}

#w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a95-feacde38 {
  grid-area: 1 / 1 / 2 / 5;
  place-self: start center;
}

#w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a96-feacde38, #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a99-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c24-feacde38 {
  grid-area: 6 / 2 / 7 / 4;
}

#w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c2d-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_80304ba1-39a2-f6f3-2f85-398fadd07324-feacde38 {
  align-self: center;
}

#w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba4-feacde38 {
  grid-area: 7 / 2 / 8 / 4;
}

#w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba5-feacde38 {
  place-self: center;
}

#w-node-_23deddf0-7612-2002-66e3-e55b7ae15bab-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_63bc1aeb-9ee9-e4d0-3dde-c3803e76656f-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_967b186b-f471-c953-9bc0-c164fe18d28a-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
}

#ios7-Header.w-node-_75f5e8d1-dd20-a82a-cb13-a3b28b282451-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  place-self: center;
}

#w-node-_75f5e8d1-dd20-a82a-cb13-a3b28b282452-feacde38 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start end;
}

#w-node-_4b1f7e65-805d-1e49-81b7-aa5a430a5b86-feacde38 {
  grid-area: 1 / 1 / 2 / 3;
  place-self: auto;
}

#w-node-_75f5e8d1-dd20-a82a-cb13-a3b28b282458-feacde38, #w-node-_39671bb5-6bbe-f1a9-2895-cdc7ece70195-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#iPhone7-main.w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d1f-feacde38 {
  grid-area: 5 / 2 / 6 / 4;
  place-self: stretch start;
}

#w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d20-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7f5ec083-4dd1-c9a8-cac4-e5683655ffc4-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: auto center;
}

#w-node-c9bbc105-a677-c1d3-4178-0e077a0509fd-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-_784d563f-f324-c62b-1f98-a492fc7056cb-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
  place-self: center;
}

#w-node-f0788dab-ee94-bb3d-9b4e-54e943331f65-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  place-self: stretch stretch;
}

#iPad7-main.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397a-feacde38 {
  grid-area: 6 / 2 / 7 / 4;
  place-self: stretch start;
}

#iPad-Sticky.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397b-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start stretch;
}

#iPad-Hero-Card.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3980-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch center;
}

#w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3985-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
  place-self: stretch center;
}

#w-node-_29fe98bd-f082-9149-ca12-c9b04f8ce756-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
  place-self: stretch center;
}

#w-node-ceef7883-08ef-6954-3461-05c7cbe06128-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  place-self: stretch center;
}

#w-node-_906272b4-2bfe-0330-f16c-da419a6171ce-feacde38 {
  grid-area: 5 / 2 / 6 / 4;
  place-self: stretch center;
}

#iWatch7-main.w-node-_161c6ffa-d291-c04b-b203-83b44e1ca446-feacde38 {
  grid-area: 7 / 2 / 8 / 4;
  place-self: stretch start;
}

#w-node-_161c6ffa-d291-c04b-b203-83b44e1ca447-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start stretch;
}

#w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44c-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch center;
}

#w-node-_161c6ffa-d291-c04b-b203-83b44e1ca456-feacde38 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_201fe5f4-0bcd-bf85-1635-3da33f77d6f7-feacde38 {
  align-self: end;
}

#w-node-f1fa7258-3b0d-1ec6-9164-507177d9972b-feacde38 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: stretch stretch;
}

#w-node-f1fa7258-3b0d-1ec6-9164-507177d9972d-feacde38, #w-node-f1fa7258-3b0d-1ec6-9164-507177d99731-feacde38 {
  align-self: start;
}

#ios7-Header.w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e1af-feacde38 {
  grid-area: 8 / 2 / 9 / 4;
  place-self: stretch center;
}

#w-node-a4f52db9-5074-4004-5abc-cdf6b4430910-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e1b0-feacde38 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start;
}

#w-node-_98c5b0a1-1ba2-2422-2292-b6657dd150c6-feacde38 {
  grid-area: 2 / 1 / 3 / 3;
  place-self: auto;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e1b5-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2b42569e-313a-ccc3-32d0-63b4f2b83e55-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#Android-phone-main.w-node-f4001bd4-7873-635b-9bec-08d555ced7f0-feacde38 {
  grid-area: 9 / 2 / 10 / 4;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21b-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end center;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e220-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch end;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e222-feacde38 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e223-feacde38 {
  grid-area: 1 / 1 / 2 / 7;
  place-self: stretch stretch;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e224-feacde38 {
  grid-area: 3 / 1 / 6 / 2;
  place-self: stretch center;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e226-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e228-feacde38 {
  align-self: center;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e22a-feacde38 {
  grid-area: 3 / 2 / 4 / 7;
  align-self: stretch;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e231-feacde38 {
  grid-area: 4 / 2 / 5 / 7;
  place-self: stretch stretch;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e232-feacde38 {
  grid-area: 5 / 2 / 6 / 7;
  align-self: stretch;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e239-feacde38 {
  grid-area: 2 / 2 / 3 / 7;
  place-self: center;
}

#w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e23b-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e23d-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e23f-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e241-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e243-feacde38 {
  place-self: center;
}

#Android-Tablet-main.w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f73-feacde38 {
  grid-area: 10 / 2 / 11 / 4;
  place-self: stretch stretch;
}

#w-node-b5302811-1294-c4cc-927f-d87b9756855c-feacde38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#Android-tablet-hero.w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f76-feacde38 {
  grid-area: 1 / 2 / 2 / 4;
  place-self: start end;
}

#w-node-c489f971-d49c-b278-9852-04d53b536ee9-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
  justify-self: end;
}

#w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f80-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
  justify-self: end;
}

#w-node-_67bfb6c7-c961-d44c-45a3-0e1c3d6f1169-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  justify-self: end;
}

#w-node-a1390fb8-a35f-8bbe-df34-fad8c25069ed-feacde38 {
  grid-area: 4 / 1 / 5 / 2;
  place-self: stretch;
}

#w-node-_83b9fcd8-0fc3-68a4-11b1-2db8c247665f-feacde38 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_71be7a21-18df-0426-8de2-982bbfd6dcf3-feacde38 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_629627a8-5474-a950-218b-466270bd680e-feacde38 {
  grid-area: 4 / 2 / 5 / 4;
  justify-self: stretch;
}

#w-node-_3ccf0def-e103-4c10-d4d1-efb075ff0142-feacde38 {
  align-self: end;
}

#w-node-a3da25bd-84d0-7142-f5c5-cb2d2208d5b3-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e97b0e96-581f-37c7-4c20-667929d69a2b-feacde38 {
  grid-area: 3 / 1 / 4 / 3;
  place-self: center;
}

#w-node-_79e30a60-0029-2e13-3371-85731576a8f6-feacde38 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e952c684-8a67-7181-5d1c-2349109e5ffb-feacde38 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start stretch;
}

#w-node-_60b88302-eff3-e414-494a-fb9e92f8dd41-feacde38 {
  grid-area: 3 / 3 / 4 / 4;
  align-self: start;
}

#w-node-_86d986ac-cc16-14e4-ed7d-86bddd81c638-feacde38 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-_00ee2985-a349-c4a6-2979-89c24a834cac-feacde38 {
  grid-area: 3 / 2 / 4 / 3;
  place-self: start;
}

#w-node-_151488ad-f5b9-2d8b-c94c-8882819cad04-feacde38 {
  grid-area: 3 / 1 / 4 / 2;
  place-self: stretch stretch;
}

#w-node-_924f7287-1c57-5f57-d275-8f08b3297d45-03acde31 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-e19fbc95-f995-bf2e-13fa-d77e502f41b3-03acde31 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-_924f7287-1c57-5f57-d275-8f08b3297d44-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_924f7287-1c57-5f57-d275-8f08b3297d4c-03acde31 {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center end;
}

#w-node-_924f7287-1c57-5f57-d275-8f08b3297d4e-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ab7-03acde31 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abe-03acde31 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abf-03acde31 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ad5-03acde31 {
  place-self: start;
}

#w-node-f6faad55-2c2d-6cfd-342f-23ad23bb2a01-03acde31 {
  align-self: center;
}

#w-node-_171e0e84-8f9f-ba63-a39c-f2e4605eab9b-03acde31, #w-node-b25294d5-01a2-5d5b-3685-87215ad8f5d3-03acde31, #w-node-_53bceae3-c1bd-33ac-17b2-01c7223ee46c-03acde31 {
  align-self: auto;
}

#w-node-f5da9f1e-7ca6-8c95-48f8-f7d43e1bf6ac-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d79b69d5-00df-043f-ebcd-172ca9397ebb-03acde31 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-df0de9ab-b8f7-59cc-363b-1a2d2df7b61d-03acde31 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-a4ce4f78-4475-ce04-3f98-d3bb3f562419-03acde31 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d7-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d8-03acde31 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d9-03acde31 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3da-03acde31 {
  grid-area: 2 / 1 / 3 / 3;
  place-self: start stretch;
}

#w-node-_91e424bf-63b6-2959-033b-8f6c998691ad-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333ae-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b2-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b3-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b4-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f858a17a-0859-fb88-37fa-abbcd897c707-03acde31 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-cda225b1-f0e3-b666-6c01-5a59470f8c1e-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cda225b1-f0e3-b666-6c01-5a59470f8c25-03acde31, #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c27-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cda225b1-f0e3-b666-6c01-5a59470f8c26-03acde31, #w-node-_4f6efa00-3a10-d25b-4908-56310603e8cb-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e086276f-3a1d-871f-b4fc-24bef6b69a1a-03acde31 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_4f6efa00-3a10-d25b-4908-56310603e8d5-03acde31 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4f6efa00-3a10-d25b-4908-56310603e8d6-03acde31 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4f6efa00-3a10-d25b-4908-56310603e8d7-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ed65b75-e3ab-261e-c595-793a3657ee6e-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_98fd4168-1bfa-495c-fbd4-def10fe9eb34-03acde31 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7b-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7d-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7c-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d5f-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9c6ae1a-9a14-cb66-f8fa-91ce559c4ffb-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d70-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_5d9e2abc-8cd6-08f7-a108-57603518a7d2-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto;
}

#w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d71-03acde31, #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d73-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_25a38256-92f8-dcac-2190-c797acb79dfe-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf0990-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a5-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a7-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a6-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a8-03acde31, #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc76-03acde31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc79-03acde31 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc80-03acde31 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc86-03acde31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a488cc9c-bc58-d310-313a-24b612907c26-f5ce809a {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_78de072b-9956-1b7f-22e0-da3c2236f910-f5ce809a {
  justify-self: center;
}

#w-node-_5231925c-af46-42c1-bc0d-41ca93b6741a-f5ce809a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_9aec2980-b9e7-3b10-ca2c-55d845a80644-f5ce809a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4077ce85-015e-86eb-f139-fc17829d7602-f5ce809a {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: stretch;
}

#w-node-_20f23a16-36c0-0332-3116-ece6a8a10d75-f5ce809a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start center;
}

#w-node-f9bb8724-be2a-7332-3247-13abf271435e-f5ce809a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4d0-f5ce809a {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eab-f5ce809a {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eac-f5ce809a {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eca-f5ce809a {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start;
}

#w-node-_7fae2b85-eca0-0897-2aa3-a324eb9b57e2-f5ce809a {
  grid-area: 2 / 2 / 3 / 4;
  justify-self: stretch;
}

#w-node-_7fae2b85-eca0-0897-2aa3-a324eb9b57e3-f5ce809a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start center;
}

#w-node-_7fae2b85-eca0-0897-2aa3-a324eb9b57e4-f5ce809a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1f3c16f6-12ec-5cc3-49b5-9c48a998cb9c-f5ce809a, #w-node-c45e3503-9e33-2943-00ac-882d89658ec8-f5ce809a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-c547a4a2-6179-09be-cc68-6066bd209b66-f5ce809a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-e2d035b5-0043-9083-9ad8-90a661e82902-e67671f7 {
    place-self: stretch stretch;
  }

  #Footer-nav.w-node-ecb83977-c965-10bc-eaa6-558cd9c71e82-e67671f7 {
    place-self: start stretch;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch start;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch center;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de56-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch end;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd038-16acde3e, #w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fc-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_4661633b-83d5-051d-b5b5-e2bec2e6462e-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #carousel.w-node-_89a8bae1-0bea-e778-646d-4fae1a20b030-16acde3e {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd04113767-57acde2a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38 {
    align-self: center;
  }

  #w-node-_0cdf9062-2718-cb15-a40c-3bf13b5ebab1-feacde38 {
    justify-self: center;
  }

  #w-node-_36e5e352-de9e-3cfd-9ead-c9778ca8f9bd-feacde38 {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d1155c-feacde38 {
    place-self: start;
  }

  #w-node-_9cbeca82-0325-dcac-a627-5c119bf5453b-feacde38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11584-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d20-feacde38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch stretch;
  }

  #w-node-_7f5ec083-4dd1-c9a8-cac4-e5683655ffc4-feacde38 {
    grid-area: 1 / 2 / 2 / 4;
    place-self: stretch center;
  }

  #w-node-c9bbc105-a677-c1d3-4178-0e077a0509fd-feacde38 {
    grid-area: 2 / 2 / 3 / 4;
    place-self: stretch stretch;
  }

  #w-node-_784d563f-f324-c62b-1f98-a492fc7056cb-feacde38 {
    grid-row: 3 / 4;
  }

  #w-node-f0788dab-ee94-bb3d-9b4e-54e943331f65-feacde38 {
    grid-area: 4 / 2 / 5 / 4;
    place-self: stretch stretch;
  }

  #iPad-Hero-Card.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3980-feacde38 {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca447-feacde38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start stretch;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca456-feacde38, #w-node-f1fa7258-3b0d-1ec6-9164-507177d9972b-feacde38, #w-node-e952c684-8a67-7181-5d1c-2349109e5ffb-feacde38 {
    place-self: stretch stretch;
  }

  #w-node-_86d986ac-cc16-14e4-ed7d-86bddd81c638-feacde38 {
    align-self: start;
  }

  #w-node-_151488ad-f5b9-2d8b-c94c-8882819cad04-feacde38 {
    place-self: stretch stretch;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d44-03acde31 {
    justify-self: start;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4c-03acde31 {
    justify-self: end;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4e-03acde31 {
    align-self: start;
  }

  #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3da-03acde31 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: center;
  }

  #w-node-_91e424bf-63b6-2959-033b-8f6c998691ad-03acde31 {
    grid-area: span 3 / span 1 / span 3 / span 1;
    place-self: stretch stretch;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c25-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4f6efa00-3a10-d25b-4908-56310603e8cb-03acde31, #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d5f-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d70-03acde31 {
    place-self: center;
  }

  #w-node-_5d9e2abc-8cd6-08f7-a108-57603518a7d2-03acde31 {
    grid-column: span 2 / span 2;
    place-self: center;
  }

  #w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4d0-f5ce809a {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eca-f5ce809a {
    place-self: start;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-c9a29c00-4514-92c6-06d1-202cb7a8d14e-c2acde1d {
    grid-column: span 1 / span 1;
  }

  #carousel.w-node-ae33bc56-f99d-b2f3-de21-37177a7adb7e-c2acde1d {
    grid-area: 3 / 2 / 4 / 4;
  }

  #w-node-_5ad01a7d-1775-69d8-8ef6-4766a6fe857d-c2acde1d {
    align-self: center;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch start;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch center;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de56-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }

  #w-node-c2e6698d-7a20-aeb2-ff2c-75b551a55786-16acde3e {
    justify-self: center;
  }

  #w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
    align-self: start;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
    grid-column-start: 2;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da96a6-57acde2a {
    grid-column-start: 3;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefdd-57acde2a {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-_36e5e352-de9e-3cfd-9ead-c9778ca8f9bd-feacde38 {
    justify-self: center;
  }

  #w-node-_757e1bf4-2ff6-80bd-6b29-03bf5749d0c7-feacde38 {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21b-feacde38 {
    grid-column-end: 3;
    align-self: center;
  }

  #w-node-a3da25bd-84d0-7142-f5c5-cb2d2208d5b3-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60b88302-eff3-e414-494a-fb9e92f8dd41-feacde38 {
    justify-self: stretch;
  }

  #w-node-a4ce4f78-4475-ce04-3f98-d3bb3f562419-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e086276f-3a1d-871f-b4fc-24bef6b69a1a-03acde31, #w-node-b9c6ae1a-9a14-cb66-f8fa-91ce559c4ffb-03acde31 {
    align-self: center;
  }

  #w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4d0-f5ce809a {
    justify-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_5ad01a7d-1775-69d8-8ef6-4766a6fe857d-c2acde1d {
    align-self: start;
  }

  #w-node-aecd94dc-7cc6-5c16-e881-067c5e7df55c-e67671f7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_92c0b2ef-ee96-a5f4-c221-de99df480e66-16acde3e {
    align-self: start;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e {
    justify-self: start;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e {
    justify-self: center;
  }

  #w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
    grid-column-start: 2;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
    align-self: start;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da96a6-57acde2a {
    grid-column: 3 / 4;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefd4-57acde2a {
    grid-column: 2 / 4;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefdd-57acde2a {
    grid-column-start: 2;
    justify-self: end;
  }

  #w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38, #w-node-b68cc589-6eb1-a06a-e42f-df371f8ee538-feacde38, #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11509-feacde38, #w-node-b49007ef-11b0-29a4-4830-221066fd6dc6-feacde38, #w-node-b701b8e9-fc5a-8f1f-7924-c2cd24e2cd62-feacde38, #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a94-feacde38, #w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c24-feacde38, #w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba4-feacde38 {
    grid-column-start: 2;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21b-feacde38 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e22f-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e230-feacde38 {
    place-self: center;
  }

  #Android-Tablet-main.w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f73-feacde38 {
    grid-column-start: 2;
  }

  #w-node-_151488ad-f5b9-2d8b-c94c-8882819cad04-feacde38 {
    justify-self: stretch;
  }

  #w-node-e19fbc95-f995-bf2e-13fa-d77e502f41b3-03acde31 {
    grid-column-start: 2;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ab7-03acde31 {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abe-03acde31 {
    grid-column-start: 2;
  }

  #w-node-f5da9f1e-7ca6-8c95-48f8-f7d43e1bf6ac-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-df0de9ab-b8f7-59cc-363b-1a2d2df7b61d-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d7-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333ae-03acde31 {
    place-self: stretch stretch;
  }

  #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b2-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-f858a17a-0859-fb88-37fa-abbcd897c707-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c25-03acde31 {
    grid-column: 1 / 2;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c27-03acde31 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c26-03acde31 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_4f6efa00-3a10-d25b-4908-56310603e8cb-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee6e-03acde31, #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d5f-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf0990-03acde31 {
    place-self: stretch stretch;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc76-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc80-03acde31, #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc86-03acde31 {
    place-self: stretch stretch;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eab-f5ce809a {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_66bdff21-fdeb-ad7f-909b-e4bd6482f99f-c2acde1d {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: auto;
  }

  #carousel.w-node-ae33bc56-f99d-b2f3-de21-37177a7adb7e-c2acde1d {
    grid-column-start: 1;
  }

  #w-node-_14c400b5-b779-cccb-6a07-6f9e24fe553d-c2acde1d {
    grid-area: 3 / 1 / 4 / 4;
    justify-self: auto;
  }

  #w-node-_5ad01a7d-1775-69d8-8ef6-4766a6fe857d-c2acde1d {
    grid-area: 2 / 1 / 3 / 4;
    align-self: start;
  }

  #w-node-_4bdb6036-973e-020f-ed14-9a014be140eb-c2acde1d {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-d5f5e1c1-f8a3-b9e6-61c0-950998cc8528-c2acde1d {
    grid-column: span 2 / span 2;
  }

  #w-node-_723eabcf-c5ba-99bd-7225-c58181e73353-c2acde1d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e2d035b5-0043-9083-9ad8-90a661e82902-e67671f7 {
    grid-column: 2 / 4;
    grid-row-end: 3;
    place-self: stretch stretch;
  }

  #w-node-e430f9ae-2e6b-afa8-4224-20a4f3841cec-e67671f7 {
    grid-row: 3 / 4;
    grid-column-start: 2;
    place-self: center;
  }

  #Footer-nav.w-node-ecb83977-c965-10bc-eaa6-558cd9c71e82-e67671f7 {
    grid-area: 4 / 2 / 5 / 4;
  }

  #w-node-ff746594-68bd-8b8a-74ec-52298ce01aea-e67671f7, #w-node-fef865ab-a6c1-7f84-bd75-d123120ffeeb-e67671f7, #w-node-_7ae5e90c-c02e-92cb-9fe4-2844c5444465-e67671f7, #w-node-c06953f5-cb15-3b99-6a2e-9b371e4216db-e67671f7, #w-node-_03894c15-1515-27d8-3988-e5359347554c-e67671f7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_61e4f42e-2c21-77fe-5ed1-da582cd55160-32acde36 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bfa1c618-294b-7213-1a26-6b9477ad7e94-32acde36 {
    grid-area: 1 / 1 / 1 / 1;
    justify-self: stretch;
  }

  #w-node-_1c155be7-e62d-898a-1f0f-b5ba343803c2-32acde36 {
    justify-self: stretch;
  }

  #w-node-_5cc697b7-dedb-6778-434f-0a811552ea6b-16acde3e {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: end;
  }

  #w-node-ddb008c9-761f-15f2-2d44-dca47924d1af-16acde3e {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-ea2ddbc7-f518-b242-f02e-0a9028729883-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: stretch;
  }

  #w-node-_48110877-839d-1edb-7729-0107cae4114f-16acde3e {
    justify-self: stretch;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de4f-16acde3e {
    grid-area: 4 / 1 / 5 / 4;
    align-self: auto;
  }

  #w-node-_491c320d-d354-bec0-e28c-b2eb1cd213e8-16acde3e {
    grid-column-start: 1;
  }

  #w-node-_80e5aefb-5e19-c312-c8ed-85c5155a8734-16acde3e {
    grid-area: 1 / 1 / 4 / 2;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e {
    grid-area: 1 / 2 / 2 / 4;
    justify-self: stretch;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e {
    grid-area: 2 / 2 / 3 / 4;
    justify-self: stretch;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de56-16acde3e {
    grid-area: 3 / 2 / 4 / 4;
    justify-self: stretch;
  }

  #w-node-eaacc336-217c-e1fc-a187-9a45d93117e3-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_39927c10-5865-6440-f26a-956c4d290cf8-16acde3e {
    grid-column-start: 1;
  }

  #w-node-ee13c03d-0c99-d8f6-237f-3f80c5f1968d-16acde3e {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: auto;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd023-16acde3e {
    grid-column-start: 1;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd038-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fb-16acde3e, #w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b884694-16acde3e {
    grid-column-start: 1;
  }

  #w-node-d2646a91-f476-0247-39e4-d4e2f4ccd58d-16acde3e {
    place-self: stretch stretch;
  }

  #w-node-_37617c57-cdd3-4ac3-4734-4ee7802cf088-16acde3e, #w-node-_5cb95ec9-9d42-f9e3-ed4d-66e99f4e7295-16acde3e, #w-node-_1fb8c9a5-23da-8376-161c-e51a9e92ae73-16acde3e {
    align-self: start;
  }

  #w-node-_2b7ad06a-05d0-ef3e-7930-45877b3c0c8b-16acde3e {
    grid-column-start: 1;
  }

  #w-node-_2b7ad06a-05d0-ef3e-7930-45877b3c0c88-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c2e6698d-7a20-aeb2-ff2c-75b551a55786-16acde3e, #w-node-f864f405-9a17-c810-2e8c-a75d6b6edca7-16acde3e, #carousel.w-node-_89a8bae1-0bea-e778-646d-4fae1a20b030-16acde3e, #w-node-_87b667de-d877-0bbd-e86e-2ee228d5a638-16acde3e {
    grid-column-start: 1;
  }

  #w-node-_0bfc7333-d816-4341-bf34-9b2afc65c7c1-16acde3e {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-eea4db70-ae10-cbda-730d-c6b7bde68ff4-16acde3e, #w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd243-16acde3e {
    grid-column-start: 1;
  }

  #w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd244-16acde3e {
    grid-row: 2 / 3;
    grid-column-end: 4;
  }

  #w-node-b00c1b15-c255-7a4f-5b44-d8c7d3dcd259-16acde3e {
    grid-row: 1 / 2;
    grid-column-start: 1;
  }

  #w-node-e5ebe64a-bc7e-f351-ca2f-408c6f5f0454-16acde3e, #w-node-_2b4dc0f3-ed0e-7a36-a319-12ac2e5118c7-16acde3e, #w-node-df0804ef-39f9-e497-a1fa-a0d6282f1d50-16acde3e, #w-node-c63a17ea-51ed-0ee4-ecc3-63fc4f130a4f-16acde3e, #w-node-b43ba81c-687a-952f-16af-d36f1c66dd84-16acde3e {
    grid-column-start: 1;
  }

  #w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
    place-self: start;
  }

  #w-node-_0f395d1d-25ab-2219-156a-67e073e4904e-57acde2a {
    grid-column-end: 2;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd04113767-57acde2a {
    grid-column-end: 3;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd0411376b-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
    grid-column: 1 / 4;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da96a6-57acde2a {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefd4-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefda-57acde2a {
    grid-column-start: 2;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefdd-57acde2a, #w-node-_44bb2923-fd20-308b-c041-690a4185caf0-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_44bb2923-fd20-308b-c041-690a4185caf6-57acde2a {
    grid-column-start: 2;
  }

  #w-node-_44bb2923-fd20-308b-c041-690a4185caf9-57acde2a, #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc5e-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc61-57acde2a {
    grid-column-start: 2;
  }

  #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc68-57acde2a, #w-node-_733d71f6-8527-d126-2724-53e4ac11d331-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_733d71f6-8527-d126-2724-53e4ac11d334-57acde2a {
    grid-column-start: 2;
  }

  #w-node-_733d71f6-8527-d126-2724-53e4ac11d33b-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b035-57acde2a {
    grid-column-end: 3;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b039-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b04f-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b050-57acde2a {
    place-self: end start;
  }

  #w-node-_2da33b69-292f-97e7-0506-542a4420cedf-57acde2a {
    grid-area: 2 / 1 / 3 / 4;
    align-self: center;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b055-57acde2a {
    grid-row: 4 / 5;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05c-57acde2a {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05f-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b065-57acde2a {
    grid-column-start: 2;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06c-57acde2a, #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf717f-57acde2a {
    grid-column-start: 1;
  }

  #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7185-57acde2a {
    grid-column-start: 2;
  }

  #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7188-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06f-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b075-57acde2a {
    grid-column-start: 2;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b07c-57acde2a, #w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38, #w-node-b68cc589-6eb1-a06a-e42f-df371f8ee538-feacde38 {
    grid-column-start: 1;
  }

  #w-node-_0cdf9062-2718-cb15-a40c-3bf13b5ebab1-feacde38 {
    align-self: center;
  }

  #w-node-_36e5e352-de9e-3cfd-9ead-c9778ca8f9bd-feacde38 {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: center;
  }

  #w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacb-feacde38, #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11509-feacde38 {
    grid-column-start: 1;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11520-feacde38 {
    place-self: stretch stretch;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d1155c-feacde38 {
    grid-row-end: 2;
    justify-self: stretch;
  }

  #w-node-b49007ef-11b0-29a4-4830-221066fd6dc6-feacde38 {
    grid-column-start: 1;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11584-feacde38 {
    grid-column: span 2 / span 2;
  }

  #w-node-b701b8e9-fc5a-8f1f-7924-c2cd24e2cd5e-feacde38 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_757e1bf4-2ff6-80bd-6b29-03bf5749d0c7-feacde38 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-b701b8e9-fc5a-8f1f-7924-c2cd24e2cd62-feacde38 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-b927c04f-31f9-d61f-adf7-6c94bd3e90d6-feacde38 {
    align-self: start;
  }

  #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a94-feacde38 {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a99-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c24-feacde38 {
    grid-row: 5 / 6;
    grid-column-start: 1;
    align-self: center;
  }

  #w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c2d-feacde38 {
    grid-column: span 2 / span 2;
  }

  #w-node-_80304ba1-39a2-f6f3-2f85-398fadd07324-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: center;
  }

  #w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba4-feacde38 {
    grid-row: 6 / 7;
    grid-column-start: 1;
  }

  #w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba5-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_23deddf0-7612-2002-66e3-e55b7ae15bab-feacde38 {
    grid-column: span 2 / span 2;
  }

  #w-node-_63bc1aeb-9ee9-e4d0-3dde-c3803e76656f-feacde38 {
    grid-column-start: 1;
  }

  #w-node-_75f5e8d1-dd20-a82a-cb13-a3b28b282452-feacde38 {
    align-self: start;
  }

  #w-node-_7f5ec083-4dd1-c9a8-cac4-e5683655ffc4-feacde38 {
    align-self: auto;
  }

  #w-node-_784d563f-f324-c62b-1f98-a492fc7056cb-feacde38 {
    justify-self: center;
  }

  #iPad-Hero-Card.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3980-feacde38 {
    grid-area: 1 / 2 / 2 / 4;
    place-self: stretch center;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44c-feacde38 {
    grid-area: 1 / 2 / 2 / 4;
    place-self: end start;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca456-feacde38 {
    grid-area: 2 / 2 / 3 / 4;
    place-self: stretch stretch;
  }

  #w-node-f1fa7258-3b0d-1ec6-9164-507177d9972b-feacde38 {
    grid-row: 3 / 4;
    grid-column-start: 2;
  }

  #ios7-Header.w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e1af-feacde38 {
    place-self: stretch center;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e224-feacde38 {
    grid-area: 3 / 1 / 6 / 2;
    align-self: stretch;
  }

  #w-node-_83b9fcd8-0fc3-68a4-11b1-2db8c247665f-feacde38, #w-node-_71be7a21-18df-0426-8de2-982bbfd6dcf3-feacde38 {
    grid-column-start: 1;
  }

  #w-node-_629627a8-5474-a950-218b-466270bd680e-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_79e30a60-0029-2e13-3371-85731576a8f6-feacde38 {
    place-self: stretch stretch;
  }

  #w-node-e952c684-8a67-7181-5d1c-2349109e5ffb-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_60b88302-eff3-e414-494a-fb9e92f8dd41-feacde38 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_86d986ac-cc16-14e4-ed7d-86bddd81c638-feacde38 {
    grid-row: 2 / 4;
    place-self: auto;
  }

  #w-node-_00ee2985-a349-c4a6-2979-89c24a834cac-feacde38 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_151488ad-f5b9-2d8b-c94c-8882819cad04-feacde38 {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d45-03acde31 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: auto;
  }

  #w-node-e19fbc95-f995-bf2e-13fa-d77e502f41b3-03acde31 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d44-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4c-03acde31 {
    grid-column: 2 / 3;
    place-self: center;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4e-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: baseline end;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ab7-03acde31 {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: auto;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abe-03acde31 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ad5-03acde31 {
    justify-self: stretch;
  }

  #w-node-f6faad55-2c2d-6cfd-342f-23ad23bb2a01-03acde31, #w-node-_171e0e84-8f9f-ba63-a39c-f2e4605eab9b-03acde31, #w-node-b25294d5-01a2-5d5b-3685-87215ad8f5d3-03acde31, #w-node-_53bceae3-c1bd-33ac-17b2-01c7223ee46c-03acde31 {
    align-self: center;
  }

  #w-node-f5da9f1e-7ca6-8c95-48f8-f7d43e1bf6ac-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-d79b69d5-00df-043f-ebcd-172ca9397ebb-03acde31 {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: auto;
  }

  #w-node-df0de9ab-b8f7-59cc-363b-1a2d2df7b61d-03acde31 {
    grid-column-start: 1;
  }

  #w-node-_91e424bf-63b6-2959-033b-8f6c998691ad-03acde31 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    place-self: stretch stretch;
  }

  #w-node-f858a17a-0859-fb88-37fa-abbcd897c707-03acde31 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d73-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_25a38256-92f8-dcac-2190-c797acb79dfe-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc76-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc79-03acde31 {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: auto;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc80-03acde31 {
    grid-column-start: 1;
  }

  #w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4cd-f5ce809a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4d0-f5ce809a {
    grid-row: 2 / 3;
    grid-column-start: 1;
    justify-self: center;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eab-f5ce809a {
    grid-column-start: 1;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eca-f5ce809a {
    grid-row-end: 2;
    justify-self: stretch;
  }

  #w-node-_7fae2b85-eca0-0897-2aa3-a324eb9b57e2-f5ce809a {
    grid-column-start: 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_14c400b5-b779-cccb-6a07-6f9e24fe553d-c2acde1d {
    grid-row: 3 / 4;
    grid-column-end: 4;
  }

  #w-node-_5ad01a7d-1775-69d8-8ef6-4766a6fe857d-c2acde1d {
    grid-row: 2 / 3;
    grid-column-start: 1;
    place-self: start center;
  }

  #w-node-_4bdb6036-973e-020f-ed14-9a014be140eb-c2acde1d {
    grid-row: 4 / 5;
  }

  #w-node-_9e00a636-4f3c-de9c-8b54-7c570c389ae9-c2acde1d, #w-node-_723eabcf-c5ba-99bd-7225-c58181e73353-c2acde1d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_12d0f3a8-febc-1581-eba5-8d107a5bd3e1-c2acde1d {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-e2d035b5-0043-9083-9ad8-90a661e82902-e67671f7 {
    grid-column: 1 / 4;
  }

  #w-node-e430f9ae-2e6b-afa8-4224-20a4f3841cec-e67671f7 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #Footer-nav.w-node-ecb83977-c965-10bc-eaa6-558cd9c71e82-e67671f7 {
    grid-row: 4 / 5;
    grid-column-start: 1;
    place-self: start center;
  }

  #w-node-ff746594-68bd-8b8a-74ec-52298ce01aea-e67671f7 {
    grid-column: span 1 / span 1;
  }

  #w-node-bfa1c618-294b-7213-1a26-6b9477ad7e94-32acde36 {
    grid-area: 1 / 1 / 3 / 2;
    place-self: stretch start;
  }

  #w-node-_1c155be7-e62d-898a-1f0f-b5ba343803c2-32acde36 {
    grid-area: 2 / 2 / 4 / 3;
    place-self: stretch start;
  }

  #w-node-_5734bd5f-4840-7feb-f642-011a7f88f06e-32acde36 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fdeb16a8-fe52-ff57-9f54-e51d741e284a-16acde3e {
    grid-row: span 1 / span 1;
  }

  #w-node-ddb008c9-761f-15f2-2d44-dca47924d1af-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ea2ddbc7-f518-b242-f02e-0a9028729883-16acde3e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: stretch;
  }

  #w-node-a76895c1-b368-e2c7-dbfe-6d848dae7c8b-16acde3e {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: start;
  }

  #w-node-a76895c1-b368-e2c7-dbfe-6d848dae7c8c-16acde3e {
    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
  }

  #w-node-a76895c1-b368-e2c7-dbfe-6d848dae7c8d-16acde3e {
    grid-area: 2 / 2 / 3 / 3;
    align-self: end;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de4f-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_80e5aefb-5e19-c312-c8ed-85c5155a8734-16acde3e {
    grid-area: 1 / 1 / 4 / 2;
    place-self: start;
  }

  #w-node-ee13c03d-0c99-d8f6-237f-3f80c5f1968d-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: auto;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd023-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd038-16acde3e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-dd856035-9470-c64d-9673-e324886fd041-16acde3e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f6b9c246-bd02-3258-86cb-c72b370a1636-16acde3e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d67e0acc-8220-a832-ca5b-d9e6ee9f4b83-16acde3e {
    grid-column-end: 2;
  }

  #w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fb-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_4f4d98c3-f848-5827-8b6a-0a469f4092fc-16acde3e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_4f4d98c3-f848-5827-8b6a-0a469f409305-16acde3e {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-adb17915-1e0f-f76f-b9a1-7c0b3ce9f97f-16acde3e {
    grid-column-end: 2;
  }

  #w-node-_6f52b13b-71ee-58ae-da47-d080a5c71e77-16acde3e {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b884694-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d2646a91-f476-0247-39e4-d4e2f4ccd58d-16acde3e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_3ff3e91b-d3ac-7d2c-d66f-cd419b8846a0-16acde3e {
    grid-area: 2 / 1 / 3 / 3;
    align-self: end;
  }

  #w-node-_37617c57-cdd3-4ac3-4734-4ee7802cf088-16acde3e, #w-node-_38429d1a-6412-9b6a-d2c3-65c4593e1d89-16acde3e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eea4db70-ae10-cbda-730d-c6b7bde68ff4-16acde3e {
    align-self: stretch;
  }

  #w-node-df0804ef-39f9-e497-a1fa-a0d6282f1d50-16acde3e, #w-node-c63a17ea-51ed-0ee4-ecc3-63fc4f130a4f-16acde3e, #w-node-b43ba81c-687a-952f-16af-d36f1c66dd84-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_58c36f80-fc0d-e403-557e-ba95371510de-371510dc {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_90778b36-d659-1a23-acde-d62addc6d7c7-57acde2a {
    place-self: center;
  }

  #w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
    grid-row: 2 / 3;
    grid-column-start: 2;
    justify-self: center;
  }

  #w-node-e94c6f22-c7ad-2fe9-3148-55f7259f90f8-57acde2a {
    grid-row-end: 4;
    grid-column-start: 2;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd04113767-57acde2a {
    align-self: start;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd04113769-57acde2a {
    align-self: auto;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd0411376b-57acde2a {
    align-self: end;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969f-57acde2a {
    grid-column-start: 1;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da96a6-57acde2a, #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefd4-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefda-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_12047f5d-2246-8830-fd78-bbef1ffbefdd-57acde2a, #w-node-_44bb2923-fd20-308b-c041-690a4185caf0-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_44bb2923-fd20-308b-c041-690a4185caf6-57acde2a {
    grid-column-start: 1;
    justify-self: stretch;
  }

  #w-node-_44bb2923-fd20-308b-c041-690a4185caf9-57acde2a, #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc5e-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc61-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc68-57acde2a, #w-node-_733d71f6-8527-d126-2724-53e4ac11d331-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_733d71f6-8527-d126-2724-53e4ac11d334-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_733d71f6-8527-d126-2724-53e4ac11d33b-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b04f-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b055-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05c-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b05f-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b065-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06c-57acde2a, #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf717f-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7185-57acde2a {
    grid-column-start: 1;
  }

  #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7188-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b06f-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b075-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b07c-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5618790d-1219-bc7c-dfa2-e9bc40911cb6-feacde38 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38 {
    align-self: auto;
  }

  #w-node-b68cc589-6eb1-a06a-e42f-df371f8ee538-feacde38 {
    grid-column-end: 3;
  }

  #w-node-_0cdf9062-2718-cb15-a40c-3bf13b5ebab1-feacde38 {
    grid-area: 2 / 2 / 4 / 4;
    justify-self: end;
  }

  #w-node-_36e5e352-de9e-3cfd-9ead-c9778ca8f9bd-feacde38 {
    grid-column-start: 1;
  }

  #w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacb-feacde38 {
    grid-column-start: 1;
    align-self: stretch;
  }

  #w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacc-feacde38 {
    grid-column: span 1 / span 1;
  }

  #w-node-e7b3ee00-9fa1-e929-a567-17ec939cd34e-feacde38, #w-node-cb374f77-4ffd-0cbd-3566-4279e20ff87e-feacde38 {
    align-self: stretch;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11509-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d1150a-feacde38 {
    grid-column-end: 3;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d1155c-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_92525e21-1c8a-511b-eeb4-4813e0bda85d-feacde38 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b49007ef-11b0-29a4-4830-221066fd6dc6-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b49007ef-11b0-29a4-4830-221066fd6dc7-feacde38, #w-node-_9cbeca82-0325-dcac-a627-5c119bf5453b-feacde38 {
    grid-column: span 2 / span 2;
  }

  #w-node-d7f067b6-0bdc-67a4-2eb4-329443d11584-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_757e1bf4-2ff6-80bd-6b29-03bf5749d0c7-feacde38 {
    grid-column-start: 1;
  }

  #w-node-b701b8e9-fc5a-8f1f-7924-c2cd24e2cd62-feacde38, #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a94-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_7993baf8-0f88-3dd9-ed70-cad37a968a95-feacde38 {
    grid-column-end: 3;
  }

  #w-node-_834dccb7-bb69-8538-43ce-a2f5ac73d715-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c24-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f9e2c7a3-4306-333d-192c-e6f6a9fa9c2d-feacde38 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_80304ba1-39a2-f6f3-2f85-398fadd07324-feacde38 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_23deddf0-7612-2002-66e3-e55b7ae15ba4-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_63bc1aeb-9ee9-e4d0-3dde-c3803e76656f-feacde38, #w-node-_967b186b-f471-c953-9bc0-c164fe18d28a-feacde38, #ios7-Header.w-node-_75f5e8d1-dd20-a82a-cb13-a3b28b282451-feacde38 {
    grid-column-start: 1;
  }

  #iPhone7-main.w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d1f-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d20-feacde38 {
    grid-column: span 3 / span 3;
  }

  #w-node-_4bc8ac68-701b-1cf1-cc16-b2c224dce031-feacde38 {
    place-self: center start;
  }

  #w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d21-feacde38 {
    place-self: start stretch;
  }

  #w-node-c62b1337-6b3d-105d-4952-15d6271c9505-feacde38 {
    place-self: start end;
  }

  #w-node-_7f5ec083-4dd1-c9a8-cac4-e5683655ffc4-feacde38, #w-node-c9bbc105-a677-c1d3-4178-0e077a0509fd-feacde38, #w-node-_784d563f-f324-c62b-1f98-a492fc7056cb-feacde38, #w-node-f0788dab-ee94-bb3d-9b4e-54e943331f65-feacde38, #iPad7-main.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397a-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #iPad-Sticky.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397b-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: start stretch;
  }

  #w-node-_1f9e16a0-3710-95ff-2275-feb0e7b2743e-feacde38 {
    place-self: center start;
  }

  #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397c-feacde38 {
    place-self: start;
  }

  #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397e-feacde38 {
    place-self: start end;
  }

  #iPad-Hero-Card.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3980-feacde38, #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3985-feacde38, #w-node-_29fe98bd-f082-9149-ca12-c9b04f8ce756-feacde38, #w-node-ceef7883-08ef-6954-3461-05c7cbe06128-feacde38, #w-node-_906272b4-2bfe-0330-f16c-da419a6171ce-feacde38, #iWatch7-main.w-node-_161c6ffa-d291-c04b-b203-83b44e1ca446-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca447-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: start stretch;
  }

  #w-node-_155ec54d-8f98-2f1f-01e9-827684277366-feacde38 {
    justify-self: start;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca448-feacde38 {
    place-self: start stretch;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44a-feacde38 {
    place-self: start end;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44c-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca456-feacde38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f1fa7258-3b0d-1ec6-9164-507177d9972b-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #ios7-Header.w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e1af-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: stretch center;
  }

  #Android-phone-main.w-node-f4001bd4-7873-635b-9bec-08d555ced7f0-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21b-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e220-feacde38 {
    grid-area: 2 / 1 / 3 / 4;
    place-self: auto stretch;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e222-feacde38 {
    grid-row: 3 / 4;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e223-feacde38 {
    grid-column-end: 5;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e224-feacde38 {
    grid-area: 2 / 2 / 3 / 5;
    justify-self: stretch;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e226-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e228-feacde38 {
    justify-self: center;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e22a-feacde38 {
    grid-row: 3 / 7;
    grid-column-end: 3;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e231-feacde38 {
    grid-area: 3 / 3 / 7 / 4;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e232-feacde38 {
    grid-area: 3 / 4 / 7 / 5;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e239-feacde38 {
    grid-area: 3 / 1 / 7 / 2;
    place-self: stretch stretch;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e23b-feacde38 {
    place-self: center start;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e23f-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e241-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e243-feacde38 {
    justify-self: start;
  }

  #Android-Tablet-main.w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f73-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b5302811-1294-c4cc-927f-d87b9756855c-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: stretch stretch;
  }

  #w-node-_5b51db5d-b47d-d8ea-d9ae-75b237d8ef61-feacde38 {
    place-self: center start;
  }

  #w-node-b5302811-1294-c4cc-927f-d87b9756855d-feacde38 {
    place-self: start;
  }

  #w-node-b5302811-1294-c4cc-927f-d87b9756855f-feacde38 {
    place-self: start end;
  }

  #Android-tablet-hero.w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f76-feacde38, #w-node-c489f971-d49c-b278-9852-04d53b536ee9-feacde38, #w-node-_5eb8f6ba-30c1-1e69-db1f-3eb8b8eb8f80-feacde38, #w-node-_67bfb6c7-c961-d44c-45a3-0e1c3d6f1169-feacde38 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_83b9fcd8-0fc3-68a4-11b1-2db8c247665f-feacde38 {
    grid-column-start: 1;
  }

  #w-node-e97b0e96-581f-37c7-4c20-667929d69a2b-feacde38 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: end;
  }

  #w-node-e952c684-8a67-7181-5d1c-2349109e5ffb-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60b88302-eff3-e414-494a-fb9e92f8dd41-feacde38, #w-node-_86d986ac-cc16-14e4-ed7d-86bddd81c638-feacde38 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_00ee2985-a349-c4a6-2979-89c24a834cac-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_151488ad-f5b9-2d8b-c94c-8882819cad04-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-e19fbc95-f995-bf2e-13fa-d77e502f41b3-03acde31 {
    grid-row: 2 / 4;
    grid-column-start: 1;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d44-03acde31 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4c-03acde31 {
    grid-area: 3 / 1 / 4 / 3;
    place-self: center;
  }

  #w-node-_924f7287-1c57-5f57-d275-8f08b3297d4e-03acde31 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: end;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ab7-03acde31 {
    grid-area: 2 / 1 / 3 / 4;
    justify-self: auto;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abe-03acde31 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270abf-03acde31 {
    grid-column-end: 3;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ad5-03acde31 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-cd272481-95d4-8ff6-6b98-714f1fe581ab-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_171e0e84-8f9f-ba63-a39c-f2e4605eab9b-03acde31, #w-node-b25294d5-01a2-5d5b-3685-87215ad8f5d3-03acde31, #w-node-_53bceae3-c1bd-33ac-17b2-01c7223ee46c-03acde31 {
    align-self: start;
  }

  #w-node-a4ce4f78-4475-ce04-3f98-d3bb3f562419-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d7-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d8-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d9-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3da-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_91e424bf-63b6-2959-033b-8f6c998691ad-03acde31 {
    grid-row: span 1 / span 1;
  }

  #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333ae-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b2-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b3-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b4-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-f858a17a-0859-fb88-37fa-abbcd897c707-03acde31, #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c1e-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c25-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c27-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4f6efa00-3a10-d25b-4908-56310603e8cb-03acde31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e086276f-3a1d-871f-b4fc-24bef6b69a1a-03acde31, #w-node-_4f6efa00-3a10-d25b-4908-56310603e8d5-03acde31, #w-node-_4f6efa00-3a10-d25b-4908-56310603e8d6-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4f6efa00-3a10-d25b-4908-56310603e8d7-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee6e-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-_98fd4168-1bfa-495c-fbd4-def10fe9eb34-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7b-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7d-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7c-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d5f-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-b9c6ae1a-9a14-cb66-f8fa-91ce559c4ffb-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d70-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5d9e2abc-8cd6-08f7-a108-57603518a7d2-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_25a38256-92f8-dcac-2190-c797acb79dfe-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf0990-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a5-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a7-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a6-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a8-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc86-03acde31 {
    grid-column: span 1 / span 1;
  }

  #w-node-b4b367bb-d1a9-6c1d-81e7-ad5dfcccf4d0-f5ce809a {
    grid-column-start: 1;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eab-f5ce809a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eac-f5ce809a {
    grid-column-end: 3;
  }

  #w-node-c83410e6-3329-778a-ba5b-e0eeeaae5eca-f5ce809a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7fae2b85-eca0-0897-2aa3-a324eb9b57e2-f5ce809a {
    grid-row: 2 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e2d035b5-0043-9083-9ad8-90a661e82902-e67671f7 {
    grid-column-end: 4;
    justify-self: start;
  }

  #w-node-fdeb16a8-fe52-ff57-9f54-e51d741e284a-16acde3e {
    justify-self: start;
  }

  #w-node-_80e5aefb-5e19-c312-c8ed-85c5155a8734-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: start;
  }

  #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de5c-16acde3e, #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de61-16acde3e, #w-node-_77d223cc-4bc8-2630-6167-00abb2d9de56-16acde3e {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-af8da789-1d2b-54ee-1a29-563260aeca8e-16acde3e {
    grid-row: span 2 / span 2;
  }

  #w-node-_0871f5f6-9469-c731-4121-a9a7fe1d755f-57acde2a {
    grid-column: 1 / 4;
  }

  #w-node-_6684f71d-e29f-8f28-1e74-ff0b4b4d2dbb-57acde2a {
    grid-row-end: 3;
    grid-column-start: 2;
    justify-self: end;
  }

  #w-node-e94c6f22-c7ad-2fe9-3148-55f7259f90f8-57acde2a {
    grid-area: 4 / 1 / 5 / 2;
    place-self: start;
  }

  #w-node-_0f395d1d-25ab-2219-156a-67e073e4904e-57acde2a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-f099c2d5-434d-5ebf-1a60-3cbd04113767-57acde2a {
    grid-column-end: 4;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969c-57acde2a {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: start stretch;
  }

  #w-node-b4886c7e-742b-0471-fa39-900e23da969f-57acde2a {
    grid-area: 3 / 1 / 4 / 4;
    place-self: end;
  }

  #w-node-_44bb2923-fd20-308b-c041-690a4185caf6-57acde2a, #w-node-_421fdb69-7718-49d4-8934-83b43fd6cc61-57acde2a, #w-node-_733d71f6-8527-d126-2724-53e4ac11d334-57acde2a {
    grid-column-start: 1;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b035-57acde2a {
    grid-column-end: 4;
  }

  #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b055-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b065-57acde2a, #w-node-cd71ed86-3e5f-ab5b-64fb-fb2afaaf7185-57acde2a, #w-node-f8b0dfb4-f373-e96c-515f-e4e98fa4b075-57acde2a {
    grid-column-start: 1;
  }

  #w-node-_5618790d-1219-bc7c-dfa2-e9bc40911cb6-feacde38 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-aefd753f-45b9-b119-b0ed-8ad22ef3fa37-feacde38 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-b68cc589-6eb1-a06a-e42f-df371f8ee538-feacde38 {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_0cdf9062-2718-cb15-a40c-3bf13b5ebab1-feacde38 {
    grid-row: 3 / 4;
    grid-column-start: 1;
    justify-self: center;
  }

  #w-node-_99559a21-5919-75bf-39db-fe1c9ab1dacb-feacde38 {
    grid-column-start: 1;
  }

  #w-node-_4bc8ac68-701b-1cf1-cc16-b2c224dce031-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: start center;
  }

  #w-node-_78c15ca2-daae-d82f-1da0-b4e3b1241d21-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-c62b1337-6b3d-105d-4952-15d6271c9505-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_7f5ec083-4dd1-c9a8-cac4-e5683655ffc4-feacde38 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c9bbc105-a677-c1d3-4178-0e077a0509fd-feacde38 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_784d563f-f324-c62b-1f98-a492fc7056cb-feacde38 {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  #w-node-f0788dab-ee94-bb3d-9b4e-54e943331f65-feacde38 {
    grid-row: 5 / 6;
    grid-column-start: 1;
  }

  #iPad-Sticky.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397b-feacde38 {
    align-self: stretch;
  }

  #w-node-_1f9e16a0-3710-95ff-2275-feb0e7b2743e-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: start center;
  }

  #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397c-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da397e-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #iPad-Hero-Card.w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3980-feacde38 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2175d5fd-40a2-9a1c-ddbf-97ac49da3985-feacde38 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_29fe98bd-f082-9149-ca12-c9b04f8ce756-feacde38 {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  #w-node-ceef7883-08ef-6954-3461-05c7cbe06128-feacde38 {
    grid-row: 5 / 6;
    grid-column-start: 1;
  }

  #w-node-_906272b4-2bfe-0330-f16c-da419a6171ce-feacde38 {
    grid-row: 6 / 7;
    grid-column-start: 1;
  }

  #w-node-_155ec54d-8f98-2f1f-01e9-827684277366-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: start center;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca448-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44a-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca44c-feacde38 {
    align-self: end;
  }

  #w-node-_161c6ffa-d291-c04b-b203-83b44e1ca456-feacde38, #w-node-f1fa7258-3b0d-1ec6-9164-507177d9972b-feacde38 {
    grid-column: span 3 / span 3;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21b-feacde38 {
    grid-area: 1 / 1 / 2 / 4;
    align-self: stretch;
  }

  #w-node-_6a08f52e-caf3-cc0f-9165-665301fee505-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21c-feacde38, #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e21e-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e220-feacde38 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_1217b376-f2ba-e750-ca8e-2ae02a27e222-feacde38 {
    grid-row: 3 / 4;
  }

  #w-node-_5b51db5d-b47d-d8ea-d9ae-75b237d8ef61-feacde38 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-b5302811-1294-c4cc-927f-d87b9756855d-feacde38, #w-node-b5302811-1294-c4cc-927f-d87b9756855f-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_3ccf0def-e103-4c10-d4d1-efb075ff0142-feacde38 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7e8c6ee6-7313-50aa-cafb-990f0b270ab7-03acde31 {
    grid-area: 2 / 1 / 3 / 4;
    justify-self: auto;
  }

  #w-node-_53bceae3-c1bd-33ac-17b2-01c7223ee46c-03acde31 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-d79b69d5-00df-043f-ebcd-172ca9397ebb-03acde31 {
    grid-area: 2 / 1 / 3 / 4;
    justify-self: auto;
  }

  #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d8-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3d9-03acde31, #w-node-_7c4a7ad1-0bb2-65e6-dcc6-b712a4f3d3da-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b2-03acde31, #w-node-_2897c7ca-7912-ae6b-5ec8-c48aaac333b3-03acde31, #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c25-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-cda225b1-f0e3-b666-6c01-5a59470f8c27-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4f6efa00-3a10-d25b-4908-56310603e8d5-03acde31, #w-node-_4f6efa00-3a10-d25b-4908-56310603e8d6-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7b-03acde31, #w-node-_0ed65b75-e3ab-261e-c595-793a3657ee7d-03acde31, #w-node-_8b1bf5cd-9032-4efb-1fe1-98bcc10b0d70-03acde31, #w-node-_5d9e2abc-8cd6-08f7-a108-57603518a7d2-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a5-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a7-03acde31 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a6-03acde31, #w-node-c9e8a840-34ef-5346-53f4-6790f2cf09a8-03acde31 {
    grid-column: span 2 / span 2;
  }

  #w-node-_204539ae-e9a8-7e09-dd0e-2b3b94b0cc79-03acde31 {
    grid-area: 2 / 1 / 3 / 4;
    justify-self: auto;
  }
}


@font-face {
  font-family: 'Tdameritradesansscreen v1 12';
  src: url('../fonts/TDAmeritradeSansScreen-Bold_v1-12.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tdameritradesans v1 01';
  src: url('../fonts/TDAmeritradeSans-BoldItalic_v1-01.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tdameritradesans v1 12';
  src: url('../fonts/TDAmeritradeSans-Bold_v1-12.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tdameritradesansscreen v1 01';
  src: url('../fonts/TDAmeritradeSansScreen-BoldItalic_v1-01.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}