@charset "UTF-8";
/*
 * styles.css
 * Description: generated styles for the full site
 * Author: Andrew Magill amagill@greaterthanone.com
 */
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
}

body {
  margin: 0 !important;
}

.no-scroll {
  overflow: hidden;
}

/* clear */
.clear:before,
.image-text.green_image .field--name-field-content.field--items > .field--item:before,
.columns .brochure:before,
.columns.green_cell .field--items.field--name-field-content > .field--item:before,
.clear:after,
.image-text.green_image .field--name-field-content.field--items > .field--item:after,
.columns .brochure:after,
.columns.green_cell .field--items.field--name-field-content > .field--item:after {
  content: " ";
  display: table;
}

.clear:after,
.image-text.green_image .field--name-field-content.field--items > .field--item:after,
.columns .brochure:after,
.columns.green_cell .field--items.field--name-field-content > .field--item:after {
  clear: both;
}

.clear,
.image-text.green_image .field--name-field-content.field--items > .field--item,
.columns .brochure,
.columns.green_cell .field--items.field--name-field-content > .field--item {
  *zoom: 1;
  clear: both;
}

p {
  margin: 0 0 1em;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
}

svg {
  max-width: 100%;
}

a {
  color: #464646;
  -webkit-text-decoration: underline #f5b948;
  text-decoration: underline #f5b948;
}
a[href^="tel:"]:hover {
  color: #464646 !important;
}
@media screen and (max-width: 960.1px) {
  a[href^="tel:"]:hover {
    color: #f5b948 !important;
  }
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

input:focus {
  outline: 0;
  border: 1px solid #464646;
}

.alert {
  margin-bottom: 0;
  color: #e9555b;
}

ul {
  padding-left: 1em;
}
@media screen and (max-width: 480.1px) {
  ul {
    padding-left: 0.75em;
  }
}

ol {
  padding-left: 2.25em;
}
@media screen and (max-width: 480.1px) {
  ol {
    padding-left: 2.25em;
  }
}
ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}
ol li::before {
  content: counter(list) ".";
  color: #f5b948;
  position: absolute;
  text-align: left;
  width: 16px;
  left: -27px;
  font-weight: bold;
}

dd {
  margin-left: 0;
}

strong {
  font-weight: 700;
}

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

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

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

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #464646;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #464646;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #464646;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.results ul li,
.results ul,
.results .light_green_bg ul {
  clear: both;
  *zoom: 1;
}
.results ul li:before,
.results ul:before,
.results .light_green_bg ul:before,
.results ul li:after,
.results ul:after,
.results .light_green_bg ul:after {
  content: " ";
  display: table;
}
.results ul li:after,
.results ul:after,
.results .light_green_bg ul:after {
  clear: both;
}

.list_cols .field--items.field--name-field-content > .field--item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list_cols .field--items.field--name-field-content > .field--item ul > li {
  display: inline-block;
}

section ul li,
.isi ul li {
  position: relative;
  list-style: none;
}
section ul li:before,
.isi ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #f5b948;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -9px;
}
section ul li:last-child,
.isi ul li:last-child {
  margin-bottom: 0;
}
section ul:last-child,
.isi ul:last-child {
  margin-bottom: 0;
}

a.btn,
.btn a,
a.post-edit-link,
button.btn,
input.button {
  display: inline-block;
  padding: 14px 28px;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

a.btn,
.btn a,
a.post-edit-link,
button.btn,
input.button {
  background: #f5b948;
  color: #3c3c3c;
  border: 2px solid #f5b948;
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 700;
}
a.btn:hover,
.btn a:hover,
a.post-edit-link:hover,
button.btn:hover,
input.button:hover {
  color: #ffffff;
  background: #3c3c3c;
  border-color: #3c3c3c;
}
a.btn.btn-secondary,
.btn a.btn-secondary,
a.post-edit-link.btn-secondary,
button.btn.btn-secondary,
input.button.btn-secondary {
  background: transparent;
  color: #3c3c3c;
}
a.btn.btn-secondary:hover,
.btn a.btn-secondary:hover,
a.post-edit-link.btn-secondary:hover,
button.btn.btn-secondary:hover,
input.button.btn-secondary:hover {
  background: #f5b948;
  color: #3c3c3c;
  border-color: #f5b948;
}
.green:not(.columns) a.btn.btn-secondary,
.green:not(.columns) .btn a.btn-secondary,
.green:not(.columns) a.post-edit-link.btn-secondary,
.green:not(.columns) button.btn.btn-secondary,
.green:not(.columns) input.button.btn-secondary {
  color: #ffffff;
}
.green:not(.columns) a.btn.btn-secondary:hover,
.green:not(.columns) .btn a.btn-secondary:hover,
.green:not(.columns) a.post-edit-link.btn-secondary:hover,
.green:not(.columns) button.btn.btn-secondary:hover,
.green:not(.columns) input.button.btn-secondary:hover {
  background: #f5b948;
  color: #3c3c3c;
  border-color: #f5b948;
}
section a.btn,
section .btn a,
section a.post-edit-link,
section button.btn,
section input.button {
  font-size: 1.8rem;
  margin-top: 10px;
}
.cta_icon:hover::after,
.download:hover::after,
.outicon:hover::after,
.arrow:hover::after {
  filter: brightness(100);
}
.cta_icon::after,
.download::after,
.outicon::after,
.arrow::after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center center;
}
.cta_icon.btn-secondary:hover::after,
.btn-secondary.download:hover::after,
.btn-secondary.outicon:hover::after,
.btn-secondary.arrow:hover::after {
  filter: brightness(0);
}
.cta_icon.btn-secondary::after,
.btn-secondary.download::after,
.btn-secondary.outicon::after,
.btn-secondary.arrow::after,
.callout.green .cta_icon::after,
.callout.green .download::after,
.callout.green .outicon::after,
.callout.green .arrow::after {
  filter: brightness(0) saturate(100%) invert(86%) sepia(91%) saturate(5558%) hue-rotate(319deg) brightness(100%)
    contrast(92%);
}
.cta_icon.down,
.down.download,
.down.outicon,
.down.arrow {
  margin-left: 0;
}
.cta_icon.down::after,
.down.download::after,
.down.outicon::after,
.down.arrow::after {
  transform: rotate(90deg);
  display: block;
  margin: 0 auto;
}
.cta_icon.down:hover::after,
.down.download:hover::after,
.down.outicon:hover::after,
.down.arrow:hover::after {
  filter: brightness(0);
}

.arrow::after {
  background-image: url(/themes/oxlumo/images/link-arrow-black.svg);
}

.notch {
  -webkit-clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 12px);
  clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 12px);
}

.light_green_bg {
  background-color: #eff7e7;
  color: #006b5b;
  padding: 24px 9%;
}

.light_gray_bg {
  background-color: #eaf3f2;
  color: #006b5b;
  padding: 24px 32px;
}
@media screen and (max-width: 480.1px) {
  .light_gray_bg {
    padding: 24px 32px;
  }
}

.outicon::after {
  background-image: url(/themes/oxlumo/images/link-external.svg);
}
.outicon.btn:not(.btn-secondary)::after {
  filter: brightness(0.2);
}
.outicon.btn:not(.btn-secondary):hover::after {
  filter: brightness(100);
}

.download::after {
  background-image: url(/themes/oxlumo/images/download.svg);
}
.download.btn:not(.btn-secondary)::after {
  width: 14px;
}
.download.btn:not(.btn-secondary):hover::after {
  filter: brightness(100);
}

