.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

.shadowed {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); }

.alert.alert-primary {
  background-color: #1C449B;
  border-color: #4a67b3;
  color: #ffffff; }

.alert.alert-success {
  background-color: #4a9035;
  border-color: #376e26;
  color: #ffffff; }

.alert.alert-danger {
  background-color: #dc0423;
  border-color: #dc0423;
  color: #ffffff; }
  .alert.alert-danger a {
    color: #ffffff;
    text-decoration: underline; }

.alert.alert-info {
  background-color: #ffffff;
  border-color: #1C449B;
  color: #1C449B; }

.alert.alert-light {
  color: #d3d3d3; }

.alert.alert-dark {
  background-color: #d3d3d3;
  border-color: #2d2d2d;
  color: #3e3e3e; }

.answer.component {
  display: block;
  padding: 1rem 0;
  color: #2d2d2d; }
  .answer.component h3 {
    margin: 0 0 0.25rem 0;
    font-size: 1.2rem;
    font-weight: bolder; }
  .answer.component p {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0; }
  .answer.component:hover h3 {
    color: #1C449B; }

@media (max-width: 991.98px) {
  .answer.component h3 {
    font-size: 1.1rem; }
  .answer.component p {
    font-size: 0.9rem; } }

@media (max-width: 767.98px) {
  .answer.component {
    border-bottom: 1px solid #d6d6d6; } }

@media (max-width: 575.98px) {
  .answer.component {
    flex-direction: column; }
    .answer.component .image img {
      display: block;
      object-fit: cover;
      width: 100%; }
    .answer.component h3 {
      margin: 0.5rem 0 0.25rem 0;
      font-size: 1.2rem; }
    .answer.component p {
      font-size: 1rem; } }

.btn {
  box-shadow: none !important;
  outline: none !important;
  font-size: 1.15rem; }

.btn.btn-primary {
  background-color: #1C449B;
  border-color: #1C449B; }

.btn.btn-info,
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active {
  background-color: #ffffff !important;
  border-color: #1C449B !important;
  color: #1C449B !important; }

.btn-dark {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff; }

.link-button, .pill-button {
  border: 1px solid transparent;
  border-radius: 5rem;
  padding: 0.5em 1.25em;
  outline: none;
  text-decoration: none; }

.pill-button {
  background-color: #1C449B;
  color: #ffffff;
  min-width: 10rem; }
  .pill-button:hover, .pill-button:active, .pill-button:focus {
    background-color: transparent;
    border: 1px solid #1C449B;
    color: #1C449B; }

.link-button {
  background-color: transparent;
  border: 1px solid #1C449B;
  color: #1C449B; }
  .link-button:hover, .link-button:active, .link-button:focus {
    background-color: #1C449B;
    color: #ffffff;
    outline: none; }

.block-button {
  background-color: #1C449B;
  color: #ffffff;
  border-radius: 5rem;
  display: inline-block;
  padding: 0.5em 2em;
  font-size: 1.15rem;
  border: none;
  outline: none; }
  .block-button.inverse {
    background-color: #ffffff;
    color: #1C449B;
    border: 2px solid #1C449B; }
  .block-button:hover, .block-button:active, .block-button:focus {
    background-color: #103075;
    color: #ffffff;
    outline: none; }

.continue-button {
  border: 2px solid #1C449B;
  background-color: #1C449B;
  border-radius: 5rem;
  color: #ffffff;
  padding: 0.75rem 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 1.15rem; }
  .continue-button:hover, .continue-button:active, .continue-button:focus {
    background-color: #103075;
    border-color: #103075;
    color: #ffffff;
    outline: none; }

.toggle.btn {
  border-color: #d6d6d6;
  color: #d6d6d6;
  border-radius: 5rem;
  min-width: 4rem !important;
  cursor: pointer; }
  .toggle.btn:hover, .toggle.btn:active, .toggle.btn:focus {
    background-color: transparent !important;
    border-color: #d6d6d6;
    outline: none; }
    .toggle.btn:hover .toggle-group .toggle-handle, .toggle.btn:active .toggle-group .toggle-handle, .toggle.btn:focus .toggle-group .toggle-handle {
      background-color: #1C449B; }
  .toggle.btn .toggle-group label {
    display: none; }
  .toggle.btn .toggle-group .toggle-handle {
    background-color: #1C449B;
    border-color: #1C449B;
    border-radius: 20rem;
    display: block;
    height: 1.35rem;
    width: 1.35rem;
    margin-top: 0.2rem;
    margin-right: 4.1rem; }
  .toggle.btn.off .toggle-group .toggle-handle {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    margin-left: 4.1rem; }

.byline {
  color: #939393;
  margin-top: 1.5rem; }
  .byline .author {
    margin: 0;
    font-size: 1.1rem; }
    .byline .author .avatar {
      max-width: 3rem;
      margin-left: 1rem; }

@media (max-width: 767.98px) {
  .byline .author {
    font-size: 0.9rem; }
    .byline .author .avatar {
      margin-left: 0.5rem; } }

.card {
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 5px #f4f4f4;
  -moz-box-shadow: 0px 0px 10px 5px #f4f4f4;
  box-shadow: 0px 0px 10px 5px #f4f4f4;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 1.5rem 1rem;
  margin-bottom: 1.5rem; }
  .card:hover {
    text-decoration: underline; }
  .card h3 {
    font-size: 1.1rem;
    font-weight: normal; }

.choices {
  display: flex;
  margin: 1rem 0; }
  .choices.vertical {
    flex-direction: column; }
  .choices label.choice {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .choices label.choice input[type=radio] {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0; }
    .choices label.choice input[type=radio]:checked ~ .checked,
    .choices label.choice input[type=radio]:not(:checked) ~ .unchecked {
      display: block; }
    .choices label.choice input[type=radio]:checked ~ .unchecked,
    .choices label.choice input[type=radio]:not(:checked) ~ .checked {
      display: none; }
    .choices label.choice .text {
      font-size: 1.1rem;
      margin: 0 2rem 0 0.75rem; }

.carousel-control-prev,
.carousel-control-next {
  opacity: 1;
  height: 5rem;
  width: 3.5rem;
  top: 10rem; }
  .carousel-control-prev.carousel-control-prev,
  .carousel-control-next.carousel-control-prev {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
  .carousel-control-prev.carousel-control-next,
  .carousel-control-next.carousel-control-next {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
  .carousel-control-prev .carousel-control-icon,
  .carousel-control-next .carousel-control-icon {
    font-size: 3rem; }

.carousel-indicators {
  bottom: -2rem;
  margin: 0;
  justify-content: left; }
  .carousel-indicators.carousel-indicators-dark li {
    background-color: #939393;
    color: #939393; }
  .carousel-indicators li {
    background-color: #ffffff;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    margin: .25em .5em;
    font-size: .9em;
    opacity: 0.2; }
    .carousel-indicators li.active {
      opacity: 1; }

.cover {
  text-align: center;
  width: 100%; }
  .cover .cover-wrapper {
    margin: 0 auto; }

.call-to-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
  text-align: center; }
  .call-to-action h3.benefits {
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.4;
    max-width: 20em; }
  .call-to-action a.cta {
    margin: 0 0 1rem 0;
    padding: 0.75em 4em;
    background-color: #dc0423;
    color: #ffffff;
    font-size: 1rem;
    text-transform: capitalize;
    border-radius: 5rem;
    width: 15em; }
    .call-to-action a.cta:hover {
      background-color: #c1031f; }
  .call-to-action .sign-in {
    margin-bottom: 1em; }
  .call-to-action.with-background {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding-top: 1rem; }

.upsell {
  display: flex;
  flex-direction: column;
  margin: 2.5rem;
  align-items: center; }
  .upsell .headline {
    text-align: center; }
  .upsell p {
    text-align: center;
    font-size: 1.35rem; }
  .upsell .join {
    background-color: #dc0423;
    border-radius: 2em;
    color: #ffffff;
    font-size: 1.15rem;
    text-align: center;
    text-transform: capitalize;
    margin-top: 1rem;
    padding: 0.75em 5em;
    -webkit-box-shadow: 0 5px 7px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 5px 7px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px 7px -6px rgba(0, 0, 0, 0.75); }
    .upsell .join:hover {
      background-color: #c1031f; }
  .upsell .upsell-login {
    margin: 1em 0;
    font-size: 1.1em;
    text-align: center; }

.join-modal form {
  padding: 1rem; }
  .join-modal form .icon {
    text-align: center; }
    .join-modal form .icon img {
      height: 4rem;
      width: 4rem; }
  .join-modal form .headline {
    max-width: initial;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    font-size: 1.75rem; }
  .join-modal form label, .join-modal form input {
    font-size: 1.25rem; }
  .join-modal form .actions {
    display: flex;
    align-items: center; }
    .join-modal form .actions button {
      margin: 1rem auto !important;
      padding: 0.75rem 4rem;
      background-color: #dc0423;
      color: #ffffff;
      font-size: 1.25rem;
      text-transform: uppercase;
      border-radius: 5rem; }
  .join-modal form .disclaimer {
    font-size: 0.9rem;
    text-align: center;
    margin: 0.5rem 0 0 0; }

@media (max-width: 767.98px) {
  .upsell .join {
    padding: 0.75em 1em;
    width: 100%; } }

.favorite.favorited,
.favorite:hover {
  color: #dc0423; }

.favorite.favorited .not-favorited,
.favorite.not-favorited .favorited {
  display: none; }

.favorite-box {
  position: relative;
  display: block; }
  .favorite-box .favorite {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    font-size: 1.3rem;
    color: #dc0423; }

.faq h2 {
  border-bottom: 2px solid #000000;
  margin: 0;
  padding: 0 0 1rem 0;
  font-size: 1.5rem; }

.faq .section .question {
  background-color: #f3f3f3;
  padding: 1rem;
  cursor: pointer; }
  .faq .section .question h3 {
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between; }
    .faq .section .question h3 .icons {
      height: 12px;
      width: 24px;
      margin-left: 1rem;
      flex-shrink: 0; }
      .faq .section .question h3 .icons img {
        height: 100%;
        width: 100%; }
    .faq .section .question h3 .expander {
      display: block; }
    .faq .section .question h3 .collapser {
      display: none; }

.faq .section .answer {
  padding: 1rem 0;
  display: none;
  font-size: 1rem; }

.faq .section.open .question h3 .expander {
  display: none; }

.faq .section.open .question h3 .collapser {
  display: block; }

.faq .section.open .answer {
  display: block; }

.grouped-list {
  margin-bottom: 2rem; }
  .grouped-list h2 {
    margin: 0 0 0.5rem 0;
    padding: 1.5rem 0 0.25rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #d6d6d6; }
  .grouped-list a {
    display: block;
    padding: 0.5rem;
    font-size: 1.25rem;
    color: #000000; }
    .grouped-list a:hover, .grouped-list a:active {
      background-color: #1C449B;
      color: #ffffff; }

.letter-box {
  background-image: url(https://cdn.consumerlab.com/images/white-fade.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  top: 80px !important;
  /* padding-bottom must be equivalent to the height of the background image */
  padding-bottom: 33px; }
  .letter-box .letter-container {
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0; }
    .letter-box .letter-container a {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      border: 1px solid #d6d6d6;
      text-align: center;
      color: #a5a5a5;
      padding: 0.15rem 0; }
      .letter-box .letter-container a:hover, .letter-box .letter-container a.active {
        border-color: #2d2d2d;
        color: #1C449B; }

@media (max-width: 991.98px) {
  .letter-box {
    top: 60px !important; }
    .letter-box .letter-container a {
      padding: 0.15rem 0.1rem; } }

@media (max-width: 767.98px) {
  .letter-box {
    background: none;
    padding-bottom: 0; }
    .letter-box .letter-container {
      flex-shrink: 1;
      margin: 2em 0 0 0;
      flex-direction: column;
      justify-content: flex-start;
      align-content: flex-end; }
      .letter-box .letter-container a {
        flex-grow: 0;
        font-size: 1.5em;
        font-weight: 300;
        padding: 0.2em;
        margin: 0 0 0.5em 1em;
        width: 1.75em; } }

.navigation.sticky-top.stuck .label {
  border-top: none; }

.navigation .label {
  background-color: #efefef;
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0.65rem;
  cursor: pointer; }
  .navigation .label .text {
    font-size: 1.5rem;
    font-weight: 500;
    color: #1C449B; }
  .navigation .label .icon .collapsed {
    display: block; }
  .navigation .label .icon .expanded {
    display: none; }

.navigation ul, .navigation .items {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  font-size: 1rem; }
  .navigation ul ul a, .navigation .items ul a {
    padding-left: 2rem; }
  .navigation ul ul ul a, .navigation .items ul ul a {
    padding-left: 3rem; }
  .navigation ul li, .navigation .items li {
    margin: 0;
    padding: 0;
    border-left: 5px solid #efefef; }
    .navigation ul li li, .navigation .items li li {
      border-left: none; }
    .navigation ul li.active, .navigation ul li:hover, .navigation .items li.active, .navigation .items li:hover {
      border-left-color: #1C449B; }
      .navigation ul li.active a, .navigation ul li:hover a, .navigation .items li.active a, .navigation .items li:hover a {
        color: #1C449B;
        font-weight: bold; }
    .navigation ul li a, .navigation .items li a {
      display: block;
      color: #2d2d2d;
      margin-left: 0.75rem;
      padding: 0.65rem 0;
      border-bottom: 1px solid #ffffff; }

.navigation.expanded ul, .navigation.expanded .items {
  display: block !important; }

.navigation.expanded .icon .collapsed {
  display: none; }

.navigation.expanded .icon .expanded {
  display: block; }

.navigation.jump-menu {
  background-color: #d3d3d3; }
  .navigation.jump-menu .label {
    display: flex; }
  .navigation.jump-menu ul, .navigation.jump-menu .items {
    display: none;
    font-size: 1.25rem; }
    .navigation.jump-menu ul ul, .navigation.jump-menu .items ul {
      max-height: initial; }
    .navigation.jump-menu ul li, .navigation.jump-menu .items li {
      border: none; }
      .navigation.jump-menu ul li a, .navigation.jump-menu .items li a {
        margin-left: 0;
        padding-left: 1rem; }

@media (max-width: 767.98px) {
  .navigation .label {
    display: flex; }
  .navigation ul, .navigation .items {
    display: none;
    font-size: 1.25rem;
    max-height: 30rem;
    overflow-y: scroll; }
    .navigation ul ul, .navigation .items ul {
      max-height: initial;
      overflow-y: initial; }
    .navigation ul li, .navigation .items li {
      border: none; }
      .navigation ul li a, .navigation .items li a {
        margin-left: 0;
        padding-left: 1rem; } }

.padlock-box {
  position: relative;
  display: block; }
  .padlock-box .padlock {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem; }
    .padlock-box .padlock .image {
      height: 1.75rem;
      width: 1.75rem;
      background-color: #ffffff;
      border-radius: 50px; }
      .padlock-box .padlock .image img {
        height: 100%;
        width: 100%; }

.paginator {
  margin: 1rem 0 2rem 0;
  display: flex;
  align-items: baseline;
  justify-content: center; }
  .paginator a, .paginator span {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-size: 1.2rem; }
  .paginator a:hover, .paginator a.active {
    background-color: #f3f3f3;
    border-radius: 5px; }

.payment-method {
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-top: 1rem;
  padding: 1.5rem 1rem;
  text-align: center; }
  .payment-method img {
    display: inline-block;
    margin-right: 0.3rem; }

.progress-bar {
  background-color: #1C449B; }

.progress-bar.bg-danger {
  background-color: #dc0423; }

.search-form {
  scroll-margin-top: 100px; }
  .search-form .bordered {
    border: 1px solid #d6d6d6;
    border-radius: 5px; }
  .search-form .search {
    display: flex;
    margin-bottom: 1rem; }
    .search-form .search input {
      border: none;
      color: #2d2d2d;
      font-size: 1rem;
      font-weight: 300;
      padding: 0.5rem;
      height: initial; }
  .search-form .input-group {
    background-color: #ffffff; }
    .search-form .input-group img {
      margin: 0.75rem;
      width: 1rem;
      height: 1rem; }
    .search-form .input-group.filter select {
      background-color: #ffffff;
      border: none;
      border-radius: 5px;
      box-sizing: border-box;
      font-size: 1rem;
      font-weight: 300;
      margin: 0;
      padding: 0 2rem 0 0.5rem;
      height: 2.5rem;
      width: 100%; }

@media (max-width: 767.98px) {
  .search-form {
    background-color: #f3f3f3;
    padding: 1rem;
    scroll-margin-top: 75px; } }

.sticky-top {
  top: 79px; }

@media (max-width: 991.98px) {
  .sticky-top {
    top: 60px; }
  .sticky-top.sticky-shadow.stuck {
    z-index: 1031;
    box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.3); } }

.no-sticky-offset {
  top: 0; }

.tabella-ctr {
  font-size: 0.9rem;
  margin: 0 !important; }
  .tabella-ctr .t-first-row {
    border-bottom-width: 0; }
  .tabella-ctr .t-row {
    border: 1px solid #d3d3d3;
    margin-top: 0; }
  .tabella-ctr .t-row-desc {
    padding: 0; }
  .tabella-ctr .t-cell-desc-l {
    background-color: rgba(51, 102, 153, 0.1);
    font-size: 0.9rem;
    width: 100%; }
  .tabella-ctr .t-cell-desc-s {
    font-size: 0.8rem; }
  .tabella-ctr .t-row-header {
    color: #ffffff;
    background-color: #1C449B;
    font-weight: normal; }
  .tabella-ctr .t-row-values {
    font-size: 1.0em;
    height: 100%; }
  .tabella-ctr .header-column-a {
    vertical-align: top;
    text-align: center;
    padding: 0.3rem; }
  .tabella-ctr .product-column-a {
    vertical-align: top;
    text-align: left;
    padding: 0.3rem; }
  .tabella-ctr .t-sliding-row {
    background-color: #ffffff; }
  .tabella-ctr .t-row-cell {
    background-color: transparent !important;
    color: #000000;
    border-left: #7993b4 1px solid !important;
    border-top: #7993b4 1px solid !important; }
  .tabella-ctr .t-row-cell:nth-of-type(even) {
    background-color: whitesmoke !important; }
  .tabella-ctr .t-row-cell:nth-of-type(odd) {
    background-color: white !important; }
  .tabella-ctr .t-cell-border-top::before {
    border-top-color: #d3d3d3; }
  .tabella-ctr .t-element {
    line-height: 1.2; }
  .tabella-ctr .t-cell-value {
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 3px; }
    .tabella-ctr .t-cell-value div[data-role='popup'] {
      display: none; }
      .tabella-ctr .t-cell-value div[data-role='popup'] .ui-btn-right {
        display: none; }
  .tabella-ctr .t-cell-desc-l,
  .tabella-ctr .t-cell-desc-s {
    color: #000000;
    font-style: normal;
    font-weight: bold;
    padding: 3px 5px 0 5px;
    text-align: center; }
  .tabella-ctr .t-cell-desc-l, .tabella-ctr .t-row-content {
    background-color: rgba(51, 102, 153, 0.1); }
  .tabella-ctr .t-cell-desc-s {
    display: block; }
  .tabella-ctr .t-arrow, .tabella-ctr .t-arr-right, .tabella-ctr .t-arr-left {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.1rem;
    background-color: #1C449B; }
  .tabella-ctr .t-arr-right svg {
    width: 40%;
    top: 0; }
  .tabella-ctr .t-arr-left svg {
    width: 40%;
    top: 0; }
  .tabella-ctr .t-row {
    border: #7993b4 1px solid !important; }
  .tabella-ctr a {
    color: #1C449B; }
  .tabella-ctr .upper-limit-text {
    color: #dc0423; }
  .tabella-ctr .daily-value-text {
    color: #376e26; }
  .tabella-ctr .footnotes {
    font-size: 1rem;
    padding: 10px; }
  .tabella-ctr .aFootnote {
    text-decoration: none;
    color: #4a67b3;
    font-weight: normal;
    padding-left: 2px;
    font-size: 1em; }
  .tabella-ctr .aFootnote a.link {
    text-decoration: none;
    color: #1C449B; }
  .tabella-ctr .divReviewTableHeader {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
    background-color: #dbe8f8;
    padding: 5px;
    border: #7993b4 1px solid;
    text-align: center; }
  .tabella-ctr .divReviewTableFooterA {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 5px;
    border: #7993b4 1px solid;
    border-top: none;
    text-align: left;
    font-size: 0.9em; }
  .tabella-ctr .divReviewTableFooterB {
    margin: 0 auto 20px auto;
    width: 100%;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #7993b4;
    border-top: none;
    text-align: left;
    font-size: 0.9em; }
  .tabella-ctr .spnReviewTableSubheader {
    text-align: center;
    font-size: 0.8em;
    font-weight: bold; }
  .tabella-ctr .divSpinner {
    margin: 25px; }
  .tabella-ctr .product-image-small {
    max-width: 150px; }
  .tabella-ctr .reviewProductPhoto {
    padding: 10px; }
  .tabella-ctr .divProductImage {
    width: 83px;
    height: 110px;
    position: relative;
    margin: 20px auto 10px auto; }
  .tabella-ctr .divProductImageB {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 20px auto 10px auto; }
  .tabella-ctr .price-check {
    margin-top: 10px;
    margin-bottom: 5px; }
  .tabella-ctr .rightCircle {
    position: absolute;
    right: -8px;
    top: -15px; }
    .tabella-ctr .rightCircle .fa-plus-circle {
      font-size: 1.25rem;
      color: #6c6c6c; }
  .tabella-ctr .divTopPick {
    background-color: #1c449b;
    width: 100%;
    line-height: 25px;
    font-size: 1.0em;
    text-align: center;
    color: white;
    font-weight: normal;
    letter-spacing: 3px;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 5px; }
  .tabella-ctr .divTopPickLeft {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 5px;
    border-color: transparent transparent transparent #eaeff5; }
  .tabella-ctr .divTopPickRight {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 5px 12.5px 0;
    border-color: transparent #eaeff5 transparent transparent; }
  .tabella-ctr .divBestOption {
    background-color: #A4C4EB;
    width: 100%;
    line-height: 25px;
    font-size: 1.0em;
    text-align: center;
    color: #1C44A8;
    font-weight: bold;
    letter-spacing: 3px;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-shadow: none; }
  .tabella-ctr .divBestOptionLeft {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 5px;
    border-color: transparent transparent transparent #eaeff5; }
  .tabella-ctr .divBestOptionRight {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 5px 12.5px 0;
    border-color: transparent #eaeff5 transparent transparent; }
  .tabella-ctr .divFlagApproved {
    background-color: #009900;
    width: 100%;
    line-height: 25px;
    font-size: 1.0em;
    text-align: center;
    color: white;
    font-weight: normal;
    letter-spacing: 3px;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 5px; }
  .tabella-ctr .divFlagApprovedLeft {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 5px;
    border-color: transparent transparent transparent #eaeff5; }
  .tabella-ctr .divFlagApprovedRight {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 5px 12.5px 0;
    border-color: transparent #eaeff5 transparent transparent; }
  .tabella-ctr .divFlagNotApproved {
    background-color: #ff0000;
    width: 100%;
    line-height: 25px;
    font-size: 1.0em;
    text-align: center;
    color: white;
    font-weight: normal;
    letter-spacing: 1px;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 5px; }
  .tabella-ctr .divFlagNotApprovedLeft {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 5px;
    border-color: transparent transparent transparent #eaeff5; }
  .tabella-ctr .divFlagNotApprovedRight {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 5px 12.5px 0;
    border-color: transparent #eaeff5 transparent transparent; }
  .tabella-ctr .spnReviewTableHeaderSubtext {
    font-size: 1em;
    margin-top: -5px;
    margin-bottom: 5px;
    font-weight: normal; }

.toggle-panel-container {
  position: relative; }

.toggle-panel-options {
  display: flex;
  margin-top: 1rem;
  padding: 0.75rem 0;
  border-top: 1px solid #d3d3d3;
  border-bottom: 2px solid #2d2d2d; }
  .toggle-panel-options .toggle-panel-option {
    display: flex;
    align-items: baseline;
    margin-right: 2rem;
    color: #2d2d2d;
    font-size: 1.25rem; }
    .toggle-panel-options .toggle-panel-option span {
      margin-right: 1rem; }
    .toggle-panel-options .toggle-panel-option.expanded span {
      font-weight: 500; }
    .toggle-panel-options .toggle-panel-option .expanded, .toggle-panel-options .toggle-panel-option .collapsed {
      display: none; }
    .toggle-panel-options .toggle-panel-option.expanded .expanded, .toggle-panel-options .toggle-panel-option.collapsed .collapsed {
      display: block; }

.toggle-panel {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  padding: 1rem 2rem; }
  .toggle-panel .panel-filter .input-group {
    background-color: #f3f3f3;
    border-radius: 5px; }
    .toggle-panel .panel-filter .input-group .input-group-prepend {
      margin: 0;
      padding: 0.5rem; }
    .toggle-panel .panel-filter .input-group .form-control {
      background-color: transparent;
      border: none; }
  .toggle-panel.year {
    max-width: 15rem; }
  .toggle-panel a {
    display: block;
    padding: 0.5rem;
    font-size: 1.1rem; }

@media (max-width: 767.98px) {
  .toggle-panel-options .toggle-panel-option {
    font-size: 1rem; }
    .toggle-panel-options .toggle-panel-option span {
      margin-right: 0.5rem; } }

h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 0 0 1em 0; }

h2:not(:first-child) {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.9em 0 0.3em 0; }

h2:first-child {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0em 0 0.3em 0; }

h3:not(:first-child) {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.9em 0 0.3em 0; }

h3:first-child {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 0.3em 0; }

h4 {
  font-size: 1.1em;
  font-weight: normal;
  margin: 0 0 1em 0; }

h5 {
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 1em 0; }

a {
  color: #1C449B;
  word-break: break-word; }
  a:hover {
    text-decoration: none; }

.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

#no-js-warning {
  width: 100%;
  height: 2.5rem;
  line-height: 2.6rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #731b22;
  background-color: #f9d7da;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
  position: fixed;
  z-index: 1030; }

#header {
  border-bottom: 1px solid #d3d3d3;
  box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  height: 80px;
  z-index: 1030; }
  #header.expanded {
    /* this is to go over top of any sticky fixed headers */
    z-index: 1032; }
  #header .brand {
    min-width: 15rem;
    max-width: 20rem;
    margin: 0 2.5rem; }
  #header #overlay-toggle {
    border: none;
    border-right: 1px solid #d3d3d3;
    background-color: #ffffff;
    width: 79px;
    height: 79px;
    padding: 0;
    outline: none; }
    #header #overlay-toggle .fa {
      color: #1C449B; }
    #header #overlay-toggle img {
      margin: 0 auto;
      height: 24px; }
  #header #overlay-toggle.expanded,
  #header #overlay-toggle.nested {
    background-color: #1C449B; }
    #header #overlay-toggle.expanded .fa,
    #header #overlay-toggle.nested .fa {
      color: #ffffff; }
  #header #overlay-toggle.expanded .expanded,
  #header #overlay-toggle.collapsed .collapsed,
  #header #overlay-toggle.nested .nested {
    display: block; }
  #header #overlay-toggle.expanded .collapsed,
  #header #overlay-toggle.expanded .nested,
  #header #overlay-toggle.collapsed .expanded,
  #header #overlay-toggle.collapsed .nested,
  #header #overlay-toggle.nested .expanded,
  #header #overlay-toggle.nested .collapsed {
    display: none; }
  #header .header-navigation-contents {
    justify-content: space-between; }
  #header .menu {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #header .primary.menu {
    background-color: #ffffff;
    display: flex; }
  #header .primary.menu .menu-item, #header .desktop.menu .menu-item {
    margin-bottom: -1px; }
    #header .primary.menu .menu-item.trigger.active a, #header .desktop.menu .menu-item.trigger.active a {
      background-color: #ffffff;
      border-left: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      border-bottom: 1px solid #ffffff;
      color: #1C449B; }
    #header .primary.menu .menu-item a, #header .desktop.menu .menu-item a {
      color: #2d2d2d;
      font-size: 1.1rem;
      font-weight: 500;
      height: 5rem;
      padding: 1.5rem 1rem 0 1rem;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-bottom: 1px solid transparent; }
      #header .primary.menu .menu-item a img, #header .desktop.menu .menu-item a img {
        display: none; }
  #header .primary.menu .menu-item a:hover {
    color: #1C449B; }
  #header .mobile.menu .menu-item .nav-link {
    display: flex;
    height: 59px;
    align-items: center; }
    #header .mobile.menu .menu-item .nav-link .initial {
      display: block; }
    #header .mobile.menu .menu-item .nav-link .active, #header .mobile.menu .menu-item .nav-link .logged-in {
      display: none; }
    #header .mobile.menu .menu-item .nav-link.header-link-sign-in .badge {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem; }
  #header #header-search img {
    display: block;
    width: 2rem;
    height: 2rem; }
  #header #header-search .active {
    display: none; }
  #header #header-search .inactive {
    display: block; }
  #header #header-search.active .active {
    display: block; }
  #header #header-search.active .inactive {
    display: none; }
  #header #header-join-mobile a {
    background-color: #dc0423;
    text-align: center;
    color: #ffffff; }
  #header .desktop .menu-item.search a {
    padding-left: 2rem;
    padding-right: 2rem; }
  #header .desktop .menu-item.join a,
  #header .desktop .menu-item.account a {
    color: #ffffff;
    padding-left: 2rem;
    padding-right: 2rem; }
  #header .desktop .menu-item.join a {
    background-color: #dc0423; }
    #header .desktop .menu-item.join a:hover {
      background-color: #c1031f; }
  #header .desktop .menu-item.account a {
    background-color: #1C449B; }
  #header #megamenu {
    background-color: #ffffff;
    position: absolute;
    margin-top: 1px;
    width: 100%; }
    #header #megamenu .close {
      background-color: transparent;
      border: none;
      position: absolute;
      top: 1rem;
      right: 1rem;
      cursor: pointer;
      z-index: 1; }
    #header #megamenu .panel {
      display: none;
      border: 1px solid #d3d3d3;
      box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.3);
      border-top-width: 0; }
      #header #megamenu .panel .container {
        margin-top: 1.5rem; }
      @media (max-width: 576px) {
        #header #megamenu .panel .container {
          margin: 0;
          padding: 0; } }
    #header #megamenu #search-panel {
      padding: 1rem 0; }
      #header #megamenu #search-panel .container {
        margin-top: 0; }
      #header #megamenu #search-panel .search {
        margin: 0 auto;
        max-width: 35rem; }
        #header #megamenu #search-panel .search .search-wrap {
          border: 2px solid #1C449B;
          padding: 1px;
          display: flex;
          align-items: center; }
          #header #megamenu #search-panel .search .search-wrap img {
            margin-left: 5px; }
          #header #megamenu #search-panel .search .search-wrap input {
            width: 25rem; }
          #header #megamenu #search-panel .search .search-wrap input,
          #header #megamenu #search-panel .search .search-wrap input:focus {
            background-color: #ffffff;
            box-shadow: none;
            border: none;
            outline: none; }
          #header #megamenu #search-panel .search .search-wrap button {
            background-color: #1C449B;
            border: none;
            border-radius: 0;
            text-transform: uppercase;
            font-weight: bold;
            width: 10rem; }
        #header #megamenu #search-panel .search .suggestions {
          position: relative; }
          #header #megamenu #search-panel .search .suggestions .autocomplete-suggestions {
            background-color: #ffffff;
            border: 2px solid #1C449B;
            border-top-width: 0;
            padding: 0.5rem 2rem; }
            #header #megamenu #search-panel .search .suggestions .autocomplete-suggestions .autocomplete-suggestion {
              padding: 0.25em 1em;
              border-bottom: 1px solid #d3d3d3;
              color: #2d2d2d;
              font-size: 1.2rem;
              cursor: pointer; }
              #header #megamenu #search-panel .search .suggestions .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
                color: #1C449B; }
              #header #megamenu #search-panel .search .suggestions .autocomplete-suggestions .autocomplete-suggestion:last-child {
                border-bottom: none; }
      @media (max-width: 576px) {
        #header #megamenu #search-panel {
          padding: 0; }
          #header #megamenu #search-panel .container {
            max-width: 100%; }
          #header #megamenu #search-panel .search {
            border-bottom: 1px solid #f3f3f3;
            margin: 0;
            max-width: 100%; }
            #header #megamenu #search-panel .search .search-wrap {
              padding: 0;
              background-color: #ffffff; }
              #header #megamenu #search-panel .search .search-wrap button,
              #header #megamenu #search-panel .search .search-wrap .form-control {
                border: none;
                border-radius: 0;
                outline: none;
                height: 56px; }
              #header #megamenu #search-panel .search .search-wrap .form-control {
                font-size: 1.2rem;
                padding: 1rem 0.5rem;
                color: #2d2d2d;
                width: 100%; }
              #header #megamenu #search-panel .search .search-wrap button {
                font-weight: normal;
                width: inherit; }
            #header #megamenu #search-panel .search .suggestions .autocomplete-suggestions {
              padding: 0;
              border-left: none;
              border-right: none; } }
    #header #megamenu .menu-panel {
      background-color: #ffffff;
      position: absolute; }
      #header #megamenu .menu-panel ul {
        list-style: none;
        margin: 1rem 0;
        padding: 0; }
        #header #megamenu .menu-panel ul li {
          margin: 0;
          padding: 0; }
          #header #megamenu .menu-panel ul li a {
            display: block;
            min-width: 15em;
            padding: .5em 1em;
            text-align: right;
            color: #000000; }
            #header #megamenu .menu-panel ul li a img {
              display: none; }
            #header #megamenu .menu-panel ul li a:hover {
              color: #1C449B; }
      #header #megamenu .menu-panel#account-panel {
        border-top: 1px solid #d3d3d3; }
        #header #megamenu .menu-panel#account-panel ul li a {
          font-size: 1.1rem;
          min-width: 11rem; }
        #header #megamenu .menu-panel#account-panel .membership {
          margin: 0; }
      @media (max-width: 991.98px) {
        #header #megamenu .menu-panel {
          position: static;
          width: 100%; }
          #header #megamenu .menu-panel ul {
            margin: 0; }
            #header #megamenu .menu-panel ul li a {
              display: flex;
              align-items: center;
              justify-content: space-between;
              height: auto;
              margin: 0;
              padding: .8rem;
              border-top: 1px solid #f3f3f3;
              color: #2d2d2d;
              font-size: 1.1rem;
              font-weight: 500;
              text-align: left;
              text-decoration: none; }
              #header #megamenu .menu-panel ul li a img {
                display: inline-block; } }
