@charset "UTF-8";
:root {
  --main-color: #007F9E;
  --nav-label: #002663;
  --nav-labelHover: #567ed4;
  --light-textButton: #002663;
  --deepblue-color: #00377f;
  --blue-titles: #003f73;
  --light-green: #9ec22b;
  --light-blue: #66b7e5;
  --bg-section: #eff2f2;
  --main-colorLink: #007F9E;
  --main-colorLinkHover: #007F9E;
  --hover-btn: #325bb3;
  --main-colorButton: #007F9E;
  --main-titles: #0270c0;
  --first-footer: #002663;
  --gray-color: #777;
  --results-titles: #0f9bc7;
  --orange-color: #eb7932;
  --gray-cold: #ebedec;
  --sec-color: #002663;
  --main-colorDark: #002663;
}

sup {
  font-size: 60%;
  top: -1em;
}

body {
  font-size: 18px;
  font-family: "sofia-pro", sans-serif;
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "sofia-pro", sans-serif;
}

#bv-mboxzone-lightbox .bv-mbox-sidebar .bv-submission-sidebar .bv-subject-info-section .bv-subject-info h3 {
  font-family: "sofia-pro", sans-serif !important;
  color: #fff !important;
  line-height: 24px !important;
  text-align: center !important;
  font-size: 19px !important;
}

.desktop-menu > .menu-item {
  color: var(--light-textButton);
}
@media (max-width: 991px) {
  .desktop-menu > .menu-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.desktop-menu .icon-search {
  color: var(--light-textButton);
}

.mobile-menu__icons i {
  font-size: 20px;
}
@media (max-width: 374px) {
  .mobile-menu__icons .search-caption {
    display: none;
  }
}

@media (max-width: 374px) {
  .hamburger-wrapper .search-caption {
    display: none;
  }
}

.desktop-menu {
  font-family: "sofia-pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.desktop-menu::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  .desktop-menu {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 15px;
  }
}
.desktop-menu .menu-item {
  color: var(--light-textButton);
}
.desktop-menu .menu-item.has-submenu.active > a {
  color: #8dd8eb;
}
.desktop-menu .menu-item.has-submenu.active > a::before {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg);
}
.desktop-menu .menu-item.has-submenu.active .desktop-submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
}
.desktop-menu .menu-item.has-submenu a::before {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: -20px;
  padding-left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.desktop-menu .menu-item.active-trail .sub-navigation, .desktop-menu .menu-item.active .sub-navigation {
  display: block;
}
.desktop-menu .menu-item .sub-navigation {
  position: absolute;
  display: none;
  width: 100%;
  top: 100%;
  left: 0;
  padding: 15px;
  color: #fff;
  background-color: #6dafde;
}

.desktop-menu .menu-item > a {
  margin: 15px 10px;
  color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .desktop-menu .menu-item > a {
    font-size: 16px;
    margin: 15px 30px;
  }
  .desktop-menu .menu-item > a::before {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: -20px;
    padding-left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    font-weight: 500;
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .desktop-menu .menu-item > a {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 15px 20px;
  }
}

.button-shop {
  border: 2px solid var(--main-color);
}

.card-container .card-menu__search .icon-search {
  color: #fff;
}

.card-container > ul .card-menu__list li {
  color: var(--light-textButton);
  padding-bottom: 0 !important;
  font-weight: bold;
}
.card-container > ul .card-menu__list li:not(:last-child) {
  margin-bottom: 10px;
}
.card-container > ul .card-menu__list li h1, .card-container > ul .card-menu__list li h2, .card-container > ul .card-menu__list li h3, .card-container > ul .card-menu__list li h4, .card-container > ul .card-menu__list li h5, .card-container > ul .card-menu__list li h6 {
  display: inline-block;
  font-size: 15px;
}
.card-container > ul .card-menu__list li span {
  width: 100%;
  height: initial;
  position: static;
  border-radius: 0;
}
.card-container > ul .card-menu__list li a {
  display: block;
  font-weight: bold;
}
.card-container > ul .card-menu__list li img {
  max-height: 80px;
}

@media (min-width: 768px) {
  .shop-online {
    margin-top: 3em;
  }
}

.product-listing {
  background-image: url(../images_us_cob/product-listing-3.png);
}

.recipe-filter--listing h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recipe-filter--listing h1 img {
  width: 250px;
  margin: 0 0.2em;
}

.mobile-menu .slide-menu ul li span {
  all: unset;
  font-size: 17px;
}
.mobile-menu .slide-menu ul li a {
  padding: 0.3em 0;
}

.mobile-menu__logo img {
  width: 150px;
}
@media (min-width: 768px) {
  .mobile-menu__logo img {
    width: 200px;
  }
}

.logo-title h1, .logo-title h2, .logo-title h3, .logo-title h4, .logo-title h5, .logo-title h6 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo-title h1 strong,
.logo-title h1 em, .logo-title h2 strong,
.logo-title h2 em, .logo-title h3 strong,
.logo-title h3 em, .logo-title h4 strong,
.logo-title h4 em, .logo-title h5 strong,
.logo-title h5 em, .logo-title h6 strong,
.logo-title h6 em {
  font-family: Satisfy;
  color: var(--main-titles);
}
.logo-title h1 em, .logo-title h2 em, .logo-title h3 em, .logo-title h4 em, .logo-title h5 em, .logo-title h6 em {
  font-style: normal;
}

.home_header_first_txt img {
  max-width: 70%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .home_header_first_txt img {
    max-width: 45%;
  }
}

.thumbnail-car .thumbnail-item {
  background: rgba(255, 255, 255, 0.3);
}

.thumbnail-car .slick-current .thumbnail-item {
  background: rgb(255, 255, 255);
}

.social_main_color {
  background: #2f394f;
  color: #fff;
  padding: 5px;
}

.btn-boost__product {
  max-width: 300px;
}
.btn-boost__product i {
  padding-bottom: 5px;
}

.bmi-calculator {
  min-height: 400px;
}
.bmi-calculator h1 {
  font-weight: bold;
  color: #1e70c0;
}
.bmi-calculator p {
  color: var(--main-color);
}
.bmi-calculator form .row {
  background: #e5f1f8;
}
.bmi-calculator form .row label {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.bmi-calculator form p {
  color: var(--main-text);
}
.bmi-calculator .btn-boost {
  background: #1e70c0;
  display: block;
  margin: 20px auto;
  padding: 10px;
}
.bmi-calculator #protein_count_display {
  margin-bottom: 0px;
  max-width: 100%;
  width: 10rem;
  height: 10rem;
  background-image: url(../images_optifast_au/result.png);
}
.bmi-calculator #protein_count_display span {
  font-size: 2.3rem;
  margin-top: 33%;
  font-weight: 700;
}
@media (min-width: 480px) {
  .bmi-calculator #protein_count_display span {
    font-size: 2rem;
    margin-top: 55px;
  }
}

.csm-bg-hero--quiz {
  background-position: center left !important;
}

.glossary h1, .glossary h2, .glossary h3, .glossary h4, .glossary h5, .glossary h6 {
  font-weight: bold;
  color: var(--main-titles);
  margin: 0 auto 20px;
  text-align: center;
}
.glossary .social-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.glossary .social-about p {
  margin-right: 10px;
}
.glossary .filters-contain {
  position: relative;
}
.glossary__filter {
  position: relative;
  text-align: center;
  font-size: 15px;
  display: block;
  padding: 0.7em 0.5em;
  font-weight: bold;
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
}
@media (min-width: 768px) {
  .glossary__filter {
    font-size: 17px;
  }
}
.glossary__filter:focus {
  outline: none;
}
@media (min-width: 768px) {
  .glossary__filter::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #cecece;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
.glossary__filter:hover, .glossary__filter.active {
  background: var(--main-titles);
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (min-width: 768px) {
  .glossary__filter:hover, .glossary__filter.active {
    color: #9e9e9e;
    background: transparent !important;
  }
}
@media (min-width: 768px) {
  .glossary__filter:hover::before, .glossary__filter.active::before {
    background: var(--main-titles);
  }
}

.overlay {
  position: relative;
  overflow: hidden;
}
.overlay__tile {
  max-height: 150px;
}
.overlay:hover .mask {
  background-color: rgba(0, 0, 0, 0.7);
}
.overlay:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.overlay img {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.overlay .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.overlay .mask p {
  color: #fff;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: bold;
}

.nutrient-info {
  background: #fff;
  min-height: initial;
}
.nutrient-info .article-header h1, .nutrient-info .article-header h2, .nutrient-info .article-header h3, .nutrient-info .article-header h4, .nutrient-info .article-header h5, .nutrient-info .article-header h6 {
  color: var(--main-titles);
  font-weight: bold;
  margin: 0 0 10px;
  font-size: 2em;
}
@media (min-width: 768px) {
  .nutrient-info .article-header h1, .nutrient-info .article-header h2, .nutrient-info .article-header h3, .nutrient-info .article-header h4, .nutrient-info .article-header h5, .nutrient-info .article-header h6 {
    font-size: 2.5em;
  }
}
.nutrient-info .article-header .social-about a img {
  width: 25px;
}
.nutrient-info .article-resume {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
}
@media (min-width: 992px) {
  .nutrient-info .article-resume {
    font-size: 18px;
  }
}

ul.cs-list-dots,
.cs-list-dots {
  padding-left: 20px;
  display: inline-block;
  position: relative;
}
ul.cs-list-dots li,
ul.cs-list-dots .wrap_benefit,
.cs-list-dots li,
.cs-list-dots .wrap_benefit {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-right: 5%;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  ul.cs-list-dots li,
  ul.cs-list-dots .wrap_benefit,
  .cs-list-dots li,
  .cs-list-dots .wrap_benefit {
    width: 50%;
  }
}
ul.cs-list-dots li::before,
ul.cs-list-dots .wrap_benefit::before,
.cs-list-dots li::before,
.cs-list-dots .wrap_benefit::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 8px;
  width: 15px;
  height: 15px;
  background: url(../images_us_pfs/icons/list-dot.png) no-repeat center/contain;
}
ul.cs-list-dots li .blue-strong,
ul.cs-list-dots .wrap_benefit .blue-strong,
.cs-list-dots li .blue-strong,
.cs-list-dots .wrap_benefit .blue-strong {
  color: var(--main-titles);
  font-weight: bold;
}
ul.cs-list-dots__single strong,
.cs-list-dots__single strong {
  color: var(--main-titles);
}

.csm-bg-hero--glossary {
  min-height: initial;
  background-position: center bottom !important;
}
.csm-bg-hero .glossary-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .csm-bg-hero .glossary-card {
    min-height: 350px;
  }
}
@media (min-width: 992px) {
  .csm-bg-hero .glossary-card {
    min-height: 550px;
  }
}

.glossary-grid {
  position: relative;
  overflow: hidden;
}
.glossary-grid::after {
  content: "Loading...";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  text-align: center;
  padding-top: 50px;
}
.glossary-grid.images_loaded::after {
  opacity: 0;
}
.glossary-grid.no_loading_layer::after {
  content: none;
}

.retailer-list {
  background: #fff;
}

.accredited-logo {
  max-width: 40px !important;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
@media (min-width: 768px) {
  .accredited-logo {
    position: absolute;
    max-width: 80px !important;
    top: 0;
    right: 0;
  }
}

.retailer-list-container {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.retailer-list-container ol {
  max-height: 80vh !important;
}
.retailer-list-container ol li {
  counter-increment: cs-counter;
  font-size: 15px;
  position: relative;
  margin-bottom: 1em;
  background: white;
  padding: 0;
  padding: 25px 10px;
  margin: 0 !important;
  border-bottom: 1px solid #dbdbdc;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .retailer-list-container ol li {
    font-size: 12px;
  }
}
.retailer-list-container ol li:hover, .retailer-list-container ol li.active {
  background: #f0f3f6;
}
.retailer-list-container .wrap_map {
  margin: 0px;
  padding: 0px;
}
.retailer-list-container .wrap_map #map {
  height: 100vh;
  width: 100%;
}

form#retailers {
  width: 100%;
  margin: auto;
  padding: 0;
}
@media (min-width: 768px) {
  form#retailers {
    width: 100%;
    margin: auto;
    padding: 0;
  }
}

.find-clinic {
  min-height: 400px;
}
.find-clinic h1 {
  font-weight: bold;
  color: #1e70c0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .find-clinic h1 {
    font-size: 30px;
  }
}
.find-clinic p {
  color: var(--main-color);
  font-size: 18px;
}
.find-clinic form p {
  font-size: 18px;
}
.find-clinic .btn-boost {
  background: #1e70c0;
  display: block;
  border: none;
}

.retailer-list-container.retailer-clinic ol li h1, .retailer-list-container.retailer-clinic ol li h2, .retailer-list-container.retailer-clinic ol li h3, .retailer-list-container.retailer-clinic ol li h4, .retailer-list-container.retailer-clinic ol li h5, .retailer-list-container.retailer-clinic ol li h6 {
  font-size: 19px;
}
@media (max-width: 767px) {
  .retailer-list-container.retailer-clinic ol li h1, .retailer-list-container.retailer-clinic ol li h2, .retailer-list-container.retailer-clinic ol li h3, .retailer-list-container.retailer-clinic ol li h4, .retailer-list-container.retailer-clinic ol li h5, .retailer-list-container.retailer-clinic ol li h6 {
    font-size: 15px;
  }
}
.retailer-list-container.retailer-clinic ol li span {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #474747;
  color: #fff;
  font-size: 16px;
}
.retailer-list-container.retailer-clinic ol li a[data-dialog-type=modal] {
  color: #1e70c0;
  font-size: 16px;
  font-weight: bold;
}
.retailer-list-container.retailer-clinic ol li:hover span, .retailer-list-container.retailer-clinic ol li.active span {
  background: #1e70c0;
}

.infolocation h1, .infolocation h2, .infolocation h3, .infolocation h4, .infolocation h5, .infolocation h6 {
  font-size: 19px;
}
.infolocation a[data-dialog-type=modal] {
  color: #1e70c0;
  font-size: 16px;
  font-weight: bold;
}
.infolocation p {
  margin-bottom: 0.5em;
}

.modal-clinic-info .modal-clinic {
  padding-left: 30px;
}
.modal-clinic-info .modal-clinic p {
  position: relative;
  font-size: 17px;
}
.modal-clinic-info .modal-clinic p::before {
  font-family: Fontastic;
  position: absolute;
  top: 0;
  left: -25px;
}
.modal-clinic-info .modal-clinic p:first-child::before {
  content: "E";
  color: green;
  left: -35px;
  font-size: 27px;
}
.modal-clinic-info .modal-clinic p:nth-child(2)::before {
  content: "F";
  color: #fff;
  border-radius: 50%;
  background: #1e70c0;
  padding: 0 5px;
  font-size: 18px;
  left: -36px;
}
.modal-clinic-info .cs-clinic-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .modal-clinic-info .cs-clinic-col {
    width: 50%;
  }
}
.modal-clinic-info .cs-clinic-col label {
  font-size: 17px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
  max-width: 80% !important;
}
@media (min-width: 768px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    max-width: 70% !important;
  }
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  max-width: 100%;
  -webkit-appearance: none;
  padding: 0.3em;
  border: 2px solid #c3c3c3;
  background: #fff;
}

.ui-dialog-titlebar {
  background: none;
  color: #1e70c0;
  border: none;
  font-size: 20px;
}
@media (min-width: 768px) {
  .ui-dialog-titlebar {
    font-size: 30px;
  }
}

.ui-dialog .ui-dialog-title {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}

.ui-dialog .ui-dialog-buttonpane button {
  -webkit-appearance: none;
  background: #1e70c0;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  padding: 0.6rem;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: #147ee8;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: initial;
  text-align: center;
}

.icon-check-alt.confirmation {
  font-size: 70px;
  color: green;
  line-height: 1;
}
@media (min-width: 768px) {
  .icon-check-alt.confirmation {
    font-size: 100px;
  }
}

.ui-widget-content a.btn.btn-boost {
  color: #fff;
  background: #1e70c0;
}

#drupal-modal .webform-confirmation__back {
  display: none;
}

.shop_wrapper {
  background: #fff;
}

.nav-label:hover {
  background-color: #002663 !important;
}

/*.nav-label .nav-label__side .item_login a:nth-child(2)::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 90%;
  background: #fff;
  right: 0;
}*/
.nav-label .nav-label__side .item_login a:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 90%;
  background: #fff;
  right: 0;
}

.nav-label .nav-label__side .item_login a {
  padding-left: 1.5em;
}

.offers-form {
  background: var(--first-footer);
  color: #fff;
}

.social-networks [class^=icon-],
.social-networks [class*=" icon-"] {
  color: var(--color-white);
  line-height: 0;
}
.social-networks [class^=icon-]:hover,
.social-networks [class*=" icon-"]:hover {
  color: var(--main-color);
}

.social-networks .icon-youtube-play,
.social-networks .icon-instagram,
.social-networks .icon-youtube {
  background: var(--color-white);
  width: 54px;
  height: 54px;
}
.social-networks .icon-youtube-play:before,
.social-networks .icon-instagram:before,
.social-networks .icon-youtube:before {
  color: var(--first-footer);
  font-size: 30px;
}
.social-networks .icon-youtube-play:hover,
.social-networks .icon-instagram:hover,
.social-networks .icon-youtube:hover {
  background: var(--main-color);
}
.social-networks [class^=icon-],
.social-networks [class*=" icon-"] {
  font-size: 55px;
}

