@charset "UTF-8";
/******************************************************************
 *
 *  PLEASE NOTE!
 *
 *  This CSS File is compiled from a local repository.
 *  Any manual changes here might be overwritten by compiled
 *  styles. Please contact Zooma if you want to take over this
 *  stylesheet.
 *
 *
 */
/*

  Page: Default
  ------------------------------------------------
  General page styling

*/
.MainWrapper,
.ColWrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .MainWrapper,
  .ColWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .MainWrapper,
  .ColWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .MainWrapper,
  .ColWrapper {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.MainWrapper h1 {
  margin-bottom: 48px;
}
.MainWrapper--spaced {
  padding-top: 32px;
}
.Col {
  margin-bottom: 48px;
}
.Col:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .Col {
    margin-bottom: 0;
  }
}
/*

  Hack to give columns correct padding

*/
.page-center .col {
  min-height: 1px !important;
}
.start-page .Footer-primary {
  margin-top: 0;
}
@media only screen and (min-width: 480px) {
  .start-page .Footer-primary {
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .start-page .Footer-primary {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .start-page .FlexModule--navGrid h2 {
    margin: 26px !important;
  }
}
.start-page .FlexModule--navGrid .FlexModule-col:last-child {
  border-bottom: none;
}
.white-page .TopNavV2-inner {
  position: static;
}
.white-page .TopNavV2-inner:after {
  max-width: 100%;
}
.white-page .body-container-wrapper {
  background-color: #fff;
  padding-bottom: 72px;
}
@media only screen and (min-width: 480px) {
  .white-page .body-container-wrapper {
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 640px) {
  .white-page .body-container-wrapper {
    padding-bottom: 108px;
  }
}
.white-page .Footer-primary {
  margin-top: 0;
  border-top: none;
}
/*

  Page: Content Page
  ------------------------------------------------
  Created for Biolin Scientific
  
  Imports the variations under /_partials

*/
.content-page {
  position: relative;
}
.content-page .PageHero h1 {
  font-size: 3rem;
  line-height: 1.33333333;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 300;
  color: #00b49d;
}
@media only screen and (min-width: 480px) {
  .content-page .PageHero h1 {
    font-size: 3.6rem;
    line-height: 1.11111111;
  }
}
@media only screen and (min-width: 768px) {
  .content-page .PageHero h1 {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .content-page .PageHero h1 {
    font-size: 4.6rem;
    line-height: 1.2173913;
  }
}
@media only screen and (min-width: 1300px) and (min-height: 900px) {
  .content-page .PageHero h1 {
    font-size: 5.1rem;
    line-height: 1.09803922;
  }
}
.content-page .PageHero h1 strong,
.content-page .PageHero h1 em {
  font-weight: 400;
  font-style: normal;
}
.content-page .PageHero.has-img h1 {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .content-page .FlexModule-wrapper .hs_cos_wrapper_type_rich_text {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ContentWrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .ContentWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentWrapper {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.ContentWrapper--twoColumns .ContentBody-inner > .widget-span,
.ContentWrapper--twoColumns .ContentSidebar-inner > .widget-span {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
@media only screen and (min-width: 768px) {
  .ContentWrapper--twoColumns .ContentBody {
    float: right;
    max-width: 100%;
    width: 65.94059406% !important;
  }
  .ContentWrapper--twoColumns .ContentSidebar {
    float: left;
    max-width: 100%;
    width: 31.88118812% !important;
  }
}
.TileNav--contact {
  margin-top: 72px;
}
/*

  Content Page: Header
  ------------------------------------------------

*/
.content-page .PageHero-outer .PageHero-col {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 768px) and (min-height: 640px) {
  .content-page .PageHero-outer .PageHero-col {
    margin-top: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .content-page .PageHero.header-disabled .PageHero-col {
    margin-top: 32px;
  }
}
.content-page .ContentHero {
  position: relative;
}
.content-page .ContentHero--noHeader .ContentHeader {
  display: none;
}
.ContentHeader {
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .ContentHeader {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentHeader {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.ContentHeader-inner {
  max-width: 1440px;
  margin: 0 auto;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-left: 21px;
  padding-right: 24px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  opacity: 0;
}
@media only screen and (min-width: 480px) {
  .ContentHeader-inner {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentHeader-inner {
    height: 84px;
    padding-top: 24px;
    padding-left: 36px;
    padding-right: 38px;
  }
}
.transitions .ContentHeader-inner {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.ContentHeader.has-breadcrumb .ContentHeader-inner {
  height: 80px;
}
@media only screen and (min-width: 768px) {
  .ContentHeader.has-breadcrumb .ContentHeader-inner {
    height: 88px;
  }
}
.transitions .ContentHeader.initiated .ContentHeader-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.ContentHeader-breadcrumb {
  -webkit-transition: opacity ease-in-out 0.35s;
  transition: opacity ease-in-out 0.35s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-left: 8px;
}
.touch .ContentHeader-breadcrumb {
  margin-top: -1px;
}
@media only screen and (min-width: 480px) {
  .ContentHeader-breadcrumb {
    margin-top: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentHeader-breadcrumb {
    margin-left: 0;
  }
}
.ContentHeader-breadcrumb li {
  padding: 0;
  font-size: 12px;
}
.ContentHeader-breadcrumb li:last-child a {
  padding-right: 16px;
}
.ContentHeader-breadcrumb li:last-child .hs-breadcrumb-menu-divider {
  display: none;
}
.ContentHeader-breadcrumb a {
  color: #838c97;
  -webkit-transition: none;
  transition: none;
  padding: 0.25rem 0 0.5rem;
}
.ContentHeader-breadcrumb a:hover,
.ContentHeader-breadcrumb a:focus,
.ContentHeader-breadcrumb a:active {
  text-decoration: none;
}
.ContentHeader-breadcrumb a:hover {
  color: #42474c;
}
.ContentHeader-breadcrumb a:active {
  color: #2a2e31;
}
.touch .ContentHeader-breadcrumb a:hover {
  color: #838c97;
}
.touch .ContentHeader-breadcrumb a:active {
  color: #42474c;
}
.transitions .ContentHeader-breadcrumb a {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.transitions .ContentHeader-breadcrumb a:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.ContentHeader-breadcrumb .hs-breadcrumb-menu-divider:before {
  content: "/";
  padding-left: 0.4em;
  padding-right: 0.2em;
  color: #808285;
}
.ContentHeader .SimpleSelector-btn {
  font-size: 1.7rem;
  line-height: 1.64705882;
  font-weight: 500;
  color: #596372;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
@media only screen and (min-width: 768px) {
  .ContentHeader .SimpleSelector-btn {
    font-size: 1.9rem;
    line-height: 1.68421053;
  }
}
@media only screen and (max-width: 767px) {
  .ContentHeader .SimpleSelector-btn {
    padding-right: 10px;
    padding-left: 16px;
    text-shadow: none;
  }
  .ContentHeader .SimpleSelector-btn:after {
    content: "" !important;
    display: inline-block !important;
    width: 2px !important;
    height: 16px !important;
    background: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/icon-vertical-dots.svg") no-repeat !important;
    background-size: 2px auto !important;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin-top: 0.65em;
    margin-bottom: 0;
    margin-left: 8px;
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
}
@media only screen and (max-width: 479px) {
  .ContentHeader .SimpleSelector-btn {
    font-size: 15px;
  }
  .ContentHeader .SimpleSelector-btn:after {
    margin-top: 0.75em;
  }
}
.ContentHeader .SimpleSelector-list > div {
  max-height: 64vh;
}
.ContentHeader .SimpleSelector.is-expanded + .ContentHeader-breadcrumb {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.ContentHeader--bgImage .ContentHeader-breadcrumb a {
  color: rgba(255, 255, 255, 0.75);
  -webkit-transition: none;
  transition: none;
}
.ContentHeader--bgImage .ContentHeader-breadcrumb a:hover,
.ContentHeader--bgImage .ContentHeader-breadcrumb a:focus,
.ContentHeader--bgImage .ContentHeader-breadcrumb a:active {
  text-decoration: none;
}
.ContentHeader--bgImage .ContentHeader-breadcrumb a:hover {
  color: #fff;
}
.ContentHeader--bgImage .ContentHeader-breadcrumb a:active {
  color: #e6e6e6;
}
.touch .ContentHeader--bgImage .ContentHeader-breadcrumb a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.touch .ContentHeader--bgImage .ContentHeader-breadcrumb a:active {
  color: #fff;
}
.transitions .ContentHeader--bgImage .ContentHeader-breadcrumb a {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.transitions .ContentHeader--bgImage .ContentHeader-breadcrumb a:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn {
  color: rgba(255, 255, 255, 0.95) !important;
}
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:hover,
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:focus,
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:active {
  text-decoration: none !important;
}
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:hover {
  color: #fff !important;
}
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:active {
  color: #e6e6e6 !important;
}
.touch .ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:hover {
  color: rgba(255, 255, 255, 0.95) !important;
}
.touch .ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:active {
  color: #fff !important;
}
.ContentHeader--bgImage .SimpleSelector--inverted .SimpleSelector-btn:focus {
  color: rgba(255, 255, 255, 0.85) !important;
}
.ContentHeader--bgImage .SimpleSelector--inverted.is-expanded .SimpleSelector-btn {
  color: rgba(255, 255, 255, 0.6) !important;
}
.touch .ContentHeader--bgImage .SimpleSelector--inverted.is-expanded .SimpleSelector-btn:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.ContentHeader--noBgImage .ContentHeader-inner {
  background-color: inherit;
}
/*

  Content Page: Horizontal Navigation Bar
  ------------------------------------------------

*/
.ContentBody {
  position: relative;
  z-index: 3;
}
.content-nav-fixed .ContentBody {
  position: static;
}
.ContentNav-outer {
  position: relative;
  z-index: 2;
}
.ContentNav-outer.no-links:not(.has-action-links) {
  height: 0;
  overflow: hidden;
}
.ContentNav-outer.no-links.has-action-links .ContentNav-inner {
  border-color: rgba(209, 209, 209, 0);
}
.content-nav-fixed .ContentNav-outer.no-links.has-action-links .ContentNav-inner {
  border-color: #d1d1d1;
}
.ContentNav {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f8f8fb;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  .ContentNav {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentNav {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .ContentNav {
    display: none;
  }
  .has-links .ContentNav {
    display: block;
  }
}
.content-nav-fixed .ContentNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.content-nav-fixed .ContentNav .ContentNav-inner {
  border-color: rgba(220, 220, 230, 0);
  -webkit-transition: border ease-in-out 0.75s;
  transition: border ease-in-out 0.75s;
}
.content-nav-fixed .ContentNav .ContentNav-inner:after {
  opacity: 1;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
}
.ContentNav a.contact {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
}
@media only screen and (min-width: 1300px) {
  .ContentNav a.contact {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 300;
    display: block;
    margin-bottom: 32px;
    margin-right: 15px;
    padding: 0.8125em 2em 0.8125em !important;
    font-size: 1.6rem !important;
    line-height: 1.25 !important;
    border-radius: 9999px !important;
    min-height: 48px !important;
    padding: 0.875em 2.5em !important;
    opacity: 0;
    pointer-events: none;
  }
  .has-scrolled .ContentNav a.contact {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (min-width: 768px) {
  .ContentNav a.contact {
    margin-right: 22px;
  }
}
@media only screen and (min-width: 1300px) {
  .ContentNav a.contact {
    margin-right: 40px;
  }
}
.ContentNav,
.ContentNav-outer,
.ContentNav-inner,
.ContentNav-col .NoScrollbarFrame {
  height: 48px;
}
@media only screen and (min-width: 1300px) {
  .ContentNav,
  .ContentNav-outer,
  .ContentNav-inner,
  .ContentNav-col .NoScrollbarFrame {
    height: 56px;
  }
}
.ContentNav-inner {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  border-bottom: 1px solid rgba(209, 209, 209, 0);
}
.ContentNav-inner:before,
.ContentNav-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ContentNav-inner:after {
  clear: both;
}
.ContentNav-inner:before,
.ContentNav-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ContentNav-inner:after {
  clear: both;
}
.ContentNav-inner:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: -7px;
  left: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 140, 151, 0.18)), to(rgba(131, 140, 151, 0)));
  background-image: linear-gradient(to bottom, rgba(131, 140, 151, 0.18) 0%, rgba(131, 140, 151, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e838c97', endColorstr='#00838c97', GradientType=0);
}
.ContentNav-inner:after {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .ContentNav-inner:after {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .ContentNav-inner:after {
    width: calc(100% - 40px - 40px);
  }
}
.ContentNav-inner:after {
  z-index: -1;
}
.has-links .ContentNav-inner,
.hs-inline-edit .ContentNav-inner {
  border-color: #d1d1d1;
}
@media only screen and (min-width: 1300px) {
  .ContentNav-inner {
    padding-top: 8px;
  }
}
.ContentNav-inner:after {
  width: 100%;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}
.ContentNav-col--brand {
  display: none;
}
.ContentNav-col--brand .SimpleSelector {
  vertical-align: middle;
}
.ContentNav-col--brand .SimpleSelector-btn {
  margin-left: 0;
}
.ContentNav-col--action {
  position: relative;
  height: 56px;
}
@media only screen and (min-width: 768px) {
  .ContentNav-col--action {
    height: 72px;
  }
}
@media only screen and (min-width: 1300px) {
  .ContentNav-col--action {
    height: inherit;
  }
}
.ContentNav-col--action a {
  margin-bottom: 0;
}
@media only screen and (min-width: 1300px) {
  .ContentNav-col--action a {
    margin-top: 4px;
  }
}
.ContentNav-col--action .scroll-to-top {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 56px;
  padding: 14px 20px;
}
@media only screen and (min-width: 480px) {
  .ContentNav-col--action .scroll-to-top {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentNav-col--action .scroll-to-top {
    position: relative;
    display: inline;
    height: inherit;
    vertical-align: middle;
    margin-right: -16px;
    margin-left: -16px;
    padding: 24px 28px;
  }
}
@media only screen and (min-width: 1300px) {
  .ContentNav-col--action .scroll-to-top {
    display: none;
  }
}
.ContentNav-col--action .scroll-to-top:active .Icon {
  stroke: #596372 !important;
  fill: #596372 !important;
}
.ContentNav-col--action .scroll-to-top:active .Icon path {
  fill: #596372 !important;
}
.ContentNav-col--action .scroll-to-top .Icon {
  stroke: #838c97 !important;
  fill: #838c97 !important;
  width: 16px;
}
.ContentNav-col--action .scroll-to-top .Icon path {
  fill: #838c97 !important;
}
.ContentNav-col--links {
  max-width: 100%;
  text-align: center;
  position: relative;
}
.ContentNav-col--links:before,
.ContentNav-col--links:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 100;
  display: block;
  pointer-events: none;
  width: 12px;
  height: 32px;
  margin-top: 8px;
}
.ContentNav-col--links:before {
  left: 0;
  right: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(#f8f8fb), to(rgba(248, 248, 251, 0)));
  background-image: linear-gradient(to right, #f8f8fb 0%, rgba(248, 248, 251, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8fb', endColorstr='#00f8f8fb', GradientType=1);
}
.ContentNav-col--links:after {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 251, 0)), to(#f8f8fb));
  background-image: linear-gradient(to right, rgba(248, 248, 251, 0) 0%, #f8f8fb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8fb', endColorstr='#fff8f8fb', GradientType=1);
}
.hs-inline-edit .ContentNav-col--links:before,
.hs-inline-edit .ContentNav-col--links:after {
  display: none;
}
.no-touch .ContentNav-col--links .NoScrollbarFrame {
  overflow: hidden;
}
.no-touch .ContentNav-col--links .NoScrollbarFrame:hover {
  overflow-x: auto;
}
.ContentNav-col--links ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 1299px) {
  .ContentNav-col--links ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.ContentNav-col--links li {
  font-size: 1.3rem;
  line-height: 1.23076923;
  font-weight: 400;
  color: #6c6e70;
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 480px) {
  .ContentNav-col--links li {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
@media only screen and (min-width: 768px) {
  .ContentNav-col--links li {
    font-size: 1.4rem;
    line-height: 1.14285714;
  }
}
.ContentNav-col--links a {
  color: #838c97;
  position: relative;
  display: inline-block;
  height: 48px;
  padding: 0 8px;
  line-height: 48px;
  border-bottom: 2px solid rgba(0, 180, 157, 0);
  width: auto;
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ContentNav-col--links a:hover,
.ContentNav-col--links a:focus,
.ContentNav-col--links a:active {
  text-decoration: none;
}
.ContentNav-col--links a:hover {
  color: #596372;
}
.ContentNav-col--links a:active {
  color: #434a55;
}
.touch .ContentNav-col--links a:hover {
  color: #838c97;
}
.touch .ContentNav-col--links a:active {
  color: #596372;
}
@media only screen and (min-width: 1300px) {
  .ContentNav-col--links a {
    height: 57px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 992px) {
  .ContentNav-col--links a {
    padding: 0 14px;
  }
}
.ContentNav-col--links li.start-link a {
  font-weight: 500;
  color: #596372 !important;
  max-width: 225px;
}
.has-scrolled .ContentNav-col--links li.start-link a {
  color: #596372 !important;
}
.has-scrolled .ContentNav-col--links li.start-link a:hover,
.has-scrolled .ContentNav-col--links li.start-link a:focus,
.has-scrolled .ContentNav-col--links li.start-link a:active {
  text-decoration: none !important;
}
.has-scrolled .ContentNav-col--links li.start-link a:hover {
  color: #31788e !important;
}
.has-scrolled .ContentNav-col--links li.start-link a:active {
  color: #245868 !important;
}
.touch .has-scrolled .ContentNav-col--links li.start-link a:hover {
  color: #596372 !important;
}
.touch .has-scrolled .ContentNav-col--links li.start-link a:active {
  color: #31788e !important;
}
.ContentNav-col--links li.target a {
  color: #00b49d !important;
}
.has-scrolled .ContentNav-col--links li.target a {
  color: #00b49d !important;
}
.ContentNav-col--links li.active a {
  color: #596372;
  border-color: #00b49d;
}
.ContentNav-col--links .ContentTitle {
  text-align: center;
}
.ContentNav-col--links .ContentTitle a {
  border: none !important;
  max-width: 100% !important;
  opacity: 0;
  pointer-events: none;
}
.content-nav-fixed .ContentNav-col--links .ContentTitle a {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 1299px) {
  .ContentNav-col--links .ContentTitle li,
  .ContentNav-col--links .ContentTitle a {
    width: 100%;
  }
}
@media only screen and (min-width: 1300px) {
  .ContentNav-col--brand,
  .ContentNav-col--action {
    display: block;
    width: 30%;
    float: left;
  }
  .ContentNav-col--action {
    float: right;
    text-align: right;
  }
  .ContentNav-col--links {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: left;
    width: 100%;
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ContentNav .SimpleSelector {
  vertical-align: middle;
}
.ContentNav .SimpleSelector-btn {
  font-weight: 500;
  color: #808285;
}
.ContentNav .PageSelector .SimpleSelector-btn {
  padding-top: 2px;
  padding-bottom: 3px;
}
.ContentNav .PageSelector .SimpleSelector-btn * {
  font-weight: 400;
}
@media only screen and (min-width: 1300px) {
  .ContentNav .PageSelector {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
    pointer-events: none;
  }
  .ContentNav .PageSelector .SimpleSelector-btn {
    width: auto;
    max-width: 20vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3px;
  }
  .transitions .ContentNav .PageSelector {
    -webkit-transition: ease-in-out 0.35s;
    transition: ease-in-out 0.35s;
  }
  .transitions.content-nav-fixed .ContentNav .PageSelector.initiated {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 767px) {
  .ContentNav.has-pageParentLink .PageSelector .SimpleSelector-btn span {
    width: auto;
    max-width: 60vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 479px) {
  .ContentNav.has-pageParentLink .PageSelector .SimpleSelector-btn span {
    max-width: 50vw;
  }
}
.ContentNav .PageParentLink {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin-top: 0;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
.ContentNav .PageParentLink a {
  display: inline-block;
  height: 48px;
  color: #838c97;
  padding: 13px 8px 0 16px;
}
.ContentNav .PageParentLink a:hover,
.ContentNav .PageParentLink a:focus,
.ContentNav .PageParentLink a:active {
  text-decoration: none;
}
.ContentNav .PageParentLink a:hover {
  color: #596372;
}
.ContentNav .PageParentLink a:active {
  color: #434a55;
}
.touch .ContentNav .PageParentLink a:hover {
  color: #838c97;
}
.touch .ContentNav .PageParentLink a:active {
  color: #596372;
}
.ContentNav .PageParentLink .hs-breadcrumb-menu-divider {
  display: none;
}
.ContentNav .ResourceSelector {
  vertical-align: top;
  z-index: 1;
  display: none;
}
.has-action-links .ContentNav .ResourceSelector {
  display: inline-block;
}
@media only screen and (min-width: 1300px) {
  .ContentNav .ResourceSelector {
    vertical-align: middle;
  }
}
.ContentNav .ResourceSelector .SimpleSelector-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  -webkit-transition: background-color 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
  transition: background-color 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.2s;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  color: #31788e;
  border-width: 1px;
  border-style: solid;
  border-color: #e4e6e8;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  padding: 0.38461538em 1.69230769em 0.38461538em;
  font-size: 1.3rem;
  line-height: 1.23076923;
  border-radius: 9999px;
  min-height: 28px;
  margin-top: 0;
  padding-left: 28px;
  padding-right: 36px;
  background-color: #f8f8fb !important;
  color: #31788e !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  line-height: 1;
}
.ContentNav .ResourceSelector .SimpleSelector-btn .Icon {
  stroke: #31788e !important;
  fill: #31788e !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn .Icon path {
  fill: #31788e !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:focus {
  color: #31788e;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  border-color: #e0e2e5;
  color: #245868;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:hover .Icon {
  stroke: #245868 !important;
  fill: #245868 !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:hover .Icon path {
  fill: #245868 !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:active {
  border-color: #e7e9eb;
  color: #173842;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:active .Icon {
  stroke: #173842 !important;
  fill: #173842 !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:active .Icon path {
  fill: #173842 !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn.is-disabled,
.ContentNav .ResourceSelector .SimpleSelector-btn:disabled {
  border-color: rgba(186, 191, 198, 0) !important;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  border-color: #e4e6e8;
  color: #31788e;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:hover .Icon {
  stroke: #31788e !important;
  fill: #31788e !important;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:hover .Icon path {
  fill: #31788e !important;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:active {
  border-color: #e0e2e5;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  color: #245868;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:active .Icon {
  stroke: #245868 !important;
  fill: #245868 !important;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:active .Icon path {
  fill: #245868 !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.24);
}
.ContentNav .ResourceSelector .SimpleSelector-btn:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.ContentNav .ResourceSelector .SimpleSelector-btn.is-disabled,
.ContentNav .ResourceSelector .SimpleSelector-btn:disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.touch .ContentNav .ResourceSelector .SimpleSelector-btn:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.bg-white .ContentNav .ResourceSelector .SimpleSelector-btn {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.bg-white .ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}
.bg-white .ContentNav .ResourceSelector .SimpleSelector-btn:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.bg-white .ContentNav .ResourceSelector .SimpleSelector-btn.is-disabled,
.bg-white .ContentNav .ResourceSelector .SimpleSelector-btn:disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.touch .bg-white .ContentNav .ResourceSelector .SimpleSelector-btn:hover {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.touch .bg-white .ContentNav .ResourceSelector .SimpleSelector-btn:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.ContentNav .ResourceSelector .SimpleSelector-btn:active {
  background-color: #e0ebee !important;
}
@media only screen and (min-width: 1300px) {
  .ContentNav .ResourceSelector .SimpleSelector-btn {
    position: relative;
    padding-left: 40px;
  }
  .ContentNav .ResourceSelector .SimpleSelector-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 15px;
    margin-top: 5px;
    margin-left: 17.5px;
    background: url("https://www.biolinscientific.com/hubfs/Assets/icons/SimpleSelector/icon-document-tertiary.svg") no-repeat center;
    background-size: 13px auto;
  }
}
.no-touch .ContentNav .ResourceSelector .SimpleSelector-btn:hover,
.no-touch .ContentNav .ResourceSelector .SimpleSelector-btn:active {
  background-color: #e0ebee !important;
}
.ContentNav .ResourceSelector .SimpleSelector-btn:after {
  margin-bottom: -0.02em;
  margin-right: 16px;
}
.ContentNav .ResourceSelector .SimpleSelector-btn > * {
  -webkit-transition: none;
  transition: none;
}
@media only screen and (max-width: 1299px) {
  .ContentNav .ContentNav-col--action {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300;
    padding: 12px 10px;
    text-align: right;
    -webkit-transition: opacity ease-in-out 0.25s;
    transition: opacity ease-in-out 0.25s;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(248, 248, 251, 0.85);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border-top: 1px solid #d1d1d1;
  }
  .product-detail-page .ContentNav .ContentNav-col--action {
    display: block;
  }
  .has-scrolled .has-action-links .ContentNav .ContentNav-col--action {
    opacity: 1;
    pointer-events: auto;
  }
  .reached-bottom .ContentNav .ContentNav-col--action {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .reached-bottom .ContentNav .ContentNav-col--action a {
    pointer-events: none;
  }
  .ContentNav .ContentNav-col--action > div {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
  }
  .ContentNav .ContentNav-col--action .SimpleSelector-btn,
  .ContentNav .ContentNav-col--action a.contact {
    height: 32px;
    vertical-align: top;
    margin-top: 0;
  }
  .ContentNav a.contact {
    padding: 0.38461538em 1.69230769em 0.38461538em !important;
    font-size: 1.3rem !important;
    line-height: 1.23076923 !important;
    border-radius: 9999px !important;
    min-height: 28px !important;
  }
  .ContentNav .ResourceSelector {
    display: none;
  }
  .ContentNav .ResourceSelector.initiated {
    display: inline-block;
  }
  .ContentNav .ResourceSelector .SimpleSelector-btn {
    padding: 0.38461538em 1.69230769em 0.38461538em;
    font-size: 1.3rem;
    line-height: 1.23076923;
    border-radius: 9999px;
    min-height: 28px;
    margin-left: 0;
    padding-left: 24px;
    padding-right: 32px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .ContentNav .ResourceSelector .SimpleSelector-btn:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-image: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/SimpleSelector/icon-arrow-down-dark-blue1.svg");
  }
  .ContentNav .ResourceSelector .SimpleSelector-list {
    top: 0;
    left: 0;
    max-height: 440px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: -16px;
    margin-left: -8px;
    -webkit-transform: translateY(-90%);
            transform: translateY(-90%);
  }
  .ContentNav .ResourceSelector .SimpleSelector-list:before {
    display: none;
  }
  .ContentNav .ResourceSelector.is-expanded .SimpleSelector-btn:after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .ContentNav .ResourceSelector.is-expanded .SimpleSelector-list {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media only screen and (max-width: 1299px) and (min-width: 480px) {
  .ContentNav .ContentNav-col--action {
    text-align: center;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 768px) {
  .ContentNav .ContentNav-col--action {
    left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-top-left-radius: 8px;
    border-left: 1px solid #d1d1d1;
    text-align: right;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 375px) {
  .ContentNav .ContentNav-col--action > div {
    margin-left: 6px;
    margin-right: 6px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 480px) {
  .ContentNav .ContentNav-col--action > div {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1299px) and (max-width: 375px) {
  .ContentNav .ContentNav-col--action .SimpleSelector-btn,
  .ContentNav .ContentNav-col--action a.contact {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
  }
}
@media only screen and (max-width: 1299px) and (max-width: 374px) {
  .ContentNav .ContentNav-col--action .ResourceSelector .SimpleSelector-btn {
    padding-left: 16px;
    padding-right: 30px;
  }
  .ContentNav .ContentNav-col--action a.contact {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 375px) and (max-width: 480px) {
  .ContentNav a.contact {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 768px) {
  .ContentNav .ResourceSelector .SimpleSelector-list {
    -webkit-transform: translateY(-90%) translateX(-20%);
            transform: translateY(-90%) translateX(-20%);
  }
}
@media only screen and (max-width: 1299px) and only screen and (min-width: 1300px) {
  .ContentNav .ResourceSelector .SimpleSelector-list {
    max-height: 65vh;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 768px) {
  .ContentNav .ResourceSelector.is-expanded .SimpleSelector-list {
    -webkit-transform: translateY(-101%) translateX(-20%);
            transform: translateY(-101%) translateX(-20%);
  }
}
@media only screen and (max-width: 767px) {
  .ContentNav .ContentNav-col--links,
  .ContentNav .ContentNav-col--brand {
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
  }
  .ContentNav .ContentNav-col--brand {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    text-align: left;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  .ContentNav .ContentNav-col--brand .SimpleSelector-btn * {
    font-weight: 500;
    color: #596372;
  }
  .ContentNav .ContentNav-col--brand .SimpleSelector-list {
    left: 4px;
  }
  .content-scrolled-past .ContentNav .ContentNav-col--brand {
    padding-top: 6px;
    pointer-events: auto;
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .content-scrolled-past .ContentNav .ContentNav-col--brand .PageParentLink {
    display: block;
  }
  .content-scrolled-past .ContentNav .ContentNav-col--brand .SimpleSelector-btn * {
    font-weight: 500;
    color: #596372;
  }
  .content-scrolled-past .ContentNav .ContentNav-col--links {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .content-scrolled-past .ContentNav .ContentNav-col--links a {
    pointer-events: none !important;
  }
}
/*

  Content Page: Tab Bar adaptions
  ------------------------------------------------

*/
.ContentNav--tabs {
  -webkit-transform: translateY(-44px);
          transform: translateY(-44px);
  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: inherit;
  overflow: hidden;
}
.content-nav-fixed .ContentNav--tabs {
  overflow: visible;
}
.ContentNav--tabs,
.ContentNav--tabs-outer,
.ContentNav--tabs-inner,
.ContentNav--tabs-col .NoScrollbarFrame {
  height: 50px;
}
@media only screen and (min-width: 1300px) {
  .ContentNav--tabs,
  .ContentNav--tabs-outer,
  .ContentNav--tabs-inner,
  .ContentNav--tabs-col .NoScrollbarFrame {
    height: 58px;
  }
}
.content-nav-fixed.has-scrolled .no-touch .ContentNav--tabs {
  opacity: 0.94;
}
.content-nav-fixed.has-scrolled .no-touch .ContentNav--tabs:hover {
  opacity: 1;
}
@media (max-height: 520px) {
  .content-nav-fixed.scrolling-down .ContentNav--tabs {
    -webkit-transform: translateY(calc(-124%));
            transform: translateY(calc(-124%));
  }
}
.ContentNav--tabs .ContentNav-inner {
  height: 44px;
  padding-top: 0;
  border-bottom: none;
}
.ContentNav--tabs .ContentNav-inner:after {
  -webkit-transition: none;
  transition: none;
}
.ContentNav--tabs .ContentNav-col--links:before,
.ContentNav--tabs .ContentNav-col--links:after {
  display: none;
}
.ContentNav--tabs .ContentNav-col--brand,
.ContentNav--tabs .ContentNav-col--action {
  display: none;
}
.content-nav-fixed .ContentNav--tabs {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: #f8f8fb;
}
.content-nav-fixed .ContentNav--tabs,
.content-nav-fixed .ContentNav--tabs .ContentNav-inner {
  height: 32px;
}
/*

  Content Page: Body
  ------------------------------------------------

*/
.ContentBody {
  min-height: 50vh;
  opacity: 0;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}
.ContentBody .hs_cos_wrapper_type_rich_text > *:first-child {
  margin-top: 0;
}
.ContentBody .hs_cos_wrapper_type_rich_text > *:not(h2):last-child {
  margin-bottom: 0;
}
.content-nav-compact .ContentBody {
  -webkit-transition: none;
  transition: none;
  margin-top: -48px;
}
@media only screen and (min-width: 1300px) {
  .content-nav-compact .ContentBody {
    margin-top: -56px;
  }
}
.content-page-initiated .ContentBody {
  -webkit-transition: ease-in-out 0.7s;
  transition: ease-in-out 0.7s;
  min-height: 0;
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.hs-inline-edit .ContentBody {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.ContentBody-inner:before,
.ContentBody-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ContentBody-inner:after {
  clear: both;
}
.ContentBody-inner:before,
.ContentBody-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.ContentBody-inner:after {
  clear: both;
}
.ContentBody-image {
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .ContentBody-image {
    margin-bottom: 48px;
  }
}
.ContentBody-image img {
  border-radius: 8px;
}
.ContentBody .FlexModule-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.ContentBody .hs_cos_wrapper_widget {
  display: block;
}
@media only screen and (max-width: 479px) {
  .ContentBody .hs_cos_wrapper_type_rich_text {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 {
  position: relative;
  -webkit-transition: color ease-in-out 0.5s;
  transition: color ease-in-out 0.5s;
  margin-bottom: 24px;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2.is-highlighted {
  color: #00b49d;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor {
  color: #ebebf1 !important;
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  background: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/icon-link.svg") no-repeat center;
  background-size: auto 16px;
  border: none !important;
  opacity: 0.2;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:hover,
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:focus,
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:active {
  text-decoration: none !important;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:hover {
  color: #00b49d !important;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:active {
  color: #008171 !important;
}
.touch .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:hover {
  color: #ebebf1 !important;
}
.touch .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:active {
  color: #00b49d !important;
}
.ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:active {
  opacity: 0.7;
}
.no-touch .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor {
  opacity: 0;
}
.no-touch .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor:active {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor {
    float: right;
    margin-top: -4px;
    margin-left: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .ContentBody .hs_cos_wrapper_type_rich_text h2 .SectionAnchor {
    position: absolute;
    top: -4px;
    left: -44px;
    font-size: 90%;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
.no-touch .ContentBody .hs_cos_wrapper_type_rich_text h2:hover .SectionAnchor {
  opacity: 0.35;
}
.no-touch .ContentBody .hs_cos_wrapper_type_rich_text h2:hover .SectionAnchor:hover {
  opacity: 0.7;
}
.ContentBody--oneColumn .ContentBody-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .ContentBody--oneColumn .ContentBody-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentBody--oneColumn .ContentBody-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.ContentBody--oneColumn .hs_cos_wrapper_type_rich_text {
  max-width: 666px;
  margin-left: auto;
  margin-right: auto;
  /*-----------------------------*\
        OFFSET TABLES
      \*-----------------------------*/
}
.ContentBody--oneColumn .hs_cos_wrapper_type_rich_text .TableWrapper:not(.disable-offset) {
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .ContentBody--oneColumn .hs_cos_wrapper_type_rich_text .TableWrapper:not(.disable-offset) {
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 1300px) {
  .ContentBody--oneColumn .hs_cos_wrapper_type_rich_text .TableWrapper:not(.disable-offset) {
    overflow: inherit;
  }
  .ContentBody--oneColumn .hs_cos_wrapper_type_rich_text .TableWrapper:not(.disable-offset) table {
    content: "Max width: 1010px, width: 236px, gutter: 22px, containerWidth: 1010px";
    margin-left: -25.54455446%;
    width: calc(100% + 51.651651651651655%) !important;
  }
}
/*

  Content Page: Sidebar
  ------------------------------------------------

*/
.content-page--indexed .FlexModule-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (min-width: 768px) {
  .ContentSidebar {
    margin-top: 80px;
    padding-right: 48px;
  }
}
.ContentSideNav {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .ContentSideNav {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentSideNav {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .ContentSideNav {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-nav-fixed .ContentSideNav .ContentSideNav {
  z-index: 200;
}
.ContentSideNav a.ContentSideNav-close {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  text-align: center;
  padding: 20px 30px;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .ContentSideNav a.ContentSideNav-close {
    padding: 25px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .content-page--indexed .ContentSideNav a.ContentSideNav-close {
    display: block;
  }
}
.ContentSideNav a.ContentSideNav-close .Icon {
  width: 16px;
  height: 16px;
  stroke: #42474c !important;
  fill: #42474c !important;
}
.ContentSideNav a.ContentSideNav-close .Icon path {
  fill: #42474c !important;
}
.ContentSideNav a.ContentSideNav-close:active .Icon {
  stroke: #00a1e4 !important;
  fill: #00a1e4 !important;
}
.ContentSideNav a.ContentSideNav-close:active .Icon path {
  fill: #00a1e4 !important;
}
.ContentSideNav-heading {
  display: none;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.ContentSideNav-heading:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.ContentSideNav-heading h3 {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
}
@media only screen and (min-width: 768px) {
  .ContentSideNav-heading h3 {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.ContentSideNav-heading:active h3 {
  color: #42474c;
}
.no-touch .ContentSideNav-heading:hover h3 {
  color: #42474c;
}
.hs-inline-edit .ContentSideNav-heading {
  display: block;
}
.hs-inline-edit .ContentSideNav-heading h3 {
  display: none;
}
.ContentSideNav-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 56px;
}
.ContentSideNav-inner ol,
.ContentSideNav-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ContentSideNav-inner li {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .ContentSideNav-inner {
    margin-top: 0;
    margin-left: -16px;
    margin-bottom: 32px;
    padding-right: 16px;
  }
}
.ContentSideNav ul {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  line-height: 20px;
}
.ContentSideNav a {
  display: block;
  padding: 8px 0 8px 16px;
  color: #838c97;
  border-left: 2px solid rgba(0, 180, 157, 0);
}
.ContentSideNav a:hover,
.ContentSideNav a:focus,
.ContentSideNav a:active {
  text-decoration: none;
}
.ContentSideNav a:hover {
  color: #596372;
}
.ContentSideNav a:active {
  color: #434a55;
}
.touch .ContentSideNav a:hover {
  color: #838c97;
}
.touch .ContentSideNav a:active {
  color: #596372;
}
.ContentSideNav li.start-link a {
  margin-bottom: 4px;
  font-weight: 500;
  color: #596372 !important;
}
.has-scrolled .ContentSideNav li.start-link a {
  color: #596372 !important;
}
.has-scrolled .ContentSideNav li.start-link a:hover,
.has-scrolled .ContentSideNav li.start-link a:focus,
.has-scrolled .ContentSideNav li.start-link a:active {
  text-decoration: none !important;
}
.has-scrolled .ContentSideNav li.start-link a:hover {
  color: #31788e !important;
}
.has-scrolled .ContentSideNav li.start-link a:active {
  color: #245868 !important;
}
.touch .has-scrolled .ContentSideNav li.start-link a:hover {
  color: #596372 !important;
}
.touch .has-scrolled .ContentSideNav li.start-link a:active {
  color: #31788e !important;
}
.ContentSideNav li.target a {
  color: #00b49d !important;
}
.has-scrolled .ContentSideNav li.target a {
  color: #00b49d !important;
}
.ContentSideNav li.active a {
  color: #596372;
  border-color: #00b49d;
}
/*

  Content Page: Sticky Footer
  ------------------------------------------------
  Responsible solution for Sidebar
  
*/
.content-page--indexed {
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .content-page--indexed {
    padding-bottom: 56px;
  }
}
@media only screen and (min-width: 992px) {
  .content-page--indexed {
    padding-bottom: 0;
  }
}
.ContentStickyFooter {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc(48px + var(--safe-area-inset-bottom));
  padding-bottom: var(--safe-area-inset-bottom);
  background-color: #f8f8fb;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.ContentStickyFooter:before {
  content: "";
  position: absolute;
  top: -7px;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 140, 151, 0)), to(rgba(131, 140, 151, 0.3)));
  background-image: linear-gradient(to bottom, rgba(131, 140, 151, 0) 0%, rgba(131, 140, 151, 0.3) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838c97', endColorstr='#4d838c97', GradientType=0);
}
.ContentStickyFooter:before {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .ContentStickyFooter:before {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .ContentStickyFooter:before {
    width: calc(100% - 40px - 40px);
  }
}
@media only screen and (min-width: 480px) {
  .ContentStickyFooter {
    height: 56px;
    height: calc(56px + var(--safe-area-inset-bottom));
  }
}
.ContentStickyFooter .Icon {
  position: absolute;
  top: 0;
  left: 15px;
  width: 14px;
  height: 14px;
  margin: 17px 2.4px;
  stroke: #00b49d !important;
  fill: #00b49d !important;
}
.ContentStickyFooter .Icon path {
  fill: #00b49d !important;
}
@media only screen and (min-width: 480px) {
  .ContentStickyFooter .Icon {
    left: 25px;
    width: 16px;
    height: 16px;
    margin: 20px 4px;
  }
}
.ContentStickyFooter-title {
  padding: 12px 23px 12px 43px;
}
@media only screen and (min-width: 480px) {
  .ContentStickyFooter-title {
    padding: 16px 33px 16px 56.5px;
  }
}
.ContentStickyFooter h3 {
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #00b49d;
  margin-top: 1px;
  font-weight: 500;
}
.ContentStickyFooter:active .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
}
.ContentStickyFooter:active .Icon path {
  fill: #42474c !important;
}
.ContentStickyFooter:active h3 {
  color: #42474c;
}
@media only screen and (min-width: 768px) {
  .ContentStickyFooter {
    display: none;
  }
}
.ContentSideNav:before {
  content: "";
  position: absolute;
  top: -18px;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 18px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 140, 151, 0)), to(rgba(131, 140, 151, 0.32)));
  background-image: linear-gradient(to bottom, rgba(131, 140, 151, 0) 0%, rgba(131, 140, 151, 0.32) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838c97', endColorstr='#52838c97', GradientType=0);
}
.ContentSideNav:before {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .ContentSideNav:before {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .ContentSideNav:before {
    width: calc(100% - 40px - 40px);
  }
}
@media only screen and (min-width: 768px) {
  .ContentSideNav:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ContentSideNav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    height: 360px;
    background: #f8f8fb;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .ContentSideNav:before {
    opacity: 0;
  }
  .ContentSideNav-heading {
    height: 88px;
    padding-top: 40px;
    margin-bottom: 0;
    text-align: center;
  }
  .ContentSideNav-inner {
    height: calc(100% - 88px + 16px + 16px);
    padding-right: 16px;
  }
  .ContentSideNav ul {
    line-height: 2rem;
    margin-bottom: 32px;
  }
  .ContentSideNav li {
    margin-bottom: 8px;
  }
  .ContentSideNav a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .ContentSideNav {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .transitions .ContentStickyFooter,
  .transitions .ContentSideNav,
  .transitions .ContentStickyFooter:before,
  .transitions .ContentSideNav:before {
    -webkit-transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
  }
  .transitions .ContentStickyFooter:before,
  .transitions .ContentSideNav:before {
    -webkit-transition-delay: 0.46s;
            transition-delay: 0.46s;
  }
  .transitions .ContentStickyFooter {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  .content-page.transitions .PageHero,
  .content-page.transitions .ContentBody {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
  .content-nav-expanded .PageHero,
  .content-nav-expanded .ContentBody {
    opacity: 0.5;
  }
  .content-nav-expanded .ContentSideNav {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .content-nav-expanded .ContentSideNav:before {
    opacity: 1;
  }
  .content-nav-expanded .ContentStickyFooter {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .content-nav-expanded .ContentStickyFooter,
  .content-nav-expanded .ContentStickyFooter:before {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .content-nav-expanded .ContentStickyFooter:before {
    opacity: 0;
  }
}
/*

  Content Page Variation: User Area
  ------------------------------------------------

*/
.content-page--userarea.system-page .MainWrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .content-page--userarea.system-page .MainWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .content-page--userarea.system-page .MainWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .content-page--userarea.system-page .MainWrapper {
    float: none !important;
    width: 100%;
    max-width: 746px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.content-page--userarea .LoginMessage {
  margin-top: 32px;
}
.content-page--userarea .LoginMessage + .LoginMessage {
  margin-top: 8px;
}
.content-page--userarea .LoginMessage-inner {
  display: block;
  padding: 12px 25px;
  border-radius: 8px;
  text-align: center;
  background-color: #d9f4f0;
  color: #00b49d;
}
.content-page--userarea .MainWrapper {
  padding-left: 0;
  padding-right: 0;
}
.content-page--userarea .MainWrapper:before,
.content-page--userarea .MainWrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.content-page--userarea .MainWrapper:after {
  clear: both;
}
.content-page--userarea .MainWrapper:before,
.content-page--userarea .MainWrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.content-page--userarea .MainWrapper:after {
  clear: both;
}
.content-page--userarea .MainWrapper--denied {
  margin-top: 128px !important;
}
.hs-inline-edit .content-page--userarea .MainWrapper--denied {
  margin-top: 128px !important;
  padding-top: 128px;
  border-top: 1px solid #d1d1d1;
}
.content-page--userarea .MainWrapper--denied a {
  color: #00a1e4 !important;
}
.content-page--userarea .MainWrapper--denied a:hover,
.content-page--userarea .MainWrapper--denied a:focus,
.content-page--userarea .MainWrapper--denied a:active {
  text-decoration: none !important;
}
.content-page--userarea .MainWrapper--denied a:hover {
  color: #42474c !important;
}
.content-page--userarea .MainWrapper--denied a:active {
  color: #2a2e31 !important;
}
.touch .content-page--userarea .MainWrapper--denied a:hover {
  color: #00a1e4 !important;
}
.touch .content-page--userarea .MainWrapper--denied a:active {
  color: #42474c !important;
}
.content-page--userarea .ContentBody .MainWrapper {
  margin-top: 54px;
  padding-top: 54px;
  border-top: 1px solid rgba(209, 209, 209, 0);
}
@media only screen and (min-width: 768px) {
  .content-page--userarea .ContentBody .MainWrapper {
    margin-top: 90px;
    padding-top: 90px;
  }
}
.content-page--userarea .ContentBody .MainWrapper--border {
  border-color: #d1d1d1;
}
.content-page--userarea .ContentBody .MainWrapper--first {
  padding-top: 0;
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 {
  font-size: 2.7rem;
  line-height: 1.18518519;
  font-weight: 300;
  color: #838c97;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 strong,
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a {
  color: #838c97;
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:hover,
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:focus,
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:active {
  text-decoration: none;
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:hover {
  color: #00a1e4;
}
.content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:active {
  color: #007db1;
}
.touch .content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:hover {
  color: #838c97;
}
.touch .content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 a:active {
  color: #00a1e4;
}
@media only screen and (min-width: 768px) {
  .content-page--userarea .ContentBody .MainWrapper .widget-type-header h2 {
    margin-bottom: 0;
    text-align: left;
  }
}
.hs-inline-edit .content-page--userarea .ContentBody .MainWrapper {
  border-top: 1px solid #d1d1d1;
}
.hs-inline-edit .content-page--userarea .ContentBody-inner > div > div:first-child > div > .MainWrapper {
  padding-top: 0;
  border-top: none;
}
/*

  Page: Product Detail Page
  ------------------------------------------------
  Created for Biolin Scientific.
  
  Inherits styles from .content-page
  
  Imports the variations under /_partials

*/
.product-detail-page {
  padding-bottom: 0 !important;
}
.product-detail-page .FixedFooter {
  background-color: inherit !important;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  pointer-events: none;
}
.lte-ie11 .product-detail-page .FixedFooter {
  display: none;
}
.product-detail-page .FixedFooter:before {
  display: none;
}
.product-detail-page .FixedFooter-inner {
  visibility: hidden;
  pointer-events: none;
}
.product-detail-page .FixedFooter .FixedFooter-toTop {
  pointer-events: auto;
  border-top-left-radius: 8px;
  -webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
}
.product-detail-page .ProdSubNav.active-branch {
  display: none;
}
.product-detail-page .ContentNav {
  display: block;
}
/*

  Product Detail Page: Body
  ------------------------------------------------
  ContentBody overrides

*/
/*

  Page: Contact Us
  ------------------------------------------------

*/
.hs_brand_of_interest__c > label,
.hs_user_login_serial_number_brand_selector > label {
  margin-bottom: 12px;
}
.hs_brand_of_interest__c .inputs-list,
.hs_user_login_serial_number_brand_selector .inputs-list {
  margin-bottom: 0;
}
.hs_brand_of_interest__c .inputs-list li,
.hs_user_login_serial_number_brand_selector .inputs-list li {
  display: inline-block;
  min-height: 0;
  margin-right: 22px;
  margin-bottom: 0;
}
/*

  Page: Blog Page
  ------------------------------------------------
  Default settings.
  
  Imports the page partials under /_partials

*/
.blog-page {
  position: relative;
  /* The inner wrappers of your website */
}
/* Post and Listing page */
.blog-section .post-header > h2 {
  margin-bottom: 20px;
}
.blog-section .post-footer {
  margin-top: 16px;
}
.blog-section .post-footer .topic-link {
  margin-left: 2px;
}
/*

  Blog Page: Post Hero
  ------------------------------------------------

*/
/*------------------------------------------------*\
    Post Hero Styling
\*------------------------------------------------*/
.PostHero {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 48px;
}
@media only screen and (min-width: 480px) {
  .PostHero {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .PostHero {
    width: calc(100% - 40px - 40px);
  }
}
.PostHero:before {
  max-width: 1440px;
  margin: 0 auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  border-top: 1px solid #d1d1d1;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}
@media only screen and (min-width: 768px) {
  .PostHero {
    margin-bottom: 72px;
  }
}
.PostHero img {
  display: none;
}
.PostHero-inner {
  position: relative;
  padding-top: 128px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PostHero-inner {
    padding-bottom: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-inner {
    padding-top: 128px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .PostHero-inner {
    padding-top: 176px;
    padding-bottom: 48px;
  }
}
.PostHero-back {
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  opacity: 0;
}
.transitions .PostHero-back {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.initiated.transitions .PostHero-back {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .PostHero-back {
    left: 0;
  }
}
.PostHero-back h2 {
  font-size: 1.7rem;
  line-height: 1.64705882;
  font-weight: 500;
  color: #77828e;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .PostHero-back h2 {
    font-size: 1.9rem;
    line-height: 1.68421053;
  }
}
@media only screen and (max-width: 479px) {
  .PostHero-back h2 {
    font-size: 16px;
  }
}
.PostHero-back h2 a {
  position: relative;
  display: inline-block;
  padding: 20px 24px;
}
.PostHero-back h2 a .Icon {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
  -webkit-transition-property: color, background, opacity, border, -webkit-transform;
  transition-property: color, background, opacity, border, -webkit-transform;
  transition-property: color, background, opacity, border, transform;
  transition-property: color, background, opacity, border, transform, -webkit-transform;
}
.PostHero-back h2 a .Icon:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
@media only screen and (min-width: 768px) {
  .PostHero-back h2 a {
    padding-top: 24px;
    padding-left: 36px;
  }
}
.PostHero-back .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
  position: absolute;
  top: -1px;
  left: 0;
  width: 10px;
  height: 10px;
  margin: 29px 0 0 8px;
  opacity: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.PostHero-back .Icon path {
  fill: #42474c !important;
}
@media only screen and (min-width: 480px) {
  .PostHero-back .Icon {
    margin: 32px 0 0 8px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-back .Icon {
    width: 12px;
    height: 12px;
    margin: 35.2px 0 0 20px;
    opacity: 0.75;
  }
}
.PostHero-back a {
  color: #77828e;
  padding: 2px 8px 2px 0;
}
.PostHero-back a:hover,
.PostHero-back a:focus,
.PostHero-back a:active {
  text-decoration: none;
}
.PostHero-back a:hover {
  color: #42474c;
}
.PostHero-back a:active {
  color: #2a2e31;
}
.touch .PostHero-back a:hover {
  color: #77828e;
}
.touch .PostHero-back a:active {
  color: #42474c;
}
.no-touch .PostHero-back a:hover .Icon {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
  opacity: 1;
}
.PostHero-heading .topics li {
  display: none;
}
.PostHero-heading .topics li:first-child {
  display: inline;
}
.PostHero-heading .PostHero-title .topics a {
  -webkit-font-smoothing: subpixel-antialiased;
}
.PostHero-title h1 {
  font-size: 3rem;
  line-height: 1.33333333;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 300;
  color: #00b49d;
  font-weight: 400;
  margin-bottom: 38.4px;
  text-transform: none;
}
@media only screen and (min-width: 480px) {
  .PostHero-title h1 {
    font-size: 3.6rem;
    line-height: 1.11111111;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-title h1 {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .PostHero-title h1 {
    font-size: 4.6rem;
    line-height: 1.2173913;
  }
}
@media only screen and (min-width: 1300px) and (min-height: 900px) {
  .PostHero-title h1 {
    font-size: 5.1rem;
    line-height: 1.09803922;
  }
}
.PostHero-title h1 strong,
.PostHero-title h1 em {
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 479px) {
  .PostHero-title h1 {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-title h1 {
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 1300px) and (min-height: 900px) {
  .PostHero-title h1 {
    line-height: 1.25490196;
  }
}
.PostHero-preamble {
  margin: 0 0 38.4px;
}
@media only screen and (min-width: 768px) {
  .PostHero-preamble {
    margin: 0 0 48px;
  }
}
.PostHero-preamble,
.PostHero-preamble * {
  color: #fff;
}
.PostHero-meta {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (max-width: 479px) {
  .PostHero-meta {
    font-size: 11px;
  }
}
@media only screen and (min-width: 480px) {
  .PostHero-meta {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero-meta {
    margin-bottom: 32px;
  }
}
.PostHero-meta a {
  color: #808285;
}
.PostHero-meta a:hover,
.PostHero-meta a:focus,
.PostHero-meta a:active {
  text-decoration: none;
}
.PostHero-meta a:hover {
  color: #42474c;
}
.PostHero-meta a:active {
  color: #2a2e31;
}
.touch .PostHero-meta a:hover {
  color: #808285;
}
.touch .PostHero-meta a:active {
  color: #42474c;
}
.PostHero-meta .meta-author:after {
  content: "\B7";
  margin-left: 8px;
  margin-right: 4px;
}
.PostHero-meta .meta-date,
.PostHero-meta .meta-time {
  white-space: nowrap;
}
.PostHero-meta .Icon--time {
  position: relative;
  top: 3.2px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-right: 2.4px;
  stroke: #838c97 !important;
  fill: #838c97 !important;
}
.PostHero-meta .Icon--time path {
  fill: #838c97 !important;
}
@media only screen and (max-width: 479px) {
  .PostHero-meta .Icon--time {
    width: 13px;
    height: 13px;
  }
}
.PostHero-meta .duration-indicator {
  display: none;
}
.PostHero.has-image {
  background-color: #596372;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  overflow: hidden;
}
.PostHero.has-image:before {
  display: none;
}
.PostHero.has-image .PostHero-back h2 {
  color: #fff;
}
.PostHero.has-image .PostHero-back a {
  color: rgba(255, 255, 255, 0.8);
}
.PostHero.has-image .PostHero-back a:hover,
.PostHero.has-image .PostHero-back a:focus,
.PostHero.has-image .PostHero-back a:active {
  text-decoration: none;
}
.PostHero.has-image .PostHero-back a:hover {
  color: #fff;
}
.PostHero.has-image .PostHero-back a:active {
  color: #e6e6e6;
}
.touch .PostHero.has-image .PostHero-back a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.touch .PostHero.has-image .PostHero-back a:active {
  color: #fff;
}
.PostHero.has-image .PostHero-back .Icon {
  stroke: #fff !important;
  fill: #fff !important;
}
.PostHero.has-image .PostHero-back .Icon path {
  fill: #fff !important;
}
@media only screen and (max-width: 767px) {
  .PostHero.has-image {
    min-height: 380px;
  }
}
@media only screen and (min-width: 992px) {
  .PostHero.has-image {
    display: table;
  }
  .PostHero.has-image > .PostHero-coating {
    display: table-cell;
    vertical-align: bottom;
  }
}
.PostHero.has-image .PostHero-coating {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  -webkit-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
}
@media only screen and (max-width: 767px) {
  .PostHero.has-image .PostHero-coating {
    min-height: 380px;
  }
}
.hs-inline-edit .PostHero.has-image .PostHero-coating {
  padding-top: 0 !important;
}
.PostHero.has-image .PostHero-inner {
  position: relative;
  padding-top: 72px;
  padding-bottom: 72px;
}
@media only screen and (min-width: 480px) {
  .PostHero.has-image .PostHero-inner {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero.has-image .PostHero-inner {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .PostHero.has-image .PostHero-inner {
    padding-top: 192px;
    padding-bottom: 48px;
  }
}
.PostHero.has-image .PostHero-heading {
  margin-top: 112px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 480px) {
  .PostHero.has-image .PostHero-heading {
    margin-top: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .PostHero.has-image .PostHero-heading {
    margin-top: 224px;
  }
}
@media only screen and (min-width: 992px) {
  .PostHero.has-image .PostHero-heading {
    margin-top: 0;
  }
}
.PostHero.has-image .PostHero-title h1,
.PostHero.has-image .PostHero-title h2 {
  color: #fff;
}
.PostHero.has-image .PostHero-meta {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
}
.PostHero.has-image .PostHero-meta a {
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.PostHero.has-image .PostHero-meta a:hover,
.PostHero.has-image .PostHero-meta a:focus,
.PostHero.has-image .PostHero-meta a:active {
  text-decoration: none;
}
.PostHero.has-image .PostHero-meta a:hover,
.PostHero.has-image .PostHero-meta a:active {
  color: #fff;
  text-decoration: none;
  border-color: rgba(255, 255, 255, 0);
}
.touch .PostHero.has-image .PostHero-meta a:hover {
  color: rgba(255, 255, 255, 0.8);
  border-color: #fff;
}
.touch .PostHero.has-image .PostHero-meta a:active {
  color: #fff;
  text-decoration: none;
  border-color: rgba(255, 255, 255, 0);
}
.PostHero.has-image .PostHero-meta .Icon {
  stroke: rgba(255, 255, 255, 0.8) !important;
  fill: rgba(255, 255, 255, 0.8) !important;
}
.PostHero.has-image .PostHero-meta .Icon path {
  fill: rgba(255, 255, 255, 0.8) !important;
}
/*------------------------------------------------*\
    Blog Post Hero
\*------------------------------------------------*/
.hs-blog-post .PostHero-outer {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .hs-blog-post .PostHero-outer {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .PostHero-outer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .PostHero-outer {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.hs-blog-post .PostHero-inner {
  max-width: 752px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1300px) {
  .hs-blog-post .PostHero-inner {
    max-width: 100%;
    width: 82.97029703% !important;
    margin-left: 8.51485149% !important;
  }
}
/*

  Blog Page: Explore Footer
  ------------------------------------------------

*/
.BlogExplore {
  padding-left: 15px;
  padding-right: 15px;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (min-width: 480px) {
  .BlogExplore {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogExplore {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.BlogExplore-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 72px;
  border-top: 3px dotted #dcdce6;
}
.BlogExplore-inner:before,
.BlogExplore-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.BlogExplore-inner:after {
  clear: both;
}
.BlogExplore-inner:before,
.BlogExplore-inner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.BlogExplore-inner:after {
  clear: both;
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .BlogExplore-inner {
    padding-top: 108px;
  }
}
.BlogExplore-header {
  margin-bottom: 72px;
  text-align: center;
}
.BlogExplore-header h2 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #00b49d;
  font-weight: 300;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .BlogExplore-header h2 {
    font-size: 3.6rem;
    line-height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  .BlogExplore-header h2 {
    font-size: 4.6rem;
    line-height: 56px;
  }
}
.BlogExplore-header h2 a {
  color: #00b49d;
}
.BlogExplore-header h2 a:hover,
.BlogExplore-header h2 a:focus,
.BlogExplore-header h2 a:active {
  text-decoration: none;
}
.BlogExplore-header h2 a:hover {
  color: #00a1e4;
}
.BlogExplore-header h2 a:active {
  color: #007db1;
}
.touch .BlogExplore-header h2 a:hover {
  color: #00b49d;
}
.touch .BlogExplore-header h2 a:active {
  color: #00a1e4;
}
.BlogExplore-header .widget-type-text {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  margin-top: 16px;
  color: #77828e;
  font-size: 16px;
}
@media only screen and (max-width: 479px) {
  .BlogExplore-header .widget-type-text {
    font-size: 13px;
  }
}
.BlogExplore-lists .widget-span {
  margin-bottom: 48px;
  padding-left: 25px;
  padding-right: 25px;
}
.BlogExplore-lists .widget-span:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .BlogExplore-lists .widget-span {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .BlogExplore-lists .widget-span {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 992px) {
  .BlogExplore-lists .widget-span {
    width: 25% !important;
    min-height: 352px !important;
    margin-left: 0 !important;
    padding: 16px 22px;
    border-right: 1px solid #d1d1d1;
  }
  .BlogExplore-lists .widget-span:last-child {
    border-right: none;
  }
}
@media only screen and (min-width: 992px) {
  .BlogExplore-lists .widget-span {
    padding-left: 44px;
    padding-right: 44px;
  }
}
@media screen and (min-width: 1520px) {
  .BlogExplore-lists .widget-span {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.BlogExplore-lists .widget-span .block h3 {
  text-align: center;
  color: #77828e;
}
@media only screen and (min-width: 768px) {
  .BlogExplore-lists .widget-span .block h3 {
    margin-bottom: 32px;
  }
}
.BlogExplore-lists .widget-span ul {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .BlogExplore-lists .widget-span ul {
    text-align: left;
  }
}
.BlogExplore-lists .widget-span ul li {
  margin-bottom: 0;
}
.BlogExplore-lists .widget-span ul li a {
  display: inline-block;
  padding: 8px 0;
  color: rgba(89, 99, 114, 0.8) !important;
}
.BlogExplore-lists .widget-span ul li a:hover,
.BlogExplore-lists .widget-span ul li a:focus,
.BlogExplore-lists .widget-span ul li a:active {
  text-decoration: none !important;
}
.BlogExplore-lists .widget-span ul li a:hover {
  color: #00a1e4 !important;
}
.BlogExplore-lists .widget-span ul li a:active {
  color: #007db1 !important;
}
.touch .BlogExplore-lists .widget-span ul li a:hover {
  color: rgba(89, 99, 114, 0.8) !important;
}
.touch .BlogExplore-lists .widget-span ul li a:active {
  color: #00a1e4 !important;
}
.BlogExplore-lists .widget-span .filter-expand-link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  padding: 8px 8px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  color: #00a1e4;
}
.BlogExplore-lists .widget-span .filter-expand-link:hover,
.BlogExplore-lists .widget-span .filter-expand-link:focus,
.BlogExplore-lists .widget-span .filter-expand-link:active {
  text-decoration: none;
}
.BlogExplore-lists .widget-span .filter-expand-link:hover {
  color: #42474c;
}
.BlogExplore-lists .widget-span .filter-expand-link:active {
  color: #2a2e31;
}
.touch .BlogExplore-lists .widget-span .filter-expand-link:hover {
  color: #00a1e4;
}
.touch .BlogExplore-lists .widget-span .filter-expand-link:active {
  color: #42474c;
}
@media only screen and (min-width: 992px) {
  .BlogExplore-lists .widget-span .filter-expand-link {
    border-top: 1px solid #dcdce6 !important;
    margin-top: 32px;
  }
}
/*

  Blog Page: Topics
  ------------------------------------------------
  Styles for the topic list created by the macro
  blog_macros.outputOrderedTopics(content)

*/
.TopicTag,
.PostFooter-topics ul.topics a,
.BlogSidebar .widget-span ul.topics a,
.BlogExplore-lists .widget-span ul.topics a {
  color: #596372;
  padding: 8px 0;
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid rgba(131, 140, 151, 0.5);
  border-radius: 4px;
  font-weight: 400;
}
.TopicTag:hover,
.TopicTag:focus,
.TopicTag:active,
.PostFooter-topics ul.topics a:hover,
.PostFooter-topics ul.topics a:focus,
.PostFooter-topics ul.topics a:active,
.BlogSidebar .widget-span ul.topics a:hover,
.BlogSidebar .widget-span ul.topics a:focus,
.BlogSidebar .widget-span ul.topics a:active,
.BlogExplore-lists .widget-span ul.topics a:hover,
.BlogExplore-lists .widget-span ul.topics a:focus,
.BlogExplore-lists .widget-span ul.topics a:active {
  text-decoration: none;
}
.TopicTag:hover,
.PostFooter-topics ul.topics a:hover,
.BlogSidebar .widget-span ul.topics a:hover,
.BlogExplore-lists .widget-span ul.topics a:hover {
  color: #42474c;
}
.TopicTag:active,
.PostFooter-topics ul.topics a:active,
.BlogSidebar .widget-span ul.topics a:active,
.BlogExplore-lists .widget-span ul.topics a:active {
  color: #2a2e31;
}
.touch .TopicTag:hover,
.touch .PostFooter-topics ul.topics a:hover,
.touch .BlogSidebar .widget-span ul.topics a:hover,
.touch .BlogExplore-lists .widget-span ul.topics a:hover {
  color: #596372;
}
.touch .TopicTag:active,
.touch .PostFooter-topics ul.topics a:active,
.touch .BlogSidebar .widget-span ul.topics a:active,
.touch .BlogExplore-lists .widget-span ul.topics a:active {
  color: #42474c;
}
.TopicTag:active,
.TopicTag:hover,
.PostFooter-topics ul.topics a:active,
.PostFooter-topics ul.topics a:hover,
.BlogSidebar .widget-span ul.topics a:active,
.BlogSidebar .widget-span ul.topics a:hover,
.BlogExplore-lists .widget-span ul.topics a:active,
.BlogExplore-lists .widget-span ul.topics a:hover {
  background-color: rgba(235, 235, 241, 0.75);
}
.touch .TopicTag:hover,
.touch .PostFooter-topics ul.topics a:hover,
.touch .BlogSidebar .widget-span ul.topics a:hover,
.touch .BlogExplore-lists .widget-span ul.topics a:hover {
  background-color: #ebebf1;
}
.touch .TopicTag:active,
.touch .PostFooter-topics ul.topics a:active,
.touch .BlogSidebar .widget-span ul.topics a:active,
.touch .BlogExplore-lists .widget-span ul.topics a:active {
  background-color: #dcdce6;
}
.post-topics__label {
  display: none;
}
ul.topics {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
}
ul.topics a {
  color: #838c97;
}
ul.topics a:hover,
ul.topics a:focus,
ul.topics a:active {
  text-decoration: none;
}
ul.topics a:hover {
  color: #42474c;
}
ul.topics a:active {
  color: #2a2e31;
}
.touch ul.topics a:hover {
  color: #838c97;
}
.touch ul.topics a:active {
  color: #42474c;
}
.PostItem-topics ul.topics,
.PostFooter-topics ul.topics {
  font-size: 9px;
}
.PostItem-topics ul.topics li,
.PostFooter-topics ul.topics li {
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 8px;
}
.PostItem-topics ul.topics a,
.PostFooter-topics ul.topics a {
  color: #808285;
}
.PostItem-topics ul.topics a:hover,
.PostFooter-topics ul.topics a:hover,
.PostItem-topics ul.topics a:focus,
.PostFooter-topics ul.topics a:focus,
.PostItem-topics ul.topics a:active,
.PostFooter-topics ul.topics a:active {
  text-decoration: none;
}
.PostItem-topics ul.topics a:hover,
.PostFooter-topics ul.topics a:hover {
  color: #596372;
}
.PostItem-topics ul.topics a:active,
.PostFooter-topics ul.topics a:active {
  color: #434a55;
}
.touch .PostItem-topics ul.topics a:hover,
.touch .PostFooter-topics ul.topics a:hover {
  color: #808285;
}
.touch .PostItem-topics ul.topics a:active,
.touch .PostFooter-topics ul.topics a:active {
  color: #596372;
}
.PostFooter-topics {
  padding: 25.6px 0;
  border-top: 1px solid #ebebf1;
}
/*

  Blog Page: Sidebar
  ------------------------------------------------

*/
.BlogSidebar .widget-module,
.BlogExplore-lists .widget-module {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (max-width: 991px) {
  .BlogSidebar .widget-module,
  .BlogExplore-lists .widget-module {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.BlogSidebar .widget-span,
.BlogExplore-lists .widget-span {
  margin-bottom: 48px;
}
.BlogSidebar .widget-span h3,
.BlogExplore-lists .widget-span h3 {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #808285;
  margin: 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .BlogSidebar .widget-span h3,
  .BlogExplore-lists .widget-span h3 {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.BlogSidebar .widget-span ul,
.BlogExplore-lists .widget-span ul {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  line-height: 20px;
  margin-bottom: 0;
}
.BlogSidebar .widget-span li,
.BlogExplore-lists .widget-span li {
  margin-bottom: 8px;
  padding-left: 0;
}
.BlogSidebar .widget-span li:last-child,
.BlogExplore-lists .widget-span li:last-child {
  margin-bottom: 0;
}
.BlogSidebar .AuthorPosts-wrapper,
.BlogExplore-lists .AuthorPosts-wrapper {
  display: none !important;
}
.BlogSidebar .AuthorPosts-wrapper a,
.BlogExplore-lists .AuthorPosts-wrapper a {
  color: rgba(89, 99, 114, 0.8) !important;
}
.BlogSidebar .AuthorPosts-wrapper a:hover,
.BlogSidebar .AuthorPosts-wrapper a:focus,
.BlogSidebar .AuthorPosts-wrapper a:active,
.BlogExplore-lists .AuthorPosts-wrapper a:hover,
.BlogExplore-lists .AuthorPosts-wrapper a:focus,
.BlogExplore-lists .AuthorPosts-wrapper a:active {
  text-decoration: none !important;
}
.BlogSidebar .AuthorPosts-wrapper a:hover,
.BlogExplore-lists .AuthorPosts-wrapper a:hover {
  color: #00a1e4 !important;
}
.BlogSidebar .AuthorPosts-wrapper a:active,
.BlogExplore-lists .AuthorPosts-wrapper a:active {
  color: #007db1 !important;
}
.touch .BlogSidebar .AuthorPosts-wrapper a:hover,
.touch .BlogExplore-lists .AuthorPosts-wrapper a:hover {
  color: rgba(89, 99, 114, 0.8) !important;
}
.touch .BlogSidebar .AuthorPosts-wrapper a:active,
.touch .BlogExplore-lists .AuthorPosts-wrapper a:active {
  color: #00a1e4 !important;
}
.BlogSidebar .FixedSidebar,
.BlogExplore-lists .FixedSidebar {
  margin-bottom: 60px;
}
.BlogSidebar .subscribe-button,
.BlogExplore-lists .subscribe-button {
  padding-left: 32px;
  padding-right: 32px;
}
.BlogSidebar .custom-widget ul,
.BlogSidebar .hs_cos_wrapper_type_post_filter ul,
.BlogSidebar .hs_cos_wrapper_type_post_listing ul,
.BlogExplore-lists .custom-widget ul,
.BlogExplore-lists .hs_cos_wrapper_type_post_filter ul,
.BlogExplore-lists .hs_cos_wrapper_type_post_listing ul {
  list-style: none;
  padding: 0;
}
.BlogSidebar .widget-type-blog_subscribe ul:not(".hs-error-msgs"),
.BlogExplore-lists .widget-type-blog_subscribe ul:not(".hs-error-msgs") {
  margin-top: 0;
}
.BlogSidebar .widget-type-blog_subscribe li,
.BlogExplore-lists .widget-type-blog_subscribe li {
  margin-bottom: 0;
}
.BlogSidebar .widget-type-blog_subscribe label,
.BlogExplore-lists .widget-type-blog_subscribe label {
  margin-bottom: 8px;
}
.BlogSidebar .widget-type-blog_subscribe .hs_submit,
.BlogExplore-lists .widget-type-blog_subscribe .hs_submit {
  text-align: left;
}
.PostSummary h3 {
  display: none;
}
.PostSummary .widget-module {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .PostTopics .widget-module {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 11rem;
  }
  .no-touch .PostTopics .widget-module {
    overflow: hidden;
    padding-right: 15px;
  }
  .no-touch .PostTopics .widget-module:hover {
    overflow-y: auto;
    padding-right: 0;
  }
}
.subscribe-button {
  width: auto;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.subscribe-button .Icon {
  display: none;
  top: -1px;
  width: 17px;
  height: 17px;
  margin-right: 12px;
}
@media only screen and (min-width: 992px) {
  .subscribe-button {
    text-align: left;
  }
  .subscribe-button .Icon {
    display: inline-block;
  }
}
.PostShare {
  margin-bottom: -2px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .PostShare li a {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
@media only screen and (max-width: 767px) {
  .BlogSidebar .FixedSidebar,
  .BlogExplore-lists .FixedSidebar {
    margin-bottom: 0;
  }
  .BlogSidebar .FixedSidebar .widget-span,
  .BlogExplore-lists .FixedSidebar .widget-span {
    margin-bottom: 0;
  }
  .BlogSidebar .PostShare,
  .BlogSidebar .subscribe-widget,
  .BlogExplore-lists .PostShare,
  .BlogExplore-lists .subscribe-widget {
    display: none !important;
  }
  .BlogSidebar .AuthorPosts-wrapper,
  .BlogExplore-lists .AuthorPosts-wrapper {
    display: block !important;
  }
  .BlogSidebar .PostTopics,
  .BlogSidebar .AuthorPosts,
  .BlogExplore-lists .PostTopics,
  .BlogExplore-lists .AuthorPosts {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
}
@media (max-height: 1099px) {
  .BlogSidebar .widget-span,
  .BlogSidebar .subscribe-widget,
  .BlogExplore-lists .widget-span,
  .BlogExplore-lists .subscribe-widget {
    margin-bottom: 32px;
  }
  .BlogSidebar .PostAuthor,
  .BlogExplore-lists .PostAuthor {
    margin-bottom: 16px;
  }
}
@media (max-height: 1099px) and (min-width: 768px) {
  .PostSummary-inner {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 28.8rem;
    width: calc(100% + 16px);
    max-width: inherit !important;
    margin-left: -16px;
  }
  .no-touch .PostSummary-inner {
    overflow: hidden;
    padding-right: 15px;
  }
  .no-touch .PostSummary-inner:hover {
    overflow-y: auto;
    padding-right: 0;
  }
  .no-touch .PostSummary-inner:hover ul {
    max-width: calc(100% - 15px);
  }
  .PostSummary li a {
    margin-left: 0 !important;
  }
}
/*

  Blog Page: Post Author
  ------------------------------------------------
  Shared styling for Author box in author filter
  listing and Blog post author box.

*/
.PostAuthor,
.PostFilter-topic {
  padding: 32px;
  background-color: #ebebf1;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.PostAuthor-img {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  padding-right: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .PostAuthor-img {
    margin-bottom: 8px;
  }
}
.PostAuthor-img img,
.PostAuthor-img .img-placeholder {
  display: none;
  width: 80px;
  height: 80px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 2px 3px 0 rgba(89, 99, 114, 0.5);
          box-shadow: 1px 2px 3px 0 rgba(89, 99, 114, 0.5);
}
.PostAuthor-img .img-placeholder {
  display: inline-block;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.PostAuthor-heading {
  margin-top: 4px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .PostAuthor-heading {
    margin-top: 0;
  }
}
.PostAuthor-heading h3 {
  color: #838c97 !important;
}
.PostAuthor .has-avatar .PostAuthor-heading {
  margin-bottom: 32px;
}
.PostAuthor-header {
  padding: 0 16px;
}
.PostAuthor-name h4 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #6e7073;
  margin-bottom: 0;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .PostAuthor-name h4 {
    font-size: 1.8rem;
    line-height: 1.33333333;
  }
}
.PostAuthor-name h4 a {
  color: #596372;
  display: block;
}
.PostAuthor-name h4 a:hover,
.PostAuthor-name h4 a:focus,
.PostAuthor-name h4 a:active {
  text-decoration: none;
}
.PostAuthor-name h4 a:hover {
  color: #00a1e4;
}
.PostAuthor-name h4 a:active {
  color: #007db1;
}
.touch .PostAuthor-name h4 a:hover {
  color: #596372;
}
.touch .PostAuthor-name h4 a:active {
  color: #00a1e4;
}
.PostAuthor-name h4 a:after {
  content: "\203A";
  display: inline-block;
  margin-right: -8px;
  margin-left: 4px;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  opacity: 0;
}
.no-touch .PostAuthor-name h4 a:hover:after {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.PostAuthor-bio > *:first-child {
  margin-top: 0;
}
.PostAuthor-bio > *:not(h2):last-child {
  margin-bottom: 0;
}
.PostAuthor-name + .PostAuthor-bio {
  margin-top: 10px;
}
.PostAuthor-body {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.PostAuthor-body,
.PostAuthor-bodyCol {
  margin-top: -2px;
  padding: 0;
  text-align: center;
}
.PostAuthor-header + .PostAuthor-body,
.PostAuthor-header + .PostAuthor-bodyCol {
  margin-top: 12px;
}
.PostAuthor-body p,
.PostAuthor-bodyCol p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 1.4em;
}
.PostAuthor-body p:first-child,
.PostAuthor-bodyCol p:first-child {
  margin-top: 0;
}
b .PostAuthor-body p:last-child,
b .PostAuthor-bodyCol p:last-child {
  margin-bottom: 0;
}
.PostAuthor-socialHeading {
  display: none;
  margin-top: 16px;
  margin-bottom: -16px;
}
.PostAuthor .SocialIcons {
  margin-top: 22px;
}
.PostAuthor.has-avatar .PostAuthor-heading {
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .PostAuthor.has-avatar .PostAuthor-heading {
    display: none;
  }
}
.PostAuthor--flag .PostAuthor-avatarCol {
  padding-top: 16px;
}
@media only screen and (min-width: 480px) {
  .PostAuthor--flag {
    display: table;
    width: 100%;
  }
  .PostAuthor--flag > div {
    display: table-cell;
    vertical-align: top;
  }
  .PostAuthor--flag .PostAuthor-avatarCol {
    width: 20%;
  }
  .PostAuthor--flag .PostAuthor-avatarCol img {
    width: 120px;
  }
  .PostAuthor--flag .PostAuthor-bodyCol,
  .PostAuthor--flag .PostAuthor-bodyCol * {
    text-align: left;
  }
  .PostAuthor--flag.has-avatar .PostAuthor-bodyCol {
    padding-left: 25px;
  }
  .PostAuthor--flag.has-avatar .PostAuthor-bodyCol {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .PostAuthor--flag .PostAuthor-avatarCol {
    width: 136px;
  }
}
/*

  Blog Page: Listing Pagination
  ------------------------------------------------

*/
.blog-pagination {
  margin: 48px 0 72px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .blog-pagination {
    margin-bottom: 88px;
  }
}
.blog-pagination [class*="span"] {
  min-height: 1px !important;
}
@media (max-width: 767px) {
  .blog-pagination [class*="span"] {
    width: 33.33333333% !important;
    float: left !important;
  }
}
.blog-pagination .pagination-link-disabled {
  color: #808285;
}
.blog-pagination > .all {
  text-align: center;
}
.blog-pagination > .next {
  text-align: right;
}
@media (max-width: 768px) {
  .blog-pagination .span4 {
    width: 33.33333333% !important;
    float: left !important;
  }
}
/*

  Blog Page: Listing Hero
  ------------------------------------------------

*/
/*------------------------------------------------*\
    Post Hero Styling
\*------------------------------------------------*/
.ListingHero {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .ListingHero {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .ListingHero {
    width: calc(100% - 40px - 40px);
  }
}
.ListingHero img {
  display: none;
}
.ListingHero-coating {
  -webkit-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
}
.ListingHero-inner {
  position: relative;
  padding-top: 72px;
  padding-bottom: 54px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .ListingHero-inner {
    padding-top: 108px;
    padding-bottom: 90px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .ListingHero-inner {
    padding-top: 96px;
    padding-bottom: 64px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .ListingHero-inner {
    padding-top: 128px;
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 480px) {
  .ListingHero--compact .ListingHero-inner {
    padding-top: 72px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 480px) {
  .ListingHero--compact .BlogHeading-title {
    font-size: 3.6rem;
    line-height: 1.11111111;
  }
}
.ListingHero--compact .BlogHeading-subtitle {
  display: none;
}
/*------------------------------------------------*\
    Blog Listing Hero
\*------------------------------------------------*/
.BlogHeading-title {
  font-size: 3rem;
  line-height: 1.33333333;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  color: #00b49d;
  font-weight: 300;
}
@media only screen and (min-width: 480px) {
  .BlogHeading-title {
    font-size: 3.6rem;
    line-height: 1.11111111;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeading-title {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .BlogHeading-title {
    font-size: 4.6rem;
    line-height: 1.2173913;
  }
}
@media only screen and (min-width: 1300px) and (min-height: 900px) {
  .BlogHeading-title {
    font-size: 5.1rem;
    line-height: 1.09803922;
  }
}
.BlogHeading-title strong,
.BlogHeading-title em {
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 479px) {
  .BlogHeading-title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeading-title {
    font-size: 46px;
  }
}
.BlogHeading-title a {
  color: #31788e;
}
.BlogHeading-title a:hover,
.BlogHeading-title a:focus,
.BlogHeading-title a:active {
  text-decoration: none;
}
.BlogHeading-title a:hover {
  color: #398ba5;
}
.BlogHeading-title a:active {
  color: #2c6b7f;
}
.touch .BlogHeading-title a:hover {
  color: #31788e;
}
.touch .BlogHeading-title a:active {
  color: #398ba5;
}
.BlogHeading-subtitle {
  display: block;
  margin: 2px 0 0;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
}
@media only screen and (max-width: 479px) {
  .BlogHeading-subtitle {
    font-size: 13px;
  }
}
@media only screen and (min-width: 480px) {
  .BlogHeading-subtitle {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeading-subtitle {
    margin-top: 16px;
    font-size: 16px;
  }
}
/*

  Blog Page: Post Hero
  ------------------------------------------------

*/
/*------------------------------------------------*\
    Post Filter Info
\*------------------------------------------------*/
.PostFilter {
  margin-bottom: 48px;
}
@media only screen and (min-width: 480px) {
  .PostFilter {
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .PostFilter {
    margin-bottom: 108px;
  }
}
.PostFilter-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .PostFilter-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .PostFilter-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PostFilter-inner {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.PostFilter h3 {
  color: #00b49d;
  font-size: 25px;
}
@media only screen and (min-width: 480px) {
  .PostFilter h3 {
    font-size: 25.4px;
  }
}
@media only screen and (min-width: 768px) {
  .PostFilter h3 {
    font-size: 36px;
  }
}
.PostFilter-reset {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 25px;
}
.PostFilter-reset .Icon {
  stroke: #838c97 !important;
  fill: #838c97 !important;
  width: 20px;
  height: 20px;
}
.PostFilter-reset .Icon path {
  fill: #838c97 !important;
}
.PostFilter-reset:active .Icon,
.PostFilter-reset:hover .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
}
.PostFilter-reset:active .Icon path,
.PostFilter-reset:hover .Icon path {
  fill: #42474c !important;
}
.touch .PostFilter-reset:hover .Icon {
  stroke: #838c97 !important;
  fill: #838c97 !important;
}
.touch .PostFilter-reset:hover .Icon path {
  fill: #838c97 !important;
}
.touch .PostFilter-reset:active .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
}
.touch .PostFilter-reset:active .Icon path {
  fill: #42474c !important;
}
.PostFilter .has-avatar .PostFilter-reset {
  padding: 24px 25px;
}
.PostFilter .PostAuthor {
  position: relative;
}
.PostFilter .PostAuthor-bodyCol {
  padding-right: 24px;
}
@media only screen and (min-width: 480px) {
  .PostFilter .PostAuthor .SocialIcons {
    margin-left: -4px;
  }
}
.PostFilter .PostAuthor .SocialIcons li {
  padding-left: 0;
  padding-right: 0;
}
.PostFilter-topic {
  position: relative;
}
.PostFilter-topic h3 {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #00b49d;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .PostFilter-topic h3 {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
@media only screen and (min-width: 768px) {
  .PostFilter-topic h3 {
    font-size: 1.8rem;
    line-height: 1.33333333;
  }
}
.PostFilter-topic .PostFilter-reset {
  margin-top: 2px;
  padding-right: 36px;
}
/*

  Blog Page: Post Cards
  ------------------------------------------------

*/
/*------------------------------------------------*\
    PostCardItem - Card Style
\*------------------------------------------------*/
.PostCardItem {
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  /*------------------------------------------------*\
      The card...
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Interactive States
  \*------------------------------------------------*/
}
.transitions .PostCardItem {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.transitions .PostCardItem:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.PostCardItem-image,
.PostCardItem .Image-placeholder,
.PostCardItem .Image-placeholder:after {
  border-radius: 8px;
}
.PostCardItem:last-child {
  padding-bottom: 0;
}
.PostCardItem-inner {
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  position: relative;
}
.PostCardItem-topics {
  padding: 0;
  border-top: none;
}
.PostCardItem-topics ul.topics li {
  display: none;
}
.PostCardItem-topics ul.topics li:first-child {
  display: inline-block;
}
.PostCardItem-topics ul.topics li:first-child:after {
  display: none;
}
.PostCardItem-topics ul.topics li:last-child {
  margin-bottom: 0;
}
.PostCardItem-topics ul.topics a {
  font-size: 12px;
}
.PostCardItem-heading {
  position: relative;
  margin-top: 16px;
  margin-bottom: 8px;
}
.PostCardItem-heading h2 {
  font-size: 1.7rem;
  line-height: 1.64705882;
  font-weight: 500;
  color: #6e7073;
  margin-top: 0;
  line-height: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .PostCardItem-heading h2 {
    font-size: 1.9rem;
    line-height: 1.68421053;
  }
}
@media only screen and (min-width: 768px) {
  .PostCardItem-heading h2 {
    line-height: 2.8rem;
  }
}
.RelatedPosts .PostCardItem-heading h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.PostCardItem-heading h2 a {
  color: #596372;
}
.PostCardItem-heading h2 a:hover,
.PostCardItem-heading h2 a:focus,
.PostCardItem-heading h2 a:active {
  text-decoration: none;
}
.PostCardItem-heading h2 a:hover {
  color: #31788e;
}
.PostCardItem-heading h2 a:active {
  color: #245868;
}
.touch .PostCardItem-heading h2 a:hover {
  color: #596372;
}
.touch .PostCardItem-heading h2 a:active {
  color: #31788e;
}
.PostCardItem-duration {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  margin: -32px 16px;
  padding: 4px 7.2px;
  background-color: #00b49d;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
}
.PostCardItem-duration .duration-indicator {
  display: none;
}
.PostCardItem-bodyImage {
  margin-bottom: 8px !important;
  border-radius: 4px;
}
.PostCardItem-bodyImage > div {
  margin-left: 0;
  margin-right: 0;
  background-color: #77828e;
  overflow: hidden;
}
.has-image .PostCardItem-bodyImage > div {
  background-color: #eeeef5;
}
.PostCardItem-bodyImage .Image-placeholder {
  position: relative;
  padding-bottom: 55%;
  background-color: #eeeef5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  overflow: hidden;
}
.PostCardItem-bodyImage .Image-placeholder:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .PostCardItem-bodyImage .Image-placeholder {
    padding-bottom: 62%;
  }
}
.PostCardItem-bodyImage .Image-placeholder img {
  display: none;
}
.PostCardItem-desc {
  display: none;
  margin-bottom: 0;
  padding-left: 0 !important;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 768px) {
  .PostCardItem-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 0 - 0);
    margin: 0;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.PostCardItem.has-image .Image-placeholder {
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .PostCardItem.has-image .PostCardItem-bodyWrapper {
    display: block;
  }
  .PostCardItem.has-image .PostCardItem-bodyWrapper > div {
    display: block;
    width: 100% !important;
    padding: 0;
  }
}
.PostCardItem.has-image.initiated .Image-placeholder {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.PostCardItem.has-image.initiated .Image-placeholder:after {
  opacity: 1;
}
.PostCardItem:active .Image-placeholder {
  background-color: #ebebf1;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.PostCardItem:active h2 a {
  color: #31788e;
}
.PostCardItem:active.has-image .Image-placeholder {
  opacity: 0.9;
}
.no-touch .transitions .PostCardItem:hover .Image-placeholder {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.no-touch .transitions .PostCardItem:hover h2 a {
  color: #31788e;
}
.no-touch .transitions .PostCardItem:hover.has-image .Image-placeholder {
  opacity: 0.9;
}
.PostCardItem--news .PostCardItem-duration {
  background-color: #31788e;
}
/*

  Blog Page: Post Comments
  ------------------------------------------------

*/
.PostComments {
  margin-top: 48px;
  margin-bottom: 72px;
}
@media (min-height: 900px) {
  .PostComments {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .PostComments .hs_cos_wrapper_type_blog_comments {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (min-height: 900px) {
  .PostComments {
    margin-bottom: 108px;
  }
}
.PostComments-heading {
  display: none;
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
  margin: 0 0 40px;
  text-align: center;
}
@media only screen and (min-width: 375px) {
  .PostComments-heading {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .PostComments-heading {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.PostComments-heading strong,
.PostComments-heading em {
  font-weight: 400;
  font-style: normal;
}
.PostComments-toggler {
  -webkit-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  opacity: 1;
  text-align: center;
}
.PostComments-toggler a {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .PostComments-toggler a {
    min-width: 24rem;
  }
}
.PostComments-form {
  display: none;
}
.PostComments--initiated .PostComments-toggler {
  opacity: 1;
}
.PostComments--initiated .PostComments-toggler a {
  text-decoration: none !important;
}
.PostComments #comments-listing {
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .PostComments #comments-listing {
    margin-bottom: 48px;
  }
}
.PostComments form {
  padding: 48px 25px 48px;
  border-radius: 8px;
  background-color: #eeeef5;
}
@media only screen and (min-width: 480px) {
  .PostComments form {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.PostComments form .form-title,
.PostComments form .actions {
  text-align: center;
}
.PostComments form .form-title {
  margin-bottom: 40px;
}
/*

  Blog Page: Related Posts
  ------------------------------------------------
  
*/
.RelatedPosts-outer {
  margin-top: 72px;
  padding: 48px 0 0;
  border-top: 1px solid #d1d1d1;
}
@media only screen and (min-width: 768px) {
  .RelatedPosts-outer {
    padding: 72px 0 0;
  }
}
.RelatedPosts-heading {
  margin-bottom: 48px;
}
.RelatedPosts-heading h2 {
  margin-bottom: 0;
  text-align: center;
}
.RelatedPosts-listing .PostCardItem {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .RelatedPosts-listing .PostCardItem:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
  .RelatedPosts-listing .PostCardItem h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .RelatedPosts-listing .PostCardItem h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
/*

  Blog Page: Mobile Top Bar
  ------------------------------------------------

*/
.BlogMobileTopBar {
  padding-left: 15px;
  padding-right: 15px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 59px;
  background-color: #f8f8fb;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
}
@media only screen and (min-width: 480px) {
  .BlogMobileTopBar {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogMobileTopBar {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.transitions .BlogMobileTopBar {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
@media only screen and (max-width: 799px) {
  .has-scrolled.scrolling-down .BlogMobileTopBar {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 800px) {
  .BlogMobileTopBar {
    display: none;
    height: 88px;
  }
}
.BlogMobileTopBar-inner {
  display: table;
  width: 100%;
}
.BlogMobileTopBar-inner > div {
  display: table-cell;
  vertical-align: middle;
}
.BlogMobileTopBar-share {
  width: 190px;
}
.BlogMobileTopBar-subscribe {
  text-align: right;
  white-space: nowrap;
}
.BlogMobileTopBar .SocialIcons {
  margin-top: 4px;
}
.BlogMobileTopBar .SocialIcons li {
  margin-right: -4px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
@media only screen and (max-width: 374px) {
  .BlogMobileTopBar .SocialIcons li {
    margin-right: -16px;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
.BlogMobileTopBar .clipboard-tooltip {
  -webkit-transform-origin: 150% -200%;
          transform-origin: 150% -200%;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.BlogMobileTopBar .clipboard-tooltip:before {
  top: -4px;
}
.BlogMobileTopBar .subscribe-button {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin-top: 4px;
  margin-right: -15px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 15px;
  background: inherit !important;
  font-size: 1.4rem;
  font-weight: 500;
  border: none;
  color: #31788e;
}
.BlogMobileTopBar .subscribe-button:hover,
.BlogMobileTopBar .subscribe-button:focus,
.BlogMobileTopBar .subscribe-button:active {
  text-decoration: none;
}
.BlogMobileTopBar .subscribe-button:hover {
  color: #6da1b1;
}
.BlogMobileTopBar .subscribe-button:active {
  color: #528899;
}
.touch .BlogMobileTopBar .subscribe-button:hover {
  color: #31788e;
}
.touch .BlogMobileTopBar .subscribe-button:active {
  color: #6da1b1;
}
.BlogMobileTopBar .subscribe-button .Icon {
  top: 4px;
  width: 21px;
  height: 16px;
  margin-right: 4px;
  margin-left: 4px;
  stroke: #31788e !important;
  fill: #31788e !important;
}
.BlogMobileTopBar .subscribe-button .Icon path {
  fill: #31788e !important;
}
.BlogMobileTopBar .subscribe-button:active .Icon {
  stroke: #6da1b1 !important;
  fill: #6da1b1 !important;
}
.BlogMobileTopBar .subscribe-button:active .Icon path {
  fill: #6da1b1 !important;
}
.no-touch .BlogMobileTopBar .subscribe-button:hover .Icon,
.no-touch .BlogMobileTopBar .subscribe-button:active .Icon {
  stroke: #6da1b1 !important;
  fill: #6da1b1 !important;
}
.no-touch .BlogMobileTopBar .subscribe-button:hover .Icon path,
.no-touch .BlogMobileTopBar .subscribe-button:active .Icon path {
  fill: #6da1b1 !important;
}
@media only screen and (max-width: 374px) {
  .BlogMobileTopBar .subscribe-button {
    padding-top: 20px;
    padding-right: 23px;
    font-size: 1.2rem;
  }
  .BlogMobileTopBar .subscribe-button .Icon {
    display: none;
  }
}
/*

  Blog Page: Listing View
  ------------------------------------------------

*/
.hs-blog-listing .BlogSubscribe {
  margin-bottom: 72px;
}
@media only screen and (min-width: 768px) {
  .hs-blog-listing .BlogSubscribe {
    margin-bottom: 108px;
  }
}
.PostListing--cards .PostCardItem,
.PostListing--smallCards .PostCardItem {
  margin-bottom: 32px;
}
@media only screen and (min-width: 480px) {
  .PostListing--cards {
    margin-left: -15px;
    margin-right: -15px;
  }
  .PostListing--cards:before,
  .PostListing--cards:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--cards:after {
    clear: both;
  }
  .PostListing--cards:before,
  .PostListing--cards:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--cards:after {
    clear: both;
  }
  .PostListing--cards .PostCardItem {
    float: left;
    width: 50%;
    height: 288px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .PostListing--cards .PostCardItem {
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 992px) {
  .PostListing--cards .PostCardItem {
    height: 352px;
  }
}
@media only screen and (min-width: 480px) {
  .PostListing--smallCards {
    margin-left: -11px;
    margin-right: -11px;
  }
  .PostListing--smallCards:before,
  .PostListing--smallCards:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--smallCards:after {
    clear: both;
  }
  .PostListing--smallCards:before,
  .PostListing--smallCards:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--smallCards:after {
    clear: both;
  }
  .PostListing--smallCards .PostCardItem {
    float: left;
    width: 33.33333333%;
    height: 288px;
    padding-left: 11px;
    padding-right: 11px;
  }
  .PostListing--smallCards .PostCardItem-inner,
  .PostListing--smallCards .PostCardItem-image,
  .PostListing--smallCards .PostCardItem .Image-placeholder,
  .PostListing--smallCards .PostCardItem .Image-placeholder:after {
    border-radius: 4px;
  }
}
.PostListing--filtered {
  margin-bottom: 72px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .PostListing-subscribe {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.PostListing-subscribe .BlogSubscribe {
  margin-top: 0;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .PostListing-subscribe .BlogSubscribe {
    margin-bottom: 48px;
  }
}
.PostListing-subscribe .BlogSubscribe-outer {
  padding: 0;
}
.PostListing-subscribe .BlogSubscribe-inner {
  padding-top: 48px;
  padding-bottom: 48px;
  background-image: inherit;
}
@media only screen and (max-width: 479px) {
  .PostListing-subscribe .BlogSubscribe-inner {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .PostListing-subscribe .BlogSubscribe-desc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .PostListing-subscribe .BlogSubscribe-inner {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .PostListing-subscribe .BlogSubscribe-info {
    margin-bottom: 32px;
  }
  .PostListing-subscribe .BlogSubscribe-heading {
    margin-bottom: 16px;
  }
  .PostListing-subscribe .BlogSubscribe-desc {
    font-size: 1.4rem;
    line-height: 1.71428571;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
  }
  .PostListing-subscribe .BlogSubscribe input[type="email"],
  .PostListing-subscribe .BlogSubscribe input[type="submit"] {
    height: inherit !important;
  }
  .PostListing-subscribe .BlogSubscribe input[type="email"] {
    padding-right: 12px;
    text-align: center;
  }
  .PostListing-subscribe .BlogSubscribe input[type="submit"] {
    position: relative;
    padding: 0.8125em 2em 0.8125em;
    font-size: 1.6rem;
    line-height: 1.25;
    border-radius: 9999px;
    min-height: 48px;
  }
  .PostListing-subscribe .BlogSubscribe .hs-error-msgs {
    margin-top: 12px;
  }
  .PostListing-subscribe .BlogSubscribe .hs_submit {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .PostListing-subscribe .BlogSubscribe {
    display: table;
  }
  .PostListing-subscribe .BlogSubscribe-inner {
    display: table-cell;
    vertical-align: middle;
    padding-top: 16px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .PostListing-subscribe .BlogSubscribe-inner {
    padding-top: 64px;
    padding-bottom: 32px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .PostListing-subscribe .BlogSubscribe-heading {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 808px) {
  .PostListing-subscribe .BlogSubscribe-heading {
    font-size: 21px;
  }
}
@media only screen and (max-width: 991px) {
  .PostListing-subscribe .BlogSubscribe input[type="submit"] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.PostListing--firstPost .PostCardItem,
.PostListing--firstPost .PostCardItem .PostCardItem-inner,
.PostListing--firstPost .PostCardItem .Image-placeholder {
  height: 400px;
}
.PostListing--firstPost .PostCardItem .PostCardItem-inner {
  overflow: hidden;
  background-color: #838c97;
  border-radius: 8px;
}
.PostListing--firstPost .PostCardItem .Image-placeholder {
  padding-bottom: 0;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics {
  position: absolute;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 480px) {
  .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading {
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 48px;
  max-width: 580px;
  opacity: 0;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 strong,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 em {
  font-weight: 400;
  font-style: normal;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
  color: #fff;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:focus,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
  text-decoration: none;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
  color: #00b49d;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
  color: #008171;
}
.touch .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
  color: #fff;
}
.touch .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
  color: #00b49d;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
  color: #fff !important;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics {
  top: 0;
  padding-top: 16px;
  text-align: right;
  opacity: 0;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:focus,
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
  text-decoration: none;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
  color: #fff;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
  color: #e6e6e6;
}
.touch .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.touch .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
  color: #fff;
}
.PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-duration {
  position: relative;
  margin: 0 0 16px;
  background-color: #6da1b1;
}
@media (min-width: 768px) {
  .PostListing--firstPost .PostCardItem .PostCardItem-heading {
    -webkit-transform: translateY(64px);
            transform: translateY(64px);
  }
  .PostListing--firstPost .PostCardItem .PostCardItem-desc {
    display: block;
    padding-top: 16px;
    height: 64px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
.PostListing--firstPost .PostCardItem.initiated .PostCardItem-heading,
.PostListing--firstPost .PostCardItem.initiated .PostCardItem-topics {
  opacity: 1;
}
.PostListing--firstPost .PostCardItem.initiated .Image-placeholder {
  opacity: 1;
}
.PostListing--firstPost .PostCardItem.initiated .Image-placeholder:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
}
.PostListing--firstPost .PostCardItem:active .Image-placeholder {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.no-touch .transitions .PostListing--firstPost .PostCardItem:hover .Image-placeholder {
  opacity: 0.95;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.no-touch .transitions .PostListing--firstPost .PostCardItem:hover .Image-placeholder:after {
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .no-touch .transitions .PostListing--firstPost .PostCardItem .PostCardItem-desc,
  .no-touch .transitions .PostListing--firstPost .PostCardItem .PostCardItem-heading,
  .no-touch .transitions .PostListing--firstPost .PostCardItem .PostCardItem-topics {
    -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  }
  .no-touch .transitions .PostListing--firstPost .PostCardItem:hover .PostCardItem-heading {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .no-touch .transitions .PostListing--firstPost .PostCardItem:hover .PostCardItem-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2125s;
            transition-delay: 0.2125s;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .PostListing--firstPost .PostCardItem {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 992px) {
  .PostListing--firstPost .PostCardItem .PostCardItem-bodyWrapper .PostCardItem-heading h2 {
    font-size: 3rem;
    line-height: 1.2;
  }
}
.PostListing .PostListing-subscribe {
  margin: -8px 0 24px;
}
.PostListing .PostListing-subscribe .subscribe-button {
  width: 100%;
  max-width: 100%;
}
.PostListing .PostListing-subscribe .subscribe-button .Icon {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .PostListing .PostListing-subscribe .subscribe-button {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00bea6), to(#00b49d));
    background-image: linear-gradient(to bottom, #00bea6 0%, #00b49d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00bea6', endColorstr='#ff00b49d', GradientType=0);
    color: #fff;
    -webkit-transition: background-color 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
    transition: background-color 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
    transition: background-color 0.5s, box-shadow 0.5s, border 0.2s;
    transition: background-color 0.5s, box-shadow 0.5s, border 0.2s, -webkit-box-shadow 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #00a590;
    border-left-color: #00aa94;
    border-right-color: #00aa94;
    border-top-color: #00d8bc;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  }
  .PostListing .PostListing-subscribe .subscribe-button .Icon {
    stroke: #fff !important;
    fill: #fff !important;
  }
  .PostListing .PostListing-subscribe .subscribe-button .Icon path {
    fill: #fff !important;
  }
  .PostListing .PostListing-subscribe .subscribe-button:focus {
    color: #fff;
  }
  .PostListing .PostListing-subscribe .subscribe-button:hover {
    background-color: #00c8af;
    color: #fff;
    border-bottom-color: #00b9a1;
    border-left-color: #00bea6;
    border-right-color: #00bea6;
    border-top-color: #00fbdb;
  }
  .PostListing .PostListing-subscribe .subscribe-button:active {
    background-color: #00b49d;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  .PostListing .PostListing-subscribe .subscribe-button.is-disabled,
  .PostListing .PostListing-subscribe .subscribe-button:disabled {
    border-bottom-color: rgba(0, 180, 157, 0) !important;
    border-left-color: rgba(0, 180, 157, 0) !important;
    border-right-color: rgba(0, 180, 157, 0) !important;
    border-top-color: rgba(0, 180, 157, 0) !important;
  }
  .touch .PostListing .PostListing-subscribe .subscribe-button:hover {
    background-color: #00b49d;
    color: #fff;
  }
  .touch .PostListing .PostListing-subscribe .subscribe-button:active {
    background-color: #00c8af;
    color: #fff;
    -webkit-transition-duration: 0;
            transition-duration: 0;
  }
  .PostListing .PostListing-subscribe .subscribe-button:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.24);
  }
  .PostListing .PostListing-subscribe .subscribe-button:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  }
  .PostListing .PostListing-subscribe .subscribe-button.is-disabled,
  .PostListing .PostListing-subscribe .subscribe-button:disabled {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .touch .PostListing .PostListing-subscribe .subscribe-button:hover {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  }
  .touch .PostListing .PostListing-subscribe .subscribe-button:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  }
  .bg-white .PostListing .PostListing-subscribe .subscribe-button {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  }
  .bg-white .PostListing .PostListing-subscribe .subscribe-button:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .bg-white .PostListing .PostListing-subscribe .subscribe-button:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  }
  .bg-white .PostListing .PostListing-subscribe .subscribe-button.is-disabled,
  .bg-white .PostListing .PostListing-subscribe .subscribe-button:disabled {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .touch .bg-white .PostListing .PostListing-subscribe .subscribe-button:hover {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  }
  .touch .bg-white .PostListing .PostListing-subscribe .subscribe-button:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .PostListing--default.PostListing--page-1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .PostListing--default.PostListing--page-1 > div {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem {
    width: 50%;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem,
  .PostListing--default.PostListing--page-1 .PostCardItem-inner {
    height: 288px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) {
    width: 100%;
    margin-bottom: 48px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .Image-placeholder {
    height: 400px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-inner {
    overflow: hidden;
    background-color: #838c97;
    border-radius: 8px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .Image-placeholder {
    padding-bottom: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics {
    position: absolute;
    padding-left: 25px;
    padding-right: 25px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading {
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 48px;
    max-width: 580px;
    opacity: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 {
    font-size: 2.5rem;
    line-height: 1.28;
    font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 strong,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 em {
    font-weight: 400;
    font-style: normal;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    text-decoration: none;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
    color: #00b49d;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    color: #008171;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
    color: #fff;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    color: #00b49d;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
    color: #fff !important;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics {
    top: 0;
    padding-top: 16px;
    text-align: right;
    opacity: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    font-weight: 500;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    text-decoration: none;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    color: #e6e6e6;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-duration {
    position: relative;
    margin: 0 0 16px;
    background-color: #6da1b1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .PostCardItem-topics {
    opacity: 1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .Image-placeholder {
    opacity: 1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .Image-placeholder:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):active .Image-placeholder {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .Image-placeholder {
    opacity: 0.95;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .Image-placeholder:after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) and only screen and (min-width: 480px) {
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 768px) {
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-heading {
    -webkit-transform: translateY(64px);
            transform: translateY(64px);
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-desc {
    display: block;
    padding-top: 16px;
    height: 64px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 768px) {
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-desc,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-heading,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-topics {
    -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .PostCardItem-heading {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .PostCardItem-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2125s;
            transition-delay: 0.2125s;
  }
}
@media only screen and (min-width: 768px) {
  .PostListing--firstPost .PostCardItem,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) {
    margin-bottom: 48px;
  }
  .PostListing--firstPost .PostCardItem,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2),
  .PostListing--firstPost .PostCardItem .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-inner {
    height: 400px;
  }
  .PostListing-subscribe .BlogSubscribe,
  .PostListing-subscribe .BlogSubscribe-inner {
    height: 400px;
  }
  .PostListing--firstPost {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
  .PostListing--firstPost:before,
  .PostListing--firstPost:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--firstPost:after {
    clear: both;
  }
  .PostListing--firstPost:before,
  .PostListing--firstPost:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .PostListing--firstPost:after {
    clear: both;
  }
  .PostListing--firstPost > div {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .PostListing--firstPost .PostCardItem {
    width: 100%;
    height: 400px;
  }
  .PostListing--firstPost .PostCardItem-inner,
  .PostListing--firstPost .PostCardItem-image,
  .PostListing--firstPost .PostCardItem .Image-placeholder,
  .PostListing--firstPost .PostCardItem .Image-placeholder:after {
    border-radius: 8px;
  }
  .PostListing--firstPost .PostListing-subscribe {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: right;
    margin: 24px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) {
    width: 50%;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2),
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .Image-placeholder,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .Image-placeholder {
    height: 400px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-inner,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-inner {
    overflow: hidden;
    background-color: #838c97;
    border-radius: 8px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .Image-placeholder,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .Image-placeholder {
    padding-bottom: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics {
    position: absolute;
    padding-left: 25px;
    padding-right: 25px;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading {
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 48px;
    max-width: 580px;
    opacity: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 {
    font-size: 2.5rem;
    line-height: 1.28;
    font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 strong,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 strong,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 em,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 em {
    font-weight: 400;
    font-style: normal;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    text-decoration: none;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
    color: #00b49d;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    color: #008171;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover,
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:hover {
    color: #fff;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active,
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a:active {
    color: #00b49d;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading h2 a {
    color: #fff !important;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics {
    top: 0;
    padding-top: 16px;
    text-align: right;
    opacity: 0;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    font-weight: 500;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:focus,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    text-decoration: none;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    color: #e6e6e6;
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover,
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics a:active,
  .touch .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics a:active {
    color: #fff;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-duration,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-duration {
    position: relative;
    margin: 0 0 16px;
    background-color: #6da1b1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2).initiated .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .PostCardItem-topics,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2).initiated .PostCardItem-topics {
    opacity: 1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .Image-placeholder,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2).initiated .Image-placeholder {
    opacity: 1;
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1).initiated .Image-placeholder:after,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2).initiated .Image-placeholder:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):active .Image-placeholder,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2):active .Image-placeholder {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .Image-placeholder,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2):hover .Image-placeholder {
    opacity: 0.95;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .Image-placeholder:after,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2):hover .Image-placeholder:after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 480px) {
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-bodyWrapper .PostCardItem-topics,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-bodyWrapper .PostCardItem-topics {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-heading,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-heading {
    -webkit-transform: translateY(64px);
            transform: translateY(64px);
  }
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-desc,
  .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-desc {
    display: block;
    padding-top: 16px;
    height: 64px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-desc,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-desc,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-heading,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-heading,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1) .PostCardItem-topics,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2) .PostCardItem-topics {
    -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .PostCardItem-heading,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2):hover .PostCardItem-heading {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(1):hover .PostCardItem-desc,
  .no-touch .transitions .PostListing--default.PostListing--page-1 .PostCardItem:nth-child(2):hover .PostCardItem-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2125s;
            transition-delay: 0.2125s;
  }
}
.filter-listing-info {
  margin-bottom: 32px;
}
.filter-listing-info:before,
.filter-listing-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.filter-listing-info:after {
  clear: both;
}
.filter-listing-info:before,
.filter-listing-info:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.filter-listing-info:after {
  clear: both;
}
.filter-listing-info h4 {
  float: left;
  margin-bottom: 0;
}
.filter-listing-info .reset {
  display: block;
  float: right;
  padding: 0 6px;
  font-size: 200%;
  line-height: 0.6;
}
/* Listing page */
.post-listing {
  /*
  .hs-featured-image {
    // Override HS default query in public_common.css
    @media screen and (max-width: 568px) {}
  }
  */
}
.post-listing .post-item {
  clear: both;
}
.post-listing .hs-blog-social-share {
  margin-bottom: 32px;
}
.post-listing .post-body {
  margin-bottom: 0;
}
.post-listing #hubspot-topic_data {
  margin-bottom: 32px;
}
/*

  Blog Page: Post View
  ------------------------------------------------

*/
.hs-blog-post {
  /*------------------------------------------------*\
     Post Body transitions (to mask the
     highlighting of the first two words)
  \*------------------------------------------------*/
}
.hs-blog-post.post-summarizer-expanded .PostHero,
.hs-blog-post.post-summarizer-expanded .PostBody,
.hs-blog-post.post-summarizer-expanded .RelatedPosts,
.hs-blog-post.post-summarizer-expanded .PostComments,
.hs-blog-post.post-summarizer-expanded .PostAuthor,
.hs-blog-post.post-summarizer-expanded .AuthorPosts,
.hs-blog-post.post-summarizer-expanded .PostTopics,
.hs-blog-post.post-summarizer-expanded .BlogSubscribe,
.hs-blog-post.post-summarizer-expanded .BlogExplore,
.hs-blog-post.post-summarizer-expanded .Footer {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  opacity: 0.5 !important;
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .MainWrapper-content {
    max-width: 100%;
    width: 65.94059406% !important;
    float: right !important;
    margin-top: 1px;
  }
  .hs-blog-post .MainWrapper-sidebar {
    max-width: 100%;
    width: 31.88118812% !important;
    float: left;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .hs-blog-post .MainWrapper-sidebar {
    max-width: 100%;
    width: 31.88118812% !important;
    float: left;
    padding-right: 64px;
  }
}
.hs-blog-post .BlogSubscribe {
  margin: 72px 0;
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .BlogSubscribe {
    margin: 0 0 88px;
  }
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .hs-blog-post .BlogSubscribe {
    margin-bottom: 108px;
  }
}
.hs-blog-post .PostBody {
  opacity: 1;
}
.hs-inline-edit .hs-blog-post .PostBody {
  opacity: 1;
}
.hs-inline-edit .hs-blog-post .PostBody #hs_cos_wrapper_post_body {
  margin-bottom: 48px;
}
.hs-blog-post .PostBody .SectionAnchor {
  display: none !important;
}
.hs-blog-post.typography-initiated .PostBody {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}
.hs-blog-post .PostFooter {
  display: none;
  margin-top: 72px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .hs-blog-post .PostAuthor {
    padding-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .hs-blog-post .PostAuthor {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.hs-inline-edit .hs-blog-post .RelatedPosts {
  margin-bottom: 72px;
}
.hs-inline-edit .hs-blog-post .BlogSubscribe {
  display: none;
}
/*

  Page: Podcast Page
  ------------------------------------------------

  Imports the page partials under /_partials

*/
.podcast-page .FlexModule--formBlock h2 strong {
  color: #00b49d;
}
.podcast-page .FlexModule-col--form .Col-content {
  padding: 32px;
  background-color: #ebebf1;
  border-radius: 8px;
}
.podcast-page .listen__item {
  background-color: #000000;
  background-image: url("https://www.biolinscientific.com/hubfs/Assets/icons/podcast-spritesheet.svg");
  background-repeat: no-repeat;
  background-size: 770px 28px;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  text-indent: -9000px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.podcast-page .listen__item:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.podcast-page .listen__item--apple {
  background-position: 10px 7px;
  height: 40px;
  width: 162px;
}
.podcast-page .listen__item--spotify {
  background-position: -182px 7px;
  height: 40px;
  width: 106px;
}
.podcast-page .listen__item--google {
  background-position: -468px 7px;
  height: 40px;
  width: 172px;
}
.podcast-page .listen__item--stitcher {
  background-position: -669px 7px;
  height: 40px;
  width: 106px;
}
.podcast-page .listen__item--rss {
  background-position: -317px 7px;
  height: 40px;
  width: 121px;
}
.podcast-page .listen__item--more {
  border: 1px solid #ededed;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  height: 40px;
  display: inline-block;
  padding-top: 10px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  width: 80px;
}
.podcast-page .listen__item--more:hover {
  text-decoration: none;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
/*

  Page: Landing Page
  ------------------------------------------------
  Default settings.
  
  Imports the variations under /_partials

*/
.landing-page .TopNav .LogoLink {
  display: block !important;
}
.landing-page .body-container {
  padding-top: 48px;
}
@media only screen and (min-width: 768px) {
  .landing-page .body-container {
    padding-top: 72px;
  }
}
.landing-page.content-page .body-container {
  padding-top: 0;
}
.landing-page .ColWrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .landing-page .ColWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .ColWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .ColWrapper {
    float: none !important;
    width: 100%;
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.landing-page .SimpleHeader {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 48px;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 480px) {
  .landing-page .SimpleHeader {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .SimpleHeader {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .SimpleHeader {
    float: none !important;
    width: 100%;
    max-width: 918px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 991px) {
  .landing-page .SimpleHeader {
    max-width: 752px;
  }
}
@media only screen and (min-width: 480px) {
  .landing-page .SimpleHeader {
    padding-bottom: 72px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .SimpleHeader {
    padding-top: 0;
    padding-bottom: 108px;
  }
}
@media only screen and (min-width: 1024px) {
  .landing-page .SimpleHeader {
    padding-top: 48px;
    padding-bottom: 108px;
  }
}
.landing-page .SimpleHeader h4 {
  font-size: 1.3rem;
  line-height: 1.84615385;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .landing-page .SimpleHeader h4 {
    margin-bottom: 32px;
  }
}
.landing-page .SimpleHeader h4:empty {
  display: none;
}
.landing-page .SimpleHeader h1 {
  font-size: 3rem;
  line-height: 1.33333333;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 300;
  color: #31788e;
}
@media only screen and (min-width: 480px) {
  .landing-page .SimpleHeader h1 {
    font-size: 3.6rem;
    line-height: 1.11111111;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .SimpleHeader h1 {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .landing-page .SimpleHeader h1 {
    font-size: 4.6rem;
    line-height: 1.2173913;
  }
}
@media only screen and (min-width: 1300px) and (min-height: 900px) {
  .landing-page .SimpleHeader h1 {
    font-size: 5.1rem;
    line-height: 1.09803922;
  }
}
.landing-page .SimpleHeader h1 strong,
.landing-page .SimpleHeader h1 em {
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 479px) {
  .landing-page .SimpleHeader h1 {
    font-size: 2.7rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 1300px) {
  .landing-page .SimpleHeader h1 {
    line-height: 1.25490196;
  }
}
.landing-page:not(.content-page) .TopNav-inner,
.landing-page:not(.content-page) .TopNavV2-inner {
  border-bottom: 1px solid #d1d1d1;
  -webkit-transition: border ease-in-out 0.25s;
  transition: border ease-in-out 0.25s;
}
.landing-page .TopNav {
  position: relative;
}
.landing-page .TopNav-inner:after {
  display: none;
}
.landing-page .body-container-wrapper {
  padding-top: 0 !important;
}
.landing-page .Footer-primary {
  margin-top: 72px;
  padding-top: 48px;
  padding-bottom: 48px;
}
.landing-page .Footer-primary .LogoLink {
  margin-bottom: 0;
}
.landing-page .FormWrapper {
  padding: 15px;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .landing-page .FormWrapper {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media only screen and (max-width: 479px) {
  .landing-page .FormWrapper {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page .FormWrapper {
    margin-top: -15px;
  }
}
.landing-page .PostBody p img:not(.hs-cta-img):not(.vanilla) {
  width: inherit !important;
}
/*

  Landing Page: 1 Col
  ------------------------------------------------

*/
.landing-page--1-col .ColWrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .landing-page--1-col .ColWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--1-col .ColWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--1-col .ColWrapper {
    float: none !important;
    width: 100%;
    max-width: 746px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.landing-page--1-col .Col--primary {
  margin-bottom: 64px;
}
.landing-page--1-col .Col--primary h1 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
}
@media only screen and (min-width: 375px) {
  .landing-page--1-col .Col--primary h1 {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--1-col .Col--primary h1 {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.landing-page--1-col .Col--primary h1 strong,
.landing-page--1-col .Col--primary h1 em {
  font-weight: 400;
  font-style: normal;
}
.landing-page--1-col .FormWrapper {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
@media only screen and (min-width: 480px) {
  .landing-page--1-col .FormWrapper {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
/*

  Landing Page: 2 Cols
  ------------------------------------------------

*/
@media only screen and (min-width: 768px) {
  .landing-page--2-cols .Col--primary {
    padding-right: 32px;
  }
}
.landing-page--2-cols .Col--primary h1 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
}
@media only screen and (min-width: 375px) {
  .landing-page--2-cols .Col--primary h1 {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--2-cols .Col--primary h1 {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.landing-page--2-cols .Col--primary h1 strong,
.landing-page--2-cols .Col--primary h1 em {
  font-weight: 400;
  font-style: normal;
}
/*

  Landing Page: Image Hero 2 Cols
  ------------------------------------------------

*/
.landing-page--image-hero-2-cols .TopNav-inner {
  border-bottom: none;
}
.landing-page--image-hero-2-cols .body-container {
  padding-top: 0;
}
.landing-page--image-hero-2-cols .ColWrapper {
  margin-top: 48px;
}
@media only screen and (min-width: 768px) {
  .landing-page--image-hero-2-cols .ColWrapper {
    margin-top: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--image-hero-2-cols .Col--primary {
    padding-right: 32px;
  }
}
.landing-page--image-hero-2-cols .Col--primary h1 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
}
@media only screen and (min-width: 375px) {
  .landing-page--image-hero-2-cols .Col--primary h1 {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .landing-page--image-hero-2-cols .Col--primary h1 {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.landing-page--image-hero-2-cols .Col--primary h1 strong,
.landing-page--image-hero-2-cols .Col--primary h1 em {
  font-weight: 400;
  font-style: normal;
}
/*

  Page: Extranet
  ------------------------------------------------

  Imports the variations under /_partials

*/
.SimpleSelector-list li.logout-link:not(:only-child) {
  border-top: 1px solid #dcdce6 !important;
  margin-top: 8px;
  padding-top: 8px;
}
@media only screen and (min-width: 1300px) {
  .extranet-page .TopNav-inner .TopNav-primary {
    max-width: 50%;
  }
}
.extranet-page .ProdSubNav .NavItem-icon,
.extranet-page .ProdSubNav .NavItem-icon > div {
  height: 60px;
  padding-bottom: 2px;
}
.extranet-page .ProdSubNav .NavGroup-links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .extranet-page .ProdSubNav .NavGroup--primary {
    padding-right: 0;
  }
  .extranet-page .TopNav-contactLink a {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .extranet-page .TopNav .LogoTagLink {
    margin-right: 4px;
  }
  .extranet-page .TopNav .hs-menu-wrapper li.TopNav-contactLink {
    display: none;
  }
}
.extranet-page .OfficePost {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .extranet-page .OfficePost {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .extranet-page .OfficePost {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .extranet-page .OfficePost {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.extranet-page .OfficePost.has-image h2 {
  text-align: center;
}
.extranet-page .OfficePost h2 {
  margin-bottom: 0;
}
.extranet-page .OfficePost-inner {
  height: inherit !important;
  min-height: 0 !important;
  background-color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.extranet-page .OfficePost-contentInner {
  height: inherit !important;
  max-height: inherit !important;
  padding: 0;
}
.extranet-page .OfficePost-img {
  margin: 32px 0 16px;
  text-align: center;
}
.extranet-page .OfficePost-img img {
  width: 160px;
}
.extranet-page .OfficePost-body {
  margin-top: 16px !important;
}
.extranet-page .OfficePost .ContactSection {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.extranet-page .OfficePost .ContactSection,
.extranet-page .OfficePost .ContactSection > div {
  border-color: #d1d1d1;
}
.extranet-index-page .PageHero:not(.PageHero--simple).has-img .Col-content h1 {
  margin-bottom: 0;
  color: #fff;
}
.extranet-index-page .PageHero:not(.PageHero--simple).has-img .Col-content h1 + p {
  margin-top: 16px;
}
.extranet-index-page .PageHero:not(.PageHero--simple).has-img .Col-content * {
  color: #fff;
}
.extranet-index-page .PageHero--default .Col-content > *:first-child {
  margin-top: 0;
}
.extranet-index-page .PageHero--default .Col-content > *:not(h2):last-child {
  margin-bottom: 0;
}
.extranet-index-page .PageHero--default .Col-content h1 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
}
@media only screen and (min-width: 768px) {
  .extranet-index-page .PageHero--default .Col-content h1 {
    font-size: 3.6rem;
    line-height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  .extranet-index-page .PageHero--default .Col-content h1 {
    font-size: 4.6rem;
    line-height: 56px;
  }
}
.extranet-index-page .PageHero--default .Col-content h1 a {
  color: #596372;
}
.extranet-index-page .PageHero--default .Col-content h1 a:hover,
.extranet-index-page .PageHero--default .Col-content h1 a:focus,
.extranet-index-page .PageHero--default .Col-content h1 a:active {
  text-decoration: none;
}
.extranet-index-page .PageHero--default .Col-content h1 a:hover {
  color: #00a1e4;
}
.extranet-index-page .PageHero--default .Col-content h1 a:active {
  color: #007db1;
}
.touch .extranet-index-page .PageHero--default .Col-content h1 a:hover {
  color: #596372;
}
.touch .extranet-index-page .PageHero--default .Col-content h1 a:active {
  color: #00a1e4;
}
.extranet-index-page .PageHero--default .Col-content p {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  max-width: 322px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 479px) {
  .extranet-index-page .PageHero--default .Col-content p {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.extranet-index-page .PageHero--simple .PageHero-outer {
  background-color: inherit;
  background-image: none !important;
  border-top: 1px solid #d1d1d1;
  border-radius: 0;
}
.extranet-index-page .PageHero--simple .PageHero-mask,
.extranet-index-page .PageHero--simple .PageHero-inner {
  min-height: inherit !important;
}
.extranet-index-page .PageHero--simple .PageHero-inner {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 48px;
  padding-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .extranet-index-page .PageHero--simple .PageHero-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .extranet-index-page .PageHero--simple .PageHero-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .extranet-index-page .PageHero--simple .PageHero-inner {
    float: none !important;
    width: 100%;
    max-width: 746px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 480px) {
  .extranet-index-page .PageHero--simple .PageHero-inner {
    padding-top: 72px;
  }
}
@media only screen and (min-width: 768px) {
}
.extranet-index-page .PageHero--simple .PageHero-col {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}
.extranet-index-page .PageHero--simple .PageHero-col h1 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #00b49d;
  margin-top: 2px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .extranet-index-page .PageHero--simple .PageHero-col h1 {
    font-size: 3.6rem;
    line-height: 44px;
  }
}
@media only screen and (min-width: 992px) {
  .extranet-index-page .PageHero--simple .PageHero-col h1 {
    font-size: 4.6rem;
    line-height: 56px;
  }
}
.extranet-index-page .PageHero--simple .PageHero-col h1 a {
  color: #00b49d;
}
.extranet-index-page .PageHero--simple .PageHero-col h1 a:hover,
.extranet-index-page .PageHero--simple .PageHero-col h1 a:focus,
.extranet-index-page .PageHero--simple .PageHero-col h1 a:active {
  text-decoration: none;
}
.extranet-index-page .PageHero--simple .PageHero-col h1 a:hover {
  color: #00a1e4;
}
.extranet-index-page .PageHero--simple .PageHero-col h1 a:active {
  color: #007db1;
}
.touch .extranet-index-page .PageHero--simple .PageHero-col h1 a:hover {
  color: #00b49d;
}
.touch .extranet-index-page .PageHero--simple .PageHero-col h1 a:active {
  color: #00a1e4;
}
.extranet-index-page .PageHero--simple .PageHero-col h1 + p {
  margin-top: 24px;
}
.extranet-index-page .PageHero--simple .PageHero-col p,
.extranet-index-page .PageHero--simple .PageHero-col ul,
.extranet-index-page .PageHero--simple .PageHero-col ol {
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 480px) {
  .extranet-index-page .PageHero--simple .PageHero-col p,
  .extranet-index-page .PageHero--simple .PageHero-col ul,
  .extranet-index-page .PageHero--simple .PageHero-col ol {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}
/*

  Extranet Content PAge
  ------------------------------------------------

*/
@media only screen and (min-width: 768px) {
  .extranet-content-page .Col--primary {
    padding-right: 32px;
  }
}
.extranet-content-page .Col--primary h1 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
}
@media only screen and (min-width: 375px) {
  .extranet-content-page .Col--primary h1 {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .extranet-content-page .Col--primary h1 {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.extranet-content-page .Col--primary h1 strong,
.extranet-content-page .Col--primary h1 em {
  font-weight: 400;
  font-style: normal;
}
/*

  Page: Thank You Page
  ------------------------------------------------
  Default settings.
  Imports the variations under /_partials

*/
/*  Overrides
    ========================================================================== */
.thank-you-page {
  /*------------------------------------------------*\
       Page Header
   \*------------------------------------------------*/
}
.thank-you-page .TopNav-inner,
.thank-you-page .TopNavV2-inner {
  border-bottom: 1px solid #d1d1d1;
  -webkit-transition: border ease-in-out 0.25s;
  transition: border ease-in-out 0.25s;
}
.thank-you-page .PageHeader {
  margin-top: 72px;
  margin-bottom: 48px;
  text-align: center;
}
.thank-you-page .PageHeader > div {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .thank-you-page .PageHeader > div {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .thank-you-page .PageHeader > div {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .thank-you-page .PageHeader > div {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.thank-you-page .PageHeader .hs_cos_wrapper_type_section_header {
  display: block;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.thank-you-page .PageHeader .page-header {
  margin: 0;
}
.thank-you-page .PageHeader .page-header h1 {
  font-size: 2.5rem;
  line-height: 1.28;
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #596372;
  margin-bottom: 16px;
}
@media only screen and (min-width: 375px) {
  .thank-you-page .PageHeader .page-header h1 {
    font-size: 3rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .thank-you-page .PageHeader .page-header h1 {
    font-size: 3.4rem;
    line-height: 1.25714286;
  }
}
.thank-you-page .PageHeader .page-header h1 strong,
.thank-you-page .PageHeader .page-header h1 em {
  font-weight: 400;
  font-style: normal;
}
.thank-you-page .PageHeader .secondary-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
  .thank-you-page .PageHeader .secondary-header {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .thank-you-page .PageHeader .secondary-header {
    font-size: 21px;
    line-height: 32px;
  }
}
.thank-you-page .PageHeader .secondary-header strong {
  font-weight: 400;
}
.thank-you-page .PageHeader .secondary-header em {
  font-weight: 300;
  font-style: normal;
}
.thank-you-page .DefaultBody {
  max-width: 40rem;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.thank-you-page .DefaultBody,
.thank-you-page .DefaultBody * {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  color: #838c97;
}
.thank-you-page .DefaultBody .hs_cos_wrapper_type_rich_text {
  display: block;
  margin-bottom: 32px;
}
.thank-you-page .DefaultBody .hs_cos_wrapper_type_rich_text > *:first-child {
  margin-top: 0;
}
.thank-you-page .DefaultBody .hs_cos_wrapper_type_rich_text > *:not(h2):last-child {
  margin-bottom: 0;
}
.thank-you-page .DefaultBody .hs_cos_wrapper_type_rich_text:empty {
  margin-bottom: 0;
}
.thank-you-page .DownloadModule {
  text-align: center;
  margin-top: 0;
}
.thank-you-page .DownloadModule.not-set:not(.editor-only) {
  margin-top: 0;
}
.thank-you-page .ShareModule {
  margin-top: 48px;
  padding-top: 32px;
  text-align: center;
  border-top: 1px solid #d1d1d1;
}
.thank-you-page .ShareModule.not-set {
  margin-top: 0;
  border-top: none;
}
.thank-you-page .ShareModule-heading {
  margin-bottom: 32px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.7rem;
  line-height: 1.64705882;
  font-weight: 500;
  color: #6e7073;
}
@media only screen and (min-width: 768px) {
  .thank-you-page .ShareModule-heading {
    font-size: 1.9rem;
    line-height: 1.68421053;
  }
}
.thank-you-page .Col--primary {
  float: none !important;
  max-width: 666px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
/*

  Page: Subscription Preferences Page
  ------------------------------------------------
  Also imports the Update Confirmation page
  from the /_partials folder

*/
.subscription-page #email-prefs-form {
  margin: 0 auto;
}
.subscription-page .header {
  border: none;
  font-size: 18px;
}
.subscription-page .page-header h1 {
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 500;
  color: #00b49d;
  margin-top: 0;
  margin-bottom: 32px;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (min-width: 480px) {
  .subscription-page .page-header h1 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-page .page-header h1 {
    font-size: 5.1rem;
    line-height: 1.25490196;
  }
}
@media only screen and (min-width: 768px) {
  .subscription-page .page-header h1 {
    margin-bottom: 48px;
  }
}
.subscription-page .page-header h1:empty {
  margin: 0 !important;
}
.subscription-page .page-header h2 {
  display: inline-block;
  margin: 0 0 30px !important;
  padding: 12px 16px;
  color: #42474c;
  background: #eeeef5;
  border-radius: 4px;
}
.subscription-page .page-header h2 a.email-edit {
  margin-left: 1em;
  text-transform: uppercase;
  font-size: 85%;
  letter-spacing: 0.05em;
}
.subscription-page .page-header .hs-input {
  font-size: 25px;
}
.subscription-page .page-header p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #838c97;
}
@media only screen and (min-width: 768px) {
  .subscription-page .page-header p {
    font-size: 1.8rem;
    line-height: 1.77777778;
  }
}
.subscription-page #content p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .subscription-page #content p {
    font-size: 1.8rem;
    line-height: 1.77777778;
  }
}
.subscription-page #content p.header {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 300;
  color: #6c6e70;
  margin: 32px 0 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 480px) {
  .subscription-page #content p.header {
    font-size: 2.1rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 992px) {
  .subscription-page #content p.header {
    font-size: 2.5rem;
    line-height: 3.6rem;
  }
}
.subscription-page #content p.header strong {
  font-weight: 400;
}
.subscription-page #content p.header em {
  font-weight: 300;
  font-style: normal;
}
.subscription-page .email-prefs {
  margin: 30px 0;
}
.subscription-page .email-prefs .item .item-inner {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #dcdce6;
  background: none;
  opacity: 0.6;
}
.subscription-page .email-prefs .item .item-inner.selected {
  opacity: 1;
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
}
.subscription-page .email-prefs .item.disabled {
  opacity: 0.3;
}
.subscription-page .email-prefs .item p {
  margin-left: 0;
}
.subscription-page .checkbox-row {
  overflow: auto;
}
.subscription-page .checkbox-row input {
  position: absolute;
  top: 0;
  margin: 30px 0;
}
@media only screen and (min-width: 768px) {
  .subscription-page .checkbox-row input {
    margin: 32px 0;
  }
}
.subscription-page .checkbox-row span.fakelabel span {
  margin: 0 0 5px 30px;
  font-size: 1.7rem;
  line-height: 1.64705882;
  font-weight: 500;
  color: #596372;
}
@media only screen and (min-width: 768px) {
  .subscription-page .checkbox-row span.fakelabel span {
    font-size: 1.9rem;
    line-height: 1.68421053;
  }
}
.subscription-page .email-prefs .item .item-inner p {
  margin-bottom: 0 !important;
  padding-left: 30px;
  font-size: 1.4rem !important;
  line-height: 1.71428571 !important;
  font-weight: 400 !important;
  color: #838c97 !important;
}
.subscription-page .subscribe-options label {
  margin-left: 0;
  margin-right: 0;
}
.subscription-page .subscribe-options label span {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (min-width: 768px) {
  .subscription-page .subscribe-options label span {
    font-size: 1.8rem;
    line-height: 1.77777778;
  }
}
.subscription-page .subscribe-options label #globalunsub {
  margin-top: -16px;
  margin-right: 8px;
}
.subscription-page .subscribe-options label #globalunsub + span {
  opacity: 0.3;
}
.subscription-page .subscribe-options label #globalunsub:checked + span {
  opacity: 1;
  color: #e96656;
}
.subscription-page #submitbutton {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0.8125em 2em 0.8125em;
  font-size: 1.6rem;
  line-height: 1.25;
  border-radius: 9999px;
  min-height: 48px;
}
html body input.hs-input.email-edit {
  width: 100% !important;
  margin: 0 0 32px !important;
}
/*

  Subscription Update Confirmation

*/
.widget-type-email_subscriptions_confirmation .success {
  position: relative;
  display: inline-block;
  margin: 32px 0 0;
  padding: 16px 24px 16px 48px;
  border-radius: 4px;
  background: rgba(0, 180, 157, 0.15);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-style: italic;
  color: #00b49d;
}
.widget-type-email_subscriptions_confirmation .success:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/icon-checkmark-accent.svg") no-repeat;
  background-size: 20px auto;
  position: absolute;
  top: 0;
  left: 0;
  margin: 1.88rem 18px;
  margin-right: 8px;
}
/*

  Page: Tile Page
  ------------------------------------------------
  Created for Biolin Scientific
  
  Imports the variations under /_partials

*/
.tile-page {
  padding-bottom: 48px;
  position: relative;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) {
  .tile-page {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .tile-page {
    padding-bottom: 72px;
  }
}
.tile-page.cluster-page {
  padding-bottom: 0 !important;
}
.TileNav-heading {
  margin-bottom: 48px;
}
.TileNav-heading h2 {
  font-size: 2.7rem;
  line-height: 1.18518519;
  font-weight: 300;
  color: #596372;
  text-align: center;
}
.TileNav-heading h2 strong,
.TileNav-heading h2 em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .TileNav-heading h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.TileNav-heading h2 a {
  color: #596372;
}
.TileNav-heading h2 a:hover,
.TileNav-heading h2 a:focus,
.TileNav-heading h2 a:active {
  text-decoration: none;
}
.TileNav-heading h2 a:hover {
  color: #00a1e4;
}
.TileNav-heading h2 a:active {
  color: #007db1;
}
.touch .TileNav-heading h2 a:hover {
  color: #596372;
}
.touch .TileNav-heading h2 a:active {
  color: #00a1e4;
}
.TileNav-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .TileNav-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .TileNav-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .TileNav-inner {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Tile Page: Animation Settings
  ------------------------------------------------

*/
.vue-animations .fade-enter-active,
.vue-animations .fade-leave-active {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.vue-animations .fade-leave-active {
  -webkit-transition-duration: 0.12s;
          transition-duration: 0.12s;
}
.vue-animations .fade-enter,
.vue-animations .fade-leave-to {
  opacity: 0;
}
.vue-animations .fade-up-enter-active,
.vue-animations .fade-up-leave-active {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .fade-up-leave-active {
  -webkit-transition-duration: 0.12s;
          transition-duration: 0.12s;
}
.vue-animations .fade-up-enter,
.vue-animations .fade-up-leave-to {
  opacity: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.vue-animations .fade-down-enter-active,
.vue-animations .fade-down-leave-active {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .fade-down-leave-active {
  -webkit-transition-duration: 0.12s;
          transition-duration: 0.12s;
}
.vue-animations .fade-down-enter,
.vue-animations .fade-down-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.vue-animations .slide-up-enter-active,
.vue-animations .slide-up-leave-active {
  -webkit-transition: ease-in-out 0.35s;
  transition: ease-in-out 0.35s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .slide-up-enter,
.vue-animations .slide-up-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.vue-animations .slide-down-enter-active,
.vue-animations .slide-down-leave-active {
  -webkit-transition: ease-in-out 0.35s;
  transition: ease-in-out 0.35s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .slide-down-enter,
.vue-animations .slide-down-leave-to {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.vue-animations .nav-enter-active,
.vue-animations .nav-leave-active {
  -webkit-transition: ease-in-out 0.35s;
  transition: ease-in-out 0.35s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .nav-leave-active {
  -webkit-transition-duration: 0.12s;
          transition-duration: 0.12s;
}
@media only screen and (min-width: 768px) {
  .vue-animations .nav-leave-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
  }
  .vue-animations .nav-leave-active.TileList--level1,
  .vue-animations .nav-leave-active.TileList--level2 {
    width: calc(100% + 22px);
  }
}
.vue-animations .nav-enter-active {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.vue-animations .nav-enter,
.vue-animations .nav-leave-to {
  opacity: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.vue-animations .breadcrumb-enter-active,
.vue-animations .breadcrumb-leave-active {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vue-animations .breadcrumb-leave-active {
  -webkit-transition-duration: 0.12s;
          transition-duration: 0.12s;
}
.vue-animations .breadcrumb-enter,
.vue-animations .breadcrumb-leave-to {
  -webkit-transform: translateY(110%);
          transform: translateY(110%);
}
@media only screen and (min-width: 768px) {
  .vue-animations .breadcrumb-enter,
  .vue-animations .breadcrumb-leave-to {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  .vue-animations .breadcrumb-enter.NavBreadcrumb,
  .vue-animations .breadcrumb-leave-to.NavBreadcrumb {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
}
/*

  Filter Input
  ------------------------------------------------
  Originally written for Tile Navigation

*/
.FilterInput {
  margin-bottom: 36px;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
  .FilterInput {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .FilterInput {
    margin-bottom: 64px;
    padding-left: 0;
    padding-right: 0;
  }
}
.FilterInput-inner {
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .FilterInput-inner {
    max-width: 666px;
  }
}
.FilterInput-inner:before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 2px;
  z-index: 0;
  pointer-events: none;
  display: block;
  width: 96px;
  height: calc(100% - 2px);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, #fff));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 40%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1);
  -webkit-transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s;
}
@media only screen and (max-width: 767px) {
  .FilterInput-inner {
    margin-left: 0;
    margin-right: 0;
  }
}
.FilterInput-matches {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 13px;
  margin-right: 48px;
  padding: 4px 8px 4px 6px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  color: #838c97;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 8px #fff;
          box-shadow: 0 0 5px 8px #fff;
  pointer-events: none;
}
.FilterInput-matches.found-matches {
  font-weight: 500;
  color: #00b49d;
  background-color: #ccf0eb;
}
@media only screen and (min-width: 480px) {
  .FilterInput-matches {
    margin-top: 17px;
    margin-right: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .FilterInput-matches {
    margin-top: 24px;
    -webkit-box-shadow: 0 0 15px 10px #fff;
            box-shadow: 0 0 15px 10px #fff;
  }
}
.FilterInput label {
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
  text-align: center;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .FilterInput label {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
@media only screen and (max-width: 767px) {
  .FilterInput label {
    width: auto;
    max-width: 480px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 479px) {
  .FilterInput label {
    width: auto;
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.FilterInput input {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
  color: #596372;
  height: 48px;
  padding: 12px 12px;
  -webkit-transition: none;
  transition: none;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.FilterInput input strong,
.FilterInput input em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .FilterInput input {
    font-size: 2.5rem;
    line-height: 1.25;
  }
}
.FilterInput input a {
  color: #596372;
}
.FilterInput input a:hover,
.FilterInput input a:focus,
.FilterInput input a:active {
  text-decoration: none;
}
.FilterInput input a:hover {
  color: #00a1e4;
}
.FilterInput input a:active {
  color: #007db1;
}
.touch .FilterInput input a:hover {
  color: #596372;
}
.touch .FilterInput input a:active {
  color: #00a1e4;
}
.FilterInput input::-webkit-search-decoration,
.FilterInput input::-webkit-search-cancel-button,
.FilterInput input::-webkit-search-results-button,
.FilterInput input::-webkit-search-results-decoration {
  display: none;
}
@media only screen and (min-width: 480px) {
  .FilterInput input {
    height: 56px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .FilterInput input {
    height: 65px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    text-align: center;
  }
}
.FilterInput input:focus {
  color: #00b49d;
  border-color: #00b49d;
  background-color: #fff;
}
.FilterInput input:focus + .SearchButton svg {
  stroke: #00b49d !important;
  fill: #00b49d !important;
}
.FilterInput input:focus + .SearchButton svg path {
  fill: #00b49d !important;
}
.FilterInput .CancelFilter,
.FilterInput .SearchButton {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  line-height: 1;
}
.FilterInput .Icon {
  stroke: #838c97 !important;
  fill: #838c97 !important;
  width: 20px;
  height: 20px;
  margin: 14px 16px;
}
.FilterInput .Icon path {
  fill: #838c97 !important;
}
@media only screen and (min-width: 480px) {
  .FilterInput .Icon {
    width: 24px;
    height: 24px;
    margin: 16px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .FilterInput .Icon {
    width: 29px;
    height: 29px;
    margin: 18.4px 20px;
  }
}
.FilterInput .CancelFilter {
  opacity: 0;
  pointer-events: none;
  stroke: #808285 !important;
  fill: #808285 !important;
}
.FilterInput .CancelFilter path {
  fill: #808285 !important;
}
.FilterInput .CancelFilter .Icon {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  top: 2px;
}
@media only screen and (min-width: 480px) {
  .FilterInput .CancelFilter .Icon {
    top: 1px;
  }
}
.FilterInput .CancelFilter:active .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.FilterInput .CancelFilter:active .Icon path {
  fill: #42474c !important;
}
.no-touch .FilterInput .CancelFilter {
  stroke: #838c97 !important;
  fill: #838c97 !important;
}
.no-touch .FilterInput .CancelFilter path {
  fill: #838c97 !important;
}
.no-touch .FilterInput .CancelFilter:hover .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
}
.no-touch .FilterInput .CancelFilter:hover .Icon path {
  fill: #42474c !important;
}
.no-touch .FilterInput .CancelFilter:active .Icon {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.ie-11 .FilterInput .CancelFilter,
.lt-ie11 .FilterInput .CancelFilter {
  display: none;
}
.FilterInput--hasValue label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.FilterInput--hasValue input {
  color: #00b49d;
}
.FilterInput--hasValue .SearchButton {
  opacity: 0;
  pointer-events: none;
}
.FilterInput--hasValue .CancelFilter {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.FilterInput--hasValue .FilterInput-matches.found-matches {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}
.ie-11 .FilterInput--hasValue .SearchButton,
.lt-ie11 .FilterInput--hasValue .SearchButton {
  display: none;
}
.ie-11 .FilterInput--hasValue .CancelFilter,
.lt-ie11 .FilterInput--hasValue .CancelFilter {
  display: block;
}
.FilterInput--disabled .Icon,
.FilterInput--disabled .FilterInput-inner:before {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .FilterInput-inner {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }
  .FilterInput--hasValue .FilterInput-inner,
  .FilterInput--focused .FilterInput-inner {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .FilterInput--focused label {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.FilterInput--easterized .FilterInput-matches {
  color: #e24134 !important;
}
.FilterInput--easterized .FilterInput-matches:after {
  content: "\2764\FE0F";
  margin-left: 4px;
}
.transitions .FilterInput label {
  -webkit-transition: ease-in-out 0.35s;
  transition: ease-in-out 0.35s;
}
.transitions .FilterInput input,
.transitions .FilterInput .Icon {
  -webkit-transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s;
}
@media only screen and (max-width: 767px) {
  .transitions .FilterInput-inner {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
/*

  Result Info Component
  ------------------------------------------------
  Originally written for Tile Navigation

*/
.ResultInfo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ResultInfo-inner {
  display: none;
  padding: 72px 40px;
  border-radius: 8px;
  background-color: #eeeef5;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ResultInfo-inner {
    padding-left: 72px;
    padding-right: 72px;
  }
}
.ResultInfo-message {
  margin-bottom: 32px;
  font-size: 2.7rem;
  line-height: 1.6;
  font-weight: 300;
  color: #596372;
}
@media only screen and (min-width: 480px) {
  .ResultInfo-message {
    font-size: 3rem;
    line-height: 1.6;
  }
}
.ResultInfo-clear {
  padding: 16px;
}
.ResultInfo.show .ResultInfo-inner {
  display: block;
}
/*

  Tile Page: Navigation Bar
  ------------------------------------------------

*/
@media only screen and (max-width: 767px) {
  .tile-page .FilterInput {
    margin-bottom: -24px;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
  .tile-page .FilterInput--focused,
  .tile-page .FilterInput--hasValue {
    margin-bottom: 24px;
  }
  .tile-page.transitions .FilterInput {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
.TileNav-bar:before,
.TileNav-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileNav-bar:after {
  clear: both;
}
.TileNav-bar:before,
.TileNav-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileNav-bar:after {
  clear: both;
}
.NavBreadcrumb {
  float: left;
}
.NavBreadcrumb ol,
.NavBreadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.NavBreadcrumb li {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 479px) {
  .NavBreadcrumb ul {
    font-size: 1.4rem;
    line-height: 1.71428571;
    font-weight: 400;
    color: #6c6e70;
    margin-left: 12px;
  }
}
.NavBreadcrumb li {
  display: inline-block;
}
.NavBreadcrumb li:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  background: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/icon-arrow-right.svg") no-repeat;
  background-size: 6px auto;
  vertical-align: middle;
  position: relative;
  left: 1px;
}
@media only screen and (min-width: 768px) {
  .NavBreadcrumb li:after {
    left: 3px;
  }
}
.NavBreadcrumb li > * {
  padding: 8px 8px;
}
.NavBreadcrumb li a {
  color: #00a1e4;
}
.NavBreadcrumb li a:hover,
.NavBreadcrumb li a:focus,
.NavBreadcrumb li a:active {
  text-decoration: none;
}
.NavBreadcrumb li a:hover {
  color: #42474c;
}
.NavBreadcrumb li a:active {
  color: #2a2e31;
}
.touch .NavBreadcrumb li a:hover {
  color: #00a1e4;
}
.touch .NavBreadcrumb li a:active {
  color: #42474c;
}
.NavBreadcrumb li:first-child > * {
  padding-left: 0;
}
.NavBreadcrumb li:last-child {
  color: #596372;
}
.NavBreadcrumb li:last-child:after {
  display: none;
}
.SearchFilterBar,
.BrandFilter {
  position: relative;
  text-align: center;
}
.SearchFilterBar ol,
.BrandFilter ol,
.SearchFilterBar ul,
.BrandFilter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SearchFilterBar li,
.BrandFilter li {
  margin: 0;
  padding: 0;
}
.SearchFilterBar--noFilters:after,
.BrandFilter--noFilters:after {
  display: none;
}
@media only screen and (min-width: 480px) {
  .SearchFilterBar,
  .BrandFilter {
    float: right;
    text-align: right;
    margin-left: 0;
    margin-right: 0;
  }
}
.SearchFilterBar li,
.BrandFilter li {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .SearchFilterBar li,
  .BrandFilter li {
    font-size: 13px;
  }
}
.SearchFilterBar li a,
.BrandFilter li a {
  color: #00a1e4;
  display: inline;
  padding: 12px 7px;
}
.SearchFilterBar li a:hover,
.BrandFilter li a:hover,
.SearchFilterBar li a:focus,
.BrandFilter li a:focus,
.SearchFilterBar li a:active,
.BrandFilter li a:active {
  text-decoration: none;
}
.SearchFilterBar li a:hover,
.BrandFilter li a:hover {
  color: #42474c;
}
.SearchFilterBar li a:active,
.BrandFilter li a:active {
  color: #2a2e31;
}
.touch .SearchFilterBar li a:hover,
.touch .BrandFilter li a:hover {
  color: #00a1e4;
}
.touch .SearchFilterBar li a:active,
.touch .BrandFilter li a:active {
  color: #42474c;
}
@media only screen and (min-width: 480px) {
  .SearchFilterBar li a,
  .BrandFilter li a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.SearchFilterBar li:last-child a,
.BrandFilter li:last-child a {
  padding-right: 0;
}
.SearchFilterBar li.active a,
.BrandFilter li.active a {
  color: #596372 !important;
  font-weight: 500;
  pointer-events: none;
  cursor: default;
}
.SearchFilterBar li.toTop,
.BrandFilter li.toTop {
  float: left;
  line-height: 16px;
  pointer-events: none;
  -webkit-transition: opacity ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s;
  opacity: 0;
}
.SearchFilterBar li.toTop .Icon,
.BrandFilter li.toTop .Icon {
  stroke: #00b49d !important;
  fill: #00b49d !important;
  width: 16px;
}
.SearchFilterBar li.toTop .Icon path,
.BrandFilter li.toTop .Icon path {
  fill: #00b49d !important;
}
.SearchFilterBar li.toTop a,
.BrandFilter li.toTop a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: -8px 0 -18px;
  padding: 14px 24px 24px;
}
.SearchFilterBar li.toTop a:active .Icon,
.BrandFilter li.toTop a:active .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
}
.SearchFilterBar li.toTop a:active .Icon path,
.BrandFilter li.toTop a:active .Icon path {
  fill: #42474c !important;
}
.lt-ie11 .SearchFilterBar li.toTop,
.lt-ie11 .BrandFilter li.toTop {
  display: none;
}
@media only screen and (max-width: 767px) {
  .no-touch .has-scrolled .SearchFilterBar li.toTop,
  .no-touch .has-scrolled .BrandFilter li.toTop,
  .touch .has-scrolled.idle .SearchFilterBar li.toTop,
  .touch .has-scrolled.idle .BrandFilter li.toTop {
    opacity: 1;
    pointer-events: auto;
  }
}
.SearchFilterBar li.reset,
.BrandFilter li.reset {
  margin-right: 4px;
  padding-right: 12px;
  border-right: 1px solid #d1d1d1;
}
.SearchFilterBar li.reset a:before,
.BrandFilter li.reset a:before {
  content: "\D7";
  margin-right: 5px;
}
.SearchFilterBar--filtered li,
.BrandFilter--filtered li {
  display: none;
}
.SearchFilterBar--filtered li.reset,
.BrandFilter--filtered li.reset,
.SearchFilterBar--filtered li.active,
.BrandFilter--filtered li.active {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .SearchFilterBar--filtered li.toTop,
  .BrandFilter--filtered li.toTop {
    display: inline-block;
  }
}
.SearchFilterBar:after {
  display: none;
}
.SearchFilterBar li.toTop a {
  margin-top: -4px;
}
.SearchFilterBar li.SearchFilterBar-filter {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 4px;
  text-align: center;
  color: #838c97;
}
.SearchFilterBar li.SearchFilterBar-filter:before {
  content: "\201C";
}
.SearchFilterBar li.SearchFilterBar-filter:after {
  content: "\201D";
}
@media only screen and (min-width: 480px) {
  .SearchFilterBar li.toTop a {
    margin-top: 0;
  }
  .SearchFilterBar li.SearchFilterBar-filter {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .SearchFilterBar {
    display: none;
  }
}
/*

  Tile Page: List Wrapper
  ------------------------------------------------

*/
.TileList-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
}
.TileList-wrapper::-webkit-scrollbar {
  display: none;
}
.TileList-wrapper::-webkit-scrollbar-button {
  display: none;
}
.TileNav-list {
  position: relative;
  min-height: 400px;
  min-height: 70vh;
  margin-top: 32px;
}
@media (min-height: 1000px) {
  .TileNav-list {
    min-height: 60vh;
  }
}
@media only screen and (min-width: 768px) {
  .TileNav-list {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .TileNav-list {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .TileNav-list {
    min-height: 50vh;
  }
}
@media only screen and (min-width: 768px) and (min-height: 1000px) {
  .TileNav-list {
    min-height: 40vh;
  }
}
.TileNav-list .TileNav-listInner {
  position: relative;
}
.TileNav-list .TileNav-listInner:before,
.TileNav-list .TileNav-listInner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileNav-list .TileNav-listInner:after {
  clear: both;
}
.TileNav-list .TileNav-listInner:before,
.TileNav-list .TileNav-listInner:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileNav-list .TileNav-listInner:after {
  clear: both;
}
.TileNav-list .loader {
  top: 128px;
}
.TileList-wrapper:before,
.TileList-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileList-wrapper:after {
  clear: both;
}
.TileList-wrapper:before,
.TileList-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.TileList-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 480px) {
  .TileList--level1,
  .TileList--level2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .TileList--level1:before,
  .TileList--level2:before,
  .TileList--level1:after,
  .TileList--level2:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .TileList--level1:after,
  .TileList--level2:after {
    clear: both;
  }
  .TileList--level1:before,
  .TileList--level2:before,
  .TileList--level1:after,
  .TileList--level2:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .TileList--level1:after,
  .TileList--level2:after {
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .TileList--level1,
  .TileList--level2 {
    margin-left: -11px;
    margin-right: -11px;
  }
}
.TileList--level2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.TileList .Result {
  position: relative;
  padding: 40px 0;
  margin-bottom: 48px;
  background-color: #eeeef5;
  border-radius: 8px;
  overflow: hidden;
}
.TileList .Result:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .TileList .Result {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result {
    padding: 72px 72px;
  }
}
.TileList .Result-heading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.TileList .Result-heading h3 {
  display: inline-block;
  vertical-align: top;
  padding: 4px 16px;
  background-color: #838c97;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#31788e), to(#2d6e83));
  background-image: linear-gradient(to bottom, #31788e 0%, #2d6e83 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff31788e', endColorstr='#ff2d6e83', GradientType=0);
}
@media only screen and (min-width: 768px) {
  .TileList .Result-heading h3 {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.TileList .Result-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .TileList .Result-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result-inner {
    float: none !important;
    width: 100%;
    max-width: 746px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.TileList .Result-inner > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.TileList .Result-inner > ul li {
  margin-bottom: 1px;
}
.TileList .Result-inner > ul li:first-child,
.TileList .Result-inner > ul li:first-child a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.TileList .Result-inner > ul li:last-child,
.TileList .Result-inner > ul li:last-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.TileList .ListItem {
  position: relative;
  display: block;
  padding: 20px 20px 20px 57px;
  background-color: #fff;
  color: #596372;
  cursor: default;
}
.TileList .ListItem:hover,
.TileList .ListItem:focus,
.TileList .ListItem:active {
  text-decoration: none;
}
.TileList .ListItem:hover {
  color: #596372;
}
.TileList .ListItem:active {
  color: #434a55;
}
.touch .TileList .ListItem:hover {
  color: #596372;
}
.touch .TileList .ListItem:active {
  color: #596372;
}
@media only screen and (min-width: 768px) {
  .TileList .ListItem {
    padding: 18px 24px 16px 60px;
  }
}
.TileList .ListItem .Icon {
  width: 16px;
  height: 16px;
}
.TileList .ListItem .Icon--arrowRight {
  position: absolute;
  top: 40%;
  right: 0;
  margin-right: 24px;
}
.TileList .ListItem-viewFull {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px 20px;
  font-size: 12px;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .TileList .ListItem-viewFull {
    padding: 16px 24px;
  }
}
.TileList .ListItem-brand {
  display: block;
  margin-top: 4px;
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #838c97;
}
@media only screen and (min-width: 768px) {
  .TileList .ListItem-brand {
    font-size: 1.2rem;
  }
}
.TileList .ListItem-title {
  display: block;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  line-height: 2.8rem;
}
@media only screen and (max-width: 767px) {
  .TileList .ListItem-title {
    line-height: 2.4rem;
  }
}
.transitions .TileList .ListItem-title {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.transitions .TileList .ListItem-title:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.TileList .ListItem-title mark {
  pointer-events: none;
}
.TileList .ListItem-body {
  overflow: hidden;
  -webkit-transition: cubic-bezier(0, 1, 0.5, 1) 0.35s;
  transition: cubic-bezier(0, 1, 0.5, 1) 0.35s;
  padding: 0 8px 0 0;
}
@media only screen and (min-width: 768px) {
  .TileList .ListItem-body {
    padding-right: 24px;
  }
}
.TileList .ListItem-bodyImage {
  margin: 16px 0;
}
.TileList .ListItem-bodyImage img {
  width: 100%;
  border-radius: 8px;
}
.TileList .ListItem-bodyInner > *:first-child {
  margin-top: 12px;
}
.TileList .ListItem-bodyInner > *:last-child {
  margin-bottom: 8px !important;
}
.TileList .ListItem-bodyInner p,
.TileList .ListItem-bodyInner ul,
.TileList .ListItem-bodyInner ol {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  margin-bottom: 8px;
}
@media only screen and (max-width: 479px) {
  .TileList .ListItem-bodyInner p,
  .TileList .ListItem-bodyInner ul,
  .TileList .ListItem-bodyInner ol {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
.TileList .ListItem-bodyInner ul {
  list-style-type: disc;
}
.TileList .ListItem-bodyInner *:not(div) + ul,
.TileList .ListItem-bodyInner *:not(div) + ol {
  margin-top: 16px;
}
.TileList .ListItem-bodyInner blockquote {
  margin: 24px 0;
}
@media only screen and (max-width: 767px) {
  .TileList .ListItem-bodyInner blockquote {
    padding: 8px 0 8px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .TileList .ListItem-bodyInner blockquote,
  .TileList .ListItem-bodyInner blockquote * {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media only screen and (max-width: 479px) {
  .TileList .ListItem-bodyInner blockquote,
  .TileList .ListItem-bodyInner blockquote * {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}
.TileList .ListItem-bodyInner .preview-text {
  cursor: pointer;
}
.TileList .ListItem-bodyInner .preview-text:empty {
  display: none;
}
.TileList .ListItem-bodyInner p:empty:before {
  display: none;
}
.TileList li.is-opened .ListItem--link {
  background-color: #81dbcf;
}
.TileList li.is-opened .ListItem-title {
  color: #42474c;
}
.TileList li.is-opened .Icon {
  stroke: #42474c !important;
  fill: #42474c !important;
}
.TileList li.is-opened .Icon path {
  fill: #42474c !important;
}
.TileList .CollapsibleItem {
  position: relative;
  cursor: pointer;
}
.TileList .CollapsibleItem,
.TileList .CollapsibleItem .ListItem-title,
.TileList .CollapsibleItem .ListItem-toggler,
.TileList .CollapsibleItem .toggle-icon {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.TileList .CollapsibleItem .ListItem-body {
  max-height: 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .TileList .CollapsibleItem .ListItem-body {
    max-width: 56rem;
    padding-left: 39px;
    padding-right: 25px;
  }
}
.TileList .CollapsibleItem .ListItem-toggler {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  cursor: pointer;
}
.TileList .CollapsibleItem .ListItem-toggler .toggle-icon {
  display: inline-block;
  margin: 21px 18px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #81dbcf;
  background-image: url("https://cdn2.hubspot.net/hubfs/516902/Assets/icons/icon-plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px auto;
}
.TileList .CollapsibleItem .ListItem-toggler:hover .toggle-icon {
  background-color: #a9e6de;
}
.TileList .CollapsibleItem .ListItem-toggler:active .toggle-icon {
  background-color: #81dbcf;
}
.touch .TileList .CollapsibleItem .ListItem-toggler:hover .toggle-icon {
  background-color: #81dbcf;
}
.touch .TileList .CollapsibleItem .ListItem-toggler:active .toggle-icon {
  background-color: #a9e6de;
}
.TileList .CollapsibleItem.is-expanded {
  z-index: 50;
  cursor: default;
}
.TileList .CollapsibleItem.is-expanded .ListItem {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 480px) {
  .TileList .CollapsibleItem.is-expanded .ListItem {
    border-radius: 12px;
  }
}
.TileList .CollapsibleItem.is-expanded .toggle-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #ebebf1;
}
.TileList .CollapsibleItem.is-expanded .ListItem-title {
  color: #42474c;
}
.TileList .CollapsibleItem.is-expanded .ListItem-body {
  max-height: 5000px;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.TileList .CollapsibleItem.is-expanded .ListItem-toggler:hover .toggle-icon {
  background-color: #f1f1f5;
}
.TileList .CollapsibleItem.is-expanded .ListItem-toggler:active .toggle-icon {
  background-color: #ebebf1;
}
.touch .TileList .CollapsibleItem.is-expanded .ListItem-toggler:hover .toggle-icon {
  background-color: #ebebf1;
}
.touch .TileList .CollapsibleItem.is-expanded .ListItem-toggler:active .toggle-icon {
  background-color: #f1f1f5;
}
.TileList .ListItem--link {
  color: #596372;
  padding-left: 25px;
  padding-right: 56px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.TileList .ListItem--link:hover,
.TileList .ListItem--link:focus,
.TileList .ListItem--link:active {
  text-decoration: none;
}
.TileList .ListItem--link:hover {
  color: #00a1e4;
}
.TileList .ListItem--link:active {
  color: #007db1;
}
.touch .TileList .ListItem--link:hover {
  color: #596372;
}
.touch .TileList .ListItem--link:active {
  color: #00a1e4;
}
.TileList .ListItem--link:active {
  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 16px rgba(0, 0, 0, 0.16);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.TileList .ListItem--link:active .ListItem-name {
  color: #00a1e4;
}
.TileList .ListItem--link:active svg {
  stroke: #00a1e4 !important;
  fill: #00a1e4 !important;
}
.TileList .ListItem--link:active svg path {
  fill: #00a1e4 !important;
}
.TileList .ListItem--link .ListItem-body {
  padding-right: 36px;
}
@media only screen and (max-width: 479px) {
  .TileList .ListItem--link .ListItem-body {
    padding-right: 32px;
  }
}
.no-touch .TileList .ListItem--link:hover {
  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 16px rgba(0, 0, 0, 0.16);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.no-touch .TileList .ListItem--link:hover + .ListItem-toggler {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.no-touch .TileList .ListItem--link:hover .ListItem-name {
  color: #00a1e4;
}
.no-touch .TileList .ListItem--link:hover svg {
  stroke: #00a1e4 !important;
  fill: #00a1e4 !important;
}
.no-touch .TileList .ListItem--link:hover svg path {
  fill: #00a1e4 !important;
}
.TileList .Result--typeArticle .CollapsibleItem {
  width: 666px;
  max-width: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media only screen and (max-width: 767px) {
  .TileList .Result--typeArticle .CollapsibleItem .ListItem {
    padding-left: 20px;
  }
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-title,
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-brand {
    padding-left: 37px;
  }
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-brand {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
@media only screen and (max-width: 479px) {
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-body {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}
.TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner p,
.TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ul,
.TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ol {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner p,
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ul,
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ol {
    font-size: 1.8rem;
    line-height: 1.77777778;
  }
}
@media only screen and (max-width: 479px) {
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner p,
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ul,
  .TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyInner ol {
    margin-bottom: 24px;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.TileList .Result--typeArticle .CollapsibleItem .preview-text p,
.TileList .Result--typeArticle .CollapsibleItem .preview-text ul,
.TileList .Result--typeArticle .CollapsibleItem .preview-text ol {
  font-size: 1.4rem !important;
  line-height: 1.71428571 !important;
  font-weight: 400 !important;
  color: #6c6e70 !important;
  margin-bottom: 8px;
}
@media only screen and (max-width: 479px) {
  .TileList .Result--typeArticle .CollapsibleItem .preview-text p,
  .TileList .Result--typeArticle .CollapsibleItem .preview-text ul,
  .TileList .Result--typeArticle .CollapsibleItem .preview-text ol {
    font-size: 1.3rem !important;
    line-height: 2rem !important;
  }
}
.TileList .Result--typeArticle .CollapsibleItem .ListItem-bodyImage {
  margin-top: 24px;
  margin-bottom: 16px;
}
.TileList .Result--typeArticle .CollapsibleItem.is-expanded {
  z-index: 50;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: calc(100% + 5px + 5px);
  max-width: calc(100% + 5px + 5px);
  margin-left: -5px;
  cursor: default;
  border-color: rgba(209, 209, 209, 0);
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded {
    width: calc(100% + 10px + 10px);
    max-width: calc(100% + 10px + 10px);
    margin-left: -10px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded {
    width: calc(100% + 50px + 50px);
    max-width: calc(100% + 50px + 50px);
    margin-left: -50px;
  }
}
.TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem {
  padding-bottom: 22.4px;
}
@media only screen and (min-width: 480px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem {
    padding-bottom: 40px;
  }
}
.TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-toggler {
  padding-top: 4px;
  padding-left: 2px;
}
.TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-toggler .toggle-icon {
  position: relative;
  -webkit-transform: rotate(45deg) scale(1.15);
          transform: rotate(45deg) scale(1.15);
}
@media only screen and (min-width: 480px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-toggler {
    padding-top: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-toggler {
    padding-top: 5px;
  }
}
.TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-title {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  font-size: 2.1rem;
  line-height: 3.2rem;
}
@media only screen and (min-width: 768px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-title {
    padding-top: 40px;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 2.5rem;
    line-height: 4rem;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
}
@media only screen and (max-width: 767px) {
  .TileList .Result--typeArticle .CollapsibleItem.is-expanded .ListItem-brand {
    margin-top: 8px;
    margin-left: 2px;
  }
}
.TileList .Result--typeFaq .ListItem-body {
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .TileList .Result--typeFaq .ListItem-body {
    margin-left: -29px;
  }
}
.TileList .Result--typeFaq .ListItem-body p {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  -webkit-transition: color ease-in 0.25s;
  transition: color ease-in 0.25s;
}
.TileList .Result--typeFaq .ListItem-body p:before {
  content: "\BB";
  position: absolute;
  top: -1px;
  left: 0;
  line-height: inherit;
}
.TileList .Result--typeFaq .ListItem-body p:hover {
  color: #42474c;
}
@media only screen and (max-width: 479px) {
  .TileList .Result--typeFaq .ListItem--link .ListItem-body {
    margin-left: 0;
  }
}
.TileList .Result--typeFaq .ListItem-bodyInner {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 4px 15px 8px;
  background-color: #f8f8fb;
  border-radius: 4px;
}
.TileList .Result--typeFaq .ListItem-bodyInner:empty {
  display: none;
}
.TileList .Result--filtered .ListItem-body {
  max-height: 2000px;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.TileList .Result--filtered .ListItem-bodyInner {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 4px 15px 8px;
  background-color: #f8f8fb;
  border-radius: 4px;
}
.TileList .Result--filtered .ListItem-bodyInner:empty {
  display: none;
}
.TileList .Result--filtered .ListItem-title {
  padding-right: 75px;
}
.TileList .Result--filtered .is-expanded .ListItem-bodyInner {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-color: inherit;
  border-radius: 0;
}
.TileList .Result--filtered .is-expanded .ListItem-title {
  padding-right: 0;
}
.TileList .Result--filtered.Result--typeFaq .is-expanded .ListItem-bodyInner {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 4px 15px 8px;
  background-color: #f8f8fb;
  border-radius: 4px;
}
.TileList .Result--filtered.Result--typeFaq .is-expanded .ListItem-bodyInner:empty {
  display: none;
}
.TileList--level3 .Result-heading {
  display: none;
}
.TileList--level3 .ListItem-brand {
  display: none;
}
.TileList--search,
.TileList--catSearch {
  margin-bottom: 48px;
}
@media only screen and (max-width: 479px) {
  .TileList--search .Result--heading,
  .TileList--catSearch .Result--heading {
    padding-top: 56px;
  }
}
.TileList--catSearch .ListItem-brand {
  display: none;
}
.TileList--catSearch .Result-heading h3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#808285), to(#787a7d));
  background-image: linear-gradient(to bottom, #808285 0%, #787a7d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff808285', endColorstr='#ff787a7d', GradientType=0);
}
/*

  Tile Page: Cards
  ------------------------------------------------

*/
.TileCard {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .TileCard {
    float: left;
    width: 50%;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .TileCard {
    width: 33.33333333%;
    margin-bottom: 48px;
  }
}
.TileCard.is-hidden {
  display: none;
}
.TileCard-outer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  -webkit-transition: none;
  transition: none;
}
.TileCard-mask {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  display: table;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.transitions .TileCard-mask {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.TileCard-inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 208px;
  padding-top: 4px;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width: 480px) {
  .TileCard-inner {
    height: 256px;
    padding-top: 4px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .TileCard-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.TileCard[data-brands=""] .TileCard-inner {
  padding-top: 16px;
}
.TileCard h2 {
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #fff;
  text-shadow: 0 1px 32px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 768px) {
  .TileCard h2 {
    font-size: 2.1rem;
    line-height: 1.33333333;
  }
}
.TileCard h2 .count {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  min-width: 29px;
  margin-left: 4px;
  padding: 0 10.4px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 14.5px;
  font-size: 70%;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  color: #00b49d;
}
.TileCard-tags {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin-bottom: 16px;
}
.TileCard-tags ul {
  margin-bottom: 0;
  margin-left: 25px;
  margin-right: 25px;
  padding-left: 0;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 1.3rem;
  line-height: 1.84615385;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.TileCard-tags ul strong {
  font-weight: 500;
}
.TileCard-tags ul em {
  font-style: italic;
}
.TileCard-tags li {
  display: inline-block;
  margin: 0 8px;
}
.TileCard-tags span {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.TileCard-tags span.keyword-highlight {
  font-weight: 500;
  color: #fff;
}
.TileCard:active,
.TileCard:active-outer,
.TileCard:active-mask {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.TileCard:active .TileCard-mask {
  background-color: rgba(81, 86, 90, 0.4);
}
.no-touch .TileCard:hover .TileCard-mask {
  background-color: rgba(81, 86, 90, 0.4);
}
.no-touch .TileCard:active,
.no-touch .TileCard:active-outer,
.no-touch .TileCard:active-mask {
  -webkit-transition-duration: 0.06s;
          transition-duration: 0.06s;
}
.TileCard--noImage .TileCard-outer {
  background-color: inherit;
  background-image: radial-gradient(circle, #3ab6ea, #19aae7);
  background-repeat: no-repeat;
}
.TileCard--noImage .TileCard-mask {
  background: none;
  background-color: inherit;
}
.TileCard--noImage:active .TileCard-mask {
  background-color: rgba(255, 255, 255, 0.15);
}
.no-touch .TileCard--noImage:hover .TileCard-mask {
  background-color: rgba(255, 255, 255, 0.15);
}
.TileCard--unlinked {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  pointer-events: none;
}
.TileCard.is-visible {
  opacity: 1;
}
.transitions .TileCard,
.transitions .TileCard-outer,
.transitions .TileCard-mask {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.transitions .TileCard--unlinked {
  opacity: 0.35 !important;
}
.hs-inline-edit .TileCard {
  opacity: 1;
}
.scrolling .TileCard:active .TileCard-mask {
  background-color: rgba(18, 20, 21, 0.45);
}
@media only screen and (min-width: 480px) and (max-width: 1023px) {
  .TileCard .TileCard-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .TileCard h2 {
    font-size: 18px;
  }
}
.TileCard--category .TileCard-inner {
  padding-top: 16px;
  height: 128px;
}
@media only screen and (max-width: 479px) {
  .TileCard--category .TileCard-inner {
    height: 96px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .TileCard--category h2 {
    text-align: left;
  }
  .TileCard--category h2 .count {
    float: right;
  }
}
.TileCard--category:active .TileCard-mask {
  background-color: rgba(0, 231, 201, 0.2);
}
.no-touch .TileCard--category:hover .TileCard-mask {
  background-color: rgba(0, 231, 201, 0.2);
}
.TileCard--category.TileCard--noImage .TileCard-outer {
  background-image: radial-gradient(circle, #00bea6, #00b49d);
  background-repeat: no-repeat;
}
.TileCard--category.TileCard--noImage h2 {
  text-shadow: none;
}
/*

  Tile Page: Contact Nav Buttons
  ------------------------------------------------
  Styling for the Global Module "Contact Tile
  Buttons". Sets tile button style on HubSpot
  menu items.
  
*/
.tile-page .TileNav--contact {
  opacity: 0;
}
.hs-inline-edit .tile-page .TileNav--contact {
  opacity: 1;
}
@media only screen and (min-width: 480px) {
  .tile-page .TileNav--contact {
    margin-top: -16px;
  }
}
.tile-page .TileNav--contact.is-hidden {
  display: none;
}
.tile-page.transitions .TileNav--contact {
  -webkit-transition: opacity ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.tile-page.transitions .TileNav--contact.fade-out {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.TileNav--contact .TileNav-list {
  min-height: 0;
}
@media only screen and (min-width: 480px) {
  .TileNav-list .hs-menu-wrapper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -11px;
    margin-right: -11px;
  }
}
.TileNav-list .hs-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 96px;
  margin-bottom: 16px;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .TileNav-list .hs-menu-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    height: 128px;
    width: 100%;
    max-width: 50%;
    margin-bottom: 40px;
    padding-left: 11px;
    padding-right: 11px;
  }
  .TileNav-list .hs-menu-item:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .TileNav-list .hs-menu-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.33333333%;
            flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .TileNav-list .hs-menu-item:first-child,
  .TileNav-list .hs-menu-item:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
}
.TileNav-list .hs-menu-item > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 8px;
  background-color: #fda287;
  background-image: radial-gradient(circle, #fd9273, #fc8764);
  background-repeat: no-repeat;
  font-size: 2.2rem;
  line-height: 1.45454545;
  font-weight: 500;
  color: #fff;
  line-height: 1.33333333;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
@media only screen and (min-width: 480px) {
  .TileNav-list .hs-menu-item > a {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.TileNav-list .hs-menu-item > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .TileNav-list .hs-menu-item > a {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.TileNav-list .hs-menu-item > a:active:after {
  opacity: 1;
}
.no-touch .TileNav-list .hs-menu-item > a:hover:after {
  opacity: 1;
}
.FlexModule-wrapper .TileNav--contact .TileNav-inner {
  padding-left: 0;
  padding-right: 0;
}
/*

  Tile Page: Sticky Nav
  ------------------------------------------------

*/
.StickyNav {
  position: relative;
}
.StickyNav:before {
  content: "";
  position: absolute;
  top: -7px;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 140, 151, 0)), to(rgba(131, 140, 151, 0.35)));
  background-image: linear-gradient(to bottom, rgba(131, 140, 151, 0) 0%, rgba(131, 140, 151, 0.35) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838c97', endColorstr='#59838c97', GradientType=0);
}
.StickyNav:before {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .StickyNav:before {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav:before {
    width: calc(100% - 40px - 40px);
  }
}
.touch .StickyNav {
  pointer-events: none;
}
.touch .StickyNav .SearchBar-secondary,
.touch .StickyNav .FilterInput-wrapper,
.touch .StickyNav .TileNav-bar {
  pointer-events: auto;
}
.StickyNav:before {
  opacity: 0;
}
@media only screen and (min-width: 480px) {
  .StickyNav:before {
    -webkit-transition: opacity ease-in-out 0s;
    transition: opacity ease-in-out 0s;
    opacity: 0;
  }
}
.StickyNav-inner {
  border-top: 1px solid rgba(209, 209, 209, 0);
}
.StickyNav-wrapper {
  padding-top: 48px;
}
@media only screen and (min-width: 480px) {
  .StickyNav-wrapper {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav-wrapper {
    height: 248px;
    padding-top: 88px;
  }
}
.StickyNav .SearchFilterBar:before,
.StickyNav .BrandFilter:before,
.StickyNav .NavBreadcrumb:before {
  content: "";
  position: absolute;
  top: -7px;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 140, 151, 0)), to(rgba(131, 140, 151, 0.35)));
  background-image: linear-gradient(to bottom, rgba(131, 140, 151, 0) 0%, rgba(131, 140, 151, 0.35) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838c97', endColorstr='#59838c97', GradientType=0);
}
.StickyNav .SearchFilterBar:before,
.StickyNav .BrandFilter:before,
.StickyNav .NavBreadcrumb:before {
  max-width: 1440px;
  width: calc(100% - 15px - 15px);
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .StickyNav .SearchFilterBar:before,
  .StickyNav .BrandFilter:before,
  .StickyNav .NavBreadcrumb:before {
    width: calc(100% - 25px - 25px);
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav .SearchFilterBar:before,
  .StickyNav .BrandFilter:before,
  .StickyNav .NavBreadcrumb:before {
    width: calc(100% - 40px - 40px);
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav .SearchFilterBar:before,
  .StickyNav .BrandFilter:before,
  .StickyNav .NavBreadcrumb:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .StickyNav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f8fb;
    border-color: #d1d1d1;
    z-index: 100;
  }
  body.sticky-nav-scrolled .StickyNav-inner {
    width: calc(100% - 25px - 25px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .StickyNav {
    height: 72px;
  }
  body.sticky-nav-scrolled .StickyNav-inner {
    width: calc(100% - 40px - 40px);
  }
}
body.sticky-nav-scrolled .StickyNav:before {
  opacity: 1;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
body.sticky-nav-scrolled .StickyNav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .StickyNav-inner {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .StickyNav-inner {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
body.sticky-nav-scrolled .StickyNav-inner > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .NavBreadcrumb {
    display: none;
  }
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) {
    margin: 0;
  }
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static)-inner {
  padding-left: 0;
  padding-right: 0;
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) label {
  display: none;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) input {
    height: 47px;
    padding-left: 20px;
    text-align: left;
    font-size: 2rem;
  }
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) .Icon {
  margin-top: 9px;
  margin-right: 16px;
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) .Icon--search {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) .FilterInput-matches {
    margin-top: 13px;
    margin-right: 64px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) .Icon--search {
  margin-left: 12px;
}
body.sticky-nav-scrolled .FilterInput:not(.FilterInput--static) .Icon--cancel {
  margin-left: 12.8px;
}
body.sticky-nav-scrolled .SearchFilterBar,
body.sticky-nav-scrolled .BrandFilter {
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .SearchFilterBar,
  body.sticky-nav-scrolled .BrandFilter {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .StickyNav {
    position: relative;
  }
  body.sticky-nav-scrolled .StickyNav-inner {
    display: block;
  }
  .FilterInput {
    margin-bottom: 16px;
  }
  .NavBreadcrumb,
  .BrandFilter,
  .SearchFilterBar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0;
    height: calc(48px + var(--safe-area-inset-bottom));
    background-color: #f8f8fb;
  }
  .NavBreadcrumb ul,
  .BrandFilter ul,
  .SearchFilterBar ul {
    margin: 0 15px;
    padding-top: 8px;
    border-top: 1px solid #d1d1d1;
    text-align: right;
  }
  .NavBreadcrumb ul:before,
  .BrandFilter ul:before,
  .SearchFilterBar ul:before,
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    clear: both;
  }
  .NavBreadcrumb ul:before,
  .BrandFilter ul:before,
  .SearchFilterBar ul:before,
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    clear: both;
  }
  .BrandFilter ul {
    padding-top: 11px;
  }
  .BrandFilter--filtered {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f9+0,ffffff+40,ffffff+90,f6f6f9+100 */
    background: #f8f8fb;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#f8f8fb), color-stop(40%, #ffffff), color-stop(90%, #ffffff), to(#f8f8fb));
    background: linear-gradient(to right, #f8f8fb 0%, #ffffff 40%, #ffffff 90%, #f8f8fb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color-bg', endColorstr='@color-bg', GradientType=1);
    /* IE6-9 */
  }
  .NavBreadcrumb.breadcrumb-enter-to {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  .NavBreadcrumb ul {
    padding-top: 0;
    text-align: left;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .NavBreadcrumb li > * {
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .NavBreadcrumb li a {
    color: #00a1e4;
    font-weight: 500;
  }
  .NavBreadcrumb li a:hover,
  .NavBreadcrumb li a:focus,
  .NavBreadcrumb li a:active {
    text-decoration: none;
  }
  .NavBreadcrumb li a:hover {
    color: #42474c;
  }
  .NavBreadcrumb li a:active {
    color: #2a2e31;
  }
  .touch .NavBreadcrumb li a:hover {
    color: #00a1e4;
  }
  .touch .NavBreadcrumb li a:active {
    color: #42474c;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .NavBreadcrumb,
  .BrandFilter,
  .SearchFilterBar {
    height: 60px;
    height: calc(60px + var(--safe-area-inset-bottom));
  }
  .NavBreadcrumb ul,
  .BrandFilter ul,
  .SearchFilterBar ul {
    margin: 0 25px;
  }
  .NavBreadcrumb ul:before,
  .BrandFilter ul:before,
  .SearchFilterBar ul:before,
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    clear: both;
  }
  .NavBreadcrumb ul:before,
  .BrandFilter ul:before,
  .SearchFilterBar ul:before,
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .NavBreadcrumb ul:after,
  .BrandFilter ul:after,
  .SearchFilterBar ul:after {
    clear: both;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .BrandFilter:after {
    margin-top: 18px;
    margin-right: 25px;
  }
  .BrandFilter ul {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .NavBreadcrumb ul {
    padding-top: 3px;
  }
}
/*

  Page: Publication Page
  ------------------------------------------------
  Created for Biolin Scientific
  
  Imports the variations under /_partials

*/
.publication-page {
  position: relative;
  overflow-y: scroll;
}
.publication-page:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 2px;
  background-color: #00b49d;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .publication-page:before {
    height: 3px;
  }
}
.publication-page.item-loading:before {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.publication-page.item-loaded:before {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  opacity: 1;
}
.publication-page.item-open:before {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  opacity: 0;
}
.publication-page.has-scrolled .TopNav-inner {
  border-color: rgba(209, 209, 209, 0);
}
.Publications-heading {
  margin-bottom: 48px;
}
.Publications-heading h2 {
  font-size: 2.7rem;
  line-height: 1.18518519;
  font-weight: 300;
  color: #596372;
  text-align: center;
}
.Publications-heading h2 strong,
.Publications-heading h2 em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .Publications-heading h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.Publications-heading h2 a {
  color: #596372;
}
.Publications-heading h2 a:hover,
.Publications-heading h2 a:focus,
.Publications-heading h2 a:active {
  text-decoration: none;
}
.Publications-heading h2 a:hover {
  color: #00a1e4;
}
.Publications-heading h2 a:active {
  color: #007db1;
}
.touch .Publications-heading h2 a:hover {
  color: #596372;
}
.touch .Publications-heading h2 a:active {
  color: #00a1e4;
}
.Publications-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .Publications-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .Publications-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .Publications-inner {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Publication Page: Sticky Nav
  ------------------------------------------------
  Inherits most styles and variables from
  Tile Nav components.

*/
@media only screen and (max-width: 767px) {
  .publication-page .StickyNav-wrapper {
    height: inherit;
  }
}
.publication-page .StickyNav-wrapper {
  padding-top: 56px;
}
@media only screen and (min-width: 480px) {
  .publication-page .StickyNav-wrapper {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .publication-page .StickyNav-wrapper {
    padding-top: 72px;
  }
}
.publication-page .StickyNav-wrapper.StickyNav-wrapper--noTopSpacing {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .publication-page.sticky-nav-scrolled .SearchBar-filter {
    width: calc(100% - 100px);
  }
  .publication-page.sticky-nav-scrolled .SearchBar-secondary {
    width: 100px;
  }
  .publication-page.sticky-nav-scrolled .StickyNav {
    position: static;
    height: auto;
  }
  .publication-page.sticky-nav-scrolled .StickyNav-inner {
    width: inherit;
    max-width: inherit;
    margin: 0;
  }
  .publication-page.sticky-nav-scrolled .SearchArchive {
    width: 100px;
    height: 47px;
  }
  .publication-page.sticky-nav-scrolled .SearchArchive-label {
    display: none;
  }
}
/*

  Publication Page: Navigation Bar
  ------------------------------------------------

*/
.SearchBar {
  max-width: 666px;
  margin: 0 auto;
}
.SearchBar-inner {
  display: table;
  width: 100%;
}
.SearchBar-inner > div {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .transitions .SearchBar {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
  .transitions .SearchBar-secondary {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
@media only screen and (max-width: 767px) {
  .SearchBar .FilterInput {
    margin-bottom: 0;
  }
  .SearchBar .FilterInput label {
    width: 82vw;
    max-width: 82vw;
  }
  .SearchBar-secondary {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }
  .SearchBar--focused {
    margin-bottom: 32px;
  }
  .SearchBar--focused .SearchBar-secondary {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.SearchBar-filter {
  padding-right: 8px;
  width: calc(100% - 90px);
}
@media only screen and (min-width: 480px) {
  .SearchBar-filter {
    width: calc(100% - 150px);
  }
}
.SearchBar-filter label,
.SearchBar-filter input {
  text-align: left;
}
@media only screen and (min-width: 480px) {
  .SearchBar-filter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 1.8rem;
  }
  .SearchBar-filter input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1.8rem;
  }
  .SearchBar-filter input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 1.8rem;
  }
  .SearchBar-filter input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .SearchBar-filter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 2.1rem;
  }
  .SearchBar-filter input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 2.1rem;
  }
  .SearchBar-filter input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 2.1rem;
  }
  .SearchBar-filter input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 2.1rem;
  }
}
.SearchBar-secondary {
  width: 90px;
}
@media only screen and (min-width: 480px) {
  .SearchBar-secondary {
    width: 90px;
  }
}
.SearchBar .SearchArchive {
  width: 90px;
  height: 48px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  -webkit-transition-property: color, background-color, opacity;
  transition-property: color, background-color, opacity;
}
@media only screen and (min-width: 480px) {
  .SearchBar .SearchArchive {
    width: 150px;
    height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .SearchBar .SearchArchive {
    height: 65px;
    padding-top: 4px;
  }
}
.SearchBar .SearchArchive-label {
  display: none;
}
@media only screen and (min-width: 480px) {
  .SearchBar .SearchArchive-label {
    display: inline;
  }
}
.SearchBar .SearchArchive .Icon {
  stroke: #fff !important;
  fill: #fff !important;
  display: block;
  width: 32px;
  height: 20px;
  margin: 4px auto 6px;
}
.SearchBar .SearchArchive .Icon path {
  fill: #fff !important;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .SearchBar .SearchArchive {
    font-size: 12px;
  }
  .SearchBar .SearchArchive .Icon {
    width: 24px;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 4px;
  }
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  margin-top: 0;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 480px) {
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:before,
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:after {
  clear: both;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:before,
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul:after {
  clear: both;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul,
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li {
  line-height: 1;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop {
  float: right;
  margin-top: 8px;
  margin-right: -16px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a {
  padding: 16px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
  background-color: #00b49d;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a svg {
  stroke: #fff !important;
  fill: #fff !important;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a svg path {
  fill: #fff !important;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a:active {
  background-color: #00c8af;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a:active svg {
  stroke: #fff !important;
  fill: #fff !important;
}
.StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a:active svg path {
  fill: #fff !important;
}
.no-touch .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a:hover {
  background-color: #00c8af;
}
.no-touch .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop a:active {
  background-color: #00d3b8;
}
@media only screen and (max-width: 767px) {
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop {
    margin-top: 0;
    margin-right: 0;
    background-color: inherit;
    border: inherit;
    pointer-events: none;
  }
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop:before {
    display: none !important;
  }
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
    padding-top: 0;
    border: none;
  }
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop li.toTop {
    float: right;
    margin: 0 -4px 12px 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .StickyNav-wrapper--noTopSpacing .BrandFilter--toTop ul {
    margin: 0;
    padding-right: 25px;
  }
}
body.sticky-nav-scrolled .StickyNav-wrapper--noTopSpacing .StickyNav {
  background-color: inherit;
  border-color: inherit;
  pointer-events: none;
}
body.sticky-nav-scrolled .StickyNav-wrapper--noTopSpacing .StickyNav:before {
  display: none;
}
body.sticky-nav-scrolled .BrandFilter--toTop {
  margin-top: 0;
}
body.sticky-nav-scrolled .BrandFilter--toTop ul,
body.sticky-nav-scrolled .BrandFilter--toTop li {
  line-height: 1;
}
body.sticky-nav-scrolled .BrandFilter--toTop li.toTop {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
@media only screen and (min-width: 768px) {
  body.sticky-nav-scrolled .BrandFilter--toTop li.toTop {
    margin-top: 8px;
    margin-right: -16px;
  }
}
/*

  Publication Page: Listing Info
  ------------------------------------------------

*/
.PubListingInfo {
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PubListingInfo {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .PubListingInfo {
    float: left;
    margin-top: 0;
    margin-left: 2px;
    text-align: left;
  }
}
.PubListingInfo p {
  margin-bottom: 0;
  color: #838c97;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
@media only screen and (max-width: 767px) {
  .PubListingInfo p {
    font-size: 14px;
    line-height: 24px;
  }
}
.PubListingInfo.is-filtered p {
  font-weight: 500;
  color: #596372;
}
.PubListingInfo--archive {
  cursor: pointer;
}
.PubListingInfo--archive p {
  color: #00b49d;
}
.PubListingInfo--archive.is-filtered p {
  color: #00b49d;
}
.no-touch .PubListingInfo--archive:hover p {
  color: #42474c;
}
.Publications-resultsBottomInfo {
  display: none;
  margin-top: 72px;
  text-align: center;
}
.has-initiated.loaded-items .Publications-resultsBottomInfo {
  display: block;
}
@media only screen and (min-width: 768px) {
  .Publications-resultsBottomInfo > * {
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*

  Publication Page: Publication Cards
  ------------------------------------------------

*/
/*------------------------------------------------*\
    PubCard - Card Style
\*------------------------------------------------*/
.PubCard {
  padding: 32px 25px;
  border-radius: 8px;
  border: 1px solid rgba(209, 209, 209, 0);
  cursor: pointer;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  border-color: #d1d1d1;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .PubCard {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PubCard-inner {
    display: table;
    width: 100%;
  }
}
.PubCard-col > *:first-child {
  margin-top: 0;
}
.PubCard-col > *:not(h2):last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .PubCard-col {
    display: table-cell;
  }
}
.PubCard-col p:empty {
  display: none;
}
@media only screen and (min-width: 768px) {
  .PubCard-primaryCol {
    width: auto;
    padding-right: 86px;
    border-right: 1px solid rgba(131, 140, 151, 0.3);
  }
}
.PubCard-secondaryCol {
  display: none;
}
@media only screen and (min-width: 768px) {
  .PubCard-secondaryCol {
    display: table-cell;
    width: 236px;
    padding-left: 22px;
    vertical-align: bottom;
  }
}
.PubCard-primaryCol h2 {
  margin-bottom: 16px;
  color: #42474c;
  max-width: 460px;
}
@media only screen and (max-width: 767px) {
  .PubCard-primaryCol h2 {
    max-width: 400px;
    font-size: 1.8rem;
    line-height: 1.52380952;
  }
}
.PubCard-brand {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
  margin-bottom: 37px;
}
@media only screen and (min-width: 768px) {
  .PubCard-brand {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.PubCard-brand.keyword-highlight {
  color: #00b49d;
}
.PubCard-secondaryCol > *:last-child {
  margin-bottom: 0;
}
.PubCard-secondaryCol h3 {
  padding-bottom: 3px;
  font-weight: 400;
  color: #596372;
  font-size: 1.7rem;
  line-height: 2.4rem;
}
.PubCard-secondaryCol p {
  padding-bottom: 6px;
  font-size: 1.2rem;
  line-height: 16px;
}
.transitions .PubCard,
.transitions .PubCard-brand,
.transitions .PubCard h2 {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.transitions .PubCard:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.PubCard:active {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #d1d1d1;
  background-color: #fff;
}
.no-touch .PubCard:hover {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #d1d1d1;
  background-color: #fff;
}
.no-touch .PubCard:hover .PubCard-brand {
  color: #596372;
}
.no-touch .PubCard:hover h2 {
  color: #00b49d;
}
/*

  Publication Page: List Wrapper
  ------------------------------------------------

*/
.Publications-list {
  position: relative;
  min-height: 300px;
  min-height: 43vh;
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .Publications-list {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .Publications-list {
    margin-top: 16px;
  }
}
.Publications-list .Publications-listInner {
  position: relative;
}
.Publications-list .loader {
  top: 128px;
}
.PubListing .PubCard {
  margin-bottom: 16px;
}
@media only screen and (min-width: 480px) {
  .PubListing .PubCard {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .PubListing .PubCard {
    margin-bottom: 24px;
  }
}
/*

  Publication Page: Post Modal
  ------------------------------------------------

*/
.PubModal.loaded .PubPost {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.PubPost {
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .PubPost {
    position: relative;
    max-width: 1440px;
  }
}
.PubPost-inner {
  max-width: 1440px;
  margin: 0 auto;
  min-height: 50rem;
  background-color: #f8f8fb;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) {
  .PubPost-inner {
    display: table;
    width: 100%;
    height: 74vh;
    max-height: 64rem;
  }
  .PubPost-inner > div {
    display: table-cell;
    width: 50%;
  }
}
.PubPost-hero,
.PubPost-heroInner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media only screen and (min-width: 992px) {
  .PubPost-hero,
  .PubPost-heroInner {
    border-top-right-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
.PubPost-hero {
  position: relative;
  background-color: #596372;
  background-image: radial-gradient(circle, #596372, #4e5764);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .PubPost-hero,
  .PubPost-contentInner {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.PubPost-heroInner {
  background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 992px) {
  .PubPost-heroInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-contentInner {
    height: 74vh;
    max-height: 64rem;
  }
}
@media only screen and (min-width: 992px) {
  .ie-11 .PubPost-hero,
  .lt-ie11 .PubPost-hero {
    overflow-y: hidden;
  }
}
.PubPost.has-image .PubPost-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.PubPost.has-image .PubPost-heroInner {
  background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 992px) {
  .PubPost .PubPost-headerInner {
    max-height: 40vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .PubPost.has-link .PubPost-headerInner {
    max-height: 35vh;
  }
}
.PubPost-meta {
  padding: 16px 25px;
}
@media only screen and (min-width: 480px) {
  .PubPost-meta {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.PubPost-meta .PubPost-metaInner {
  display: table;
  width: 100%;
  padding: 24px 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 480px) {
  .PubPost-meta .PubPost-metaInner {
    margin-bottom: 48px;
    padding: 24px 0 24px;
  }
}
.PubPost-meta .PubPost-metaInner > div {
  display: table-cell;
  vertical-align: bottom;
}
.PubPost-meta .PubPost-date,
.PubPost-meta .PubPost-brand {
  line-height: 1;
}
.PubPost-meta .PubPost-date {
  padding-bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .PubPost-meta .PubPost-date {
    font-size: 15px;
  }
}
.PubPost-meta .PubPost-brand {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
  .PubPost-meta .PubPost-brand {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
@media only screen and (max-width: 991px) {
  .PubPost-meta .PubPost-brand {
    font-size: 12px;
  }
}
.PubPost-header {
  padding: 72px 25px 16px;
}
@media only screen and (min-width: 480px) {
  .PubPost-header {
    padding-top: 128px;
    padding-bottom: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PubPost-header {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 64px;
  }
  .ie-11 .PubPost-header,
  .lt-ie11 .PubPost-header {
    position: relative;
  }
}
@media only screen and (max-width: 479px) {
  .PubPost-header {
    text-align: center;
  }
}
.PubPost-header h2 {
  max-width: 64rem;
  font-size: 2.1rem;
  line-height: 3.2rem;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .PubPost-header h2 {
    font-size: 2.9rem;
    line-height: 1.37931034;
  }
}
.PubPost-header .PubPost-authors {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-style: italic;
}
@media only screen and (min-width: 480px) {
  .PubPost-header .PubPost-authors {
    margin-top: 24px;
    font-size: 18px;
    line-height: 28px;
  }
}
.PubPost-header .PubPost-organizations {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .PubPost-header .PubPost-organizations {
    font-size: 1.2rem;
  }
}
.PubPost-header .PubPost-organizations span[style*="color:"] {
  color: rgba(255, 255, 255, 0.35) !important;
}
.PubPost-header .PubPost-organizations br + br {
  display: none;
}
.PubPost-header .arrowDown {
  display: block;
  margin-top: 32px;
  padding: 16px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .PubPost-header .arrowDown {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-header .arrowDown {
    display: none;
  }
}
.PubPost-header .arrowDown .Icon {
  stroke: rgba(255, 255, 255, 0.7) !important;
  fill: rgba(255, 255, 255, 0.7) !important;
}
.PubPost-header .arrowDown .Icon path {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.PubPost-header .arrowDown:active .Icon {
  stroke: #fff !important;
  fill: #fff !important;
}
.PubPost-header .arrowDown:active .Icon path {
  fill: #fff !important;
}
@media only screen and (min-width: 992px) {
  .PubPost.lot-of-text-hero .PubPost-header h2 {
    font-size: 32px;
  }
  .PubPost.lot-of-text-hero .PubPost-header .PubPost-desc {
    font-size: 18px;
    line-height: 1.55555556;
  }
}
.PubPost-content {
  position: relative;
}
.PubPost-contentInner {
  padding: 48px 25px 24px;
}
@media only screen and (min-width: 480px) {
  .PubPost-contentInner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-contentInner {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}
.PubPost-details {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 16px;
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PubPost-details {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .PubPost-details {
    padding-bottom: 20px;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-details {
    padding-top: 4px;
    padding-bottom: 20px;
    padding-right: 48px;
    text-align: left;
  }
}
.PubPost-details span {
  display: inline;
}
.PubPost-details span:last-child:after {
  display: none;
}
.PubPost-details .detail-journalTitle {
  display: block;
}
@media only screen and (min-width: 768px) {
  .PubPost-details .detail-journalTitle {
    display: inline;
    margin-right: 6px;
  }
}
.PubPost-details .detail-journalTitle {
  font-weight: 500;
}
.PubPost-details + .EventPost-body {
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .PubPost-details + .EventPost-body {
    margin-top: 72px;
  }
}
.PubPost span.caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #31788e;
  margin-right: 0.25em;
}
@media only screen and (min-width: 768px) {
  .PubPost span.caption {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .PubPost-body {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .PubPost-body {
    margin-top: 48px;
  }
}
.PubPost-body,
.PubPost-body p,
.PubPost-body ul,
.PubPost-body ol {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 768px) {
  .PubPost-body,
  .PubPost-body p,
  .PubPost-body ul,
  .PubPost-body ol {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (max-width: 479px) {
  .PubPost-body,
  .PubPost-body p,
  .PubPost-body ul,
  .PubPost-body ol {
    font-size: 15px;
  }
}
.PubPost-body span[style*="color:"] {
  color: #6c6e70 !important;
}
.PubPost-keywords {
  font-style: italic;
}
.PubPost-keywords .caption {
  font-style: normal;
}
@media only screen and (min-width: 992px) {
  .PubPost.sad-body .PubPost-body {
    position: absolute;
    bottom: 0;
    margin-bottom: 50px;
  }
}
.PubPost-actionWrapper {
  margin-top: 48px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .PubPost-actionWrapper {
    display: none;
  }
}
.PubPost-cancel {
  display: block;
  padding: 24px 0 8px;
  font-size: 14px;
  line-height: 24px;
}
.PubPost-action {
  margin-top: 32px;
}
@media only screen and (max-width: 991px) {
  .PubPost-action--hero {
    display: none;
  }
}
.PubPost-action--stacked {
  margin-top: 0;
}
/*

  Publication Page: Search Modal
  ------------------------------------------------

*/
.PubSearch.loaded .PubPost {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.PubSearch {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .PubSearch {
    position: relative;
  }
}
.PubSearch-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px 25px;
  background-color: #f8f8fb;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 480px) {
  .PubSearch-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.PubSearch-header {
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PubSearch-header {
    margin-top: 24px;
  }
}
.PubSearch-header p {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (max-width: 479px) {
  .PubSearch-header p {
    display: none;
  }
}
.PubSearch-form .Fieldset--yearInterval label {
  display: none;
}
.PubSearch-form .Fieldset--brands {
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PubSearch-form .Fieldset--brands {
    margin: 8px 0;
  }
}
.PubSearch-form .Fieldset--brands .hs-form-field > label {
  display: none;
}
.PubSearch-form .Fieldset--brands .multi-container li {
  display: inline-block;
  margin: 0 8px 0;
}
.PubSearch-form .Fieldset--brands .multi-container li label {
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .PubSearch-form .Fieldset--brands .multi-container li {
    margin: 0 2px 0;
  }
  .PubSearch-form .Fieldset--brands .multi-container li label {
    font-size: 12px;
    line-height: 24px;
    padding-left: 0;
  }
}
.PubSearch-form .Fieldset--brands .multi-container .hs-form-radio input[type="radio"] + span {
  padding-left: 28px;
}
.PubSearch-form .Fieldset--submit {
  margin-top: 16px;
}
.PubSearch-form .Fieldset--submit .actions:before,
.PubSearch-form .Fieldset--submit .actions:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PubSearch-form .Fieldset--submit .actions:after {
  clear: both;
}
.PubSearch-form .Fieldset--submit .actions:before,
.PubSearch-form .Fieldset--submit .actions:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.PubSearch-form .Fieldset--submit .actions:after {
  clear: both;
}
.PubSearch-form .Fieldset--submit button {
  margin: 0 4px;
}
@media only screen and (max-width: 479px) {
  .PubSearch-form .Fieldset--submit button {
    padding: 0.84615385em 1.53846154em 0.84615385em;
    font-size: 1.3rem;
    line-height: 1.23076923;
    border-radius: 9999px;
    min-height: 40px;
  }
  .PubSearch-form .Fieldset--submit button.SubmitButton {
    padding-left: 24px;
    padding-right: 24px;
  }
  .PubSearch-form .Fieldset--submit button.ResetButton {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.in-archiveListing .PubSearch-form .Fieldset--submit .SubmitButton {
  float: right;
}
.PubSearch-form .Fieldset--submit .ResetButton {
  float: left;
  padding-left: 28px;
  padding-right: 28px;
}
.PubSearch-form .actions {
  text-align: center;
}
.PubSearch-addInput {
  text-align: right;
}
.PubSearch-addInput a {
  font-size: 1.5rem;
  line-height: 1.33333333;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 8px 8px;
}
.PubSearch-addInput a.is-disabled {
  color: #dcdce6;
  pointer-events: none;
  cursor: default;
}
.FlexInput {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
.FlexInput-inner {
  display: table-row;
}
.FlexInput-inner > div {
  display: table-cell;
  vertical-align: top;
}
.FlexInput input,
.FlexInput select {
  height: 38px;
  font-size: 13px;
}
@media only screen and (min-width: 480px) {
  .FlexInput input,
  .FlexInput select {
    font-size: 14px;
    height: 42px;
  }
}
@media only screen and (max-width: 479px) {
  .FlexInput select {
    font-size: 12px;
  }
}
.FlexInput-type {
  width: 43%;
}
.FlexInput-type select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  background-color: #f8f8fb;
}
.FlexInput-value {
  width: 57%;
}
.FlexInput-value input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (min-width: 480px) {
  .FlexInput-type {
    width: 40%;
  }
  .FlexInput-value {
    width: 60%;
  }
}
/*

  Publication Page: Publication Finder
  ------------------------------------------------

*/
.publication-page .StickyNav-wrapper {
  height: auto !important;
}
@media only screen and (min-width: 992px) {
  .publication-page .PageHero-inner {
    padding-bottom: 104px !important;
  }
}
@media only screen and (min-width: 768px) {
  .PubFinder-wrapper {
    min-height: 230px;
    margin-bottom: 72px;
  }
  .hs-inline-edit .PubFinder-wrapper {
    min-height: 0;
    margin-bottom: 0;
  }
}
.PubFinder {
  border-radius: 8px;
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.PubFinder.component-initiated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .PubFinder {
    -webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.12);
  }
}
@media only screen and (min-width: 768px) {
  .PubFinder .PubFinder-body {
    -webkit-transition: padding ease-in-out 0.25s;
    transition: padding ease-in-out 0.25s;
  }
  .PubFinder--hasValue .PubFinder-body {
    padding-top: 64px;
  }
}
.PubFinder-body {
  padding: 48px 5px 0;
}
@media only screen and (min-width: 768px) {
  .PubFinder-body {
    padding: 48px 40px;
  }
}
.PubFinder-body .FilterInput {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .PubFinder-body .FilterInput--focused .FilterInput-inner,
  .PubFinder-body .FilterInput--hasValue .FilterInput-inner {
    margin-bottom: 48px;
  }
}
.PubFinder-body .FilterInput-inner {
  max-width: 100%;
}
.PubFinder-body .FilterInput input {
  text-align: left;
}
.PubFinder-body .FilterInput label {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.PubFinderHeader {
  position: relative;
  z-index: 1;
  margin-top: -12px;
  margin-bottom: 12px;
  padding: 0 0 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #00b49d;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .PubFinderHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    margin-bottom: 0;
    padding: 24px 40px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .PubFinderHeader > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .PubFinderHeader {
    margin-top: -36px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
@media only screen and (max-width: 1023px) {
  .PubFinderHeader-title {
    display: none;
  }
}
.PubFinderHeader-title h3 {
  margin-bottom: 16px;
  font: 21px "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
}
.PubFinderHeader-title .Icon {
  stroke: #fff !important;
  fill: #fff !important;
  position: relative;
  top: 2px;
  width: 30px;
  height: 20px;
  margin-right: 5px;
}
.PubFinderHeader-title .Icon path {
  fill: #fff !important;
}
.PubFinderHeader-brandSelector ul {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) {
  .PubFinderHeader-brandSelector ul {
    margin-left: 2px;
    margin-bottom: 0;
    border-bottom: none;
    text-align: left;
  }
}
.PubFinderHeader-brandSelector li {
  display: inline-block;
  margin: 0 -2px;
}
.PubFinderHeader-brandSelector a {
  font-size: 0.9rem;
  line-height: 1.15555556;
  font-weight: 400;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 20px 12px 16px;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  font-size: 1.2rem;
}
@media only screen and (min-width: 480px) {
  .PubFinderHeader-brandSelector a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) {
  .PubFinderHeader-brandSelector a {
    font-size: 1.2rem;
    line-height: 1;
  }
}
.PubFinderHeader-brandSelector a:hover,
.PubFinderHeader-brandSelector a:focus,
.PubFinderHeader-brandSelector a:active {
  text-decoration: none;
}
.PubFinderHeader-brandSelector a:hover {
  color: #fff;
}
.PubFinderHeader-brandSelector a:active {
  color: #e6e6e6;
}
.touch .PubFinderHeader-brandSelector a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.touch .PubFinderHeader-brandSelector a:active {
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .PubFinderHeader-brandSelector a {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .PubFinderHeader-brandSelector a {
    padding: 32px 16px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1299px) {
  .PubFinderHeader-brandSelector a {
    font-size: 1.2rem;
  }
}
.PubFinderHeader-brandSelector .active a {
  border-color: #fff;
  font-weight: 500;
  color: #fff;
}
.PubFinderHeader-yearInterval {
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .PubFinderHeader-yearInterval {
    text-align: right;
  }
}
.PubFinderHeader-yearInterval > div {
  display: inline-block;
  vertical-align: bottom;
}
.PubFinderHeader-yearInterval .separator {
  padding: 0 5.6px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.6rem;
  line-height: 32px;
}
.PubFinderHeader-yearInterval .Select {
  max-width: 12rem;
}
.PubFinderHeader-yearInterval .Select:after {
  height: 32px;
  background-image: url("https://www.biolinscientific.com/hubfs/Assets/icons/SimpleSelector/icon-arrow-down-white.svg");
}
.PubFinderHeader-yearInterval .Select select {
  vertical-align: bottom;
  height: 32px;
  padding: 4px 16px;
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.3rem;
}
.PubFinderHeader-yearInterval .Select select.has-value {
  font-weight: 500;
  color: #fff;
}
.PubFinderHeader-yearInterval .Select select option {
  color: #42474c;
}
/*

  Page: Event Page
  ------------------------------------------------
  Created for Biolin Scientific
  
  Imports the variations under /_partials

*/
.event-page {
  position: relative;
  overflow-y: scroll;
}
.event-page:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 2px;
  background-color: #00b49d;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .event-page:before {
    height: 3px;
  }
}
.event-page.item-loading:before {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.event-page.item-loaded:before {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  opacity: 1;
}
.event-page.item-open:before {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  opacity: 0;
}
.event-page .TopNav-inner {
  border-bottom: 1px solid #d1d1d1;
}
.event-page.has-scrolled .TopNav-inner {
  border-color: rgba(209, 209, 209, 0);
}
.Events-heading {
  margin-bottom: 48px;
}
.Events-heading h2 {
  font-size: 2.7rem;
  line-height: 1.18518519;
  font-weight: 300;
  color: #596372;
  text-align: center;
}
.Events-heading h2 strong,
.Events-heading h2 em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .Events-heading h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.Events-heading h2 a {
  color: #596372;
}
.Events-heading h2 a:hover,
.Events-heading h2 a:focus,
.Events-heading h2 a:active {
  text-decoration: none;
}
.Events-heading h2 a:hover {
  color: #00a1e4;
}
.Events-heading h2 a:active {
  color: #007db1;
}
.touch .Events-heading h2 a:hover {
  color: #596372;
}
.touch .Events-heading h2 a:active {
  color: #00a1e4;
}
.Events-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .Events-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .Events-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .Events-inner {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Biolin Modal Styling
  ------------------------------------------------

*/
body.modal-open {
  overflow: hidden !important;
}
.SimpleModal-enter .SimpleModal-mask {
  opacity: 0;
}
.SimpleModal-leave-active .SimpleModal-mask {
  opacity: 0;
}
.SimpleModal-enter .SimpleModal-inner > div,
.SimpleModal-leave-active .SimpleModal-inner > div {
  opacity: 0;
  -webkit-transform: translate3d(0, 16px, 0);
          transform: translate3d(0, 16px, 0);
}
.SimpleModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  display: none;
}
.SimpleModal.loaded {
  display: block;
}
.SimpleModal.show {
  display: block;
}
.SimpleModal.show-close .closeBtn {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.SimpleModal-frame {
  width: inherit;
  height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.SimpleModal-mask {
  display: table;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s;
}
.SimpleModal-inner {
  padding-left: 15px;
  padding-right: 15px;
  display: table-cell;
  vertical-align: top;
  padding-top: 92px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 480px) {
  .SimpleModal-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .SimpleModal-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .SimpleModal-inner {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (min-height: 900px) {
  .SimpleModal-inner {
    vertical-align: top;
    padding-top: 152px;
    padding-bottom: 64px;
  }
}
.SimpleModal .closeBtn {
  top: 0;
  right: 0;
  z-index: 25;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
}
.SimpleModal .closeBtn--outside {
  position: fixed;
  display: block;
  width: 42px;
  height: 42px;
  padding: 7px 14px;
  margin: 76px 6px;
  opacity: 0;
  border-radius: 50%;
  background-color: rgba(89, 99, 114, 0.9);
}
.SimpleModal .closeBtn--outside:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.SimpleModal .closeBtn--outside .Icon {
  stroke: rgba(255, 255, 255, 0.7) !important;
  fill: rgba(255, 255, 255, 0.7) !important;
  width: 16px;
  height: 16px;
}
.SimpleModal .closeBtn--outside .Icon path {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.SimpleModal .closeBtn--outside:active {
  background-color: rgba(131, 140, 151, 0.9);
}
@media only screen and (min-width: 480px) {
  .SimpleModal .closeBtn--outside {
    width: 46px;
    height: 46px;
    margin-right: 12px;
    padding: 9px 15px;
  }
}
@media only screen and (min-width: 768px) {
  .SimpleModal .closeBtn--outside {
    margin-top: 128px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .SimpleModal .closeBtn--outside {
    display: none;
  }
}
.SimpleModal .closeBtn--inside {
  display: none;
}
@media only screen and (min-width: 992px) {
  .SimpleModal .closeBtn--inside {
    position: absolute;
    top: 0;
    display: block;
    padding: 28px 34px;
    background-color: rgba(248, 248, 251, 0.8);
    border-radius: 8px;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .SimpleModal .closeBtn--inside .Icon {
    stroke: #42474c !important;
    fill: #42474c !important;
    width: 20px;
    height: 20px;
  }
  .SimpleModal .closeBtn--inside .Icon path {
    fill: #42474c !important;
  }
  .SimpleModal .closeBtn--inside:active .Icon,
  .SimpleModal .closeBtn--inside:hover .Icon {
    stroke: #00a1e4 !important;
    fill: #00a1e4 !important;
  }
  .SimpleModal .closeBtn--inside:active .Icon path,
  .SimpleModal .closeBtn--inside:hover .Icon path {
    fill: #00a1e4 !important;
  }
  .touch .SimpleModal .closeBtn--inside:hover .Icon {
    stroke: #42474c !important;
    fill: #42474c !important;
  }
  .touch .SimpleModal .closeBtn--inside:hover .Icon path {
    fill: #42474c !important;
  }
  .touch .SimpleModal .closeBtn--inside:active .Icon {
    stroke: #00a1e4 !important;
    fill: #00a1e4 !important;
  }
  .touch .SimpleModal .closeBtn--inside:active .Icon path {
    fill: #00a1e4 !important;
  }
}
/*

  Events Page: Sticky Nav
  ------------------------------------------------
  Inherits most styles and variables from
  Tile Nav components.
  
*/
.event-page {
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .event-page {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .event-page {
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .event-page .StickyNav-wrapper {
    height: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .event-page.sticky-nav-scrolled .TypeFilter {
    display: none;
    float: none;
    width: 100%;
    text-align: right;
  }
  .event-page.sticky-nav-scrolled .BrandFilter {
    width: 100%;
  }
}
/*

  Event Page: Navigation Bar
  ------------------------------------------------

*/
@media only screen and (max-width: 767px) {
  .event-page .FilterInput {
    margin-bottom: -24px;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
  .event-page .FilterInput--focused,
  .event-page .FilterInput--hasValue {
    margin-bottom: 16px;
  }
  .event-page.transitions .FilterInput {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
.TypeFilter ul,
.BrandFilter ul {
  line-height: 24px;
}
.TypeFilter {
  position: relative;
  text-align: center;
  padding-top: 12px;
}
.TypeFilter ol,
.TypeFilter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.TypeFilter li {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 480px) {
  .TypeFilter {
    margin-bottom: 8px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .TypeFilter {
    float: left;
    width: 55%;
    margin: 0;
    padding: 0;
    border-top: none;
    text-align: left;
  }
}
.TypeFilter li {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .TypeFilter li {
    line-height: 1;
  }
}
.TypeFilter li.type-all a {
  position: relative;
  color: #00a1e4;
}
.TypeFilter li.type-all a:hover,
.TypeFilter li.type-all a:focus,
.TypeFilter li.type-all a:active {
  text-decoration: none;
}
.TypeFilter li.type-all a:hover {
  color: #42474c;
}
.TypeFilter li.type-all a:active {
  color: #2a2e31;
}
.touch .TypeFilter li.type-all a:hover {
  color: #00a1e4;
}
.touch .TypeFilter li.type-all a:active {
  color: #42474c;
}
.TypeFilter li.type-all a:before {
  content: "\D7";
  position: absolute;
  top: 5px;
  left: -5px;
}
@media only screen and (max-width: 479px) {
  .TypeFilter li.type-all a:before {
    top: 9px;
  }
}
.TypeFilter li.type-all.active a:before {
  display: none;
}
.TypeFilter li a {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
  color: #31788e;
  display: inline;
  padding: 8px 8px;
}
@media only screen and (min-width: 768px) {
  .TypeFilter li a {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.TypeFilter li a:hover,
.TypeFilter li a:focus,
.TypeFilter li a:active {
  text-decoration: none;
}
.TypeFilter li a:hover {
  color: #42474c;
}
.TypeFilter li a:active {
  color: #2a2e31;
}
.touch .TypeFilter li a:hover {
  color: #31788e;
}
.touch .TypeFilter li a:active {
  color: #42474c;
}
@media only screen and (max-width: 479px) {
  .TypeFilter li a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 480px) {
  .TypeFilter li a {
    padding: 4px 8px;
  }
}
@media only screen and (min-width: 768px) {
  .TypeFilter li:last-child a {
    padding-right: 0;
  }
}
.TypeFilter li.active a {
  color: #596372 !important;
  pointer-events: none;
  cursor: default;
}
.TypeFilter li.toTop {
  float: left;
  line-height: 16px;
  pointer-events: none;
  -webkit-transition: opacity ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s;
  opacity: 0;
}
.TypeFilter li.toTop .Icon {
  stroke: #596372 !important;
  fill: #596372 !important;
  width: 16px;
}
.TypeFilter li.toTop .Icon path {
  fill: #596372 !important;
}
.TypeFilter li.toTop a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: -8px 0 -18px;
  padding: 18.4px 24px;
}
.TypeFilter li.toTop a:active .Icon {
  stroke: #00b49d !important;
  fill: #00b49d !important;
}
.TypeFilter li.toTop a:active .Icon path {
  fill: #00b49d !important;
}
.ie-11 .TypeFilter li.toTop,
.lt-ie11 .TypeFilter li.toTop {
  display: none;
}
@media only screen and (max-width: 479px) {
  .no-touch .has-scrolled .TypeFilter li.toTop,
  .touch .has-scrolled.idle .TypeFilter li.toTop {
    opacity: 1;
    pointer-events: auto;
  }
}
.TypeFilter li.reset {
  margin-right: 4px;
  padding-right: 12px;
  border-right: 1px solid #d1d1d1;
}
.TypeFilter li.reset a:before {
  content: "\D7";
  margin-right: 5px;
}
.TypeFilter--filtered li {
  display: none;
}
.TypeFilter--filtered li.reset,
.TypeFilter--filtered li.active {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .TypeFilter--filtered li.toTop {
    display: inline-block;
  }
}
@media only screen and (min-width: 480px) {
  .event-page .BrandFilter li a {
    padding-left: 16px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .event-page .BrandFilter {
    width: 45%;
  }
}
@media only screen and (max-width: 479px) {
  .event-page .BrandFilter li[data-name="Biolin Scientific"] {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .event-page.sticky-nav-scrolled .BrandFilter {
    width: 100%;
  }
}
/*

  Event Page: Event Cards
  ------------------------------------------------

*/
/*------------------------------------------------*\
    EventCard - Card Style
\*------------------------------------------------*/
.EventCard {
  display: block;
  cursor: pointer;
  border-collapse: separate;
  -webkit-transition: none;
  transition: none;
  /*------------------------------------------------*\
      The card...
  \*------------------------------------------------*/
  /*------------------------------------------------*\
      Interactive States
  \*------------------------------------------------*/
}
.EventCard,
.EventCard .EventCard-inner,
.EventCard .Image-placeholder {
  height: 288px;
}
.EventCard .EventCard-header,
.EventCard .EventCard-body {
  padding-left: 25px;
  padding-right: 25px;
}
.EventCard .EventCard-body h2 {
  font-size: 19px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .EventCard .EventCard-body h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.EventCard .EventCard-location {
  font-size: 14px;
  line-height: 16px;
}
.transitions .EventCard {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: color, background, opacity, border;
  transition-property: color, background, opacity, border;
}
.transitions .EventCard:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.EventCard-image,
.EventCard .Image-placeholder,
.EventCard .Image-placeholder:after {
  border-radius: 8px;
}
.EventCard-inner {
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}
.EventCard-topics {
  padding: 0;
  border-top: none;
}
.EventCard-topics ul.topics li {
  display: none;
}
.EventCard-topics ul.topics li:first-child {
  display: inline-block;
}
.EventCard-topics ul.topics li:first-child:after {
  display: none;
}
.EventCard-topics ul.topics li:last-child {
  margin-bottom: 0;
}
.EventCard-topics ul.topics a {
  font-size: 10px;
}
.EventCard-header,
.EventCard-body {
  position: absolute;
}
.EventCard-header {
  top: 0;
  left: 0;
  width: 100%;
}
.EventCard-headerInner {
  display: table;
  width: 100%;
  padding: 24px 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.EventCard-headerInner > div {
  display: table-cell;
  vertical-align: bottom;
}
.EventCard-date,
.EventCard-type {
  line-height: 1;
}
.EventCard-date {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.EventCard-type {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px !important;
  letter-spacing: 0.2em;
}
@media only screen and (min-width: 768px) {
  .EventCard-type {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.EventCard-body {
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 8px;
  padding-top: 32px;
  padding-bottom: 48px;
  max-width: 420px;
}
@media only screen and (min-width: 768px) {
  .EventCard-body {
    max-width: 640px;
  }
}
.EventCard-body h2 {
  margin-bottom: 0;
  color: #fff;
}
.EventCard-location {
  margin: 12px 0 0;
  font-style: italic;
  color: rgba(255, 255, 255, 0.75);
}
.EventCard-brands {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.EventCard-brands ol,
.EventCard-brands ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.EventCard-brands li {
  margin: 0;
  padding: 0;
}
.EventCard-brands ul {
  padding: 0 8px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 8px;
  background-color: #3b3f44;
  line-height: 16px;
}
.EventCard-brands li {
  display: inline-block;
  padding: 2px 4px 4px;
}
.EventCard-brands span {
  vertical-align: middle;
  font-size: 11px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.EventCard-brands span.keyword-highlight {
  color: #fff;
  font-weight: 500;
}
.EventCard-image {
  margin-left: 0;
  margin-right: 0;
  background-color: #42474c;
  background-image: radial-gradient(circle, #50565c, #42474c);
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
}
.EventCard-image .Image-placeholder {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  opacity: 0;
  overflow: hidden;
}
.EventCard-image .Image-placeholder:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.45)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.45) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38000000', endColorstr='#73000000', GradientType=0);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  opacity: 0;
}
.EventCard-image .Image-placeholder img {
  display: none;
}
.EventCard-desc {
  display: none;
  margin-bottom: 0;
  padding-left: 0 !important;
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 768px) {
  .EventCard-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 0 - 0);
    margin: 0;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.EventCard.initiated .EventCard-body,
.EventCard.initiated .EventCard-topics {
  opacity: 1;
}
.EventCard.has-image .EventCard-image {
  background-image: none;
}
.EventCard.has-image .EventCard-brands ul {
  background-color: rgba(0, 0, 0, 0.5);
}
.EventCard.has-image.initiated .EventCard-header,
.EventCard.has-image.initiated .EventCard-body,
.EventCard.has-image.initiated .EventCard-brands {
  opacity: 1;
}
.EventCard.has-image.initiated .Image-placeholder {
  background-blend-mode: overlay;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
}
.EventCard.has-image.initiated .Image-placeholder:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#b3000000', GradientType=0);
  opacity: 0.9;
}
@media (min-width: 768px) {
  .EventCard-body {
    -webkit-transform: translateY(64px);
            transform: translateY(64px);
  }
  .EventCard-desc {
    display: block;
    padding-top: 16px;
    height: 64px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
.EventCard:active .EventCard-image,
.EventCard:active .Image-placeholder {
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.EventCard:active .EventCard-image {
  background-color: #666d75;
}
.EventCard:active .Image-placeholder {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0.5;
}
.EventCard:active.has-image .Image-placeholder {
  opacity: 1;
}
.EventCard:active.has-image .Image-placeholder:after {
  opacity: 0.8;
}
.no-touch .transitions .EventCard .EventCard-header,
.no-touch .transitions .EventCard .EventCard-body,
.no-touch .transitions .EventCard .EventCard-brands {
  -webkit-transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s;
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
}
.no-touch .transitions .EventCard:hover .Image-placeholder {
  opacity: 0.5;
}
.no-touch .transitions .EventCard:hover.has-image .Image-placeholder {
  opacity: 1;
}
.no-touch .transitions .EventCard:hover.has-image .Image-placeholder:after {
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .no-touch .transitions .EventCard:hover-desc,
  .no-touch .transitions .EventCard:hover-body,
  .no-touch .transitions .EventCard:hover-brands {
    -webkit-transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s, opacity ease-in-out 0.25s, background ease-in-out 0.25s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.85s;
  }
  .no-touch .transitions .EventCard:hover:hover-body {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .no-touch .transitions .EventCard:hover:hover-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2125s;
            transition-delay: 0.2125s;
  }
}
/*

  Event Page: List Wrapper
  ------------------------------------------------

*/
.Events-list {
  position: relative;
  min-height: 300px;
  min-height: 43vh;
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .Events-list {
    margin-top: 32px;
  }
}
.Events-list .Events-listInner {
  position: relative;
}
.EventListing .EventCard {
  margin-bottom: 16px;
}
@media only screen and (min-width: 480px) {
  .EventListing .EventCard {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .EventListing .EventCard {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .EventListing .EventCard {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .EventListing {
    margin-left: -15px;
    margin-right: -15px;
  }
  .EventListing:before,
  .EventListing:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .EventListing:after {
    clear: both;
  }
  .EventListing:before,
  .EventListing:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .EventListing:after {
    clear: both;
  }
  .EventListing .EventCard {
    float: left;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 640px) and only screen and (min-width: 768px) {
  .EventListing .EventCard {
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 992px) {
}
@media screen and (min-width: 640px) and (max-width: 991px) {
  .EventListing--default {
    margin-left: -15px;
    margin-right: -15px;
  }
  .EventListing--default > div {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .EventListing--default .EventCard {
    width: 50%;
    margin-bottom: 40px;
  }
  .EventListing--default .EventCard,
  .EventListing--default .EventCard-inner {
    height: 288px;
  }
  .EventListing--default .EventCard:nth-child(1) {
    width: 100%;
    margin-bottom: 48px;
  }
  .EventListing--default .EventCard:nth-child(1),
  .EventListing--default .EventCard:nth-child(1) .EventCard-inner,
  .EventListing--default .EventCard:nth-child(1) .Image-placeholder {
    height: 400px;
  }
  .EventListing--default .EventCard:nth-child(1) .EventCard-header,
  .EventListing--default .EventCard:nth-child(1) .EventCard-body {
    padding-left: 40px;
    padding-right: 40px;
  }
  .EventListing--default .EventCard:nth-child(1) .EventCard-body h2 {
    font-size: 25px;
    line-height: 32px;
  }
  .EventListing--default .EventCard:nth-child(1) .EventCard-location {
    font-size: 16px;
    line-height: 24px;
  }
  .EventListing--default .EventCard:nth-child(1) .EventCard-headerInner {
    padding: 32px 0 16px;
  }
}
@media screen and (min-width: 640px) and (max-width: 991px) and (min-width: 992px) {
  .EventListing--default .EventCard:nth-child(1) .EventCard-body h2 {
    font-size: 27px;
    line-height: 36px;
  }
}
@media screen and (min-width: 640px) and (max-width: 991px) and (min-width: 992px) {
  .EventListing--default .EventCard:nth-child(1) .EventCard-location {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .EventListing--default .EventCard {
    margin-bottom: 40px;
  }
  .EventListing--default .EventCard-header,
  .EventListing--default .EventCard-body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .EventListing--default .EventCard:first-child,
  .EventListing--default .EventCard:nth-child(2),
  .EventListing--default .EventCard:nth-child(3) {
    margin-bottom: 48px;
  }
  .EventListing--default .EventCard:first-child,
  .EventListing--default .EventCard:nth-child(2),
  .EventListing--default .EventCard:nth-child(3),
  .EventListing--default .EventCard:first-child .EventCard-inner,
  .EventListing--default .EventCard:nth-child(2) .EventCard-inner,
  .EventListing--default .EventCard:nth-child(3) .EventCard-inner,
  .EventListing--default .EventCard:first-child .Image-placeholder,
  .EventListing--default .EventCard:nth-child(2) .Image-placeholder,
  .EventListing--default .EventCard:nth-child(3) .Image-placeholder {
    height: 400px;
  }
  .EventListing--default .EventCard:first-child .EventCard-header,
  .EventListing--default .EventCard:nth-child(2) .EventCard-header,
  .EventListing--default .EventCard:nth-child(3) .EventCard-header,
  .EventListing--default .EventCard:first-child .EventCard-body,
  .EventListing--default .EventCard:nth-child(2) .EventCard-body,
  .EventListing--default .EventCard:nth-child(3) .EventCard-body {
    padding-left: 40px;
    padding-right: 40px;
  }
  .EventListing--default .EventCard:first-child .EventCard-headerInner,
  .EventListing--default .EventCard:nth-child(2) .EventCard-headerInner,
  .EventListing--default .EventCard:nth-child(3) .EventCard-headerInner {
    padding: 32px 0 16px;
  }
  .EventListing--default .EventCard:first-child {
    width: 100%;
  }
  .EventListing--default .EventCard:first-child .EventCard-body h2 {
    font-size: 25px;
    line-height: 32px;
  }
  .EventListing--default .EventCard:first-child .EventCard-location {
    font-size: 16px;
    line-height: 24px;
  }
  .EventListing--default .EventCard:nth-child(2),
  .EventListing--default .EventCard:nth-child(3) {
    width: 50%;
  }
  .EventListing--default .EventCard:nth-child(2) .EventCard-body h2,
  .EventListing--default .EventCard:nth-child(3) .EventCard-body h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .EventListing--default .EventCard:nth-child(2) .EventCard-location,
  .EventListing--default .EventCard:nth-child(3) .EventCard-location {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .EventListing--default .EventCard:first-child .EventCard-body h2 {
    font-size: 27px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .EventListing--default .EventCard:first-child .EventCard-location {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 640px) {
  .EventListing--filtered .EventCard {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .EventListing--filtered .EventCard {
    width: 33.33333333%;
    margin-bottom: 40px;
  }
  .EventListing--filtered .EventCard-header,
  .EventListing--filtered .EventCard-body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .EventListing--filtered .EventCard:first-child,
  .EventListing--filtered .EventCard:nth-child(2) {
    margin-bottom: 48px;
    width: 50%;
  }
  .EventListing--filtered .EventCard:first-child,
  .EventListing--filtered .EventCard:nth-child(2),
  .EventListing--filtered .EventCard:first-child .EventCard-inner,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-inner,
  .EventListing--filtered .EventCard:first-child .Image-placeholder,
  .EventListing--filtered .EventCard:nth-child(2) .Image-placeholder {
    height: 400px;
  }
  .EventListing--filtered .EventCard:first-child .EventCard-header,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-header,
  .EventListing--filtered .EventCard:first-child .EventCard-body,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-body {
    padding-left: 40px;
    padding-right: 40px;
  }
  .EventListing--filtered .EventCard:first-child .EventCard-body h2,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-body h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .EventListing--filtered .EventCard:first-child .EventCard-location,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-location {
    font-size: 16px;
    line-height: 24px;
  }
  .EventListing--filtered .EventCard:first-child .EventCard-headerInner,
  .EventListing--filtered .EventCard:nth-child(2) .EventCard-headerInner {
    padding: 32px 0 16px;
  }
}
/*

  Event Page: Post Modal
  ------------------------------------------------

*/
body.modal-open {
  overflow: hidden !important;
}
.EventModal.loaded .EventPost {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.EventPost {
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .EventPost {
    position: relative;
    max-width: 1440px;
  }
}
.EventPost-inner {
  max-width: 1440px;
  margin: 0 auto;
  min-height: 50rem;
  background-color: #f8f8fb;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) {
  .EventPost-inner {
    display: table;
    width: 100%;
    height: 74vh;
    max-height: 64rem;
  }
  .EventPost-inner > div {
    display: table-cell;
    width: 50%;
  }
}
.EventPost-hero,
.EventPost-heroInner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media only screen and (min-width: 992px) {
  .EventPost-hero,
  .EventPost-heroInner {
    border-top-right-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
.EventPost-hero {
  position: relative;
  background-color: #596372;
  background-image: radial-gradient(circle, #596372, #4e5764);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .EventPost-hero,
  .EventPost-contentInner {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.EventPost-heroInner {
  background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 992px) {
  .EventPost-heroInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-contentInner {
    height: 74vh;
    max-height: 64rem;
  }
}
@media only screen and (min-width: 992px) {
  .ie-11 .EventPost-inner,
  .lt-ie11 .EventPost-inner {
    height: 600px;
  }
  .ie-11 .EventPost-hero,
  .lt-ie11 .EventPost-hero {
    overflow-y: hidden;
  }
  .ie-11 .EventPost-heroInner,
  .lt-ie11 .EventPost-heroInner {
    height: 640px;
  }
}
.EventPost.has-image .EventPost-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.EventPost.has-image .EventPost-heroInner {
  background-color: rgba(0, 0, 0, 0.6);
}
.EventPost-meta {
  padding: 16px 25px;
}
@media only screen and (min-width: 480px) {
  .EventPost-meta {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.EventPost-meta .EventPost-metaInner {
  display: table;
  width: 100%;
  padding: 24px 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 480px) {
  .EventPost-meta .EventPost-metaInner {
    margin-bottom: 48px;
    padding: 24px 0 24px;
  }
}
.EventPost-meta .EventPost-metaInner > div {
  display: table-cell;
  vertical-align: bottom;
}
.EventPost-meta .EventPost-date,
.EventPost-meta .EventPost-type {
  line-height: 1;
}
.EventPost-meta .EventPost-date {
  padding-bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .EventPost-meta .EventPost-date {
    font-size: 15px;
  }
}
.EventPost-meta .EventPost-type {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 768px) {
  .EventPost-meta .EventPost-type {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
@media only screen and (max-width: 991px) {
  .EventPost-meta .EventPost-type {
    font-size: 12px;
  }
}
.EventPost-header {
  padding: 72px 25px 16px;
}
@media only screen and (min-width: 480px) {
  .EventPost-header {
    padding-top: 128px;
    padding-bottom: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .EventPost-header {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 64px;
  }
}
@media only screen and (max-width: 479px) {
  .EventPost-header {
    text-align: center;
  }
}
.EventPost-header h2 {
  max-width: 64rem;
  font-size: 2.3rem;
  line-height: 1.39130435;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .EventPost-header h2 {
    font-size: 2.9rem;
    line-height: 1.37931034;
  }
}
@media only screen and (min-width: 1300px) {
  .EventPost-header h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.EventPost-header .EventPost-location {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-style: italic;
}
@media only screen and (min-width: 480px) {
  .EventPost-header .EventPost-location {
    margin-top: 20px;
    font-size: 21px;
    line-height: 24px;
  }
}
.EventPost-header .EventPost-desc {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
  margin-top: 32px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 480px) {
  .EventPost-header .EventPost-desc {
    font-size: 2.1rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-header .EventPost-desc {
    font-size: 2.5rem;
    line-height: 3.6rem;
  }
}
.EventPost-header .EventPost-desc strong {
  font-weight: 400;
}
.EventPost-header .EventPost-desc em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 480px) {
  .EventPost-header .EventPost-desc {
    font-size: 1.9rem;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 768px) {
  .EventPost-header .EventPost-desc {
    font-size: 21px;
    line-height: 32px;
  }
}
.EventPost-header .arrowDown {
  display: block;
  margin-top: 32px;
  padding: 16px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .EventPost-header .arrowDown {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-header .arrowDown {
    display: none;
  }
}
.EventPost-header .arrowDown .Icon {
  stroke: rgba(255, 255, 255, 0.7) !important;
  fill: rgba(255, 255, 255, 0.7) !important;
}
.EventPost-header .arrowDown .Icon path {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.EventPost-header .arrowDown:active .Icon {
  stroke: #fff !important;
  fill: #fff !important;
}
.EventPost-header .arrowDown:active .Icon path {
  fill: #fff !important;
}
@media only screen and (min-width: 992px) {
  .EventPost.lot-of-text-hero .EventPost-header h2 {
    font-size: 29px;
  }
  .EventPost.lot-of-text-hero .EventPost-header .EventPost-desc {
    font-size: 18px;
    line-height: 1.55555556;
  }
}
.EventPost-content {
  position: relative;
}
.EventPost-contentInner {
  padding: 48px 25px 24px;
}
@media only screen and (min-width: 480px) {
  .EventPost-contentInner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-contentInner {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}
.EventPost-details {
  font-size: 1.4rem;
  line-height: 1.71428571;
  font-weight: 400;
  color: #6c6e70;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 16px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .EventPost-details {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .EventPost-details {
    padding-bottom: 20px;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-details {
    padding-top: 5px;
    padding-bottom: 21px;
    text-align: left;
  }
}
.EventPost-details span {
  display: inline-block;
}
.EventPost-details span:last-child:after {
  display: none;
}
.EventPost-details .detail-time + .detail-venue {
  margin-left: 5.6px;
}
.EventPost-details .detail-venue:before {
  content: "@";
  margin-right: 5.6px;
  color: #838c97;
}
.EventPost-details .detail-date {
  font-weight: 500;
}
.EventPost-details + .EventPost-body {
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .EventPost-details + .EventPost-body {
    margin-top: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .EventPost-body {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost-body {
    margin-top: 144px;
  }
}
.EventPost-body,
.EventPost-body p,
.EventPost-body ul,
.EventPost-body ol {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 768px) {
  .EventPost-body,
  .EventPost-body p,
  .EventPost-body ul,
  .EventPost-body ol {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (max-width: 479px) {
  .EventPost-body,
  .EventPost-body p,
  .EventPost-body ul,
  .EventPost-body ol {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .EventPost.sad-body .EventPost-body {
    position: absolute;
    bottom: 0;
    width: inherit;
    margin-bottom: 50px;
    padding-right: 40px;
  }
}
.EventPost-actionWrapper {
  margin-top: 48px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .EventPost-actionWrapper {
    display: none;
  }
}
.EventPost-cancel {
  display: block;
  padding: 24px 0 8px;
  font-size: 14px;
  line-height: 24px;
}
.EventPost-action {
  margin-top: 32px;
}
@media only screen and (max-width: 991px) {
  .EventPost-action--hero {
    display: none;
  }
}
.EventPost-action--stacked {
  margin-top: 0;
}
/*

  Page: Office Page
  ------------------------------------------------
  Created for Biolin Scientific
  
  Imports the variations under /_partials

*/
.office-page {
  position: relative;
  overflow-y: scroll;
}
.office-page:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 2px;
  background-color: #00b49d;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .office-page:before {
    height: 3px;
  }
}
.office-page.item-loading:before {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.office-page.item-loaded:before {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  -webkit-transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
  opacity: 1;
}
.office-page.item-open:before {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  opacity: 0;
}
.office-page.has-scrolled .TopNav-inner {
  border-color: rgba(209, 209, 209, 0);
}
.Offices-heading {
  margin-bottom: 48px;
}
.Offices-heading h2 {
  font-size: 2.7rem;
  line-height: 1.18518519;
  font-weight: 300;
  color: #596372;
  text-align: center;
}
.Offices-heading h2 strong,
.Offices-heading h2 em {
  font-weight: 300;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .Offices-heading h2 {
    font-size: 3.6rem;
    line-height: 1.33333333;
  }
}
.Offices-heading h2 a {
  color: #596372;
}
.Offices-heading h2 a:hover,
.Offices-heading h2 a:focus,
.Offices-heading h2 a:active {
  text-decoration: none;
}
.Offices-heading h2 a:hover {
  color: #00a1e4;
}
.Offices-heading h2 a:active {
  color: #007db1;
}
.touch .Offices-heading h2 a:hover {
  color: #596372;
}
.touch .Offices-heading h2 a:active {
  color: #00a1e4;
}
.Offices-inner {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .Offices-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .Offices-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .Offices-inner {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Office Page: Sticky Nav
  ------------------------------------------------
  Inherits most styles and variables from
  Tile Nav components.
  
*/
.office-page {
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .office-page {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .office-page {
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .office-page .StickyNav-wrapper {
    height: inherit;
  }
}
.office-page .StickyNav-wrapper {
  padding-top: 56px;
}
@media only screen and (min-width: 480px) {
  .office-page .StickyNav-wrapper {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .office-page .StickyNav-wrapper {
    padding-top: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .office-page.sticky-nav-scrolled .CountryFilter {
    display: none;
  }
}
/*

  Office Page: Navigation Bar
  ------------------------------------------------

*/
@media only screen and (min-width: 768px) {
  .office-page .BrandFilter li.toTop {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .office-page .BrandFilter ul {
    white-space: nowrap;
  }
  .office-page .BrandFilter li:not(.toTop):not(.active):not(.reset) a {
    width: auto;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-top: -10px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 479px) {
  .office-page .BrandFilter li:not(.toTop):not(.active):not(.reset) a {
    width: auto;
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 767px) {
  .office-page .FilterInput {
    margin-bottom: -16px;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
  .office-page .FilterInput--focused,
  .office-page .FilterInput--hasValue {
    margin-bottom: 16px;
  }
  .office-page.transitions .FilterInput {
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
  }
}
.CountryFilter {
  position: relative;
  vertical-align: top;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .CountryFilter {
    float: left;
    width: 200px;
    margin-top: -4px;
    margin-bottom: 0;
  }
}
.CountryFilter .Select {
  display: inline-block;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
@media only screen and (min-width: 768px) {
  .CountryFilter .Select {
    max-width: 200px;
  }
}
.CountryFilter .Select select {
  background: inherit;
  color: #596372;
}
.CountryFilter .Select--filtered {
  width: calc(100% - 40px);
}
.CountryFilter .Select--filtered select {
  -webkit-transition: color ease-in-out 0.25s;
  transition: color ease-in-out 0.25s;
  color: #00b49d;
  font-weight: 500;
}
.CountryFilter-clear {
  position: absolute;
  top: 1px;
  right: 0;
  display: inline-block;
  vertical-align: bottom;
  width: 40px;
  height: 40px;
  margin-right: -7px;
  padding: 4px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .CountryFilter-clear {
    top: -1px;
    right: auto;
    text-align: center;
  }
}
.CountryFilter-clear .Icon {
  stroke: #596372 !important;
  fill: #596372 !important;
  width: 12px;
  height: 12px;
}
.CountryFilter-clear .Icon path {
  fill: #596372 !important;
}
.CountryFilter-clear:active .Icon {
  stroke: #00b49d !important;
  fill: #00b49d !important;
}
.CountryFilter-clear:active .Icon path {
  fill: #00b49d !important;
}
/*

  Office Page: Listing Info
  ------------------------------------------------

*/
.OfficeListingInfo {
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .OfficeListingInfo {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .OfficeListingInfo {
    float: left;
    margin-top: 0;
    text-align: left;
  }
}
.OfficeListingInfo p {
  margin-bottom: 0;
  color: #838c97;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
@media only screen and (max-width: 767px) {
  .OfficeListingInfo p {
    font-size: 14px;
    line-height: 24px;
  }
}
.OfficeListingInfo.is-filtered p {
  font-weight: 500;
  color: #596372;
}
.OfficeListingInfo--archive {
  cursor: pointer;
}
.OfficeListingInfo--archive p {
  color: #00b49d;
}
.OfficeListingInfo--archive.is-filtered p {
  color: #00b49d;
}
.no-touch .OfficeListingInfo--archive:hover p {
  color: #42474c;
}
/*

  Office Page: Office Cards
  ------------------------------------------------

*/
/*------------------------------------------------*\
    OfficeCard - Card Style
\*------------------------------------------------*/
.OfficeCard {
  padding: 32px 15px 16px 25px;
  border-radius: 8px;
  border: 1px solid rgba(209, 209, 209, 0);
  cursor: pointer;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  border-color: #d1d1d1;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .OfficeCard {
    padding-top: 40px;
    padding-bottom: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .OfficeCard-inner {
    display: table;
    width: 100%;
  }
}
.OfficeCard-col > *:first-child {
  margin-top: 0;
}
.OfficeCard-col > *:not(h2):last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .OfficeCard-col {
    display: table-cell;
  }
}
.OfficeCard-col p:empty {
  display: none;
}
.OfficeCard-primaryCol {
  padding-top: 16px;
}
@media only screen and (min-width: 768px) {
  .OfficeCard-primaryCol {
    width: calc(100% - 236px - 22px);
    padding-top: 24px;
    padding-right: 86px;
    border-right: 1px solid rgba(131, 140, 151, 0.3);
  }
}
@media only screen and (min-width: 768px) {
  .OfficeCard-secondaryCol {
    display: table-cell;
    width: 236px;
    padding-left: 22px;
    vertical-align: bottom;
  }
}
.OfficeCard-primaryCol h2 {
  max-width: 460px;
  margin-bottom: 0;
  color: #42474c;
}
@media only screen and (max-width: 767px) {
  .OfficeCard-primaryCol h2 {
    max-width: 400px;
    font-size: 1.8rem;
    line-height: 1.52380952;
  }
}
.OfficeCard-secondaryCol ol,
.OfficeCard-secondaryCol ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.OfficeCard-secondaryCol li {
  margin: 0;
  padding: 0;
}
.OfficeCard-secondaryCol h3 {
  font-weight: 400;
  color: #596372;
}
.OfficeCard-secondaryCol p {
  font-size: 1.2rem;
  line-height: 16px;
}
.OfficeCard-brands {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
}
@media only screen and (min-width: 768px) {
  .OfficeCard-brands {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.OfficeCard-brands .keyword-highlight {
  color: #00b49d;
}
.OfficeCard-brands li {
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .OfficeCard-brands {
    margin-top: 24px !important;
    text-align: right;
  }
  .OfficeCard-brands li {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 1.1rem;
  }
}
.transitions .OfficeCard,
.transitions .OfficeCard-brand,
.transitions .OfficeCard h2 {
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.transitions .OfficeCard:active {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.OfficeCard:active {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #d1d1d1;
  background-color: #fff;
}
.no-touch .OfficeCard:hover {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-color: #d1d1d1;
  background-color: #fff;
}
.no-touch .OfficeCard:hover .OfficeCard-brand {
  color: #596372;
}
.no-touch .OfficeCard:hover h2 {
  color: #f98263;
}
/*

  Office Page: List Wrapper
  ------------------------------------------------

*/
.Offices-list {
  position: relative;
  min-height: 300px;
  min-height: 43vh;
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .Offices-list {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .Offices-list {
    margin-top: 16px;
  }
}
.Offices-list .Offices-listInner {
  position: relative;
}
.Offices-list .loader {
  top: 128px;
}
.OfficeListing .OfficeCard {
  margin-bottom: 16px;
}
@media only screen and (min-width: 480px) {
  .OfficeListing .OfficeCard {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .OfficeListing .OfficeCard {
    margin-bottom: 24px;
  }
}
/*

  Office Page: Post Modal
  ------------------------------------------------

*/
.OfficeModal.loaded .OfficePost {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.OfficePost {
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .OfficePost {
    position: relative;
    max-width: 1440px;
  }
}
.OfficePost-inner {
  max-width: 1440px;
  margin: 0 auto;
  min-height: 50rem;
  background-color: #f8f8fb;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) {
  .OfficePost-inner {
    display: table;
    width: 100%;
    height: 74vh;
    max-height: 64rem;
  }
  .OfficePost-inner > div {
    display: table-cell;
    width: 50%;
  }
}
.OfficePost-hero,
.OfficePost-heroInner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media only screen and (min-width: 992px) {
  .OfficePost-hero,
  .OfficePost-heroInner {
    border-top-right-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
.OfficePost-hero {
  position: relative;
  background-color: #596372;
  background-image: radial-gradient(circle, #596372, #4e5764);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .OfficePost-hero,
  .OfficePost-contentInner {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.OfficePost-heroInner {
  background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 992px) {
  .OfficePost-heroInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-contentInner {
    height: 74vh;
    max-height: 64rem;
  }
}
@media only screen and (min-width: 992px) {
  .ie-11 .OfficePost-inner,
  .lt-ie11 .OfficePost-inner {
    height: 600px;
  }
  .ie-11 .OfficePost-hero,
  .lt-ie11 .OfficePost-hero {
    overflow-y: hidden;
  }
  .ie-11 .OfficePost-heroInner,
  .lt-ie11 .OfficePost-heroInner {
    height: 640px;
  }
}
.OfficePost.has-image .OfficePost-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.OfficePost.has-image .OfficePost-heroInner {
  background-color: rgba(0, 0, 0, 0.6);
}
.OfficePost-meta {
  padding: 16px 25px;
}
.OfficePost-meta ol,
.OfficePost-meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.OfficePost-meta li {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 480px) {
  .OfficePost-meta {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.OfficePost-meta .OfficePost-metaInner {
  display: table;
  width: 100%;
  padding: 24px 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 480px) {
  .OfficePost-meta .OfficePost-metaInner {
    margin-bottom: 48px;
    padding: 24px 0 24px;
  }
}
.OfficePost-meta .OfficePost-metaInner > div {
  display: table-cell;
  vertical-align: bottom;
}
.OfficePost-meta .OfficePost-brands {
  line-height: 1;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .OfficePost-meta .OfficePost-brands {
    text-align: right;
  }
}
.OfficePost-meta .OfficePost-brands li {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .OfficePost-meta .OfficePost-brands li {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.OfficePost-meta .OfficePost-brands li:after {
  content: "\B7";
  margin-right: 8px;
  margin-left: 8px;
  color: #808285;
}
.OfficePost-meta .OfficePost-brands li:last-child:after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .OfficePost-meta .OfficePost-brands {
    font-size: 12px;
  }
}
.OfficePost-header {
  padding: 72px 25px 16px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .OfficePost-header {
    padding-top: 128px;
    padding-bottom: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .OfficePost-header {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 64px;
    text-align: left;
  }
}
.OfficePost-header h2 {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5rem;
  line-height: 1.28;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .OfficePost-header h2 {
    font-size: 2.9rem;
    line-height: 1.37931034;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-header h2 {
    margin-left: 0;
  }
}
.OfficePost-header .OfficePost-location {
  margin-top: 24px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}
@media only screen and (min-width: 480px) {
  .OfficePost-header .OfficePost-location {
    font-size: 18px;
    line-height: 24px;
  }
}
.OfficePost-header .arrowDown {
  display: block;
  margin-top: 32px;
  padding: 16px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .OfficePost-header .arrowDown {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-header .arrowDown {
    display: none;
  }
}
.OfficePost-header .arrowDown .Icon {
  stroke: rgba(255, 255, 255, 0.7) !important;
  fill: rgba(255, 255, 255, 0.7) !important;
}
.OfficePost-header .arrowDown .Icon path {
  fill: rgba(255, 255, 255, 0.7) !important;
}
.OfficePost-header .arrowDown:active .Icon {
  stroke: #fff !important;
  fill: #fff !important;
}
.OfficePost-header .arrowDown:active .Icon path {
  fill: #fff !important;
}
@media only screen and (min-width: 992px) {
  .OfficePost.lot-of-text-hero .OfficePost-header h2 {
    font-size: 32px;
  }
  .OfficePost.lot-of-text-hero .OfficePost-header .OfficePost-desc {
    font-size: 18px;
    line-height: 1.55555556;
  }
}
.OfficePost-contactIcons {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .OfficePost-contactIcons {
    margin-top: 32px;
  }
}
.OfficePost-contactIcons li {
  padding: 0;
  margin: 0 8px;
}
@media only screen and (min-width: 768px) {
  .OfficePost-contactIcons li {
    margin: 0 8px 0 0;
  }
}
.OfficePost-contactIcons li,
.OfficePost-contactIcons a {
  display: inline-block;
}
.OfficePost-contactIcons .ContactIcon {
  width: 52px;
  height: 52px;
  background-color: #f98263;
  border-radius: 50%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .OfficePost-contactIcons .ContactIcon {
    width: 56px;
    height: 56px;
  }
}
.OfficePost-contactIcons .ContactIcon .Icon {
  stroke: #fff !important;
  fill: #fff !important;
  position: relative;
  top: 12px;
  width: 30px;
  height: 30px;
}
.OfficePost-contactIcons .ContactIcon .Icon path {
  fill: #fff !important;
}
@media only screen and (min-width: 768px) {
  .OfficePost-contactIcons .ContactIcon .Icon {
    width: 33px;
    height: 33px;
  }
}
.OfficePost-contactIcons .ContactIcon .Icon--email {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
.OfficePost-contactIcons .ContactIcon .Icon--website {
  -webkit-transform: scale(0.82) translateY(-2px);
          transform: scale(0.82) translateY(-2px);
}
.OfficePost-contactIcons .ContactIcon .Icon--pin {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.OfficePost-content {
  position: relative;
}
.OfficePost-contentInner {
  padding: 48px 25px 16px;
}
@media only screen and (min-width: 480px) {
  .OfficePost-contentInner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-contentInner {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .OfficePost-body {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .OfficePost-body {
    margin-top: 48px;
  }
}
.OfficePost-body,
.OfficePost-body p,
.OfficePost-body ul,
.OfficePost-body ol {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #6c6e70;
}
@media only screen and (min-width: 768px) {
  .OfficePost-body,
  .OfficePost-body p,
  .OfficePost-body ul,
  .OfficePost-body ol {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (max-width: 479px) {
  .OfficePost-body,
  .OfficePost-body p,
  .OfficePost-body ul,
  .OfficePost-body ol {
    font-size: 15px;
  }
}
.OfficePost-body p,
.OfficePost-body ul,
.OfficePost-body ol {
  margin-bottom: 12px;
}
@media only screen and (min-width: 480px) {
  .OfficePost .ContactSection-wrapper {
    display: table;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .OfficePost .ContactSection {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #dcdce6;
  }
  .OfficePost .ContactSection:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .OfficePost .ContactSection .ContactSection-body {
    margin-top: 8px;
  }
  .OfficePost .ContactSection .ContactSection-body p {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
  .lt-ie11 .OfficePost .ContactSection .ContactSection-body p {
    word-break: break-all;
  }
}
@media only screen and (min-width: 480px) {
  .OfficePost .ContactSection {
    display: table-row;
  }
  .OfficePost .ContactSection > div {
    display: table-cell;
    vertical-align: top;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dcdce6;
  }
  .OfficePost .ContactSection:last-child > div {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media only screen and (min-width: 480px) and (min-width: 768px) {
  .OfficePost .ContactSection > div {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.OfficePost .ContactSection-desc {
  padding-right: 16px;
}
.OfficePost .ContactSection-desc h3 {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #31788e;
  margin: 0;
  line-height: 28px;
}
@media only screen and (min-width: 768px) {
  .OfficePost .ContactSection-desc h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .OfficePost .ContactSection-desc h3 {
    line-height: 32px;
  }
}
.OfficePost .ContactSection-body > *:first-child {
  margin-top: 0;
}
.OfficePost .ContactSection-body > *:last-child {
  margin-bottom: 8px;
}
.OfficePost .ContactSection-body a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.OfficePost .ContactSection--address a {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}
.OfficePost .ContactSection--address a > *:last-child {
  margin-bottom: 0;
}
.OfficePost .ContactSection--address a:active p {
  color: #42474c;
}
.no-touch .OfficePost .ContactSection--address a:hover p {
  color: #42474c;
}
.OfficePost-actionWrapper {
  margin-top: 40px;
  text-align: center;
  border-top: 1px solid #d1d1d1;
}
@media only screen and (min-width: 992px) {
  .OfficePost-actionWrapper {
    display: none;
  }
}
.OfficePost-cancel {
  display: block;
  padding: 20px 0 16px;
  font-size: 14px;
  line-height: 24px;
}
.OfficePost-action {
  margin-top: 32px;
}
@media only screen and (max-width: 991px) {
  .OfficePost-action--hero {
    display: none;
  }
}
/*

  Page: System
  ------------------------------------------------
  General styling for all system pages

*/
.system-page .TopNav-inner,
.system-page .TopNavV2-inner {
  border-bottom: 1px solid #d1d1d1;
  -webkit-transition: border ease-in-out 0.25s;
  transition: border ease-in-out 0.25s;
}
.system-page .MainWrapper {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 64px;
  margin-bottom: 72px;
}
@media only screen and (min-width: 480px) {
  .system-page .MainWrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .system-page .MainWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .system-page .MainWrapper {
    margin-top: 128px;
    margin-bottom: 128px;
  }
}
.system-page .MainWrapper-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .system-page .MainWrapper-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .system-page .MainWrapper-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .system-page .MainWrapper-content {
    float: none !important;
    width: 100%;
    max-width: 746px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*

  Page: Error
  ------------------------------------------------
  Error page specific styling.

*/
/*

  Page: Password
  ------------------------------------------------
  General page styling

*/
.password-page .MainWrapper {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .password-page .MainWrapper {
    margin-top: 0;
  }
}
.password-page .widget-type-rich_text {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .password-page .widget-type-rich_text {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .password-page .widget-type-rich_text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.password-page .widget-type-rich_text > *:first-child {
  margin-top: 0;
}
.password-page .widget-type-rich_text > *:not(h2):last-child {
  margin-bottom: 0;
}
.password-page .widget-type-password_prompt {
  float: none !important;
  max-width: 300px;
  margin: 0 auto !important;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .password-page .widget-type-password_prompt {
    margin-top: 24px !important;
  }
}
.password-page .widget-type-password_prompt input[type="password"] {
  text-align: center;
  height: inherit !important;
}
.pillar-page .PillarIntro-content {
  margin-bottom: 75px;
}
.pillar-page .PillarIntro .FlexModule--textBlock.style-preamble .Col-body > *:first-child {
  text-align: left;
}
.pillar-page .BottomContent {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .pillar-page .BottomContent {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .pillar-page .BottomContent {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .pillar-page .BottomContent {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.pillar-page .BottomContent .ContentOffer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .pillar-page .BottomContent .ContentOffer {
    max-width: 100%;
    width: 65.94059406% !important;
    float: left !important;
  }
}
@media only screen and (max-width: 479px) {
  .pillar-page .BottomContent .ContentOffer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pillar-page .BottomContent .ContentOffer-title {
  font-family: "Roboto Slab", Helvetica Neue, Arial, sans-serif;
  font-size: 2.8rem;
  font-weight: 300;
  color: #31788e;
}
.pillar-page .BottomContent .ContentOffer-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  background-color: #ebebf1;
}
.pillar-page .BottomContent .ContentOffer-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 479px) {
  .pillar-page .BottomContent .ContentOffer-image img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
@media only screen and (min-width: 480px) {
  .pillar-page .BottomContent .ContentOffer-image img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
@media only screen and (min-width: 480px) {
  .pillar-page .BottomContent .ContentOffer-image {
    max-width: 45%;
  }
}
.pillar-page .BottomContent .ContentOffer-content {
  padding: 36px 32px 32px;
}
.pillar-page .BottomContent .ContentOffer-text {
  font-size: 16px;
}
.pillar-page .tile-page-academy.is-empty {
  display: none;
}
.hs-inline-edit .pillar-page .tile-page-academy.is-empty {
  display: block;
  margin-top: 72px;
  padding: 0;
  background-color: #ebebf1;
}
.hs-inline-edit .pillar-page .tile-page-academy.is-empty .TileNav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 90px;
}
.hs-inline-edit .pillar-page .tile-page-academy.is-empty .TileNav-list:before {
  content: "Click to enable Academy content offers.";
  display: block;
  font-size: 14px;
  color: #838c97;
}
/**
 * Pillar page summary styling.
 */
.pillar-page.enable-summary .FixedSidebar {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pillar-page.enable-summary .FixedSidebar {
    -webkit-transform: translateX(70%);
            transform: translateX(70%);
    -webkit-transition-delay: 0.75s, 0s;
            transition-delay: 0.75s, 0s;
  }
  .pillar-page.enable-summary .FixedSidebar:hover {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
@media only screen and (min-width: 768px) {
  .pillar-page .FixedSidebar {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 1030;
    max-width: 240px;
    padding: 24px 22px;
    background: rgba(255, 255, 255, 0.94);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-transition: opacity ease-in-out 0.15s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: opacity ease-in-out 0.15s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity ease-in-out 0.15s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity ease-in-out 0.15s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -webkit-transition-delay: 1s, 0s;
            transition-delay: 1s, 0s;
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (min-width: 768px) and (min-height: 800px) {
  .pillar-page .FixedSidebar {
    top: 25%;
  }
}
@media only screen and (min-width: 992px) {
  .pillar-page .FixedSidebar {
    right: 40px;
    max-width: 295px;
    padding: 24px 26px;
    border-radius: 12px;
  }
}
.pillar-page .FixedSidebar.sidebar-colliding:not(.sidebar-not-colliding) {
  opacity: 0;
  pointer-events: none;
}
.pillar-page .FixedSidebar .SidebarContentOffer {
  display: none;
}
.pillar-page .FixedSidebar .SidebarContentOffer .cta_button {
  margin-bottom: 0;
  padding: 0.84615385em 1.53846154em 0.84615385em !important;
  font-size: 1.3rem !important;
  line-height: 1.23076923 !important;
  border-radius: 9999px !important;
  min-height: 40px !important;
}
@media only screen and (min-width: 768px) {
  .pillar-page .FixedSidebar .SidebarContentOffer {
    display: block;
    text-align: center;
  }
}
.pillar-page .FixedSidebar .SidebarContentOffer h4 {
  font-size: 1.2rem;
  line-height: 1.33333333;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #838c97;
  color: #31788e;
}
@media only screen and (min-width: 768px) {
  .pillar-page .FixedSidebar .SidebarContentOffer h4 {
    font-size: 1.3rem;
    line-height: 1.23076923;
  }
}
.pillar-page .FixedSidebar .SidebarContentOffer p {
  margin-bottom: 16px;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #77828e;
}
.pillar-page .PostSummary-inner {
  margin-left: 0;
}
.pillar-page .PostSummary {
  margin-bottom: 30px;
}
.pillar-page .PostSummary li.start-link {
  display: none;
}
.pillar-page .PostSummary li {
  position: relative;
}
.pillar-page .PostSummary li.active a {
  color: #42474c;
}
.pillar-page .PostSummary li.active a .anchor-count {
  color: #00b49d;
}
.pillar-page .PostSummary li a {
  margin-left: -4px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 40px;
  font-weight: 500;
  line-height: 1.5;
  color: #77828e;
  border: none;
}
@media only screen and (min-width: 768px) {
  .pillar-page .PostSummary li a {
    padding-left: 32px;
  }
}
.pillar-page .PostSummary li .anchor-count {
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .pillar-page .PostSummary li .anchor-count {
    margin: 6px 0 0;
  }
}
.pillar-page .PostSummary .anchor-count {
  margin-right: 10px;
}
.pillar-page #hs_cos_wrapper_blog_share_bar {
  display: block;
}
@media only screen and (max-width: 767px) {
  .pillar-page #hs_cos_wrapper_blog_share_bar .PostShare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.pillar-page #hs_cos_wrapper_blog_share_bar .PostShare ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pillar-page #hs_cos_wrapper_blog_share_bar .PostShare ul li {
  margin-right: 20px;
}
.PillarChapter-heading {
  padding: 60px 0;
  margin-bottom: 50px;
  background-color: #31788e;
}
.PillarChapter-heading h2 {
  font-size: 4rem;
  margin-bottom: 0;
  color: #fff;
  font-weight: normal;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) {
  .PillarChapter-heading h2 .anchor-count {
    margin-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .PillarChapter-heading {
    padding: 20px;
    text-align: center;
  }
  .PillarChapter-heading h2 {
    font-size: 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .PillarChapter-heading h2 .anchor-count {
    margin-right: 0;
  }
}
.PillarChapter .FixedSidebar {
  float: right;
}
.PillarChapter-heading .Heading,
.PillarChapter-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .PillarChapter-heading .Heading,
  .PillarChapter-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .PillarChapter-heading .Heading,
  .PillarChapter-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PillarChapter-heading .Heading,
  .PillarChapter-content {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.PillarChapter-heading .Heading {
  max-width: 1280px;
}
.PillarChapter-content {
  overflow: auto;
}
.PillarChapter .Content {
  margin-top: 1px;
  padding-bottom: 50px;
  margin-bottom: 75px;
  border-bottom: 2px solid #dedede;
}
@media only screen and (min-width: 768px) {
  .pillar-page .FlexModule--productBlock .FlexModule-inner,
  .PillarChapter .Content,
  .PillarContent-main .PostShare {
    max-width: 100%;
    width: 65.94059406% !important;
  }
}
.pillar-page .FlexModule--productBlock {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 480px) {
  .pillar-page .FlexModule--productBlock {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .pillar-page .FlexModule--productBlock {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .pillar-page .FlexModule--productBlock {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.pillar-page .FlexModule--productBlock .FlexModule-inner {
  margin-left: 0;
  padding: 0;
}
.pillar-page .FlexModule--productBlock .FlexModule-colWrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pillar-page .FlexModule--productBlock .FlexModule-colHeading {
  text-align: left;
}
.pillar-page .FlexModule--productBlock .FlexModule-col {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
}
.pillar-page .FlexModule--productBlock .FlexModule-col .NavProdCard {
  max-width: 280px;
}
@media only screen and (min-width: 480px) {
  .pillar-page .FlexModule--productBlock .FlexModule-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
  .pillar-page .FlexModule--productBlock .FlexModule-col .NavProdCard {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .pillar-page .FlexModule--productBlock .FlexModule-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.33333333%;
            flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
.pillar-page .FlexModule--productBlock.bottom-spacing .FlexModule-inner {
  margin-bottom: 48px;
}
.pillar-page .hs_cos_wrapper_type_widget_container > div:first-child {
  margin-top: 88px;
}
.PillarChaptersOverview {
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  margin-bottom: 75px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .PillarChaptersOverview {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .PillarChaptersOverview {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .PillarChaptersOverview {
    float: none !important;
    width: 100%;
    max-width: 1090px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.PillarChaptersOverview h3 {
  margin-bottom: 40px;
}
.PillarChaptersOverview-chapters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.PillarChaptersOverview-item {
  position: relative;
  width: 100%;
  min-height: 300px;
  padding-bottom: 50px;
  margin: 0 17px 17px 0;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  color: #42474c;
}
@media only screen and (min-width: 768px) {
  .PillarChaptersOverview-item {
    max-width: 325px;
  }
  .PillarChaptersOverview-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .PillarChaptersOverview-item {
    width: 48%;
  }
  .PillarChaptersOverview-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .PillarChaptersOverview-item {
    width: 100%;
    margin-right: 0;
  }
  .PillarChaptersOverview-item img {
    width: 100%;
  }
}
.PillarChaptersOverview-item:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}
.PillarChaptersOverview-item .arrow-icon {
  position: absolute;
  bottom: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.PillarChaptersOverview-item .arrow-icon svg {
  width: 6px;
}
.PillarChaptersOverview-item .chapter-image > img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.PillarChaptersOverview-item .chapter-heading {
  font-size: 1.4rem;
  line-height: 1;
  line-height: 1.8rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .PillarChaptersOverview-item .chapter-heading {
    font-size: 1.5rem;
  }
}
.PillarChaptersOverview-item .chapter-content {
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.PillarChaptersOverview-item .chapter-number {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  margin-top: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  z-index: 1;
}
.PillarChaptersOverview-item .chapter-number:before,
.PillarChaptersOverview-item .chapter-number:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 95px;
  height: 1px;
  background-color: #dedede;
}
.PillarChaptersOverview-item .chapter-number:before {
  left: 0;
}
.PillarChaptersOverview-item .chapter-number:after {
  right: 0;
}
.PillarChaptersOverview-item .chapter-number span {
  display: block;
  width: 32px;
  background-color: #31788e;
  border-radius: 50%;
  color: #fff;
  z-index: 1;
}