@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-regular-pro.eot");
  src: url("/static/fonts/basis-grotesque-regular-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-regular-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-regular-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-italic-pro.eot");
  src: url("/static/fonts/basis-grotesque-italic-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-italic-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-italic-pro.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-medium-pro.eot");
  src: url("/static/fonts/basis-grotesque-medium-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-medium-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-medium-pro.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-medium-italic-pro.eot");
  src: url("/static/fonts/basis-grotesque-medium-italic-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-medium-italic-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-medium-italic-pro.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-bold-pro.eot");
  src: url("/static/fonts/basis-grotesque-bold-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-bold-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-bold-pro.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque';
  src: url("/static/fonts/basis-grotesque-bold-italic-pro.eot");
  src: url("/static/fonts/basis-grotesque-bold-italic-pro.woff") format("woff"), url("/static/fonts/basis-grotesque-bold-italic-pro.woff2") format("woff2"), url("/static/fonts/basis-grotesque-bold-italic-pro.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Basis Grotesque', Helvetica, Arial, sans-serif; }

ol,
ul {
  list-style: none; }

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

/* BASE */
:root {
  --vw: 1vw;
  --vh: 1vh; }

html {
  font-size: 16px; }
  html,
  html * {
    font-weight: 600; }

a.active.a-active-pink {
  color: #ff6196 !important; }

a.active.a-active-orange {
  color: #fb7e01 !important; }

a.active.a-active-yellow {
  color: #fbb501 !important; }

a.active.a-active-red {
  color: #ff4c59 !important; }

a.active.a-active-darkgrey {
  color: #999999 !important; }

a {
  color: black;
  text-decoration: none; }
  a.active {
    color: #999999; }
  a.cta {
    box-sizing: border-box;
    font-size: 17px;
    line-height: 24px;
    display: inline-flex;
    flex-direction: row;
    padding: 12px 24px; }
    a.cta--primary {
      color: white;
      background-color: black; }
      a.cta--primary:hover {
        background-color: #575757; }
    a.cta--secondary {
      color: #222222;
      background-color: white;
      border: 1px solid #dbdce0; }
      a.cta--secondary:hover {
        background-color: #eeeeee; }
    a.cta--header {
      padding: 6px 24px;
      font-size: 16px; }

.header-out:not(.show) {
  transform: translate(0, -110px); }

.header-in:not(.show) {
  transform: translate(0, 0); }

.logo-link {
  position: absolute;
  top: 0;
  left: 50%;
  height: 6.25rem;
  transform: translate(-50%, 0%);
  text-transform: uppercase;
  z-index: 2;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease-out; }
  .logo-link-out {
    transform: translate(-50%, -110px); }

.header {
  position: fixed;
  top: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  justify-content: space-between; }
  .header .header-content {
    padding: 0 60px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    transition: transform 0.2s ease-out; }
  .header ul {
    display: flex;
    flex: 1;
    height: 6.25rem;
    align-items: center; }
    .header ul.left li {
      margin-right: 1.5rem; }
    .header ul.right {
      justify-content: flex-end; }
      .header ul.right li {
        margin-left: 1.5rem; }

.fit > .placeholder.svg-ratio-1 {
  width: 100vh;
  height: 100vh; }

.media-link {
  width: 100%; }

.media.link {
  display: flex;
  align-items: center; }

.media-stretch img {
  width: 100%; }

.media > * {
  display: block; }

.media object {
  width: 100%;
  height: auto; }

.media .lottie > div {
  background-color: #f5f5f5; }

.media .placeholder {
  background: #ccc; }

.media.inline object {
  width: auto;
  max-width: 100%;
  margin: 3rem auto; }

.media video {
  outline: 1px solid #ebebeb;
  width: 100%; }

.column .dentist-photo {
  overflow: hidden;
  padding-top: 100%;
  position: relative; }
  .column .dentist-photo.media {
    height: auto; }
  .column .dentist-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.blog-post-preview-section {
  margin-top: 100px;
  display: flex;
  flex-direction: column !important;
  align-items: center !important; }
  .blog-post-preview-section-title {
    text-align: center; }

.blog-post-preview-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 24px; }

.blog-post-preview {
  justify-content: flex-start !important;
  min-width: 400px;
  margin-top: 78px;
  padding: 0 !important; }
  .blog-post-preview__image {
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    background-color: #dbdce0; }
    .blog-post-preview__image.media {
      height: auto; }
    .blog-post-preview__image img {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .blog-post-preview__title {
    height: 56px;
    margin-top: 48px;
    margin-bottom: 12px;
    text-align: left; }
  .blog-post-preview__excerpt {
    font-size: 16px !important;
    line-height: 28px !important;
    text-align: left; }

@media (max-width: 576px) {
  .blog-post-preview {
    justify-content: flex-start !important;
    min-width: 90vw;
    margin-top: 56px; } }

.home-section-3 {
  position: relative;
  height: 62.5vw;
  margin-bottom: 50px; }
  .home-section-3__content {
    left: 100px;
    width: 40vw !important;
    max-width: 40vw !important;
    min-height: 300px !important;
    height: 100%;
    position: absolute; }
    .home-section-3__content > .column-content {
      width: 40vw !important;
      max-width: 40vw !important;
      height: 100%;
      justify-content: center !important; }
      .home-section-3__content > .column-content h1 {
        margin-top: 0; }
  .home-section-3__image {
    right: 0;
    top: 0;
    position: absolute;
    z-index: 0 !important;
    min-height: 62.5vw !important;
    max-height: 100vh !important;
    height: 62.5vw !important;
    width: 62.5vw !important;
    padding: 0 !important; }
    .home-section-3__image video {
      outline: none; }

@media (max-width: 992px) {
  .home-section-3 {
    position: relative;
    padding-top: 50px;
    height: auto;
    margin-bottom: 0; }
    .home-section-3__content {
      width: 100% !important;
      max-width: 100% !important;
      left: 0;
      position: relative;
      align-items: center !important; }
      .home-section-3__content:last-child {
        max-width: 80% !important;
        margin: 0 auto;
        padding: 78px 0; }
      .home-section-3__content > .column-content {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        padding: 0 !important; }
    .home-section-3__image {
      margin-top: 0;
      position: relative;
      max-height: 100vw !important;
      height: 100vw !important;
      width: 100vw !important;
      padding: 0 !important; } }

.user-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 100px;
  column-gap: 50px; }

.user-value {
  min-height: 500px;
  width: 40vw;
  min-width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 50px 0; }
  .user-value__type {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 32px; }
    .user-value__type > *:first-child {
      margin-right: 15px; }
  .user-value__title {
    text-align: center;
    margin-bottom: 72px; }
  .user-value__text {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.25px;
    margin-bottom: 40px; }

.home-section-body {
  font-size: 24px !important;
  line-height: 32px !important;
  margin: 0 auto; }

.customer-list {
  flex: 1 0 205px;
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  row-gap: 65px;
  column-gap: 90px;
  flex-wrap: wrap; }
  .customer-list__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 80%;
    max-width: 985px; }
  .customer-list__tagline {
    font-size: 24px !important;
    line-height: 32px !important;
    max-width: 80%;
    text-align: center;
    margin-bottom: 78px; }
  .customer-list__row {
    flex: 1 0 290px;
    max-width: 490px;
    max-height: 72px;
    height: auto;
    display: inline-flex;
    column-gap: 90px; }
  .customer-list__item {
    flex: 0 1 200px;
    min-width: 100px;
    max-width: 200px;
    height: 72px;
    max-height: 72px;
    box-sizing: border-box;
    display: flex;
    justify-content: center; }
    .customer-list__item img {
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
    .customer-list__item--thistle > img {
      margin: 0 auto;
      max-width: 130px !important; }

@media (max-width: 576px) {
  .customer-list {
    column-gap: 50px; } }

section.customer-list-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 100vw;
  width: 100vw;
  padding: 80px 0 !important;
  margin: 0 !important;
  min-height: 342px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .column .dentist-photo img {
    height: auto;
    padding-top: 33.33333%; } }

.container-6.11833 {
  width: 6.11833vw; }
  @media (min-width: 576px) {
    .container-6.11833 > p,
    .container-6.11833 > h1,
    .container-6.11833 > h2,
    .container-6.11833 > h3,
    .container-6.11833 > h4 {
      width: 6.11833vw; } }

.feature .container-6.11833 .column-content,
.article-link .container-6.11833 .column-content,
.with-space .container-6.11833 .column-content {
  max-width: 4.07889vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-6.11833 {
    width: 9.1775vw; }
    .container-6.11833.article-content {
      width: 6.11833vw; }
  .feature .container-6.11833 .column-content,
  .article-link .container-6.11833 .column-content,
  .with-space .container-6.11833 .column-content {
    max-width: initial; } }

.container-14 {
  width: 14vw; }
  @media (min-width: 576px) {
    .container-14 > p,
    .container-14 > h1,
    .container-14 > h2,
    .container-14 > h3,
    .container-14 > h4 {
      width: 14vw; } }

.feature .container-14 .column-content,
.article-link .container-14 .column-content,
.with-space .container-14 .column-content {
  max-width: 9.33333vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-14 {
    width: 21vw; }
    .container-14.article-content {
      width: 14vw; }
  .feature .container-14 .column-content,
  .article-link .container-14 .column-content,
  .with-space .container-14 .column-content {
    max-width: initial; } }

.container-22 {
  width: 22vw; }
  @media (min-width: 576px) {
    .container-22 > p,
    .container-22 > h1,
    .container-22 > h2,
    .container-22 > h3,
    .container-22 > h4 {
      width: 22vw; } }

.feature .container-22 .column-content,
.article-link .container-22 .column-content,
.with-space .container-22 .column-content {
  max-width: 14.66667vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-22 {
    width: 33vw; }
    .container-22.article-content {
      width: 22vw; }
  .feature .container-22 .column-content,
  .article-link .container-22 .column-content,
  .with-space .container-22 .column-content {
    max-width: initial; } }

.container-29 {
  width: 29vw; }
  @media (min-width: 576px) {
    .container-29 > p,
    .container-29 > h1,
    .container-29 > h2,
    .container-29 > h3,
    .container-29 > h4 {
      width: 29vw; } }

.feature .container-29 .column-content,
.article-link .container-29 .column-content,
.with-space .container-29 .column-content {
  max-width: 19.33333vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-29 {
    width: 43.5vw; }
    .container-29.article-content {
      width: 29vw; }
  .feature .container-29 .column-content,
  .article-link .container-29 .column-content,
  .with-space .container-29 .column-content {
    max-width: initial; } }

.container-37 {
  width: 37vw; }
  @media (min-width: 576px) {
    .container-37 > p,
    .container-37 > h1,
    .container-37 > h2,
    .container-37 > h3,
    .container-37 > h4 {
      width: 37vw; } }

.feature .container-37 .column-content,
.article-link .container-37 .column-content,
.with-space .container-37 .column-content {
  max-width: 24.66667vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-37 {
    width: 55.5vw; }
    .container-37.article-content {
      width: 37vw; }
  .feature .container-37 .column-content,
  .article-link .container-37 .column-content,
  .with-space .container-37 .column-content {
    max-width: initial; } }

.container-45 {
  width: 45vw; }
  @media (min-width: 576px) {
    .container-45 > p,
    .container-45 > h1,
    .container-45 > h2,
    .container-45 > h3,
    .container-45 > h4 {
      width: 45vw; } }

.feature .container-45 .column-content,
.article-link .container-45 .column-content,
.with-space .container-45 .column-content {
  max-width: 30vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-45 {
    width: 67.5vw; }
    .container-45.article-content {
      width: 45vw; }
  .feature .container-45 .column-content,
  .article-link .container-45 .column-content,
  .with-space .container-45 .column-content {
    max-width: initial; } }

.container-53 {
  width: 53vw; }
  @media (min-width: 576px) {
    .container-53 > p,
    .container-53 > h1,
    .container-53 > h2,
    .container-53 > h3,
    .container-53 > h4 {
      width: 53vw; } }

.feature .container-53 .column-content,
.article-link .container-53 .column-content,
.with-space .container-53 .column-content {
  max-width: 35.33333vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-53 {
    width: 79.5vw; }
    .container-53.article-content {
      width: 53vw; }
  .feature .container-53 .column-content,
  .article-link .container-53 .column-content,
  .with-space .container-53 .column-content {
    max-width: initial; } }

.container-61 {
  width: 61vw; }
  @media (min-width: 576px) {
    .container-61 > p,
    .container-61 > h1,
    .container-61 > h2,
    .container-61 > h3,
    .container-61 > h4 {
      width: 61vw; } }

.feature .container-61 .column-content,
.article-link .container-61 .column-content,
.with-space .container-61 .column-content {
  max-width: 40.66667vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-61 {
    width: 91.5vw; }
    .container-61.article-content {
      width: 61vw; }
  .feature .container-61 .column-content,
  .article-link .container-61 .column-content,
  .with-space .container-61 .column-content {
    max-width: initial; } }

.container-68 {
  width: 68vw; }
  @media (min-width: 576px) {
    .container-68 > p,
    .container-68 > h1,
    .container-68 > h2,
    .container-68 > h3,
    .container-68 > h4 {
      width: 68vw; } }

.feature .container-68 .column-content,
.article-link .container-68 .column-content,
.with-space .container-68 .column-content {
  max-width: 45.33333vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-68 {
    width: 92vw; }
    .container-68.article-content {
      width: 68vw; }
  .feature .container-68 .column-content,
  .article-link .container-68 .column-content,
  .with-space .container-68 .column-content {
    max-width: initial; } }

.container-76 {
  width: 76vw; }
  @media (min-width: 576px) {
    .container-76 > p,
    .container-76 > h1,
    .container-76 > h2,
    .container-76 > h3,
    .container-76 > h4 {
      width: 76vw; } }

.feature .container-76 .column-content,
.article-link .container-76 .column-content,
.with-space .container-76 .column-content {
  max-width: 50.66667vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-76 {
    width: 92vw; }
    .container-76.article-content {
      width: 76vw; }
  .feature .container-76 .column-content,
  .article-link .container-76 .column-content,
  .with-space .container-76 .column-content {
    max-width: initial; } }

.container-84 {
  width: 84vw; }
  @media (min-width: 576px) {
    .container-84 > p,
    .container-84 > h1,
    .container-84 > h2,
    .container-84 > h3,
    .container-84 > h4 {
      width: 84vw; } }

.feature .container-84 .column-content,
.article-link .container-84 .column-content,
.with-space .container-84 .column-content {
  max-width: 56vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-84 {
    width: 92vw; }
    .container-84.article-content {
      width: 84vw; }
  .feature .container-84 .column-content,
  .article-link .container-84 .column-content,
  .with-space .container-84 .column-content {
    max-width: initial; } }

.container-92 {
  width: 92vw; }
  @media (min-width: 576px) {
    .container-92 > p,
    .container-92 > h1,
    .container-92 > h2,
    .container-92 > h3,
    .container-92 > h4 {
      width: 92vw; } }

.feature .container-92 .column-content,
.article-link .container-92 .column-content,
.with-space .container-92 .column-content {
  max-width: 61.33333vw; }

@media (max-aspect-ratio: 1 / 1) {
  .container-92 {
    width: 92vw; }
    .container-92.article-content {
      width: 92vw; }
  .feature .container-92 .column-content,
  .article-link .container-92 .column-content,
  .with-space .container-92 .column-content {
    max-width: initial; } }

h1 {
  font-size: 72px;
  line-height: 80px; }

h2 {
  font-size: 48px;
  line-height: 52px; }

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

h4 {
  margin: 2em 0;
  font-size: 20px;
  line-height: 28px; }

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

h1 {
  font-size: 72px;
  line-height: 80px; }

h2 {
  font-size: 48px;
  line-height: 52px; }

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

h4 {
  margin: 2em 0;
  font-size: 20px;
  line-height: 28px; }

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

.column {
  padding: 80px 0; }
  .column,
  .column .container * {
    text-align: center; }
  .column h1 {
    margin: 1.5em 0 1em; }
  .column h2,
  .column h3 {
    margin-bottom: 1em; }
  .column p + p {
    margin-top: 3rem; }
  .column .media {
    width: 100%;
    height: 100%; }
    .column .media > img {
      width: 100%; }
    .column .media .placeholder {
      width: 100%;
      background: none;
      border: 1px solid #ccc; }
  .column .link {
    cursor: pointer; }
  .column .date,
  .column .author {
    margin-bottom: 1.5rem; }
  .column ul.links {
    width: 100%; }
    .column ul.links li {
      padding-bottom: 2rem; }
    .column ul.links li:not(:first-child) {
      padding-top: 2rem;
      border-top: 1px solid rgba(0, 0, 0, 0.08); }
  .column .blog-post-landing-image {
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    position: relative; }
    .column .blog-post-landing-image .media-link {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .column .blog-post-landing-image img {
      width: 100%; }

.content .container {
  justify-content: flex-start;
  align-items: flex-start; }
  .content .container * {
    text-align: left; }
  .content .container h4 {
    margin-top: 0; }
  .content .container .media {
    margin-bottom: 3rem; }

.content label {
  display: block; }

.content p {
  font-size: 1rem; }

section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  section .column {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100%; }
    section .column > .dentist-content {
      width: 100%; }
  section:nth-child(2) {
    margin-top: 0; }
  section.offset {
    margin-top: 6.25rem; }
    section.offset + section:not(.footer) {
      margin-top: 0; }
  section.heading {
    margin-top: 120px; }
  section.heading + section {
    margin-top: 0; }
  section.left {
    flex-direction: row-reverse;
    justify-content: flex-end; }
    section.left > :last-child {
      margin: 0 0.75rem 0 4.16vw; }
    section.left:not(.cover) > :first-child {
      margin: 0 4.16vw 0 0.75rem; }
  section.right {
    flex-direction: row;
    justify-content: flex-end; }
    section.right > :last-child {
      margin: 0 4.16vw 0 0.75rem; }
    section.right:not(.cover) > :first-child {
      margin: 0 0.75rem 0 4.16vw; }
  section.center {
    justify-content: space-between;
    margin-left: 4.16vw;
    margin-right: 4.16vw; }
  section.cover .column {
    min-height: 100vh; }
  section.cover .media.fit > * {
    width: 100vh;
    height: 100vh; }
    section.cover .media.fit > * > div {
      width: 100vh;
      height: 100vh; }
  section.cover img {
    width: 100vh;
    position: absolute; }
  section.cover.bleed > .container {
    display: flex;
    flex-direction: column; }
  section.cover, section.left, section.right {
    flex-wrap: nowrap; }
  section.footer {
    padding: 0 60px;
    margin-top: 60px;
    display: flex;
    line-height: 2em;
    justify-content: flex-start; }
    section.footer h3 {
      margin-bottom: 1em; }
    section.footer ul {
      width: 14vw;
      margin-bottom: 120px; }

section.left .media.fit > * {
  position: absolute;
  right: 0; }

section.right .media.fit > * {
  position: absolute;
  left: 0; }

.overlay-nav {
  display: none; }

.tagline .column-content {
  max-width: 70vw !important; }

ul.inline {
  display: flex; }
  ul.inline a {
    display: block;
    margin: 0 1rem;
    color: #a6a6a6; }
    ul.inline a.active {
      color: black; }

.media-hero .lottie {
  position: absolute;
  right: 0; }
  .media-hero .lottie > div {
    width: 100vh;
    height: 200vh;
    background-color: inherit; }

.home-hero {
  height: 100vh;
  width: 100%;
  background-color: #f5f5f5;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: center !important; }

section.center.bottom-cta {
  margin: 100px 0 !important;
  justify-content: center; }

.column-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  justify-content: space-evenly; }

.with-space {
  min-height: 640px; }
  .with-space .container .column-content {
    max-width: 45vw; }

.cover.feature.top {
  margin-bottom: 80px; }

.cover.feature.bottom {
  margin-top: 80px;
  padding-bottom: 40px; }

article p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 2.5em; }

article li {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 1em; }

.column article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .column article .media {
    margin-bottom: 6em;
    overflow: hidden; }
    .column article .media > * {
      width: 100%;
      object-fit: cover; }
  .column article .container * {
    text-align: left; }
  .column article ul {
    list-style: square;
    padding-left: 1.5rem;
    margin-bottom: 2.5em; }
    .column article ul ul {
      margin: 0 0 0 1rem; }
  .column article blockquote {
    margin-top: 3rem;
    margin-bottom: 3rem; }
    .column article blockquote p {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      font-size: 20px;
      line-height: 28px;
      color: #a6a4a5; }
  .column article h1,
  .column article h2 {
    margin-top: 6rem; }
  .column article.legal p,
  .column article.legal ul {
    margin: 1rem 0;
    font-weight: normal; }
  .column article.legal h2,
  .column article.legal h3,
  .column article.legal h4 {
    margin-top: 3rem !important; }

.column .blog-short-title {
  margin-top: 26px; }

@media (max-width: 992px) {
  h1 {
    font-size: 54px;
    line-height: 60px; }
  h2 {
    font-size: 36px;
    line-height: 40px; }
  h3 {
    font-size: 16px;
    line-height: 20px; }
  h4 {
    font-size: 16px;
    line-height: 20px; }
  p {
    font-size: 16px;
    line-height: 20px; }
  a {
    font-size: 14px; }
  h1 {
    font-size: 36px;
    line-height: 40px; }
  h2 {
    font-size: 24px;
    line-height: 26px; }
  h3 {
    font-size: 16px;
    line-height: 20px; }
  h4 {
    font-size: 16px;
    line-height: 20px; }
  p {
    font-size: 16px;
    line-height: 20px; }
  a {
    font-size: 14px; }
  .column article blockquote p {
    font-size: 16px;
    line-height: 20px; }
  .column article h1,
  .column article h2 {
    margin-top: 4rem; }
  .header {
    font-size: 0.875rem; }
    .header #logo {
      height: 1rem; }
    .header .logo-link {
      height: 70px; }
    .header > .header-content {
      padding: 0 24px; }
      .header > .header-content > ul.left {
        display: none; }
      .header > .header-content > ul {
        height: 70px; }
      .header > .header-content > ul.right li {
        display: none;
        margin-left: 1.5em; }
      .header > .header-content ul li {
        margin: 0; }
      .header > .header-content .show.overlay-nav {
        touch-action: none; }
        .header > .header-content .show.overlay-nav .overlay {
          opacity: 1;
          touch-action: none;
          pointer-events: all; }
        .header > .header-content .show.overlay-nav .menu-button {
          background-position: 45px 0; }
      .header > .header-content .overlay-nav {
        display: flex;
        align-items: center; }
        .header > .header-content .overlay-nav .menu-button {
          position: relative;
          z-index: 3;
          display: block;
          width: 45px;
          height: 45px;
          left: -14px;
          cursor: pointer;
          background-image: url(/static/img/buttons.svg);
          transition: background-position 0.1s linear; }
        .header > .header-content .overlay-nav a.active {
          color: #999; }
        .header > .header-content .overlay-nav .overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: calc(100 * var(--vw));
          height: calc(100 * var(--vh));
          background: #222222;
          display: flex;
          flex-direction: column;
          justify-content: center;
          opacity: 0;
          pointer-events: none; }
          .header > .header-content .overlay-nav .overlay .overlay-top {
            flex: 2.5;
            display: flex;
            flex-direction: column;
            justify-content: flex-end; }
            .header > .header-content .overlay-nav .overlay .overlay-top ul {
              flex-direction: column;
              height: auto; }
              .header > .header-content .overlay-nav .overlay .overlay-top ul li {
                padding-bottom: 32px; }
              .header > .header-content .overlay-nav .overlay .overlay-top ul li:last-child {
                padding-bottom: 0; }
              .header > .header-content .overlay-nav .overlay .overlay-top ul a {
                font-size: 36px;
                line-height: 40px; }
          .header > .header-content .overlay-nav .overlay .overlay-bottom {
            font-size: 1rem;
            line-height: 2em;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            margin-bottom: calc(10 * var(--vh)); }
            .header > .header-content .overlay-nav .overlay .overlay-bottom .overlay-bottom-container {
              display: flex;
              flex-direction: row; }
              .header > .header-content .overlay-nav .overlay .overlay-bottom .overlay-bottom-container ul {
                flex-direction: column;
                justify-content: flex-start; }
          .header > .header-content .overlay-nav .overlay ul li a:not(.active) {
            color: white; }
  section.footer {
    padding: 0 24px;
    justify-content: center; }
  > .column {
    width: auto; }
  section.cover .media.fit > * {
    width: inherit; }
    section.cover .media.fit > * > div {
      width: inherit; }
  section.hero .column-content {
    max-width: 100%; }
  .feature .column-content,
  .article-link .column-content,
  .with-space .column-content {
    max-width: 45vw; } }

@media (max-width: 768px) {
  h1 {
    font-size: 36px;
    line-height: 40px; }
  h2 {
    font-size: 24px;
    line-height: 26px; } }

@media (max-aspect-ratio: 1 / 1) {
  .media-hero .lottie {
    position: inherit; }
  .hero .media {
    min-height: calc(100 * var(--vh));
    padding-top: calc((100 * var(--vh)) - (100 * var(--vw))); }
    .hero .media .lottie > div {
      width: calc(100 * var(--vw));
      height: inherit; }
  .hero .column {
    position: absolute;
    top: 0; }
  section.cover .media.fit > * {
    width: 100vw;
    height: inherit; }
    section.cover .media.fit > * > div {
      width: 100vw;
      height: inherit; }
  .content .container .media {
    margin-bottom: 2em; }
  section {
    margin: 0; }
    section.feature, section.content, section.cover {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      section.feature img, section.content img, section.cover img {
        position: inherit; }
    section.top > .media {
      padding-top: 0; }
    section .column {
      padding: 0 24px; }
      section .column > .column-content {
        padding: 3.5em 0 7em; }
      section .column > .dentist-content {
        padding-bottom: 2.5em; }
    section.center, section.right, section.left {
      margin: 0 !important; }
      section.center > *, section.right > *, section.left > * {
        margin: 0 !important; }
    section.cover:not(.hero) .column {
      height: auto;
      min-height: auto; }
  section.left .media.fit > *,
  section.right .media.fit > * {
    position: inherit; }
  .column.legal-nav {
    padding: 40px 0; }
    .column.legal-nav ul {
      justify-content: center; }
  .employer > .container-29 {
    width: 67.5vw; }
    .employer > .container-29 > .column-content {
      padding: 0 0 3.25em; }
  .dentists > .container-29 {
    width: 67.5vw; }
    .dentists > .container-29 > .column-content {
      padding: 0 0 3.25em; }
  .column .dentist-photo {
    padding-top: 66.66667%; }
  .jobs .heading {
    margin: 0 0 5rem; }
  .jobs ul.links li {
    padding-top: 1em;
    padding-bottom: 1em; }
  .jobs ul.links li:not(:first-child) {
    padding-top: 1em; }
  .jobs .job-group {
    padding-bottom: 6em; }
    .jobs .job-group > .job-group-heading {
      align-items: center; }
      .jobs .job-group > .job-group-heading h3 {
        text-align: center; } }

@media (max-width: 576px) {
  .column .container * {
    width: auto;
    text-align: center; }
  .column h1 {
    margin-bottom: 1.5em; }
  .column h2 {
    margin-bottom: 1.5em; }
  .column h3 {
    margin-bottom: 1.5em; }
  .column h4 {
    margin-bottom: 1.5em; }
  .column h4.dentist-name {
    margin-bottom: 2em; }
  .content .container .media {
    margin-bottom: 2em; }
  section {
    margin: 0; }
    section.feature, section.article-link {
      display: block; }
    section > .column, section.employer > .column, section.dentists > .column {
      width: 100%; }
    section > .media {
      width: 100%;
      padding-top: 4em; }
    section.top > .media {
      padding-top: 0; }
    section.footer {
      flex-wrap: wrap;
      padding: 0 24px; }
      section.footer ul {
        width: 50%;
        margin-bottom: 60px; }
        section.footer ul h3.title {
          margin-bottom: 0.5em; }
    section.latest-article-links {
      margin-top: 0; }
      section.latest-article-links.heading > .column .column-content {
        padding: 3.5em 0; }
      section.latest-article-links .column .column-content {
        padding-top: 0; }
    section.article-link h1 {
      margin-top: 0; }
    section .column {
      padding: 0 24px; }
      section .column > .column-content {
        padding: 3.5em 0 7em; }
      section .column > .dentist-content {
        padding-bottom: 2.5em; }
    section.with-space {
      min-height: auto; }
      section.with-space .column > .column-content {
        padding: 7em 0; }
    section.employer > .column > .column-content {
      padding: 0 0 3.25em; }
    section.center, section.right, section.left {
      margin: 0 !important; }
      section.center > *, section.right > *, section.left > * {
        margin: 0 !important; }
    section.content .column.container {
      padding-top: 0;
      padding-bottom: 0; }
    section.content .column .container * {
      text-align: left; }
    section.cover:not(.hero) .column {
      height: auto;
      min-height: auto; }
  .feature .container .column-content,
  .article-link .container .column-content,
  .with-space .container .column-content {
    max-width: 100%; }
  section.hero .column-content {
    max-width: 100%; }
  .column article {
    margin-bottom: 4rem; }
    .column article h2 {
      margin-top: 4rem; }
    .column article .media {
      margin-bottom: 4rem; }
    .column article > div.container {
      width: 100%; }
  .contact-form-button {
    max-width: inherit !important; }
  .contact-form-h3 {
    padding-bottom: 3em; }
  .jobs .job-group > .job-group-heading {
    align-items: initial; }
    .jobs .job-group > .job-group-heading h3 {
      text-align: left; } }