#no-js-warning + #header {
  top: 2.5rem; }

body.logged-in #header .mobile.menu .menu-item.login .initial, body.logged-in #header .mobile.menu .menu-item.login .active {
  display: none; }

body.logged-in #header .mobile.menu .menu-item.login .logged-in {
  display: block; }

body.trigger-search .page-container {
  margin-top: 150px; }

body.trigger-search a, body.trigger-search *[id] {
  scroll-margin-top: -150px; }

#header .mobile.menu .menu-item.active .nav-link .initial, #header .mobile.menu .menu-item.active .nav-link .logged-in {
  display: none; }

#header .mobile.menu .menu-item.active .nav-link .active {
  display: block; }

#overlay-menu {
  margin-top: 225px; }
  #overlay-menu .overlay-menu-group h3 {
    color: #2d2d2d;
    font-size: 1.5rem;
    font-weight: 500;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 0.5rem;
    margin-bottom: 0.25rem; }
  #overlay-menu .overlay-menu-group ul {
    list-style: none;
    margin: 0.5rem 0 2rem 0;
    padding: 0; }
    #overlay-menu .overlay-menu-group ul li {
      margin: 0;
      padding: 0; }
      #overlay-menu .overlay-menu-group ul li a {
        font-size: 1.1rem;
        font-weight: 500;
        display: block;
        padding: 0.25rem 0; }
  #overlay-menu .overlay-menu-footer {
    border-top: 1px solid #f3f3f3; }
    #overlay-menu .overlay-menu-footer ul {
      list-style: none;
      margin: 1rem 0 0 0;
      padding: 0; }
      #overlay-menu .overlay-menu-footer ul li {
        margin: 0 1rem 0 0;
        padding: 0;
        display: inline-block; }
        #overlay-menu .overlay-menu-footer ul li a {
          display: block;
          padding: 0.25rem 0; }

