@font-face {
  font-family: Gotham Bold;
  src: url('../fonts/GothamSSm-Bold_Web.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham Book;
  src: url('../fonts/GothamSSm-Book_Web.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham Light;
  src: url('../fonts/GothamSSm-Light_Web.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham Medium;
  src: url('../fonts/GothamSSm-Medium_Web.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham Extra Light;
  src: url('../fonts/GothamSSm-XLight_Web.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fa Light;
  src: url('../fonts/fa-light-300.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --vitu-blue-two: #4fc8ec;
  --vitu-gray-one: #4b4c4f;
  --vitu-white: white;
  --vitu-blue: #013d4f;
  --vitu-gray-two: #c5cbc9;
  --vitu-teal-light: #f0fafa;
  --vitu-gray-middle: #888b8a;
  --vitu-orange: #f05e22;
  --vitu-blue-one-light: #346472;
  --vitu-gray-three: #dee4e2;
  --vitu-teal: #26bbb3;
  --black: black;
}

.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;
}

body {
  color: #333;
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
}

h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--vitu-blue-two);
  font-family: Gotham Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: decimal;
}

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

.header1 {
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham Extra Light, sans-serif;
  font-size: 70px;
  font-weight: 200;
  line-height: 80px;
}

.header2 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham Extra Light, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
}

.header3 {
  font-family: Gotham Extra Light, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 50px;
}

.header4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham Light, sans-serif;
  font-size: 27px;
  font-weight: 300;
  line-height: 33px;
}

.header5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham Light, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

.header5.whysection {
  min-height: 25px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.header5.contactlineup {
  line-height: 50px;
}

.header5.jumbo {
  text-transform: uppercase;
  font-family: Gotham Bold, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 60px;
}

.bodym {
  letter-spacing: .01em;
  font-size: 16px;
  line-height: 26px;
}

.bodym.contactaddress {
  color: var(--vitu-gray-one);
  margin-top: 10px;
  line-height: 200%;
}

.bodym.vitugray, .bodys.vitugrayonetext {
  color: var(--vitu-gray-one);
}

.bodys.termslist {
  text-indent: -30px;
  padding-left: 30px;
}

.bodys.footnote {
  text-indent: -12px;
}

.vitulogo {
  width: 64px;
  max-width: 64px;
  margin-top: -8px;
  display: block;
}

.fachar {
  font-family: Fa Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.navigation-arrow {
  color: #5e53a2;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.navigation-card-wrapper {
  position: absolute;
  inset: auto 24px 24px;
}

.navigation {
  background-color: #0000;
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.navigation-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-wrapper {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.navigation-toggle {
  color: var(--vitu-white);
  letter-spacing: .05px;
  text-transform: uppercase;
  align-items: center;
  height: 100%;
  padding: 4px 8px;
  font-family: Gotham Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-toggle:hover, .navigation-toggle.w--open {
  color: var(--vitu-blue-two);
}

.navigation-full-wrapper {
  z-index: 200;
  border-bottom: 1px solid #fff3;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation-link {
  color: var(--vitu-white);
  letter-spacing: .05px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0000;
  padding: 4px 8px;
  font-family: Gotham Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-link:hover, .navigation-link.w--current {
  color: var(--vitu-blue-two);
}

.navigation-link-title {
  color: var(--vitu-blue);
  letter-spacing: -.01em;
  font-family: Gotham Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  transition: color .35s;
}

.navigation-icon {
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  padding-left: 2px;
  padding-right: 2px;
  transition: background-color .35s;
  display: block;
}

.navigation-card-title {
  color: #fff;
  letter-spacing: -.01em;
  text-shadow: 1px 1px 4px #00000040;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.navigation-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  align-items: center;
  line-height: 15px;
  display: flex;
}

.banner-regular {
  grid-column-gap: 16px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 5%;
}

.navigation-column {
  grid-row-gap: 9px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.navigation-large-grid {
  grid-column-gap: 44px;
  grid-template: "."
  / 1fr 1fr 1fr;
  margin-bottom: 16px;
}

.navigation-large-grid.twocolumn {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.navigation-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-left: -25px;
  display: flex;
  position: static;
}

.logo-link-large {
  margin-right: 24px;
}

.navigation-card-block {
  border-radius: 16px;
  height: 240px;
  position: relative;
  overflow: hidden;
}

.banner-link {
  color: var(--vitu-blue-two);
  transition: all .2s;
}

.banner-link:hover {
  text-decoration: underline;
}

.navigation-icon-circle {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.navigation-dropdown-small {
  height: 100%;
  position: static;
}

.navigation-title-block {
  color: var(--vitu-blue);
  letter-spacing: .05px;
  text-transform: uppercase;
  border-bottom: 2px solid #0000;
  margin-left: 24px;
  padding-top: 14px;
  padding-bottom: 7px;
  font-family: Gotham Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  transition: border-color .35s;
}

.navigation-title-block:hover {
  border-bottom: 2px solid var(--vitu-blue-two);
}

.banner-detail {
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.navigation-container {
  justify-content: space-between;
  align-items: center;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-base {
  padding: 16px;
}

.navigation-link-icon {
  grid-column-gap: 44px;
  color: #000;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 256px;
  padding: 14px 16px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.navigation-link-icon.w--current {
  background-color: var(--vitu-teal-light);
}

.navigation-card-detail {
  color: #dce0e5;
  letter-spacing: -.01em;
  text-shadow: 1px 1px 4px #00000040;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.navigation-icon-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.navigation-link-detail {
  color: var(--vitu-gray-middle);
  letter-spacing: .005em;
  text-transform: uppercase;
  font-family: Gotham Bold, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
}

.navigation-button-secondary {
  background-color: var(--vitu-blue-two);
  color: var(--vitu-blue);
  text-align: center;
  border-radius: 6px;
  padding: 12px 24px;
  font-family: Gotham Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  transition: color .3s, border-color .3s, background-color .3s;
}

.navigation-button-secondary:hover {
  background-color: var(--vitu-orange);
  color: #fff;
}

.navigation-button-secondary.hidden {
  display: none;
}

.navigation-button-secondary.evrmapbutton {
  margin-top: 30px;
  display: inline-block;
}

.navigation-button-secondary.demo {
  border: 1px solid var(--vitu-white);
  color: var(--vitu-white);
  background-color: #0000;
  padding: 11px 23px;
}

.navigation-button-secondary.demo:hover {
  background-color: var(--vitu-blue-one-light);
}

.navigation-small-grid {
  grid-template-rows: auto;
}

.navigation-list-dropdown {
  z-index: 99;
  background-color: var(--vitu-white);
  min-width: 100%;
  display: none;
  box-shadow: 0 -4px 44px #00000040;
}

.navigation-list-dropdown.w--open {
  background-color: var(--vitu-white);
  border-radius: 10px;
  min-width: auto;
  margin-left: -220px;
  position: absolute;
  top: 100px;
  box-shadow: 0 0 44px 4px #00000040;
}

.menutriangle {
  z-index: 100;
  clear: both;
  border-right: 10px solid #0000;
  border-bottom: 10px solid var(--vitu-white);
  border-left: 10px solid #0000;
  width: 20px;
  height: 10px;
  margin-left: 250px;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 90px;
}

.navsearcharea {
  background-color: var(--vitu-teal-light);
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  max-height: 60px;
  display: flex;
}

.navsearcharea.hidden {
  display: none;
}

.homehero_1020 {
  z-index: -10;
  background-image: linear-gradient(#00000080, #00000080), url('../images/home_hero.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 1020px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.bodyl {
  font-family: Gotham Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.bodyl.strong {
  font-family: Gotham Bold, sans-serif;
  font-weight: 700;
}

.herosection {
  color: var(--vitu-white);
  height: 920px;
}

.whitebgsection {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  overflow: hidden;
}

.mainheaderdiv {
  width: 70%;
}

.mainparadiv {
  width: 75%;
  margin-top: 35px;
}

.mainherodiv {
  flex-direction: column;
  margin-top: 200px;
  display: inline-block;
}

.treatmentimage {
  z-index: -10;
  opacity: .25;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 0% 8% auto;
}

.vitubluebgsection {
  background-color: var(--vitu-blue);
  color: var(--vitu-teal-light);
  display: block;
  overflow: hidden;
}

.footercontainer {
  border-top: 1px solid #fff3;
  padding-top: 70px;
  padding-bottom: 30px;
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.footerpara {
  width: 90%;
  font-size: 9px;
  line-height: 16px;
}

.vitulogofooter {
  width: 80px;
  margin-bottom: 17px;
  display: block;
}

.soclogofooter {
  width: 60px;
  margin-top: 17px;
  margin-bottom: 17px;
  display: block;
}

.navigationbold {
  color: var(--vitu-blue-two);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 30px;
  font-family: Gotham Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  display: block;
}

.footerlink {
  color: var(--vitu-white);
  margin-bottom: 9px;
  font-family: Gotham Light, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  transition: color .35s;
  display: block;
}

.footerlink:hover {
  color: var(--vitu-blue-two);
}

.centeredcontainer {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0;
}

.centeredcontainer.nopadding {
  padding-top: 0;
  padding-bottom: 50px;
}

.centeredcontainer.notoppadding {
  padding-top: 0;
}

.centeredcontainer.nobottompadding {
  padding-bottom: 0;
}

.endoffooter {
  border-top: 1px solid #fff3;
  margin-top: 70px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.socialmediaicon {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  text-align: center;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  transition: background-color .25s;
}

.socialmediaicon:hover {
  background-color: var(--vitu-blue-two);
}

.bottomfooterlink {
  color: var(--vitu-white);
  font-family: Gotham Light, sans-serif;
  font-size: 12px;
  font-weight: 300;
  transition: color .35s;
  display: inline-block;
}

.bottomfooterlink:hover {
  color: var(--vitu-blue-two);
}

.bottomfooterendlinks {
  float: right;
  clear: both;
  height: 25px;
  display: inline-block;
  position: relative;
}

.bottomfooterbullet {
  color: var(--vitu-white);
  margin-left: 10px;
  margin-right: 10px;
  font-family: Gotham Light, sans-serif;
  font-size: 12px;
  font-weight: 300;
  transition: color .35s;
  display: inline-block;
}

.twothirdsdiv {
  width: 66%;
  display: inline-block;
}

.twothirdsdiv.centered {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

._30pxspacer {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}

.bigscreenshotdiv {
  width: 100%;
}

.bigscreenshotdiv.smaller {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.roundedscreenshot {
  border-radius: 10px;
  box-shadow: 0 16px 20px -3px #0003;
}

.roundedscreenshot.nationalapi, .roundedscreenshot.dldvimage {
  border-radius: 0;
  width: 400px;
}

.roundedscreenshot.dldvimage {
  border-radius: 0;
  width: 400px;
  margin-bottom: 20px;
}

.roundedscreenshot.smaller_80 {
  width: 80%;
}

.roundedscreenshot.whiteeltfill {
  background-color: var(--vitu-white);
  padding: 40px 10px;
}

.navigation-icon-wrapper-copy {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.hiddentext {
  color: var(--vitu-white);
  display: none;
}

.drilldown {
  float: left;
  flex-direction: column;
  width: 35%;
  margin-top: 15px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.drilldowntabselect {
  color: var(--vitu-blue-two);
  background-color: #0000;
  padding-left: 0;
  transition: all .2s;
}

.drilldowntabselect:hover {
  color: var(--vitu-blue);
}

.drilldowntabselect.w--current {
  color: var(--vitu-blue);
  background-color: #0000;
  margin-left: -45px;
  transition: margin .35s, color .35s;
}

.drilldownarrow {
  float: left;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  font-family: Fa Light, sans-serif;
  font-size: 27px;
  font-weight: 300;
  line-height: 33px;
  transition: color .2s;
  position: relative;
}

.accordian-item {
  padding-left: 12px;
  padding-right: 12px;
  transition: all .3s;
  display: block;
}

._w-accordion-item-a {
  padding: 0 20px 30px;
}

.c-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  padding: 20px 20px 10px;
  display: flex;
}

._w-accordion-content-divider {
  padding-left: 20px;
  padding-right: 20px;
}

.c-accordion-list {
  margin-bottom: 100px;
}

.accordion-item-q-icon-stripe-2 {
  background-color: var(--vitu-gray-two);
  width: .15em;
  max-width: .15em;
  height: 100%;
  max-height: 100%;
  position: absolute;
}

.c-accordion-item-q-text {
  flex: 1;
  align-items: center;
  padding: 20px 20px 10px;
  display: flex;
}

.accordion-content-divider {
  border-bottom: 1px solid var(--vitu-gray-three);
  width: 100%;
  height: 0;
}

.c-accordion-item-a {
  overflow: hidden;
}

._w-accordion-item {
  cursor: pointer;
  transition: all .25s;
}

._w-accordion-item-q-icon {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
  position: relative;
}

.accordion-item-q-icon-stripe-1 {
  background-color: var(--vitu-gray-two);
  width: 100%;
  max-width: 100%;
  height: .15em;
  max-height: .15em;
  position: relative;
}

.c-accordion-item {
  margin-bottom: 10px;
}

._w-accordion-item-q {
  padding-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.learnmorelink {
  color: var(--vitu-blue-two);
  border-bottom: 2px solid #0000;
  padding-bottom: 4px;
  font-family: Gotham Book, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  transition: border-color .2s;
}

.learnmorelink:hover {
  border-bottom-color: var(--vitu-blue-two);
}

.learnmorelink.disabled {
  color: var(--vitu-gray-two);
}

.sidebysidetext {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  position: static;
}

.sidebysidetext.narrow {
  padding-right: 5%;
}

.sidebysidetext.narrowleft {
  text-align: left;
  padding-right: 5%;
}

.sidebysideimage {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}

.sidebysideimage.vertcenter {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
}

.sidebysidediv {
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
}

.sidebysidediv.aligntop {
  align-items: flex-start;
}

.roundedscreenshotoff {
  float: right;
  border-radius: 10px;
  max-width: 150%;
  margin-right: -30%;
  position: relative;
  left: 153px;
  overflow: visible;
  box-shadow: 0 16px 20px -3px #0003;
}

.vitubluebgsectionclip {
  background-color: var(--vitu-blue);
  color: var(--vitu-white);
  overflow: hidden;
}

._50pxspacer {
  height: 50px;
  min-height: 50px;
  max-height: 50px;
}

._18pxspacer {
  height: 18px;
  min-height: 18px;
  max-height: 18px;
}

.icongriddiv {
  text-align: left;
  width: 80%;
  margin: 140px auto;
}

._70x70icon {
  width: 70px;
  height: auto;
}

.icongridelementdiv {
  width: 90%;
  margin-top: 64px;
  margin-bottom: 64px;
}

.icongridelementdiv.notopmargin {
  margin-top: 0;
}

.teallightbgsection {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  overflow: hidden;
}

.teallightbgsection.sliderhidden {
  overflow: hidden;
}

.partnerlogogrid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.partnerlogo {
  filter: grayscale();
  margin-left: auto;
  margin-right: auto;
  transition: all .35s;
}

.partnerlogo:hover {
  filter: none;
}

.partnerlogo.bitmap {
  object-fit: contain;
}

.partnerlogodiv {
  background-color: var(--vitu-white);
  text-align: center;
  min-height: 175px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.trustedbydiv {
  margin-top: 120px;
  margin-bottom: 160px;
}

.slide-nav-hidden {
  display: none;
  bottom: -50px;
}

.newsrightarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  transition: all .3s;
  display: flex;
  top: auto;
  bottom: 368px;
  left: auto;
}

.newsrightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.newsleftarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  transition: all .3s;
  display: flex;
  inset: auto 50px 368px auto;
}

.newsleftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.newssliderdiv {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.newstile {
  border: 1px solid var(--vitu-gray-two);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  width: 416px;
  height: 294px;
  padding: 40px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.newstile:hover {
  background-color: var(--vitu-blue);
  color: var(--vitu-white);
}

.newstile.newsgridleft {
  margin-left: auto;
  margin-right: 0;
}

.newstile.newsgridright {
  margin-left: 0;
  margin-right: auto;
}

.navigation-large-grid-single {
  grid-column-gap: 44px;
  grid-template: "."
  / 1fr;
  margin-bottom: 16px;
}

.stateiconlabeldiv {
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.stateicon {
  width: 50px;
}

.stateiconlabel {
  color: var(--vitu-blue-two);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-left: 15px;
  font-family: Gotham Medium, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  display: block;
}

.stateiconhover {
  width: 50px;
  display: none;
}

.newstilecontent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

._60pxspacer {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.behindimagelottie {
  clear: both;
  opacity: .25;
  width: 800px;
  min-width: 800px;
  max-width: 800px;
}

.div-block {
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.infrontimage {
  z-index: 5;
  width: 133%;
  max-width: 133%;
  position: relative;
}

.search-box {
  display: none;
}

._25pxspacer {
  height: 25px;
  min-height: 25px;
  max-height: 25px;
}

.statehero_800 {
  z-index: -10;
  height: 800px;
  max-height: 800px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.statehero_800.ilhero {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/il_hero.jpg');
  background-position: 0 0, 0%;
}

.statehero_800.proddtr {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodDigTitleReg_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodinter {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodInterstate_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.proddigsig {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodDigSig_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodrmp {
  background-image: linear-gradient(#0009, #0009), url('../images/prodRMP_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodfleet {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodFleet_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodgov {
  background-image: linear-gradient(#0009, #0009), url('../images/prodGov_hero.jpg');
  background-position: 0 0, 0 20%;
  background-size: auto, cover;
}

.statehero_800.prodlending {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodLending_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.proddriver {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodDriver_hero.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.prodvehhistory {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodVehHistory_hero.jpg');
  background-position: 0 0, 0 70%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.proddlrecords {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodDLRecord_hero.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.prodforent {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/forEnterprise_hero.jpg');
  background-position: 0 0, 100% 10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.fordrivers {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDrivers_hero.jpg');
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.fordealers {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDealers_hero.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.statehero_800.vitupaygov {
  background-image: linear-gradient(#0009, #0009), url('../images/prodVituPayGov_hero.jpg');
  background-position: 0 0, 0 20%;
  background-size: auto, cover;
}

.statehero_800.prodntx {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTX_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodfraud {
  background-image: linear-gradient(#00000080, #00000080), url('../images/FraudProtection_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodatdealer {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodATDealer_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodtotaltitle {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/prodTotalTitle.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodatlender {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodATLender.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.prodelt {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodELT.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.statehero_800.apiabout {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apinational {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_National_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apiat {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_AT_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apintx {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_NTX_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apivintrack {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_VinTrack_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apidigsig {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_DigSig_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apinmvtis {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_NMVTIS_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.apidev {
  background-image: linear-gradient(#0006, #0006), url('../images/prodAPI_APIDev_hero.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.statehero_800.prodntxrepo {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTXRepo_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.stateherosection {
  color: var(--vitu-white);
  height: 800px;
}

.stateherosection.ntxvideo {
  height: 400px;
}

.partnerdiv {
  margin-top: 120px;
  margin-bottom: 120px;
}

.assoclogo {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.drilldowntabs {
  margin-bottom: 80px;
}

.producttabs {
  border-bottom: 1px solid var(--vitu-gray-three);
  justify-content: space-between;
  width: 960px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabnavigation {
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  font-family: Gotham Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  display: inline-block;
}

.producttablink {
  color: var(--vitu-blue);
  background-color: #0000;
  border-bottom: 4px solid #0000;
  align-items: center;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  transition: color .2s;
  display: flex;
}

.producttablink:hover {
  color: var(--vitu-blue-two);
}

.producttablink.w--current {
  border-bottom-color: var(--vitu-blue-two);
  color: var(--vitu-blue-two);
  background-color: #0000;
}

.producttablinkicon {
  align-items: center;
  width: 32px;
  max-width: 32px;
  margin-right: 12px;
  display: inline-block;
}

.treatmentimagestates {
  z-index: -10;
  opacity: .25;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 775px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.productdiv {
  text-align: center;
  max-width: 960px;
  margin: 80px auto;
}

.productslidergroup {
  background-color: #0000;
  margin-bottom: 120px;
}

.productslidergroup.prod_is_contained {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}

.producttile {
  border: 1px solid var(--vitu-gray-two);
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  width: 416px;
  height: 344px;
  padding: 40px 40px 20px;
  transition: all .2s;
  display: flex;
}

.producttilecontent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.mainproducttabgroup {
  padding-top: 120px;
  padding-bottom: 120px;
}

.divedeepermask {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.divedeepermaindiv {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  width: 304px;
  max-width: 304px;
  height: 438px;
  max-height: 438px;
  display: flex;
}

.divedeeperimagediv {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 204px;
}

.divedeeperimagediv.il_sk {
  background-image: url('../images/il_divedeeper.jpg');
  background-position: 50%;
  background-size: 305px;
}

.divedeeperimagediv.il_dyk {
  background-image: url('../images/IL_NewRetail_DidYouKnow.jpg');
  background-position: 0 0;
  background-size: auto;
}

.divedeepertext {
  flex: 1;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}

.divedeeperlabeldiv {
  float: left;
  border-right: 1px solid var(--vitu-gray-two);
  text-transform: uppercase;
  border-bottom: 1px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 224px;
  height: 54px;
  padding-left: 30px;
  font-family: Gotham Bold, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

.divedeepericondiv {
  text-align: center;
  border-bottom: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 54px;
  font-family: Fa Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  display: flex;
}

.divedeeperlinkswrapperdiv {
  border-top: 1px solid var(--vitu-gray-two);
  color: var(--vitu-blue);
  flex-direction: row;
  justify-content: center;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  transition: color .35s;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.divedeeperlinkswrapperdiv:hover {
  color: var(--vitu-blue-two);
}

.divedeeperleftarrow {
  background-color: var(--vitu-blue-one-light);
  color: var(--vitu-white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  transition: all .3s;
  display: flex;
  inset: auto 50px 512px auto;
}

.divedeeperleftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: var(--vitu-blue);
}

.divedeeperrightarrow {
  background-color: var(--vitu-blue-one-light);
  color: var(--vitu-white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  transition: all .3s;
  display: flex;
  top: auto;
  bottom: 512px;
  left: auto;
}

.divedeeperrightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: var(--vitu-blue);
}

._40percentheadermargin {
  width: 40%;
}

.peoplemaindiv {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  width: 304px;
  max-width: 304px;
  height: 438px;
  max-height: 438px;
  display: flex;
}

.peopleportrait {
  border-radius: 6px;
}

.peopleportraitdiv {
  min-height: 304px;
  overflow: hidden;
}

.peopleportraittextdiv {
  flex: 1;
  margin-top: 30px;
  margin-left: 6px;
  margin-right: 6px;
}

.staffslidermask {
  width: 332px;
  overflow: visible;
}

.peopleleftarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  inset: auto 50px 512px auto;
}

.peopleleftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.peoplerightarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  top: auto;
  bottom: 512px;
  left: auto;
}

.peoplerightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.emptyslide {
  background-color: var(--vitu-orange);
  width: 1px;
  height: 10px;
}

._70pxspacer {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
}

.teampictureimage {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.teampicturegrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.vitubluetwotext {
  color: var(--vitu-blue-two);
}

.sidebysidedivtopalign {
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
}

.whitetealmixedsection {
  background-image: linear-gradient(to bottom, var(--vitu-white), var(--vitu-white) 48%, var(--vitu-teal-light) 48%, var(--vitu-teal-light));
  overflow: hidden;
}

._100pxspacer {
  height: 100px;
  min-height: 100px;
  max-height: 100px;
}

.sidebysidedivnarrow {
  align-items: center;
  width: 80%;
  max-width: 100%;
  margin: 120px auto;
  display: flex;
}

.sidebysidedivnarrow.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

.sidebysidedivnarrowstacked {
  align-items: center;
  width: 80%;
  max-width: 100%;
  margin: 120px auto;
  display: block;
}

.sidebysidedivnarrowstacked.notopmargin {
  margin-top: 0;
}

.righthugpara {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  margin-left: 50%;
}

._75pxspacer {
  height: 75px;
  min-height: 75px;
  max-height: 75px;
}

.horzrule {
  clear: both;
  border-bottom: 1px solid #fff3;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 100%;
  margin: 40px 0;
  display: block;
}

.horzrule.lightblueone {
  border-bottom-color: #013d4f33;
}

.horzrule.vitubluetwothick {
  border-bottom-width: 3px;
  border-bottom-color: var(--vitu-blue-two);
}

.headerlabel {
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
}

.h1endingperiod {
  color: var(--vitu-blue-two);
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
}

.interstatefeaturecardsgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.interstatefeaturecardmaindiv {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  width: 304px;
  max-width: 304px;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.interstatefeaturecardupperdiv {
  background-color: var(--vitu-teal-light);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 196px;
  min-height: 196px;
  display: flex;
}

.interstatefeaturecardupperdiv.one {
  border-bottom: 3px solid var(--vitu-teal);
}

.interstatefeaturecardupperdiv.two {
  border-bottom: 3px solid var(--vitu-blue-two);
}

.interstatefeaturecardupperdiv.three {
  border-bottom: 3px solid var(--vitu-blue);
}

.interstatefeatureuppertext {
  text-align: center;
  flex: 1;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
}

.interstatefeaturecardheading {
  letter-spacing: -1px;
  font-family: Gotham Light, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 40px;
}

.bodymalt {
  letter-spacing: .01em;
  font-size: 15px;
  line-height: 22.5px;
}

.interstatefeaturecardlistitem {
  background-image: url('../images/Icon_Check.svg');
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 30px;
  margin-left: -10px;
  padding-left: 26px;
  font-family: Gotham Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 27.2px;
  list-style-type: none;
}

.interstatefeaturecardlist {
  padding-left: 10px;
}

.centeredgridcontainer {
  justify-content: center;
  display: flex;
}

.centereddiv {
  text-align: center;
  width: 66%;
  display: inline-block;
}

.whitebluemixedsection {
  background-image: linear-gradient(to bottom, var(--vitu-white), var(--vitu-white) 48%, var(--vitu-blue) 48%, var(--vitu-blue));
}

.background-video {
  z-index: 50;
  border-radius: 6px;
}

.companyherosection {
  color: var(--vitu-white);
  text-align: center;
  height: 375px;
  position: static;
}

.companyhero_350 {
  background-color: var(--vitu-blue);
  justify-content: center;
  height: 375px;
  max-height: 375px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.companytabs {
  border-bottom: 1px solid var(--vitu-gray-three);
  justify-content: space-between;
  width: 960px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.companytablink {
  color: var(--vitu-white);
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 4px solid #0000;
  align-items: center;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  transition: color .2s;
  display: flex;
}

.companytablink:hover {
  color: var(--vitu-blue-two);
}

.companytablink.w--current {
  border-bottom-color: var(--vitu-blue-two);
  color: var(--vitu-blue-two);
  background-color: #0000;
}

.companytablink.active {
  border-bottom-color: var(--vitu-blue-two);
}

.companysidebysidediv {
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-bottom: 120px;
  display: flex;
}

.onethirdsdiv {
  width: 33%;
  margin-right: 40px;
  display: inline-block;
}

._20pxspacer {
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.calloutdiv {
  background-color: var(--vitu-blue);
  color: var(--vitu-white);
  border-radius: 6px;
  width: 100%;
  padding: 65px;
}

.calloutdiv.contactpadding {
  padding: 55px 75px;
}

.leftcolumn {
  padding-left: 0;
  padding-right: 20px;
  line-height: 50px;
}

.rightcolumn {
  padding-left: 20px;
  padding-right: 0;
}

.sidebysidedivnarrowstacked-copy {
  align-items: center;
  width: 80%;
  max-width: 100%;
  margin: 120px auto;
  display: block;
}

.newsgrid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.contacticon {
  width: 28px;
  height: 28px;
  margin-right: 20px;
}

.contactdiv {
  color: var(--vitu-gray-one);
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-left: -6px;
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
  transition: color .2s;
  display: flex;
}

.contactdiv:hover {
  color: var(--vitu-blue-two);
}

.wallpapermaindiv {
  border: 1px solid var(--vitu-gray-two);
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  width: 345px;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.wallpaperlinkswrapperdiv {
  color: var(--vitu-blue);
  flex-direction: row;
  justify-content: flex-start;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  padding-left: 30px;
  transition: color .2s;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.wallpaperlinkswrapperdiv:hover {
  color: var(--vitu-blue-two);
}

.wallpaperlinklabel {
  float: left;
  justify-content: flex-start;
  align-items: center;
  width: 224px;
  height: 54px;
  font-family: Gotham Bold, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
}

._20x20icon {
  width: 20px;
  height: auto;
}

.wallpapericondiv {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 54px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
}

.wallpapergrid {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  width: 100%;
  display: grid;
}

.mainbasicherodiv {
  flex-direction: column;
  justify-content: center;
  height: 375px;
  max-height: 375px;
  padding-top: 96px;
  display: flex;
}

._100x100icon {
  width: 100px;
  height: auto;
}

.careerrtfblock h2 {
  font-family: Gotham Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

.anchordiv {
  height: 96px;
  margin-top: -96px;
  display: block;
}

.vitulighttealbgsectionclip {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  overflow: hidden;
}

._10pxspacer {
  height: 10px;
  min-height: 10px;
  max-height: 10px;
}

.herotwothirdsdiv {
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bluewhitemixedsection {
  background-image: linear-gradient(to bottom, var(--vitu-blue), var(--vitu-blue) 63%, var(--vitu-white) 63%, var(--vitu-white));
}

.sidebysidedivnarrow_90 {
  align-items: center;
  width: 90%;
  max-width: 100%;
  margin: 120px auto;
  display: flex;
}

.whyvitutabimage {
  border-radius: 10px;
  width: 100%;
  height: auto;
  box-shadow: 0 16px 20px -3px #0003;
}

.apihero_800 {
  z-index: -10;
  background-image: linear-gradient(to bottom, var(--vitu-blue) 90%, white 90%);
  height: 800px;
  max-height: 800px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.apiherosection {
  color: var(--vitu-white);
  text-align: center;
  height: 900px;
  display: block;
  position: static;
}

.apiherosection.natapi {
  margin-bottom: 250px;
}

.apitablink {
  color: var(--vitu-blue);
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 4px solid #0000;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  transition: color .2s;
  display: flex;
}

.apitablink:hover {
  color: var(--vitu-blue-two);
}

.apitablink.w--current {
  border-bottom-color: var(--vitu-blue-two);
  color: var(--vitu-blue-two);
  background-color: #0000;
}

.apitablink.active {
  border-bottom-color: var(--vitu-blue-two);
}

.bigdiagramdiv {
  margin-left: 7%;
  margin-right: 7%;
}

.form {
  width: 250px;
  display: block;
}

.input-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.stateinputfield {
  border: 1px solid var(--vitu-blue-one-light);
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  width: 100%;
  height: 40px;
  max-height: 40px;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
}

.stateinputfield::placeholder {
  color: #ffffff94;
}

.search-terms-wrapper {
  color: var(--vitu-blue);
  background-color: #fff;
  border-radius: 0 0 9px 9px;
  max-height: 250px;
  font-size: 12px;
  line-height: 18px;
  display: block;
  position: absolute;
  inset: 100% 0% auto;
  overflow: scroll;
}

.searchtermslist {
  margin-bottom: 0;
}

.list-term {
  color: var(--vitu-blue);
  border-top: 1px solid #0000001a;
  width: 100%;
  padding: 15px;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
}

.list-term:hover {
  background-color: #f1f1f1;
}

.list-term.hide {
  display: none;
}

.list-term.hide:hover {
  background-color: var(--vitu-teal-light);
}

.statepicker {
  align-items: center;
  margin-bottom: 0;
  display: block;
}

.searchnavlabel {
  margin-left: 25px;
  margin-right: 25px;
}

.drivericonsgrid {
  grid-template-columns: 1fr 1fr 1fr;
}

.centereddrivericons {
  background-color: var(--vitu-white);
  text-align: center;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  display: flex;
}

.apiiconoverlay {
  z-index: 20;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hoveringapiicon {
  border-radius: 12px;
  width: 125px;
  max-width: 125%;
  height: 125px;
  box-shadow: 0 16px 20px -3px #0003;
}

.hoveringapiicon.apidigtitle {
  position: relative;
  top: 580px;
  left: -12%;
}

.hoveringapiicon.apidocuai {
  position: relative;
  top: 415px;
  left: -24%;
}

.hoveringapiicon.apiv2pay {
  position: relative;
  top: 507px;
  right: -26%;
}

.hoveringapiicon.apiv2sign {
  position: relative;
  top: 317px;
  right: -24%;
}

.hoveringapiicon.apinational {
  position: relative;
  top: 538px;
  right: -19%;
}

.hoveringapiicon.natfeaturedicon {
  width: 150px;
  max-width: 150%;
  height: 150px;
  position: relative;
  top: 403px;
  left: 29%;
}

.hoveringapiicon.payfeaturedicon {
  width: 150px;
  max-width: 150%;
  height: 150px;
  position: relative;
  top: 287px;
  left: 26%;
}

.hoveringapiicon.digtitlefeaturedicon, .hoveringapiicon.docuaifeaturedicon {
  width: 150px;
  max-width: 150%;
  height: 150px;
  position: relative;
  top: 364px;
  left: 15%;
}

.lefthugpara {
  float: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  margin-left: 0;
}

.righthugtwothirdsdiv {
  float: right;
  width: 66%;
  display: inline-block;
}

.vitusignstepmaindiv {
  background-color: var(--vitu-white);
  border-radius: 6px;
  width: 416px;
  max-width: 416px;
  height: 416px;
  max-height: 416px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.vitusignslidergroup {
  background-color: #0000;
}

.vitusignslidergroup.vs-is_contained {
  width: 100%;
  height: auto;
}

.vitusignapistepimage {
  height: 200px;
  position: relative;
}

.stepelementnumber {
  background-color: var(--vitu-blue);
  color: var(--vitu-white);
  text-align: center;
  border-radius: 54px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-family: Gotham Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: flex;
  position: relative;
  top: -62px;
  left: -61px;
}

.vitusignslidermask {
  width: 75%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 33px;
  overflow: visible;
}

.stepelementsdiv {
  margin-top: -56px;
}

.newscarousel {
  background-color: #0000;
}

.newscarouselmask, .productslidermask {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.divedeeperslidergroup {
  background-color: #0000;
}

.divedeeperslidergroup.dd_is_contained {
  width: 100%;
  height: auto;
}

.staffslidergroup {
  background-color: #0000;
}

.staffslidergroup.staff_is_contained {
  width: 100%;
  height: auto;
}

.vitusignleftarrow {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto auto -100px 45%;
}

.vitusignleftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.vitusignleftarrow.atarrowoverride {
  margin-bottom: -330px;
}

.vitusignleftarrow.atlenderarrowoverride {
  margin-bottom: -100px;
}

.vitusignrightarrow {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto 45% -100px auto;
}

.vitusignrightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.vitusignrightarrow.atarrowoverride {
  margin-bottom: -330px;
}

.vitusignrightarrow.atlenderarrowoverride {
  margin-bottom: -100px;
}

.vitusignslidenav {
  display: none;
}

._15pxhorizspacer {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
}

.bulletlistitem {
  background-image: url('../images/ListDash_VituBlueTwo.svg');
  background-position: 0 12px;
  background-repeat: no-repeat;
  background-size: 15px 3px;
  margin-bottom: 30px;
  margin-left: -10px;
  padding-left: 26px;
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  list-style-type: none;
}

.natapislidergroup {
  background-color: #0000;
}

.natapislidergroup.vs-is_contained {
  width: 100%;
  height: auto;
}

.natapislidermask {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 33px;
  overflow: visible;
}

.natapisliderdiv {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 140px;
  padding-right: 140px;
}

.natapisliderinnerdiv {
  height: 200px;
}

.formheight {
  height: 375px;
  min-height: 375px;
  max-height: 375px;
}

._80percentdiv {
  width: 80%;
  min-width: 80%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._80percentdiv.leftaligned {
  text-align: left;
}

.strong {
  font-family: Gotham Bold, sans-serif;
  font-weight: 700;
}

.getstartedlottiediv {
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: -319px;
  left: 112px;
}

.producttilebottomdiv {
  color: var(--vitu-blue);
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  font-family: Gotham Bold, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  transition: color .35s;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.overviewataglancegrid {
  grid-template-columns: 1fr 1fr 1fr;
}

.centeredlabel {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.searchbarflex {
  flex: 1;
}

.learnmoresearchbar {
  color: var(--vitu-blue);
  font-family: Gotham Book, sans-serif;
  font-size: 10px;
  font-weight: 400;
  transition: color .35s;
}

.learnmoresearchbar:hover {
  color: var(--vitu-blue-two);
}

._300x300screenshot {
  border-radius: 6px;
  width: 300px;
  height: auto;
  box-shadow: 0 16px 20px -3px #0003;
}

.apifeaturesdiv {
  margin-top: 80px;
  margin-bottom: 80px;
}

._50percentdiv {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.list.alphalist {
  list-style-type: lower-alpha;
}

.list.roman {
  list-style-type: lower-roman;
}

.list.bullet {
  list-style-type: disc;
}

.list.numbered {
  list-style-type: decimal;
}

.none {
  list-style-type: none;
  display: block;
}

.requestdemomodal {
  z-index: 110000;
  background-color: #00000080;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0%;
}

.thex {
  z-index: 11001;
  width: 32px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.requestdemoembed {
  z-index: 11001;
  justify-content: center;
  align-items: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hiddenslidenav, .requestdemodiv {
  display: none;
}

.productsleftarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto auto -100px 45%;
}

.productsleftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.productsrightarrow {
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto 45% -100px auto;
}

.productsrightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.careerdiv {
  text-align: left;
  width: 80%;
  margin: 140px auto;
}

.apitabs {
  border-bottom: 1px solid var(--vitu-gray-three);
  justify-content: space-between;
  width: 960px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.apitabscenteredcontainer {
  text-align: center;
  padding-top: 120px;
  padding-left: 0;
}

._200pxspacer {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
}

.searchthumbnail {
  display: none;
}

.natapirightarrow {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  left: auto;
}

.natapirightarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.natapileftarrow {
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-family: Fa Light, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: all .3s;
  display: flex;
  position: absolute;
  left: 0;
}

.natapileftarrow:hover {
  background-color: var(--vitu-blue-two);
  color: #fff;
}

.wallpaperthumb {
  border-radius: 6px 6px 0 0;
}

.temptagstateslist {
  text-align: left;
  width: 66%;
  display: inline-block;
}

.forproducttile {
  border: 1px solid var(--vitu-gray-two);
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  height: 344px;
  padding: 40px 40px 20px;
  transition: all .2s;
  display: flex;
}

.forproducttilecontent {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.flexiblevertdiv {
  flex: 1;
}

.forproducttilebottomdiv {
  color: var(--vitu-blue);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Gotham Bold, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  transition: color .35s;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.utility-page-wrap {
  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;
  width: 260px;
  display: flex;
}

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

.learnmoredesc {
  color: var(--vitu-blue);
  margin-left: 15px;
  font-family: Gotham Book, sans-serif;
  font-size: 10px;
  font-weight: 400;
  transition: color .35s;
}

.requesttrainingdiv {
  display: none;
}

.requesttrainingmodal {
  z-index: 110000;
  background-color: #00000080;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0%;
}

._123slidergroup {
  background-color: #0000;
  margin-bottom: 120px;
}

._123slidergroup.atoverride {
  margin-bottom: 390px;
}

._123slidermask {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

._123tile {
  border: 1px solid var(--vitu-gray-two);
  color: var(--vitu-white);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  width: 416px;
  height: 344px;
  padding: 40px 40px 20px;
  transition: all .2s;
  display: flex;
}

._123tile.image01 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/prodNTX_Image1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image02 {
  background-image: linear-gradient(#0003, #0003), url('../images/prodNTX_Image2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image03 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/prodNTX_Image3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.fraudimage01 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/FraudProtection_DLDV_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.fraudimage02 {
  background-image: linear-gradient(#0003, #0003), url('../images/FraudProtection_NMVTIS_2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.fraudimage03 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/FraudProtection_TheftandLien_3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atdealer_image01 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATDealer_Image1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atdealer_image02 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATDealer_Image2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atdealerimage03 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATDealer_Image3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atlender_image01 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATLender_Image1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atlender_image02 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATLender_Image2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atlender_image03 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATLender_Image3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atlender_image04 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/prodATLender_Image4.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image01_tt {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/prodTotalTitle_Image1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image0_tt {
  background-image: linear-gradient(#0003, #0003), url('../images/prodTotalTitle_Image2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image03_tt {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/prodTotalTitle_Image3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.image04_tt {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/prodTotalTitle_Image4.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

._123tile.atlender_noreject {
  border-color: var(--vitu-orange);
  color: var(--vitu-blue);
  background-color: #f05e220d;
  justify-content: center;
  align-items: center;
}

._123tilecontent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._123largenumber {
  margin-right: 20px;
  font-family: Gotham Bold, sans-serif;
  font-size: 144px;
  font-weight: 700;
  line-height: 144px;
}

._123icon {
  clear: both;
  align-self: flex-end;
  width: 25%;
  position: absolute;
  right: 10%;
}

.ntx9upgrid {
  grid-template-columns: 1fr 1fr 1fr;
}

._9upgridphoto {
  border-radius: 10px;
}

.ntxlogo {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mainherodivntx {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 160px;
  display: block;
}

.statehero_400 {
  z-index: -10;
  height: 400px;
  max-height: 400px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.statehero_400.prodntx {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTX_hero.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.dldvmadeeasytextdiv {
  height: auto;
}

.dldvmadeeasydiv {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 140px;
  padding-right: 140px;
}

.dldvlookupinqdiv {
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.milestone-line-top {
  background-color: var(--vitu-blue-two);
  width: 4px;
  height: 50%;
  margin-bottom: auto;
}

.timelinediv {
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
}

.block-empty {
  padding: 20px;
}

.milestone-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.timeline-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr minmax(20px, 80px) 1fr;
}

.milestone-line-bottom {
  background-color: var(--vitu-blue-two);
  width: 4px;
  height: 50%;
  margin-top: auto;
}

.year-text {
  color: var(--vitu-blue-two);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Gotham Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.card-timeline-large {
  color: var(--vitu-blue);
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px 3px #0000000f;
}

.milestone-circle {
  border: 2px solid var(--vitu-blue-two);
  background-color: var(--vitu-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
}

.milestone-line {
  background-color: var(--vitu-blue-two);
  width: 4px;
  height: 200%;
}

.milestone-inner-circle {
  background-color: var(--vitu-blue-two);
  border-radius: 100px;
  width: 24px;
  height: 24px;
}

.timelinesection {
  background-color: var(--vitu-blue);
}

.blueoneruleline {
  color: var(--vitu-blue);
}

.timelineimageleft {
  border-radius: 12px;
  margin-bottom: 20px;
  position: relative;
}

.timelineimageleft.logosmaller {
  border-radius: 0;
  width: 50%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.timelineimageright {
  border-radius: 12px;
}

.timelineimageright.logosmaller {
  width: 50%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.timelineimageright.rmpmonitor {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.milestone-circle-2 {
  background-color: #f5f9ff;
  border: 2px solid #1355ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
}

.bluetwoperiod {
  color: var(--vitu-blue-two);
  font-family: Gotham Medium, sans-serif;
}

.orangetext {
  color: var(--vitu-orange);
}

.tealtext {
  color: var(--vitu-teal);
}

.timelinetextdiv {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.vitutimelinesection {
  background-color: var(--vitu-blue);
  color: var(--vitu-teal-light);
  overflow: hidden;
}

.frauddldvinquiryreports {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

._40pxspacer {
  height: 40px;
}

.nmvtisgoodbaddiv {
  background-image: url('../images/2023_NMVTIS_Good_Bad_Pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
}

.narrowdiv {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.simplebulletlist {
  padding-left: 10px;
}

.introspreadtextbold {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Gotham Bold, sans-serif;
  font-size: 28px;
  line-height: 32px;
  display: flex;
}

.introspreadtextlight {
  color: var(--vitu-blue-two);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Gotham Extra Light, sans-serif;
  font-size: 28px;
  line-height: 28px;
}

.introspreadtextdiv {
  border-top: 1px solid #4fc8ec;
  display: block;
  position: relative;
  inset: 0 0% 0% auto;
}

.sidebysideimageintrospread {
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 75px;
  position: relative;
  left: 30px;
}

.mainheaderdiv-copy {
  width: 70%;
}

.ntxetitlescreenshot {
  border-radius: 12px;
  box-shadow: 0 2px 14px 9px #00000008;
}

.diagramtextcenter {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.lottiediv {
  position: relative;
}

.diagramtextbold {
  text-align: right;
  text-transform: uppercase;
  font-family: Gotham Bold, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.diagramtextbottom {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.diagramtextlight {
  text-align: right;
  font-family: Gotham Light, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.popupnewsmodal {
  z-index: 500;
  background-color: #00000080;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0%;
}

.newslogoicon {
  max-width: 160px;
  height: 32px;
}

.newslogoiconhover {
  max-width: 160px;
  height: 32px;
  display: none;
}

.mainevrbackdrop {
  z-index: 1000;
  clear: both;
  background-color: var(--vitu-teal-light);
  color: var(--vitu-blue);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.maincontentbackdrop {
  border: 1px solid var(--vitu-blue-two);
  background-color: var(--vitu-white);
  border-radius: 15px;
  width: 30%;
  height: 32rem;
  box-shadow: 0 2px 5px #0003;
}

.map_embed {
  width: 100%;
  position: relative;
}

.map {
  z-index: 1;
  width: 70%;
  position: relative;
}

.container-2.ismap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 8.3em 0 7.3em;
  display: flex;
}

.content {
  margin: 30px;
  display: block;
}

.content.or, .content.ca, .content.id, .content.co, .content.tx, .content.mn, .content.il, .content.wi, .content.in, .content.ky, .content.va, .content.md, .content.fl, .content.pa {
  display: none;
}

.content.nat {
  display: block;
}

.content.mt, .content.ny, .content.ma, .content.ct, .content.nj, .content.nc, .content.ga, .content.oh, .content.sc, .content.wv {
  display: none;
}

.map_img {
  z-index: 1;
  width: 100vw;
  padding-right: 38px;
}

.map_state {
  z-index: 3;
  width: 10em;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.map_state.or {
  width: 10.9%;
  margin-top: 13.8%;
  margin-left: 23.75%;
}

.map_state.ca {
  width: 10.9%;
  margin-top: 20.7%;
  margin-left: 22.6%;
}

.map_state.id {
  width: 8%;
  margin-top: 11.5%;
  margin-left: 32.8%;
}

.map_state.co {
  width: 10.1%;
  margin-top: 26.6%;
  margin-left: 41.4%;
}

.map_state.tx {
  width: 19.2%;
  margin-top: 35.4%;
  margin-left: 43.8%;
}

.map_state.mn {
  width: 8.8%;
  margin-top: 13.55%;
  margin-left: 57.9%;
}

.map_state.wi {
  width: 7.1%;
  margin-top: 17.6%;
  margin-left: 63.2%;
}

.map_state.il {
  width: 5.4%;
  margin-top: 25%;
  margin-left: 65.2%;
}

.map_state.in {
  width: 4.1%;
  margin-top: 25.8%;
  margin-left: 70.25%;
}

.map_state.ky {
  width: 9.85%;
  margin-top: 30.3%;
  margin-left: 68.5%;
}

.map_state.va {
  width: 10.5%;
  margin-top: 28.45%;
  margin-left: 76.5%;
}

.map_state.md {
  width: 6.15%;
  margin-top: 27.2%;
  margin-left: 81.25%;
}

.map_state.pa {
  width: 7.85%;
  margin-top: 23.25%;
  margin-left: 79.1%;
}

.map_state.fl {
  width: 12.6%;
  margin-top: 43.8%;
  margin-left: 71.85%;
}

.map_state.mt {
  width: 13.7%;
  margin-top: 11.6%;
  margin-left: 36.3%;
}

.map_state.ny {
  width: 9.9%;
  margin-top: 17.8%;
  margin-left: 80.2%;
}

.map_state.ma {
  width: 4.5%;
  margin-top: 20.4%;
  margin-left: 87.9%;
}

.map_state.ct {
  width: 2.4%;
  margin-top: 22.1%;
  margin-left: 87.9%;
}

.map_state.nj {
  width: 1.75%;
  margin-top: 24.2%;
  margin-left: 86.25%;
}

.map_state.nc {
  width: 11.45%;
  margin-top: 32.55%;
  margin-left: 76%;
}

.map_state.ga {
  width: 7.6%;
  margin-top: 36.8%;
  margin-left: 74%;
}

.map_state.oh {
  width: 5.6%;
  margin-top: 24.6%;
  margin-left: 73.9%;
}

.map_state.sc {
  width: 7%;
  margin-top: 36.25%;
  margin-left: 77.25%;
}

.map_state.wv {
  width: 6.25%;
  margin-top: 26.8%;
  margin-left: 77.25%;
}

.dashvitubluetwo {
  background-color: var(--vitu-blue-two);
  width: 20%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.dashvitubluetwo.full {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}

.dashvitubluetwo.lessspace {
  margin-top: 6px;
  margin-bottom: 6px;
}

.evrstateicon {
  height: 64px;
  margin-bottom: 25px;
  display: block;
}

.evrstateicon.double {
  margin-right: 13px;
  display: inline-block;
}

.popupmapdiv {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.disabledlink {
  color: var(--vitu-gray-two);
  font-size: 14px;
  display: block;
}

.popupnewsmain {
  z-index: 500;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popupnewssection {
  z-index: 600;
  align-items: center;
  height: 100vw;
  display: flex;
  position: relative;
}

.popupnewsroundeddiv {
  z-index: 900;
  background-color: var(--vitu-white);
  color: var(--vitu-blue);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.popuplogo {
  height: 50px;
}

.hsrequestdemodiv {
  display: flex;
}

.hsrequestdemomodal {
  z-index: 110000;
  background-color: #00000080;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0%;
}

.hsrequestdemoembed {
  z-index: 11001;
  justify-content: center;
  align-items: center;
  display: block;
}

.hsformdiv {
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
}

.strongem {
  font-family: Gotham Bold, sans-serif;
  font-style: italic;
  font-weight: 700;
}

.strongunder {
  font-family: Gotham Bold, sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

.comingsoon {
  color: var(--vitu-gray-two);
  padding-bottom: 8px;
  font-size: 10px;
  line-height: 12px;
}

.pdffull {
  width: 100vw;
  height: 100vh;
}

.futuregraphic {
  width: 100%;
  padding-left: 30px;
}

.sidebysidefuture {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sidebysidefuturetext {
  align-self: center;
  width: 50%;
}

.extratextfuture {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.genericrightdiv {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.atdealerdiagram {
  width: 100%;
  height: 100%;
  display: block;
}

.image {
  display: block;
}

._123tileencdiv {
  text-align: center;
  flex-flow: column;
  width: 416px;
  margin-left: auto;
  margin-right: auto;
}

._123tileadditionalitems {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.atlendverticalcenter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

._123tilecontent_atl {
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._123largenumber_atl {
  text-align: left;
  width: 100%;
  font-family: Gotham Bold, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 144px;
}

.superscrripttext {
  font-size: 16px;
  position: relative;
  top: -36px;
}

.bgroundedscreenshot {
  color: var(--vitu-white);
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodATLender_NeedlesImage.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  width: 900px;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 16px 20px -3px #0003;
}

.bgroundedscreenshot.nationalapi, .bgroundedscreenshot.dldvimage {
  border-radius: 0;
  width: 400px;
}

.bgroundedscreenshot.dldvimage {
  border-radius: 0;
  width: 400px;
  margin-bottom: 20px;
}

.bgroundedscreenshot.smaller_80 {
  width: 80%;
}

.bgroundedscreenshot.ttbgimage {
  background-image: linear-gradient(#00000080, #00000080), url('../images/prodTTLender_BGsImage.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bggridoverlayiconsgrid {
  place-content: space-around;
  width: 900px;
  height: 900px;
  margin-top: auto;
  margin-bottom: auto;
}

.bgicongridatl {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bgiconatl {
  width: 60%;
}

.bgicongendiv {
  width: 70%;
  height: 100%;
}

.header5-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham Light, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

.header5-copy.whysection {
  min-height: 25px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.header5-copy.contactlineup {
  line-height: 50px;
}

.footnotediv {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.lowercase {
  text-transform: none;
  font-family: Gotham Light, sans-serif;
  font-weight: 300;
}

.contactortext {
  width: 28px;
  height: 28px;
  margin-right: 20px;
}

.nmvtislogo {
  width: 120px;
  margin-top: 17px;
  margin-bottom: 17px;
}

.leftcontainer {
  text-align: left;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0;
}

.leftcontainer.nopadding {
  padding-top: 0;
  padding-bottom: 50px;
}

.leftcontainer.notoppadding {
  padding-top: 0;
}

.leftcontainer.nobottompadding {
  padding-bottom: 0;
}

.leftdiv {
  text-align: left;
  width: 66%;
  display: inline-block;
}

.timeline-row-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr minmax(20px, 80px) 1fr;
}

.vituddicombologo {
  width: 256px;
  max-width: 256px;
  display: block;
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1100px;
  }

  .navigation-full-wrapper {
    position: sticky;
  }

  .navigation-container {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .mainheaderdiv {
    width: 80%;
  }

  .mainherodiv {
    margin-top: 120px;
  }

  .treatmentimage {
    bottom: 0%;
  }

  .footercontainer, .centeredcontainer, .herocontainer {
    max-width: 1100px;
  }

  .partnerlogodiv {
    text-align: center;
    min-height: 200px;
  }

  .infrontimage {
    width: 256%;
  }

  .statehero_800.ilhero, .statehero_800.proddtr, .statehero_800.prodinter, .statehero_800.proddigsig, .statehero_800.prodrmp, .statehero_800.prodfleet, .statehero_800.prodgov, .statehero_800.prodlending, .statehero_800.proddriver, .statehero_800.prodvehhistory, .statehero_800.proddlrecords, .statehero_800.prodforent, .statehero_800.fordrivers, .statehero_800.fordealers {
    inset: 0% 0% auto;
  }

  .statehero_800.vitupaygov {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodVituPayGov_hero.jpg');
    background-position: 0 0, 50%;
    inset: 0% 0% auto;
  }

  .statehero_800.prodntx, .statehero_800.prodfraud, .statehero_800.prodatdealer, .statehero_800.prodtotaltitle, .statehero_800.prodatlender, .statehero_800.prodelt, .statehero_800.apiabout, .statehero_800.apinational, .statehero_800.apiat, .statehero_800.apintx, .statehero_800.apivintrack, .statehero_800.apidigsig, .statehero_800.apinmvtis, .statehero_800.apidev, .statehero_800.prodntxrepo {
    inset: 0% 0% auto;
  }

  .stateherosection {
    margin-bottom: -120px;
  }

  .producttabs {
    width: 1100px;
    max-width: 1100px;
  }

  .treatmentimagestates {
    bottom: 0%;
  }

  .productdiv {
    max-width: 1100px;
  }

  .divedeeperleftarrow {
    right: 554px;
  }

  .divedeeperrightarrow {
    right: 504px;
  }

  .peopleleftarrow {
    right: 554px;
  }

  .peoplerightarrow {
    right: 504px;
  }

  .teampicturegrid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .sidebysidedivnarrow, .sidebysidedivnarrowstacked {
    width: 85%;
  }

  .righthugpara {
    width: 60%;
    margin-left: 40%;
  }

  .companyherosection {
    margin-top: -98px;
  }

  .companytabs {
    width: 1100px;
    max-width: 1100px;
  }

  .calloutdiv.contactpadding {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sidebysidedivnarrowstacked-copy, .sidebysidedivnarrow_90 {
    width: 85%;
  }

  .apiherosection {
    margin-top: -98px;
  }

  .hoveringapiicon.apidigtitle {
    left: -11%;
  }

  .hoveringapiicon.apidocuai {
    left: -23%;
  }

  .hoveringapiicon.natfeaturedicon {
    left: 29%;
  }

  .hoveringapiicon.payfeaturedicon, .hoveringapiicon.digtitlefeaturedicon, .hoveringapiicon.docuaifeaturedicon {
    left: 23%;
  }

  .lefthugpara {
    width: 30%;
  }

  .formheight {
    height: 385px;
    min-height: 385px;
    max-height: 385px;
  }

  ._80percentdiv {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
  }

  .getstartedlottiediv {
    left: auto;
    right: -146px;
  }

  ._50percentdiv {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
  }

  .hiddenslidenav {
    display: none;
  }

  .apitabs {
    width: 1100px;
    max-width: 1100px;
  }

  .apitabscenteredcontainer {
    max-width: 1100px;
  }

  .mainherodivntx {
    margin-top: 30px;
  }

  .statehero_400.prodntx {
    inset: 0% 0% auto;
  }

  .timelinesection, .vitutimelinesection {
    margin-top: -98px;
  }

  .narrowdiv {
    width: 30%;
  }

  .mainheaderdiv-copy {
    width: 80%;
  }

  .diagramtextlight {
    font-size: 10px;
  }

  .popupnewsroundeddiv {
    width: 1200px;
  }

  .leftcontainer {
    max-width: 1100px;
  }
}

@media screen and (max-width: 991px) {
  .header4.drillhead {
    font-size: 22px;
  }

  .navigation {
    min-height: 72px;
    max-height: 72px;
    position: relative;
  }

  .button-wrapper {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-toggle {
    color: var(--vitu-blue);
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navigation-toggle.w--open {
    padding-left: 0;
  }

  .navigation-toggle.login {
    display: none;
  }

  .navigation-link {
    color: var(--vitu-blue);
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navigation-icon {
    display: none;
  }

  .navigation-wrapper {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-large-grid {
    border-left: 1px solid var(--vitu-gray-two);
    grid-template-columns: 1fr;
  }

  .navigation-menu {
    color: #393b6a;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 0;
    padding: 12px;
    position: absolute;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .logo-link-large {
    margin-right: 0;
  }

  .navigation-dropdown-small {
    width: 100%;
  }

  .navigation-dropdown-small.login {
    display: none;
  }

  .navigation-title-block {
    color: var(--vitu-blue-two);
    margin-left: 0;
    padding-left: 16px;
    display: block;
  }

  .navigation-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .navigation-base {
    padding: 0;
  }

  .navigation-link-detail {
    display: block;
  }

  .navigation-button-secondary.evrmapbutton {
    display: none;
  }

  .navigation-list-dropdown.w--open {
    box-shadow: none;
    height: 400px;
    margin-left: 0;
    position: static;
    overflow: auto;
  }

  .menu-button {
    color: var(--vitu-white);
    border-radius: 16px;
    padding: 10px 12px;
  }

  .menu-button.w--open {
    background-color: var(--vitu-blue-two);
    border-color: #fff;
    border-radius: 6px;
  }

  .menutriangle {
    display: none;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .twothirdsdiv {
    text-align: left;
  }

  .drilldowntabselect.w--current {
    margin-left: -40px;
  }

  .drilldownarrow {
    font-size: 22px;
  }

  .sidebysidetext {
    width: 75%;
  }

  .sidebysideimage {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .sidebysidediv {
    flex-direction: row;
  }

  .roundedscreenshotoff {
    display: block;
  }

  .icongriddiv {
    width: 90%;
  }

  .newsrightarrow {
    font-size: 20px;
    line-height: 30px;
    bottom: 364px;
  }

  .newsleftarrow {
    bottom: 364px;
  }

  .newstile.newsgridleft, .newstile.newsgridright {
    width: 350px;
    height: 325px;
  }

  .infrontimage {
    flex: 1;
    min-width: 200%;
    max-width: 200%;
    right: 50%;
  }

  .statehero_800.fordrivers {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDrivers_hero.jpg');
    background-position: 0 0, 50% 0;
  }

  .producttabs {
    justify-content: space-around;
    width: 100%;
  }

  .producttablink {
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .producttablinkicon {
    width: 64px;
    max-width: 64px;
    margin-right: 0;
  }

  .productdiv {
    text-align: left;
    width: 90%;
    margin-left: 30px;
  }

  .divedeepermask {
    width: 320px;
  }

  .peoplemaindiv {
    width: 250px;
    max-width: 250px;
  }

  .staffslidermask {
    width: 285px;
  }

  .sidebysidedivnarrow {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
  }

  .sidebysidedivnarrow.nomargin {
    flex-direction: row;
  }

  .interstatefeaturecardmaindiv {
    width: 230px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .companytabs {
    width: 100%;
  }

  .companysidebysidediv {
    text-align: left;
  }

  .apiherosection {
    overflow: hidden;
  }

  .apitablink {
    margin-left: auto;
    margin-right: auto;
  }

  .apitablink.active {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .apiiconoverlay {
    justify-content: center;
  }

  .hoveringapiicon {
    width: 90px;
    max-width: 90%;
    height: 90px;
  }

  .hoveringapiicon.apidigtitle {
    left: -17%;
  }

  .hoveringapiicon.apidocuai {
    left: -34%;
  }

  .hoveringapiicon.apiv2sign {
    top: 366px;
    right: -29%;
  }

  .hoveringapiicon.natfeaturedicon {
    left: 37%;
  }

  .hoveringapiicon.payfeaturedicon {
    left: 36%;
  }

  .hoveringapiicon.digtitlefeaturedicon {
    top: 391px;
    left: 31%;
  }

  .newscarouselmask {
    width: 420px;
  }

  .vitusignleftarrow {
    left: 42%;
  }

  .vitusignrightarrow {
    right: 42%;
  }

  .natapisliderinnerdiv {
    height: auto;
    margin-bottom: 50px;
  }

  .formheight {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }

  .learnmoresearchbar {
    margin-left: 15px;
  }

  .requestdemoembed {
    width: auto;
    overflow: scroll;
  }

  .hiddenslidenav {
    display: none;
  }

  .productsleftarrow {
    left: 44%;
  }

  .productsrightarrow {
    right: 44%;
  }

  .careerdiv {
    width: 90%;
  }

  .apitabs {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 80%;
    max-width: none;
    display: inline-block;
  }

  .apitabscenteredcontainer {
    overflow: scroll;
  }

  .natapirightarrow {
    right: 0%;
  }

  .natapileftarrow {
    left: 0%;
  }

  .temptagstateslist {
    width: 80%;
  }

  .forproducttile {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }

  .forproductgrid {
    grid-template-columns: 1fr;
  }

  .learnmoredesc {
    margin-left: 15px;
  }

  .dldvmadeeasytextdiv {
    height: auto;
    margin-bottom: 50px;
  }

  .dldvlookupinqdiv, .frauddldvinquiryreports {
    margin-top: 0;
  }

  .introspreadtextdiv {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .sidebysideimageintrospread {
    width: 100%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    left: auto;
  }

  .mainheaderdiv-copy {
    width: 80%;
  }

  .popupmapdiv {
    display: none;
  }

  .popupnewsmain {
    display: flex;
  }

  .popupnewsroundeddiv {
    width: 90%;
  }

  .hsrequestdemoembed {
    width: auto;
    overflow: scroll;
  }

  .hsformdiv {
    width: 90%;
  }

  .futuregraphic {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .sidebysidefuture {
    flex-flow: column;
    width: 80%;
  }

  .sidebysidefuturetext {
    width: 100%;
  }

  .bgroundedscreenshot, .bggridoverlayiconsgrid {
    width: 700px;
    height: 700px;
  }
}

@media screen and (max-width: 767px) {
  .header1 {
    font-size: 38px;
    line-height: 44px;
  }

  .header2 {
    font-size: 33px;
    line-height: 40px;
  }

  .header3 {
    font-size: 27px;
    line-height: 33px;
  }

  .header4 {
    font-size: 22px;
    line-height: 32px;
  }

  .header4.drillhead {
    font-size: 18px;
    line-height: 22px;
  }

  .header5 {
    font-size: 20px;
    line-height: 28px;
  }

  .header5.contactlineup {
    line-height: 32px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-regular {
    text-align: left;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .navigation-large-grid, .navigation-small-grid {
    grid-template-columns: 1fr;
  }

  .navigation-list-dropdown.w--open {
    height: 200px;
    overflow: scroll;
  }

  .navigation-list-dropdown.prodnav.w--open {
    height: 200px;
  }

  .herosection {
    height: 700px;
  }

  .mainheaderdiv {
    width: 90%;
  }

  .mainparadiv {
    width: 80%;
  }

  .mainherodiv {
    margin-left: 30px;
  }

  .treatmentimage {
    bottom: 25%;
  }

  .footercontainer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .centeredcontainer {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
  }

  .bottomfooterendlinks {
    text-align: center;
  }

  .twothirdsdiv {
    text-align: left;
    width: 100%;
  }

  .twothirdsdiv.centered {
    width: 80%;
  }

  .bigscreenshotdiv {
    display: flex;
  }

  .roundedscreenshot.nationalapi, .roundedscreenshot.dldvimage, .roundedscreenshot.dldvimage {
    width: 200px;
  }

  .drilldown {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }

  .drilldowntabselect {
    border: 2px solid #0000;
    border-radius: 6px;
    padding-right: 0;
  }

  .drilldowntabselect.w--current {
    border-color: var(--vitu-teal-light);
    background-color: var(--vitu-teal-light);
    margin-left: 0;
    padding-right: 0;
  }

  .drilldownarrow {
    padding-bottom: 6px;
    font-size: 18px;
    line-height: 22px;
    display: none;
  }

  .sidebysidetext {
    text-align: center;
    width: 100%;
  }

  .sidebysidetext.narrow {
    text-align: left;
    padding-right: 0%;
  }

  .sidebysidetext.onethirdsdiv {
    align-items: center;
    width: 90%;
    margin-right: 0;
  }

  .sidebysidetext.stateaddress {
    margin-top: 40px;
  }

  .sidebysidetext.narrowleft {
    text-align: left;
    padding-right: 0%;
  }

  .sidebysidediv {
    flex-direction: column;
    align-items: flex-start;
  }

  .sidebysidediv.aligntop {
    text-align: center;
    align-items: center;
  }

  .roundedscreenshotoff {
    max-width: 100%;
    margin-top: 40px;
    margin-right: 0%;
    left: auto;
  }

  .partnerlogogrid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .trustedbydiv {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .newsrightarrow, .newsleftarrow {
    display: none;
    bottom: 360px;
  }

  .newssliderdiv {
    margin-left: 30px;
    margin-right: 30px;
    overflow: visible;
  }

  .newstile {
    width: 380px;
  }

  .navigation-large-grid-single {
    grid-template-columns: 1fr;
  }

  .infrontimage {
    left: auto;
    right: 50%;
  }

  .statehero_800.fordrivers {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDrivers_hero.jpg');
    background-position: 0 0, 60% 0;
  }

  .statehero_800.vitupaygov {
    background-image: linear-gradient(#0009, #0009), url('../images/prodVituPayGov_hero.jpg');
    background-position: 0 0, 50% 100%;
  }

  .statehero_800.prodfraud {
    background-image: linear-gradient(#00000080, #00000080), url('../images/FraudProtection_hero.jpg');
    background-position: 0 0, 25%;
  }

  .stateherosection {
    height: 600px;
  }

  .drilldowntabs {
    flex-direction: column;
    width: 90%;
    margin-left: 30px;
    display: flex;
  }

  .producttablink {
    text-align: center;
    padding-bottom: 20px;
  }

  .producttablinkicon {
    width: 48px;
  }

  .producttile {
    width: 400px;
    padding-bottom: 40px;
  }

  .divedeeperleftarrow, .divedeeperrightarrow {
    display: none;
  }

  ._40percentheadermargin {
    width: 70%;
  }

  .staffslidermask {
    width: 285px;
  }

  .peopleleftarrow, .peoplerightarrow {
    display: none;
  }

  .teampictureimage {
    height: auto;
  }

  .teampictureimage.override {
    height: 100%;
  }

  .sidebysidedivtopalign {
    flex-direction: column;
    margin-left: 30px;
  }

  .sidebysidedivnarrow.nomargin {
    align-items: flex-start;
  }

  .sidebysidedivnarrowstacked {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
  }

  .righthugpara {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin-left: 0%;
    display: flex;
  }

  .horzrule {
    width: 100%;
  }

  .interstatefeaturecardsgrid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .interstatefeaturecardmaindiv {
    width: 100%;
  }

  .centereddiv {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .background-video {
    height: 300px;
  }

  .companytabs {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .companytablink.active {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .companysidebysidediv {
    flex-direction: column;
    align-items: flex-start;
  }

  .onethirdsdiv {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 50px;
    display: flex;
  }

  .rightcolumn {
    padding-left: 0;
  }

  .newsgrid, .wallpapergrid {
    grid-template-columns: 1fr;
  }

  .sidebysidedivnarrow_90 {
    flex-direction: column;
    max-width: 90%;
  }

  .apihero_800 {
    height: 700px;
    max-height: 700px;
  }

  .apiherosection {
    height: 800px;
  }

  .centereddrivericons {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }

  .hoveringapiicon {
    width: 75px;
    max-width: 75%;
    height: 75px;
  }

  .hoveringapiicon.apidigtitle {
    left: -8%;
  }

  .hoveringapiicon.natfeaturedicon {
    width: 96px;
    max-width: 96%;
    height: 96px;
    left: 34%;
  }

  .hoveringapiicon.payfeaturedicon {
    left: 32%;
  }

  .hoveringapiicon.digtitlefeaturedicon {
    width: 96px;
    max-width: 96%;
    height: 96px;
    left: 37%;
  }

  .hoveringapiicon.docuaifeaturedicon {
    width: 96px;
    max-width: 96%;
    height: 96px;
  }

  .lefthugpara {
    align-items: flex-start;
    width: 80%;
    display: flex;
  }

  .righthugtwothirdsdiv {
    width: 100%;
  }

  .vitusignstepmaindiv {
    width: 350px;
    max-width: 350px;
    height: 420px;
    max-height: 420px;
  }

  .vitusignslidermask {
    width: 80%;
  }

  .newscarouselmask {
    width: 400px;
  }

  .productslidermask {
    width: 420px;
  }

  .vitusignleftarrow, .vitusignrightarrow {
    display: none;
  }

  .natapisliderdiv {
    padding-left: 40px;
    padding-right: 40px;
  }

  .natapisliderinnerdiv {
    height: auto;
  }

  .formheight {
    align-items: flex-end;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .overviewataglancegrid {
    text-align: center;
  }

  .searchbarflex {
    flex: 0 auto;
    min-width: 10px;
  }

  ._50percentdiv {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .hiddenslidenav {
    display: none;
  }

  .productsleftarrow {
    left: 40%;
  }

  .productsrightarrow {
    right: 40%;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .tabs-content {
    clear: left;
    display: flex;
  }

  .contactgrid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .apitabs {
    padding-bottom: 20px;
  }

  .apitabscenteredcontainer {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
  }

  .natapirightarrow {
    display: none;
    right: 2%;
  }

  .natapileftarrow {
    display: none;
    left: 2%;
  }

  .forproducttile {
    width: 90%;
    padding-bottom: 40px;
  }

  .forproductgrid {
    grid-template-columns: 1fr;
  }

  ._123slidermask {
    width: 420px;
  }

  ._123tile {
    width: 400px;
    padding-bottom: 40px;
  }

  .ntxlogo {
    width: 50%;
  }

  .dldvmadeeasytextdiv {
    height: auto;
  }

  .dldvmadeeasydiv {
    padding-left: 40px;
    padding-right: 40px;
  }

  .block-empty {
    display: none;
  }

  .milestone-block {
    display: flex;
  }

  .timeline-row {
    grid-template-columns: minmax(20px, 60px) 1fr;
  }

  .card-timeline-large {
    margin-bottom: 32px;
  }

  .narrowdiv {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin-left: 0%;
    display: flex;
  }

  .introspreadtextbold {
    font-size: 26px;
  }

  .introspreadtextlight {
    font-size: 24px;
    line-height: 24px;
  }

  .introspreadtextdiv {
    width: 72%;
  }

  .mainheaderdiv-copy {
    width: 90%;
  }

  .diagramtextbold {
    font-size: 16px;
    line-height: 18px;
  }

  .diagramtextlight {
    font-size: 10px;
  }

  .hsrequestdemoembed {
    height: 90vh;
    overflow: scroll;
  }

  .hsformdiv {
    padding: 5px;
    overflow: scroll;
  }

  .genericrightdiv {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin-left: 0%;
    display: flex;
  }

  ._123largenumber_atl {
    font-size: 48px;
  }

  .superscrripttext {
    font-size: 12px;
    top: -26px;
  }

  .bgroundedscreenshot {
    text-align: center;
    width: 500px;
    height: 500px;
  }

  .bgroundedscreenshot.nationalapi, .bgroundedscreenshot.dldvimage, .bgroundedscreenshot.dldvimage {
    width: 200px;
  }

  .bggridoverlayiconsgrid {
    width: 500px;
    height: 500px;
  }

  .header5-copy {
    font-size: 20px;
    line-height: 28px;
  }

  .header5-copy.contactlineup {
    line-height: 32px;
  }

  .leftcontainer {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
  }

  .leftdiv {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .timeline-row-copy {
    grid-template-columns: minmax(20px, 60px) 1fr;
  }
}

@media screen and (max-width: 479px) {
  .header4.news {
    font-size: 20px;
    line-height: 26px;
  }

  .header4.drillhead {
    font-size: 12px;
  }

  .header5.jumbo {
    font-size: 40px;
    line-height: 44px;
  }

  .navigation-button-secondary {
    padding: 10px 20px;
  }

  .navigation-list-dropdown.w--open {
    height: auto;
  }

  .navigation-list-dropdown.prodnav.w--open {
    height: 400px;
  }

  .mainparadiv {
    display: none;
  }

  .mainherodiv {
    margin-top: 150px;
  }

  .footercontainer {
    padding-left: 30px;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .twothirdsdiv {
    width: 100%;
  }

  .roundedscreenshot.whiteeltfill {
    padding: 10px 5px;
  }

  .drilldowntabselect {
    border: 2px solid #0000;
    border-radius: 6px;
    padding-right: 0;
  }

  .drilldowntabselect.w--current {
    border: 2px solid var(--vitu-teal-light);
    background-color: var(--vitu-teal-light);
    border-radius: 6px;
  }

  .drilldownarrow {
    margin-right: 10px;
    padding-bottom: 22px;
    font-size: 12px;
  }

  .sidebysidetext.onethirdsdiv {
    margin-right: 0;
  }

  .sidebysidediv.aligntop {
    flex-direction: column;
  }

  .icongridelementdiv {
    width: 100%;
  }

  .partnerlogodiv {
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .newstile {
    width: 270px;
  }

  .newstile.newsgridleft {
    width: 300px;
    margin-right: auto;
  }

  .newstile.newsgridright {
    width: 300px;
    margin-left: auto;
  }

  .infrontimage {
    min-width: 200%;
    max-width: 200%;
    margin-top: 40px;
    right: 50%;
  }

  .statehero_800.prodforent {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/forEnterprise_hero.jpg');
    background-position: 0 0, 70%;
  }

  .statehero_800.fordrivers {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDrivers_hero.jpg');
    background-position: 0 0, 80%;
  }

  .statehero_800.fordealers {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/forDealers_hero.jpg');
    background-position: 0 0, 100%;
  }

  .statehero_800.vitupaygov {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodVituPayGov_hero.jpg');
    background-position: 0 0, 25% 100%;
  }

  .statehero_800.prodntx {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTX_hero.jpg');
    background-position: 0 0, 50%;
  }

  .statehero_800.prodfraud {
    background-image: linear-gradient(#00000080, #00000080), url('../images/FraudProtection_hero.jpg');
    background-position: 0 0, 50%;
  }

  .statehero_800.prodatdealer {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTX_hero.jpg');
    background-position: 0 0, 50%;
  }

  .statehero_800.prodntxrepo {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTXRepo_hero.jpg');
    background-position: 0 0, 50%;
  }

  .partnerdiv {
    margin-left: 30px;
  }

  .assocgrid {
    grid-template-columns: 1fr;
  }

  .drilldowntabs {
    flex-direction: column;
    width: 95%;
    margin-left: 10px;
    display: flex;
  }

  .producttabs {
    flex-direction: column;
  }

  .tabnavigation {
    font-size: 10px;
  }

  .producttablink {
    margin-left: auto;
    margin-right: auto;
  }

  .producttile {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .divedeepermask {
    width: 280px;
  }

  .divedeepermaindiv {
    width: 265px;
  }

  .divedeeperrightarrow {
    line-height: 30px;
  }

  .peoplemaindiv {
    width: 225px;
  }

  .staffslidermask {
    width: 250px;
  }

  .righthugpara {
    width: 100%;
  }

  .interstatefeaturecardmaindiv {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .background-video {
    height: 200px;
  }

  .companyherosection {
    overflow: hidden;
  }

  .companytabs {
    justify-content: center;
  }

  .companytablink {
    margin-left: 10px;
    margin-right: 10px;
  }

  .calloutdiv {
    padding: 20px;
  }

  .calloutdiv.contactpadding {
    padding: 30px 10px;
  }

  .wallpapermaindiv {
    width: 300px;
  }

  .herotwothirdsdiv {
    width: 90%;
  }

  .bluewhitemixedsection {
    overflow: hidden;
  }

  .whyvitutabimage {
    width: 200%;
    max-width: 200%;
    margin-top: 40px;
  }

  .apihero_800 {
    height: 575px;
    max-height: 575px;
  }

  .apiherosection {
    height: 575px;
  }

  .drivericonsgrid {
    grid-template-columns: 1fr;
  }

  .centereddrivericons {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .hoveringapiicon {
    width: 64px;
    max-width: 64%;
    height: 64px;
  }

  .hoveringapiicon.apidigtitle {
    left: 31%;
  }

  .hoveringapiicon.apidocuai {
    left: -19%;
  }

  .hoveringapiicon.apiv2pay {
    right: -11%;
  }

  .hoveringapiicon.apiv2sign {
    right: -34%;
  }

  .hoveringapiicon.apinational {
    right: 11%;
  }

  .hoveringapiicon.natfeaturedicon {
    width: 64px;
    max-width: 64%;
    height: 64px;
    left: 35%;
  }

  .hoveringapiicon.payfeaturedicon {
    width: 64px;
    max-width: 64%;
    height: 64px;
    top: 328px;
    left: 37%;
  }

  .hoveringapiicon.digtitlefeaturedicon {
    width: 64px;
    max-width: 64%;
    height: 64px;
    top: 359px;
    left: 34%;
  }

  .hoveringapiicon.docuaifeaturedicon {
    width: 64px;
    max-width: 64%;
    height: 64px;
  }

  .lefthugpara {
    align-items: flex-start;
    width: 100%;
  }

  .righthugtwothirdsdiv {
    width: 100%;
  }

  .newsslide, .newscarouselmask {
    width: 280px;
  }

  .productslidermask {
    width: 300px;
  }

  .vitusignleftarrow {
    left: 33%;
  }

  .vitusignrightarrow {
    right: 33%;
  }

  .natapislidermask {
    width: 90%;
    min-width: 90%;
  }

  .natapisliderdiv {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .formheight {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    padding-left: 0;
    padding-right: 0;
  }

  .overviewataglancegrid {
    grid-template-columns: 1fr;
  }

  .searchbarflex {
    display: none;
  }

  .productsleftarrow {
    left: 35%;
  }

  .productsrightarrow {
    right: 35%;
  }

  .simpleicongrid {
    grid-template-columns: 1fr;
  }

  .careerdiv {
    width: 100%;
  }

  .apitabs {
    justify-content: center;
  }

  .natapirightarrow {
    top: 128px;
    right: 2%;
  }

  .natapileftarrow {
    top: 128px;
  }

  .forproducttile {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  ._123slidermask {
    width: 300px;
  }

  ._123tile {
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .ntxlogo {
    width: 60%;
  }

  .mainherodivntx {
    margin-top: 170px;
  }

  .statehero_400.prodntx {
    background-image: linear-gradient(#00000080, #00000080), url('../images/prodNTX_hero.jpg');
    background-position: 0 0, 50%;
  }

  .dldvmadeeasydiv {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .milestone-block {
    display: none;
  }

  .timeline-row {
    grid-template-columns: 1fr;
  }

  .narrowdiv {
    width: 100%;
  }

  .introspreadtextbold {
    font-size: 16px;
    line-height: 20px;
  }

  .introspreadtextlight {
    font-size: 16px;
    line-height: 16px;
  }

  .sidebysideimageintrospread {
    width: 100%;
  }

  .diagramtextbold {
    font-size: 10px;
    line-height: 12px;
  }

  .diagramtextlight {
    font-size: 8px;
  }

  .hsformdiv {
    padding: 2px;
  }

  .futuregraphic, .genericrightdiv {
    width: 100%;
  }

  ._123tileencdiv {
    width: 100vw;
  }

  .bgroundedscreenshot {
    width: 250px;
    height: 850px;
  }

  .bggridoverlayiconsgrid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    align-content: end;
    width: 250px;
    height: 800px;
  }

  .timeline-row-copy {
    grid-template-columns: 1fr;
  }
}

#w-node-b4c7dfab-fb52-51eb-eebb-242e998b3f26-a3455630, #w-node-_580d54ef-c8ce-f0a2-e88a-530f35294170-a3455630, #w-node-_4d0a07af-fbca-1408-c93e-7565244459cc-a3455630, #w-node-_56c4150e-a5c4-e7f8-2327-4ba3cf0eabb8-a3455630 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7226415-1f91-27f0-320d-b5f8d4b70abf-d4b70abb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d7226415-1f91-27f0-320d-b5f8d4b70ac0-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70ad2-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70ae7-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70afc-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70b11-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70b1d-d4b70abb, #w-node-d7226415-1f91-27f0-320d-b5f8d4b70b20-d4b70abb, #w-node-_2e30ebdd-0c38-9917-44e9-3495c012b291-d4b70abb, #w-node-_5871dd2a-8855-e376-9cb1-e5b489cccd44-d4b70abb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cfbd0f3-28e3-5afb-4b25-f43466708570-d4b70abb {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177e35-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177e54-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177e74-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177e7b-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177e8c-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177eab-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177ecb-a3455676, #w-node-c3da8e3e-96a5-d889-1bcd-1db8dc177ed2-a3455676 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d7226415-1f91-27f0-320d-b5f8d4b70abf-d4b70abb {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0cfbd0f3-28e3-5afb-4b25-f43466708570-d4b70abb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d7226415-1f91-27f0-320d-b5f8d4b70abf-d4b70abb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5871dd2a-8855-e376-9cb1-e5b489cccd44-d4b70abb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cfbd0f3-28e3-5afb-4b25-f43466708570-d4b70abb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Gotham Bold';
  src: url('../fonts/GothamSSm-Bold_Web.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/GothamSSm-Book_Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Light';
  src: url('../fonts/GothamSSm-Light_Web.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Medium';
  src: url('../fonts/GothamSSm-Medium_Web.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Extra Light';
  src: url('../fonts/GothamSSm-XLight_Web.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Light';
  src: url('../fonts/fa-light-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}