footer {
  background: #2475be;
}
footer .footer-form {
  background-color: transparent;
  padding: 0;
}
@media (min-width: 768px) {
  footer .footer-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
footer .footer-form h1, footer .footer-form h2, footer .footer-form h3, footer .footer-form h4, footer .footer-form h5, footer .footer-form h6 {
  font-family: Satisfy, sans-serif;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0;
  text-align: center;
}
@media (min-width: 768px) {
  footer .footer-form h1, footer .footer-form h2, footer .footer-form h3, footer .footer-form h4, footer .footer-form h5, footer .footer-form h6 {
    font-size: 25px;
    text-align: center;
    margin-right: 0;
  }
}
footer .footer-form input:not([type=submit]) {
  background: transparent;
  color: #fff;
  border: none;
  border-bottom: 2px solid #f6f7f7;
  width: 100%;
  padding: 0.3em;
  margin-bottom: 0.5em;
}
footer .footer-form input:not([type=submit])::-webkit-input-placeholder {
  color: #f6f7f7;
  font-style: italic;
  font-size: 16px;
}
footer .footer-form input:not([type=submit])::-moz-placeholder {
  color: #f6f7f7;
  font-style: italic;
  font-size: 16px;
}
footer .footer-form input:not([type=submit]):-ms-input-placeholder {
  color: #f6f7f7;
  font-style: italic;
  font-size: 16px;
}
footer .footer-form input:not([type=submit])::-ms-input-placeholder {
  color: #f6f7f7;
  font-style: italic;
  font-size: 16px;
}
footer .footer-form input:not([type=submit])::placeholder {
  color: #f6f7f7;
  font-style: italic;
  font-size: 16px;
}
footer .footer-form input[type=submit] {
  border: none;
  background-color: var(--main-colorLink);
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  padding: 5px 10px;
  font-style: italic;
  margin: 1em 0;
  cursor: pointer;
}
footer .footer-form p {
  margin-bottom: 0;
  font-size: 13px;
  color: #fff;
}
footer .footer-form a {
  color: var(--main-colorLink);
  font-style: italic;
}
footer .footer-form a.send_newletter_form {
  font-style: normal;
  margin: 0.5em;
}
@media (min-width: 768px) {
  footer .footer-form a.send_newletter_form {
    margin: 0;
  }
}
footer .bke-contact {
  color: var(--color-white);
}
footer .bke-contact h1, footer .bke-contact h2, footer .bke-contact h3, footer .bke-contact h4, footer .bke-contact h5, footer .bke-contact h6 {
  font-size: 30px;
}
footer .bke-contact h1::before, footer .bke-contact h2::before, footer .bke-contact h3::before, footer .bke-contact h4::before, footer .bke-contact h5::before, footer .bke-contact h6::before {
  content: none;
}
footer .bke-contact p {
  font-size: 14px;
}
footer .bke-contact [class^=icon-],
footer .bke-contact [class*=" icon-"] {
  margin-right: 10px;
  font-size: 30px;
}

.footer-links h1, .footer-links h2, .footer-links h3, .footer-links h4, .footer-links h5, .footer-links h6 {
  color: var(--color-white);
}
.footer-links h1::before, .footer-links h2::before, .footer-links h3::before, .footer-links h4::before, .footer-links h5::before, .footer-links h6::before {
  background-color: var(--color-white);
}
.footer-links p.h6::before {
  background-color: var(--color-white);
}
.footer-links li {
  color: var(--color-white);
}

.hero_slider .hero_slider__item .text-container {
  width: 80%;
  left: 8%;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .text-container {
    width: 50%;
    left: unset;
  }
}
.hero_slider .hero_slider__item .text-container h1, .hero_slider .hero_slider__item .text-container h2, .hero_slider .hero_slider__item .text-container h3, .hero_slider .hero_slider__item .text-container h4, .hero_slider .hero_slider__item .text-container h5, .hero_slider .hero_slider__item .text-container h6 {
  font-family: Satisfy;
  font-size: 30px;
  color: var(--nav-label);
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .text-container h1, .hero_slider .hero_slider__item .text-container h2, .hero_slider .hero_slider__item .text-container h3, .hero_slider .hero_slider__item .text-container h4, .hero_slider .hero_slider__item .text-container h5, .hero_slider .hero_slider__item .text-container h6 {
    font-size: 65px;
  }
}
.hero_slider .hero_slider__item .text-container h1 img, .hero_slider .hero_slider__item .text-container h2 img, .hero_slider .hero_slider__item .text-container h3 img, .hero_slider .hero_slider__item .text-container h4 img, .hero_slider .hero_slider__item .text-container h5 img, .hero_slider .hero_slider__item .text-container h6 img {
  max-width: 140px;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .text-container h1 img, .hero_slider .hero_slider__item .text-container h2 img, .hero_slider .hero_slider__item .text-container h3 img, .hero_slider .hero_slider__item .text-container h4 img, .hero_slider .hero_slider__item .text-container h5 img, .hero_slider .hero_slider__item .text-container h6 img {
    max-width: 180px;
  }
}
@media (min-width: 992px) {
  .hero_slider .hero_slider__item .text-container h1 img, .hero_slider .hero_slider__item .text-container h2 img, .hero_slider .hero_slider__item .text-container h3 img, .hero_slider .hero_slider__item .text-container h4 img, .hero_slider .hero_slider__item .text-container h5 img, .hero_slider .hero_slider__item .text-container h6 img {
    max-width: 250px;
  }
}
.hero_slider .hero_slider__item .text-container.slide-box {
  padding: 0.5em;
  margin-bottom: 10%;
}
.hero_slider .hero_slider__item .text-container p {
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .text-container p {
    font-size: 25px;
  }
}
.hero_slider .hero_slider__item .text-container a {
  padding: 0.5em;
  background: var(--main-titles);
  border-radius: 5px;
  font-size: 17px;
  text-shadow: none;
  font-weight: 500;
  margin-top: 20px;
  display: inline-block;
}
.hero_slider .hero_slider__item .text-container a + a {
  margin-left: 10px;
}

.cs-term {
  font-size: 17px;
  margin-bottom: 20px;
}
.cs-term h1, .cs-term h2, .cs-term h3, .cs-term h4, .cs-term h5, .cs-term h6 {
  color: #9b9999;
  font-size: 20px;
}
.cs-term p:not(:nth-child(2)) strong {
  color: #47b1f0;
  font-size: 120%;
}

.stories-slider > .col-10 {
  display: none;
}
.stories-slider > .col-10:nth-child(1) {
  display: block;
}
.stories-slider .storie-item {
  background: #8dc63f;
  color: #fff;
  border-radius: 10px;
  padding: 2em;
  margin-top: 100px;
}
@media (min-width: 768px) {
  .stories-slider .storie-item {
    padding: 2em 3em;
    margin-top: 150px;
  }
}
.stories-slider .storie-item p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 18px;
}
@media (min-width: 768px) {
  .stories-slider .storie-item p {
    font-size: 25px;
  }
}
.stories-slider .storie-item img {
  position: absolute;
  top: -50px;
  left: -20px;
  width: 85px;
  z-index: 30;
  height: auto;
}
@media (min-width: 768px) {
  .stories-slider .storie-item img {
    width: 120px;
    top: -60px;
    left: -60px;
  }
}
.stories-slider .storie-item .weight-loss {
  position: absolute;
  top: -80px;
  left: 55px;
  z-index: 20;
}
@media (min-width: 768px) {
  .stories-slider .storie-item .weight-loss {
    top: -100px;
    left: 45px;
  }
}
.stories-slider .storie-item .weight-loss p {
  margin-bottom: 0;
  font-size: 15px;
}
@media (min-width: 768px) {
  .stories-slider .storie-item .weight-loss p {
    font-size: 20px;
  }
}
.stories-slider .storie-item .weight-loss p strong {
  font-weight: bold;
}
.stories-slider .storie-item .weight-loss::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%);
  height: 90px;
  width: 90px;
  background: url(../images_optifast_us/profiles/success-stories-weight-bg.png) no-repeat center/contain;
  z-index: -1;
}
@media (min-width: 768px) {
  .stories-slider .storie-item .weight-loss::after {
    height: 125px;
    width: 125px;
  }
}