@media (max-width: 991.98px) {
  #overlay-menu {
    margin-top: 175px; } }

@media (max-width: 575.98px) {
  #overlay-menu {
    margin-top: 150px; } }

/* Gradually reduce font size and padding for the menu so we can responsively scale down the header */
@media (max-width: 1400px) {
  #header .brand {
    margin: 0 2rem; }
  #header .primary.menu .menu-item a, #header .desktop.menu .menu-item a {
    font-size: 1rem;
    padding: 1.75rem 0.9rem 0 0.9rem; }
  #header .primary.menu .menu-item.join a,
  #header .primary.menu .menu-item.account a, #header .desktop.menu .menu-item.join a,
  #header .desktop.menu .menu-item.account a {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  #header .primary.menu #header-search img, #header .desktop.menu #header-search img {
    height: 25px;
    width: 25px; } }

@media (max-width: 1290px) {
  #header .brand {
    margin: 0 1.75rem;
    min-width: 12rem;
    max-width: 15rem; }
  #header .primary.menu .menu-item a, #header .desktop.menu .menu-item a {
    font-size: 0.9rem;
    padding: 1.9rem 0.8rem 0 0.8rem; }
  #header .primary.menu .menu-item.join a,
  #header .primary.menu .menu-item.account a, #header .desktop.menu .menu-item.join a,
  #header .desktop.menu .menu-item.account a {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  #header .primary.menu #header-search img, #header .desktop.menu #header-search img {
    height: 20px;
    width: 20px; } }