@media screen and (max-width: 480.1px) {
  .tiny_right {
    text-align: left !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_right .text-align-center {
    text-align: left !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_right .text-align-left {
    text-align: left !important;
  }
}

@media screen and (max-width: 480.1px) {
  .tiny_center {
    text-align: center !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_center .text-align-right {
    text-align: center !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_center .text-align-left {
    text-align: center !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_center .align-left,
  .tiny_center.align-left {
    float: none;
    text-align: center !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_center .align-right,
  .tiny_center.align-right {
    float: none;
    text-align: center !important;
  }
}

@media screen and (max-width: 768.1px) {
  .mobile_center {
    text-align: center !important;
  }
}
@media screen and (max-width: 768.1px) {
  .mobile_center .text-align-right {
    text-align: center !important;
  }
}
@media screen and (max-width: 768.1px) {
  .mobile_center .text-align-left {
    text-align: center !important;
  }
}

@media screen and (max-width: 480.1px) {
  .tiny_left {
    text-align: left !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_left .text-align-center {
    text-align: left !important;
  }
}
@media screen and (max-width: 480.1px) {
  .tiny_left .text-align-left {
    text-align: left !important;
  }
}

.hide {
  display: none;
}

@media screen and (max-width: 768.1px) {
  .hide_mobile {
    display: none;
  }
}

@media screen and (min-width: 768.1px) {
  .hide_not-mobile {
    display: none;
  }
}

@media screen and (max-width: 1280.1px) {
  .hide_not-desktop {
    display: none;
  }
}

@media screen and (max-width: 1024.1px) {
  .hide_tablet {
    display: none;
  }
}

@media screen and (min-width: 768.1px) {
  .hide_desktop {
    display: none !important;
  }
}

.hide-day1 {
  display: none;
}
.hide-day1.day14 {
  display: inline-block;
}

@media screen and (min-width: 768.1px) {
  .mobile-center {
    text-align: center;
  }
}

.day1 .show-day1 {
  display: inline-block !important;
}
.day1 .hide-day1 {
  display: none !important;
}

.day14 .show-day14 {
  display: inline-block;
}
.day14 .hide-day14 {
  display: none !important;
}

body:not(.hcp) .hide-patient {
  display: none !important;
}

.hcp .hide-hcp {
  display: none !important;
}

.hcp .show-hcp {
  display: inline-block !important;
}

.image-border img {
  border: 1px solid rgba(143, 143, 143, 0.7);
}

@media screen and (max-width: 1024.1px) {
  .tablet_wrap {
    white-space: normal !important;
  }
}

@media screen and (max-width: 768.1px) {
  .mobile_wrap {
    white-space: normal !important;
  }
}

.mt-0 {
  margin-top: 0;
}

.mt-16 {
  margin-top: 16px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-64 {
  margin-bottom: 64px;
}

@media screen and (max-width: 768.1px) {
  .mt-sm-0 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768.1px) {
  .mt-sm-16 {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 768.1px) {
  .mt-sm-32 {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 768.1px) {
  .mt-sm-48 {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768.1px) {
  .mt-sm-64 {
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 768.1px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768.1px) {
  .mb-sm-16 {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 768.1px) {
  .mb-sm-32 {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 768.1px) {
  .mb-sm-48 {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768.1px) {
  .mb-sm-64 {
    margin-bottom: 64px;
  }
}

.pt-0:not(section) {
  padding-top: 0;
}

.pt-16:not(section) {
  padding-top: 16px;
}

.pt-32:not(section) {
  padding-top: 32px;
}

.pt-48:not(section) {
  padding-top: 48px;
}

.pt-64:not(section) {
  padding-top: 64px;
}

.pb-0:not(section) {
  padding-bottom: 0;
}

.pb-16:not(section) {
  padding-bottom: 16px;
}

.pb-32:not(section) {
  padding-bottom: 32px;
}

.pb-48:not(section) {
  padding-bottom: 48px;
}

.pb-64:not(section) {
  padding-bottom: 64px;
}

.fs-0.fs-0.fs-0 {
  font-size: 0;
}

.fs-12.fs-12.fs-12 {
  font-size: 12px;
}

.fs-16.fs-16.fs-16 {
  font-size: 16px;
}

.fs-22.fs-22.fs-22 {
  font-size: 22px;
}

.fs-24.fs-24.fs-24 {
  font-size: 24px;
}

.fs-32.fs-32.fs-32 {
  font-size: 32px;
}

.fs-48.fs-48.fs-48 {
  font-size: 48px;
}

.fs-64.fs-64.fs-64 {
  font-size: 64px;
}

/* Slick  */
.slick-slider .slick-slide img {
  margin: 0 auto;
}
.slick-slider .slick-active svg {
  outline: 0 !important;
}
.slick-slider .slick-active svg > g {
  fill: #006b5b;
}

.slick-dots {
  display: block;
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 24px auto 0 auto;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
  opacity: 1;
}
.slick-dots li button:before {
  font-size: 32px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  color: #f5b948;
}
.slick-dots li.slick-active button:before {
  color: #006b5b;
}

/** ====== ISI ====== **/
/** ================= **/
.isi {
  position: fixed;
  height: 102px;
  overflow: hidden;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 16px;
  z-index: 9999;
  opacity: 1;
  background: #f4f4f5;
  font-family: "proxima-nova-condensed", sans-serif;
  line-height: 24px;
  transition:
    height 0.5s ease-in-out,
    margin-top 0s;
}
.isi h3,
.isi .h1,
.isi .h2,
.isi .h3 {
  margin: 0 0 8px 0;
  font-weight: 600;
}
.isi p:last-child {
  margin-bottom: 0;
}
.isi strong {
  color: #006b5b;
}
.isi a {
  transition:
    color 0.2s,
    -webkit-text-decoration 0.2s;
  transition:
    color 0.2s,
    text-decoration 0.2s;
  transition:
    color 0.2s,
    text-decoration 0.2s,
    -webkit-text-decoration 0.2s;
}
.isi a:hover {
  color: #f5b948;
  -webkit-text-decoration: underline #3c3c3c;
  text-decoration: underline #3c3c3c;
}
.isi a strong {
  color: inherit;
}
.isi > .field--item {
  max-width: 1212px;
  margin: 0 auto;
  padding: 0 36px;
}
@media screen and (max-width: 480.1px) {
  .isi > .field--item {
    padding: 0 16px;
  }
}
.isi .open-isi,
.isi .close-isi {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 48px;
  font-size: 1.8rem;
  background: #f5b948;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  transition:
    opacity 0.2s,
    margin 0.2s;
}
@media screen and (max-width: 480.1px) {
  .isi .open-isi,
  .isi .close-isi {
    right: 24px;
  }
}
.isi .open-isi::after,
.isi .close-isi::after {
  content: "+";
  display: inline-block;
  position: relative;
  color: #3c3c3c;
  font-weight: 500;
  font-family: Arial, sans-serif;
  line-height: 19px;
}
.isi .close-isi {
  display: none;
}
.isi .close-isi::after {
  content: "−";
}
.isi .hide-open.mobile {
  display: none;
}
.page-note-9 .isi {
  color: #ffffff;
  background: #006b5b;
}
.page-note-9 .isi h3 {
  color: #ffffff;
}
.isi.isi-open {
  height: calc(100vh - 104px) !important;
  height: calc(var(--vh, 1vh) * 100 - var(--header_height, 104px)) !important;
  overflow-y: scroll !important;
  padding-top: 22px;
  z-index: 99;
  transition: height 0.8s ease-in-out;
}
@media screen and (max-width: 1090.1px) {
  .isi.isi-open {
    height: calc(100vh - 137px) !important;
    height: calc(var(--vh, 1vh) * 100 - var(--header_height, 137px)) !important;
  }
}
@media screen and (max-width: 960.1px) {
  .isi.isi-open {
    height: calc(100vh - 117px) !important;
    height: calc(var(--vh, 1vh) * 100 - var(--header_height, 117px)) !important;
  }
}
.isi.isi-open .hide-open {
  display: none;
}
.isi.isi-open .open-isi {
  display: none;
}
.isi.isi-open .close-isi {
  display: block;
}
.isi.isi-open .open-isi,
.isi.isi-open .close-isi {
  z-index: 99;
}
.day1 .isi.isi-open {
  height: calc(100vh - 92px) !important;
  height: calc(var(--vh, 1vh) * 100 - var(--header_height, 92px)) !important;
}
@media screen and (max-width: 1090.1px) {
  .day1 .isi.isi-open {
    height: calc(100vh - 92px) !important;
    height: calc(var(--vh, 1vh) * 100 - var(--header_height, 92px)) !important;
  }
}
@media screen and (max-width: 1300.1px) {
  .hcp .isi.isi-open {
    height: calc(100vh - 152px) !important;
    height: calc(var(--vh, 1vh) * 100 - var(--header_height, 152px)) !important;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp .isi.isi-open {
    height: calc(100vh - 118px) !important;
    height: calc(var(--vh, 1vh) * 100 - var(--header_height, 118px)) !important;
  }
}
.isi.static {
  position: relative;
  height: 100%;
  padding-bottom: 16px;
  z-index: unset;
}
.isi.static.isi-open {
  position: fixed;
}
.isi.static:not(.isi-open) > span {
  opacity: 0;
}
.isi.condense {
  height: 44px;
  padding-top: 8px;
}
.page-note-9 .isi.condense {
  color: #3c3c3c;
  background: #f4f4f5;
}
.page-note-9 .isi.condense h3 {
  color: #ffffff;
}
.isi.stop-ani {
  transition: none;
  height: 44px;
}

@media screen and (max-width: 768.1px) {
  .faq .wrapper {
    padding-top: 64px;
  }
}
.faq dt {
  display: block;
  position: relative;
  padding: 18px 36px 0 0;
  cursor: pointer;
  border-top: 1px solid #f4f4f5;
}
.faq dt::after {
  display: inline-block;
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  right: 5px;
  top: 18px;
  background-image: url("/themes/oxlumo/images/plus.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.faq dt.expanded::after {
  background-image: url("/themes/oxlumo/images/minus.svg");
}
.faq dd {
  font-size: 1.8rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-bottom: 18px;
  transition:
    max-height 0.5s,
    opacity 0.5s,
    padding 0.5s;
}
.faq dd.expanded {
  max-height: 999px;
  padding-top: 16px;
  padding-bottom: 24px;
  opacity: 1;
}
.faq ul:first-child {
  margin-top: 0;
}
.faq ul:last-child {
  margin-bottom: 0;
}
.faq ul li {
  position: relative;
  list-style: none;
  padding-left: 20px;
  margin-bottom: 16px;
  margin-left: 0;
}
.faq ul li:before {
  left: 0;
}
.faq ul li:last-of-type {
  margin-bottom: 0;
}
.faq ul ul li:before {
  background: #a1d784;
}
.faq a {
  transition:
    color 0.2s,
    underline 0.2s;
}
.faq a:hover {
  color: #f5b948;
  -webkit-text-decoration: underline #3c3c3c;
  text-decoration: underline #3c3c3c;
}
.faq .btn {
  min-width: 350px;
  margin: 12px 0;
}
@media screen and (max-width: 768.1px) {
  .faq .btn {
    min-width: auto;
    display: inline-block;
  }
}

section.note .field--name-field-content.field--items {
  max-width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 768.1px) {
  section.note .field--name-field-content.field--items {
    max-width: none;
  }
}

/* Type */
html {
  font-size: 62.5%;
}

body {
  font:
    normal 1.8rem/1.5 "proxima-nova",
    sans-serif;
  color: #3c3c3c;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #006b5b;
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 600;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a {
  color: inherit;
}

h1,
.h1 {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.17em;
}
@media screen and (max-width: 768.1px) {
  h1,
  .h1 {
    font-size: 4rem;
    line-height: 1.11em;
  }
}

h2,
.h2 {
  font-size: 3.2rem;
  line-height: 1.25em;
}

h3,
.h3 {
  font-size: 2.4rem;
}

h4,
h4 {
  font-size: 2rem;
}

strong strong {
  font-weight: 700 !important;
}

input,
select,
textarea,
label {
  color: #353535;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.75;
}

sub {
  font-size: 10px;
  position: relative;
  top: 0;
}

sup {
  font-size: 0.5em;
  position: relative;
  top: -0.5em;
  vertical-align: middle;
}

blockquote {
  border-left: solid 1px;
  font-style: italic;
  margin: 0 0 144px 0;
  padding: 36px 0 36px 144px;
}

code {
  border: solid 1px;
  font-size: 0.9em;
  margin: 0 0.25em;
  padding: 0.25em 0.65em;
}

pre {
  -webkit-overflow-scrolling: touch;
  font-size: 0.9em;
  margin: 0 0 144px 0;
}
pre code {
  display: block;
  line-height: 1.75;
  padding: 1em 1.5em;
  overflow-x: auto;
}

hr {
  border: 0;
  border-bottom: solid 1px #ececec;
  margin: 144px 0;
}

.orange {
  color: #f5b948;
}

h3.orange {
  margin-bottom: 0.5em;
}

.gray {
  color: #8f8f8f;
}

.green:not(section) {
  color: #34935c;
}

.darkgreen:not(section) {
  color: #006b5b;
}

.black {
  color: #3c3c3c;
}

.block-page-title-block {
  display: none;
}

header {
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 600;
}
header .residents_mobile {
  color: #006b5b;
  text-transform: uppercase;
}
header a.btn {
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: 700;
}

nav .menu {
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 600;
}
nav .menu.menu--main {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25em;
}
@media screen and (max-width: 960.1px) {
  nav .menu.menu--main {
    font-size: 1.8rem;
  }
}
nav .menu.menu--utility-navigation {
  font-size: 1.2rem;
  text-transform: uppercase;
}
@media screen and (max-width: 480.1px) {
  nav .menu.menu--utility-navigation {
    font-size: 1rem;
  }
}

.hero {
  font-size: 2.4rem;
}
.hero h1,
.hero h2,
.hero h3,
.hero .h1,
.hero .h2,
.hero .h3 {
  color: #f5b948;
  font-family: "proxima-nova", sans-serif;
}
.hero .h2 {
  font-size: 7.2rem;
  font-weight: 800;
  line-height: 0.8;
  color: #f5b948;
}
@media screen and (max-width: 1024.1px) {
  .hero .h2 {
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 768.1px) {
  .hero .h2 {
    font-size: 2.8rem;
    line-height: 1;
  }
}
.hero .h2 span {
  display: block;
  color: #006b5b;
  font-weight: 600;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 6rem;
}
@media screen and (max-width: 768.1px) {
  .hero .h2 span {
    font-size: 2.2rem;
  }
}
.hero .h2 strong {
  display: block;
  font-weight: 800;
  font-family: "proxima-nova", sans-serif;
  font-size: 7.2rem;
}
@media screen and (max-width: 1024.1px) {
  .hero .h2 strong {
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 768.1px) {
  .hero .h2 strong {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768.1px) {
  .hero.smaller_mobile h2 strong,
  .hero.smaller_mobile .h2 strong {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.smaller_mobile h2 strong,
  .hero.smaller_mobile .h2 strong {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.smaller_tiny h2 strong,
  .hero.smaller_tiny .h2 strong {
    font-size: 2.4rem;
  }
}
.hero a {
  text-decoration: none;
}
.hero .btn {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
}
.hero .eyebrow {
  color: #f5b948;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 4.8rem;
  font-weight: 600;
}
@media screen and (max-width: 480.1px) {
  .hero .eyebrow {
    font-size: 2.4rem;
  }
}
.hero .eyebrow strong {
  font-size: 4.8rem;
  font-weight: 600;
}
@media screen and (max-width: 480.1px) {
  .hero .eyebrow strong {
    font-size: 2.4rem;
  }
}
.page-node-1 .hero h2,
.page-node-8 .hero h2 {
  font-size: 4.2rem;
  font-weight: 600;
}
@media screen and (max-width: 768.1px) {
  .page-node-1 .hero h2,
  .page-node-8 .hero h2 {
    font-size: 2.4rem;
    line-height: 1.25em;
  }
}
.hero.dosing_hero .wrapper {
  padding: 64px 12px;
}
.hero.dosing_hero .wrapper h2 {
  color: #ffffff;
}
.hero.dosing_hero .wrapper h2 span {
  color: #f5b948;
}
@media screen and (max-width: 768.1px) {
  .hero.dosing_hero .wrapper h2 span {
    line-height: 1;
  }
}
@media screen and (max-width: 768.1px) {
  .hero.dosing_hero .wrapper h2 span strong {
    font-size: 3.6rem;
    line-height: 1;
  }
}
.hero.signup h2 {
  font-size: 3.4rem;
  color: #006b5b;
  font-family: _fonts(heading);
}
.hero.signup span {
  color: #006b5b;
  font-family: _fonts(body);
}

.home-hero h1,
.home-hero .h1 {
  font-size: 4.2rem;
  line-height: 1.25em;
  font-weight: 600;
}
@media screen and (max-width: 650.1px) {
  .home-hero h1,
  .home-hero .h1 {
    font-size: 2.4rem;
  }
}

section .btn {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.6rem;
}
section h3,
section .h3 {
  color: #34935c;
}
section .table_title {
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #006b5b;
  text-align: center;
}
section.top {
  font-weight: 600;
}
section.top h1,
section.top .h1,
section.top h2,
section.top .h2 {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.2em;
}
@media screen and (max-width: 480.1px) {
  section.top h1,
  section.top .h1,
  section.top h2,
  section.top .h2 {
    font-size: 4rem;
  }
}
.hcp section.top {
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
}
.hcp section.top strong {
  font-weight: 900;
}
.hcp section.top h3,
.hcp section.top .h3 {
  color: #3c3c3c;
}
section.green_type {
  color: #006b5b;
}
section.green_type h3,
section.green_type .h3 {
  color: #34935c;
}
section.semi_bold {
  font-weight: 600;
}
@media screen and (max-width: 768.1px) {
  section.green_bg h2,
  section.green_bg .h2,
  section.green_bg_desktop h2,
  section.green_bg_desktop .h2 {
    font-size: 2rem;
  }
}
section.green_type {
  color: #006b5b;
}

.section_heading h1,
.section_heading .h1,
.section_heading h2,
.section_heading .h2 {
  font-size: 4.8rem;
}
@media screen and (max-width: 480.1px) {
  .section_heading h1,
  .section_heading .h1,
  .section_heading h2,
  .section_heading .h2 {
    font-size: 4rem;
    line-height: 1em;
  }
}
.section_heading.smaller h3,
.section_heading.shorter h3 {
  font-size: 3.2rem;
  color: #006b5b;
  margin-bottom: 12px;
}
.section_heading.small_type h2,
.section_heading.small_type .h2 {
  font-size: 3.2rem;
}

.columns {
  font-size: 1.8rem;
}
.columns h4 {
  color: #006b5b;
  font-size: 2.4rem;
}
.columns.green_cell h3 {
  color: #34935c;
  font-weight: 700;
  font-size: 2.4rem;
}
.columns.support_team h3 {
  color: #006b5b;
}
.columns.support_team .light_gray_bg {
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 600;
}

.table p strong {
  font-size: 2rem;
}
.table h2 {
  font-size: 3.2rem;
}
.table h3 {
  font-size: 2.4rem;
}
.table.green_cells h3,
.table.green_cells .h3 {
  color: #34935c;
}

.infographics .description {
  font-size: 2.2rem;
  text-align: center;
}

.counter {
  font-family: "proxima-nova-condensed", sans-serif;
}
.counter .counter_amount {
  font-family: "din-condensed", sans-serif;
  font-size: 18rem;
  font-weight: 500;
  line-height: 0.92em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 480.1px) {
  .counter .counter_amount {
    font-size: 10.5rem;
  }
}
.counter .counter_amount::after {
  font-size: 7.2rem;
  font-weight: 300;
  line-height: 0;
}
@media screen and (max-width: 480.1px) {
  .counter .counter_amount::after {
    font-size: 4rem;
  }
}
.counter .counter_label {
  font-size: 2.4rem;
  line-height: 1.2em;
}
@media screen and (max-width: 480.1px) {
  .green_bg .counter .counter_label {
    white-space: nowrap;
    width: 169px !important;
  }
}

.callout {
  font-size: 1.8rem;
}
.callout h2 {
  color: #ffffff;
  font-size: 2.4rem;
}
.callout h4 {
  font-family: "proxima-nova", sans-serif;
}
.callout.white .field--items.field--name-field-content {
  font-size: 1.8rem;
  color: #3c3c3c;
}
.callout.white h2 {
  color: #006b5b;
  font-size: 4.8rem;
  line-height: 1.2em;
}
@media screen and (max-width: 480.1px) {
  .callout.white h2 {
    font-size: 4rem;
    line-height: 1.1em;
  }
}
.callout.white h3 {
  color: #006b5b;
  font-size: 2.4rem;
  line-height: 1.33em;
  font-weight: 600;
}
.callout.white h4 {
  color: #006b5b;
  font-size: 1.8rem;
}
.callout.white strong {
  color: inherit;
}
.callout.green .field--items.field--name-field-content {
  color: #ffffff;
  font-size: 2.8rem;
  font-family: "proxima-nova-condensed", sans-serif;
  line-height: 1.2em;
}
.callout.green a {
  color: #ffffff;
  font-weight: 600;
}
.callout.green em {
  font-family: "proxima-nova", sans-serif;
  color: #f5b948;
  font-weight: 600;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1em;
  transition: color 0.2s;
}
.callout.green .right_text {
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3em;
  text-decoration: none;
  transition: color 0.2s;
}
.callout.green .right_text .arrow {
  color: #f5b948;
  font-size: 4.2rem;
  font-weight: 800;
  font-family: "proxima-nova", sans-serif;
  transition: color 0.2s;
}
@media screen and (max-width: 480.1px) {
  .callout.green .right_text .arrow {
    white-space: normal;
  }
}
@media screen and (max-width: 1024.1px) {
  .callout.green.tablet_small_type .arrow {
    font-size: 3.5rem;
  }
}
.callout.green_type {
  color: #006b5b;
}
.callout.green_type strong,
.callout.green_type p,
.callout.green_type h2,
.callout.green_type h3 {
  color: #006b5b;
}
.callout.yellow strong {
  color: #006b5b;
  font-weight: 600;
}
.callout.yellow strong strong {
  font-weight: 700;
}
.callout.yellow a strong {
  color: inherit;
}
.callout.sub_heading h2,
.callout.sub_heading .h2 {
  font-size: 3.2rem;
  color: #006b5b;
}
.callout.sub_heading h3,
.callout.sub_heading .h3 {
  font-size: 2.4rem;
  color: #3c3c3c;
}

.chart {
  color: #ffffff;
}
.chart h3,
.chart h4,
.chart p {
  color: #ffffff;
}
.chart h3 {
  font-size: 3.2rem;
}
@media screen and (max-width: 480.1px) {
  .chart h3 {
    font-size: 1.8rem;
  }
}

.list_cols ul {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (max-width: 768.1px) {
  .list_cols ul {
    font-size: 1.2rem;
  }
}
.list_cols .field--items.field--name-field-content > .field--item ul {
  color: #a3a5a2;
}
.list_cols .field--items.field--name-field-content > .field--item:first-child ul li:first-child::before {
  background: #a3a5a2;
}
.list_cols .field--items.field--name-field-content > .field--item:nth-child(2) ul {
  color: #f5b948;
}
.list_cols .list_col_heading {
  font-size: 1.6rem;
  color: #ffffff;
}
@media screen and (max-width: 480.1px) {
  .list_cols .list_col_heading {
    font-size: 1.4rem;
  }
}

.endpoint h4,
.endpoint .h4 {
  margin-bottom: 10px;
  font-size: 2.4rem;
  line-height: 1.2em;
  color: #3c3c3c;
}
@media screen and (max-width: 768.1px) {
  .endpoint h4,
  .endpoint .h4 {
    font-size: 2rem;
    line-height: 1em;
  }
}
.endpoint.green_bg {
  font-size: 2.4rem;
  line-height: 1.2em;
  font-weight: 600;
  font-family: "proxima-nova-condensed", sans-serif;
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg {
    font-size: 1.8rem;
    line-height: 1.33em;
  }
}
.endpoint.green_bg h4,
.endpoint.green_bg .h4 {
  color: #ffffff;
}
.endpoint.green_bg .orange {
  margin-bottom: 5px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg .orange {
    margin-bottom: 16px;
  }
}

.results {
  font-size: 2.2rem;
  line-height: 1.25;
}
.results .light_green_bg {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
}
@media screen and (max-width: 768.1px) {
  .results .light_green_bg {
    font-size: 1.4rem;
  }
}
.results .light_green_bg article {
  margin-bottom: 1em;
}
.results .light_green_bg strong {
  font-weight: 800;
}
section.icons {
  line-height: 1.33em;
}
section.icons strong {
  font-size: 2rem;
}
section.icons br {
  content: "";
  display: block;
  font-size: 80%;
  height: 0.8em;
}

.isi {
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif;
  color: #353535;
}
.isi h3,
.isi .h3 {
  font-size: 2rem;
}

.popup h3,
.popup .h3 {
  font-size: 3.4rem;
  line-height: 1em;
  font-weight: bold;
}
.popup strong {
  font-weight: 600;
}
.popup a.btn {
  font-size: 1.8rem;
}
.popup .note {
  color: #848484;
  font-size: 1.2rem;
  font-family: "proxima-nova-condensed", sans-serif;
}

.faq dt {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
}
.faq dd {
  font-size: 1.8rem;
}

#edit-form-intro em {
  color: #006b5b;
  font-size: 1.4rem;
}
#edit-form-intro ol {
  font-size: 1.8rem;
}

.note {
  font-size: 1.4rem;
  font-weight: normal !important;
  font-family: "proxima-nova", sans-serif;
}

p.note,
span.note {
  position: relative;
}
p.note sup,
span.note sup {
  font-size: 10px;
}
p.note.asterisk,
p.note.dbl_asterisk,
p.note.dagger,
p.note.two_dagger,
p.note.dbl_dagger,
p.note.two_dbl_dagger,
p.note.empty,
p.note.section_sign,
p.note.dbl_section_sign,
p.note.dbl_pipe,
p.note.paragraph,
span.note.asterisk,
span.note.dbl_asterisk,
span.note.dagger,
span.note.two_dagger,
span.note.dbl_dagger,
span.note.two_dbl_dagger,
span.note.empty,
span.note.section_sign,
span.note.dbl_section_sign,
span.note.dbl_pipe,
span.note.paragraph {
  padding-left: 13px;
  margin-bottom: 10px;
}
p.note.asterisk::before,
p.note.dbl_asterisk::before,
p.note.dagger::before,
p.note.two_dagger::before,
p.note.dbl_dagger::before,
p.note.two_dbl_dagger::before,
p.note.empty::before,
p.note.section_sign::before,
p.note.dbl_section_sign::before,
p.note.dbl_pipe::before,
p.note.paragraph::before,
span.note.asterisk::before,
span.note.dbl_asterisk::before,
span.note.dagger::before,
span.note.two_dagger::before,
span.note.dbl_dagger::before,
span.note.two_dbl_dagger::before,
span.note.empty::before,
span.note.section_sign::before,
span.note.dbl_section_sign::before,
span.note.dbl_pipe::before,
span.note.paragraph::before {
  position: absolute;
  display: inline-block;
  width: 10px;
  top: 0;
  left: 2px;
  font-size: 9px;
  text-align: right;
}
p.note.asterisk::before,
span.note.asterisk::before {
  content: "*";
  font-size: 1.2rem;
}
p.note.dbl_asterisk::before,
span.note.dbl_asterisk::before {
  content: "**";
  font-size: 1.2rem;
}
p.note.dagger::before,
span.note.dagger::before {
  content: "†";
}
p.note.two_dagger::before,
span.note.two_dagger::before {
  content: "††";
}
p.note.dbl_dagger::before,
span.note.dbl_dagger::before {
  content: "‡";
}
p.note.two_dbl_dagger::before,
span.note.two_dbl_dagger::before {
  content: "‡‡";
}
p.note.section_sign::before,
span.note.section_sign::before {
  content: "§";
  font-size: 1rem;
}
p.note.dbl_section_sign::before,
span.note.dbl_section_sign::before {
  content: "§§";
  font-size: 1rem;
}
p.note.dbl_pipe::before,
span.note.dbl_pipe::before {
  content: "||";
  font-size: 1rem;
}
p.note.paragraph::before,
span.note.paragraph::before {
  content: "¶";
  font-size: 1.1rem;
}
p.note.dosing,
span.note.dosing {
  margin: 24px 0 0 16px;
}
@media screen and (max-width: 480.1px) {
  p.note.dosing,
  span.note.dosing {
    margin: 24px 0 0 0;
  }
}
p.note.text-align-center,
span.note.text-align-center {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
p.note.text-align-center:before,
span.note.text-align-center:before {
  position: relative;
  margin-right: 3px;
  top: -5px;
}
p.note + p a.btn,
span.note + p a.btn {
  margin-top: 22px !important;
}

.condensed_type {
  font-family: "proxima-nova-condensed", sans-serif;
}

.gray_type {
  font-family: "proxima-nova-condensed", sans-serif;
}

footer {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.4rem;
  color: #848484;
}
footer .menu {
  font-weight: 600;
}

.success h1,
.success h2 {
  font-size: 4.8rem;
}
.day14 .success h1,
.hcp .success h1,
.day14 .success h2,
.hcp .success h2 {
  font-weight: 700;
}
.success h3,
.success strong {
  font-weight: 600;
}

.references {
  font-size: 1.4rem;
  font-weight: normal;
  font-family: "proxima-nova", sans-serif;
}

.sitemap {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.8rem;
  line-height: 2.5em;
}
.sitemap a {
  text-decoration: none;
}
.sitemap a:hover {
  -webkit-text-decoration: underline #f5b948;
  text-decoration: underline #f5b948;
}
.sitemap a.smaller {
  font-size: 1.4rem;
  font-weight: 600;
}

header {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 360px;
  padding-top: 24px;
  z-index: 99;
  background: #ffffff;
}
@media screen and (max-width: 480.1px) {
  header {
    padding-top: 24px;
  }
}
header p {
  margin: 0;
  padding: 0;
}
header .region-header-top {
  width: 100%;
}
header .header_middle {
  padding: 0 35px 12px 35px;
}
@media screen and (max-width: 480.1px) {
  header .header_middle {
    padding: 0 13px 12px 13px;
  }
}
header .header_middle .wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1600px;
  align-items: center;
}
header .region-header-first {
  min-width: 162px;
  max-width: 204px;
}
@media screen and (max-width: 960.1px) {
  header .region-header-first {
    flex-basis: 44%;
  }
}
header .region-header-second {
  text-align: center;
}
@media screen and (max-width: 960.1px) {
  header .region-header-second {
    order: 3;
    flex-basis: 26px;
  }
}
header .region-header-second nav:first-child {
  display: flex;
  justify-content: space-around;
}
header .region-header-second nav:not(:first-child) {
  margin-top: 8px;
  border-top: 1px solid rgba(102, 102, 102, 0.2);
}
@media screen and (max-width: 960.1px) {
  header .region-header-second nav:not(:first-child) {
    margin-top: 0;
    border-top: 0 none;
  }
}
@media screen and (max-width: 1300.1px) {
  .hcp header .region-header-second nav > .menu > li > a {
    margin: 0 6px;
  }
}
@media screen and (max-width: 1160.1px) {
  .hcp header .region-header-second nav > .menu > li > a {
    margin: 0 14px;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp header .region-header-second nav > .menu > li > a {
    margin: 7px 0;
  }
}
@media screen and (max-width: 960.1px) {
  header .region-header-second .menu--utility-navigation {
    display: none;
  }
}
@media screen and (max-width: 960.1px) {
  header .region-header-third {
    flex-basis: 36%;
  }
}
header a[href^="tel:"]:hover {
  border: 2px transparent none !important;
}
header .logo {
  font-size: 0;
}
header .logo a {
  display: inline-block;
  font-size: inherit;
}
header .btn {
  height: 48px;
  min-width: 200px;
  padding: 2px 16px 0 16px;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 1380.1px) {
  header .btn {
    white-space: normal;
    max-width: 142px;
    min-width: 142px;
  }
}
@media screen and (max-width: 960.1px) {
  header .btn {
    min-width: 142px;
    max-width: 206px;
  }
}
@media screen and (max-width: 630.1px) {
  header .btn {
    max-width: 140px;
    min-width: 125px;
  }
}

nav > .menu {
  padding: 0;
  margin: 0;
  text-align: center;
}
nav > .menu > li {
  display: inline-block;
}
nav > .menu a {
  display: inline-block;
  padding: 0 0 2px 0;
  margin: 0 14px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
@media screen and (max-width: 480.1px) {
  nav > .menu a {
    max-width: none;
    padding: 0;
  }
}
nav > .menu a:hover {
  border-bottom: 2px solid #f5b948;
  text-decoration: none;
}
nav > .menu.menu--main {
  margin: 10px 0 0 0;
  background: #ffffff;
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--main {
    position: absolute;
    width: 100%;
    height: 100vh;
    padding: 0 0 0 64px;
    margin: 0;
    top: 108px;
    top: var(--header_height, 108px);
    right: 0;
    overflow: hidden;
    text-align: left;
    opacity: 0;
    max-height: 0;
    transition:
      max-height 0.2s,
      opacity 0.2s,
      padding 0.2s;
  }
}
@media screen and (max-width: 480.1px) {
  nav > .menu.menu--main {
    top: 112px;
    top: var(--header_height, 112px);
  }
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--main > li {
    display: block;
  }
}
nav > .menu.menu--main > li > a {
  position: relative;
  border-bottom: 0 none;
  padding: 0 0 6px 0;
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--main > li > a {
    max-width: none;
    width: auto;
    margin: 7px 0;
    padding: 5px 0;
  }
}
nav > .menu.menu--main > li > a::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #f5b948;
  transition: width 0.2s;
}
nav > .menu.menu--main > li > a.is-active {
  border-bottom: 0 none;
}
nav > .menu.menu--main > li > a.is-active::after {
  width: 100%;
}
nav > .menu.menu--main > li > a:not(:active):hover {
  border-bottom: 0 none;
}
nav > .menu.menu--main > li > a:not(:active):hover::after {
  width: 100%;
}
@media screen and (max-width: 768.1px) {
  nav > .menu.menu--main > li > a:not(:active):hover::after {
    width: 0;
  }
}
@media screen and (max-width: 1090.1px) {
  body:not(.hcp) nav > .menu.menu--main > li > a {
    width: min-content;
  }
}
@media screen and (max-width: 960.1px) {
  body:not(.hcp) nav > .menu.menu--main > li > a {
    width: auto;
  }
}
@media screen and (max-width: 1160.1px) {
  .hcp nav > .menu.menu--main > li > a {
    width: min-content;
    vertical-align: top;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp nav > .menu.menu--main > li > a {
    width: auto;
  }
}
@media screen and (max-width: 960.1px) {
  .day14 nav > .menu.menu--main > li .hcp_site,
  .page-node-7 nav > .menu.menu--main > li .hcp_site,
  .page-node-8 nav > .menu.menu--main > li .hcp_site {
    display: inline-block;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp nav > .menu.menu--main > li .patient_site {
    display: inline-block;
  }
}
nav > .menu.menu--main > li .hcp_site,
nav > .menu.menu--main > li .patient_site {
  display: none;
  font-size: 1.4rem;
}
nav > .menu.menu--main a.mobile_call {
  display: none;
  margin-top: 16px !important;
  min-width: 310px;
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--main a.mobile_call {
    display: block;
  }
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--utility-navigation {
    margin-bottom: 9px;
  }
}
nav > .menu.menu--utility-navigation li {
  line-height: 1em;
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--utility-navigation li:not(.last) {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid #459287;
  }
}
nav > .menu.menu--utility-navigation li:nth-child(1) {
  margin-right: 0;
  padding-right: 0;
  border-right: 0 none;
}
@media screen and (max-width: 640.1px) {
  nav > .menu.menu--utility-navigation li:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 825.1px) {
  nav > .menu.menu--utility-navigation li:nth-last-child(2) {
    display: none;
  }
}
@media screen and (max-width: 520.1px) {
  nav > .menu.menu--utility-navigation li:nth-last-child(3) {
    margin-right: 0;
    padding-right: 0;
    border-right: 0 none;
  }
}
nav > .menu.menu--utility-navigation li:last-child() {
  margin-right: 0;
}
@media screen and (max-width: 520.1px) {
  nav > .menu.menu--utility-navigation li.last {
    display: none;
  }
}
@media screen and (max-width: 1190.1px) {
  nav > .menu.menu--utility-navigation a {
    max-width: 100px;
  }
}
@media screen and (max-width: 960.1px) {
  nav > .menu.menu--utility-navigation a {
    max-width: none;
    padding: 0;
    margin: 0;
    border-bottom: 0 none;
  }
}
.page-node-9 nav > .menu.menu--utility-navigation .hcp-link,
.page-node-13 nav > .menu.menu--utility-navigation .hcp-link,
.page-node-14 nav > .menu.menu--utility-navigation .hcp-link {
  display: none;
}
nav > .menu.menu--utility-navigation .patient-link {
  display: none;
}
.hcp nav > .menu.menu--utility-navigation .patient-link,
.page-node-9 nav > .menu.menu--utility-navigation .patient-link,
.page-node-13 nav > .menu.menu--utility-navigation .patient-link {
  display: inline-block;
}
@media screen and (max-width: 520.1px) {
  .hcp nav > .menu.menu--utility-navigation .fpi {
    margin-right: 0;
    padding-right: 0;
    border-right: 0 none;
  }
}
nav.menu--main {
  display: none;
}
@media screen and (max-width: 960.1px) {
  nav.menu--main {
    display: block;
  }
}
.day14 nav.menu--main {
  display: block;
}
nav.subnav {
  position: absolute;
  height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: -1;
  width: 100%;
  font-size: 1.4rem;
  background: #3c3c3c;
  transition: height 0.2s ease 0.1s;
}
nav.subnav > .menu {
  transition: transform 0.8s ease;
}
@media screen and (max-width: 960.1px) {
  nav.subnav > .menu {
    width: max-content;
    text-align: left;
    transform: translateX(-100vw);
  }
}
nav.subnav > .menu > li > a {
  padding: 14px 0 10px 0;
  border-bottom: 0 none;
  color: #f5b948;
  transition: color 0.2s;
}
nav.subnav > .menu > li > a:hover {
  color: #ffffff;
  border-bottom: 0 none;
}
nav.subnav > .menu > li > a.active {
  color: #ffffff;
}
nav.subnav.open {
  height: 45px;
}
nav.subnav.open > .menu {
  transform: translateX(0vw);
}
nav .residents_mobile {
  white-space: nowrap;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #006b5b;
  color: #ffffff;
  padding-top: 2px;
  text-transform: none;
}
@media screen and (max-width: 960.1px) {
  nav .logo {
    min-width: 162px;
  }
}
nav.mobile {
  display: none;
}
@media screen and (max-width: 960.1px) {
  nav.mobile {
    display: block;
  }
}
nav .mobile_btn {
  display: none;
  width: 24px;
}
@media screen and (max-width: 960.1px) {
  nav .mobile_btn {
    display: inline-block;
  }
}
nav .mobile_btn span {
  display: block;
  height: 2px;
  width: 24px;
  margin: 6px 0;
  background: #3c3c3c;
  pointer-events: none;
  transition:
    transform 0.2s,
    opacity 0.2s;
}
nav .mobile_btn span:last-child {
  margin-bottom: 0;
}
nav a {
  text-decoration: none;
}
nav ul.menu a.is-active {
  color: #3c3c3c;
}
@media screen and (max-width: 825.1px) {
  .hcp nav > .menu.menu--utility-navigation li:nth-last-child(2) {
    display: inline-block;
    margin-right: 0;
    padding-right: 0;
    border-right: 0 none;
  }
}
@media screen and (max-width: 520.1px) {
  .hcp nav > .menu.menu--utility-navigation li:nth-last-child(3) {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid #459287;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp nav > .menu.menu--utility-navigation li .hcp_site {
    display: none;
  }
}
@media screen and (max-width: 960.1px) {
  .hcp nav > .menu.menu--utility-navigation li .patient_site {
    display: inline-block;
  }
}
@media screen and (max-width: 520.1px) {
  .day1.hcp nav > .menu.menu--utility-navigation li:nth-last-child(3) {
    margin-right: 0;
    padding-right: 0;
    border-right: 0 none;
  }
}

input.mobile_btn_ckbox {
  height: 24px;
  width: 24px;
  position: absolute;
  opacity: 0;
}
input.mobile_btn_ckbox:checked ~ ul.menu {
  max-height: 100vh;
  opacity: 1;
}
@media screen and (max-width: 960.1px) {
  input.mobile_btn_ckbox:checked ~ ul.menu {
    padding: 32px;
  }
}
input.mobile_btn_ckbox:checked ~ .mobile_btn span:nth-child(1) {
  transform: translateY(8px) rotate(-135deg);
}
input.mobile_btn_ckbox:checked ~ .mobile_btn span:nth-child(2) {
  transform: rotateY(90deg);
}
input.mobile_btn_ckbox:checked ~ .mobile_btn span:nth-child(3) {
  transform: translateY(-8px) rotate(135deg);
}

a.mobile_call {
  display: inline-block;
  line-height: 0.7em;
  width: 310px;
  text-align: left;
  text-decoration: none;
}
a.mobile_call.nursing_call {
  display: block;
  width: auto;
  max-width: 349px;
}
@media screen and (max-width: 768.1px) {
  a.mobile_call.nursing_call {
    max-width: auto;
  }
}
@media screen and (max-width: 768.1px) {
  a.mobile_call.nursing_call .call_box {
    padding: 10px 60px;
  }
}
@media screen and (max-width: 374.1px) {
  a.mobile_call.nursing_call .call_box {
    padding: 10px 30px;
  }
}
a.mobile_call.nursing_call .call_box .phone,
a.mobile_call.nursing_call .call_box .hours {
  display: block;
  line-height: normal;
}
a.mobile_call:hover {
  border: 0 none;
}
a.mobile_call .title {
  display: block;
  color: #006b5b;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}
a.mobile_call .call_box {
  display: block;
  border: 2px solid #f5b948;
  padding: 10px 40px;
  border-radius: 4px;
  text-align: center;
}
a.mobile_call .call_box::before {
  content: " ";
  float: left;
  display: inline-block;
  margin-right: 10px;
  width: 36px;
  height: 36px;
  background: url("/themes/oxlumo/images/headset.svg");
}
a.mobile_call .call_box_inner {
  display: inline-block;
}
a.mobile_call .number {
  color: #353535;
}
a.mobile_call .hours {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "proxima-nova", sans-serif;
  color: #8f8f8f;
}
a.mobile_call strong {
  font-family: "proxima-nova", sans-serif;
  color: #8f8f8f;
  display: block;
}

footer .wrapper {
  display: flex;
  justify-content: space-between;
  padding: 80px;
  max-width: 1760px;
  margin: 0 auto;
}
@media screen and (max-width: 768.1px) {
  footer .wrapper {
    padding: 8%;
  }
}
@media screen and (max-width: 600.1px) {
  footer .wrapper {
    display: block;
  }
}
@media screen and (max-width: 420.1px) {
  footer .wrapper {
    padding: 48px 16px 16px 16px;
  }
}
footer ul.menu.menu--footer {
  min-width: 340px;
}
@media screen and (max-width: 1024.1px) {
  footer ul.menu.menu--footer {
    min-width: auto;
    text-align: left;
  }
}
@media screen and (max-width: 480.1px) {
  footer ul.menu.menu--footer {
    text-align: left;
  }
}
footer ul.menu.menu--footer li a {
  margin: 4px 0;
  min-width: max-content;
}
@media screen and (max-width: 840.1px) {
  footer ul.menu.menu--footer li {
    display: block;
  }
}
@media screen and (max-width: 600.1px) {
  footer ul.menu.menu--footer li {
    display: inline-block;
  }
}
footer ul.menu.menu--footer li:not(.last) a {
  margin-right: 16px;
}
footer .region-footer-second {
  text-align: left;
  margin: 0 36px;
}
@media screen and (max-width: 600.1px) {
  footer .region-footer-second {
    margin: 24px 0;
  }
}
footer .copyright {
  padding: 0 12px;
}
footer .logo a {
  display: block;
  line-height: 0;
}

.mobile_menu {
  display: none;
}

.page-header {
  display: none;
}

.wrapper .wrapper {
  padding: 0;
}

.region-content {
  margin-bottom: 72px;
}
@media screen and (max-width: 768.1px) {
  .region-content {
    margin-bottom: 0;
  }
}

section[id]::before {
  display: block;
  content: "";
  height: 1px;
  padding-top: 180px;
  padding-top: calc(60px + var(--header_height, 120px));
  margin-top: -180px;
  margin-top: calc(-60px - var(--header_height, 120px));
  visibility: hidden;
}
section > .wrapper {
  max-width: 1212px;
  margin: 0 auto;
  padding: 72px 36px;
}
@media screen and (max-width: 768.1px) {
  section > .wrapper {
    padding: 32px;
  }
}
@media screen and (max-width: 480.1px) {
  section > .wrapper {
    padding-left: 13px;
    padding-right: 13px;
  }
}
section h1,
section h2,
section h3,
section .h1,
section .h2,
section .h3 {
  margin-bottom: 0.75em;
}
@media screen and (max-width: 480.1px) {
  section h1,
  section h2,
  section h3,
  section .h1,
  section .h2,
  section .h3 {
    margin-bottom: 0.5em;
  }
}
section h1:first-child,
section h2:first-child,
section h3:first-child,
section .h1:first-child,
section .h2:first-child,
section .h3:first-child {
  margin-top: 0;
}
section h1:last-child,
section h2:last-child,
section h3:last-child,
section .h1:last-child,
section .h2:last-child,
section .h3:last-child {
  margin-bottom: 0;
}
section h1,
section .h1 {
  margin-bottom: 0.6em;
}
section p:last-child {
  margin-bottom: 0 !important;
}
section .btn {
  min-width: 350px;
}
@media screen and (max-width: 480.1px) {
  section .btn {
    display: inline-block;
    width: 100%;
    min-width: auto;
  }
}
section .btn + .btn {
  margin-top: 24px;
}
section ul li {
  margin-left: 1.5em;
  margin-bottom: 0.75em;
}
section ul li::before {
  top: 11px;
  left: -24px;
}
section ul:first-child {
  margin-top: 0;
}
section ol li:not(:last-child) {
  margin-bottom: 16px;
}
section .table_title {
  padding: 12px;
}
section.top h2 {
  margin-bottom: 24px;
}
section:not(.sitemap) > .wrapper strong a:not(.btn):not(.mobile_call):not(.tab) {
  text-decoration: none;
  border-bottom: 2px solid #f5b948;
  padding-bottom: 3px;
  line-height: 2em;
  transition:
    color 0.2s,
    border-color 0.2s;
}
section:not(.sitemap) > .wrapper strong a:not(.btn):not(.mobile_call):not(.tab):hover {
  color: #f5b948;
  border-color: #3c3c3c;
}
section.shorter h2 {
  margin-bottom: 14px !important;
}
@media screen and (max-width: 768.1px) {
  section.shorter .field--name-field-content.field--items > .field--item {
    margin: 0 !important;
  }
}
section.shortish .wrapper {
  padding-bottom: 36px;
}
@media screen and (max-width: 768.1px) {
  section.shortish .wrapper {
    padding-bottom: 0;
  }
}
.day14 section.smaller.show-day14 {
  display: block !important;
}
section.smaller div.wrapper {
  max-width: 972px;
  margin: 0 auto;
}
section.thinner > .wrapper {
  max-width: 972px;
}
section.green_bg {
  background: #006b5b;
  color: #ffffff;
}
section.green_bg h2,
section.green_bg .h2,
section.green_bg h3,
section.green_bg .h3,
section.green_bg h4,
section.green_bg .h4 {
  color: #ffffff;
}
@media screen and (min-width: 768.1px) {
  section.green_bg_desktop {
    background: #006b5b;
    color: #ffffff;
  }
  section.green_bg_desktop h2,
  section.green_bg_desktop .h2,
  section.green_bg_desktop h3,
  section.green_bg_desktop .h3,
  section.green_bg_desktop h4,
  section.green_bg_desktop .h4 {
    color: #ffffff;
  }
}
section.border_btm {
  margin-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  section.border_btm {
    margin-bottom: 32px;
  }
}
section.border_btm > .wrapper {
  padding-bottom: 72px;
  border-bottom: 2px solid rgba(143, 143, 143, 0.25);
}
@media screen and (max-width: 768.1px) {
  section.border_btm > .wrapper {
    padding-bottom: 64px;
  }
}
section.pt-0 > div.wrapper {
  padding-top: 0 !important;
}
section.pt-0 p:first-child .btn {
  margin-top: 0px;
}
section.pt-16 > div.wrapper {
  padding-top: 16px;
}
section.pt-24 > div.wrapper {
  padding-top: 24px;
}
section.pt-32 > div.wrapper {
  padding-top: 32px;
}
section.pt-48 > div.wrapper {
  padding-top: 48px;
}
section.pt-64 > div.wrapper {
  padding-top: 64px;
}
section.pb-0 > div.wrapper {
  padding-bottom: 0 !important;
}
section.pb-16 > div.wrapper {
  padding-bottom: 16px;
}
section.pb-24 > div.wrapper {
  padding-bottom: 24px;
}
section.pb-32 > div.wrapper {
  padding-bottom: 32px !important;
}
section.pb-48 > div.wrapper {
  padding-bottom: 48px;
}
section.pb-64 > div.wrapper {
  padding-bottom: 64px;
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-0 > div.wrapper {
    padding-top: 0;
  }
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-16 > div.wrapper {
    padding-top: 16px;
  }
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-24 > div.wrapper {
    padding-top: 24px;
  }
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-32 > div.wrapper > div.wrapper {
    padding-top: 32px;
  }
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-48 > div.wrapper {
    padding-top: 48px;
  }
}
@media screen and (max-width: 768.1px) {
  section.pt-sm-64 > div.wrapper {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-0 > div.wrapper {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-16 > div.wrapper {
    padding-top: 16px !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-24 > div.wrapper {
    padding-bottom: 24px !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-32 > div.wrapper {
    padding-bottom: 32px !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-48 > div.wrapper {
    padding-bottom: 48px !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.pb-sm-64 > div.wrapper {
    padding-bottom: 64px !important;
  }
}
@media screen and (max-width: 768.1px) {
  section.mobile-minus-32 {
    margin-top: -32px;
  }
}
@media screen and (max-width: 768.1px) {
  section.mobile-minus-64 {
    margin-top: -64px;
  }
}
@media screen and (max-width: 768.1px) {
  section.mmt-m14 {
    margin-top: -14px;
  }
}

main {
  padding-top: 104px;
  padding-top: var(--header_height, 104px);
  min-height: calc(100vh - 104px);
  min-height: calc(100vh - var(--header_height, 104px));
  transition: margin-top 0.2s ease;
}
@media screen and (max-width: 480.1px) {
  main {
    padding-top: 120px;
    padding-top: var(--header_height, 120px);
  }
}
@media screen and (max-width: 1300.1px) {
  .hcp main {
    padding-top: 160px;
    padding-top: var(--header_height, 160px);
  }
}
@media screen and (max-width: 960.1px) {
  .hcp main {
    padding-top: 120px;
    padding-top: var(--header_height, 120px);
  }
}

.home-hero {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px;
  background-image: url(/themes/oxlumo/images/hero/home2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  padding: 0.05px;
}
@media screen and (max-width: 768.1px) {
  .home-hero {
    background-size: contain;
    background-position-y: top;
  }
}
.home-hero > .wrapper {
  width: 580px;
  max-width: 58%;
  padding: 72px 5%;
  margin: 40px 0;
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 1024.1px) {
  .home-hero > .wrapper {
    padding: 48px 5%;
  }
}
@media screen and (max-width: 768.1px) {
  .home-hero > .wrapper {
    position: relative;
    width: auto;
    max-width: none;
    margin-top: 53%;
    padding: 72px 32px 32px 32px;
    margin-bottom: 0;
    background: white;
  }
}
@media screen and (max-width: 480.1px) {
  .home-hero > .wrapper {
    padding: 72px 16px 16px 16px;
  }
}
.home-hero > .wrapper::before {
  content: "";
  background: white;
  opacity: 0.9;
}
@media screen and (max-width: 768.1px) {
  .home-hero > .wrapper::before {
    opacity: 1;
  }
}
.home-hero h1 {
  font-size: 4.2rem;
  line-height: 1.25em;
}
@media screen and (max-width: 650.1px) {
  .home-hero h1 {
    font-size: 2.4rem;
  }
}
.home-hero p {
  font-family: "proxima-nova-condensed", sans-serif;
  line-height: 1.167;
}
.home-hero .caption {
  position: absolute;
  right: 5%;
  top: 80%;
  width: 275px;
  font-size: 1.4rem;
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.9),
    0 0 32px rgba(255, 255, 255, 0.8);
  pointer-events: none;
  color: black;
}
@media screen and (max-width: 768.1px) {
  .home-hero .caption {
    top: -7%;
    left: 0;
    right: 0;
    bottom: auto;
    width: auto;
    padding-left: 16px;
    font-size: 1.2rem;
  }
}
.home-hero .caption.white {
  color: white;
  text-shadow:
    0 0 6px rgba(51, 51, 51, 0.7),
    0 0 32px rgba(51, 51, 51, 0.6);
}
.home-hero .name {
  margin-bottom: 8px;
}
@media screen and (max-width: 768.1px) {
  .home-hero .name {
    width: 120px;
    margin-left: auto;
  }
}

.hero {
  display: flex;
  align-items: center;
  background: #f8f8f8;
}
@media screen and (max-width: 768.1px) {
  .hero {
    background-position: top center;
  }
}
@media screen and (max-width: 480.1px) {
  .hero {
    background-size: 200%;
  }
}
.hero > .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 280px;
  max-width: none;
  padding: 0 0 0 36px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768.1px) {
  .hero > .wrapper {
    height: 200px;
  }
}
@media screen and (max-width: 480.1px) {
  .hero > .wrapper {
    height: 160px;
    padding: 0 0 0 16px;
  }
}
.hero > .wrapper > .field {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 46%;
  height: 100%;
  z-index: 9;
}
@media screen and (max-width: 768.1px) {
  .hero > .wrapper > .field {
    max-width: 48%;
  }
}
.hero > .wrapper > .field > div {
  flex: 1;
  max-width: 520px;
}
.hero h1,
.hero .h1,
.hero h2,
.hero .h2 {
  margin-bottom: 0;
}
.hero a.btn {
  margin: 0.5em 0;
}
@media screen and (max-width: 900.1px) {
  .hero a.btn {
    margin: 24px auto 0 auto !important;
    display: block;
    max-width: 420px;
  }
}
@media screen and (max-width: 480.1px) {
  .hero a.btn {
    padding: 14px 20px;
  }
}
.hero .btn + .btn {
  margin-left: 40px;
}
.hero.bigger_btns a.btn {
  min-width: 420px;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768.1px) {
  .hero.bigger_btns a.btn {
    min-width: auto;
  }
}
.hero.bigger_btns a.btn::after {
  position: absolute;
  right: 32px;
}
@media screen and (max-width: 768.1px) {
  .hero.bigger_btns a.btn::after {
    right: 24px;
  }
}
.hero.green {
  color: #ffffff;
  background-image: url(/themes/oxlumo/images/hero-bg-green.jpg);
}
.hero.green h1,
.hero.green h2,
.hero.green h3,
.hero.green .h1,
.hero.green .h2,
.hero.green .h3 {
  color: #ffffff;
}
@media screen and (max-width: 768.1px) {
  .hero.smaller_mobile .wrapper {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.smaller_mobile .wrapper {
    padding-left: 13px;
    padding-right: 13px;
  }
}
.hero.aboutph1 > .wrapper::after,
.hero.aboutoxlumo > .wrapper::after,
.hero.startingoxlumo > .wrapper::after,
.hero.support > .wrapper::after,
.hero.signup > .wrapper::after,
.hero.educator > .wrapper::after,
.hero.oops > .wrapper::after {
  content: "";
  width: 54%;
  height: 280px;
  min-width: 180px;
  -webkit-clip-path: polygon(180px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(180px 0, 100% 0, 100% 100%, 0% 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
}
@media screen and (max-width: 768.1px) {
  .hero.aboutph1 > .wrapper::after,
  .hero.aboutoxlumo > .wrapper::after,
  .hero.startingoxlumo > .wrapper::after,
  .hero.support > .wrapper::after,
  .hero.signup > .wrapper::after,
  .hero.educator > .wrapper::after,
  .hero.oops > .wrapper::after {
    -webkit-clip-path: polygon(120px 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(120px 0, 100% 0, 100% 100%, 0% 100%);
    height: 200px;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.aboutph1 > .wrapper::after,
  .hero.aboutoxlumo > .wrapper::after,
  .hero.startingoxlumo > .wrapper::after,
  .hero.support > .wrapper::after,
  .hero.signup > .wrapper::after,
  .hero.educator > .wrapper::after,
  .hero.oops > .wrapper::after {
    -webkit-clip-path: polygon(75px 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(75px 0, 100% 0, 100% 100%, 0% 100%);
    height: 160px;
  }
}
.hero.aboutph1 > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/aboutph1.jpg);
  background-position-y: 77%;
}
@media screen and (max-width: 768.1px) {
  .hero.aboutph1 > .wrapper::after {
    background-position-y: 28%;
    background-size: 183%;
    background-position-x: 0%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.aboutph1 > .wrapper::after {
    background-position-y: 37%;
    background-size: 129%;
    background-position-x: 90%;
  }
}
.hero.blahblah > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/what-is-ph1.jpg);
  background-position-y: 52%;
}
@media screen and (max-width: 768.1px) {
  .hero.blahblah > .wrapper::after {
    background-position-y: 51%;
    background-size: 130%;
    background-position-x: 0%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.blahblah > .wrapper::after {
    background-position-y: 62%;
    background-position-x: 18%;
  }
}
.hero.aboutoxlumo > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/aboutoxlumo.jpg);
  background-position-y: 48%;
}
@media screen and (max-width: 768.1px) {
  .hero.aboutoxlumo > .wrapper::after {
    background-position-x: 18%;
    background-position-y: 51%;
    background-size: 195%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.aboutoxlumo > .wrapper::after {
    background-position-x: 41%;
    background-position-y: 49%;
    background-size: 216%;
  }
}
.hero.startingoxlumo > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/signup-2.jpg);
  background-position-y: 52%;
}
@media screen and (max-width: 768.1px) {
  .hero.startingoxlumo > .wrapper::after {
    background-position-x: 18%;
    background-position-y: 51%;
    background-size: 195%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.startingoxlumo > .wrapper::after {
    background-position-x: 30%;
    background-position-y: 49%;
    background-size: 216%;
  }
}
.hero.support > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/dosing.jpg);
  background-position-y: 84%;
}
@media screen and (max-width: 768.1px) {
  .hero.support > .wrapper::after {
    background-size: 123%;
    background-position-x: 0;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.support > .wrapper::after {
    background-size: 173%;
    background-position-x: 26%;
  }
}
.hero.signup > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/home.jpg);
  background-position-y: 75%;
  background-position-x: 100%;
  background-size: 108%;
}
@media screen and (max-width: 768.1px) {
  .hero.signup > .wrapper::after {
    background-position-y: 83%;
    background-size: 137%;
    background-position-x: 98%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero.signup > .wrapper::after {
    background-position-y: 85%;
    background-size: 169%;
    background-position-x: 98%;
  }
}
.hero.educator > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/oops.jpg);
  background-position-y: 75%;
  background-position-x: center;
}
@media screen and (max-width: 768.1px) {
  .hero.educator > .wrapper::after {
    background-position-y: 61%;
    background-position-x: 44%;
    background-size: 219%;
  }
}
.hero.oops > .wrapper::after {
  background-image: url(/themes/oxlumo/images/hero/oops.jpg);
  background-position-y: 75%;
  background-position-x: center;
}
@media screen and (max-width: 768.1px) {
  .hero.oops > .wrapper::after {
    background-position-y: 61%;
    background-position-x: 44%;
    background-size: 219%;
  }
}
.hero img {
  max-width: 81%;
}
.hero p.eyebrow {
  margin-bottom: 12px;
}
.hero .caption {
  position: absolute;
  display: block;
  width: 17%;
  min-width: max-content;
  right: -32%;
  bottom: 1em;
  font-size: 1.4rem;
  color: black;
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.9),
    0 0 32px rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768.1px) {
  .hero .caption {
    right: -75%;
  }
}
@media screen and (max-width: 480.1px) {
  .hero .caption {
    font-size: 1.2rem;
  }
}
.hero .caption.white {
  color: white;
  text-shadow:
    0 0 6px rgba(51, 51, 51, 0.7),
    0 0 32px rgba(51, 51, 51, 0.6);
}
.page-node-12 .hero {
  margin-bottom: 0;
}
.hero .arrow.down {
  color: #3c3c3c;
}
.hero .arrow.down:hover::after {
  filter: invert(89%) sepia(31%) saturate(3026%) hue-rotate(344deg) brightness(109%) contrast(92%);
}

.hero_note {
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 480.1px) {
  .hero_note {
    font-size: 1.2rem;
  }
}

.wp-block-cover,
.wp-block-cover-image {
  background-color: transparent;
}

.section_heading .wrapper {
  max-width: 1212px;
}
.section_heading h1,
.section_heading h2,
.section_heading .h2,
.section_heading .h2 {
  padding-bottom: 0;
  margin: 0.5em auto;
}
.section_heading h1.regimen_subhead,
.section_heading h2.regimen_subhead,
.section_heading .h2.regimen_subhead,
.section_heading .h2.regimen_subhead {
  margin-bottom: 16px;
}
.section_heading + section .wrapper {
  padding-top: 0;
}
.section_heading.sitemap {
  margin-top: 18px;
  border-top: 1px solid #ececec;
}
.section_heading.sitemap .wrapper {
  max-width: 972px;
  padding-top: 36px;
}
.section_heading.smaller {
  display: block !important;
}
.section_heading.smaller .wrapper {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto;
}
.section_heading.smaller h2,
.section_heading.smaller h3 {
  margin-bottom: 0;
}
.section_heading .media {
  margin-bottom: 30px;
}
.section_heading .regimen_heading {
  margin-bottom: 40px;
}

.columns .wrapper {
  max-width: 1212px;
}
@media screen and (max-width: 480.1px) {
  .columns .wrapper {
    padding-right: 13px;
    padding-left: 13px;
  }
}
.columns .field--name-field-content.field--items {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768.1px) {
  .columns .field--name-field-content.field--items {
    flex-direction: column;
  }
}
.columns .field--name-field-content.field--items > .field--item {
  display: inline-block;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 555px;
}
@media screen and (max-width: 768.1px) {
  .columns .field--name-field-content.field--items > .field--item {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768.1px) {
  .columns .field--name-field-content.field--items > .field--item:not(:last-child) {
    margin-bottom: 32px;
  }
}
.columns .field--name-field-content.field--items > .field--item:not(:last-child) {
  margin-right: 28px;
}
@media screen and (max-width: 768.1px) {
  .columns .field--name-field-content.field--items > .field--item:not(:last-child) {
    margin-right: 0;
  }
}
.columns p:last-child {
  margin-bottom: 0;
}
.columns h2 {
  margin-bottom: 0.5em !important;
}
.columns ul:last-child {
  margin-bottom: 0;
}
.columns.green_cell .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  .columns.green_cell .wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 480.1px) {
  .columns.green_cell .wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.green_cell.pt-0 .wrapper {
    padding-top: 0;
  }
}
.columns.green_cell h2,
.columns.green_cell h3,
.columns.green_cell h4 {
  margin-top: 0;
}
.columns.green_cell h3 {
  margin-bottom: 12px;
}
.columns.green_cell h4 {
  margin-bottom: 8px;
}
.columns.green_cell .field--items.field--name-field-content {
  border-radius: 8px;
  overflow: hidden;
}
.columns.green_cell .field--items.field--name-field-content > .field--item {
  background: #eaf3f2;
  padding: 40px 60px;
  max-width: none;
  margin-right: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 920.1px) {
  .columns.green_cell .field--items.field--name-field-content > .field--item {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.green_cell .field--items.field--name-field-content > .field--item {
    padding: 32px 16px;
    margin: 0;
  }
}
.columns.green_cell .field--items.field--name-field-content > .field--item:first-child {
  background: #f4f9f8;
}
.columns.green_cell .field--items.field--name-field-content > .field--item:first-child .media:not(:last-child) {
  margin-right: 24px;
}
@media screen and (max-width: 768.1px) {
  .columns.green_cell .field--items.field--name-field-content > .field--item:first-child .media:not(:last-child) {
    margin-right: 12px;
  }
}
.columns.green_cell .media {
  min-width: 65px;
  text-align: center;
}
.columns.green_cell .media:not(:last-child) {
  margin-right: 24px;
}
@media screen and (max-width: 768.1px) {
  .columns.green_cell .media:not(:last-child) {
    margin-right: 12px;
  }
}
.columns.benefits > .wrapper {
  padding-top: 30px;
  padding-bottom: 0;
}
@media screen and (max-width: 480.1px) {
  .columns.benefits > .wrapper {
    margin-top: 32px;
  }
}
.columns.benefits .field--name-field-content.field--items > .field--item {
  flex-grow: 0;
  align-self: center;
}
@media screen and (max-width: 480.1px) {
  .columns.benefits .field--name-field-content.field--items > .field--item {
    margin-bottom: 36px;
  }
}
.columns.benefits .field--name-field-content.field--items > .field--item:nth-child(2n) {
  flex-basis: 74%;
  max-width: 666px;
  margin-left: -56px;
}
@media screen and (max-width: 768.1px) {
  .columns.benefits .field--name-field-content.field--items > .field--item:nth-child(2n) {
    margin-left: auto;
  }
}
.columns.benefits .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
  flex-basis: 20%;
  max-width: 240px;
}
@media screen and (max-width: 768.1px) {
  .columns.benefits .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    max-width: none;
  }
}
.columns.benefits strong p,
.columns.benefits p strong {
  line-height: 1.33em;
}
.columns.benefits .clearfix::after {
  display: none;
}
@media screen and (max-width: 768.1px) {
  .columns.mobile_columns .field--name-field-content.field--items {
    flex-direction: row;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.mobile_columns .field--name-field-content.field--items > .field--item {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.columns.mobile_columns .media {
  margin-top: 30%;
}
@media screen and (max-width: 480.1px) {
  .columns.mobile_columns .media {
    max-width: 56px;
  }
}
.columns.shorter > .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.columns.shorter .field--name-field-content.field--items > .field--item {
  margin: 32px 0;
}
@media screen and (max-width: 768.1px) {
  .columns.shorter .field--name-field-content.field--items > .field--item:not(:first-child) {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.brochure_mobile .field--name-field-content.field--items > .field--item:first-child {
    margin-bottom: -20px;
  }
}
.columns .brochure span {
  float: left;
  max-width: 40%;
  margin-right: 16px;
}
@media screen and (max-width: 768.1px) {
  .columns .brochure span + strong {
    display: block;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.support_team .field--name-field-content.field--items > .field--item:first-child {
    order: 2;
  }
}
.columns.support_team .field--name-field-content.field--items > .field--item:last-child {
  padding-left: 8%;
}
.columns.support_team article {
  max-width: 40%;
}
@media screen and (max-width: 768.1px) {
  .columns.support_team article {
    float: none;
    max-width: none;
    margin: 0 auto;
    text-align: center;
  }
}
.columns.support_team .light_gray_bg {
  border-radius: 8px;
}
.columns.support_team .light_gray_bg ul {
  margin-left: 31%;
}
@media screen and (max-width: 768.1px) {
  .columns.support_team .light_gray_bg ul {
    margin-left: 0;
    padding-left: 0;
  }
}
.columns.docs .field--name-field-content.field--items > .field--item {
  position: relative;
}
@media screen and (max-width: 768.1px) {
  .columns.docs .field--name-field-content.field--items > .field--item {
    max-width: none;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.docs .field--name-field-content.field--items > .field--item:not(:last-child) {
    margin-bottom: 72px;
  }
}
.columns.docs .field--name-field-content.field--items > .field--item:not(:last-child)::after {
  content: "OR";
  position: absolute;
  display: block;
  top: 64px;
  right: -40px;
  width: 40px;
  height: 32px;
  color: #8f8f8f;
  font-weight: 600;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 768.1px) {
  .columns.docs .field--name-field-content.field--items > .field--item:not(:last-child)::after {
    top: auto;
    bottom: -68px;
    width: 100%;
    left: 0;
    right: 0;
  }
}
.columns.docs .field--name-field-content.field--items > .field--item img {
  margin-bottom: 32px;
}
.columns.docs a.btn {
  min-width: 100%;
}
@media screen and (max-width: 768.1px) {
  .columns.docs a.btn {
    min-width: 350px;
  }
}
@media screen and (max-width: 480.1px) {
  .columns.mobileSwap > .wrapper {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.mobileSwap .field--name-field-content.field--items > .field--item:nth-child(2n) {
    order: 1;
  }
}
@media screen and (max-width: 768.1px) {
  .columns.mobileSwap .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    order: 2;
  }
}

@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items {
    display: flex;
    flex-direction: column;
  }
}
.image-text .field--name-field-content.field--items > .field--item {
  flex-grow: 0;
  align-self: flex-start;
}
@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items > .field--item {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items > .field--item:not(:first-child) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items > .field--item:not(:last-child) {
    margin-top: 0;
  }
}
.image-text .field--name-field-content.field--items > .field--item:nth-child(2n) {
  flex-basis: 38%;
}
.image-text .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
  flex-basis: 58%;
  max-width: 666px;
  margin-left: -56px;
}
@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    margin-left: 0;
    max-width: 400px;
  }
}
@media screen and (max-width: 768.1px) {
  .image-text .field--name-field-content.field--items > .field--item:first-child {
    margin-bottom: 0;
  }
}
.image-text h3,
.image-text .h3 {
  margin-top: 1.33em !important;
}
.image-text h3:first-child,
.image-text .h3:first-child {
  margin-top: 0 !important;
}
.image-text.smaller .field--name-field-content.field--items > .field--item:nth-child(odd) {
  margin-left: 0;
}
.image-text.smaller .field--name-field-content.field--items > .field--item:nth-child(even) {
  flex-basis: 54%;
}
.image-text.green_image .field--name-field-content.field--items > .field--item {
  padding: 0 60px;
  max-width: none;
  margin-right: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  .image-text.green_image .field--name-field-content.field--items > .field--item {
    padding: 32px 16px 0 32px;
  }
}
.image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n) {
  flex-basis: 48%;
  max-width: none;
  background-color: transparent;
  border-radius: 12px;
}
@media screen and (max-width: 900.1px) {
  .image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n) {
    padding: 0 32px;
  }
}
@media screen and (max-width: 768.1px) {
  .image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n) {
    padding: 0;
  }
}
.image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
  flex-basis: 50%;
  max-width: none;
  padding: 56px 112px;
  margin-left: 32px;
  background: #f4f9f8;
}
@media screen and (max-width: 900.1px) {
  .image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    padding: 32px;
  }
}
@media screen and (max-width: 480.1px) {
  .image-text.green_image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items {
    display: flex;
    flex-direction: column;
  }
}
.text-image .field--name-field-content.field--items > .field--item {
  flex-grow: 0;
  align-self: flex-start;
}
@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items > .field--item:not(:last-child) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items > .field--item:not(:first-child) {
    margin-top: 0;
  }
}
.text-image .field--name-field-content.field--items > .field--item:nth-child(2n) {
  flex-basis: 58%;
  max-width: 666px;
  margin-right: -56px;
}
@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items > .field--item:nth-child(2n) {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    order: 1;
    max-width: 400px;
  }
}
.text-image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
  flex-basis: 38%;
}
@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    order: 2;
  }
}
@media screen and (max-width: 480.1px) {
  .text-image .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    padding-top: 0;
  }
}
@media screen and (max-width: 768.1px) {
  .text-image .field--name-field-content.field--items > .field--item:not(:first-child) {
    margin-bottom: 0;
  }
}
.text-image h2,
.text-image h3 {
  margin-top: 0;
}
.text-image.smaller .field--name-field-content.field--items > .field--item:nth-child(2n) {
  margin-right: 0;
}

.callout > .wrapper {
  max-width: 972px;
}
@media screen and (max-width: 768.1px) {
  .callout > .wrapper {
    padding: 32px 13px;
  }
}
.callout .field--items.field--name-field-content {
  margin: 0 auto;
  color: #ffffff;
}
@media screen and (max-width: 768.1px) {
  .callout .field--items.field--name-field-content {
    max-width: none;
  }
}
.callout .field--items.field--name-field-content > .field--item {
  padding: 48px 78px;
  background: rgba(158, 31, 99, 0.9);
  border-radius: 8px;
}
@media screen and (max-width: 700.1px) {
  .callout .field--items.field--name-field-content > .field--item {
    max-width: none;
  }
}
@media screen and (max-width: 768.1px) {
  .callout .field--items.field--name-field-content > .field--item {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 480.1px) {
  .callout .field--items.field--name-field-content > .field--item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.callout .field--items.field--name-field-content > .field--item::after {
  content: "";
  display: table;
  clear: both;
}
.callout img {
  display: inline-block;
}
.callout h2 {
  margin-bottom: 0.5em;
}
.callout h2,
.callout h3,
.callout h4 {
  margin-top: 0;
}
.callout a.btn {
  margin-top: 14px;
  display: inline-block;
  min-width: auto;
  width: auto;
}
@media screen and (max-width: 480.1px) {
  .callout .align-left,
  .callout .alight-right {
    float: none;
    text-align: center;
  }
}
.callout.white > .wrapper {
  max-width: 1212px;
}
.callout.white .field--items.field--name-field-content {
  max-width: 100%;
}
.callout.white .field--items.field--name-field-content > .field--item {
  background: #ffffff;
  padding: 0;
  max-width: none;
}
.callout.white .field--items.field--name-field-content > .field--item > *:last-child {
  margin-bottom: 0;
}
.callout.white a.btn {
  vertical-align: top;
  min-width: 30%;
}
@media screen and (max-width: 480.1px) {
  .callout.white a.btn {
    display: block;
    margin-bottom: 0;
  }
}
.callout.white a.mobile_call {
  margin: 1em;
  text-decoration: none;
  line-height: 0.63em;
}
@media screen and (max-width: 480.1px) {
  .callout.white a.mobile_call {
    margin: 5px 0 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 480.1px) {
  .callout.white a.mobile_call .call_box::before {
    margin: 0 14px 0 28px;
  }
}
.callout.green > .wrapper {
  max-width: 1212px;
}
@media screen and (max-width: 768.1px) {
  .callout.green > .wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.callout.green .field--items.field--name-field-content {
  max-width: 1140px;
}
.callout.green .field--items.field--name-field-content > .field--item {
  background: none;
  min-width: 225px;
  padding: 0;
}
.callout.green img {
  float: right;
  margin-right: 30px;
  margin-left: 10px;
}
.callout.green a {
  display: block;
  padding: 48px 12% 48px 8% !important;
  border: 0 none !important;
  border-radius: 8px;
  text-align: left;
  text-decoration: none;
  background: #006b5b;
}
@media screen and (max-width: 768.1px) {
  .callout.green a {
    border-radius: 0;
  }
}
.callout.green a:hover {
  text-decoration: none;
}
.callout.green a:hover .arrow::after {
  margin-left: 30px;
}
.callout.green a .arrow::after {
  transition: margin 0.2s;
}
.callout.green p {
  margin: 0;
}
.callout.green .inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768.1px) {
  .callout.green .inner {
    display: block;
    width: min-content;
    margin: 0 auto;
  }
}
.callout.green .left_text {
  position: relative;
  top: -6px;
  max-width: 66.67%;
}
@media screen and (max-width: 768.1px) {
  .callout.green .left_text {
    top: 0;
  }
}
.callout.green .right_text {
  position: relative;
  top: 8px;
}
@media screen and (max-width: 768.1px) {
  .callout.green .right_text {
    top: 0;
  }
}
.callout.green .arrow::after {
  position: absolute;
  margin-top: 6px;
}
.callout.green .media {
  min-width: 115px;
}
@media screen and (max-width: 1024.1px) {
  .callout.green.hide_tablet_description .description {
    display: none;
  }
}
@media screen and (max-width: 1024.1px) {
  .callout.green.hide_tablet_description a {
    border-radius: 0;
  }
}
@media screen and (max-width: 1024.1px) {
  .callout.green.hide_tablet_description .media {
    display: none;
  }
}
@media screen and (max-width: 1024.1px) {
  .callout.green.hide_tablet_description .inner {
    display: block;
    width: min-content;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024.1px) {
  .callout.green.hide_tablet_description .left_text,
  .callout.green.hide_tablet_description .right_text {
    top: 0;
  }
}
.callout.yellow .wrapper {
  padding: 0 72px 72px 72px;
}
@media screen and (max-width: 768.1px) {
  .callout.yellow .wrapper {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 480.1px) {
  .callout.yellow .wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.callout.yellow .field--items.field--name-field-content {
  max-width: 670px;
  padding-top: 72px;
}
.callout.yellow .field--items.field--name-field-content > .field--item {
  background-color: rgba(247, 213, 78, 0.15);
  color: #3c3c3c;
  text-align: left;
  padding: 42px 8%;
}
@media screen and (max-width: 768.1px) {
  .callout.yellow .field--items.field--name-field-content > .field--item {
    padding: 42px 32px;
  }
}
@media screen and (max-width: 480.1px) {
  .callout.yellow .field--items.field--name-field-content > .field--item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.callout.yellow .media {
  margin: 0 24px 0 0;
  min-width: max-content;
}
@media screen and (max-width: 480.1px) {
  .callout.yellow .media {
    display: none;
  }
}
@media screen and (max-width: 480.1px) {
  .callout.yellow.mt-64 {
    margin-top: 32px;
  }
}
.hcp .callout.yellow .field--items.field--name-field-content {
  background-image: url("/themes/oxlumo/images/double-hex-hcp.svg");
}
.callout.bigger_btns a.btn {
  min-width: 350px;
}
.callout.bigger_btns a.btn + a.btn {
  margin-left: 24px;
}
@media screen and (max-width: 768.1px) {
  .callout.bigger_btns a.btn + a.btn {
    margin-left: 0;
  }
}
.callout.educator .media {
  margin-bottom: 24px;
}
.callout.icon .field--items.field--name-field-content > .field--item {
  display: flex;
  align-items: center;
}

.safety-profile > .wrapper {
  max-width: 972px;
}
.safety-profile .light_green_bg p {
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 2.2rem;
}
.safety-profile .light_green_bg p:not(:last-child) {
  padding-bottom: 1.25em;
  border-bottom: 3px dotted #b6dbc9;
}
.safety-profile .light_green_bg p:not(:first-child) {
  margin-top: 1.25em;
}
.safety-profile .light_green_bg p strong {
  font-family: "proxima-nova", sans-serif;
}
.safety-profile .table_title {
  text-align: left;
  font-size: 2.6rem;
}
.safety-profile .table_title,
.safety-profile .light_green_bg {
  padding-left: 6%;
  padding-right: 6%;
}

.videos .field--item .field--item {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videos .field--item .field--item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 191px);
}

.hex_list ol {
  padding-left: 6.5em;
}
@media screen and (max-width: 768.1px) {
  .hex_list ol {
    padding-left: 5.5em;
  }
}
.hex_list ol:last-child {
  margin-bottom: 0;
}
.hex_list ol li {
  display: flex;
  align-items: center;
  min-height: 72px;
}
.hex_list ol li::before {
  content: counter(list);
  width: 81px;
  height: 72px;
  left: -115px;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 4.4rem;
  color: #006b5b;
  font-weight: 700;
  line-height: 1.75em;
  text-align: center;
  background-image: url(/themes/oxlumo/images/thin-blank-hex.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768.1px) {
  .hex_list ol li::before {
    left: -96px;
  }
}
.hex_list ol li:not(:last-child) {
  margin-bottom: 24px;
  align-items: start;
}
.hex_list .field--name-field-content.field--items > .field--item {
  flex-basis: 0 !important;
  flex-grow: 1;
  flex-shrink: 0;
}
.hex_list .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
  padding-left: 10%;
}
@media screen and (max-width: 768.1px) {
  .hex_list .field--name-field-content.field--items > .field--item:nth-child(2n + 1) {
    padding-left: 0;
  }
}
.hex_list .field--name-field-content.field--items > .field--item:nth-child(2n) {
  margin-right: 0;
}

.flex-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-list > * {
  display: inline-block;
  flex-basis: 50%;
  margin-left: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768.1px) {
  .flex-list > * {
    flex-basis: 100%;
  }
}

.results ul {
  padding-left: 0.5em;
}
.results ul li {
  margin-left: 1em;
}
@media screen and (max-width: 768.1px) {
  .results ul li {
    margin-left: 0.5em;
  }
}
.results ul li::before {
  top: 6px;
  left: -12px;
}
.results article {
  max-width: 44%;
  margin-bottom: 1em;
}
.results .table_title {
  height: 69px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768.1px) {
  .results .table_title {
    height: auto;
  }
}
.results .light_green_bg {
  height: 310px;
}
@media screen and (max-width: 1024.1px) {
  .results .light_green_bg {
    height: 360px;
  }
}
@media screen and (max-width: 768.1px) {
  .results .light_green_bg {
    height: auto;
  }
}
.results .light_green_bg p:first-of-type {
  padding-left: 48%;
}

.counter {
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.counter > span {
  display: inline-block;
}
.counter .counter_amount {
  max-height: 196px;
}
.counter .counter_amount::after {
  content: "%";
  display: inline-block;
  margin-left: 8px;
}
.counter .down_arrow {
  position: absolute;
  width: 75px;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-image: url("/themes/oxlumo/images/down_arrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 480.1px) {
  .counter .down_arrow {
    width: 17%;
  }
}
.counter .counter_label {
  display: block;
  text-align: left;
  width: 100%;
}
.counter .down_counter {
  padding-left: 12%;
}
@media screen and (max-width: 480.1px) {
  .counter .down_counter {
    padding-left: 9%;
  }
}
.counter.orange,
.counter.gray {
  max-height: 210px;
}
section:not(.green_bg) .counter.orange {
  margin-bottom: 16px !important;
}

.infographics .field--name-field-content.field--items {
  max-width: 900px;
  margin: 0 auto;
}
.infographics .field--name-field-content.field--items > .field--item {
  display: table-cell;
  position: relative;
  max-width: 400px;
  width: 50%;
  margin-bottom: 0;
}
.infographics .field--name-field-content.field--items > .field--item .counter {
  padding-top: 82px;
}
@media screen and (max-width: 768.1px) {
  .infographics .field--name-field-content.field--items > .field--item {
    display: block;
    width: 100%;
    overflow: visible;
    max-width: none;
  }
}
@media screen and (max-width: 768.1px) {
  .infographics .field--name-field-content.field--items > .field--item:nth-child(odd) .counter {
    padding-top: 47px;
  }
}
@media screen and (max-width: 768.1px) {
  .infographics .field--name-field-content.field--items > .field--item:nth-child(even) .counter {
    padding-top: 62px;
  }
}
.infographics .field--name-field-content.field--items.clearfix::after {
  display: none;
}
.infographics svg {
  position: relative;
  top: -2px;
  height: auto;
  margin: 0 auto;
  z-index: -9;
}
@media screen and (max-width: 480.1px) {
  .infographics svg {
    max-width: 250px;
  }
}
.infographics span {
  display: block;
}
.infographics .counter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 88px;
  justify-content: flex-start;
}
@media screen and (max-width: 480.1px) {
  .infographics .counter {
    padding-top: 60px;
  }
}
.infographics .counter_amount::before {
  content: " ";
  display: inline-block;
  height: 0.67em;
  width: 1px;
}
.infographics .counter_amount::after {
  position: relative;
  top: -1.1em;
  margin-left: 0;
}
.infographics .counter_label {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480.1px) {
  .infographics .counter_label {
    margin-bottom: 20px;
  }
}
.infographics .down_arrow {
  width: 22%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 13%;
  z-index: -9;
  overflow: hidden;
  background-image: url("/themes/oxlumo/images/down_arrow.svg");
  background-position: top -6.5em center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 480.1px) {
  .infographics .down_arrow {
    width: 15%;
    left: 25%;
  }
}

.compare > .wrapper {
  max-width: 722px;
}
.compare .field--name-field-content.field--items {
  align-items: flex-start;
}
.compare .counter {
  justify-content: center;
}
.compare .counter_label {
  text-align: center;
}

section.icons .wrapper {
  padding-top: 0;
}
@media screen and (max-width: 768.1px) {
  section.icons .wrapper {
    padding-bottom: 0;
  }
}
section.icons .field--items.field--name-field-content {
  flex-wrap: wrap;
}
section.icons .field--items.field--name-field-content > .field--item {
  flex-basis: 50%;
  max-width: 555px;
  flex-grow: 0;
  margin-right: 0 !important;
  margin-bottom: 32px !important;
  min-height: 180px;
}
@media screen and (max-width: 900.1px) {
  section.icons .field--items.field--name-field-content > .field--item {
    flex-basis: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 540.1px) {
  section.icons .field--items.field--name-field-content > .field--item {
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
section.icons .field--items.field--name-field-content > .field--item:nth-child(2n) {
  padding-right: 0;
}
section.icons .field--items.field--name-field-content > .field--item:nth-child(2n + 1) {
  padding-right: 28px;
}
@media screen and (max-width: 540.1px) {
  section.icons .field--items.field--name-field-content > .field--item:nth-child(2n + 1) {
    padding-right: 0;
  }
}
section.icons .field--items.field--name-field-content > .field--item:last-child {
  margin-bottom: 0 !important;
}
section.icons .field--items.field--name-field-content > .field--item:last-child article:last-child img {
  margin-bottom: 0 !important;
}
section.icons .field--items.field--name-field-content > .field--item:nth-last-child(2) {
  margin-bottom: 0 !important;
}
section.icons .field--items.field--name-field-content > .field--item img {
  margin: 0 32px 32px 0;
}
@media screen and (max-width: 540.1px) {
  section.icons .field--items.field--name-field-content > .field--item img {
    margin: 0 auto 32px auto;
  }
}
@media screen and (max-width: 540.1px) {
  section.icons .field--items.field--name-field-content > .field--item .align-left,
  section.icons .field--items.field--name-field-content > .field--item .alight-right {
    height: auto;
    float: none;
    text-align: center;
  }
}
section.icons .field--items.field--name-field-content > .field--item strong {
  display: block;
  margin-bottom: 1em;
}
@media screen and (max-width: 900.1px) {
  section.icons .field--items.field--name-field-content > .field--item strong {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768.1px) {
  section.icons .field--items.field--name-field-content > .field--item strong {
    margin-top: 0;
  }
}
section.icons .field--items.field--name-field-content.clearfix::after {
  display: none;
}
section.icons p {
  padding-left: 200px;
}
@media screen and (max-width: 768.1px) {
  section.icons p {
    padding-left: 0;
    margin-bottom: 36px;
  }
}
section.icons p::after {
  content: "";
  clear: both;
  display: table;
}
@media screen and (max-width: 768.1px) {
  section.icons p:last-child {
    margin-bottom: 36px !important;
  }
}

.table > .wrapper {
  max-width: 972px;
}
@media screen and (max-width: 768.1px) {
  .table > .wrapper {
    padding: 32px 13px;
  }
}
.table.green_cells .wrapper > .field--items > .field--item:first-child .field--items > .field--item:nth-child(2) {
  padding: 40px 56px 6px 56px;
  background: #eaf3f2;
  border-radius: 8px 8px 0 0;
  margin: 0;
}
@media screen and (max-width: 768.1px) {
  .table.green_cells .wrapper > .field--items > .field--item:first-child .field--items > .field--item:nth-child(2) {
    padding: 40px 40px 12px 40px;
  }
}
.table.green_cells .columns .field--items {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.table.green_cells .columns .field--item .field--item {
  padding: 6px 56px 40px 56px;
  background: #eaf3f2;
  margin: 0;
}
@media screen and (max-width: 768.1px) {
  .table.green_cells .columns .field--item .field--item {
    padding: 0 40px 40px 40px;
    margin: 0;
  }
}
.table.green_cells .columns .field--item .field--item:first-child {
  position: relative;
  margin-right: 0;
}
@media screen and (max-width: 768.1px) {
  .table.green_cells .columns .field--item .field--item:first-child {
    padding-bottom: 12px;
  }
}
.table.green_cells .columns .field--item .field--item:first-child::after {
  content: " ";
  position: absolute;
  display: block;
  right: 0;
  top: 14%;
  height: 58%;
  width: 1px;
  background-color: #006b5b;
}
.table h2,
.table h3 {
  margin-top: 0;
  margin-bottom: 0.5em !important;
}
.table p {
  margin: 0.5em 0;
}

@media screen and (max-width: 480.1px) {
  .dosing_wrapper > .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.dosing_table .field--name-field-sub-section {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768.1px) {
  .dosing_table .field--name-field-sub-section {
    flex-direction: column;
  }
}
.dosing_table .field--name-field-sub-section > .field--item {
  flex-grow: 1;
  flex-basis: 0;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 1)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:first-child {
  background: #006b5b;
  color: white;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 1)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(odd):not(:first-child) {
  background: #eaf3f2;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 1)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(even) {
  background: #f4f9f8;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 2)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:first-child {
  background: #34935c;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 2)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(odd):not(:first-child) {
  background: #eaf3f2;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 2)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(even) {
  background: #f4f9f8;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 3)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:first-child {
  background: #5da87d;
  color: white;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 3)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(odd):not(:first-child) {
  background: #eaf3f2;
}
.dosing_table
  .field--name-field-sub-section
  > .field--item:nth-child(3n + 3)
  > .paragraph--type--full-html-content
  > .field--items
  > .field--item:nth-child(even) {
  background: #f4f9f8;
}
.dosing_table .paragraph--type--full-html-content {
  display: flex;
  height: 100%;
}
.dosing_table .paragraph--type--full-html-content > .field--items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dosing_table .paragraph--type--full-html-content > .field--items > .field--item {
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 2px 2px 0;
  padding: 24px;
  background: #f4f9f8;
}
@media screen and (max-width: 480.1px) {
  .dosing_table .paragraph--type--full-html-content > .field--items > .field--item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.dosing_table .paragraph--type--full-html-content > .field--items > .field--item:first-child {
  background: #006b5b;
  color: white;
  padding-top: 22px;
  padding-bottom: 20px;
  flex-grow: 0;
  flex-shrink: 1;
}
.dosing_table .paragraph--type--full-html-content > .field--items > .field--item:nth-child(odd):not(:first-child) {
  background: #eaf3f2;
}
.dosing_table.yellow_cell .paragraph--type--full-html-content > .field--name-field-content.field--items {
  flex-direction: row;
  flex-wrap: wrap;
}
.dosing_table.yellow_cell .paragraph--type--full-html-content > .field--name-field-content.field--items > .field--item {
  flex-basis: 35%;
}
.dosing_table.yellow_cell
  .paragraph--type--full-html-content
  > .field--name-field-content.field--items
  > .field--item:first-child {
  flex-basis: 100%;
  background: #34935c !important;
}
.dosing_table.yellow_cell
  .paragraph--type--full-html-content
  > .field--name-field-content.field--items
  > .field--item:nth-child(2n + 3) {
  flex-basis: 64%;
  background: #fef9ee !important;
}
@media screen and (max-width: 768.1px) {
  .dosing_table.mobile_columns .field--name-field-sub-section {
    flex-direction: row;
  }
}
.dosing_table.mobile_columns .paragraph--type--full-html-content > .field--items > .field--item {
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  height: 64px;
  flex-basis: 64px;
  max-height: 64px;
  padding: 0 24px;
}
@media screen and (max-width: 480.1px) {
  .dosing_table.mobile_columns .paragraph--type--full-html-content > .field--items > .field--item {
    padding: 0 12px;
    height: 80px;
    flex-basis: 80px;
    max-height: 80px;
  }
}
@media screen and (max-width: 480.1px) {
  .dosing_table.mobile_columns .paragraph--type--full-html-content > .field--items > .field--item:first-child {
    padding: 12px 6px;
    text-align: center;
    height: 64px;
    flex-basis: 64px;
    max-height: 64px;
  }
}
.dosing_table .stat {
  position: absolute;
  width: 72px;
}
.dosing_table .stat + * {
  padding-left: 96px;
}
.dosing_table .media {
  position: absolute;
}
.dosing_table .media ~ p {
  padding-left: 88px;
}
.dosing_table p {
  line-height: 1.33em;
}
.dosing_table p:first-child strong {
  line-height: 1.11em;
}

.groups .wrapper {
  max-width: 1212px;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  .groups .wrapper {
    padding-top: 32px;
  }
}
.groups.center .field--name-field-content.field--items {
  justify-content: center;
}
.groups.no-border p:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
}
@media screen and (max-width: 480.1px) {
  .groups.no-border p:last-child {
    margin-bottom: 1em;
  }
}
.groups .field--name-field-content.field--items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (max-width: 480.1px) {
  .groups .field--name-field-content.field--items {
    display: block;
  }
}
.groups .field--name-field-content.field--items > .field--item {
  flex-grow: 0;
  flex-basis: 33%;
  padding: 20px;
}
@media screen and (max-width: 768.1px) {
  .groups .field--name-field-content.field--items > .field--item {
    flex-basis: 48%;
  }
}
.groups p:last-child {
  border-bottom: 1px solid #f4f4f5;
}
.groups a.btn {
  margin-bottom: 32px;
  display: inline-block;
  min-width: auto;
  width: auto;
}

/*  Chart  */
.chart {
  background: #006b5b;
}
.chart .field--name-field-content.field--items > .field--item {
  position: relative;
}

.chart-wrapper .chart-inner {
  position: relative;
}
.chart-wrapper .vertical_chart {
  display: none;
  margin-bottom: 20px;
}
.chart-wrapper .close {
  display: none;
}
.chart-wrapper .yAxis_title {
  position: absolute;
  top: 46%;
  left: -80px;
  text-align: center;
  transform: rotate(-90deg);
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.6rem;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .yAxis_title {
    font-size: 1rem;
    left: -46px;
  }
}
.chart-wrapper .oxlumo_title {
  position: absolute;
  top: 77%;
  right: 29%;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 2.4rem;
  color: #f5b948;
  transform: scaleY(0);
  animation: fade_expand 1s ease-in-out 4s forwards;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .oxlumo_title {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480.1px) {
  .chart-wrapper .oxlumo_title {
    right: 21%;
    top: 70%;
  }
}
.chart-wrapper .placebo_title {
  position: absolute;
  top: 17%;
  right: 29%;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 24px;
  color: #a3a5a2;
  transform: scaleY(0);
  animation: fade_expand 0.5s ease-in-out 4s forwards;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .placebo_title {
    font-size: 14px;
  }
}
@media screen and (max-width: 480.1px) {
  .chart-wrapper .placebo_title {
    right: 21%;
  }
}
.chart-wrapper .topline_title,
.chart-wrapper .btmline_title {
  position: absolute;
  right: 0;
  z-index: 5;
  padding: 2px 16px;
  background: #8f8f8f;
  font-size: 14px;
  font-family: "proxima-nova-condensed", sans-serif;
  transform: scaleY(0);
  animation: fade_expand 0.5s ease-in-out 5s forwards;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .topline_title,
  .chart-wrapper .btmline_title {
    font-size: 10px;
  }
}
.chart-wrapper .topline_title {
  top: 63%;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .topline_title {
    top: 56%;
  }
}
@media screen and (max-width: 480.1px) {
  .chart-wrapper .topline_title {
    top: 49%;
  }
}
.chart-wrapper .btmline_title {
  top: 73.5%;
}
@media screen and (max-width: 768.1px) {
  .chart-wrapper .btmline_title {
    top: 68%;
  }
}
@media screen and (max-width: 480.1px) {
  .chart-wrapper .btmline_title {
    top: 66.67%;
  }
}
.chart-wrapper .xAxis_title {
  font-size: 14px;
  font-family: "proxima-nova-condensed", sans-serif;
  text-align: center;
}

.ct-chart {
  /*  hide first y-axis label  */
}
.ct-chart .ct-label {
  color: white;
  font-size: 14px;
  font-weight: 600;
  word-spacing: 100px;
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-label {
    font-size: 10px;
  }
}
@media screen and (max-width: 480.1px) {
  .ct-chart .ct-label {
    font-size: 8px;
  }
}
.ct-chart .ct-label.ct-horizontal {
  margin-left: -50%;
  text-align: center !important;
  display: block !important;
  line-height: 3.2rem;
  margin-top: -0.7rem;
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-label.ct-horizontal {
    line-height: 1.4rem;
    margin-top: -0.4rem;
  }
}
.ct-chart .ct-labels foreignObject:nth-child(10) {
  display: none;
}
.ct-chart .ct-vertical,
.ct-chart .ct-horizontal {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: none;
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-vertical,
  .ct-chart .ct-horizontal {
    stroke-width: 1px;
  }
}
.ct-chart .ct-vertical ~ .ct-vertical,
.ct-chart .ct-horizontal ~ .ct-horizontal {
  stroke: none;
}
.ct-chart .ct-point {
  stroke-width: 12px;
  stroke-linecap: square;
  position: relative;
}
@media screen and (max-width: 1024.1px) {
  .ct-chart .ct-point {
    stroke-width: 9px;
  }
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-point {
    stroke-width: 6px;
  }
}
.ct-chart .ct-series-f .ct-line,
.ct-chart .ct-series-e .ct-line {
  transform: scaleY(0);
  animation: fade_expand 1s ease-in-out 3s forwards;
  stroke-width: 2.2px;
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-series-f .ct-line,
  .ct-chart .ct-series-e .ct-line {
    stroke-width: 1.2px;
  }
}
.ct-chart .ct-series-f .ct-line {
  stroke: #f5b948;
}
.ct-chart .ct-series-e .ct-line {
  stroke: #a3a5a2;
}
.ct-chart .ct-series-d .ct-point,
.ct-chart .ct-series-d .ct-line {
  stroke: #f5b948;
}
.ct-chart .ct-series-a .ct-point,
.ct-chart .ct-series-a .ct-line,
.ct-chart .ct-series-b .ct-point,
.ct-chart .ct-series-b .ct-line,
.ct-chart .ct-series-c .ct-point,
.ct-chart .ct-series-c .ct-line {
  stroke: #a3a5a2;
}
.ct-chart .ct-series-a .ct-line,
.ct-chart .ct-series-b .ct-line {
  stroke-dasharray: 12px 8px;
  stroke-width: 3px;
  transform: translateX(4px);
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-series-a .ct-line,
  .ct-chart .ct-series-b .ct-line {
    stroke-width: 1.5px;
  }
}
.ct-chart .ct-series-c .ct-line,
.ct-chart .ct-series-d .ct-line {
  stroke-width: 4px;
}
@media screen and (max-width: 768.1px) {
  .ct-chart .ct-series-c .ct-line,
  .ct-chart .ct-series-d .ct-line {
    stroke-width: 2px;
  }
}

.list_cols > .wrapper {
  padding-top: 36px;
  padding-bottom: 36px;
}
@media screen and (max-width: 768.1px) {
  .list_cols > .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.list_cols .field--items.field--name-field-content > .field--item {
  padding-left: 24px;
  padding-right: 12.5%;
}
.list_cols .field--items.field--name-field-content > .field--item ul {
  display: flex;
  align-items: flex-end;
  margin-bottom: 18px;
}
.list_cols .field--items.field--name-field-content > .field--item ul li {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 13.5%;
  margin: 0;
}
@media screen and (max-width: 480.1px) {
  .list_cols .field--items.field--name-field-content > .field--item ul li {
    flex-basis: 12.4%;
  }
}
.list_cols .field--items.field--name-field-content > .field--item ul li::before {
  display: none;
}
.list_cols .field--items.field--name-field-content > .field--item ul li:first-child {
  padding-left: 52px;
  min-width: 25.5%;
  text-align: left;
}
@media screen and (max-width: 480.1px) {
  .list_cols .field--items.field--name-field-content > .field--item ul li:first-child {
    padding-left: 18px;
    min-width: 30%;
  }
}
.list_cols .field--items.field--name-field-content > .field--item ul li:first-child::before {
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 0;
  top: auto;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768.1px) {
  .list_cols .field--items.field--name-field-content > .field--item ul li:first-child::before {
    width: 14px;
    height: 14px;
    bottom: 12px;
  }
}
.list_cols .list_col_heading {
  display: block;
  margin-bottom: 5px;
  min-width: max-content;
}

.endpoint .field--name-field-sub-section.field--items {
  display: flex;
}
@media screen and (max-width: 1024.1px) {
  .endpoint .field--name-field-sub-section.field--items {
    flex-direction: column;
  }
}
.endpoint .field--name-field-sub-section.field--items > .field--item {
  flex-basis: 0;
  flex-grow: 1;
}
.endpoint
  .field--name-field-sub-section.field--items
  > .field--item:first-child
  .field--name-field-content.field--items {
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 480.1px) {
  .endpoint
    .field--name-field-sub-section.field--items
    > .field--item:first-child
    .field--name-field-content.field--items {
    flex-direction: row;
    justify-content: space-between;
  }
}
.endpoint
  .field--name-field-sub-section.field--items
  > .field--item:first-child
  .field--name-field-content.field--items
  .field--item {
  flex-shrink: 0;
  flex-grow: 0;
  max-width: none;
}
@media screen and (max-width: 768.1px) {
  .endpoint
    .field--name-field-sub-section.field--items
    > .field--item:first-child
    .field--name-field-content.field--items
    .field--item {
    margin: 0;
  }
}
.endpoint
  .field--name-field-sub-section.field--items
  > .field--item:first-child
  .field--name-field-content.field--items
  .field--item:first-child {
  flex-basis: 26%;
}
@media screen and (max-width: 768.1px) {
  .endpoint
    .field--name-field-sub-section.field--items
    > .field--item:first-child
    .field--name-field-content.field--items
    .field--item:first-child {
    flex-basis: 46%;
  }
}
.endpoint
  .field--name-field-sub-section.field--items
  > .field--item:first-child
  .field--name-field-content.field--items
  .field--item:nth-child(2) {
  flex-basis: 68%;
  margin-right: 0;
}
@media screen and (max-width: 768.1px) {
  .endpoint
    .field--name-field-sub-section.field--items
    > .field--item:first-child
    .field--name-field-content.field--items
    .field--item:nth-child(2) {
    flex-basis: 48%;
    margin-left: 8px;
    padding-top: 1em;
    padding-right: 0;
  }
}
.endpoint
  .field--name-field-sub-section.field--items
  > .field--item:first-child
  .field--name-field-content.field--items
  .field--item:nth-child(n + 3) {
  flex-basis: 100%;
  max-width: none;
}
.endpoint .field--name-field-sub-section.field--items > .field--item:not(:last-child) {
  margin-right: 28px;
}
@media screen and (max-width: 1024.1px) {
  .endpoint .field--name-field-sub-section.field--items > .field--item:not(:last-child) {
    margin-right: 0;
  }
}
.endpoint h4 {
  margin-top: 0;
  margin-bottom: 12px;
}
@media screen and (max-width: 768.1px) {
  .endpoint .counter .down_arrow {
    width: 32%;
  }
}
@media screen and (max-width: 768.1px) {
  .endpoint .counter .down_counter {
    padding-left: 28%;
  }
}
@media screen and (max-width: 768.1px) {
  .endpoint .counter_amount::after {
    margin-left: 3px;
  }
}
@media screen and (max-width: 768.1px) {
  .endpoint.big_label .counter_label {
    position: absolute;
    width: 320px;
    left: 0;
    top: -48px;
    font-size: 2.4rem;
  }
}
.endpoint.big_label .down_arrow {
  background-position: top 4em center;
}
@media screen and (max-width: 768.1px) {
  .endpoint.big_label .down_arrow {
    background-position: top 1em center;
  }
}
.endpoint.green_bg > .wrapper {
  padding-top: 0;
  padding-bottom: 36px;
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg > .wrapper {
    padding-bottom: 0;
  }
}
.endpoint.green_bg .field--name-field-sub-section.field--items {
  border-top: 1px solid rgba(161, 215, 132, 0.36);
  padding-top: 32px;
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg .field--name-field-sub-section.field--items {
    border-top: 0 none;
    padding-top: 0;
  }
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg .field--name-field-sub-section.field--items > .field--item:first-child {
    align-items: flex-start;
    border-bottom: 1px solid rgba(161, 215, 132, 0.36);
    border-top: 1px solid rgba(161, 215, 132, 0.36);
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg
    .field--name-field-sub-section.field--items
    .field--name-field-content.field--items
    > .field--item {
    margin-top: 32px !important;
  }
}
.endpoint.green_bg
  .field--name-field-sub-section.field--items
  .field--name-field-content.field--items
  > .field--item:nth-child(2) {
  flex-basis: 45% !important;
  padding-top: 1.4em !important;
}
@media screen and (max-width: 768.1px) {
  .endpoint.green_bg
    .field--name-field-sub-section.field--items
    .field--name-field-content.field--items
    > .field--item:nth-child(2) {
    padding-top: 2.4em !important;
  }
}
.endpoint.green_bg
  .field--name-field-sub-section.field--items
  .field--name-field-content.field--items
  > .field--item:first-child {
  flex-basis: 48% !important;
}

.dosing_tabs {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs {
    width: 100%;
  }
}
.dosing_tabs .tabs_group {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group {
    flex-direction: column;
  }
}
.dosing_tabs .tabs_group .tabs_list {
  list-style: none;
  margin: 0;
  padding: 40px 0 0 16px;
  width: 36%;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list {
    width: 100%;
    flex-direction: row;
    padding: 16px 8px 0;
    border-right: none;
  }
}
@media screen and (max-width: 480.1px) {
  .dosing_tabs .tabs_group .tabs_list {
    padding: 16px 0 0;
    justify-content: center;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab {
  padding: 24px 32px 0 8px;
  border-left: 1px solid transparent;
  border-right: 1px solid #e3e3e3;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab {
    padding: 0 0 16px 15px;
    margin-right: 0;
    border-right: 1px solid transparent;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab:hover {
  cursor: pointer;
  background-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}
.dosing_tabs .tabs_group .tabs_list .tab:not(.active):not(:last-child) a {
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab:not(.active):not(:last-child) a {
    border-right: 1px solid #e3e3e3;
    border-bottom: none;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab.last a {
  border-bottom: none;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab.last a {
    border-right: none;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab a {
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  padding: 0 0 40px 8px;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab a {
    padding: 16px 16px 0 0;
    border-bottom: none;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab a .tab_icon {
  margin-right: 20px;
  filter: saturate(0) brightness(1.5);
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab a .tab_icon {
    display: none;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab a .tab_weight {
  margin: 0;
  padding-bottom: 8px;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 2.4rem;
  color: #353535;
  border-bottom: 2px solid #f5b948;
}
@media screen and (max-width: 480.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab a .tab_weight {
    font-size: 2rem;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab.active {
  background-color: #ffffff;
  border-left-color: #e3e3e3;
  border-right-color: #ffffff;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab.active {
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab.active a .tab_icon {
  filter: none;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_list .tab.active a .tab_icon {
    display: none;
  }
}
.dosing_tabs .tabs_group .tabs_list .tab.active a .tab_weight {
  border-color: #8f8f8f;
  color: #f5b948;
}
.dosing_tabs .tabs_group .tabs_content {
  width: 63%;
  padding: 8px 0 0 8%;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_content {
    width: 100%;
    padding: 32px 16px 8px;
  }
}
.dosing_tabs .tabs_group .tabs_content .tab {
  display: none;
  line-height: 1.3;
}
.dosing_tabs .tabs_group .tabs_content .tab.active {
  display: block;
}
.dosing_tabs .tabs_group .tabs_content .tab .starting_dose {
  margin-bottom: 16px;
}
.dosing_tabs .tabs_group .tabs_content .tab .icons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  text-align: center;
}
.dosing_tabs .tabs_group .tabs_content .tab .icons .icon {
  text-align: center;
}
.dosing_tabs .tabs_group .tabs_content .tab .icons .icon .icon_img {
  margin-bottom: 4px;
  width: 100%;
  max-width: 120px;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_content .tab .icons .icon .icon_img {
    max-width: 88px;
  }
}
.dosing_tabs .tabs_group .tabs_content .tab .icons .icon .caption {
  display: block;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 1.7rem;
  color: #8f8f8f;
  font-weight: bold;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .tabs_content .tab .icons .icon .caption {
    font-size: 1.2rem;
  }
}
.dosing_tabs .tabs_group .tabs_content strong {
  font-weight: bold;
}
.dosing_tabs .tabs_group .dosing_footnote {
  width: 100%;
  padding-left: 72px;
  margin-left: 40%;
}
@media screen and (max-width: 768.1px) {
  .dosing_tabs .tabs_group .dosing_footnote {
    padding-left: 0;
    margin-left: 0;
  }
}
.dosing_tabs .tabs_group .dosing_footnote .note {
  font-weight: bold;
  font-size: 1.8rem;
}

@media screen and (max-width: 480.1px) {
  .support .wrapper {
    padding: 0 13px;
  }
}
@media screen and (max-width: 768.1px) {
  .support .field--name-field-content.field--items > .field--item {
    margin: 32px auto;
  }
}
@media screen and (max-width: 768.1px) {
  .support .field--name-field-content.field--items > .field--item:first-child {
    margin-right: auto;
  }
}
.support .field--item .field--item:first-child {
  display: inline-block;
}
.support a.btn {
  min-width: auto;
  margin-top: 12px;
}
.support h2,
.support h3 {
  margin-bottom: 12px !important;
  min-height: 2.5em;
}
.support p {
  min-height: 3em;
}

.success h1,
.success h2 {
  margin-bottom: 8px !important;
}
.success h3 {
  margin-top: 8px;
}
.success a.btn {
  margin-top: 16px;
  min-width: 300px;
}

.references {
  margin-top: 72px;
}
.references .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  .references .wrapper {
    padding-bottom: 64px;
  }
}
.references.top_line .field--name-field-content.field--items > .field--item:first-child > *:first-child {
  padding-top: 72px;
  border-top: 1px solid rgba(143, 143, 143, 0.5);
}
@media screen and (max-width: 768.1px) {
  .references.top_line .field--name-field-content.field--items > .field--item:first-child > *:first-child {
    padding-top: 0;
    border-top: 0 none;
  }
}
.references a {
  word-break: break-all;
}
.references em {
  display: inline-block;
}

.note.shorter > .wrapper {
  padding-bottom: 72px;
}
@media screen and (max-width: 768.1px) {
  .note.shorter > .wrapper {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 768.1px) {
  .sitemap .field--name-field-content.field--items > .field--item {
    width: 100%;
    margin: 0;
  }
}

.fourOhFour P .btn + .btn {
  margin-left: 24px;
}
@media screen and (max-width: 768.1px) {
  .fourOhFour P .btn + .btn {
    margin-left: 0;
    margin-top: 24px;
  }
}

body[class*="404"] .hero .h2 span {
  font-size: 3.2rem;
  white-space: normal;
}
@media screen and (max-width: 768.1px) {
  body[class*="404"] .hero .h2 span {
    font-size: 2.2rem;
  }
}

/*  Modals  */
div.popup {
  display: flex;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  align-items: center;
  padding: 16px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  transform: rotateY(-90deg);
  pointer-events: none;
}
div.popup > div {
  position: relative;
  width: 62%;
  min-width: 343px;
  max-width: 800px;
  padding: 72px 6%;
  background: #ffffff;
  margin: 0 auto;
}
@media screen and (max-width: 768.1px) {
  div.popup > div {
    padding: 64px 32px;
    width: auto;
  }
}
@media screen and (max-width: 480.1px) {
  div.popup > div {
    padding: 64px 12px;
  }
}
div.popup img {
  width: 100px;
}
div.popup.open {
  z-index: 99999;
  transform: rotateY(0deg);
  transition: none;
  opacity: 1;
  pointer-events: auto;
}
div.popup.answered {
  transition:
    transform 0.8s,
    opacity 0.2s;
}
div.popup .close {
  position: absolute;
  top: 12px;
  right: 24px;
  font-size: 4.8rem;
  color: #006b5b;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (max-width: 768.1px) {
  div.popup .close {
    display: block;
    margin: 0 0 24px 0;
    top: 0;
    right: 20px;
  }
}
div.popup a.btn {
  margin: 0 12px;
  min-width: 160px;
}
div.popup a.btn:first-child {
  margin-left: auto;
}
div.popup a.btn:last-child {
  margin-right: auto;
}
@media screen and (max-width: 1200.1px) {
  div.popup a.btn {
    display: block;
    margin: 0 auto;
    max-width: 400px;
  }
}
@media screen and (max-width: 480.1px) {
  div.popup a.btn {
    padding: 14px;
  }
}
div.popup a.btn:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1200.1px) {
  div.popup a.btn:not(:first-child) {
    margin-top: 24px;
  }
}
div.popup p {
  margin: 0 0 32px;
}
div.popup p:last-child {
  margin-bottom: 0;
}
div.popup h3,
div.popup .h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

#hcp_prompt {
  font-size: 2.4rem;
  font-family: "proxima-nova-condensed", sans-serif;
}
#hcp_prompt .wrapper {
  width: 90%;
  max-width: 900px;
}
@media screen and (min-width: 1024.1px) {
  #hcp_prompt .wrapper {
    padding: 85px 100px;
  }
}
#hcp_prompt .text-align-center {
  margin-right: 0;
  padding-right: 0;
  border-right: 0 none;
}
@media screen and (max-width: 480.1px) {
  #hcp_prompt .text-align-center {
    text-align: left;
  }
}
#hcp_prompt .close {
  display: none;
}

#now-approved > div {
  width: 90%;
  max-width: 870px;
}

/**** Now Approve Popup - EV team ****/
#now-approved > div {
  max-width: 843px;
  padding: 49px 78px 21px 65px;
}

#now-approved .close {
  top: 8px;
  right: 8px;
  max-width: 56px;
  max-height: 56px;
}

#now-approved .close .img-logo.mw-100 {
  display: block;
}

#now-approved > div .h3 {
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: center;
  color: #006b5b;
  margin-bottom: 16px;
}

#now-approved .img-logo {
  width: auto;
  max-width: 250px;
  margin: auto;
  display: block;
}

#now-approved .buttons-container {
  margin-top: 32px;
  margin-bottom: 48px;
  justify-content: space-between !important;
  display: flex;
}

#now-approved .buttons-container a {
  margin: 0 !important;
  width: 330px !important;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #353535;
  height: 56px;
}

#now-approved .buttons-container a.btn.arrow:hover {
  color: #fff;
}

#now-approved .note {
  color: #848484;
  font-size: 1.2rem;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: 12px;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #848484;
}

@media (max-width: 767px) {
  #now-approved > div {
    padding: 72px 23px 30px 25px !important;
  }
  #now-approved .h3 {
    font-size: 40px;
    line-height: 1;
    text-align: left;
    padding-right: 5px;
  }
  #now-approved .buttons-container {
    flex-wrap: wrap;
    margin-bottom: 56px;
    justify-content: center !important;
  }
  #now-approved .buttons-container a:first-child {
    margin-bottom: 24px !important;
  }
  #now-approved .note {
    text-align: left;
  }
  #now-approved .buttons-container a {
    width: 100% !important;
    max-width: 330px;
    padding: 14px 2px 14px 12px;
    text-align: left;
  }
  #now-approved .buttons-container a.outicon::after {
    margin-left: 6px;
  }
}
@media (max-width: 991px) {
  #now-approved .buttons-container {
    flex-direction: column;
    align-items: center;
  }
  #now-approved .buttons-container .btn.arrow {
    margin-bottom: 24px !important;
  }
}
.infographics circle {
  transform-origin: center;
  transform: rotate(-90deg);
}
.infographics .down_arrow {
  transition: background-position 2s cubic-bezier(0.1, 1, 0.25, 1) 0.5s;
}
.infographics .animate .down_arrow {
  background-position: top 5.5em center;
}
@media screen and (max-width: 480.1px) {
  .infographics .animate .down_arrow {
    background-position: top 3em center;
  }
}
.infographics .animate circle:last-child {
  animation: circle_up_84_1074 2s 1;
}

@keyframes circle_down_53_1074 {
  from {
    stroke-dasharray: 1074.42;
  }
  to {
    stroke-dasharray: 569.44;
  }
}
@keyframes circle_up_84_1074 {
  from {
    stroke-dashoffset: 750;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fade_expand {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
.hcp_signup .wrapper {
  padding-bottom: 0;
}

@media screen and (max-width: 768.1px) {
  .signup:not(.hero) > .wrapper {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768.1px) {
  .signup:not(.hero) > .wrapper .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.signup:not(.hero) form {
  max-width: none;
}
.signup:not(.hero) form > * {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type--form form {
  display: block;
  position: relative;
  max-width: 670px;
  margin: 0 auto;
  z-index: 0;
  color: #353535;
}
@media screen and (max-width: 480.1px) {
  .paragraph--type--form form {
    padding: 0;
  }
}
.paragraph--type--form form ::placeholder {
  color: #353535;
}
.paragraph--type--form form #edit-form-intro {
  margin-top: 0 !important;
}
.educator .paragraph--type--form form {
  max-width: 900px;
}
.educator .paragraph--type--form form > .webform-flexbox {
  max-width: 916px;
  display: flex;
}
@media screen and (max-width: 768.1px) {
  .educator .paragraph--type--form form > .webform-flexbox {
    display: block;
  }
}
.educator .paragraph--type--form #edit-form-intro > p {
  max-width: 900px;
}
.educator .paragraph--type--form .form-type-checkbox {
  min-height: 32px;
}
.educator .paragraph--type--form .form-type-checkbox .webform-element-description {
  margin-top: 6px;
}
.educator .paragraph--type--form .err-msg {
  max-width: 900px;
}
.paragraph--type--form input[type="text"],
.paragraph--type--form input[type="tel"],
.paragraph--type--form input[type="email"],
.paragraph--type--form select {
  width: 100%;
  padding: 10px 24px;
  border: 1px solid rgba(143, 143, 143, 0.5);
  border-radius: 4px;
}
.paragraph--type--form input[type="text"]:focus,
.paragraph--type--form input[type="text"]:focus-within,
.paragraph--type--form input[type="text"]:active,
.paragraph--type--form input[type="tel"]:focus,
.paragraph--type--form input[type="tel"]:focus-within,
.paragraph--type--form input[type="tel"]:active,
.paragraph--type--form input[type="email"]:focus,
.paragraph--type--form input[type="email"]:focus-within,
.paragraph--type--form input[type="email"]:active,
.paragraph--type--form select:focus,
.paragraph--type--form select:focus-within,
.paragraph--type--form select:active {
  border: 1px solid #f5b948;
  outline: none;
}
.paragraph--type--form input[type="text"].error,
.paragraph--type--form input[type="tel"].error,
.paragraph--type--form input[type="email"].error,
.paragraph--type--form select.error {
  border: 1px solid #e9555b;
}
.paragraph--type--form select {
  padding: 14px 24px;
}
.paragraph--type--form a {
  text-decoration: none;
}
.paragraph--type--form .form-type-checkbox label.option {
  position: absolute;
}
.paragraph--type--form .form-type-checkbox .description {
  margin-left: 48px;
  font-size: 1.6rem;
}
.paragraph--type--form .form-type-checkbox .description a {
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #f5b948;
  transition:
    border-color 0.2s,
    color 0.2s;
}
.paragraph--type--form .form-type-checkbox .description a:hover {
  color: #f5b948;
  border-bottom: 2px solid #3c3c3c;
}
.paragraph--type--form .form-type-checkbox .input-err-msg {
  padding-top: 6px;
}
.paragraph--type--form .form-type-checkbox.form-item-i-am-18-years-or-older .input-err-msg,
.paragraph--type--form .form-type-checkbox.form-item-privacy-data-policy .input-err-msg {
  padding-top: 0;
  margin-top: 0;
}
.paragraph--type--form .form-radios:not(.webform-options-display-buttons) label.option::before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: text-top;
  border: 1px solid #353535;
  border-radius: 50%;
}
.paragraph--type--form input[type="radio"] {
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: 0;
}
.paragraph--type--form input[type="radio"]:checked + label.option::before {
  background: #353535;
  box-shadow: inset 0px 0px 0px 2px rgb(255, 255, 255);
}
.paragraph--type--form input[type="checkbox"] {
  position: absolute;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(143, 143, 143, 0.5);
  border-radius: 4px;
}
.paragraph--type--form input[type="checkbox"]::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotateY(90deg);
  background-image: url(/themes/oxlumo/images/yellow-check.svg);
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.2s;
}
.paragraph--type--form input[type="checkbox"]:checked::after {
  display: block;
  transform: rotateY(0deg);
}
.paragraph--type--form .has-error input[type="checkbox"] {
  border: 1px solid #e9555b;
}
.paragraph--type--form input.button {
  min-width: 310px;
  padding: 13px 44px 12px 10px;
  background-image: url(/themes/oxlumo/images/link-arrow-black.svg);
  background-position: right 39% center;
  background-repeat: no-repeat;
}
.paragraph--type--form input.button:hover {
  background-image: url(/themes/oxlumo/images/link-arrow-white.svg);
}
@media screen and (max-width: 480.1px) {
  .paragraph--type--form input.button {
    width: 100%;
    min-width: auto;
  }
}
.paragraph--type--form .input-err-msg,
.paragraph--type--form .dupe-err-msg {
  display: none;
  color: #e9555b;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 5px;
  margin-bottom: -14px;
}
.paragraph--type--form .dupe-err .dupe-err-msg,
.paragraph--type--form .has-error .input-err-msg,
.paragraph--type--form fieldset.error .input-err-msg {
  display: block;
}
.paragraph--type--form .err-msg {
  max-width: 670px;
  margin: 0 auto;
}
.paragraph--type--form .err-msg .alert {
  color: #e9555b;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: bold;
}
.paragraph--type--form .err-msg .alert ul {
  display: none;
}
.paragraph--type--form .err-msg .alert ul li.item {
  list-style: "–";
  padding-left: 4px;
  margin: 0;
}
.paragraph--type--form .err-msg .alert h4 {
  margin: 0;
}
.paragraph--type--form .optional-label {
  color: #9a9a9a;
  font-style: oblique;
}
.paragraph--type--form .form-required::after {
  display: none;
}
.paragraph--type--form fieldset {
  margin-left: 0;
  margin-right: 0;
}
.paragraph--type--form fieldset + hr.webform-horizontal-rule {
  margin: 2em auto;
}
.paragraph--type--form .form-item:not(.form-type-radio),
.paragraph--type--form .form-actions {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.paragraph--type--form #edit-form-intro {
  max-width: none;
}
.paragraph--type--form #edit-form-intro > p {
  max-width: 670px;
  margin: 0 auto 1em auto;
}
.paragraph--type--form #edit-form-intro > p:last-child {
  margin-bottom: 0;
}
.paragraph--type--form #edit-form-intro > ol {
  max-width: 670px;
  margin: 0 auto 72px auto;
}
.paragraph--type--form #edit-form-intro > ol li {
  margin-bottom: 16px;
}
.paragraph--type--form #edit-form-intro > ol li:last-child {
  margin-bottom: 0;
}
.paragraph--type--form #edit-form-intro > ol:last-child {
  margin-bottom: 0;
}
.paragraph--type--form .err-msg {
  margin-top: 24px;
}
.paragraph--type--form .err-msg:empty {
  display: none;
}
.paragraph--type--form .webform-flexbox {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  align-items: center;
}
.paragraph--type--form .webform-flexbox .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768.1px) {
  .paragraph--type--form .webform-flexbox .form-item:not(.form-type-radio) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 768.1px) {
  .paragraph--type--form .form-item-ok-to-leave-voicemail {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(143, 143, 143, 0.5);
  }
}
.paragraph--type--form .gender-description {
  margin: -20px 0 34px 0;
  display: block;
}

#signup-form #edit-i-am-radios.webform-options-display-buttons {
  justify-content: space-between;
}
#signup-form #edit-i-am-radios.webform-options-display-buttons label.webform-options-display-buttons-label {
  display: table-cell;
  border: solid 1px rgba(143, 143, 143, 0.5);
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  font-weight: bold;
  padding: 0 10px;
  height: 56px;
}
@media screen and (max-width: 600.1px) {
  #signup-form #edit-i-am-radios.webform-options-display-buttons label.webform-options-display-buttons-label {
    width: 100%;
  }
}
#signup-form #edit-i-am-radios.webform-options-display-buttons label.webform-options-display-buttons-label:hover {
  border-color: #f5b948;
}
#signup-form
  #edit-i-am-radios.webform-options-display-buttons
  input:checked
  + label.webform-options-display-buttons-label {
  border-color: #f5b948;
  background-color: #f5b948;
}
#signup-form #edit-i-am-radios.webform-options-display-buttons .webform-options-display-buttons-wrapper {
  margin: 0 0 16px 0;
  flex-basis: 48%;
  flex-grow: 0;
}
#signup-form .form-item-i-describe-myself label,
#signup-form .form-item-i-describe-myself-as-a- label {
  margin-bottom: 8px;
  display: inline-block;
}
.day14.hcp #signup-form h1 {
  max-width: 972px;
  margin-left: auto;
  margin-right: auto;
}

.form-composite > legend,
section:not(.educator) > .wrapper label:not(.option) {
  font-weight: 500;
  font-size: 1.4rem;
}
.form-composite > legend em,
section:not(.educator) > .wrapper label:not(.option) em {
  display: block;
  height: 12px;
  overflow: visible;
  font-size: 1.6rem;
}
.day1 .form-composite > legend em,
.day1 section:not(.educator) > .wrapper label:not(.option) em {
  height: auto;
}

span.select2-container {
  min-width: 100%;
  z-index: 9;
}
span.select2-container span.select2-selection--single {
  height: 52px;
}
span.select2-container span.select2-selection--single:focus {
  outline: none;
}
span.select2-container span.select2-selection--single span.select2-selection__rendered {
  padding: 10px 24px;
  color: #353535;
}
span.select2-container span.select2-selection--single .select2-selection__arrow {
  top: 11px;
  right: 16px;
  width: 32px;
  height: 32px;
  background-image: url(/themes/oxlumo/images/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.5s;
}
span.select2-container span.select2-selection--single .select2-selection__arrow b {
  display: none;
}
span.select2-container.select2-container--open .select2-selection__arrow {
  transform: rotateX(180deg);
}
span.select2-container .select2-selection {
  border: 1px solid rgba(143, 143, 143, 0.5);
}
span.select2-container .select2-results__option {
  padding: 7px 24px;
}
span.select2-container .select2-results__option:first-child {
  display: none;
}
span.select2-container .select2-results__option--highlighted[aria-selected] {
  background: #f5b948;
  color: #353535;
  transition: background-color 0.2s;
}
body > span.select2-container {
  min-width: auto;
}

.select2-results__option {
  font-size: 16px;
}

.webform-confirmation__message,
.webform-confirmation__back,
.webform-options-display-buttons,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons {
  margin: 0;
}

#edit-flexbox-01 {
  flex-wrap: wrap;
}
@media screen and (max-width: 768.1px) {
  #edit-flexbox-01 .webform-flex:first-child {
    flex-basis: 100%;
  }
}

.success h1,
.success h2 {
  margin-bottom: 8px !important;
}
.success h3 {
  margin-top: 8px;
}
.success a.btn {
  margin-top: 16px;
  min-width: 300px;
}

/* DO NOT ADD STYLES TO THIS FILE. THIS SCSS IS COMPILED INTO CSS BY CODEKIT / PREPROS */
/* PLEASE USE SHAME.CSS FOR STATIC CSS */
/*# sourceMappingURL=styles.css.map */