@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700|Merriweather+Sans:800|Open+Sans:400,800");
html {
  height: 100%; }

body {
  font-family: "Merriweather", serif;
  font-size: 1em;
  font-weight: 300;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  background-color: #3D5567;
  height: 100%; }

img {
  border: none; }

#cookie-banner {
  display: none;
  background-color: #182957;
  color: #FFF;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0; }

#cookie-banner div {
  margin: 1em; }

#corp-video {
  display: block;
  height: 264px;
  background-image: url(/images/home/video-banner-v2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1rem 0;
  padding: 0;
  line-height: 1.2em; }
  @media (min-width: 1540px) {
    h1, h2, h3, h4, h5, h6 {
      line-height: 1em; } }

h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 3.25em;
  margin-top: -0.1em; }

h2 {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 2.75em;
  line-height: 0.9em; }

h3 {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 2.25em; }

h4 {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 1.75em; }
  @media (min-width: 1540px) {
    h4 {
      line-height: 1.2em; } }

h5 {
  font-family: "Merriweather", serif;
  font-size: 1.2em; }
  @media (min-width: 1540px) {
    h5 {
      line-height: 1.5em; } }

h5 + .rule {
  margin-top: -1rem; }

h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 0.9em;
  font-weight: 800;
  text-transform: uppercase; }

p {
  margin-top: 0; }