@media (max-width: 1200px) {
  #header .brand {
    margin: 0 1rem;
    min-width: 11rem;
    max-width: 13rem; }
  #header .primary.menu .menu-item a, #header .desktop.menu .menu-item a {
    font-size: 0.85rem;
    padding: 2rem 0.5rem 0 0.5rem; }
  #header .primary.menu .menu-item.join a,
  #header .primary.menu .menu-item.account a, #header .desktop.menu .menu-item.join a,
  #header .desktop.menu .menu-item.account a {
    padding-left: 0.7rem;
    padding-right: 0.7rem; } }

@media (max-width: 991.98px) {
  #header {
    height: 60px; }
    #header #overlay-toggle {
      width: 59px;
      height: 59px; }
    #header .brand {
      min-width: 11rem;
      max-width: 13rem;
      margin: 0 0 0 1rem; }
    #header .primary.menu {
      display: none; }
      #header .primary.menu .menu-item a {
        color: #2d2d2d;
        border-top: 1px solid #f3f3f3;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        padding: 14px;
        font-size: 1.25rem; }
        #header .primary.menu .menu-item a img {
          display: block; }
    #header #megamenu {
      margin-top: 0; }
      #header #megamenu .panel {
        border-left-width: 0;
        border-right-width: 0; }
        #header #megamenu .panel .directory {
          /* 100% Viewport Height - header height - megamenu margin - search/filter height */
          height: calc(100vh - 60px - 1px - 93px);
          max-height: initial;
          overflow-y: scroll; }
  body a, body *[id] {
    scroll-margin-top: -60px; }
  body > .page-container {
    margin-top: 60px !important; }
  body.trigger-search a, body.trigger-search *[id] {
    scroll-margin-top: -120px; }
  body.trigger-search > .page-container {
    margin-top: 120px !important; } }

@media (max-width: 399.98px) {
  #header .brand {
    min-width: 9rem;
    max-width: 10rem; } }

.page-header {
  padding-top: 2rem; }
  .page-header .path-container {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: space-between; }
  .page-header .breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    color: #939393;
    display: inline-block; }
    .page-header .breadcrumbs li {
      margin: 0;
      padding: 0;
      display: inline-block; }
    .page-header .breadcrumbs a {
      color: #939393; }
      .page-header .breadcrumbs a:hover {
        color: #1C449B;
        text-decoration: none; }
  .page-header .current-path {
    display: none; }
  .page-header .reactions {
    display: flex; }
    .page-header .reactions .group {
      border-right: 1px solid #d6d6d6;
      display: flex; }
      .page-header .reactions .group:last-child {
        border-right: none; }
    .page-header .reactions a {
      display: block;
      padding: 0 0.75rem;
      color: #939393;
      text-decoration: none;
      line-height: 1; }
      .page-header .reactions a:hover {
        color: #1C449B; }
      .page-header .reactions a img, .page-header .reactions a .icon {
        display: block; }
      .page-header .reactions a .icon {
        font-size: 22px;
        height: 22px;
        width: 22px; }
  .page-header .title-container {
    justify-content: space-between; }
    .page-header .title-container h1 {
      margin: 0 0 0 0;
      font-size: 2.2rem;
      font-weight: 700; }
    .page-header .title-container h4 {
      margin: 0.25em 0 0.74em;
      font-size: 1.25rem; }
    .page-header .title-container .subpages {
      color: #1C449B;
      font-size: 1.1em;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end; }
      .page-header .title-container .subpages a {
        padding-left: 1.7em;
        margin-bottom: .3em;
        color: #1C449B; }
    .page-header .title-container #action-button a {
      background-color: #1C449B;
      border-radius: 5px;
      color: #ffffff;
      display: inline-block !important;
      line-height: 1;
      padding: .75em 1.5em;
      text-decoration: none; }
  .page-header .divider {
    margin-bottom: 0; }
    .page-header .divider hr {
      background-color: #efefef;
      margin: 2rem 0; }

@media (max-width: 991.98px) {
  .path-container {
    flex-direction: column; }
    .path-container .breadcrumbs {
      text-align: center;
      margin-bottom: 1rem; }
    .path-container .reactions {
      align-self: center; } }

@media (max-width: 767.98px) {
  .page-header {
    padding-top: 1rem; }
    .page-header .path-container {
      margin-bottom: 1rem; }
      .page-header .path-container .breadcrumbs {
        display: none; }
    .page-header .title-container h1 {
      font-size: 1.5rem; }
    .page-header .title-container h4 {
      font-size: 1rem;
      margin-bottom: 0; }
    .page-header .divider hr {
      margin: 1rem 0; } }

#footer {
  background-color: #ffffff;
  padding: 0 0 3rem 0; }
  #footer .mission {
    border-bottom: 1px solid #f3f3f3;
    -webkit-box-shadow: inset 0 13px 18px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 13px 18px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 13px 18px 0 rgba(0, 0, 0, 0.1);
    padding: 2rem 0; }
    #footer .mission h3 {
      font-size: 1.25rem;
      font-weight: bolder;
      text-align: center;
      margin: 0 1rem; }
    #footer .mission .cta {
      display: block;
      margin: 1em 0;
      padding: .75em 4em;
      background-color: #dc0423;
      color: #ffffff;
      font-size: 1.15rem;
      text-align: center;
      text-transform: capitalize;
      border-radius: 5rem !important; }
      #footer .mission .cta:hover {
        background-color: #c1031f; }
    #footer .mission .mission-label {
      padding-bottom: 0.5rem; }
    #footer .mission .mission-statement {
      font-size: 0.65rem; }
  #footer .footer-items {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    #footer .footer-items .footer-column h4 {
      color: #000000;
      font-size: 0.9rem;
      font-weight: bold;
      text-transform: capitalize; }
      #footer .footer-items .footer-column h4 .expander, #footer .footer-items .footer-column h4 .collapser {
        display: none; }
    #footer .footer-items .footer-column a {
      color: #000000;
      font-size: 0.9rem;
      margin: .25em 0; }
      #footer .footer-items .footer-column a:hover {
        color: #1C449B;
        text-decoration: none; }
    #footer .footer-items .footer-column ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #footer .footer-items .footer-column ul li {
        margin: 0;
        padding: 0; }
        #footer .footer-items .footer-column ul li a {
          display: block;
          padding: .25rem 0; }
    #footer .footer-items .footer-column .social-buttons a {
      font-size: 1.5rem;
      margin-right: 0.25rem; }
    #footer .footer-items .footer-column.logo-footer .column-title {
      font-weight: bold;
      text-transform: none;
      font-size: 1rem; }
  #footer .footer-copyright {
    text-align: center;
    font-size: 0.9rem;
    padding: 1rem 0; }

@media (max-width: 991.98px) {
  #footer {
    padding: 0; }
    #footer .mission {
      padding: 2rem 1rem; }
      #footer .mission h3 {
        font-size: 1.1rem;
        font-weight: normal;
        line-height: 1.5; }
    #footer .footer-items {
      max-width: 100%;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-top: 1px solid #d3d3d3; }
      #footer .footer-items .footer-column {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d3d3d3; }
        #footer .footer-items .footer-column h4 {
          font-size: 1.25rem;
          font-weight: 500;
          text-transform: none;
          margin: 0;
          padding: 1rem;
          display: flex;
          justify-content: space-between;
          cursor: pointer; }
          #footer .footer-items .footer-column h4 .expander, #footer .footer-items .footer-column h4 .collapser {
            margin-top: 0.5rem;
            height: 0.75rem;
            width: 1.5rem; }
        #footer .footer-items .footer-column ul li a {
          font-size: 1.2rem;
          font-weight: 300;
          padding: .25rem 1rem; }
        #footer .footer-items .footer-column.open .collapser, #footer .footer-items .footer-column.open ul {
          display: block; }
        #footer .footer-items .footer-column.open .expander {
          display: none; }
        #footer .footer-items .footer-column .closed ul {
          display: none; }
        #footer .footer-items .footer-column.closed .expander {
          display: block; }
        #footer .footer-items .footer-column.closed .collapser, #footer .footer-items .footer-column.closed ul {
          display: none; }
    #footer .social-buttons {
      border-bottom: 1px solid #f3f3f3;
      text-align: center;
      padding: 1rem; }
      #footer .social-buttons a {
        color: #000000;
        display: inline-block;
        margin: 0 .5rem;
        font-size: 2.2rem; }
    #footer .logo {
      padding: 1.5rem 0; }
      #footer .logo img {
        max-width: 20rem;
        display: block;
        margin: 0 auto; } }