.cs-iconText {
  margin-bottom: 20px;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .cs-iconText {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .cs-iconText {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
}
.cs-iconText img {
  margin-bottom: 20px;
  max-width: 140px;
}
@media (min-width: 768px) {
  .cs-iconText img {
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .cs-iconText img {
    max-width: 140px;
  }
}
.cs-iconText h1, .cs-iconText h2, .cs-iconText h3, .cs-iconText h4, .cs-iconText h5, .cs-iconText h6 {
  color: #47b1f0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .cs-iconText h1, .cs-iconText h2, .cs-iconText h3, .cs-iconText h4, .cs-iconText h5, .cs-iconText h6 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .cs-iconText h1, .cs-iconText h2, .cs-iconText h3, .cs-iconText h4, .cs-iconText h5, .cs-iconText h6 {
    font-size: 20px;
  }
}

.bg-blue {
  background: #3c92bc;
}
.bg-blue p {
  color: #fff;
}
.bg-blue.cs-imgover {
  position: relative;
}
@media (min-width: 768px) {
  .bg-blue.cs-imgover::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 2.5rem;
    background: #f0f2f2;
  }
}
@media (min-width: 768px) {
  .bg-blue.cs-imgover::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 2.5rem;
    background: #fff;
  }
}
.bg-blue.cs-imgover .cs-imgover__image {
  position: relative;
  z-index: 10;
}
.bg-blue.cs-imgover .cs-imgover__text {
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .bg-blue.cs-imgover .cs-imgover__text {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .bg-blue.cs-imgover .cs-imgover__text {
    font-size: 17px;
  }
}

.cs-logo-over {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .cs-logo-over {
    top: -1rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.cs-logo-over img {
  max-width: 150px;
  height: auto;
}
.cs-logo-over img:not(:last-of-type) {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .cs-logo-over img {
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .cs-logo-over img {
    max-width: 150px;
  }
}

.cs-reference {
  font-size: 0.78em;
  line-height: 24px !important;
  color: #6D7079 !important;
}
.cs-reference p {
  color: #6D7079 !important;
  margin-bottom: 10px;
}
.cs-reference ol {
  padding-left: 1em;
}
.cs-reference ol li {
  list-style: decimal;
  padding-left: 1em;
  margin-bottom: 10px;
}

.frs-banner__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .frs-banner__text {
    height: 81vh;
  }
}
.frs-banner__text h1, .frs-banner__text h2, .frs-banner__text h3, .frs-banner__text h4, .frs-banner__text h5, .frs-banner__text h6 {
  font-size: 45px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .frs-banner__text h1, .frs-banner__text h2, .frs-banner__text h3, .frs-banner__text h4, .frs-banner__text h5, .frs-banner__text h6 {
    font-size: 70px;
  }
}
.frs-banner__text h1 img, .frs-banner__text h2 img, .frs-banner__text h3 img, .frs-banner__text h4 img, .frs-banner__text h5 img, .frs-banner__text h6 img {
  max-width: 300px;
}
.frs-banner__text p {
  font-size: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .frs-banner__text p {
    font-size: 22px !important;
  }
}
.frs-banner__text em {
  font-family: "Satisfy", sans-serif;
  font-style: normal;
}

.panel {
  margin-bottom: 20px;
}

.left-navigation-panel .scrollmagic-pin-spacer {
  min-width: 100% !important;
}

.sidebar-menu.with-icons {
  padding-bottom: 50px;
  padding-top: 50px;
}

.sidebar-menu.with-icons a.nav-link {
  position: relative;
  font-size: 18px;
  border-radius: 0px;
  text-align: right;
  padding-right: 30px;
  color: #00b0d2;
}
.sidebar-menu.with-icons a.nav-link:hover {
  background: #eee;
}
.sidebar-menu.with-icons a.nav-link.active {
  background: none;
  color: #1d3165;
}
.sidebar-menu.with-icons a.nav-link.active::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #19a2cc;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -8px;
  margin-top: -7px;
  background: #fff;
}

.nav-pills {
  position: relative;
}
.nav-pills::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  height: 130%;
  width: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #19a2cc;
}

.cs-rightNav p {
  font-size: 17px;
}
.cs-rightNav ul {
  font-size: 17px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.cs-rightNav ul li {
  list-style-type: disc;
}
.cs-rightNav .asideDescription {
  color: var(--gray-color);
  margin-top: 20px;
}
.cs-rightNav .asideDescription h1, .cs-rightNav .asideDescription h2, .cs-rightNav .asideDescription h3, .cs-rightNav .asideDescription h4, .cs-rightNav .asideDescription h5, .cs-rightNav .asideDescription h6 {
  color: var(--gray-color);
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 1rem;
}
.cs-rightNav .asideDescription p {
  font-size: 15px;
  margin-bottom: 0;
}
.cs-rightNav .cs-programResults h1, .cs-rightNav .cs-programResults h2, .cs-rightNav .cs-programResults h3, .cs-rightNav .cs-programResults h4, .cs-rightNav .cs-programResults h5, .cs-rightNav .cs-programResults h6 {
  color: var(--results-titles);
  font-size: 24px;
  font-weight: bold;
}
.cs-rightNav .cs-programResults p {
  margin-bottom: 0.5rem;
  color: var(--gray-color);
}
.cs-rightNav .cs-header-home.block-type {
  padding-top: 3rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.cs-rightNav .cs-header-home.block-type p {
  display: none;
}
.cs-rightNav .gradient-block-type {
  margin-top: 0 !important;
}
.cs-rightNav .gradient-block-type .cs-term {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .cs-rightNav .gradient-block-type .cs-term {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.cs-programPill {
  border-bottom: 1px solid #ccc;
}
.cs-programPill__item {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 992px) {
  .cs-programPill__item {
    font-size: 16px;
  }
}
.cs-programPill__item.active::before, .cs-programPill__item:hover::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 5px;
  background: #2f748f;
}
.cs-programPill__item.active a {
  color: #2f748f;
  font-weight: bold;
}

.program-filter strong {
  color: #19a2cc;
}

.success-stories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.success-stories p {
  font-size: 17px;
}
.success-stories .section-link {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.success-stories .views-element-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cs-success-card {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cs-success-card img {
  margin-bottom: 20px;
}
.cs-success-card p {
  font-size: 17px;
}
.cs-success-card h1, .cs-success-card h2, .cs-success-card h3, .cs-success-card h4, .cs-success-card h5, .cs-success-card h6 {
  font-size: 22px;
  font-family: Satisfy;
}
@media (min-width: 768px) {
  .cs-success-card h1, .cs-success-card h2, .cs-success-card h3, .cs-success-card h4, .cs-success-card h5, .cs-success-card h6 {
    font-size: 27px;
  }
}

.cs-lowTitles h1, .cs-lowTitles h2, .cs-lowTitles h3, .cs-lowTitles h4, .cs-lowTitles h5, .cs-lowTitles h6 {
  color: #00b0d2;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 2rem;
}
.cs-lowTitles__sub h1, .cs-lowTitles__sub h2, .cs-lowTitles__sub h3, .cs-lowTitles__sub h4, .cs-lowTitles__sub h5, .cs-lowTitles__sub h6 {
  font-size: 22px;
  font-weight: normal;
}
.cs-lowTitles .logo-title h1, .cs-lowTitles .logo-title h2, .cs-lowTitles .logo-title h3, .cs-lowTitles .logo-title h4, .cs-lowTitles .logo-title h5, .cs-lowTitles .logo-title h6 {
  font-weight: bold;
}

.cs-colStudy img {
  max-width: 60%;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .cs-colStudy img {
    max-width: 80%;
  }
}
.cs-colStudy h1, .cs-colStudy h2, .cs-colStudy h3, .cs-colStudy h4, .cs-colStudy h5, .cs-colStudy h6 {
  color: var(--main-text);
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 0.5rem;
}

.groupUsers {
  border: 2px solid #0270c0;
  border-radius: 10px;
  padding: 15px;
  text-align: left;
  height: 100%;
  color: #00b0d2;
}
.groupUsers h1, .groupUsers h2, .groupUsers h3, .groupUsers h4, .groupUsers h5, .groupUsers h6 {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 18px !important;
}
.groupUsers img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline::before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 25px;
  list-style: none;
  position: relative;
}
ul.timeline > li p:first-of-type {
  margin-bottom: 0.25rem;
}
ul.timeline > li p:last-of-type {
  margin-bottom: 1.5rem;
}
ul.timeline > li::before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #00b0d2;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
  top: 3px;
  left: 0;
}
ul.timeline h1, ul.timeline h2, ul.timeline h3, ul.timeline h4, ul.timeline h5, ul.timeline h6 {
  font-size: 24px;
  margin-bottom: 0.25rem;
  font-weight: bold;
  color: var(--light-textButton);
}
ul.timeline strong {
  color: var(--main-titles);
}

.product-program {
  padding-top: 30px;
}
.product-program h1, .product-program h2, .product-program h3, .product-program h4, .product-program h5, .product-program h6 {
  color: #0b7495;
  margin-bottom: 0.5rem;
}
.product-program p:first-of-type {
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .product-program p:first-of-type {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.product-program p:nth-of-type(2) {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .product-program p:nth-of-type(2) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 768px) {
  .product-program p:nth-of-type(4) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.product-program p strong {
  color: var(--results-titles);
  font-size: 110%;
}

.program-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  margin-bottom: 20px;
}
.program-btn img {
  max-width: 100px;
}
@media (min-width: 768px) {
  .program-btn img {
    max-width: 150px;
  }
}
.program-btn p {
  font-weight: bold;
  color: #0b7495;
}

.form-boost .boost-select input:checked ~ label {
  border: 3px solid #012169 !important;
  color: #007F9E !important;
  color: var(--main-color);
}
.form-boost .boost-select label {
  border-radius: 15px;
  border: 3px solid #dedede;
}
.form-boost .boost-select.program-btn label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.form-boost .boost-select.program-btn img {
  width: 100px;
}
@media (min-width: 768px) {
  .form-boost .boost-select.program-btn img {
    width: 145px;
  }
}

.form-boost .basic-info input[type=number] {
  width: 50px;
}

.body-mass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.body-mass p {
  margin-bottom: 0;
  color: #0b7495 !important;
  font-weight: bold;
}
.body-mass strong {
  color: #007F9E !important;
  font-size: 30px;
}
@media (min-width: 768px) {
  .body-mass strong {
    font-size: 50px;
  }
}

.find-landing-headers h1, .find-landing-headers h2, .find-landing-headers h3, .find-landing-headers h4, .find-landing-headers h5, .find-landing-headers h6 {
  color: #0b7495 !important;
  font-size: 30px;
}

.switchToggle {
  text-align: left;
}

.switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.switchToggle span {
  color: #3e98d3;
  margin-bottom: 10px;
  display: inline-block;
}

.switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  max-width: 70px;
  height: 30px;
  background: #d1d1d1;
  display: block;
  border-radius: 100px;
  position: relative;
}

.switchToggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.switchToggle input:checked + label,
.switchToggle input:checked + input + label {
  background: #3e98d3;
}

.switchToggle input + label:before,
.switchToggle input + input + label:before {
  content: "No";
  position: absolute;
  top: 0;
  left: 35px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}

.switchToggle input:checked + label:before,
.switchToggle input:checked + input + label:before {
  content: "Yes";
  position: absolute;
  top: 0;
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}

.switchToggle input:checked + label:after,
.switchToggle input:checked + input + label:after {
  left: calc(100% - 2px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.switchToggle label:active:after {
  width: 60px;
}

.weight-loss-goal {
  color: #3e98d3;
  font-size: 35px;
}
.weight-loss-goal input[type=number] {
  color: #3e98d3;
  padding: 0 5px;
  border: none;
  border-bottom: 2px solid #3e98d3;
  width: 70px;
  -webkit-appearance: none;
  text-align: center;
}

.lossGoal-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lossGoal-select label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #0b7495;
  text-align: right;
  padding-right: 15px;
  font-weight: bold;
}
.lossGoal-select select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.progress .done .step {
  cursor: pointer;
  border: 5px solid #94c7fb !important;
  background-color: #94c7fb !important;
}
.progress .done .step::before {
  background-color: #94c7fb !important;
}
.progress .done .step::after {
  background-color: #94c7fb !important;
}

ol.progress .step {
  line-height: 1.2;
}

.progress .active .step {
  opacity: 1;
  border: 1px solid #0b7495 !important;
  background: #fff !important;
  width: 40px;
  height: 40px;
  color: #0b7495;
  margin: auto;
  margin-top: -10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.progress .active .step::before {
  background-color: #94c7fb !important;
}

.current .step {
  cursor: pointer;
  background-color: #94c7fb !important;
  border: 5px solid #94c7fb !important;
}
.current .step::before {
  border: 5px solid #94c7fb !important;
  background-color: #94c7fb !important;
}

.right-for-you {
  text-align: center;
}
.right-for-you img {
  width: 200px;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .right-for-you img {
    width: 230px;
  }
}

.product-gradient {
  background: url(../images_optifast_au/radial-gradient.png) no-repeat left center/cover;
  min-height: 400px;
}
.product-gradient h1 {
  color: var(--main-titles);
  font-weight: bold;
}

.product-detail-heading h1, .product-detail-heading h2, .product-detail-heading h3, .product-detail-heading h4, .product-detail-heading h5, .product-detail-heading h6 {
  font-size: 30px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}
@media (min-width: 768px) {
  .product-detail-heading h1, .product-detail-heading h2, .product-detail-heading h3, .product-detail-heading h4, .product-detail-heading h5, .product-detail-heading h6 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .product-detail-heading h1, .product-detail-heading h2, .product-detail-heading h3, .product-detail-heading h4, .product-detail-heading h5, .product-detail-heading h6 {
    font-size: 50px;
  }
}
.product-detail-heading h1 img, .product-detail-heading h2 img, .product-detail-heading h3 img, .product-detail-heading h4 img, .product-detail-heading h5 img, .product-detail-heading h6 img {
  vertical-align: baseline;
  width: 150px;
}
@media (min-width: 768px) {
  .product-detail-heading h1 img, .product-detail-heading h2 img, .product-detail-heading h3 img, .product-detail-heading h4 img, .product-detail-heading h5 img, .product-detail-heading h6 img {
    width: 250px;
  }
}

.over-hero.frs-above {
  background: #fff;
}

.bg-frs-section {
  background-color: #f1f5f8;
}

.csm-abf-titles h1, .csm-abf-titles h2, .csm-abf-titles h3, .csm-abf-titles h4, .csm-abf-titles h5, .csm-abf-titles h6 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  color: #2e7496;
}
.csm-abf-titles h1 em, .csm-abf-titles h2 em, .csm-abf-titles h3 em, .csm-abf-titles h4 em, .csm-abf-titles h5 em, .csm-abf-titles h6 em {
  font-family: "Satisfy", sans-serif;
  font-size: 50px;
  font-style: normal;
}
.csm-abf-titles span {
  color: var(--main-color);
  font-weight: bold;
}

.frs-banner {
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .frs-banner {
    padding-bottom: 4em;
  }
}
.frs-banner__text--opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 300px;
  position: relative;
  padding-bottom: 1rem;
}
.frs-banner__text--opt::before {
  content: "";
  font-size: 0;
  min-height: inherit;
}
@media (min-width: 768px) {
  .frs-banner__text--opt {
    min-height: 400px;
  }
}
.frs-banner__text--opt h1, .frs-banner__text--opt h2, .frs-banner__text--opt h3, .frs-banner__text--opt h4, .frs-banner__text--opt h5, .frs-banner__text--opt h6 {
  font-size: 45px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .frs-banner__text--opt h1, .frs-banner__text--opt h2, .frs-banner__text--opt h3, .frs-banner__text--opt h4, .frs-banner__text--opt h5, .frs-banner__text--opt h6 {
    font-size: 70px;
  }
}
.frs-banner__text--opt h1 img, .frs-banner__text--opt h2 img, .frs-banner__text--opt h3 img, .frs-banner__text--opt h4 img, .frs-banner__text--opt h5 img, .frs-banner__text--opt h6 img {
  max-width: 200px;
}
@media (min-width: 768px) {
  .frs-banner__text--opt h1 img, .frs-banner__text--opt h2 img, .frs-banner__text--opt h3 img, .frs-banner__text--opt h4 img, .frs-banner__text--opt h5 img, .frs-banner__text--opt h6 img {
    max-width: 300px;
  }
}
.frs-banner__text--opt em {
  font-family: "Satisfy", sans-serif;
  font-style: normal;
}

.csm-abf-list ul {
  padding-left: 15px;
}
.csm-abf-list ul li a {
  color: #002060;
  position: relative;
}
.csm-abf-list ul li a::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 9px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #002060;
}
.csm-abf-list ul li a:hover {
  color: #2e7496;
}
.csm-abf-list ul li a:hover::before {
  background-color: #2e7496;
}

.recipe-idea {
  background: #fff !important;
}

.testimonial-card {
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
}
.testimonial-card .h5 {
  font-weight: bold;
}
.testimonial-card small {
  font-size: 14px;
}
.testimonial-card .testimonial-card-description {
  padding: 24px 32px 32px;
}
@media (max-width: 767px) {
  .testimonial-card .testimonial-card-description {
    padding: 20px 22px;
  }
}
.testimonial-card .btn-template-3 {
  padding: 8px 24px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .testimonial-card .btn-template-3 {
    padding: 8px 18px;
  }
}

.hero-card {
  background: #fff;
  position: relative;
}
.hero-card .social-about {
  position: absolute;
  z-index: 10;
  top: 0;
  width: calc(100% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hero-card .social-about::before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 20px;
  height: 3px;
  background: #bbb;
}
.hero-card .social-about p {
  font-size: 16px;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 992px) {
  .hero-card .social-about p {
    font-size: 20px;
  }
}
.hero-card .social-about img {
  width: 20px;
}
@media (min-width: 768px) {
  .hero-card .social-about img {
    width: 25px;
  }
}
.hero-card .content-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-card .content-card h1, .hero-card .content-card h2, .hero-card .content-card h3, .hero-card .content-card h4, .hero-card .content-card h5, .hero-card .content-card h6 {
  color: #1e70c0;
  font-weight: bold;
  font-size: 30px;
}
@media (min-width: 992px) {
  .hero-card .content-card h1, .hero-card .content-card h2, .hero-card .content-card h3, .hero-card .content-card h4, .hero-card .content-card h5, .hero-card .content-card h6 {
    font-size: 40px;
  }
}
.hero-card .caption {
  background: #5ab152;
  padding: 20px 15px 20px 20px;
  position: relative;
  width: 87%;
  margin-left: auto;
}
@media (min-width: 768px) {
  .hero-card .caption {
    width: 94%;
  }
}
.hero-card .caption::before {
  content: "";
  position: absolute;
  top: 0;
  left: -70px;
  width: 0;
  height: 100%;
  background: transparent;
  border: 35px solid transparent;
  border-right: 35px solid #5ab152;
}
.hero-card .caption p {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
}

.cs-quote-container {
  background: #2f394f;
}
.cs-quote-container p {
  color: #fff;
}
.cs-quote-container img {
  max-width: 100px;
}

.cs-secondary-bg {
  background: #e3f8fd;
}
.cs-secondary-bg p {
  color: #002060;
}

/*.testimonial-car {
  display: flex;

  &>.col-12 {
    display: none;

    &:nth-child(1) {
      display: block;
    }

    @include media(sm) {
      flex: 0 0 50%;
      max-width: 50%;

      &:nth-child(-n+2) {
        display: block;
      }
    }

    @include media(md) {
      flex: 0 0 33.3%;
      max-width: 33.3%;

      &:nth-child(-n+3) {
        display: block;
      }
    }

    @include media(lg) {
      flex: 0 0 25%;
      max-width: 25%;
      display: none;

      &:nth-child(-n+4) {
        display: block;
      }
    }
  }
}*/
.bg-alt {
  background-color: #eff2f2;
}

.bg-long {
  background: url(../images_optifast_us/homepage-longterm-results-banner.jpg) no-repeat center/cover;
  background-color: rgba(31, 92, 138, 0.9);
}
.bg-long .cs-header-home {
  color: #fff;
}
.bg-long .cs-header-home h1, .bg-long .cs-header-home h2, .bg-long .cs-header-home h3, .bg-long .cs-header-home h4, .bg-long .cs-header-home h5, .bg-long .cs-header-home h6 {
  color: #fff;
}
.bg-long .cs-header-home h1 strong, .bg-long .cs-header-home h2 strong, .bg-long .cs-header-home h3 strong, .bg-long .cs-header-home h4 strong, .bg-long .cs-header-home h5 strong, .bg-long .cs-header-home h6 strong {
  color: #b9e5ff;
}
.bg-long .cs-term h1, .bg-long .cs-term h2, .bg-long .cs-term h3, .bg-long .cs-term h4, .bg-long .cs-term h5, .bg-long .cs-term h6 {
  color: #fff;
}
.bg-long .cs-term p {
  color: #fff;
}
.bg-long .cs-term p strong {
  color: #b9e5ff;
}

.cs-header-home h1, .cs-header-home h2, .cs-header-home h3, .cs-header-home h4, .cs-header-home h5, .cs-header-home h6 {
  margin-bottom: 1.5rem;
}

.cs-description {
  font-size: 15px;
}
.cs-description--program p {
  margin-bottom: 0;
}

.cs-header-home.d-header.logo-title h1, .cs-header-home.d-header.logo-title h2, .cs-header-home.d-header.logo-title h3, .cs-header-home.d-header.logo-title h4, .cs-header-home.d-header.logo-title h5, .cs-header-home.d-header.logo-title h6 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.8em;
}
@media (min-width: 768px) {
  .cs-header-home.d-header.logo-title h1, .cs-header-home.d-header.logo-title h2, .cs-header-home.d-header.logo-title h3, .cs-header-home.d-header.logo-title h4, .cs-header-home.d-header.logo-title h5, .cs-header-home.d-header.logo-title h6 {
    font-size: 2.5em;
  }
}

.satisfy {
  font-family: Satisfy, sans-serif;
}

.minor-fx-hei .frs-banner__text--opt {
  min-height: 250px;
}
.minor-fx-hei .frs-banner__text {
  height: 400px;
}

.help-section {
  background: -webkit-gradient(linear, left top, left bottom, from(#4a91ba), color-stop(98%, #303b4f), to(#303b4f));
  background: linear-gradient(to bottom, #4a91ba 0%, #303b4f 98%, #303b4f 100%);
}

.contact-team ol {
  padding-left: 20px;
}
.contact-team ol li {
  font-size: 14px;
  list-style: decimal;
  color: var(--light-text);
}
.contact-team .tel-col::before,
.contact-team .mail-col::before {
  left: -40px;
}

.faq-collapse h2 {
  color: var(--blue-titles) !important;
  font-size: 20px !important;
}
.faq-collapse:first-child {
  border-top: none;
}

.faq-collapse::before {
  font-family: "Fontastic";
  background: none;
  content: "H";
  top: 30px;
  width: auto;
  height: auto;
  font-size: 20px;
  color: #002060;
}

.contact-boost {
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-top: 20px;
}
.contact-boost .js-form-item-last-name label.js-form-required {
  visibility: hidden;
}
.contact-boost .js-form-item-privacy-policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-top: 2px;
}
.contact-boost .js-form-item-privacy-policy label {
  padding-left: 0.5em;
}
.contact-boost .js-form-item-privacy-policy .form-item--error-message {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.contact-boost input.error,
.contact-boost select.error {
  border-color: red !important;
}
.contact-boost .form-item--error-message {
  color: red;
  margin-top: -10px;
  margin-bottom: 5px;
}
.contact-boost .js-form-item-agree label:not(.error) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.contact-boost .js-form-item-agree input {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.contact-boost .js-form-item-agree .description {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.contact-boost .js-form-item-agree label.error {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  top: 0;
}
.contact-boost #edit-agree--description {
  margin-left: 10px;
}
.contact-boost #edit-country--wrapper {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contact-boost #edit-country--wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
    padding-left: 5px;
  }
}
.contact-boost legend {
  margin-bottom: 0;
  line-height: 1;
}
.contact-boost legend span {
  color: var(--main-text) !important;
}
@media (min-width: 768px) {
  .contact-boost #edit-email .js-form-item-email-mail-1 {
    padding-right: 5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .contact-boost #edit-email .js-form-item-email-mail-2 {
    padding-left: 5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.footer-form .submit {
  background: transparent;
  padding-top: 50px !important;
}
.footer-form .submit h1 {
  color: #3579bb !important;
}

.cs-frb-home {
  font-size: 18px;
}
.cs-frb-home h1, .cs-frb-home h2, .cs-frb-home h3, .cs-frb-home h4, .cs-frb-home h5, .cs-frb-home h6 {
  color: var(--main-color);
}
.cs-frb-home ul {
  padding-left: 30px;
}
.cs-frb-home ul li {
  margin-bottom: 15px;
  list-style-type: disc;
}

.cs-sec-home h1, .cs-sec-home h2, .cs-sec-home h3, .cs-sec-home h4, .cs-sec-home h5, .cs-sec-home h6 {
  color: var(--main-color);
  font-size: 30px;
}
.cs-sec-home ol {
  padding-left: 30px;
  counter-reset: int;
}
.cs-sec-home ol li {
  counter-increment: int;
  position: relative;
  font-size: 14px;
}
.cs-sec-home ol li::before {
  content: counter(int) ". ";
  position: absolute;
  left: -30px;
}

.img-fluid-wrapper img {
  max-width: 100%;
  height: auto;
}

.cs-adm-ol ol {
  counter-reset: list;
  padding-left: 15px;
}
.cs-adm-ol li {
  counter-increment: list;
  position: relative;
}
.cs-adm-ol li::before {
  content: counter(list) ".";
  position: absolute;
  left: -15px;
  font-size: 14px;
  top: 3px;
  font-style: italic;
}

.cs-h3title h3 {
  font-size: 22px;
}

.promo-badge {
  background-color: var(--deepblue-color);
  color: #fff;
}
.promo-badge p {
  font-size: 20px;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .promo-badge p {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .promo-badge p {
    font-size: 40px;
  }
}
.promo-badge .btn {
  font-size: 16px;
}
@media (min-width: 992px) {
  .promo-badge .btn {
    font-size: 18px;
  }
}

.btn-alt {
  background: var(--orange-color);
  border-radius: 8px;
  padding: 0.5em 1em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #fff;
  text-align: center;
}
.btn-alt:hover {
  background: rgb(227.14, 100.828, 22.16);
  color: #fff;
}

.contest-step {
  border-radius: 50%;
  color: #fff;
  width: 280px;
  height: 280px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 40px;
  font-size: 17px;
}
@media (min-width: 768px) {
  .contest-step {
    position: absolute;
    width: 240px;
    height: 240px;
  }
}
@media (min-width: 992px) {
  .contest-step {
    width: 280px;
    height: 280px;
  }
}
.contest-step h2 {
  margin-bottom: 0;
}
.contest-step--1 {
  background-color: var(--deepblue-color);
}
@media (min-width: 768px) {
  .contest-step--1 {
    left: 30px;
  }
}
.contest-step--2 {
  background-color: var(--light-green);
}
@media (min-width: 768px) {
  .contest-step--2 {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
  }
}
.contest-step--3 {
  background-color: var(--light-blue);
}
@media (min-width: 768px) {
  .contest-step--3 {
    right: 30px;
  }
}

.promo-content {
  color: var(--deepblue-color);
}
.promo-content s {
  text-transform: none;
  text-decoration: none;
  font-family: "Satisfy", sans-serif;
  color: var(--light-blue);
  font-size: 220%;
}

.contest-schedule {
  background: var(--orange-color);
  color: #fff;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
}
.contest-schedule p {
  margin-bottom: 0;
  font-size: 14px;
}
.contest-schedule p strong {
  font-size: 110%;
}

.cs-new-you-block {
  font-size: 30px;
}
.cs-new-you-block a {
  text-decoration: underline;
  font-size: 18px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.required-field {
  color: var(--ast-color);
}

@media (min-width: 576px) {
  .ml-sm-12 {
    margin-left: 12%;
  }
}

.new-you-form {
  font-size: 15px;
}
.new-you-form label {
  font-size: 15px;
}
.new-you-form label.error {
  display: none !important;
}
.new-you-form input.error,
.new-you-form textarea.error,
.new-you-form select.error {
  border: 2px solid #ffa9a9;
}
.new-you-form small {
  font-size: 15px;
}
.new-you-form input.webform-button--submit {
  background: var(--orange-color);
  border-radius: 8px;
  padding: 0.9em 3em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #fff;
  border: none;
  font-size: 20px;
  display: block;
  margin: auto;
}
.new-you-form a {
  color: #3293fb;
}

.cs-new-input-file {
  font-size: 15px;
}

.cs-new-you-checkbox {
  margin-bottom: 20px;
}
.cs-new-you-checkbox input[type=checkbox] {
  display: inline-block;
}
.cs-new-you-checkbox label.option {
  display: inline;
}
.cs-new-you-checkbox .description {
  display: inline;
}

.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
  background: #fff;
}

@media (min-width: 768px) {
  .cs-new-you-textarea {
    height: 90%;
  }
}
.cs-new-you-textarea div {
  height: 100%;
}
.cs-new-you-textarea textarea {
  height: 100%;
}

.new-you-modal {
  font-size: 15px;
  color: var(--deepblue-color);
}

.promo-footer {
  background: var(--deepblue-color);
  color: #fff;
  font-size: 15px;
}

.promo-sponsored {
  background: var(--light-blue);
  color: #fff;
  font-size: 15px;
}

.btn-slide-promo {
  background: var(--light-green) !important;
  border-radius: 8px !important;
}

.announce-box {
  position: absolute;
  bottom: 80px;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--deepblue-color);
  padding: 1em 2em;
  width: 70%;
}
.announce-box h1, .announce-box h2, .announce-box h3, .announce-box h4, .announce-box h5, .announce-box h6 {
  font-size: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .announce-box h1, .announce-box h2, .announce-box h3, .announce-box h4, .announce-box h5, .announce-box h6 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

.cs-fx-required label.form-required:after {
  content: none !important;
}

.cs-left {
  left: 6%;
}

footer {
  background: white !important;
  color: #002663 !important;
}
footer .footer-links {
  color: #002663 !important;
}
footer .footer-links li,
footer .footer-links a,
footer .footer-links p,
footer .footer-links i,
footer .footer-links span,
footer .footer-links h6,
footer .footer-links h5,
footer .footer-links h4,
footer .footer-links h4,
footer .footer-links h3,
footer .footer-links h2,
footer .footer-links h1 {
  color: #002663 !important;
}
footer .footer-links h6::before, footer .footer-links p.h6::before {
  background-color: #002663 !important;
}

.bg {
  background-color: #e7eff6;
  padding: 1.5em 2em;
}
@media only screen and (max-width: 767px) {
  .bg {
    padding: 1.5em 1em;
  }
}
.bg .bg-layout {
  background-color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg .bg-layout div.custom {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.bg .bg-layout div.custom .description {
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.custom .description {
    padding: 0;
  }
}
.bg .bg-layout div.custom .description .title {
  color: #173069;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.bg .bg-layout div.custom .description .text {
  color: #676c77;
  font-size: 14px;
}
.bg .bg-layout div.custom .grid-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.custom .grid-content {
    padding: 0;
  }
}
.bg .bg-layout div.custom .grid-content .summary {
  font-size: 15px;
  margin-top: 2em;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.custom .grid-content .summary {
    padding: 0;
  }
}
.bg .bg-layout div.custom .grid-content .summary .title-summary {
  margin-bottom: 5px;
}
.bg .bg-layout div.custom .grid-content .summary .title-summary a {
  color: #173069;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.bg .bg-layout div.custom .grid-content .summary .title-summary a:hover {
  color: #009ee9;
  text-decoration: none;
}
.bg .bg-layout div.custom .grid-content .summary .text-summary {
  font-size: 13px;
  text-align: justify;
  margin: 0;
  padding-right: 2em;
}
.bg .bg-layout div.custom .grid-content .summary .text-summary a {
  color: #173069;
  font-size: 13px;
  text-decoration: underline;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.bg .bg-layout div.custom .grid-content .summary .text-summary a:hover {
  color: #009ee9;
  text-decoration: none;
}
.bg .bg-layout div.custom .grid-content .summary a {
  color: #173069;
  margin-top: 0.5em;
  font-size: 14px;
  text-decoration: underline;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.bg .bg-layout div.custom .grid-content .summary a:hover {
  color: #009ee9;
  text-decoration: none;
}
.bg .bg-layout div.custom .grid-content .summary hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
}
.bg .bg-layout div.clinical-body,
.bg .bg-layout div.col-md-9 {
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 2em;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.clinical-body,
  .bg .bg-layout div.col-md-9 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.bg .bg-layout div.clinical-body h2,
.bg .bg-layout div.col-md-9 h2 {
  color: #1e417c;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.bg .bg-layout div.clinical-body h3,
.bg .bg-layout div.col-md-9 h3 {
  color: #1e417c;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.bg .bg-layout div.clinical-body h4,
.bg .bg-layout div.col-md-9 h4 {
  color: #1e417c;
  margin: 10px 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.bg .bg-layout div.clinical-body p,
.bg .bg-layout div.col-md-9 p {
  font-size: 14px;
  color: #7a808a;
  margin-bottom: 0.5em;
}
.bg .bg-layout div.clinical-body p a,
.bg .bg-layout div.col-md-9 p a {
  color: #1e417c;
  text-decoration: underline;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.bg .bg-layout div.clinical-body p a:hover,
.bg .bg-layout div.col-md-9 p a:hover {
  text-decoration: none;
  color: #009ee9;
}
.bg .bg-layout div.clinical-body p strong,
.bg .bg-layout div.col-md-9 p strong {
  font-size: medium;
}
.bg .bg-layout div.clinical-body p img,
.bg .bg-layout div.col-md-9 p img {
  max-width: 100%;
  height: auto;
}
.bg .bg-layout div.clinical-body ul,
.bg .bg-layout div.col-md-9 ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.bg .bg-layout div.clinical-body ul li,
.bg .bg-layout div.col-md-9 ul li {
  font-size: 14px;
  color: #7a808a;
  list-style: disc;
}
.bg .bg-layout div.clinical-body ol,
.bg .bg-layout div.col-md-9 ol {
  margin-left: 0.5em;
}
.bg .bg-layout div.clinical-body ol li,
.bg .bg-layout div.col-md-9 ol li {
  font-size: 14px;
  color: #7a808a;
}
.bg .bg-layout div.clinical-body ol li ol,
.bg .bg-layout div.col-md-9 ol li ol {
  margin-left: 1em;
}
.bg .bg-layout div.clinical-body ol li ol li,
.bg .bg-layout div.col-md-9 ol li ol li {
  font-size: 14px;
  color: #7a808a;
}
.bg .bg-layout div.clinical-body table,
.bg .bg-layout div.col-md-9 table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.clinical-body table,
  .bg .bg-layout div.col-md-9 table {
    width: auto !important;
  }
}
.bg .bg-layout div.clinical-body table thead,
.bg .bg-layout div.col-md-9 table thead {
  border-bottom: 1px solid #1e417c;
  font-size: 15px;
}
.bg .bg-layout div.clinical-body table thead tr th,
.bg .bg-layout div.col-md-9 table thead tr th {
  padding: 8px 30px;
  color: #1e417c;
  font-size: 0.875rem;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.clinical-body table thead tr th,
  .bg .bg-layout div.col-md-9 table thead tr th {
    padding: 1em 0;
  }
}
.bg .bg-layout div.clinical-body table tbody tr,
.bg .bg-layout div.col-md-9 table tbody tr {
  font-size: 14px;
}
.bg .bg-layout div.clinical-body table tbody tr th,
.bg .bg-layout div.col-md-9 table tbody tr th {
  font-size: 14px;
  font-weight: 500;
  color: #7a808a;
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.clinical-body table tbody tr th,
  .bg .bg-layout div.col-md-9 table tbody tr th {
    padding: 1em 0;
  }
}
.bg .bg-layout div.clinical-body table tbody tr th:last-child,
.bg .bg-layout div.col-md-9 table tbody tr th:last-child {
  border-right: 0 solid #fff;
}
.bg .bg-layout div.clinical-body table tbody tr:nth-child(odd),
.bg .bg-layout div.col-md-9 table tbody tr:nth-child(odd) {
  background-color: #f4f4f4;
}
.bg .bg-layout div.clinical-body table tbody tr td,
.bg .bg-layout div.col-md-9 table tbody tr td {
  padding: 15px 30px;
  border-right: 3px solid #fff;
  color: #7a808a;
  font-size: 0.875rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .bg .bg-layout div.clinical-body table tbody tr td,
  .bg .bg-layout div.col-md-9 table tbody tr td {
    padding: 1em 0;
  }
}

.clinical-sidebar {
  color: #1e417c;
  font-size: 14px;
  font-weight: bold;
  padding: 40px 15px;
}
@media (min-width: 768px) {
  .clinical-sidebar {
    border-right-style: solid;
    border-right-color: #ebebeb;
    border-right-width: thin;
  }
}
.clinical-sidebar li {
  margin-bottom: 5px;
}
.clinical-sidebar .active > a {
  color: #009ee9;
}
.clinical-sidebar ul li ul {
  display: none;
}
.clinical-sidebar ul li ul li ul {
  display: none;
}
.clinical-sidebar ul li.open ul {
  display: list-item;
}
.clinical-sidebar ul li.open ul li ul {
  display: none;
}
.clinical-sidebar ul li.open ul li.open ul {
  display: list-item;
}
.clinical-sidebar ul li > ul {
  margin-top: 5px;
  padding-left: 25px;
}
.clinical-sidebar ul li > ul li {
  list-style: disc;
}
.clinical-sidebar ul li > ul li a {
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.clinical-sidebar ul li > ul li a:hover {
  text-decoration: none;
  color: #009ee9;
}
.clinical-sidebar ul.list {
  list-style: none;
  margin-top: 2em;
}
.clinical-sidebar ul.list li {
  font-size: 14px;
}
.clinical-sidebar ul.list li ul.list2 {
  margin-top: 0 !important;
}
.clinical-sidebar ul.list li ul.list2 li {
  list-style: disc;
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.dropdown-menu-button {
  background-color: #049ee9;
  color: #fff;
}
.dropdown-menu-button:hover {
  color: #fff;
}

#hcp-disclaimer .modal-dialog .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #009ee9;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-header {
    text-align: center;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 30px;
  font-weight: bold;
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-header .modal-title {
    margin-top: 0;
    font-size: 24px;
    width: 70%;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-header button.close {
  margin: 0;
  position: absolute !important;
  opacity: 1 !important;
  color: #1e417c;
  fill: #1e417c;
  padding: 0 !important;
  top: 10px !important;
  right: 10px !important;
  border: none;
  background: none;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-header button.close:hover {
  fill: #009ee9;
  color: #009ee9;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-header button.close {
    display: none;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .doctor {
    background: url(../images_optifast_au/bg-hcp-notice-opacity.png) no-repeat right #fff;
    height: 100vh;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description {
  margin-left: 2em;
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description {
    margin-left: 0;
    padding-bottom: 1em;
    padding: 1em;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description h3 {
  margin: 8px 0 26px;
  color: #1e417c;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description p {
  color: #7a808a;
  font: 14px/22px "opensans-regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description ul {
  margin-top: 22px;
  margin-left: 1em;
  color: #7a808a;
  font: 14px/22px "opensans-regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description ul li {
  list-style-type: disc;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons {
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button {
    margin-top: 1em;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child {
  width: 10em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #009ee9;
  background: transparent;
  border-color: #1e417c;
  color: #1e417c;
  -webkit-transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
  position: relative;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child i {
  position: absolute;
  top: 50%;
  left: 5.5%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child i {
    left: 25%;
  }
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child {
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child span {
    padding-left: 0.5em;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:first-child:hover {
  background-color: #1e417c;
  color: #fff;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2) {
  width: 9em;
  margin-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #009ee9;
  border-color: #009ee9;
  -webkit-transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
  position: relative;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2) i {
  position: absolute;
  top: 50%;
  left: 10.5%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2) i {
    left: 25%;
  }
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2) {
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
  }
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2) span {
    padding-left: 0.5em;
  }
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .description .buttons button:nth-child(2):hover {
  color: #fff;
  background-color: #1c75bc;
  border-color: #1c75bc;
}
#hcp-disclaimer .modal-dialog .modal-content .modal-body .img-doctor img {
  max-width: 60em;
}
@media only screen and (max-width: 767px) {
  #hcp-disclaimer .modal-dialog .modal-content .modal-body .img-doctor {
    display: none;
  }
}
#hcp-disclaimer .btn {
  padding: 0.375rem 0.75rem;
}

.product-detail-nav a {
  color: rgb(89, 89, 89);
}
.product-detail-nav a:hover {
  color: rgb(89, 89, 89);
}
.product-detail-nav.nav-tabs {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.product-detail-nav.nav-tabs::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .product-detail-nav.nav-tabs {
    overflow-x: hidden;
  }
}
@media (min-width: 992px) {
  .product-detail-nav.nav-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.product-detail-nav.nav-tabs .nav-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border: none;
  font-size: 16px;
  padding: 0.5em 1em;
}
.product-detail-nav.nav-tabs .nav-item.active {
  background: none;
  color: var(--main-color);
  font-weight: bold;
  border-bottom: 5px solid var(--main-color);
}

.nutritional-list-pack {
  font-size: 16px;
}
.nutritional-list-pack h1, .nutritional-list-pack h2, .nutritional-list-pack h3, .nutritional-list-pack h4, .nutritional-list-pack h5, .nutritional-list-pack h6 {
  color: var(--main-color);
}
.nutritional-list-pack ul.fnc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin-top: 30px;
}
.nutritional-list-pack ul.fnc-list strong {
  font-size: 40px;
}
.nutritional-list-pack ul.fnc-list li {
  color: var(--main-color);
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.2;
  text-align: center;
}
.nutritional-list-pack ul {
  padding-left: 3em;
}
.nutritional-list-pack li {
  list-style: disc;
}

.Standard_Text {
  font-size: 14px !important;
  border-color: transparent;
}
.Standard_Text tbody tr:nth-child(odd) {
  background: #ebf2f7;
}

.selector select {
  font-size: 22px;
  border-bottom: 3px solid var(--light-text);
}
.selector select option {
  font-size: 16px;
}

.faq-card {
  border-radius: 5px;
  background: var(--main-color);
  -webkit-transition: all ease-in 200ms;
  transition: all ease-in 200ms;
  margin-bottom: 1em;
  line-height: 1;
  height: 90%;
  min-height: 90px;
}
.faq-card div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.faq-card a {
  padding: 0.5em;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.faq-card a {
  color: var(--white);
  font-size: 16px;
  margin-bottom: 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .faq-card a {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .faq-card a {
    font-size: 16px;
  }
}
.faq-card:hover, .faq-card .is-active {
  background: var(--main-colorLink);
  color: var(--white);
  border-radius: 5px;
}
.faq-card:hover a, .faq-card .is-active a {
  color: var(--white);
}

.pdp-card-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .pdp-card-social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp-card-social [class*=" icon-"]:not(.icon-star):not(.icon-star-half-o):not(.icon-star-o),
.pdp-card-social [class^=icon-]:not(.icon-star):not(.icon-star-half-o):not(.icon-star-o) {
  font-size: 15px;
  color: #949e99 !important;
  border: 1px solid #c9cfcc;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
.pdp-card-social p {
  margin-bottom: 0;
}
.pdp-card-social .cs-social-dots {
  position: relative;
  padding-left: 25px;
}
.pdp-card-social .cs-social-dots::before {
  content: "•";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 9px;
}
.pdp-card-social .stars-rev {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pdp-card-social .stars-rev p {
  margin-bottom: 0;
  color: var(--main-color);
  margin-left: 5px;
  font-weight: bold;
}
.pdp-card-social .stars-rev [class*=" icon-"],
.pdp-card-social .stars-rev [class^=icon-] {
  font-size: 16px;
  padding: 1px;
  line-height: 0.5;
}

.reviews-head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 768px) {
  .reviews-head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.reviews-head h1, .reviews-head h2, .reviews-head h3, .reviews-head h4, .reviews-head h5, .reviews-head h6,
.reviews-head p {
  color: var(--sec-color);
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .reviews-head .section-link {
    display: block;
    margin: 0;
  }
}
.reviews-head .section-link::after {
  margin-top: 5px;
}

.sec-color {
  font-weight: bold !important;
}

.rating {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.review-rating-left {
  border-right: none !important;
}
.review-rating-left .rating-container {
  color: var(--sec-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-weight: bold !important;
}
.review-rating-left .rating-container [class*=" icon-"],
.review-rating-left .rating-container [class^=icon-] {
  font-size: 20px;
  margin-left: 0.5em;
  line-height: 1;
  color: #ffa000;
}
.review-rating-left .rating-container .rating-container__bg {
  border-radius: 5px;
  height: 10px;
  overflow: hidden;
  margin: 0 15px;
  width: 73%;
}
.review-rating-left .rating-container .rating-container__bg .sec-color {
  font-weight: bold !important;
}
.review-rating-left .rating-container__percentage {
  background-color: var(--main-color);
  border-radius: 5px 0 0 5px;
}

.review-rating h1, .review-rating h2, .review-rating h3, .review-rating h4, .review-rating h5, .review-rating h6,
.review-rating .cs-heading-comment {
  color: var(--main-colorDark);
  font-weight: bold;
  font-size: 1.5em;
}
.review-rating p {
  color: var(--main-colorDark);
}

.review-rating-right .percentage-xl {
  margin-top: 50px;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--sec-color);
  position: relative;
  border-bottom: solid 1px var(--gray-cold);
}
@media (max-width: 767px) {
  .review-rating-right .percentage-xl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.stars-rev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffa000;
}

.sec-color {
  color: var(--sec-color);
}

.light-blue {
  color: var(--main-color) !important;
}

.reviewer-card {
  border-top: solid 1px var(--gray-cold);
  margin: 0;
  color: var(--sec-color);
  font-size: 16px;
  padding: 3rem 0 !important;
}
@media (min-width: 768px) {
  .reviewer-card {
    padding: 3rem !important;
  }
}
.reviewer-card:last-of-type {
  border-bottom: solid 1px var(--gray-cold);
}
.reviewer-card .reviewer-recommend {
  color: #4ebb86 !important;
}
.reviewer-card .reviewer-recommend p {
  margin-left: 5px;
}
.reviewer-card .reviewer-recommend::before {
  background: url(../images_fr_optifibre/checked.svg) no-repeat center/contain;
  top: 35%;
}
.reviewer-card .reviewer-recommend.not-recommend {
  color: #ff4d6f !important;
}
.reviewer-card .reviewer-recommend.not-recommend::before {
  background: url(../images_fr_optifibre/error.svg) no-repeat center/contain;
}
.reviewer-card .reviewer-recommend p {
  font-style: normal;
}
.reviewer-card .cs-comment-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  color: var(--main-color);
}
.reviewer-card .reviewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 20px;
  color: var(--sec-color);
  font-weight: bold !important;
}
.reviewer-card .reviewer p {
  margin-bottom: 0;
  position: relative;
  margin-left: 30px;
  font-size: 15px;
  text-transform: capitalize;
  color: #868686 !important;
}
.reviewer-card .reviewer p::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background: #002b14;
  border-radius: 50%;
}

.stars {
  background-image: url(../images_renutryl_fr/star-icon.svg);
}

.reviews-footer {
  font-size: 16px;
  color: #949e99;
  font-weight: 300;
}

.left-product-review {
  background-color: var(--bg-section);
}

#cboxLoadedContent,
#cboxWrapper,
#cboxContent {
  border-radius: 5px;
}

.product-review h1, .product-review h2, .product-review h3, .product-review h4, .product-review h5, .product-review h6 {
  padding: 0;
  font-weight: bold;
  color: var(--main-color);
}
.product-review label.error {
  font-size: 14px;
  color: #f31431;
}
.product-review label#review-title-error,
.product-review label#review-description-error,
.product-review label#flavor-error,
.product-review label#nickname-error,
.product-review label#email-fr-error {
  display: none !important;
}
.product-review span {
  color: var(--sec-color);
}
.product-review .reco-to-friend {
  border: none !important;
  width: 150px !important;
}
@media (min-width: 768px) {
  .product-review .reco-to-friend {
    width: 180px !important;
  }
}
.product-review .reco-to-friend label {
  margin-right: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid var(--gray-cold);
}
.product-review .reco-to-friend input:checked + label {
  background-color: var(--main-color);
  border: none !important;
}
.product-review button[type=submit] {
  border: none;
}
.product-review button[type=submit]:focus {
  outline: none;
}

.product-review__stars label {
  color: #ffa439 !important;
}

.product-review .reco-to-friend input:checked + label .product-review__stars {
  height: 25px;
}

.product-review__stars input:checked ~ label i:before,
.product-review__stars label:hover i:before,
.product-review__stars label:hover ~ label i:before {
  color: #ffa439 !important;
}

@media (max-width: 767px) {
  .product-review__stars > label i {
    line-height: 1;
  }
}

.product-review__inputs label {
  color: var(--sec-color);
}
.product-review__inputs label.star {
  margin-bottom: 0;
}
.product-review__inputs input,
.product-review__inputs select,
.product-review__inputs textarea {
  border: solid 2px var(--gray-cold);
  border-radius: 10px;
  padding: 0.7em 1em;
}
.product-review__inputs input.error,
.product-review__inputs select.error,
.product-review__inputs textarea.error {
  border: 2px solid #f31431;
}
.product-review__inputs a.section-link {
  background: none !important;
  color: var(--main-colorDark);
}
.product-review__inputs a.section-link:after {
  background: var(--orange-color);
}
.product-review__inputs a.section-link:before {
  top: 5px;
  right: -5px;
}

.cs-select-wrapper {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .cs-select-wrapper {
    width: 50%;
  }
}
.cs-select-wrapper .icon-chevron-down {
  position: absolute;
  pointer-events: none;
  top: 8px;
  right: -5px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .cs-select-wrapper .icon-chevron-down {
    top: 5px;
    right: 15px;
    font-size: 20px;
  }
}
.cs-select-wrapper .cs-select-review {
  border: none;
  border-bottom: 3px solid var(--light-text);
  border-radius: 0;
  padding-left: 0;
}
.cs-select-wrapper .cs-select-review.error {
  border: none;
  border-bottom: 3px solid #f31431;
}

.product-review__inputs label[for*=checkbox] {
  margin: 30px auto;
  font-size: 16px;
}
@media (max-width: 767px) {
  .product-review__inputs label[for*=checkbox] {
    margin: 10px 0;
    font-size: 13px;
    text-indent: 2em;
    line-height: 1.8;
  }
}
.product-review__inputs label[for*=checkbox]:before {
  border: solid 2px var(--gray-cold);
  background: transparent;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  top: 2px;
}
.product-review__inputs label[for*=checkbox] svg {
  width: 15px;
  height: 15px;
  left: 3px;
  top: 4px;
}
.product-review__inputs label[for*=checkbox] a {
  color: var(--main-color);
}

.product-review__inputs input[type=checkbox]:checked + label:before {
  border: none !important;
  background: var(--main-colorLink);
}

.cs-circle-loading {
  width: 3.75em;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  position: absolute;
  top: 50px;
}
.cs-circle-loading circle {
  fill: none;
  stroke: var(--main-colorLink);
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
.cs-active-filter {
  background: var(--main-color);
  color: #fff;
  padding: 8px 20px 4px;
  font-size: 18px;
  cursor: pointer;
  border-top: 1px solid #0aa750;
}
.cs-active-filter .cs-icon-cancel {
  background: #fff;
  padding: 2px 6px;
  color: var(--main-color);
  border-radius: 50%;
  font-size: 15px;
}
.cs-active-filter .fa-times-circle {
  font-size: 18px;
}

.pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pagination-container .pagination-buttons a {
  background: var(--main-color);
  color: #fff;
  padding: 6px 10px 5px;
  font-family: Arial;
}
.pagination-container .pagination-buttons a:hover {
  color: #fff;
}
.pagination-container .pagination-buttons a.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.vertical-prod:not(.slick-slider) .product-item:not(:first-child) {
  display: none;
}

.thumbnail-car:not(.slick-slider) .thumbnail-item:not(:nth-child(-n+4)) {
  display: none;
}

.menu-cont a {
  color: #002663;
}
.menu-cont a.navtop-link {
  font-size: 16px;
  font-weight: 400;
}
.menu-cont a.navtop-link .fal {
  font-size: 20px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .menu-cont {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.card-menu__search,
.search-mobile {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.card-menu__search input[type=text],
.search-mobile input[type=text] {
  padding: 0.5em 2.1em 0.5em 0.8em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c2c5cc;
  border-radius: 8px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
  font-family: inherit;
  color: #6D7079;
}
@media (max-width: 991px) {
  .card-menu__search input[type=text],
  .search-mobile input[type=text] {
    padding: 0.5em 0.8em;
  }
}
@media (max-width: 575px) {
  .card-menu__search input[type=text],
  .search-mobile input[type=text] {
    margin-right: 4px;
  }
}
.card-menu__search input[type=text]:focus,
.search-mobile input[type=text]:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}
.card-menu__search input[type=text]::-webkit-input-placeholder, .search-mobile input[type=text]::-webkit-input-placeholder {
  color: #6D7079;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.card-menu__search input[type=text]::-moz-placeholder, .search-mobile input[type=text]::-moz-placeholder {
  color: #6D7079;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.card-menu__search input[type=text]:-ms-input-placeholder, .search-mobile input[type=text]:-ms-input-placeholder {
  color: #6D7079;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.card-menu__search input[type=text]::-ms-input-placeholder, .search-mobile input[type=text]::-ms-input-placeholder {
  color: #6D7079;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.card-menu__search input[type=text]::placeholder,
.search-mobile input[type=text]::placeholder {
  color: #6D7079;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 991px) {
  .card-menu__search input[type=text]::-webkit-input-placeholder, .search-mobile input[type=text]::-webkit-input-placeholder {
    font-size: 14px;
  }
  .card-menu__search input[type=text]::-moz-placeholder, .search-mobile input[type=text]::-moz-placeholder {
    font-size: 14px;
  }
  .card-menu__search input[type=text]:-ms-input-placeholder, .search-mobile input[type=text]:-ms-input-placeholder {
    font-size: 14px;
  }
  .card-menu__search input[type=text]::-ms-input-placeholder, .search-mobile input[type=text]::-ms-input-placeholder {
    font-size: 14px;
  }
  .card-menu__search input[type=text]::placeholder,
  .search-mobile input[type=text]::placeholder {
    font-size: 14px;
  }
}
.card-menu__search button,
.search-mobile button {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  outline: none;
  padding: 0 15px;
  color: #595959;
}
@media (max-width: 575px) {
  .card-menu__search button,
  .search-mobile button {
    padding: 0.3em 1em;
  }
}
@media (max-width: 991px) {
  .card-menu__search button,
  .search-mobile button {
    font-size: 14px;
  }
}
.card-menu__search button i,
.search-mobile button i {
  font-size: 20px;
}

@media (min-width: 992px) {
  .search-mobile {
    display: none;
  }
}
.search-mobile form {
  width: 100%;
}
.search-mobile form button {
  position: static;
  -webkit-transform: none;
          transform: none;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

.desktop-submenu {
  background-color: #fff;
  padding: 0;
  border-top: 4px solid #3fb4e5;
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
}
@media (max-width: 991px) {
  .desktop-submenu {
    display: none;
  }
}
.desktop-submenu a {
  color: #002664;
  font-size: 20px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.desktop-submenu a .fas {
  color: #157AA3;
  font-size: 12px;
}
.desktop-submenu .sub-navigation ul {
  display: none;
}
.desktop-submenu .sub-navigation ul.active, .desktop-submenu .sub-navigation ul.active-trail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navigation {
  padding: 15px;
}
@media (min-width: 768px) {
  .navigation {
    padding: 28px 15px;
    color: #fff;
  }
}
.navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.navigation ul::-webkit-scrollbar {
  display: none;
}
.navigation ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
}
@media (min-width: 768px) {
  .navigation ul li {
    font-size: 16px;
    margin: 0;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .navigation ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navigation ul li a.is-active {
    color: #5eaadc;
    border-color: #5eaadc;
  }
}
@media (min-width: 768px) {
  .navigation ul li:not(:last-child) {
    border-right: 1px solid #fff;
  }
}
.navigation ul li a.is-active {
  font-weight: bold;
}

.sidebar-box {
  background-color: #ddeaf6;
  color: #333;
}
@media (max-width: 767px) {
  .sidebar-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
  }
  .sidebar-box ul li.sidebar-item {
    min-width: 150px;
    margin-right: 10px;
    position: relative;
  }
  .sidebar-box ul li.sidebar-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .sidebar-box--slider ul li {
    border-left: 2px solid #bbb;
    padding: 5px 15px;
    position: relative;
    -webkit-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
  }
  .sidebar-box--slider ul li:hover {
    border-left: 2px solid var(--blue-titles);
  }
  .sidebar-box--slider ul li:hover > a {
    color: var(--blue-titles);
    font-weight: bold;
  }
  .sidebar-box--slider ul li:hover .sidebar-menu-card {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  .sidebar-box--slider ul li a.is-active {
    color: var(--blue-titles);
    font-weight: bold;
  }
  .sidebar-box--slider ul li.is-expanded > a {
    color: var(--blue-titles);
    font-weight: bold;
  }
  .sidebar-box--slider ul li.is-active {
    border-color: var(--blue-titles);
  }
}
.sidebar-box--slider ul:not(.slick-dots) {
  display: block;
}
@media (max-width: 767px) {
  .sidebar-box--slider ul:not(.slick-dots) {
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .sidebar-box--slider ul:not(.slick-dots) li > a {
    display: none;
  }
}
.sidebar-box--slider ul.slick-dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar-box--slider ul.slick-dots li {
  min-width: auto;
}
.sidebar-box--blue {
  background-color: var(--main-colorDark);
  color: #aeaeae;
}
.sidebar-box--blue h2 {
  color: var(--main-color);
}
.sidebar-box--blue ul li {
  border-left: none;
  padding: 5px 0;
}
.sidebar-box--blue ul li:hover > a {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .sidebar-box--blue ul li > a {
    background-color: rgba(187, 187, 187, 0.2);
  }
}
.sidebar-box--blue ul li.is-active {
  color: #fff !important;
}
@media (max-width: 767px) {
  .sidebar-box--blue ul li.is-active > a {
    background-color: rgba(232, 232, 232, 0.5);
  }
}

.article-section {
  color: #595959;
}
.article-section h1, .article-section h2, .article-section h3, .article-section h4, .article-section h5, .article-section h6 {
  color: var(--blue-titles);
}
.article-section img {
  max-width: 100%;
  height: auto;
}
.article-section h3 {
  font-size: 18px;
  line-height: 22px;
}
.article-section ol {
  margin-bottom: 10px;
  margin-left: 20px;
}
.article-section ol li {
  list-style: decimal;
}
.article-section ul:not(.cs-breadcrumb) {
  margin-left: 20px;
  margin-bottom: 20px;
}
.article-section ul:not(.cs-breadcrumb) li {
  list-style: disc;
}
.article-section a:not(.btn-boost) {
  color: #5eaadc;
}
.article-section .cs-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
}
.article-section .cs-breadcrumb li {
  position: relative;
}
.article-section .cs-breadcrumb li:not(:last-child) a {
  color: #595959;
}
.article-section .cs-breadcrumb li:not(:last-child) ::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: inherit;
  margin: 10px;
}
.article-section .cs-breadcrumb li:last-child {
  color: var(--main-color);
}

.blue-bg {
  background-color: var(--nav-label);
}

.aqua-bg {
  background-color: #ddeaf6;
}

.resource-container {
  font-size: 15px;
}
.resource-container img {
  border-radius: 10px;
}
.resource-container h2 {
  font-size: 18px;
  color: var(--main-color);
}
@media (min-width: 768px) {
  .resource-container h2 {
    font-size: 20px;
  }
}
.resource-container .resource-container-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 768px) {
  .resource-container .resource-container-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.resource-container .resource-container-footer span {
  color: var(--blue-titles);
}
@media (max-width: 767px) {
  .resource-container .resource-container-footer span {
    margin-bottom: 10px;
  }
}

.sidebar-menu-card {
  background: #1a3870;
  color: #fff;
  border-radius: 5px;
  padding: 15px;
}
.sidebar-menu-card h1, .sidebar-menu-card h2, .sidebar-menu-card h3, .sidebar-menu-card h4, .sidebar-menu-card h5, .sidebar-menu-card h6 {
  color: var(--main-color);
}
.sidebar-menu-card .title-summary {
  font-size: 20px;
  color: #6dafde;
}
.sidebar-menu-card .btn-boost {
  background: none;
  border: 2px solid #fff;
  display: inline-block;
  font-size: 14px;
}
@media (min-width: 768px) {
  .sidebar-menu-card {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    font-size: 15px;
    right: 99%;
    top: 35%;
    width: 100%;
    z-index: 10;
    margin-right: 20px;
    -webkit-transition: 0.4s all 0.4s;
    transition: 0.4s all 0.4s;
  }
  .sidebar-menu-card .summary {
    max-width: 100%;
  }
}

.article-wrapper {
  min-height: 60vh;
}

.placeholder-image {
  width: 100%;
  min-height: 300px;
  margin-bottom: 15px;
  display: inline-block;
  background: #eee;
  border-radius: 10px;
  position: relative;
}
.placeholder-image::before {
  content: "\f03e";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 40px;
  color: #bbb;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wide-basic-section ul {
  margin-bottom: 1rem;
  padding-left: 20px;
}
.wide-basic-section ul li {
  list-style: disc;
}
.wide-basic-section img {
  max-width: 100%;
  height: auto;
}
.wide-basic-section a:not(.btn-boost) {
  color: var(--main-color);
}
.wide-basic-section h1, .wide-basic-section h2, .wide-basic-section h3, .wide-basic-section h4, .wide-basic-section h5, .wide-basic-section h6 {
  font-weight: bold;
  color: var(--blue-titles);
}
.wide-basic-section .table tbody tr td:not(:first-child),
.wide-basic-section .table thead tr th:not(:first-child) {
  text-align: center;
}

.sub-heading {
  color: var(--blue-titles) !important;
  font-weight: bold;
}

.nutrition-blog__category,
.article-date--category {
  padding: 0 !important;
}
.nutrition-blog__category::before,
.article-date--category::before {
  content: none !important;
}

.recipe-item__label:before {
  content: none;
}

.our-articles {
  padding-top: 0;
  background: none;
}

.ingredients-list ul {
  padding-left: 15px;
}
.ingredients-list ul li {
  list-style: disc;
}

.detail-product--item .fas {
  color: #353535;
  margin-right: 13px;
  margin-left: 4px;
}
.detail-product--item .fa-check {
  font-size: 22px;
}
.detail-product--item .fa-times {
  font-size: 24px;
}

input#gigya-checkbox-subscription {
  display: inline-block !important;
  margin-top: 5px !important;
}

.clinical-protocol-banner {
  position: relative;
}
@media (max-width: 767px) {
  .clinical-protocol-banner .breadcrumbs {
    font-size: 15px;
  }
}
.clinical-protocol-banner .content-wrapper {
  padding: 15px;
}
@media (min-width: 768px) {
  .clinical-protocol-banner .content-wrapper {
    position: absolute;
    width: 60%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 3%;
  }
}
@media (min-width: 1600px) {
  .clinical-protocol-banner .content-wrapper {
    left: 10%;
    width: 45%;
  }
}
@media (max-width: 767px) {
  .clinical-protocol-banner .content-wrapper h1 {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .clinical-protocol-banner .content-wrapper h1 {
    font-size: 2.5em;
  }
}
.clinical-protocol-banner .content-wrapper h1 {
  color: #6dafde;
}

.bg-section {
  background-color: var(--bg-section);
}

.section-more-topics h2 {
  color: var(--deepblue-color);
}
.section-more-topics h3 {
  color: #72aeea;
  font-size: 25px;
}
.section-more-topics a {
  color: var(--deepblue-color);
}
.section-more-topics .block-ideal-height,
.section-more-topics .block-weight-loss,
.section-more-topics .block-day-challenge {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  -webkit-box-shadow: 2px 6px 6px 1px #e4e8e9;
          box-shadow: 2px 6px 6px 1px #e4e8e9;
}
.section-more-topics .block-ideal-height {
  background: url("../images_optifast_au/asset-32.jpg") no-repeat center top/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 50px;
}
@media (min-width: 768px) {
  .section-more-topics .block-ideal-height {
    padding-right: 100px;
  }
}
.section-more-topics .block-weight-loss,
.section-more-topics .block-day-challenge {
  position: relative;
}
.section-more-topics .block-weight-loss .text-wrapper,
.section-more-topics .block-day-challenge .text-wrapper {
  position: relative;
  z-index: 10;
  padding-top: 60px;
  padding-right: 50px;
}
.section-more-topics .block-weight-loss img,
.section-more-topics .block-day-challenge img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.small-description-mobile {
  color: var(--light-text);
  font-size: 14px;
}

.product-x5-slick.mtk_apend_rows {
  min-height: auto;
}

.container-categories .category a {
  border: 1px solid #002663;
  background-color: #12469e !important;
  border: 1px solid #12469e;
  color: #fff !important;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.container-categories .category a::after {
  content: none;
}
.container-categories .category:not(.active) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #002663 !important;
  color: #fff;
  border: 1px solid #002663;
}
.container-categories .category:not(.active) a:hover {
  background-color: #12469e !important;
  border: 1px solid #12469e;
}
.container-categories .category:not(.active) a::after {
  content: none;
}

.bmi-formula {
  text-align: center;
}
.bmi-formula .value {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 28px;
}
.bmi-formula .value::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  content: "";
}

.faq-subtitle {
  border-bottom: 3px solid var(--light-text);
}

.bmi-calculator-block .section-link {
  font-size: 30px;
}

.recipes-info-block .recipe-block-image {
  background: url(../images_optifast_au/HEALTHY-AGING.jpg) no-repeat center center/cover;
  height: 100%;
  min-height: 400px;
}
.recipes-info-block .recipe-block-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.recipes-info-block .recipe-block-desc h2 {
  color: var(--darken-text);
}

.gigya-screen-caption {
  color: #fff !important;
  font-size: 22px !important;
}

.subscribe-thank-you p {
  color: #fff !important;
  margin-bottom: 0 !important;
}

.form-item-description {
  margin-top: 30px;
}

.fieldset-legend {
  display: inline-block;
}

.js-form-type-select select {
  border-bottom: none;
}

.questionbuttons.active {
  background: #002663;
  color: #fff;
  text-shadow: none;
}
.questionbuttons.active:hover {
  color: #fff;
}

.dsu-engage-form .form-submit {
  background: #002663;
  color: #fff;
  padding: 12px 25px;
}
.dsu-engage-form .form-checkbox {
  display: inline-block;
}
.dsu-engage-form .form-file {
  font-size: 15px;
}
.dsu-engage-form a {
  color: #022764;
}

#edit-files-upload--description {
  font-size: 15px;
  margin-bottom: 10px;
}

.btn-boost {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
}
.btn-boost.active {
  color: var(--contrast-btn);
  background: var(--hover-btn);
}
.btn-boost.program-tab {
  max-width: 200px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: 0 8px;
}

.column-home-fx-hg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 768px) {
  .column-home-fx-hg h3 {
    min-height: 50px;
  }
}
.column-home-fx-hg p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bg-gray {
  background-color: #eaeaea;
}

.infolocation .accredited-logo {
  position: static;
  max-width: 40px !important;
}

@media only screen and (max-width: 767px) {
  #dsu-engage-form {
    width: 85% !important;
  }
}
@media only screen and (max-width: 1020px) and (min-width: 767px) {
  #dsu-engage-form {
    width: 80% !important;
  }
}
#dsu-engage-form .fieldset-legend {
  margin-bottom: 1em !important;
}
#dsu-engage-form .questionbutton2 {
  margin: 0 2em;
}
#dsu-engage-form textarea,
#dsu-engage-form select {
  border: 2px solid #595959;
  background-color: white;
  border-radius: 4px;
  font-family: "sofia-pro", sans-serif;
  color: #000;
}
#dsu-engage-form select#edit-preferredchannel {
  margin-bottom: 1em;
}
#dsu-engage-form summary {
  margin-top: 1em;
}
#dsu-engage-form input[type=text],
#dsu-engage-form input[type=date],
#dsu-engage-form input[type=email] {
  border: 2px solid #595959;
  background-color: white;
  font-family: "sofia-pro", sans-serif;
  color: #000;
}
#dsu-engage-form #edit-phone,
#dsu-engage-form #edit-email {
  line-height: 1.33;
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form #edit-phone {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 992px) and (min-width: 767px) {
  #dsu-engage-form #edit-phone {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form #edit-phone-prefix {
    margin-top: 0.5em;
  }
}
#dsu-engage-form .form-item-preferredchannel,
#dsu-engage-form .form-item-country,
#dsu-engage-form .form-item-files,
#dsu-engage-form #edit-submit,
#dsu-engage-form #edit-product-description,
#dsu-engage-form #states {
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form .custom-flex-buttons {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  #dsu-engage-form .custom-flex-buttons .div-questionbutton2 {
    margin: 3em 0;
  }
}
#dsu-engage-form .custom-pl {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form .custom-pl {
    padding-right: 0;
  }
}
#dsu-engage-form .custom-pr {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form .custom-pr {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #dsu-engage-form .form-item-customer-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #dsu-engage-form .form-item-customer-consent #edit-customer-consent {
    margin: 5px 5px 0 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .contact-team {
    padding-left: 2em;
    padding-right: 2em;
  }
}

#engage-success {
  text-align: center !important;
  padding: 10px !important;
  background-color: #c1e2c1 !important;
  border: 2px solid #22b522 !important;
  color: #002663 !important;
}

.questionbutton3 {
  display: none !important;
}

.testimonial-banner {
  padding: 100px 0;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial-banner p {
  font-size: 14px;
}
@media (min-width: 768px) {
  .testimonial-banner p {
    font-size: 19px;
  }
}

.font-satisfy {
  font-family: "Satisfy", cursive !important;
}

.color-white,
.color-white * {
  color: #fff !important;
}

.color-dark-blue,
.color-dark-blue * {
  color: #002664 !important;
}

.color-light-blue,
.color-light-blue * {
  color: #157AA3 !important;
}

.bg-light-blue,
.background-light-blue {
  background: #157AA3 !important;
}

.bg-light-gray {
  background: rgba(230, 237, 242, 0.5);
}

.text-small {
  font-size: 14px;
}

.text-medium {
  font-size: 18px;
}

.text-large {
  font-size: 26px;
}

.success-story-card:hover .success-story-card-author {
  -webkit-transform: translateY(-133.25px);
          transform: translateY(-133.25px);
}
.success-story-card:hover .success-story-card-body {
  -webkit-transform: translateY(-96px);
          transform: translateY(-96px);
}
.success-story-card:hover .success-story-card-footer {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  color: #fff;
}

.success-story-card-headline {
  font-size: 16px;
}

.success-story-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.success-story-card.hover {
  color: white;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  text-decoration: none;
}

.success-story-card,
.success-story-card-image,
.success-story-card-image::after,
.success-story-card-author,
.success-story-card-body,
.success-story-card-footer,
.success-story-card-border {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1);
          transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1);
}

.success-story-card-head {
  position: relative;
  padding-top: 70%;
}

.success-story-card-author {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.success-story-card.hover .success-story-card-author {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.success-story-card-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center top;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.success-story-card-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background: linear-gradient(30deg, rgba(26, 42, 99, 0.85), rgba(26, 42, 99, 0.5));
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.success-story-card.hover .success-story-card-image {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.success-story-card.hover .success-story-card-image::after {
  opacity: 1;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.success-story-card-body {
  position: relative;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  background-color: white;
}

.success-story-card-body .quote-line .quote-ab {
  font-style: italic;
}

.success-story-card.hover .success-story-card-body .quote-line .quote-sign i,
.success-story-card.hover .success-story-card-body .quote-line .quote-ab {
  color: white !important;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.success-story-card-headline {
  font-weight: 400;
  margin: 0 0 0.8em;
}

.success-story-card-text {
  line-height: 1.5;
  margin: 0;
  opacity: 0.8;
}

.success-story-card-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-color: #467fbf;
}

.success-story-card.hover .success-story-card-footer {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.success-story-card-footer .btn {
  color: #fff;
  border: 1px solid #ffffff !important;
}

.success-story-card-link {
  color: currentColor;
  text-decoration: none;
  text-transform: uppercase;
}

.success-story-card-author .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.success-story-card-author .author-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1em;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  overflow: hidden;
}

.success-story-card-author .author-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.4em;
  font-size: 0.9em;
}

.success-story-card-author .author-header {
  margin: 0;
  font-weight: 600;
}

.success-story-card-author .author-subheader {
  margin: 0;
  opacity: 0.8;
}

.claim-box h1,
.claim-box h2,
.claim-box h3,
.claim-box h4,
.claim-box h5,
.claim-box h6 {
  color: #1e3266 !important;
  font-size: 35px;
}

.heading h1,
.panel-heading h1,
.heading h2,
.panel-heading h2,
.heading h3,
.panel-heading h3,
.heading h4,
.panel-heading h4,
.heading h5,
.panel-heading h5,
.heading h6,
.panel-heading h6 {
  line-height: 1.1;
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 10px;
  letter-spacing: 0.1em;
  color: #1e3266;
}

.heading h1:after,
.panel-heading h1:after,
.heading h2:after,
.panel-heading h2:after,
.heading h3:after,
.panel-heading h3:after,
.heading h4:after,
.panel-heading h4:after,
.heading h5:after,
.panel-heading h5:after,
.heading h6:after,
.panel-heading h6:after {
  content: " ";
  display: block;
  width: 100px;
  height: 3px;
  margin-top: 20px;
  background: #467fbf;
  margin-left: auto;
  margin-right: auto;
}

.claim-box h1 {
  font-size: 25px;
}
@media (min-width: 768px) {
  .claim-box h1 {
    font-size: 50px;
  }
}

.btn {
  font-size: 14px;
  padding: 10px 23px;
}
@media (min-width: 768px) {
  .btn {
    font-size: 18px;
  }
}

.btn-template-1 {
  border: 2px solid #002663;
  border-radius: 8px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #002664;
}
.btn-template-1:hover {
  background-color: #002663;
  color: #fff;
}

.btn-template-2 {
  border: 2px solid #002663;
  background-color: #002663;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-template-2:hover {
  border: 2px solid #003994;
  background-color: #003994;
  color: #fff;
}

.btn-template-3 {
  background: none;
  border: 2px solid #007F9E !important;
  color: #007F9E;
}
.btn-template-3:hover, .btn-template-3:focus {
  background-color: #007F9E;
  color: #fff !important;
}

.btn-template-4 {
  background: #007F9E;
  border: 2px solid #007F9E !important;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding: 8px 24px;
  border-radius: 8px;
}
.btn-template-4:hover, .btn-template-4:focus {
  background-color: #fff;
  color: #007F9E !important;
}

.hello-font {
  font-family: "Hello Honey", serif;
}

@media (min-width: 992px) {
  .hero-text-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px;
    color: #002664;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.hero-text-wrapper .lato-font {
  font-size: 80px;
  color: #002664;
  line-height: 0.8;
  font-weight: bold;
}
@media (max-width: 991px) {
  .hero-text-wrapper .lato-font {
    font-size: 42px;
  }
}
.hero-text-wrapper .hello-font {
  line-height: 0.8;
  font-size: 102px;
  color: #157AA3;
  font-weight: normal;
}
@media (max-width: 991px) {
  .hero-text-wrapper .hello-font {
    font-size: 56px;
  }
}

.h2,
h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 992px) {
  .h2,
  h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 800;
  }
}

.h3,
h3 {
  font-size: 28px;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 992px) {
  .h3,
  h3 {
    font-size: 40px;
  }
}
.h3 .hello-font,
h3 .hello-font {
  font-size: 32px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .h3 .hello-font,
  h3 .hello-font {
    font-size: 48px;
  }
}

.h4,
h4 {
  font-size: 30px;
  line-height: 36px;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 992px) {
  .h4,
  h4 {
    font-size: 30px;
  }
}

.h5,
h5 {
  font-size: 26px;
  line-height: 32px;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 992px) {
  .h5,
  h5 {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 1223px;
  }
}

.store-buttons {
  width: 135px;
}
@media (min-width: 992px) {
  .store-buttons {
    width: 175px;
  }
}

.background-graphic {
  background: url(../img/BG-Graphic-min.png) no-repeat center top/cover;
}

.product-card {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em 0.8em;
  height: 100%;
  border-radius: 16px;
  -webkit-box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
}

.product-card-rounded {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em 0.8em;
  height: 100%;
  border-radius: 16px;
  -webkit-box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
}

.product-card-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
}
@media (min-width: 768px) {
  .product-card-wrapper {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .product-card-wrapper {
    width: 20%;
  }
}

.section-products-home {
  overflow-x: scroll;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.section-products-home::-webkit-scrollbar {
  display: none;
}

.regular-page p {
  color: #002664;
  line-height: 32px;
}
.regular-page .polygon-bullet {
  padding-left: 20px;
}
.regular-page .polygon-bullet li {
  color: #002664;
  margin-bottom: 1rem;
  line-height: 32px;
  position: relative;
}
.regular-page .polygon-bullet li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 12px;
  height: 12px;
  background: url(../img/hexagon-shape.svg) no-repeat center/cover;
}
.regular-page .check-bullet {
  padding-left: 30px;
  font-size: 16px;
  line-height: 26px;
}
.regular-page .check-bullet li {
  color: #002664;
  color: #002664;
  margin-bottom: 1rem;
  line-height: 32px;
  position: relative;
}
.regular-page .check-bullet li::before {
  content: "\f058";
  position: absolute;
  top: 1px;
  font-size: 20px;
  left: -30px;
  color: #007F9E;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.sm-font {
  font-size: 14px;
  line-height: 24px !important;
}

@media (max-width: 991px) {
  .overflow-row-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /* Hide scrollbar for Chrome, Safari and Opera */
  }
  .overflow-row-nowrap::-webkit-scrollbar {
    display: none;
  }
}

.app-banner {
  background: #167DA6;
  border-radius: 15px;
  color: #fff;
  overflow: hidden;
}
.app-banner p {
  color: #fff;
}

.accordion .accordion-item {
  margin-bottom: 8px;
  border: 1px solid #e6edf2;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  border-radius: 16px;
}
.accordion .accordion-button {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
  padding: 24px;
  font-weight: bold;
}
.accordion .accordion-button span {
  width: 90%;
}
@media (min-width: 992px) {
  .accordion .accordion-button {
    font-size: 24px;
  }
  .accordion .accordion-button span {
    width: 80%;
  }
}
.accordion .accordion-button:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  background-image: none;
  font-size: 16px;
  color: #157AA3;
}
.accordion .accordion-body {
  font-size: 16px;
  line-height: 28px;
  color: #002664;
}
@media (min-width: 992px) {
  .accordion .accordion-body {
    width: 65%;
  }
}

.page-breadcrumb {
  padding: 0 30px;
}
@media (min-width: 992px) {
  .page-breadcrumb {
    padding: 0 35px;
  }
}
.page-breadcrumb ol.breadcrumb {
  font-size: 14px;
  margin-bottom: 0;
  padding: 10px 0;
}
.page-breadcrumb ol.breadcrumb .breadcrumb-item a {
  text-decoration: underline;
  color: #002664;
}
.page-breadcrumb ol.breadcrumb .breadcrumb-item.active {
  font-weight: bold;
  color: #002664;
}

.program-table {
  font-size: 16px;
}
.program-table thead {
  border-radius: 16px;
  background-color: #157AA3;
  color: #fff;
}
.program-table thead th {
  padding: 15px 27px;
}
.program-table thead th:first-child {
  border-top-left-radius: 16px;
}
.program-table thead th:last-child {
  border-top-right-radius: 16px;
}
.program-table tbody {
  color: #002664;
}
.program-table tbody td,
.program-table tbody th {
  padding: 27px;
  border: none;
  font-size: 14px;
  vertical-align: middle;
}
.program-table tbody tr:nth-child(even) {
  background: rgba(230, 237, 242, 0.4);
}
.program-table tbody tr:last-child {
  background-color: #cfdce6;
}
.program-table tbody tr:last-child th {
  border-bottom-left-radius: 16px;
}
.program-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

.table-multicolor {
  color: #002664;
  font-size: 14px;
}
.table-multicolor .table-cell {
  padding: 27px;
  line-height: 18px;
}
.table-multicolor .table-cell li {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .table-multicolor .col-blue {
    padding-right: 0;
  }
}
.table-multicolor .col-blue > .table-cell:first-child {
  background: #157AA3;
  color: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
@media (min-width: 992px) {
  .table-multicolor .col-blue > .table-cell:first-child {
    border-top-right-radius: 0;
  }
}
.table-multicolor .col-blue > .table-cell:nth-child(2) {
  background: rgba(64, 179, 229, 0.2);
}
.table-multicolor .col-blue > .table-cell:last-child {
  background: rgba(230, 237, 242, 0.4);
  border-bottom-left-radius: 16px;
}
.table-multicolor .col-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .table-multicolor .col-red {
    padding-left: 0;
  }
}
.table-multicolor .col-red > .table-cell:first-child {
  background: #c51712;
  color: #fff;
}
@media (min-width: 992px) {
  .table-multicolor .col-red > .table-cell:first-child {
    border-top-right-radius: 16px;
  }
}
.table-multicolor .col-red > .table-cell:nth-child(2) {
  background: rgba(197, 24, 18, 0.25);
}
.table-multicolor .col-red > .table-cell:last-child {
  background: rgba(197, 23, 18, 0.15);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 992px) {
  .table-multicolor .col-red > .table-cell:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 16px;
  }
}

.schedule-footer i {
  font-size: 27px;
  margin-top: 8px;
}

.envelope-wrapper i {
  font-size: 27px;
  margin-top: 10px;
}

.rounded-card {
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  height: 100%;
}

#block-optifast-au-v2-gigyaraascustomscreenset {
  display: none;
}

.product-card-detail {
  border-radius: 0;
  padding: 1em 2em;
}

.mobile-menu__hamburger {
  margin-top: 3px;
}
.mobile-menu__hamburger.active div:nth-child(2) {
  opacity: 1;
}
.mobile-menu__hamburger.active div:first-child {
  -webkit-transform: none;
          transform: none;
}
.mobile-menu__hamburger .hamburger-caption {
  color: #002663;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 35px;
}
@media (max-width: 374px) {
  .mobile-menu__hamburger .hamburger-caption {
    display: none;
  }
}

.slide-menu {
  padding: 10px 16px;
}
.slide-menu .slide-menu-item {
  color: #002664;
  font-weight: bold;
  border-bottom: 1px solid #CFDCE6;
  font-size: 18px;
  line-height: 28px;
  font-family: "sofia-pro", sans-serif;
}
.slide-menu .slide-menu-item a {
  display: block;
  padding: 12px 35px 12px 12px;
}
.slide-menu .slide-menu-item.has-submenu.open > a {
  color: #157AA3;
}
.slide-menu .slide-menu-item.has-submenu.open i {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg);
}
.slide-menu .slide-menu-item.has-submenu.open .mobile-submenu ul {
  max-height: 1000px;
  -webkit-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
}
.slide-menu .slide-menu-item.has-submenu > a {
  position: relative;
}
.slide-menu .slide-menu-item.has-submenu > a i {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  color: #157AA3;
  padding: 12px;
  z-index: 100;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.slide-menu .slide-menu-item.has-submenu .mobile-submenu ul {
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}
.slide-menu .slide-menu-item.has-submenu .mobile-submenu ul li:last-child {
  margin-bottom: 10px;
}

.wrapper-layout .close-mobile-menu {
  display: none;
}
.wrapper-layout.push .close-mobile-menu {
  position: fixed;
  display: block;
  color: #fff;
  top: 25px;
  right: calc(10vw - 7px);
  font-size: 25px;
  z-index: 1100;
  pointer-events: none;
}

@media (max-width: 767px) {
  .slick-prev:before {
    left: 120%;
  }
}

@media (max-width: 767px) {
  .slick-next:before {
    left: -120%;
  }
}

@media screen and (max-width: 992px) {
  .img-find-clinic {
    max-width: 150px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  #webform-submission-contact-us-add-form.ln_c_contactus_form fieldset {
    padding: 2em 1em;
  }
}
#webform-submission-contact-us-add-form label.form-required::after {
  content: none;
}
#webform-submission-contact-us-add-form .form-item-your-message > div {
  width: 100%;
}
#webform-submission-contact-us-add-form .form-item-your-message > div textarea {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #webform-submission-contact-us-add-form .form-item {
    display: block;
  }
  #webform-submission-contact-us-add-form .form-item label {
    max-width: 100%;
    width: 100%;
  }
}
#webform-submission-contact-us-add-form .form-item input[type=text],
#webform-submission-contact-us-add-form .form-item input[type=email] {
  width: 100%;
}
#webform-submission-contact-us-add-form .form-item input[type=checkbox] {
  margin-top: 7px;
}
#webform-submission-contact-us-add-form .captcha {
  margin-bottom: 15px;
}
#webform-submission-contact-us-add-form .form-managed-file {
  margin-top: 0px;
}
#webform-submission-contact-us-add-form .form-managed-file .form-file {
  cursor: pointer;
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  opacity: 1;
  border: 1px solid #dedede !important;
  border-radius: 5px !important;
}
#webform-submission-contact-us-add-form .ln_c_contactus_form_file_upload .form-item label {
  min-width: 25%;
  margin-top: 0;
  margin-right: 1em;
  cursor: pointer;
}