a {
  color: #000; }

a:hover {
  color: #C22032; }

.text--cap {
  text-transform: capitalize; }

.type-size--small {
  font-size: 0.8em; }

.type-size--large {
  font-size: 1.2em; }

.type-face--aux {
  font-family: "Open Sans", sans-serif; }

.type--footnote {
  font-size: 0.8em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em; }

@media (min-width: 940px) {
  .type--shadow {
    text-shadow: 1px 1px 1px #000; } }

.type--fpo {
  color: deeppink !important; }

.type--symbol {
  font-size: 0.4em;
  vertical-align: text-top; }

.text-align--center {
  text-align: center; }

@media (min-width: 940px) {
  .text-align--right {
    text-align: right; } }

@media (min-width: 940px) {
  .float--left {
    float: left; } }

@media (min-width: 940px) {
  .float--right {
    float: right; } }

.link-button, input[type=submit] {
  font-family: "Open Sans", sans-serif;
  font-size: 0.9em;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-width: 5px;
  border-style: solid;
  border-color: black;
  padding: 1em;
  display: inline-block;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-transition: background 0.3s; }

.link-button:hover {
  background: #9CADB74d; }

.link-button--grey-bg {
  background: #3333334d; }

.link-button--full-width {
  display: block; }

.link-button--w200 {
  display: block; }
  @media (min-width: 940px) {
    .link-button--w200 {
      width: 200px; } }

.link-button--w40 {
  display: block; }
  @media (min-width: 940px) {
    .link-button--w40 {
      width: 40%; } }

.link-button--w50 {
  display: block; }
  @media (min-width: 940px) {
    .link-button--w50 {
      width: 50%; } }

.link-button--selected {
  background: #C22032;
  color: #FFF; }

.rule {
  border-bottom: 1px solid #9CADB7;
  margin-bottom: 1em; }

.rule__inner {
  border-bottom: 9px solid #182957;
  width: 33%; }

.component--name {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #182957;
  text-align: center; }

.component--spec {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75em;
  color: #3D5567;
  line-height: 1.5em;
  text-align: center; }

.prop-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  @media (min-width: 940px) {
    .prop-list {
      margin-top: 55px; } }

.prop-list__item {
  display: block;
  border-bottom: 1px solid #9CADB7;
  padding: 0.25em 0; }

.prop-list__item:last-child {
  border: none; }

.square-list {
  list-style: url(/images/deep-red-pixel.jpg) square;
  padding: 0 1em; }

table {
  border-collapse: collapse;
  font-family: "Open Sans", sans-serif;
  margin: 2em auto; }

caption {
  caption-side: bottom;
  color: #3D5567;
  font-size: 0.8em; }

th {
  font-weight: 800;
  color: #FFF;
  background-color: #C22032;
  padding: 6px 16px; }

td {
  padding: 6px 16px;
  border-bottom: 1px solid #C6CDD1;
  border-left: 1px solid #C6CDD1;
  vertical-align: top; }

tr > td:first-child {
  border-left: none; }

figure {
  margin: 2em auto;
  text-align: center; }

.figure--no-margin {
  margin: 0 auto; }

figure > img {
  max-width: 100%; }

figcaption {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  color: #3D5567; }

aside {
  border-left: 0.5em solid #C22032;
  padding-left: 1em;
  margin-bottom: 1em; }

.color--deep-blue {
  background-color: #182957 !important; }

.color-text--deep-blue {
  color: #182957 !important; }

.color--deep-red {
  background-color: #C22032 !important; }

.color-text--deep-red {
  color: #C22032 !important; }

.color--light-red {
  background-color: #ED1941 !important; }

.color-text--light-red {
  color: #ED1941 !important; }

.color--cool-dark-grey {
  background-color: #3D5567 !important; }

.color-text--cool-dark-grey {
  color: #3D5567 !important; }

.color--cool-light-grey {
  background-color: #9CADB7 !important; }

.color-text--cool-light-grey {
  color: #9CADB7 !important; }

.color--warm-light-grey {
  background-color: #C6CDD1 !important; }

.color-text--warm-light-grey {
  color: #C6CDD1 !important; }

.color--brand-purple {
  background-color: #785BA7 !important; }

.color-text--brand-purple {
  color: #785BA7 !important; }

.color--brand-blue {
  background-color: #1A458B !important; }

.color-text--brand-blue {
  color: #1A458B !important; }

.color--brand-green {
  background-color: #00773F !important; }

.color-text--brand-green {
  color: #00773F !important; }

.color--brand-orange {
  background-color: #F15623 !important; }

.color-text--brand-orange {
  color: #F15623 !important; }

.color-text--white {
  color: #FFF !important; }

.color-text--black {
  color: #000 !important; }

.color-border--white {
  border-color: #FFF !important; }

.color-border--deep-blue {
  border-color: #182957 !important; }

.color-border--deep-red {
  border-color: #C22032 !important; }

.color-border--cool-light-grey {
  border-color: #9CADB7 !important; }

.color-border--warm-light-grey {
  border-color: #C6CDD1 !important; }

.page {
  display: block;
  border: 1em solid #C22032;
  background-color: #FFF;
  margin: 0;
  min-height: calc(100% - 2em); }
  @media (min-width: 1540px) {
    .page {
      max-width: 1500px;
      margin: auto; } }

.header {
  display: block;
  background-color: #182957;
  height: 96px; }
  @media (min-width: 940px) {
    .header {
      position: relative;
      width: 100%;
      z-index: 50; } }
  @media (min-width: 1540px) {
    .header {
      margin: 0 100px;
      width: 1300px;
      position: absolute;
      z-index: 100;
      top: 1em; } }

.header__logo {
  float: left;
  width: 245px;
  margin-top: 24px;
  margin-left: 20px; }
  @media (min-width: 940px) {
    .header__logo {
      margin-top: 20px; } }
  @media (min-width: 1540px) {
    .header__logo {
      margin-left: 45px; } }

.header__drawer-button {
  float: right;
  margin-right: 28px;
  margin-top: 28px;
  width: 40px; }
  @media (min-width: 940px) {
    .header__drawer-button {
      display: none; } }

.header__drawer {
  position: absolute;
  background-color: #C6CDD1;
  width: 0;
  overflow: hidden;
  top: 0;
  right: 0;
  margin-top: 1em;
  margin-right: 1em;
  z-index: 40;
  display: none;
  border: 6px solid #C22032; }
  @media (min-width: 940px) {
    .header__drawer {
      display: none; } }

@media (min-width: 940px) {
  .header__drawer.is-visible {
    display: none; } }

.header__drawer__link {
  display: block;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
  padding: 0.5em 0 0.5em 2em;
  width: 250px; }

.header__drawer__link--header {
  font-weight: 800;
  text-transform: uppercase;
  color: #182957;
  padding: 1em;
  border-top: 1px solid #3D5567; }

.header__drawer__link--header:first-child {
  border: none; }

.header__drawer--divider {
  border-bottom: 1px solid #3D5567; }

.header__obfuscator {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0; }
  @media (min-width: 940px) {
    .header__obfuscator {
      display: none; } }

@media (min-width: 940px) {
  .header__obfuscator.is-visible {
    display: none; } }

.header-icon {
  width: 100%;
  cursor: pointer; }

.main-nav {
  display: none; }
  @media (min-width: 940px) {
    .main-nav {
      display: block;
      float: right;
      height: 90px; } }

.main-nav__item {
  display: block;
  float: left;
  line-height: 90px;
  transition: border 0.2s;
  -webkit-transition: border 0.2s; }

.main-nav__item:hover {
  border-bottom: 6px solid #C22032; }

.main-nav__link {
  display: block;
  padding: 0 45px;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s;
  -webkit-transition: color 0.2s; }

.main-nav__item:hover .main-nav__link {
  color: #C22032; }

.main-nav__drop-menu {
  visibility: collapse;
  background-color: #C6CDD1;
  position: absolute;
  right: 0;
  top: 96px;
  line-height: 1.75em;
  font-size: 0.8em;
  transition: visibility 0.5s ease-in;
  -webkit-transition: visibility 0.5s ease-in; }
  @media (min-width: 940px) {
    .main-nav__drop-menu {
      width: 100%; } }
  @media (min-width: 1540px) {
    .main-nav__drop-menu {
      left: 0;
      margin-right: 1em; } }

#main-nav-products:hover .main-nav__drop-menu {
  transition: visibility 0.5s ease-out;
  -webkit-transition: visibility 0.5s ease-out;
  visibility: visible; }

.main-nav__drop-menu > .grid > .cell {
  border-right: 1px solid #3D5567; }

.main-nav__drop-menu > .grid > .cell--2-col {
  width: calc(16.6666666666% - 2.2em); }

.main-nav__drop-menu > .grid > .cell:last-child {
  border: none; }

.main-nav__drop-menu__link {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #3D5567;
  text-decoration: none;
  transition: color 0.5s;
  -webkit-transition: color 0.5s; }

.main-nav__drop-menu__link:hover {
  color: #C22032; }

.main-nav__drop-menu__link--header {
  font-weight: 800;
  text-transform: uppercase;
  color: #182957; }

.main-nav__drop-menu__secondary-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #3D5567;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 2em;
  transition: color 0.5s;
  -webkit-transition: color 0.5s; }

.main-nav__drop-menu__secondary-link:hover {
  color: #ED1941; }

.secondary-nav {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  line-height: normal;
  margin: 1em; }
  @media (min-width: 940px) {
    .secondary-nav {
      position: absolute;
      top: 1em;
      left: 20px;
      width: 270px;
      z-index: 2;
      margin: 0;
      padding: 10px;
      background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0)); } }
  @media (min-width: 1540px) {
    .secondary-nav {
      top: 150px;
      left: 100px; } }

.secondary-nav__category {
  font-size: 0.875em;
  text-transform: uppercase;
  color: #3D5567; }

.secondary-nav__title {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 2em; }

.secondary-nav__link {
  display: block;
  font-size: 0.875em;
  text-transform: uppercase;
  text-decoration: none;
  color: #3D5567;
  border-top: 1px solid #3D5567;
  padding: 6px 0 6px 10px;
  transition: background 0.3s;
  -webkit-transition: background 0.3s; }

.secondary-nav__link:hover {
  background: #9CADB74d; }

.hero {
  position: relative; }

.hero__bg {
  display: none; }
  @media (min-width: 940px) {
    .hero__bg {
      display: block;
      width: 100%;
      height: 400px;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat; } }
  @media (min-width: 1540px) {
    .hero__bg {
      height: 500px; } }

.hero__image {
  text-align: center;
  position: relative; }
  @media (min-width: 940px) {
    .hero__image {
      padding-top: 2em; } }
  @media (min-width: 1540px) {
    .hero__image {
      padding-top: 7em; } }

@media (max-width: 939px) {
  .hero__image > img {
    width: 90%; } }

.block {
  display: block;
  background-color: #FFF;
  padding-bottom: 2em; }
  @media (min-width: 940px) {
    .block {
      height: 800px;
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0; } }

.block--divider {
  border-bottom: 1em #C6CDD1 solid; }

@media (min-width: 940px) {
  .block--short {
    height: 600px; } }

@media (min-width: 940px) {
  .block--bg-full {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; } }

@media (min-width: 940px) {
  .block--bg-half {
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left center; } }

.block__image {
  width: 100%; }
  @media (min-width: 940px) {
    .block__image {
      display: none; } }

.block__text {
  margin: 1em; }
  @media (min-width: 940px) {
    .block__text {
      color: #FFF;
      position: absolute;
      padding: 1.5em 7em 1em 7em;
      margin: 0;
      bottom: 0; } }

@media (min-width: 940px) {
  .block__text--right {
    right: 0; } }

@media (min-width: 940px) {
  .block__text--grad-b {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 60%, transparent); } }

@media (min-width: 940px) {
  .block__text--grad-l {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 50%, transparent); } }

@media (min-width: 940px) {
  .block__text--grad-r {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 50%, transparent); } }

@media (min-width: 940px) {
  .block__text--w40 {
    width: 40%; } }

@media (min-width: 940px) {
  .block__text--w50 {
    width: 50%; } }

@media (min-width: 940px) {
  .block__text--w60 {
    width: 60%; } }

.block__col {
  margin: 1em; }
  @media (min-width: 940px) {
    .block__col {
      color: #FFF;
      width: 50%;
      position: absolute;
      padding-bottom: 1em;
      margin: 0;
      bottom: 0; } }

@media (min-width: 940px) {
  .block__col-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 100%;
    position: absolute;
    margin: 0;
    padding: 0; } }

@media (min-width: 940px) {
  .block__col--left {
    left: 0;
    text-align: right; } }

@media (min-width: 940px) {
  .block__col--right {
    right: 0; } }

.block__col--h30 {
  height: 30%; }

.block__col--h40 {
  height: 40%; }

@media (min-width: 940px) {
  .block__col__text {
    margin: 4em; } }

@media (min-width: 940px) {
  .block__col__text--narrow-margin {
    margin: 2em 2em 0 2em; } }

@media (min-width: 940px) {
  .home--watch {
    background-image: url(/images/home/play-btn-bg.png), url(/images/home/dana-video-v2.jpg);
    background-size: 10%, cover;
    background-position-x: 90%, center;
    background-position-y: 90%, center;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear; } }

@media (min-width: 940px) {
  .home--partner {
    background-image: url(/images/bw/700211696.jpg); } }

@media (min-width: 940px) {
  .home--care {
    background-image: url(/images/color/894377512.jpg); } }

@media (min-width: 940px) {
  .home--science {
    background-image: url(/images/bw/639641770.jpg); } }

@media (min-width: 940px) {
  .home--integrity {
    background-image: url(/images/color/482510015.jpg); } }

@media (min-width: 940px) {
  .story--provider {
    background-image: url(/images/bw/672689882.jpg); } }

@media (min-width: 940px) {
  .story--inspired {
    background-image: url(/images/bw/4photo.jpg); } }

@media (min-width: 940px) {
  .story--care {
    background-image: url(/images/bw/589118396.jpg); } }

@media (min-width: 940px) {
  .story--service {
    background-image: url(/images/bw/755652359.jpg); } }

@media (min-width: 940px) {
  .story--product {
    background-image: url(/images/bw/second-to-none.jpg); } }

@media (min-width: 940px) {
  .story--innovation {
    background-image: url(/images/bw/14-left.jpg); } }

@media (min-width: 940px) {
  .story--home {
    background-image: url(/images/bw/530682531.jpg); } }

@media (min-width: 940px) {
  .story--video {
    background-image: url(https://dummyimage.com/hd720&text=Corporate%20Video); } }

@media (min-width: 940px) {
  .sales--contact {
    background-image: url(/images/bw/543079952.jpg); } }

@media (min-width: 940px) {
  .refurb--hero {
    background-image: url(/images/refurb-hero.jpg); } }

@media (min-width: 940px) {
  .block--test {
    background-image: url(/templates/images/color/GettyImages-894377512.jpg); } }

@media (min-width: 940px) {
  .block--test2 {
    background-image: url(/templates/images/bw/GettyImages-639641770.jpg); } }

@media (min-width: 940px) {
  .block--test3 {
    background-image: url(/templates/images/color/GettyImages-482510015.jpg); } }

@media (min-width: 940px) {
  .block--test4 {
    background-image: url(/templates/images/color/GettyImages-932631926_BW.jpg); } }

.divider {
  color: #FFF;
  background-color: #3D5567;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  padding: 1em 0; }

.grid {
  display: flex;
  flex-flow: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; }

.grid--w90 {
  width: 100%; }
  @media (min-width: 940px) {
    .grid--w90 {
      width: 90%;
      margin: 0 auto; } }
  @media (min-width: 1540px) {
    .grid--w90 {
      width: 1300px; } }

@media (min-width: 940px) {
  .grid--w50 {
    width: 50%;
    margin: 0 auto; } }

.grid--justify-left {
  justify-content: flex-start; }

@media (min-width: 1540px) {
  .grid--no-hero {
    margin-top: 112px; } }

.cell {
  margin: 0.5em;
  padding: 0.5em;
  width: 100%; }
  @media (max-width: 939px) {
    .cell {
      overflow: auto; } }

@media (max-width: 939px) {
  .cell--hide-sm {
    display: none; } }

.cell__text {
  margin-bottom: 1em; }

.cell__text--top-margin {
  margin-top: 1em; }

@media (min-width: 940px) {
  .cell__text--lg-height {
    min-height: 15em; } }
@media (min-width: 1540px) {
  .cell__text--lg-height {
    min-height: 13em; } }

.cell__image {
  width: 100%;
  height: 0;
  padding-top: 53.33%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative; }

.cell__image--square {
  padding-top: 100%; }

.cell__image--wide {
  padding-top: 56.25%; }

.cell__image--hero {
  padding-top: 77.5%; }

.cell__image--border {
  border-top: 10px solid #182957; }

.cell__image__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

@media (min-width: 940px) {
  .cell--1-col {
    width: calc(8.3333333333% - 2em); } }

@media (min-width: 940px) {
  .cell--2-col {
    width: calc(16.6666666666% - 2em); } }

@media (min-width: 940px) {
  .cell--3-col {
    width: calc(25% - 2em); } }

@media (min-width: 940px) {
  .cell--4-col {
    width: calc(33.3333333333% - 2em); } }

@media (min-width: 940px) {
  .cell--5-col {
    width: calc(41.6666666666% - 2em); } }

@media (min-width: 940px) {
  .cell--6-col {
    width: calc(50% - 2em); } }

@media (min-width: 940px) {
  .cell--8-col {
    width: calc(66.6666666666% - 2em); } }

@media (min-width: 940px) {
  .cell--9-col {
    width: calc(75% - 2em); } }

@media (min-width: 940px) {
  .cell--10-col {
    width: calc(83.3333333333% - 2em); } }

@media (min-width: 940px) {
  .cell--12-col {
    width: calc(100% - 2em); } }

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

input[type=text], select {
  width: 250px;
  padding: 0.5em;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #9CADB7; }

.btn--primary-action {
  color: #C22032 !important;
  border-color: #C22032 !important; }

.btn--secondary-action {
  color: #3D5567 !important;
  border-color: #3D5567 !important; }

.btn--disabled {
  color: #C6CDD1 !important;
  border-color: #C6CDD1 !important; }

.field-label {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  display: block; }

.error {
  color: #C22032; }

footer {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75em;
  line-height: 1.5em;
  background-color: #C6CDD140; }
  @media (min-width: 940px) {
    footer {
      text-align: inherit; } }

footer strong {
  font-weight: 800; }

.footer__copy-notice {
  text-align: center; }
  @media (min-width: 940px) {
    .footer__copy-notice {
      text-align: left;
      align-self: flex-end; } }

.footer__social {
  text-align: center; }
  @media (min-width: 940px) {
    .footer__social {
      text-align: right; } }

.banner {
  display: block; }
  @media (min-width: 940px) {
    .banner {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0; } }

@media (min-width: 940px) {
  .banner--bg-full {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; } }

@media (min-width: 940px) {
  .banner--h300 {
    height: 300px; } }

.banner__image {
  width: 100%; }
  @media (min-width: 940px) {
    .banner__image {
      display: none; } }

@media (min-width: 940px) {
  .banner--watch {
    background-image: url(/images/home/video-banner-v2.png); } }

.no-margin {
  margin: 0; }