.comments-summary {
  display: inline-block;
  margin: 2rem 0;
  padding: 1rem;
  color: #2d2d2d;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 #d3d3d3;
  -moz-box-shadow: 0 0 10px 0 #d3d3d3;
  box-shadow: 0 0 10px 0 #d3d3d3; }
  .comments-summary .bubble {
    display: inline-block;
    margin-right: 0.5rem; }
  .comments-summary .counter {
    font-weight: bold; }

.comments {
  scroll-margin-top: 100px;
  margin-top: 4rem; }
  .comments h3 {
    border-bottom: 3px solid #000000;
    font-size: 1.5rem;
    font-weight: normal;
    padding-bottom: 0.75rem; }
  .comments .comment-form {
    margin: 1rem 0; }
    .comments .comment-form .comment-container {
      border: 2px solid #1C449B;
      border-radius: 5px;
      padding: 1rem 0; }
      .comments .comment-form .comment-container textarea {
        background-color: transparent;
        box-shadow: none;
        outline: none;
        border: none;
        padding: 0 1rem;
        min-height: 1.5em;
        resize: none; }
    .comments .comment-form.is-invalid .comment-container {
      border-color: #dc0423; }
    .comments .comment-form .comment-submission {
      display: flex;
      padding-top: 0.5rem;
      justify-content: space-between; }
      .comments .comment-form .comment-submission .submit {
        background-color: #1C449B;
        color: #ffffff;
        padding: 0.5rem 1rem; }
        .comments .comment-form .comment-submission .submit .loader {
          display: none; }
      .comments .comment-form .comment-submission .character-count {
        text-align: right;
        color: #6c6c6c; }
    .comments .comment-form.saving .submit .text {
      display: none; }
    .comments .comment-form.saving .submit .loader {
      display: block; }
  .comments .comment-sorter {
    margin: 2rem 0;
    padding-top: 6px;
    display: flex;
    justify-content: flex-end;
    -webkit-box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.2); }
    .comments .comment-sorter select {
      border: none;
      color: #1C449B; }
  .comments .comment-list .comment {
    background-color: #ffffff;
    border-top: 1px solid #d6d6d6;
    margin-top: 0.5rem;
    padding-top: 1rem;
    scroll-margin-top: 100px; }
    .comments .comment-list .comment:first-child {
      border-top: none; }
    .comments .comment-list .comment .meta {
      display: flex;
      justify-content: space-between; }
      .comments .comment-list .comment .meta .user {
        padding: 0;
        font-size: 1.1rem; }
        .comments .comment-list .comment .meta .user img {
          border: 1px solid #d6d6d6;
          background-color: #ffffff; }
      .comments .comment-list .comment .meta .time {
        padding: 0;
        font-size: 1rem;
        color: #939393; }
    .comments .comment-list .comment .text {
      font-size: 1rem;
      line-height: 1.75;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
    .comments .comment-list .comment .comment-list, .comments .comment-list .comment .comment-form, .comments .comment-list .comment .reply {
      margin-left: 2rem; }
    .comments .comment-list .comment .comment-list .comment {
      border: 2px solid #d6d6d6;
      border-radius: 10px;
      -webkit-box-shadow: 0 0 5px 0 #d6d6d6;
      -moz-box-shadow: 0 0 5px 0 #d6d6d6;
      box-shadow: 0 0 5px 0 #d6d6d6;
      padding: 1rem;
      margin-bottom: 1rem; }
      .comments .comment-list .comment .comment-list .comment:last-child {
        margin-bottom: 0; }
    .comments .comment-list .comment .comment-form .input-group {
      border: none;
      -webkit-box-shadow: 0 0 5px 0 #d6d6d6;
      -moz-box-shadow: 0 0 5px 0 #d6d6d6;
      box-shadow: 0 0 5px 0 #d6d6d6; }
    .comments .comment-list .comment .reply {
      margin-top: 1rem; }
  .comments .comment-list .comment.moderator {
    border-color: #1C449B !important;
    background-color: #E7E9F1 !important; }

.comment-terms .modal-body {
  padding-top: 2rem !important; }

.comment-terms h4 {
  text-align: center;
  font-weight: bold;
  margin: 1rem 0; }

.comment-terms .terms ul {
  font-size: 1.1rem;
  padding-left: 0; }
  .comment-terms .terms ul li {
    margin-bottom: 0.5em; }
    .comment-terms .terms ul li:before {
      content: "\f111"; }
    .comment-terms .terms ul li .fa {
      color: #1C449B;
      font-size: 0.75rem;
      margin-right: 0.5rem; }

.comment-terms .terms .privacy-notice {
  font-size: 1.1rem; }

@media (max-width: 767.98px) {
  .comments-summary {
    margin-left: 1rem; }
  .comment-terms .actions button {
    margin-bottom: 1rem; } }

.messages {
  margin: 0 auto;
  list-style: none;
  padding: 0; }
  .messages .message {
    padding: 0.25rem 0.75rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    text-align: center; }
  .messages .message.debug {
    background-color: #ebebeb;
    border: 1px solid #a0a0a0; }
  .messages .message.success {
    background-color: #d1ffd6;
    border: 1px solid #98b499; }
  .messages .message.info {
    background-color: #fbffd1;
    border: 1px solid #b0b48e; }
  .messages .message.warning {
    background-color: #fff0d4;
    border: 1px solid #b4a595; }
  .messages .message.error {
    background-color: #ffdad8;
    border: 1px solid #b49897; }

@media (max-width: 991.98px) {
  .messages {
    margin-top: 6rem;
    margin-bottom: -2rem; } }

.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

#sidebar-layout .sidebar-block {
  background-color: #f0f0f0;
  margin: 0 0 1em 0;
  padding: 1em 2em; }
  #sidebar-layout .sidebar-block h3 {
    color: #2d2d2d;
    font-size: 1.5em;
    font-weight: normal;
    margin: 1em 0; }

#sidebar-layout .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  #sidebar-layout .sidebar-menu li {
    margin: 1em 0; }
  #sidebar-layout .sidebar-menu li.active a {
    font-weight: bold; }

#sidebar-layout .social li {
  margin: 0 .25em; }

.sidebar h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

.sidebar .navigation a {
  color: black;
  font-size: 0.9rem; }

.sidebar .navigation > ol, .sidebar .navigation ul {
  display: block;
  list-style-type: none;
  padding-left: 0.75rem;
  background-color: #ffffff !important; }
  .sidebar .navigation > ol li, .sidebar .navigation ul li {
    border-left: 6px solid #d6d6d6;
    padding-left: 1rem;
    width: 100%; }
    .sidebar .navigation > ol li.active, .sidebar .navigation ul li.active {
      border-left-color: #1C449B; }
      .sidebar .navigation > ol li.active a, .sidebar .navigation ul li.active a {
        color: #1C449B; }
    .sidebar .navigation > ol li a, .sidebar .navigation ul li a {
      border-bottom: 1px solid #efefef;
      padding: 1rem 0;
      display: block;
      font-size: 1rem; }
    .sidebar .navigation > ol li ul, .sidebar .navigation ul li ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .sidebar .navigation > ol li ul li, .sidebar .navigation ul li ul li {
        border-left: none;
        margin: 0;
        padding: 0; }
        .sidebar .navigation > ol li ul li a, .sidebar .navigation ul li ul li a {
          padding-left: 2rem; }
  .sidebar .navigation > ol > a:last-child, .sidebar .navigation ul > a:last-child {
    border-bottom: none; }

.sidebar .navigation.external ul {
  padding-left: 0; }
  .sidebar .navigation.external ul li {
    border-left: none;
    padding-left: 0; }
    .sidebar .navigation.external ul li a {
      margin-left: 0; }

.sidebar .recent h3 {
  border-bottom: 3px solid #000000;
  font-size: 1.5rem;
  font-weight: 100;
  margin: 0;
  padding: 0 0 0.4em 0; }

.sidebar .recent ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .sidebar .recent ul li {
    margin: 0;
    padding: 0; }
    .sidebar .recent ul li a {
      padding: 0.6em 0;
      display: block;
      font-size: 1.1em;
      border-bottom: 1px solid #d6d6d6; }
    .sidebar .recent ul li:last-child a {
      border-bottom: none; }

@media (max-width: 767.98px) {
  .sidebar h3 {
    margin-top: 2rem; }
  .sidebar .recent {
    margin-top: 2rem; } }

.social {
  list-style: none;
  margin: 0;
  padding-left: 0; }
  .social li {
    display: inline-block;
    margin: 0 5px;
    text-align: center; }
    .social li a {
      color: #2d2d2d; }
      .social li a .fa-circle {
        color: #ffffff;
        font-size: 1.5rem; }
      .social li a .fa:not(.fa-circle):before {
        color: #376e26;
        font-size: 0.8rem; }
    .social li .fa-stack {
      line-height: 1.4em;
      width: 1.5em; }

@media (max-width: 575.98px) {
  #home-social {
    display: none; } }

.social-buttons {
  display: flex;
  justify-content: center;
  margin: 2rem 0 1rem 0; }
  .social-buttons h2 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 .8em 0;
    padding: 0; }
  .social-buttons a {
    font-size: 2rem;
    margin: 0 1rem;
    color: #000000; }
    .social-buttons a:hover {
      color: #1C449B; }

.registration {
  background-color: #d6d6d6;
  padding-top: 80px; }
  .registration .registration-area {
    background-color: #ffffff;
    margin: 4rem 0;
    padding-top: 3rem;
    border-radius: 10px; }
  .registration .free-pass-access h2 {
    margin: 2rem 0; }
  .registration .free-pass-access .review {
    display: flex;
    margin-bottom: 2rem; }
    .registration .free-pass-access .review .text {
      width: 100%; }
      .registration .free-pass-access .review .text h3 {
        margin: 0 0 0 1rem;
        font-size: 1.25rem;
        font-weight: bold;
        text-align: left;
        color: #000000; }
    .registration .free-pass-access .review .image {
      height: 5.3rem;
      width: 10rem; }
      .registration .free-pass-access .review .image img {
        border-radius: 5px;
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .registration .free-pass-access .review h3 {
      margin-top: 0.5rem; }
  .registration .action-block {
    padding: 3rem; }
    .registration .action-block .header {
      min-height: 8rem; }
      .registration .action-block .header h1 {
        font-size: 2.5rem;
        font-weight: 500;
        margin: 0 0 0.5rem 0; }
      .registration .action-block .header h3 {
        font-weight: normal;
        line-height: 1.5;
        margin: 0; }
    .registration .action-block form label {
      font-size: 1.1rem; }
    .registration .action-block form input[type=text],
    .registration .action-block form input[type=email],
    .registration .action-block form input[type=password] {
      border-color: #2d2d2d;
      font-size: 1.1rem; }
    .registration .action-block form .form-check {
      align-items: start; }
      .registration .action-block form .form-check input {
        border-color: #2d2d2d;
        margin: 0.25rem 1rem 0 0; }
      .registration .action-block form .form-check.optin label {
        font-size: 1rem; }
    .registration .action-block form .actions {
      margin: 1rem 0; }
      .registration .action-block form .actions button {
        font-size: 1.1rem;
        width: 100%; }
  .registration .support {
    border-top: 1px solid #d6d6d6;
    padding: 1.5rem 3rem; }
    .registration .support p, .registration .support a {
      margin: 0;
      font-size: 1.1rem; }

@media (max-width: 991.98px) {
  .registration {
    background-color: #ffffff;
    padding-top: 60px; }
    .registration .container {
      max-width: 100%; }
    .registration .registration-area {
      margin: 0;
      padding-top: 1rem;
      border-radius: 0; }
    .registration .action-block {
      padding: 2rem; }
      .registration .action-block .header {
        min-height: auto;
        margin-bottom: 1rem; }
        .registration .action-block .header h1 {
          font-size: 2rem; }
        .registration .action-block .header h3 {
          font-size: 1rem; }
    .registration .support {
      padding: 1rem;
      text-align: center;
      border-bottom: 1px solid #d6d6d6;
      flex-direction: column; }
      .registration .support p, .registration .support a {
        font-size: 1rem;
        margin-bottom: 0.5rem; }
      .registration .support .help {
        width: 100%; } }

.registration .sign-in {
  border-right: 1px solid #d6d6d6; }

.registration .sign-in-options {
  font-size: 1.1rem;
  text-align: center;
  margin-top: 1rem; }

.organization.login .registration .sign-in {
  border-right: none; }

.forgot-password .registration-area form button {
  background-color: #1C449B; }

@media (max-width: 991.98px) {
  .registration .sign-in {
    border-right: none; }
  .registration .sign-in-options {
    text-align: left; } }

.subscribe .registration-area form {
  padding: 2rem 0; }
  .subscribe .registration-area form .membership-benefits h1 {
    margin: 2rem 0 1rem 0;
    font-size: 2.5rem; }
  .subscribe .registration-area form .membership-benefits p {
    font-size: 1.2rem; }
  .subscribe .registration-area form .newsletter-sample {
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: underline; }
  .subscribe .registration-area form button {
    background-color: #1C449B; }
  .subscribe .registration-area form .membership-step .subscribe-disclaimer {
    font-size: 0.85rem;
    text-align: center;
    margin: 0.5rem 0; }

.cta-subscription {
  background-color: #1C449B;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  .cta-subscription h2 {
    color: #ffffff;
    font-size: 1.5rem !important;
    font-weight: 100 !important;
    text-align: center;
    margin: .5em auto !important;
    max-width: 90%; }
  .cta-subscription form {
    margin: 0 auto 1rem auto;
    max-width: 40rem; }
    .cta-subscription form .form-control {
      border-radius: 5rem;
      min-width: 30rem;
      font-size: 1rem;
      padding: 1.5em; }
    .cta-subscription form button {
      font-size: 1rem;
      padding-left: 2em;
      padding-right: 2em;
      border-radius: 5rem; }

@media (max-width: 991.98px) {
  .subscribe .registration-area form {
    margin-top: 1rem;
    padding: 0; }
  .cta-subscription {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .cta-subscription form {
      max-width: 90%; }
      .cta-subscription form .form-control {
        min-width: auto;
        font-size: .9rem;
        padding: .75em; }
      .cta-subscription form button {
        font-size: .9rem;
        padding-left: 1em;
        padding-right: 1em; } }

.registration .newsletter-intro {
  color: #1C449B;
  margin-bottom: 2rem; }
  .registration .newsletter-intro h3 {
    font-weight: bold;
    margin: 0; }
  .registration .newsletter-intro h4 {
    margin-bottom: 2rem !important; }
  .registration .newsletter-intro p {
    text-align: left; }

.registration .join-prompt {
  margin: 2rem 0 0 0;
  padding: 2rem 1rem 1rem 1rem;
  border: 3px solid #1C449B;
  border-radius: 1em;
  -webkit-box-shadow: 0px 0px 25px 10px #d3d3d3;
  -moz-box-shadow: 0px 0px 25px 10px #d3d3d3;
  box-shadow: 0px 0px 25px 10px #d3d3d3; }
  .registration .join-prompt .membership-join-header {
    margin-bottom: 1.25rem; }
  .registration .join-prompt h3 {
    font-size: 1.3rem;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    margin-bottom: .25em; }
  .registration .join-prompt .pricing-notice {
    color: #dc0423; }
  .registration .join-prompt .strike-through {
    text-decoration: line-through;
    color: #2d2d2d; }
  .registration .join-prompt .single {
    color: #939393;
    font-size: 1.2rem; }
  .registration .join-prompt .membership-level {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 1em;
    cursor: pointer; }
    .registration .join-prompt .membership-level .selector i {
      font-size: 1.75em;
      color: #1C449B; }
    .registration .join-prompt .membership-level .selector input {
      display: none; }
    .registration .join-prompt .membership-level .selector input ~ .on {
      display: none; }
    .registration .join-prompt .membership-level .selector input:checked ~ .on {
      display: inline; }
    .registration .join-prompt .membership-level .selector input ~ .off {
      display: inline; }
    .registration .join-prompt .membership-level .selector input:checked ~ .off {
      display: none; }
    .registration .join-prompt .membership-level .membership-level-detail p {
      margin: 0; }
    .registration .join-prompt .membership-level .membership-level-detail .popular {
      font-style: italic; }
    .registration .join-prompt .membership-level .membership-level-detail .pricing-detail {
      color: #939393; }
  .registration .join-prompt .renewal-notice {
    margin: 0 0 0 3.5rem;
    font-size: 0.75em;
    color: #939393; }

.registration label {
  font-size: 1.1rem;
  justify-content: space-between; }

.registration hr {
  margin-bottom: 0; }

.registration .form-control[type=text],
.registration .form-control[type=email],
.registration .form-control[type=password],
.registration select.form-control {
  border-color: #2d2d2d;
  font-size: 1.25rem; }

.registration .form-control[type=text]:read-only,
.registration .form-control[type=email]:read-only,
.registration .form-control[type=password]:read-only {
  border-color: #d6d6d6;
  color: #2d2d2d; }

.registration .helper {
  display: block;
  margin-top: 0.25rem; }

.registration button {
  border-width: 0;
  margin: 1.25rem 0 0 0;
  width: 100%;
  padding: 0.5em 0;
  background-color: #dc0423;
  border-radius: 2em;
  color: #ffffff;
  font-size: 1.1rem;
  text-transform: uppercase; }
  .registration button:active, .registration button:focus, .registration button:hover {
    outline: none;
    background-color: #c1031f; }

.registration .membership-hero {
  text-align: center; }
  .registration .membership-hero h1 {
    font-size: 2rem;
    margin: 0;
    padding: 0 0 .5em 0;
    line-height: 1; }
    .registration .membership-hero h1 strong {
      color: #dc0423;
      font-style: normal;
      font-weight: bold; }
  .registration .membership-hero h2 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
    padding: 0 0 .5em 0; }
  .registration .membership-hero h3 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 1rem 0;
    padding: 0; }
  .registration .membership-hero p {
    font-size: 1.2em;
    line-height: 1.3; }
  .registration .membership-hero .price-increase-headline {
    color: #dc0423;
    font-size: 1.0rem;
    font-weight: normal; }
  .registration .membership-hero.discounted h1, .registration .membership-hero.discounted h2 {
    color: #dc0423; }

.registration .membership-support p {
  font-size: 1.2em;
  font-weight: 300;
  margin: 1.25em 0; }

.registration .membership-benefits .benefits-list {
  list-style: none;
  margin: 2rem 0 0 0;
  padding: 0; }
  .registration .membership-benefits .benefits-list li {
    margin: 0 0 2em 0;
    display: flex;
    align-items: flex-start; }
    .registration .membership-benefits .benefits-list li .fa {
      color: #376e26;
      margin: .3em .6em 0 0; }
    .registration .membership-benefits .benefits-list li .benefit {
      font-size: 1.2em;
      font-weight: 500;
      line-height: 1.3; }

.registration .press {
  margin-top: 1rem; }
  .registration .press h5 {
    margin: 2rem 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    color: #939393; }
  .registration .press .price-increase {
    font-size: 1.0em;
    color: #000000;
    text-align: center;
    margin: 3rem 0 1rem 0;
    font-style: italic;
    font-weight: bold; }

.registration #payment .nav-tabs {
  border-bottom-color: #2d2d2d;
  justify-content: center; }

.registration #payment .nav-tabs .nav-link {
  border-left-color: #d6d6d6;
  border-right-color: #d6d6d6;
  border-top-color: #d6d6d6;
  border-radius: 0;
  padding: .5rem 3rem;
  min-height: 3em; }

.registration #payment .nav-tabs .nav-item:first-child .nav-link {
  border-left-width: 1px; }

.registration #payment .nav-tabs .nav-link.active {
  border-left-width: 1px;
  border-left-color: #2d2d2d;
  border-right-color: #2d2d2d;
  border-top-color: #2d2d2d; }

.registration #payment .nav-tabs .credit-card .fab {
  color: #1C449B; }

.registration #payment .payment-form {
  padding: 3rem 0; }

.registration #payment .renewal-alert {
  background-color: #f3f3f3; }

.registration #payment #renewal-payment {
  margin-bottom: 2rem; }
  .registration #payment #renewal-payment p {
    text-align: center; }

.registration #payment .summary {
  margin-top: 1rem; }
  .registration #payment .summary h4, .registration #payment .summary .total-price {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.5; }
  .registration #payment .summary .total-price {
    text-align: right; }
    .registration #payment .summary .total-price .currency {
      color: #6c6c6c;
      font-weight: normal;
      font-size: 0.75rem; }
  .registration #payment .summary .monthly {
    color: #939393;
    font-size: .9em; }
  .registration #payment .summary .change-membership {
    display: block;
    text-align: right;
    font-size: .9em; }

.registration #payment .confirmation .renewal-disclaimer {
  font-size: .8em;
  text-align: center; }

.registration #payment .confirmation .security {
  font-size: .75em;
  color: #939393;
  margin-bottom: 0; }

.registration #payment .confirmation .price-footnote {
  font-style: italic;
  font-size: 0.7em;
  margin-top: 5px; }

.registration #account-summary {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  .registration #account-summary h4 {
    font-size: 1.2rem;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 0.5rem 0; }
  .registration #account-summary h6 {
    font-weight: normal;
    margin: 0; }
  .registration #account-summary p {
    font-weight: bold;
    margin: 0;
    word-break: break-word; }

.registration #billing-prompt .last-step,
.registration #billing-prompt .enter-billing-information {
  font-size: 1.25rem;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 0.5rem 0; }

.registration #billing-prompt .last-step {
  color: #dc0423; }

.registration #billing-prompt .enter-billing-information {
  font-weight: bold;
  margin-top: 1rem; }

.registration #billing-prompt .billing-notice {
  color: #dc0423;
  font-size: 1rem;
  line-height: 1.3; }

.registration #get-started .benefits-access {
  margin-top: 2rem; }
  .registration #get-started .benefits-access .benefit {
    display: flex;
    margin-bottom: 1em;
    justify-content: space-between;
    align-items: center; }
    .registration #get-started .benefits-access .benefit .description {
      display: flex;
      max-width: 32rem;
      align-items: center; }
    .registration #get-started .benefits-access .benefit img {
      display: block;
      margin-right: 1rem;
      max-width: 5rem; }
    .registration #get-started .benefits-access .benefit p {
      margin: 0;
      padding: 0;
      font-size: 1.2rem; }
    .registration #get-started .benefits-access .benefit a {
      border: 2px solid #d6d6d6;
      border-radius: 2em;
      padding: .6em 0;
      display: block;
      text-align: center;
      text-decoration: none;
      font-size: 0.9em;
      margin-left: 1rem;
      width: 17rem; }
    .registration #get-started .benefits-access .benefit a:hover {
      background-color: #1C449B;
      border-color: #1C449B;
      color: #ffffff; }

.registration #get-started .personal-note {
  margin-top: 2rem;
  padding-bottom: 7rem; }
  .registration #get-started .personal-note p {
    font-size: 1.1rem; }
  .registration #get-started .personal-note .signoff {
    margin-top: 0.5rem; }
    .registration #get-started .personal-note .signoff p {
      margin: 0; }