/** ================================================ ***
				TESTIMONIALS
*** ================================================ **/
.testimonial-image {
  overflow: hidden;
  max-height: 250px;
}

.testimonial-image img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.testimonial-wrapper:hover .testimonial-image img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.testimonial-header-wrapper {
  position: relative;
  background: rgba(225, 39, 27, 0.55);
}

@media (max-width: 768px) {
  .testimonial-header-wrapper {
    min-height: 400px;
  }
}
.testimonial-gradient {
  display: block;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.6) 50%);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.testimonial-header-image img {
  max-height: 475px;
}

@media (max-width: 768px) {
  .testimonial-header-image img {
    min-height: 900px;
  }
}
.testimonial-header-image::after {
  content: "\a";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.testimonial-header {
  position: absolute;
  top: 0;
  margin: auto;
  z-index: 3;
}

@media (max-width: 767px) {
  .testimonial-header h1 {
    font-size: 28px;
    line-height: 35px;
  }
  .testimonial-header ol.breadcrumb {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .testimonial-header .social-channels {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .testimonial-header {
    margin-top: 30px;
  }
  .testimonial-header h1 {
    font-size: 50px;
    line-height: 65px;
  }
  .testimonial-header ol.breadcrumb {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .testimonial-header .social-channels {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.testimonial-header .breadcrumb-item + .breadcrumb-item::before {
  color: white;
}

.testimonial-header img {
  border: 3px solid #fff;
}

.article-thumbnail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.article-thumbnail.hover {
  color: white;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  text-decoration: none;
}

.article-thumbnail,
.article-thumbnail-image,
.article-thumbnail-image::after,
.article-thumbnail-title,
.article-thumbnail-body,
.article-thumbnail-footer,
.article-thumbnail-border {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1);
          transition-timing-function: cubic-bezier(0.51, 0.92, 0.24, 1);
}

.article-thumbnail-head {
  position: relative;
  padding-top: 70%;
}

.article-thumbnail-title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
  text-shadow: 2px 2px 4px #000444;
}

.article-thumbnail.hover .article-thumbnail-title {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  text-shadow: none;
}

.article-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.article-thumbnail-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background: rgb(78, 78, 78);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(78, 78, 78)), color-stop(61%, rgba(78, 78, 78, 0.2884862563)), color-stop(80%, rgba(255, 255, 255, 0.4341445196)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(78, 78, 78) 0%, rgba(78, 78, 78, 0.2884862563) 61%, rgba(255, 255, 255, 0.4341445196) 80%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

@media (max-width: 768px) {
  .article-thumbnail-image::after {
    opacity: 0.4;
    background: black;
  }
}
.article-thumbnail.hover .article-thumbnail-image {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.article-thumbnail.hover .article-thumbnail-image::after {
  opacity: 1;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  background: linear-gradient(30deg, rgba(44, 73, 151, 0.85), rgba(44, 73, 151, 0.5));
}

.article-thumbnail-body {
  position: relative;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: white;
  color: #595959;
}

.article-thumbnail-body .quote-sign {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 28px;
  color: #888;
}

.article-thumbnail-body .quote-line .quote-ab {
  font-style: italic;
}

.article-thumbnail.hover .article-thumbnail-body {
  color: white;
  background: none;
}

.article-thumbnail.hover .article-thumbnail-body .quote-line .quote-sign i,
.article-thumbnail.hover .article-thumbnail-body .quote-line .quote-ab {
  color: white !important;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.article-thumbnail-text {
  line-height: 1.5;
  margin: 0;
  opacity: 0.8;
}

.article-thumbnail-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.article-thumbnail.hover .article-thumbnail-footer {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.recipe-thumbnail-image {
  position: relative;
}

.recipe-thumbnail-image .recipe-thumbnail-category {
  position: absolute;
  top: 0;
  left: 0;
}

.recipe-thumbnail-image .recipe-thumbnail-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.4); /* Black background with 0.5 opacity */
}

.recipe-thumbnail-image .recipe-thumbnail-title h3 {
  text-shadow: 2px 2px 4px #000444;
}

.testimonial-thumbnail {
  position: relative;
  cursor: pointer;
}

.testimonial-thumbnail:not(.active)::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.testimonial-thumbnail img {
  width: 100%;
}

.detail-testimonial {
  height: 420px;
  background-color: #1E3166;
}
@media (max-width: 600px) {
  .detail-testimonial {
    display: none;
  }
}

@media (max-width: 600px) {
  .testimonial-header-wrapper {
    min-height: 375px;
  }
}

@media (max-width: 600px) {
  .testimonial-header {
    position: relative;
    background-color: #1E3166;
  }
}

/** ================================================ ***
				SOCIAL MEDIA ICONS
*** ================================================ **/
.social-icon {
  margin: 0 5px 5px 0;
  height: 40px;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 40px !important;
  text-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: center;
}

.social-icon:hover {
  border-color: transparent;
}

.social-icon i {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 40px;
  position: relative;
  margin-right: 0px;
  padding-right: 0px;
}

.social-icon i:last-child {
  color: #FFF !important;
}

.social-icon:hover i:first-child {
  margin-top: -40px;
}

.social-icon.border-round {
  border-radius: 50%;
}

.social-icon.white-border {
  border: 1px solid #fff !important;
  width: 40px;
}

.font-italic {
  font-style: italic !important;
}

.testimonial-detail-content h2 {
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .testimonial-detail-content h2 {
    margin-bottom: 3rem;
  }
}
.testimonial-detail-content h3 {
  margin-top: 35px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
}
.testimonial-detail-content h1, .testimonial-detail-content h2, .testimonial-detail-content h3, .testimonial-detail-content h4, .testimonial-detail-content h5, .testimonial-detail-content h6, .testimonial-detail-content blockquote {
  color: #0b88dc !important;
}
.testimonial-detail-content p {
  font-size: 18px;
  color: #595959;
  line-height: 30px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .testimonial-detail-content p {
    margin-bottom: 15px;
  }
}
.testimonial-detail-content a {
  color: #595959 !important;
  font-weight: bold;
}
.testimonial-detail-content blockquote {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  padding-left: 35px;
  font-style: italic;
  left: 0;
  background: transparent;
}
@media (min-width: 768px) {
  .testimonial-detail-content blockquote {
    font-size: 26px;
    line-height: 35px;
    padding-left: 50px;
  }
}
.testimonial-detail-content blockquote::before {
  content: "\f10d";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 30px;
  padding-left: 7px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .testimonial-detail-content blockquote::before {
    font-size: 26px;
    padding-left: 12px;
    font-size: 26px;
    line-height: 35px;
  }
}
.testimonial-detail-content blockquote p {
  color: inherit;
  font-size: inherit;
}

.box-thumbnail-2 {
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}

.iti--allow-dropdown {
  width: 100%;
}

.ui-dialog .ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 0.6em;
}
.ui-dialog .ui-dialog .ui-dialog-titlebar-close {
  border: none;
  top: 15px;
}
.ui-dialog .ui-dialog .ui-dialog-titlebar-close::before {
  content: "\f00d";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 20px;
  color: #4c4c4c;
}

.color-red {
  color: red !important;
}

@media (min-width: 1000px) {
  .hero-banner-lifestyles {
    background: url(../img/hero.jpg);
    background-size: cover;
    height: 500px;
    background-position: right;
  }
}
@media (min-width: 1480px) {
  .hero-banner-lifestyles {
    max-width: 1223px;
    margin: auto;
  }
}
.hero-banner-lifestyles .container, .hero-banner-lifestyles .row {
  height: 100%;
}
.hero-banner-lifestyles .hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hero-banner-lifestyles .hero-content h1 {
  font-size: 80px;
  color: #002664;
}
@media (max-width: 578px) {
  .hero-banner-lifestyles .hero-content h1 {
    font-size: 65px;
  }
}
.hero-banner-lifestyles .hero-content h1 .hello-font {
  color: #157AA3;
}
.hero-banner-lifestyles .hero-content p {
  color: #002664;
}
.hero-banner-lifestyles .hero-content .btn-template-8 {
  border: 1px solid #007F9E;
  color: #007F9E;
}
.hero-banner-lifestyles .hero-content .btn-template-8 svg {
  color: #007F9E;
  margin-left: 10px;
}

.content-lifestyles {
  color: #002664;
}

.btn-lifestyle-dark {
  border: 1px solid #002664;
  color: #fff;
  background: #002664;
  border-radius: 10px;
}
.btn-lifestyle-dark:hover {
  color: white;
}
.btn-lifestyle-dark svg {
  color: #fff;
  margin-left: 10px;
}

.title-audio-videos {
  color: #002664;
  font-weight: bold;
}

.audio-videos-series {
  color: #002664;
}
.audio-videos-series .card-lifestyles img {
  cursor: pointer;
}
.audio-videos-series .card-lifestyles iframe {
  display: none;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  min-height: 350px;
}
.audio-videos-series .content-series-video {
  padding: 40px;
}
.audio-videos-series .content-series-video .tag {
  color: #007F9E;
  font-size: 14px;
}
.audio-videos-series .content-series-video h5 {
  color: #002664;
  font-weight: bold;
}
.audio-videos-series .content-series-video .buttons-lifestyles {
  margin-top: 20px;
}
@media (max-width: 578px) {
  .audio-videos-series .content-series-video .buttons-lifestyles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .audio-videos-series .content-series-video .buttons-lifestyles a {
    margin: 10px 0px;
  }
}
.audio-videos-series .content-series-video .buttons-lifestyles .btn-lifestyle-dark-2 {
  border: 2px solid #002664;
  color: #002664;
  border-radius: 10px;
}
.audio-videos-series .content-series-video .buttons-lifestyles .btn-lifestyle-dark-2 svg {
  color: #002664;
  margin-left: 10px;
}

.card-lifestyles {
  background: #fff;
  -webkit-box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 50px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}

.lifestyle-page .pager--load-more, .lifestyle-page .pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lifestyle-page .pager--load-more a, .lifestyle-page .pager a {
  border: 2px solid #002664;
  color: #002664 !important;
  padding: 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 991px) {
  .hero-text-wrapper-v2 {
    background-color: #C7DFF1 !important;
    padding-left: 2rem !important;
  }
  .hero-text-wrapper-v2 p {
    line-height: 1 !important;
  }
}
@media (min-width: 992px) {
  .hero-text-wrapper-v2 {
    margin-left: 3%;
  }
}
.hero-text-wrapper-v2 h1, .hero-text-wrapper-v2 h2, .hero-text-wrapper-v2 h3, .hero-text-wrapper-v2 h4, .hero-text-wrapper-v2 h5, .hero-text-wrapper-v2 h6 {
  color: #002664;
  font-weight: bold;
}
.hero-text-wrapper-v2 h1 span, .hero-text-wrapper-v2 h2 span, .hero-text-wrapper-v2 h3 span, .hero-text-wrapper-v2 h4 span, .hero-text-wrapper-v2 h5 span, .hero-text-wrapper-v2 h6 span {
  color: #3c93d0;
}
.hero-text-wrapper-v2 .btn-template-5 {
  border: 2px solid #002663;
  border-radius: 8px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #002664;
  background-color: white;
}
.hero-text-wrapper-v2 .btn-template-5:hover, .hero-text-wrapper-v2 .btn-template-5:focus {
  background-color: #002663;
  color: #fff;
}
@media only screen and (max-width: 1279px) and (min-width: 992px) {
  .hero-text-wrapper-v2 .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .hero-text-wrapper-v2 .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-text-wrapper-v2 .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 992px) {
  .hero-text-wrapper-v2 .subtitle {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .hero-text-wrapper-v2 .subtitle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-text-wrapper-v2 .subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 991px) {
  .hero-text-wrapper-v2 .list-icons p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .hero-text-wrapper-v2 .list-icons p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-text-wrapper-v2 .list-icons p {
    font-size: 16px;
  }
}
.hero-text-wrapper-v2 .disclaimer-homepage-v2 {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0 !important;
}

.wide-basic-section .hero-text-wrapper-v2 .btn-template-2 {
  color: #fff !important;
}
.wide-basic-section .hero-text-wrapper-v2 .btn-template-2:hover, .wide-basic-section .hero-text-wrapper-v2 .btn-template-2:focus {
  color: #fff !important;
}
.wide-basic-section .hero-text-wrapper-v2 .btn-template-5 {
  color: #002664 !important;
}
.wide-basic-section .hero-text-wrapper-v2 .btn-template-5:hover, .wide-basic-section .hero-text-wrapper-v2 .btn-template-5:focus {
  color: #fff !important;
}

.homepage-banner-lifestyles .row {
  height: 100%;
}
@media (max-width: 999px) {
  .homepage-banner-lifestyles .row {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 999px) {
  .homepage-banner-lifestyles .c-bg-section {
    background-color: #f2f6f8;
    width: 100%;
    padding: 1rem;
    border-radius: 30px 30px 0 0;
  }
  .homepage-banner-lifestyles .c-bg-section a {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 999px) {
  .homepage-banner-lifestyles .cusom-display-lifestyle-series {
    display: block;
  }
}
.homepage-banner-lifestyles .cusom-display-lifestyle-series {
  display: none;
}
@media (min-width: 1000px) {
  .homepage-banner-lifestyles {
    background: url("../img/desktop-banner-lifestyle-series.png");
    background-size: cover;
    height: 400px;
    background-position: right;
  }
}
.homepage-banner-lifestyles h1, .homepage-banner-lifestyles h2, .homepage-banner-lifestyles h3, .homepage-banner-lifestyles h4, .homepage-banner-lifestyles h5, .homepage-banner-lifestyles h6 {
  color: #002664 !important;
  font-weight: bold;
}

#seckit-noscript-tag {
  display: none;
}

.adimo-site-product-first {
  background: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.adimo-site-product-first button {
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  background: #1f2662 !important;
  color: #fff !important;
  text-decoration: none;
  border: 1px solid #1f2662 !important;
}
.adimo-site-product-first button:hover {
  background: #4c5181 !important;
  border-color: #4c5181 !important;
}

.article-card .article-date {
  padding: 1em 0 0.5em;
}
.article-card .article-header h2 {
  line-height: 28px;
}
.article-card img {
  width: 100%;
}

.nutrition-blog__summary {
  text-align: start;
}

.ingredients-list a {
  color: #00738F !important;
  text-decoration: underline;
}

.pager__item a {
  color: #00738F !important;
}

.lp-glp-1 h2 {
  font-size: 3.3rem;
}
@media (max-width: 992px) {
  .lp-glp-1 h2 {
    font-size: 2rem;
  }
}
.lp-glp-1 .hero .wrapper-hero {
  padding: 30px;
  border-radius: 6px;
}
@media (max-width: 992px) {
  .lp-glp-1 .hero .wrapper-hero {
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 10px 0px;
  }
}
.lp-glp-1 .hero .wrapper-hero .wrapper-text {
  padding: 25px 35px;
  background: #00b3ae;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  border-radius: 6px 0px 0px 6px;
}
@media (max-width: 767px) {
  .lp-glp-1 .hero .wrapper-hero .wrapper-text {
    height: auto;
  }
}
.lp-glp-1 .hero .wrapper-hero .wrapper-text h1 {
  color: white;
  font-weight: 900;
  font-size: 4rem;
}
@media (max-width: 992px) {
  .lp-glp-1 .hero .wrapper-hero .wrapper-text h1 {
    font-size: 2.5rem;
  }
}
.lp-glp-1 .hero .wrapper-hero .wrapper-text p {
  color: white;
  font-weight: 900;
  font-size: 1.9rem;
}
.lp-glp-1 .hero .wrapper-hero .wrapper-img img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px) {
  .lp-glp-1 .hero .wrapper-hero .wrapper-img img {
    border-radius: 0 6px 6px 0;
  }
}
@media (max-width: 767px) {
  .lp-glp-1 .hero .wrapper-hero .wrapper-img img {
    height: auto;
  }
}
.lp-glp-1 .block-why-nutrition .wrapper-text h2 {
  color: #00b3ae;
}
.lp-glp-1 .block-why-nutrition .wrapper-text p {
  color: #002664;
  font-size: 21px;
}
.lp-glp-1 .block-why-nutrition img {
  border-radius: 10px;
}
.lp-glp-1 .block-glp-therapy {
  background: #cde9e4;
}
.lp-glp-1 .block-glp-therapy .wrapper-text {
  text-align: center;
  color: #002664;
}
.lp-glp-1 .block-glp-therapy .wrapper-text p {
  font-size: 20px;
}
.lp-glp-1 .block-glp-therapy .card-nutrition img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 350px;
}
.lp-glp-1 .block-glp-therapy .card-nutrition h3 {
  color: #00b3ae;
  font-size: 35px;
  font-weight: 800;
  text-align: center;
  margin: 10px 10px;
}
.lp-glp-1 .block-glp-therapy .card-nutrition p {
  text-align: center;
  color: #002664;
  font-weight: 800;
  line-height: 22px;
}
.lp-glp-1 .block-better-nutrition h3 {
  color: #00b3ae;
  text-align: center;
  font-weight: 800;
}
.lp-glp-1 .block-better-nutrition p {
  text-align: center;
  color: #002664;
  font-weight: 800;
}
.lp-glp-1 .block-better-nutrition .card-product {
  background: #00b3ae;
  padding: 20px 10px 10px 10px;
  border-radius: 8px;
  text-align: center;
}
@media (max-width: 1300px) {
  .lp-glp-1 .block-better-nutrition .card-product {
    min-height: 275px;
  }
}
@media (max-width: 1100px) {
  .lp-glp-1 .block-better-nutrition .card-product {
    min-height: 245px;
  }
}
@media (max-width: 900px) {
  .lp-glp-1 .block-better-nutrition .card-product {
    min-height: 215px;
  }
}
.lp-glp-1 .block-better-nutrition .card-product img {
  max-width: 170px;
  max-height: 170px;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-glp-1 .block-better-nutrition .card-product p {
  text-align: center;
  color: white;
  font-weight: 800;
  padding-top: 10px;
}
@media (max-width: 992px) {
  .lp-glp-1 .block-better-nutrition .card-product p {
    font-size: 16px;
  }
}
.lp-glp-1 .block-better-nutrition .btn {
  background: #002664;
  padding: 8px 30px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: white;
}
@media (max-width: 767px) {
  .lp-glp-1 .block-better-nutrition .btn {
    padding: 8px 18px;
  }
}
.lp-glp-1 .block-clinicaly .card-clini {
  text-align: center;
}
.lp-glp-1 .block-clinicaly .card-clini img {
  width: 120px;
  height: 120px;
  border-radius: 120px;
}
.lp-glp-1 .block-clinicaly .card-clini p {
  text-align: center;
  color: #002664;
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  margin-top: 15px;
}

.lp-glp-homepage h2 {
  font-size: 3.3rem;
}
@media (max-width: 992px) {
  .lp-glp-homepage h2 {
    font-size: 2rem;
  }
}
.lp-glp-homepage .hero .wrapper-hero {
  padding: 30px;
  border-radius: 6px;
}
@media (max-width: 992px) {
  .lp-glp-homepage .hero .wrapper-hero {
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 10px 0px;
  }
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 {
  padding: 100px 50px;
  background: #F6F6F6;
}
@media (max-width: 992px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 {
    padding: 30px 50px;
  }
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 h2 {
  color: #002664;
  font-weight: 900;
  font-size: 4rem;
  line-height: 1.1em;
}
@media (max-width: 1100px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 h2 {
    font-size: 3rem;
  }
}
@media (max-width: 992px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 h2 {
    font-size: 2.5rem;
  }
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-1 p {
  color: white;
  font-weight: 900;
  font-size: 1.9rem;
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 {
  border-radius: 6px;
  padding: 100px 50px;
  background: #00b3ae;
  text-align: end;
}
@media (max-width: 992px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 {
    padding: 30px 50px;
  }
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 h2 {
  color: white;
  font-weight: 900;
  font-size: 4rem;
  line-height: 1.1em;
}
@media (max-width: 1100px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 h2 {
    font-size: 3rem;
  }
}
@media (max-width: 992px) {
  .lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 h2 {
    font-size: 2.5rem;
  }
}
.lp-glp-homepage .hero .wrapper-hero .wrapper-text-2 p {
  color: white;
  font-weight: 900;
  font-size: 1.9rem;
}
.lp-glp-homepage .block-weight-loss .wrapper-text {
  text-align: center;
  color: #002664;
}
.lp-glp-homepage .block-weight-loss .wrapper-text h2 {
  color: #00b3ae;
  font-size: 4rem;
}
@media (max-width: 992px) {
  .lp-glp-homepage .block-weight-loss .wrapper-text h2 {
    font-size: 3rem;
    line-height: 50px;
  }
}
.lp-glp-homepage .block-weight-loss .wrapper-text h4 {
  font-weight: 800;
}
.lp-glp-homepage .block-weight-loss .wrapper-text p {
  font-weight: 500;
}
.lp-glp-homepage .block-weight-loss .card-weight .card-img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 330px;
}
.lp-glp-homepage .block-weight-loss .card-weight p {
  color: #002664;
  font-weight: 800;
  line-height: 22px;
  padding-bottom: 0px;
  margin-top: 15px;
  font-size: 1.2rem;
}
.lp-glp-homepage .block-weight-loss .card-weight p img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 12px;
}
.lp-glp-homepage .block-nutritional img {
  border-radius: 15px;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-glp-homepage .block-nutritional .wrapper-nutritional {
  position: relative;
}
.lp-glp-homepage .block-nutritional .wrapper-nutritional .wrapper-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 30px;
}
.lp-glp-homepage .block-nutritional .wrapper-nutritional .wrapper-content p {
  color: white;
  font-weight: 900;
  font-size: 36px;
  line-height: 34px;
}
.lp-glp-homepage .block-nutritional .wrapper-nutritional .wrapper-content .btn {
  background: #87d1cc;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: #1f6e67;
  font-size: 14px;
}
@media (max-width: 767px) {
  .lp-glp-homepage .block-nutritional .wrapper-nutritional .wrapper-content .btn {
    padding: 8px 18px;
  }
}
.lp-glp-homepage .block-recommen h3 {
  color: #00b3ae;
  font-weight: 900;
}
.lp-glp-homepage .block-recommen p {
  color: #002664;
}
.lp-glp-homepage .block-recommen .btn {
  background: #002664;
  padding: 8px 30px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: white;
}
@media (max-width: 767px) {
  .lp-glp-homepage .block-recommen .btn {
    padding: 8px 18px;
  }
}
.lp-glp-homepage .block-better-nutrition h3 {
  color: #00b3ae;
  text-align: center;
  font-weight: 800;
}
.lp-glp-homepage .block-better-nutrition p {
  text-align: center;
  color: #002664;
  font-weight: 800;
}
.lp-glp-homepage .block-better-nutrition .card-product {
  background: #87d1cc;
  padding: 20px 10px 10px 10px;
  border-radius: 8px;
  text-align: center;
}
.lp-glp-homepage .block-better-nutrition .card-product img {
  max-width: 170px;
  max-height: 170px;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-glp-homepage .block-better-nutrition .card-product p {
  text-align: center;
  color: #002664;
  font-weight: 800;
  padding-top: 10px;
  font-size: 15px;
}
.lp-glp-homepage .block-better-nutrition .btn {
  background: #002664;
  padding: 8px 30px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: white;
}
@media (max-width: 767px) {
  .lp-glp-homepage .block-better-nutrition .btn {
    padding: 8px 25px;
  }
}
.lp-glp-homepage .app-banner {
  background: #fcfdfe;
  border-radius: 0px;
}
.lp-glp-homepage .app-banner h2 {
  color: #002664;
}
.lp-glp-homepage .app-banner p {
  color: #002664;
  font-weight: 600;
}
.lp-glp-homepage .app-banner-v2 {
  background: #00b3ae;
  border-radius: 15px;
}
.lp-glp-homepage .app-banner-v2 h2 {
  color: white;
}
.lp-glp-homepage .app-banner-v2 p {
  color: white;
}
.lp-glp-homepage .app-banner-v2 .btn {
  background: white;
  padding: 8px 30px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: #002664;
}
@media (max-width: 767px) {
  .lp-glp-homepage .app-banner-v2 .btn {
    padding: 8px 25px;
  }
}

.lp-apollo h2 {
  font-size: 3.3rem;
}
@media (max-width: 992px) {
  .lp-apollo h2 {
    font-size: 2rem;
  }
}
.lp-apollo p {
  color: #002664;
}
.lp-apollo .btn {
  background: #002664;
  padding: 8px 30px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 10px;
  color: white;
}
@media (max-width: 767px) {
  .lp-apollo .btn {
    padding: 8px 18px;
  }
}
.lp-apollo .hero .wrapper-hero {
  background: #00b3ae;
  padding: 30px;
  border-radius: 6px;
}
@media (max-width: 992px) {
  .lp-apollo .hero .wrapper-hero {
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 10px 0px;
  }
}
.lp-apollo .hero .wrapper-hero .wrapper-text {
  padding: 25px 35px;
}
.lp-apollo .hero .wrapper-hero .wrapper-text h1 {
  color: white;
  font-weight: 900;
  font-size: 4rem;
}
@media (max-width: 992px) {
  .lp-apollo .hero .wrapper-hero .wrapper-text h1 {
    font-size: 2.5rem;
  }
}
.lp-apollo .hero .wrapper-hero .wrapper-text p {
  color: white;
  font-weight: 900;
  font-size: 1.9rem;
}
.lp-apollo .hero .wrapper-hero .wrapper-img img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
@media (max-width: 767px) {
  .lp-apollo .hero .wrapper-hero .wrapper-img img {
    height: auto;
  }
}
.lp-apollo .block-why-introducing .wrapper-text h2 {
  color: #007d26;
}
.lp-apollo .block-why-introducing .wrapper-text p {
  color: #002664;
  font-size: 27px;
}
.lp-apollo .block-why-introducing img {
  border-radius: 10px;
}
.lp-apollo .block-shake {
  background: #f4f8f5;
}
.lp-apollo .block-shake .wrapper-text {
  background: #dff5d4;
  padding: 6rem 2rem 6rem 6rem;
}
@media (max-width: 767px) {
  .lp-apollo .block-shake .wrapper-text {
    padding: 1rem 2rem 1rem 2rem;
  }
}
.lp-apollo .block-shake .wrapper-text h2 {
  color: #007d26;
  font-size: 5rem;
  line-height: 4rem;
}
@media (max-width: 767px) {
  .lp-apollo .block-shake .wrapper-text h2 {
    font-size: 3.5rem;
  }
}
.lp-apollo .block-shake .wrapper-text p {
  color: #002664;
  font-size: 26px;
  font-weight: 900;
}
.lp-apollo .block-shake .wrapper-icon {
  background: #f4f8f5;
  padding: 2rem 2rem;
}
@media (max-width: 1200px) {
  .lp-apollo .block-shake .wrapper-icon {
    padding: 1rem 1rem;
  }
}
.lp-apollo .block-shake .wrapper-icon .icon img {
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
@media (max-width: 1300px) {
  .lp-apollo .block-shake .wrapper-icon .icon img {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 767px) {
  .lp-apollo .block-shake .wrapper-icon .icon img {
    height: 70px;
    width: 70px;
  }
}
.lp-apollo .block-shake .wrapper-icon .icon .title {
  font-size: 2.3rem;
  margin-bottom: 0px;
  font-weight: 900;
}
@media (max-width: 767px) {
  .lp-apollo .block-shake .wrapper-icon .icon .title {
    font-size: 2rem;
  }
}
.lp-apollo .block-shake .wrapper-icon .icon .text {
  font-size: 1.3rem;
  font-weight: 900;
}
.lp-apollo .block-GLP-1-therapy .wrapper-text h2 {
  color: #007d26;
  font-size: 4rem;
  line-height: 3.9rem;
}
@media (max-width: 767px) {
  .lp-apollo .block-GLP-1-therapy .wrapper-text h2 {
    font-size: 3.5rem;
  }
}
.lp-apollo .block-GLP-1-therapy .wrapper-text p {
  color: #002664;
  font-size: 22px;
}
.lp-apollo .block-GLP-1-therapy img {
  border-radius: 10px;
}
.lp-apollo .block-you-love h2 {
  color: #007d26;
  font-size: 4rem;
  line-height: 3.9rem;
}
@media (max-width: 767px) {
  .lp-apollo .block-you-love h2 {
    font-size: 3.5rem;
  }
}
.lp-apollo .block-you-love .card {
  border-radius: 15px;
  padding: 3rem 2rem;
}
@media (max-width: 767px) {
  .lp-apollo .block-you-love .card {
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 1135px) and (min-width: 768px) {
  .lp-apollo .block-you-love .card {
    min-height: 310px;
  }
}
@media (min-width: 1700px) {
  .lp-apollo .block-you-love .card {
    min-height: 330px;
  }
}
.lp-apollo .block-you-love .card {
  cursor: pointer;
}
.lp-apollo .block-you-love .card:hover {
  -webkit-box-shadow: 4px 4px 21px -4px rgb(66, 68, 90);
          box-shadow: 4px 4px 21px -4px rgb(66, 68, 90);
}
.lp-apollo .block-you-love .card img {
  width: 150px;
  margin: auto;
}
.lp-apollo .block-you-love .card p {
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  line-height: 25px;
}
@media (max-width: 767px) {
  .lp-apollo .block-you-love .card p {
    font-size: 19px;
  }
}
.lp-apollo .block-you-love .card-1 {
  background-color: #097168;
}
.lp-apollo .block-you-love .card-1 p {
  color: white;
}
.lp-apollo .block-you-love .card-2 {
  background-color: #d9f0ec;
}
.lp-apollo .block-you-love .card-3 {
  background-color: #399f00;
}
.lp-apollo .block-you-love .card-3 p {
  color: white;
}
.lp-apollo .block-you-love .card-4 {
  background-color: #c8edb7;
}
.lp-apollo .block-you-love .card-5 {
  background-color: #00b4ae;
}
.lp-apollo .block-you-love .card-5 p {
  color: white;
}
.lp-apollo .block-you-love .card-6 {
  background-color: #dff4d4;
}
.lp-apollo .block-range h2 {
  color: #007d26;
  font-size: 4rem;
  line-height: 3.9rem;
  text-align: center;
}
.lp-apollo .block-range p {
  text-align: center;
  color: #002664;
  font-weight: 800;
  font-size: 24px;
}
.lp-apollo .block-range .card-product {
  background: #86d2cc;
  padding: 20px 10px 10px 10px;
  border-radius: 8px;
  text-align: center;
}
.lp-apollo .block-range .card-product img {
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-apollo .block-range .card-product p {
  text-align: center;
  color: white;
  font-weight: 800;
  padding-top: 0px;
}

.ctilde {
  position: relative;
  margin: 2px;
}

.cbtn-template3 {
  background: none !important;
  color: #007F9E !important;
  font-weight: 400 !important;
}
.cbtn-template3:hover {
  background: #007F9E !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .c-product-card-wrapper {
    width: 25% !important;
  }
}

@media (min-width: 992px) {
  .cImgFlavor {
    max-width: 85%;
  }
}

.bannerApollo {
  position: relative;
  padding: 30px;
}
@media (max-width: 992px) {
  .bannerApollo {
    margin: 0px 10px 0px 10px;
    padding: 10px 0px 10px 0px;
  }
}
.bannerApollo img {
  border-radius: 6px;
}
@media (min-width: 992px) {
  .bannerApollo .contentBanner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .bannerApollo .row {
    height: 100%;
  }
}
.bannerApollo h1 {
  color: #007d26;
  font-weight: 800;
}
@media (min-width: 992px) {
  .bannerApollo h1 {
    line-height: 65px;
    font-size: 60px;
  }
}

.header-store-locator .hello-font {
  font-family: "sofia-pro", sans-serif;
}

#newsletter_form_content .gigya-composite-control-active {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#newsletter_form_content .gigya-composite-control-active h2 {
  color: white !important;
}

#lite-subscription .close {
  position: absolute;
  right: 2%;
  top: 2%;
  opacity: 1 !important;
  z-index: 1;
  color: #012169 !important;
  font-size: 40px;
  font-weight: 500;
  padding: 10px 15px 15px 15px;
  border: none;
  background-color: white;
}