.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; }

.strike-through {
  text-decoration: line-through; }

.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); }

.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; } }

.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 .account-breadcrumb {
      display: flex;
      margin-bottom: 1rem; }
      .account-management .manager .account-breadcrumb .icon {
        height: 12px;
        width: 12px;
        margin-right: 0.25rem; }
    .account-management .manager .workspace .title {
      margin-bottom: 1.5rem; }
      .account-management .manager .workspace .title h1 {
        font-size: 2rem;
        font-weight: bold;
        margin: 0;
        padding: 0; }
      .account-management .manager .workspace .title h2 {
        font-size: 1.1rem;
        font-weight: normal;
        color: #6c6c6c;
        padding: 0; }
    .account-management .manager .workspace .btn-renew, .account-management .manager .workspace .btn-return {
      display: inline-block;
      margin: 1rem auto;
      font-size: 1rem;
      font-weight: 500;
      text-align: center; }
    .account-management .manager .workspace .btn-renew {
      border-color: #1C449B !important;
      background-color: #1C449B !important;
      color: #ffffff !important; }
    .account-management .manager .workspace .btn-return {
      border-color: #d6d6d6 !important;
      background-color: #f3f3f3 !important;
      color: #6c6c6c !important; }
    .account-management .manager .workspace .segment {
      margin-bottom: 2rem; }
      .account-management .manager .workspace .segment.toggle-on .toggle, .account-management .manager .workspace .segment.toggle-on .toggle-switch.toggle-on, .account-management .manager .workspace .segment.toggle-off .toggle-switch.toggle-off {
        display: block; }
      .account-management .manager .workspace .segment.toggle-off .toggle, .account-management .manager .workspace .segment.toggle-on .toggle-switch.toggle-off, .account-management .manager .workspace .segment.toggle-off .toggle-switch.toggle-on {
        display: none; }
      .account-management .manager .workspace .segment .segment-title h2 {
        font-size: 1.5rem;
        font-weight: 300;
        margin-bottom: 1rem; }
      .account-management .manager .workspace .segment .segment-content {
        border-radius: 8px;
        border: 2px solid #d6d6d6;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
        .account-management .manager .workspace .segment .segment-content .segment-block {
          border-bottom: 1px solid #d6d6d6;
          padding: 1.5rem; }
          .account-management .manager .workspace .segment .segment-content .segment-block:last-child {
            border-bottom: none;
            padding-bottom: 0; }
          .account-management .manager .workspace .segment .segment-content .segment-block h1 {
            font-size: 1.3rem; }
          .account-management .manager .workspace .segment .segment-content .segment-block h4 {
            font-size: 1rem;
            font-weight: bold;
            margin: 0 0 0.25rem 0; }
          .account-management .manager .workspace .segment .segment-content .segment-block p {
            margin: 0.5rem 0; }
          .account-management .manager .workspace .segment .segment-content .segment-block .muted {
            color: #6c6c6c; }
        .account-management .manager .workspace .segment .segment-content .segment-action {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1.5rem;
          border-bottom: 1px solid #d6d6d6;
          cursor: pointer; }
          .account-management .manager .workspace .segment .segment-content .segment-action .action-text {
            font-weight: normal;
            color: #000000; }
          .account-management .manager .workspace .segment .segment-content .segment-action .action-help-text {
            display: block;
            font-size: 0.8rem;
            color: #6c6c6c; }
          .account-management .manager .workspace .segment .segment-content .segment-action .icon {
            font-size: 1rem;
            height: 15px;
            width: 15px; }
          .account-management .manager .workspace .segment .segment-content .segment-action:hover {
            background-color: #f3f3f3; }
          .account-management .manager .workspace .segment .segment-content .segment-action.segment-action-link:hover .action-text {
            color: #1C449B; }
          .account-management .manager .workspace .segment .segment-content .segment-action:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px; }
          .account-management .manager .workspace .segment .segment-content .segment-action.segment-action-block {
            align-items: center; }
            .account-management .manager .workspace .segment .segment-content .segment-action.segment-action-block .action-text {
              margin-right: 2rem; }
    .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: #ffffff; }
    .account-management .manager .subscription-change {
      margin-bottom: 1rem; }
      .account-management .manager .subscription-change form input {
        font-size: 1.1rem;
        margin: 0 auto; }
      .account-management .manager .subscription-change form p.switch-explanation {
        font-size: 1.1rem;
        font-weight: 400;
        text-align: center;
        margin-bottom: 1.5rem !important; }
    .account-management .manager .cancellation-notice {
      border: 1px solid #d6d6d6;
      border-radius: 8px;
      background-color: #f3f3f3;
      margin: 1rem 0;
      padding: 1rem; }
      .account-management .manager .cancellation-notice ul {
        margin: 1rem 0; }
        .account-management .manager .cancellation-notice ul li {
          margin: 0.5rem 0; }
    .account-management .manager .cancellation-options {
      display: flex;
      gap: 1rem;
      margin: 1rem 0; }
      .account-management .manager .cancellation-options .btn {
        font-size: 1rem; }
    .account-management .manager .popular-content h3 {
      font-size: 1.5rem;
      margin-bottom: 1rem; }
    .account-management .manager .popular-content .btn-renew {
      display: block; }
    .account-management .manager .popular-content .popular-content-items {
      display: flex;
      gap: 1rem;
      margin-bottom: 1rem;
      justify-content: center; }
      .account-management .manager .popular-content .popular-content-items .popular-content-item {
        text-align: center;
        border: 1px solid #d6d6d6;
        border-radius: 8px;
        background-color: #f3f3f3;
        width: 23%; }
        .account-management .manager .popular-content .popular-content-items .popular-content-item img {
          width: 100%;
          height: auto;
          object-fit: contain;
          border-radius: 8px 8px 0 0; }
        .account-management .manager .popular-content .popular-content-items .popular-content-item .popular-content-item-label {
          color: #6c6c6c;
          padding: 0.5rem 0.25rem; }
          .account-management .manager .popular-content .popular-content-items .popular-content-item .popular-content-item-label h4 {
            font-size: 0.9rem; }
    .account-management .manager .subscription-options {
      display: flex;
      gap: 1rem;
      justify-content: center;
      margin-bottom: 2rem; }
      .account-management .manager .subscription-options.vertical {
        flex-direction: column; }
        .account-management .manager .subscription-options.vertical .subscription-option {
          width: 100%; }
      .account-management .manager .subscription-options .other-subscription-options-header {
        margin-left: 1rem; }
      .account-management .manager .subscription-options .subscription-option {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid #d6d6d6;
        border-radius: 8px;
        background-color: #ffffff;
        cursor: pointer;
        width: 31%; }
        .account-management .manager .subscription-options .subscription-option:hover {
          border-color: #1C449B; }
        .account-management .manager .subscription-options .subscription-option.active {
          border-color: #1C449B;
          background-color: #1C449B; }
          .account-management .manager .subscription-options .subscription-option.active .subscription-option-header h4,
          .account-management .manager .subscription-options .subscription-option.active .subscription-option-header p,
          .account-management .manager .subscription-options .subscription-option.active .subscription-option-body p {
            color: #ffffff; }
        .account-management .manager .subscription-options .subscription-option .subscription-option-current-header {
          background-color: #1C449B;
          color: #ffffff;
          margin: 0;
          padding: 1rem;
          border-top-left-radius: 8px;
          border-top-right-radius: 8px; }
        .account-management .manager .subscription-options .subscription-option .subscription-option-header {
          padding: 1rem 1rem 0.5rem 1rem; }
          .account-management .manager .subscription-options .subscription-option .subscription-option-header h4 {
            font-size: 1.25rem;
            margin: 0 0 0.5rem 0;
            font-weight: bold; }
          .account-management .manager .subscription-options .subscription-option .subscription-option-header p {
            font-size: 0.9rem;
            font-weight: bold;
            margin: 0; }
          .account-management .manager .subscription-options .subscription-option .subscription-option-header .subscription-option-savings {
            color: #dc0423; }
        .account-management .manager .subscription-options .subscription-option .subscription-option-description {
          font-size: 1rem;
          color: #6c6c6c;
          padding: 0 1rem; }
        .account-management .manager .subscription-options .subscription-option .subscription-option-body {
          border-top: 1px solid #d6d6d6;
          padding: 0.5rem 1rem 1rem 1rem; }
          .account-management .manager .subscription-options .subscription-option .subscription-option-body p {
            font-size: 0.8rem;
            color: #6c6c6c;
            margin: 0; }
    .account-management .manager .autorenewal-toggle-container {
      display: flex;
      justify-content: end;
      align-items: center;
      height: 100%; }
    .account-management .manager .autorenewal-toggle {
      display: flex;
      width: 50px;
      height: 28px;
      border-radius: 24px;
      background-color: #1C449B;
      cursor: pointer;
      align-items: center; }
      .account-management .manager .autorenewal-toggle.enabled {
        background-color: #1C449B;
        justify-content: end; }
      .account-management .manager .autorenewal-toggle.disabled {
        background-color: #d6d6d6; }
      .account-management .manager .autorenewal-toggle .autorenewal-toggle-icon {
        display: block;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #ffffff;
        cursor: pointer;
        margin: 0 2px; }
    .account-management .manager .autorenewal-options .autorenewal-options-default {
      padding: 1rem;
      margin-bottom: 1rem;
      border: 1px solid #C8D4EA;
      border-radius: 8px;
      background-color: #E8EDF9; }
      .account-management .manager .autorenewal-options .autorenewal-options-default h3 {
        color: #1C449B; }
      .account-management .manager .autorenewal-options .autorenewal-options-default .autorenewal-options-status {
        color: #1C449B;
        font-size: 0.9rem; }
    .account-management .manager .autorenewal-options .autorenewal-option {
      border: 1px solid #C8D4EA;
      border-radius: 8px;
      background-color: #ffffff;
      padding: 1rem;
      margin-top: 1rem; }
      .account-management .manager .autorenewal-options .autorenewal-option.selected {
        border-style: dashed; }
      .account-management .manager .autorenewal-options .autorenewal-option .autorenewal-option-detail {
        font-size: .8rem;
        color: #6c6c6c;
        padding: 0; }
      .account-management .manager .autorenewal-options .autorenewal-option .autorenewal-option-savings {
        color: #376e26; }
      .account-management .manager .autorenewal-options .autorenewal-option .autorenewal-option-switch {
        border: 1px solid #1C449B;
        border-radius: 8px;
        background-color: #ffffff;
        font-size: .8rem;
        color: #1C449B;
        padding: 0.5rem 1rem; }
    .account-management .manager .autorenewal-options .autorenewal-option-manual-disable {
      display: block;
      text-align: right;
      font-size: 0.9rem;
      margin-top: 1rem;
      color: #6c6c6c; }
    .account-management .manager .cancel-membership {
      border-color: #939393 !important;
      color: #dc0423 !important;
      font-size: 0.9rem; }
    .account-management .manager .renew-membership {
      background-color: #000000 !important;
      color: #ffffff !important;
      font-size: 1.25rem;
      margin: 1rem 0 2rem 0; }
    .account-management .manager .member-since {
      display: inline-block;
      border-radius: 8px;
      background-color: #1C449B;
      color: #ffffff;
      font-size: 1rem;
      font-weight: normal;
      margin: 0 0 1rem 0;
      padding: 0.5rem 1rem; }

.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.information .manager .sidebar .options .information,
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; }

body.my-account.membership-change .account-management {
  margin-top: 0;
  background-color: #f3f3f3; }
  body.my-account.membership-change .account-management .manager {
    margin: 2rem 0; }
    body.my-account.membership-change .account-management .manager .membership-subscription-change h1 {
      text-align: center;
      margin: 1rem 0 0.5rem 0; }
    body.my-account.membership-change .account-management .manager .membership-subscription-change .change-explanation {
      color: #6c6c6c;
      text-align: center;
      font-size: 0.95rem; }
    body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options {
      margin: 2rem 0; }
      body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option.current {
        background-color: #ffffff;
        border-color: #f3f3f3; }
        body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option.current .subscription-option-header h4,
        body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option.current .subscription-option-header p,
        body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option.current .subscription-option-body p {
          color: #000000; }
      body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option .subscription-option-header {
        display: flex;
        justify-content: space-between; }
      body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option .subscription-option-body {
        border-top-width: 0;
        display: flex;
        gap: 1rem; }
        body.my-account.membership-change .account-management .manager .membership-subscription-change .subscription-options .subscription-option .subscription-option-body p {
          font-size: 0.9rem; }
    body.my-account.membership-change .account-management .manager .membership-subscription-change .actions {
      text-align: center; }
      body.my-account.membership-change .account-management .manager .membership-subscription-change .actions input {
        margin: 1rem 0 2rem 0; }
    body.my-account.membership-change .account-management .manager .membership-subscription-change .change-notice {
      border: 1px solid #939393;
      border-radius: 8px;
      margin-bottom: 5rem;
      padding: 1rem 1rem 0 1rem;
      color: #6c6c6c;
      font-size: 0.9rem; }
      body.my-account.membership-change .account-management .manager .membership-subscription-change .change-notice p {
        margin-bottom: 0.5rem; }

@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-purchase-price {
  color: #376e26;
  font-weight: bold; }

.gifts .certificate-value {
  text-decoration: line-through;
  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 .helper {
  display: block;
  margin-top: 0.25rem; }

.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: 300;
      margin: 0;
      color: #2d2d2d;
      line-height: 1; }
  .share-gift-membership .chevron {
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    color: #000000; }

@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; } }

.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; }

.strike-through {
  text-decoration: line-through; }

.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); }

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

.payment-form .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; }

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

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

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

.payment-form .third-party-payment-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.payment-form #paypal-button-recurly {
  background-color: #FFC439;
  border-radius: 23px;
  color: #2C2E2F;
  padding: 10px;
  font-weight: 500;
  font-size: 1rem;
  font-style: italic;
  text-align: center;
  cursor: pointer; }
  .payment-form #paypal-button-recurly img {
    max-height: 22px;
    display: inline-block;
    margin-left: 5px; }

.payment-form #apple-pay-button-container {
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: subscribe;
  -apple-pay-button-style: black;
  width: 300px;
  height: 40px;
  padding: 0.5rem;
  border-radius: 5px; }

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

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

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

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

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

.payment-form #payment-options {
  margin: 1.5rem 0;
  display: flex;
  justify-content: space-between; }

.payment-form #payment-options .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: #FFFFFF;
  border: 2px solid #AAAAAA;
  border-radius: 10px;
  height: 4rem;
  width: 10rem;
  margin-bottom: .8rem; }

.payment-form #payment-options .nav-item .nav-link.payment-option-google-pay {
  border-color: #000000;
  background-color: #000000;
  padding: 0; }

.payment-form #payment-options .nav-item .nav-link.payment-option-paypal {
  background-color: #FFCF09;
  border-color: #FFCF09; }

.payment-form #payment-options .nav-item .nav-link.payment-option-amazon-pay {
  background-color: #3A4752;
  border-color: #3A4752; }

.payment-form #payment-options .nav-item .nav-link:hover,
.payment-form #payment-options .nav-item .nav-link.active {
  border-color: #1C449B !important; }

.payment-form #payment-options .nav-item span {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  color: #000000; }

.payment-form #payment-tabs {
  margin-top: 1rem; }

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

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

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

#cvv-explanation-modal .actions,
#routing-number-explanation-modal .actions {
  margin-top: 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; }

.strike-through {
  text-decoration: line-through; }

.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); }

.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 .purchase-history dd .purchase .purchase-price {
    font-weight: bold;
    display: inline-block;
    margin-right: 0.25rem; }
  .my-account .manager .purchase-history dd .purchase.refunded, .my-account .manager .purchase-history dd .purchase.refunded .purchase-price {
    color: #939393;
    text-decoration: line-through; }
  .my-account .manager .purchase-history dd .refund {
    font-weight: bold;
    color: #dc0423; }

.my-account .manager .my-membership-info .membership-classification {
  font-size: 1.25rem;
  margin: 0 0 0.5rem 0; }

.my-account .manager .my-membership-info .membership-description {
  font-size: 1rem;
  font-weight: 400 !important;
  margin: 0 0 1rem 0; }

.my-account .manager .my-membership-info .membership-details {
  margin-top: 1rem; }
  .my-account .manager .my-membership-info .membership-details p {
    margin: 0; }

.my-account .manager .renewal-information p {
  margin: 1rem 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; }

.payment-method {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px dashed #d6d6d6;
  border-radius: 0.5rem;
  max-width: 375px; }
  .payment-method .payment-method-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem !important; }
  .payment-method .payment-method-details {
    display: flex;
    gap: 0.75rem;
    align-items: center; }
    .payment-method .payment-method-details img {
      display: inline-block; }
    .payment-method .payment-method-details .payment-method-description {
      font-size: 0.9rem; }
    .payment-method .payment-method-details .payment-method-expiration {
      background-color: #efefef;
      border-radius: 0.25rem;
      padding: 0.25rem 0.5rem;
      font-size: 0.9rem; }

.payment-container-field .recurly-element {
  border: 1px solid #2d2d2d;
  border-radius: 0.25rem;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem; }