@media (max-width: 767.98px) {
  .registration form {
    margin-top: 1rem; }
  .registration #get-started {
    padding-top: 4rem; }
    .registration #get-started .benefits-access .benefit {
      flex-direction: column;
      align-items: left; }
      .registration #get-started .benefits-access .benefit .description {
        flex-direction: column; }
        .registration #get-started .benefits-access .benefit .description p {
          text-align: center;
          margin-top: 1rem; } }

@media (max-width: 991.98px) {
  .registration .membership-hero h1 {
    font-size: 1.35rem; }
  .registration .membership-hero p {
    font-size: 1rem; }
  .registration .join-prompt {
    margin-top: 1rem;
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0; }
    .registration .join-prompt #account {
      padding: 2rem 1.5rem; }
  .registration .membership-benefits .benefits-list {
    margin-top: 1rem; }
    .registration .membership-benefits .benefits-list li {
      margin-bottom: 1rem; }
  .registration #payment .nav-tabs .nav-link {
    padding: 0.5rem 1rem; }
  .registration #payment .payment-form {
    padding: 1rem 0; }
  .registration #get-started .benefits-access .benefit {
    flex-direction: column;
    align-items: left; }
    .registration #get-started .benefits-access .benefit a {
      font-size: 1.1rem;
      margin: 2rem 0; } }

.free-pass .membership-hero img,
.free-trial .membership-hero img {
  display: block;
  margin: 0 auto 3rem auto; }

.free-pass .membership-hero h1,
.free-trial .membership-hero h1 {
  font-weight: bold; }
  .free-pass .membership-hero h1 strong,
  .free-trial .membership-hero h1 strong {
    color: #dc0423;
    font-weight: bold; }

.free-pass .membership-benefits h2,
.free-trial .membership-benefits h2 {
  font-size: 1.3rem; }

.free-pass .membership-benefits .benefits-list li,
.free-trial .membership-benefits .benefits-list li {
  margin: 0 0 1.5rem 0; }
  .free-pass .membership-benefits .benefits-list li .benefit,
  .free-trial .membership-benefits .benefits-list li .benefit {
    font-size: 1.1rem; }

.free-pass .join-prompt #account,
.free-trial .join-prompt #account {
  padding: 2rem; }

@media (max-width: 991.98px) {
  .free-pass .content-wrapper,
  .free-trial .content-wrapper {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .free-pass #membership .membership-hero img,
  .free-trial #membership .membership-hero img {
    max-width: 200px;
    margin-top: 0; }
  .free-pass #membership .join-prompt #account,
  .free-trial #membership .join-prompt #account {
    padding: 2rem 1.5rem; } }

.account-management {
  margin-top: 80px; }
  .account-management .header {
    background-color: #1C449B;
    padding: 3rem 0 2.5rem 0; }
    .account-management .header h1.title {
      font-size: 1.8rem;
      line-height: 1;
      color: #ffffff;
      margin: 0 0 1rem 0;
      padding: 0; }
    .account-management .header h2.name {
      font-size: 1.25rem;
      color: #ffffff;
      font-weight: normal; }
  .account-management .areas {
    background-color: #000000; }
    .account-management .areas ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex; }
      .account-management .areas ul li {
        margin: 0;
        padding: 0; }
        .account-management .areas ul li a {
          color: #ffffff;
          display: block;
          padding: 1.5rem;
          font-size: 1.25rem; }
  .account-management .manager {
    margin: 4rem 0; }
    .account-management .manager .sidebar h2 {
      font-size: 1.5rem;
      border-bottom: 3px solid #000000;
      margin: 0;
      padding: 0 0 1rem 0; }
    .account-management .manager .sidebar .options {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .account-management .manager .sidebar .options li {
        margin: 0;
        padding: 0; }
        .account-management .manager .sidebar .options li a {
          display: block;
          padding: 1em 0.5em;
          font-size: 1.1rem;
          color: #000000;
          border-bottom: 1px solid #d3d3d3; }
    .account-management .manager .workspace .title h1 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 3rem; }
    .account-management .manager .workspace .segment {
      margin-bottom: 3rem; }
      .account-management .manager .workspace .segment h1 {
        font-size: 2rem;
        font-weight: 300;
        margin-bottom: 1rem; }
    .account-management .manager .workspace table thead {
      background-color: #939393;
      color: #ffffff; }
      .account-management .manager .workspace table thead th {
        font-weight: normal;
        border: none;
        padding-top: 0.25em;
        padding-bottom: 0.25em; }
    .account-management .manager .workspace table tbody tr {
      border-bottom: 1px solid #d6d6d6; }
    .account-management .manager .workspace form {
      margin: 0;
      font-size: 1.25rem; }
      .account-management .manager .workspace form input, .account-management .manager .workspace form select, .account-management .manager .workspace form textarea {
        font-size: 1.25rem;
        padding: 0.5em 1em;
        border-color: #3e3e3e; }
      .account-management .manager .workspace form input[type=text],
      .account-management .manager .workspace form input[type=email],
      .account-management .manager .workspace form input[type=password],
      .account-management .manager .workspace form select {
        height: calc(2.5em + 2px); }
      .account-management .manager .workspace form .form-control.error {
        border-color: #dc0423; }
      .account-management .manager .workspace form label.error {
        color: #dc0423;
        font-size: 1.2rem;
        margin-top: 0.5rem; }
    .account-management .manager .workspace .actions {
      margin-top: 0.5rem;
      margin-bottom: 1rem; }
      .account-management .manager .workspace .actions a, .account-management .manager .workspace .actions button {
        background-color: #1C449B;
        color: #ffffff;
        border-radius: 5rem;
        border: 2px solid transparent;
        display: inline-block;
        outline: none;
        padding: 0.5em 2em;
        font-size: 1.15rem; }
        .account-management .manager .workspace .actions a.inverse, .account-management .manager .workspace .actions button.inverse {
          background-color: #ffffff;
          color: #1C449B;
          border: 2px solid #1C449B; }
        .account-management .manager .workspace .actions a:hover, .account-management .manager .workspace .actions button:hover {
          background-color: #103075;
          color: #ffffff; }
        .account-management .manager .workspace .actions a.inverse:hover, .account-management .manager .workspace .actions button.inverse:hover {
          background-color: #103075;
          color: #1C449B; }

.areas ul li a {
  border-right: 1px solid #6c6c6c; }

.areas ul li a:hover,
.areas ul li a.active {
  background-color: #ffffff;
  color: #000000; }

.areas ul li a.inactive {
  background-color: #000000 !important;
  color: #ffffff !important; }

body.logged-out .manager .sidebar {
  display: none; }

body.public .manager .sidebar {
  display: block; }

body.benefits .manager .sidebar,
body.favorites .manager .sidebar {
  display: none; }

.manager .sidebar .area.menu {
  display: none; }

.manager .sidebar .options a:hover {
  background-color: #f3f3f3; }

body.my-account.trial .manager .sidebar .options .dashboard,
body.my-account.dashboard .manager .sidebar .options .dashboard,
body.my-account.notifications .manager .sidebar .options .notifications,
body.my-account.membership .manager .sidebar .options .membership,
body.my-account.payment .manager .sidebar .options .payment,
body.my-account.email .manager .sidebar .options .email,
body.my-account.comment-manager .manager .sidebar .options .comment-manager,
body.gifts.dashboard .manager .sidebar .options .gifts,
body.gifts.gift-faq .manager .sidebar .options .gift-faq,
body.gifts.gift-confirmation .manager .sidebar .options .gifts,
body.gifts.gift-history .manager .sidebar .options .gift-history {
  background-color: #f3f3f3; }

@media (min-width: 992px) {
  body.my-account .manager .sidebar .area.menu.my-account,
  body.gifts .manager .sidebar .area.menu.gifts {
    display: block; }
  .areas ul li a {
    border-right-width: 0; }
  body.my-account .areas .account,
  body.benefits .areas .benefits,
  body.favorites .areas .favorites,
  body.gifts .areas .gifts {
    background-color: #ffffff;
    color: #000000; } }

@media (max-width: 991.98px) {
  .account-management {
    margin-top: 59px; }
    .account-management #header {
      height: 59px !important; }
    .account-management .header {
      padding: 1.5rem 0; }
      .account-management .header h1.title {
        font-size: 2rem; }
      .account-management .header h2.name {
        margin-bottom: 0; }
    .account-management .areas .container {
      padding: 0; }
    .account-management .areas .row {
      margin: 0;
      padding: 0; }
    .account-management .areas ul li a {
      font-size: 1rem;
      padding: 1rem; }
    .account-management .manager {
      margin-top: 0; }
      .account-management .manager .container {
        max-width: initial; }
      .account-management .manager .sidebar {
        margin: 0 -15px 1rem -15px;
        padding: 0; }
        .account-management .manager .sidebar h2 {
          display: none; }
        .account-management .manager .sidebar .options li a {
          font-size: 1.1rem;
          font-weight: 500;
          padding: 0.8rem; }
        .account-management .manager .sidebar .area.menu {
          display: none; }
      .account-management .manager .workspace {
        padding-top: 2rem; } }

@media (max-width: 767.98px) {
  .account-management .areas ul li a {
    font-size: 1rem;
    padding: 1rem 0.5rem; } }

@media (max-width: 576px) {
  .account-management .areas ul li a {
    font-size: 0.85rem;
    padding: 1rem 0.5rem; } }

.benefits .manager .intro p {
  font-size: 1.25rem;
  margin-top: 1rem; }

.benefits .manager .benefit-list {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .benefits .manager .benefit-list .benefit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 20rem;
    border-radius: 5px;
    background-color: #ECECEC;
    color: #000000;
    padding: 2rem;
    margin-bottom: 2rem; }
    .benefits .manager .benefit-list .benefit .icon {
      margin-top: 2rem; }
      .benefits .manager .benefit-list .benefit .icon img {
        display: block;
        height: auto;
        width: 6rem;
        margin: 0 auto; }
        .benefits .manager .benefit-list .benefit .icon img.active {
          display: none; }
    .benefits .manager .benefit-list .benefit .information {
      margin-top: 1rem; }
      .benefits .manager .benefit-list .benefit .information .title {
        margin-bottom: 0.5rem;
        font-weight: 500; }
      .benefits .manager .benefit-list .benefit .information .details {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .benefits .manager .benefit-list .benefit .information .details h3 {
          margin: 0;
          font-size: 1.2rem;
          font-weight: 300; }
        .benefits .manager .benefit-list .benefit .information .details .chevron {
          margin-left: 1rem; }
          .benefits .manager .benefit-list .benefit .information .details .chevron .active {
            display: none; }
          .benefits .manager .benefit-list .benefit .information .details .chevron .inactive {
            display: block; }
    .benefits .manager .benefit-list .benefit:hover {
      -webkit-box-shadow: 0 0 10px 5px #d3d3d3;
      -moz-box-shadow: 0 0 10px 5px #d3d3d3;
      box-shadow: 0 0 10px 5px #d3d3d3;
      background-color: #1C449B;
      color: #ffffff; }
      .benefits .manager .benefit-list .benefit:hover .icon img.regular {
        display: none; }
      .benefits .manager .benefit-list .benefit:hover .icon img.active {
        display: block; }
      .benefits .manager .benefit-list .benefit:hover .details h3 {
        color: #f3f3f3; }
      .benefits .manager .benefit-list .benefit:hover .details .chevron .active {
        display: block; }
      .benefits .manager .benefit-list .benefit:hover .details .chevron .inactive {
        display: none; }

@media (min-width: 576px) and (max-width: 767.98px) {
  .benefits .benefit-list .information .title {
    font-size: 1.3rem; }
  .benefits .benefit-list .information .details h3 {
    font-size: 1rem !important; } }

.comment-manager .manager .comments-list .instructions {
  font-size: 1.1rem; }

.comment-manager .manager .comments-list .status {
  white-space: nowrap; }

.comment-manager .manager .comments-list .status.needs-approval,
.comment-manager .manager .comments-list .status.edited-needs-approval {
  color: #939393; }

.comment-manager .manager .comments-list .block-button {
  font-size: 1rem;
  padding: 0.5em 1em; }

.comment-manager .manager .comment-answer,
.comment-manager .manager .comment {
  margin-bottom: 2rem; }
  .comment-manager .manager .comment-answer .title,
  .comment-manager .manager .comment .title {
    display: flex;
    justify-content: space-between;
    align-items: end; }
    .comment-manager .manager .comment-answer .title h3,
    .comment-manager .manager .comment .title h3 {
      font-size: 1.15rem;
      font-weight: 300;
      margin-bottom: 0.5rem; }
    .comment-manager .manager .comment-answer .title .editor a,
    .comment-manager .manager .comment .title .editor a {
      padding-left: 1rem; }
      .comment-manager .manager .comment-answer .title .editor a.delete,
      .comment-manager .manager .comment .title .editor a.delete {
        color: #dc0423; }
  .comment-manager .manager .comment-answer .question,
  .comment-manager .manager .comment .question {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 1rem; }
    .comment-manager .manager .comment-answer .question p,
    .comment-manager .manager .comment .question p {
      margin: 0;
      color: #1C449B;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 1.2; }
  .comment-manager .manager .comment-answer .comment-text,
  .comment-manager .manager .comment-answer .comment-editor,
  .comment-manager .manager .comment .comment-text,
  .comment-manager .manager .comment .comment-editor {
    border-radius: 5px;
    border: 2px solid #f3f3f3;
    padding: 1rem;
    font-size: 1.1rem; }
  .comment-manager .manager .comment-answer .comment-text,
  .comment-manager .manager .comment .comment-text {
    white-space: pre; }
  .comment-manager .manager .comment-answer .comment-editor,
  .comment-manager .manager .comment .comment-editor {
    border-color: #1C449B;
    padding-bottom: 3.5rem; }
    .comment-manager .manager .comment-answer .comment-editor textarea,
    .comment-manager .manager .comment .comment-editor textarea {
      display: block;
      outline: none;
      border: none;
      resize: none;
      width: 100%; }
    .comment-manager .manager .comment-answer .comment-editor button,
    .comment-manager .manager .comment .comment-editor button {
      float: right;
      font-size: 1rem; }
  .comment-manager .manager .comment-answer .metadata,
  .comment-manager .manager .comment .metadata {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 0.5rem;
    font-size: 0.9rem; }
    .comment-manager .manager .comment-answer .metadata .fields,
    .comment-manager .manager .comment .metadata .fields {
      display: flex; }
      .comment-manager .manager .comment-answer .metadata .fields .field,
      .comment-manager .manager .comment .metadata .fields .field {
        display: flex;
        margin-right: 3rem; }
        .comment-manager .manager .comment-answer .metadata .fields .field .label,
        .comment-manager .manager .comment .metadata .fields .field .label {
          margin-right: 1rem; }
        .comment-manager .manager .comment-answer .metadata .fields .field.posted .value,
        .comment-manager .manager .comment .metadata .fields .field.posted .value {
          color: #939393; }
        .comment-manager .manager .comment-answer .metadata .fields .field.status .approved,
        .comment-manager .manager .comment .metadata .fields .field.status .approved {
          color: #376e26; }
    .comment-manager .manager .comment-answer .metadata .remaining-edit,
    .comment-manager .manager .comment .metadata .remaining-edit {
      color: #939393; }

.comment-manager .manager .no-comments {
  background-color: #f3f3f3;
  padding: 2rem 4rem;
  text-align: center;
  font-size: 1.2rem; }
  .comment-manager .manager .no-comments h1 {
    font-weight: 300;
    font-size: 1.75rem;
    margin-bottom: 1.5rem; }
  .comment-manager .manager .no-comments a {
    margin-top: 1rem;
    display: inline-block; }

.comment-manager .manager .actions button {
  padding: 0.5rem 1rem !important;
  font-size: 1rem !important; }

.favorites .manager .no-favorites {
  font-size: 1.25rem; }

.favorites .manager .reviews .review .main-image {
  border-radius: 5px; }

.favorites .manager .reviews .review h3 {
  text-align: center;
  font-size: 1.1rem;
  font-weight: normal; }

.favorites .manager .segment h2 {
  font-size: 1.5rem;
  font-weight: normal;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }

.gifts .certificate-value {
  color: #376e26;
  font-weight: bold; }

.gifts.dashboard .intro {
  margin-bottom: 3rem; }
  .gifts.dashboard .intro h1 {
    font-size: 1.75rem;
    line-height: 1.5;
    font-weight: bold;
    margin: 1rem 0; }
  .gifts.dashboard .intro h3 {
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.5; }

.gifts.dashboard form h2 {
  font-weight: 500;
  margin-bottom: 1rem; }

.gifts.dashboard form .alert.gift-certificate-value {
  background-color: #f3f3f3; }

.gifts.dashboard form .alert p {
  margin: 0;
  font-size: 1.1rem; }

.gifts.dashboard form .payment-information {
  margin-top: 2rem; }

.gifts.dashboard form .payment-total {
  background-color: #f3f3f3;
  text-align: right;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 1rem 2rem; }

.gifts.gift-confirmation .confirmation h1 {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

.gifts.gift-confirmation .confirmation .receipt {
  background-color: #f3f3f3;
  margin: 3rem 0 1rem 0;
  padding: 1.5rem; }
  .gifts.gift-confirmation .confirmation .receipt .receipt-header {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #d3d3d3; }
    .gifts.gift-confirmation .confirmation .receipt .receipt-header h1 {
      font-size: 1.5rem; }
    .gifts.gift-confirmation .confirmation .receipt .receipt-header .receipt-print {
      font-size: 0.9rem; }
  .gifts.gift-confirmation .confirmation .receipt .table {
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: 0.95rem; }
    .gifts.gift-confirmation .confirmation .receipt .table tbody {
      border: none; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody tr {
        border-bottom: none; }
        .gifts.gift-confirmation .confirmation .receipt .table tbody tr:last-child td {
          padding-bottom: 2rem; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody th {
        max-width: 6rem;
        white-space: nowrap; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody th, .gifts.gift-confirmation .confirmation .receipt .table tbody td {
        border: none;
        padding: 0.35rem 0; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody:last-child tr td {
        padding-bottom: 0; }

.share-gift-membership {
  border: 4px solid #d6d6d6;
  display: flex;
  position: relative;
  height: 10rem; }
  .share-gift-membership .gift-box {
    margin-top: -1.5rem;
    margin-left: 5rem; }
    .share-gift-membership .gift-box img {
      display: block;
      width: 12rem; }
  .share-gift-membership .details {
    position: absolute;
    bottom: 2rem;
    margin-left: 20rem; }
    .share-gift-membership .details h2 {
      font-size: 1.5rem;
      margin: 0 0 0.5rem 0;
      color: #000000; }
    .share-gift-membership .details h3 {
      font-size: 1.25rem;
      font-weight: 100;
      margin: 0;
      color: #2d2d2d;
      line-height: 1; }
  .share-gift-membership .chevron {
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    color: #000000; }
    .share-gift-membership .chevron .fa {
      font-size: 2rem; }

@media (max-width: 1199.98px) {
  .share-gift-membership .gift-box {
    margin-left: 3rem; }
  .share-gift-membership .details {
    margin-left: 17rem; }
    .share-gift-membership .details h2 {
      font-size: 1.4rem; }
    .share-gift-membership .details h3 {
      font-size: 1.1rem; } }

@media (max-width: 991.98px) {
  .share-gift-membership {
    border: none;
    border-radius: 5px;
    background-color: #DADDE5;
    flex-direction: column;
    height: auto;
    padding: 1rem 2rem 3rem 2rem; }
    .share-gift-membership .gift-box {
      margin: 0 auto 1rem auto; }
      .share-gift-membership .gift-box img {
        width: 7rem;
        margin: 0 auto; }
    .share-gift-membership .details {
      margin: auto;
      position: static; }
      .share-gift-membership .details h2 {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 1rem; }
      .share-gift-membership .details h3 {
        font-size: 1.2rem;
        text-align: center; }
    .share-gift-membership .chevron {
      display: none; } }

.my-account .manager table.single-line {
  white-space: nowrap; }

.my-account .manager table .thin {
  padding: 2px; }

.my-account .manager .unsubscribed {
  color: #dc0423; }

.my-account .manager .resubscribe {
  margin: 0; }
  .my-account .manager .resubscribe button {
    background-color: #4a9035;
    border-radius: 5px;
    border: none;
    padding: 0.5em 2em;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: normal; }

.my-account .manager .purchase-history dt {
  font-size: 1.1rem; }

.my-account .manager .purchase-history dd {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }

.my-account .manager .renewal-information p {
  margin: 1rem 0 3rem 0;
  font-size: 1rem;
  line-height: 1.75; }

.my-account .manager .trial-information .banner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  padding: 0.75rem;
  text-align: center; }
  .my-account .manager .trial-information .banner .duration {
    text-decoration: underline; }

.my-account .manager .trial-information.in-progress .banner {
  background-color: #1BAF4C; }

.my-account .manager .trial-information.cancelled .banner, .my-account .manager .trial-information.expired .banner {
  background-color: #dc0423;
  margin-top: 3rem; }

.my-account .manager .trial-information .details {
  background-color: #f3f3f3;
  padding: 3rem 1.5rem 1.5rem 1.5rem; }
  .my-account .manager .trial-information .details p, .my-account .manager .trial-information .details ul {
    font-size: 1.15rem; }
  .my-account .manager .trial-information .details ul li {
    margin-bottom: 0.5rem; }
  .my-account .manager .trial-information .details table {
    margin-top: 2rem; }
    .my-account .manager .trial-information .details table th, .my-account .manager .trial-information .details table td {
      font-size: 1rem; }
    .my-account .manager .trial-information .details table thead th {
      white-space: nowrap; }
    .my-account .manager .trial-information .details table tbody {
      background-color: #ffffff; }
    .my-account .manager .trial-information .details table .subscription {
      font-weight: bold; }
    .my-account .manager .trial-information .details table .cancel-subscription {
      white-space: nowrap; }
      .my-account .manager .trial-information .details table .cancel-subscription button {
        padding: 0;
        color: #1C449B; }

.my-account .manager form label {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.my-account .manager form .explanation {
  font-size: 0.85rem; }

.my-account .manager #cvv-explanation-modal h2,
.my-account .manager #routing-number-explanation-modal h2 {
  margin: 2rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 300; }

.my-account .manager #cvv-explanation-modal h3,
.my-account .manager #routing-number-explanation-modal h3 {
  margin: 2rem 0 3rem 0;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center; }

.my-account .manager #cvv-explanation-modal .cardholder,
.my-account .manager #routing-number-explanation-modal .cardholder {
  text-align: center;
  padding: 2rem 2rem 1rem 2rem; }
  .my-account .manager #cvv-explanation-modal .cardholder:first-child,
  .my-account .manager #routing-number-explanation-modal .cardholder:first-child {
    border-right: 1px solid #d3d3d3; }
  .my-account .manager #cvv-explanation-modal .cardholder img,
  .my-account .manager #routing-number-explanation-modal .cardholder img {
    margin: 0 auto;
    display: block; }

.my-account .manager #cvv-explanation-modal .actions,
.my-account .manager #routing-number-explanation-modal .actions {
  margin-top: 2rem; }

.account.organization .report h3, .account.organization .report p {
  margin: 0; }

.account.organization .report table {
  margin-top: 2rem; }

#related-content .related-section {
  margin-top: 5rem; }
  #related-content .related-section h2 {
    font-size: 1.5rem;
    font-weight: normal;
    border-bottom: 3px solid #000000;
    padding-bottom: 0.75rem; }
  #related-content .related-section.related-section-review .related-item a .text, #related-content .related-section.related-section-clinical-update .related-item a .text {
    width: 100%; }
    #related-content .related-section.related-section-review .related-item a .text h3, #related-content .related-section.related-section-clinical-update .related-item a .text h3 {
      margin: 0;
      font-size: 1.25rem;
      font-weight: bold;
      text-align: left;
      color: #000000; }
    #related-content .related-section.related-section-review .related-item a .text p, #related-content .related-section.related-section-clinical-update .related-item a .text p {
      color: #2d2d2d;
      margin: 0.5rem 0 0 0; }
  #related-content .related-section.related-section-review .related-item a .image, #related-content .related-section.related-section-clinical-update .related-item a .image {
    height: 5.3rem;
    width: 10rem;
    margin-left: 1rem; }
    #related-content .related-section.related-section-review .related-item a .image img, #related-content .related-section.related-section-clinical-update .related-item a .image img {
      border-radius: 5px;
      height: 100%;
      width: 100%;
      object-fit: cover; }
  #related-content .related-section.related-section-review .related-item a:hover .text h3, #related-content .related-section.related-section-clinical-update .related-item a:hover .text h3 {
    color: #1C449B; }
  #related-content .related-section.related-section-review a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
    padding: 0.75rem 0; }
  #related-content .related-section.related-section-clinical-update .related-item {
    border-bottom: 1px solid #d6d6d6;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  #related-content .related-section.related-section-clinical-update .load-more {
    margin-top: 2rem; }

@media (max-width: 991.98px) {
  #related-content {
    margin: 0 15px; } }

.webinar .webinar-bio {
  margin: 3rem 0; }
  .webinar .webinar-bio h2 {
    margin: 0 0 0.5rem 0; }
  .webinar .webinar-bio h3 {
    margin: 0 0 1rem 0; }
  .webinar .webinar-bio p {
    font-size: 1.1rem; }

.bio {
  margin: 0 0 2rem 0;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
  .bio img, .bio p {
    margin-top: 1rem; }
  .bio h3 {
    margin: 0.5rem 0;
    font-size: 1.3rem; }
  .bio h4 {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    color: #6c6c6c; }

html {
  height: 100%; }

body {
  position: relative;
  background-color: #FFFFFF;
  color: #2d2d2d;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 1em;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  body a, body *[id] {
    scroll-margin-top: -80px; }
  body > .page-container {
    margin-top: 80px; }
  body > .container, body > .container-fluid {
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  body > .footer {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    flex-grow: 0; }
  body > .header {
    flex-grow: 0; }
  body form .form-control:disabled,
  body form .form-control[readonly] {
    background-color: #F8F8F8;
    border-color: #e6e1e1; }

.print {
  display: none; }

:target:before {
  content: "";
  display: block;
  height: 165px;
  /* fixed header height*/
  margin: -165px 0 0;
  /* negative fixed header height */ }

.press {
  border-bottom: 1px solid #d6d6d6; }
  .press h4 {
    color: #2d2d2d;
    text-align: center;
    font-size: 0.85rem;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0.5rem 0 0 0; }
  .press .image {
    margin: 1.5rem; }
  .press.bordered {
    border-top: 1px solid #d6d6d6; }

.container .content {
  padding-bottom: 40px; }
  .container .content .nowrap {
    white-space: nowrap; }
  .container .content #section-title {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 2em;
    font-weight: normal; }
  .container .content #section-title:empty {
    padding-top: 0; }
  .container .content .content-area {
    font-size: 1.2rem;
    line-height: 1.75; }
  .container .content ul.itemized {
    list-style-type: none; }
    .container .content ul.itemized li {
      margin-bottom: 0.5em; }
      .container .content ul.itemized li:before {
        content: "\f111";
        font-weight: 900;
        font-size: 0.45em;
        font-family: "Font Awesome 5 Free";
        color: #1C449B;
        margin-right: 0.75em; }
  .container .content .metadata {
    margin: 0 0 1rem 0; }
    .container .content .metadata .date {
      color: #939393;
      font-size: 1.1rem; }

.single .container .content .title-container h1 {
  font-size: 1.8rem; }

.single .divider,
.no-divider .divider {
  display: none; }

.grecaptcha-badge {
  visibility: hidden; }

.categories {
  margin-top: 2rem; }
  .categories h3 {
    margin-bottom: 1em;
    font-size: 1.25em; }
  .categories a {
    display: flex;
    align-items: center;
    color: #2d2d2d;
    padding: .25rem 0;
    text-decoration: none; }
    .categories a:hover {
      color: #1C449B; }
    .categories a img {
      margin-right: .5rem;
      max-width: .85rem;
      max-height: .85rem; }
    .categories a.active img.active {
      display: block; }
    .categories a.active img.inactive {
      display: none; }
    .categories a.inactive img.inactive {
      display: block; }
    .categories a.inactive img.active {
      display: none; }

.alert p {
  margin-bottom: 0; }

.video-container .video-thumbnail {
  cursor: pointer; }
  .video-container .video-thumbnail .video-play {
    position: absolute;
    top: calc(50% - 4rem);
    left: calc(50% - 4rem);
    font-size: 8rem;
    color: rgba(255, 255, 255, 0.8); }

.video-container .video-thumbnail, .video-container .video-player {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .video-container .video-thumbnail img, .video-container .video-player img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-container .video-thumbnail img, .video-container .video-thumbnail .video, .video-container .video-player img, .video-container .video-player .video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.modal {
  top: 80px;
  height: calc(100% - 80px); }
  .modal .modal-md {
    max-width: 700px; }
  .modal .modal-header {
    padding-bottom: 0; }
  .modal .modal-title,
  .modal .modal-body .headline {
    font-size: 1.9rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
    margin: 0.5rem auto 1rem auto; }
  .modal .modal-body {
    padding: 0 3rem 1rem 3rem; }
    .modal .modal-body .actions {
      margin-top: 2rem; }
      .modal .modal-body .actions button {
        margin: 0 0.5em; }
  .modal .modal-footer {
    border-top: 1px solid #d6d6d6; }
    .modal .modal-footer .logo {
      max-width: 175px; }
  .modal .modal-header, .modal .modal-footer {
    border: none; }
  .modal.notification-modal h2 {
    margin: 2rem 0;
    text-align: center;
    font-size: 2rem;
    font-weight: 300; }
  .modal.notification-modal .prompt {
    font-size: 1.25rem;
    text-align: center; }
  .modal.notification-modal #newsletter-email-update {
    margin-bottom: 1rem; }
    .modal.notification-modal #newsletter-email-update .email-wrap {
      border: 1px solid #d3d3d3;
      border-radius: 5px; }
      .modal.notification-modal #newsletter-email-update .email-wrap button {
        background-color: #1C449B;
        border: none;
        border-radius: 0;
        white-space: nowrap; }

@media (max-width: 991.98px) {
  .modal {
    top: 60px;
    height: calc(100% - 60px); }
    .modal .modal-body {
      padding: 0 1rem; }
  .full-mobile-width {
    padding: 0; } }

@media (max-width: 991.98px) {
  .container .content #section-title {
    padding-bottom: 0;
    padding-top: 0; }
  .container .content .page-header .title-container #action-button a {
    margin-top: 1rem; }
  .container .content .page-header .subpages {
    display: block; }
    .container .content .page-header .subpages a {
      display: inline-block;
      margin: 1rem 0 0 0;
      padding: 0 1em 0 0; }
  .press .image {
    margin: 0 1rem; }
  .single .container .content .title-container h1 {
    font-size: 1.5rem; } }

@media (max-width: 767.98px) {
  .press .image {
    margin: 1rem 0; } }